diff --git a/dist/waveform-player.cjs b/dist/waveform-player.cjs
index 8739cf3..ae32f4e 100644
--- a/dist/waveform-player.cjs
+++ b/dist/waveform-player.cjs
@@ -1056,11 +1056,7 @@ var WaveformPlayer = class _WaveformPlayer {
     this.titleEl = this.container.querySelector(".waveform-title");
     this.artistEl = this.container.querySelector(".waveform-artist");
     this.artworkEl = this.container.querySelector(".waveform-artwork");
-    if (this.artworkEl) {
-      this.artworkEl.addEventListener("error", () => {
-        if (!this.artworkEl.src.startsWith("data:")) this.artworkEl.src = ARTWORK_FALLBACK;
-      });
-    }
+    this.bindArtworkFallback(this.artworkEl);
     this.currentTimeEl = this.container.querySelector(".time-current");
     this.totalTimeEl = this.container.querySelector(".time-total");
     this.bpmEl = this.container.querySelector(".waveform-bpm");
@@ -1073,6 +1069,94 @@ var WaveformPlayer = class _WaveformPlayer {
     this.resizeCanvas();
     this.updateBPMDisplay();
   }
+  /**
+   * Bind the artwork error fallback to an image element.
+   *
+   * @param {HTMLImageElement|null} img - Artwork image element.
+   * @private
+   */
+  bindArtworkFallback(img) {
+    if (!img) return;
+    img.addEventListener("error", () => {
+      if (!img.src.startsWith("data:")) img.src = ARTWORK_FALLBACK;
+    }, { signal: this._ac.signal });
+  }
+  /**
+   * Create an artwork image element matching the initial player markup.
+   *
+   * @returns {HTMLImageElement} Artwork image element.
+   * @private
+   */
+  createArtworkElement() {
+    const img = document.createElement("img");
+    img.className = "waveform-artwork";
+    img.style.width = "40px";
+    img.style.height = "40px";
+    img.style.borderRadius = "4px";
+    img.style.objectFit = "cover";
+    img.style.flexShrink = "0";
+    this.bindArtworkFallback(img);
+    return img;
+  }
+  /**
+   * Create an artist text element matching the initial player markup.
+   *
+   * @returns {HTMLSpanElement} Artist text element.
+   * @private
+   */
+  createArtistElement() {
+    const span = document.createElement("span");
+    span.className = "waveform-artist";
+    return span;
+  }
+  /**
+   * Reconcile artist metadata and markup for the current track.
+   *
+   * @param {string|null} artist - Artist text, or a falsy value to remove it.
+   * @private
+   */
+  syncArtist(artist) {
+    this.options.artist = artist || null;
+    if (!this.options.showInfo) return;
+    if (!artist) {
+      this.artistEl?.remove();
+      this.artistEl = null;
+      return;
+    }
+    if (!this.artistEl) {
+      const titleEl = this.container.querySelector(".waveform-title");
+      if (!titleEl) return;
+      this.artistEl = this.createArtistElement();
+      titleEl.after(this.artistEl);
+    }
+    this.artistEl.textContent = artist;
+    this.artistEl.style.display = "";
+  }
+  /**
+   * Reconcile artwork metadata and markup for the current track.
+   *
+   * @param {string|null} artwork - Artwork image URL, or a falsy value to remove artwork.
+   * @param {string} artworkAlt - Artwork alt text.
+   * @private
+   */
+  syncArtwork(artwork, artworkAlt = "") {
+    this.options.artwork = artwork || null;
+    this.options.artworkAlt = artworkAlt || "";
+    if (!this.options.showInfo) return;
+    if (!artwork) {
+      this.artworkEl?.remove();
+      this.artworkEl = null;
+      return;
+    }
+    if (!this.artworkEl) {
+      const textEl = this.container.querySelector(".waveform-text");
+      if (!textEl) return;
+      this.artworkEl = this.createArtworkElement();
+      textEl.before(this.artworkEl);
+    }
+    this.artworkEl.src = artwork;
+    this.artworkEl.alt = artworkAlt || "";
+  }
   /**
    * Create audio element
    * @private
@@ -1622,10 +1706,12 @@ var WaveformPlayer = class _WaveformPlayer {
    * @param {string|null} [artist=null] - Track artist; pass `''` to hide
    *   the artist row, or null to keep the existing one.
    * @param {Object} [options={}] - Additional options to merge (e.g.
-   *   `preload`, `artwork`, `markers`, `autoplay`).
+   *   `preload`, `artwork`, `artworkAlt`, `markers`, `autoplay`).
    * @returns {Promise<void>}
    */
   async loadTrack(url, title = null, artist = null, options = {}) {
+    const hasArtworkOption = Object.prototype.hasOwnProperty.call(options, "artwork");
+    const hasArtworkAltOption = Object.prototype.hasOwnProperty.call(options, "artworkAlt");
     if (this.isPlaying) {
       this.pause();
     }
@@ -1647,23 +1733,29 @@ var WaveformPlayer = class _WaveformPlayer {
     this.waveformData = [];
     this.options = mergeOptions(this.options, {
       url,
-      title: title || this.options.title,
-      artist: artist || this.options.artist,
+      title: title === null ? this.options.title : title,
+      artist: artist === null ? this.options.artist : artist,
       ...options
     });
+    if (hasArtworkOption) {
+      this.options.artwork = options.artwork || null;
+    }
+    if (hasArtworkAltOption) {
+      this.options.artworkAlt = options.artworkAlt || "";
+    } else if (hasArtworkOption) {
+      this.options.artworkAlt = this.options.artwork ? DEFAULT_OPTIONS.artworkAlt : "";
+    }
     if (options.preload && this.audio) {
       this.audio.preload = options.preload;
     }
-    if (this.artistEl) {
-      if (artist) {
-        this.artistEl.textContent = artist;
-        this.artistEl.style.display = "";
-      } else if (artist === "") {
-        this.artistEl.style.display = "none";
-      }
+    if (artist !== null) {
+      this.syncArtist(artist);
     }
-    if (options.artwork && this.artworkEl) {
-      this.artworkEl.src = options.artwork;
+    if (hasArtworkOption || hasArtworkAltOption) {
+      this.syncArtwork(
+        hasArtworkOption ? options.artwork : this.options.artwork,
+        hasArtworkAltOption ? options.artworkAlt : this.options.artworkAlt
+      );
     }
     this.options.markers = options.markers || [];
     this.options.waveform = options.waveform || null;
diff --git a/dist/waveform-player.cjs.map b/dist/waveform-player.cjs.map
index d8bc9fd..8423696 100644
--- a/dist/waveform-player.cjs.map
+++ b/dist/waveform-player.cjs.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/js/index.js", "../src/js/utils.js", "../src/js/drawing.js", "../src/js/bpm.js", "../src/js/audio.js", "../src/js/themes.js", "../src/js/core.js"],
-  "sourcesContent": ["/**\n * @module index\n * @description Public entry point for the WaveformPlayer library.\n *\n * Wires together the runtime surfaces for the player: it re-exports the\n * {@link WaveformPlayer} class (default and named), exposes a static\n * `WaveformPlayer.init` hook, scans the DOM for declarative `[data-waveform-player]`\n * markup and auto-instantiates a player for each match, and attaches the class\n * to `window` for plain `<script>`/CDN usage. Loading this module is enough to\n * make any markup-driven players on the page come alive once the DOM is ready.\n */\n\n// Import the main class\nimport {WaveformPlayer} from './core.js';\nimport {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes} from './utils.js';\n\n// Expose a small set of pure helpers as a single source of truth so consumers\n// (e.g. @arraypress/waveform-bar, @arraypress/waveform-playlist) can reuse them\n// instead of shipping divergent copies. `parseDataAttributes` lets wrappers read\n// the player's full `data-*` option surface off a host element without\n// re-implementing (and drifting from) the contract. Attached to the class so\n// it's reachable from the IIFE global too.\nWaveformPlayer.utils = {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes};\n\n/**\n * Whether we're running in a browser (vs. SSR / Node), where `window` and\n * `document` are available. Guards the auto-init and global-attach steps.\n * @returns {boolean}\n */\nconst isBrowser = () => typeof window !== 'undefined' && typeof document !== 'undefined';\n\n/**\n * Scan the document for declarative player markup and instantiate one\n * {@link WaveformPlayer} per matching element.\n *\n * Finds every element carrying the `data-waveform-player` attribute and, for\n * each one not already initialized, constructs a player from it (the constructor\n * reads the element's `data-*` attributes for configuration). Each successfully\n * initialized element is flagged with `data-waveform-initialized=\"true\"` so\n * repeat calls are idempotent and never double-initialize the same element.\n * Construction errors are caught and logged so one broken element cannot abort\n * the rest of the scan. A no-op in non-DOM environments (e.g. SSR).\n *\n * @returns {void}\n */\nfunction autoInit() {\n    if (!isBrowser()) return;\n\n    const elements = document.querySelectorAll('[data-waveform-player]');\n\n    elements.forEach(element => {\n        if (element.dataset.waveformInitialized === 'true') return;\n\n        try {\n            new WaveformPlayer(element);\n            element.dataset.waveformInitialized = 'true';\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to initialize:', error, element);\n        }\n    });\n}\n\n// Initialize when DOM is ready: defer until DOMContentLoaded if the document is\n// still parsing, otherwise run the scan immediately on import.\nif (isBrowser()) {\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', autoInit);\n    } else {\n        autoInit();\n    }\n}\n\n/**\n * Static re-scan hook.\n *\n * Exposes {@link autoInit} as `WaveformPlayer.init` so callers can manually\n * (re-)scan the DOM after dynamically injecting `[data-waveform-player]` markup.\n * Already-initialized elements are skipped on subsequent calls.\n *\n * @type {typeof autoInit}\n */\nWaveformPlayer.init = autoInit;\n\n// For CDN/browser usage: expose the class as a global so it is reachable from a\n// plain <script> tag without an ES module loader.\nif (isBrowser()) {\n    window.WaveformPlayer = WaveformPlayer;\n}\n\n/**\n * The {@link WaveformPlayer} class.\n * @type {typeof WaveformPlayer}\n */\nexport default WaveformPlayer;\n\n// Named exports\nexport {WaveformPlayer};", "/**\n * @module utils\n * @description Utility functions for WaveformPlayer\n */\n\n/**\n * Default number of peak windows extracted per track. Shared by the runtime\n * peak extraction and `DEFAULT_OPTIONS.samples` so they can't silently drift,\n * and matched to @arraypress/waveform-gen's offline default (1800) for parity.\n * @type {number}\n */\nexport const DEFAULT_SAMPLES = 1800;\n\n/**\n * Largest value in an array, via a loop \u2014 NOT `Math.max(...arr)`, whose\n * argument spread throws `RangeError: Maximum call stack size exceeded` for\n * very large arrays (~1e5+ entries). Returns `-Infinity` for an empty array,\n * matching `Math.max()`.\n * @param {number[]} values - Numbers to scan.\n * @returns {number} The maximum value (`-Infinity` if empty).\n */\nexport function maxOf(values) {\n    let max = -Infinity;\n    for (let i = 0; i < values.length; i++) {\n        if (values[i] > max) max = values[i];\n    }\n    return max;\n}\n\n/**\n * Escape a string for safe interpolation into HTML, preventing injection when\n * building markup with template strings. `null`/`undefined` become `''`.\n * @param {*} str - Value to escape.\n * @returns {string} HTML-escaped string.\n */\nexport function escapeHtml(str) {\n    return String(str == null ? '' : str)\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;')\n        .replace(/'/g, '&#39;');\n}\n\n/**\n * Whether a URL is safe to navigate to (assign to `location.href`): allows only\n * `http`/`https` and relative URLs, rejecting `javascript:`, `data:`, `blob:`,\n * `vbscript:` and other script-bearing schemes.\n * @param {string} url - Candidate URL.\n * @returns {boolean} True if the URL uses a safe scheme.\n */\nexport function isSafeHref(url) {\n    if (typeof url !== 'string' || url === '') return false;\n    try {\n        // Resolve relative URLs against a dummy http base; only the scheme matters.\n        const u = new URL(url, 'http://localhost/');\n        return u.protocol === 'http:' || u.protocol === 'https:';\n    } catch (e) {\n        return false;\n    }\n}\n\n/**\n * Clamp a number to an inclusive range.\n * @param {number} value - Value to constrain.\n * @param {number} [min=0] - Lower bound.\n * @param {number} [max=1] - Upper bound.\n * @returns {number} `value` constrained to `[min, max]`.\n */\nexport function clamp(value, min = 0, max = 1) {\n    return Math.max(min, Math.min(value, max));\n}\n\n/**\n * Read a boolean `data-*` flag. Returns `undefined` when the attribute is\n * absent (preserving the sparse-options contract) and otherwise compares the\n * raw value against the literal string `'true'`.\n * @param {string|undefined} value - Raw `dataset` value.\n * @returns {boolean|undefined} `true`/`false` when present, else `undefined`.\n */\nexport function parseBoolAttr(value) {\n    return value === undefined ? undefined : value === 'true';\n}\n\n/**\n * A colour data-attribute may be a CSS colour string OR a JSON array of\n * gradient stops (e.g. '[\"#fafafa\",\"#71717a\"]'). Parse the array form;\n * otherwise pass the string straight through.\n * @param {string} value\n * @returns {string|string[]}\n */\nfunction parseColorValue(value) {\n    if (typeof value === 'string' && value.trim().startsWith('[')) {\n        try { return JSON.parse(value); } catch (e) { /* fall through to string */ }\n    }\n    return value;\n}\n\n/**\n * Read every recognised `data-*` attribute off a host element and translate it\n * into a plain options object suitable for `mergeOptions`.\n *\n * Only attributes that are actually present are copied, so the returned object\n * is sparse and never overrides defaults with `undefined`. Numeric attributes\n * are coerced with `parseInt`/`parseFloat`, boolean flags are compared against\n * the literal string `'true'`, and JSON-valued attributes (`markers`,\n * `playbackRates`) are parsed defensively \u2014 a parse failure is warned about and\n * the attribute is skipped rather than thrown.\n *\n * Several attributes are shorthand aliases of a canonical long form: `data-src`\n * \u2192 `url`, `data-style` \u2192 `waveformStyle`. When both are present the canonical\n * long form is applied last and therefore wins. `data-color` and `data-theme`\n * are retained as legacy aliases for `waveformColor` and `colorPreset`.\n * Colour attributes that accept gradients (`waveformColor`, `progressColor`)\n * are passed through {@link parseColorValue} so a JSON stop array is expanded.\n *\n * @param {HTMLElement} element - Host element whose `dataset` is inspected.\n * @returns {Object} Sparse options object containing only the attributes found.\n */\nexport function parseDataAttributes(element) {\n    const options = {};\n\n    // Set a boolean option only when its `data-*` attribute is present, so the\n    // returned object stays sparse and never overrides a default with a value\n    // the author didn't set. (`dataKey` differs from `optKey` only for showBPM.)\n    const setBool = (optKey, dataKey = optKey) => {\n        const v = parseBoolAttr(element.dataset[dataKey]);\n        if (v !== undefined) options[optKey] = v;\n    };\n\n    // Read a present (non-empty) numeric attribute as an int (or float).\n    const setNum = (optKey, dataKey = optKey, float = false) => {\n        const raw = element.dataset[dataKey];\n        if (raw) options[optKey] = float ? parseFloat(raw) : parseInt(raw, 10);\n    };\n\n    // Parse a JSON-valued attribute defensively \u2014 warn and skip on bad JSON.\n    const setJson = (optKey, dataKey = optKey) => {\n        const raw = element.dataset[dataKey];\n        if (!raw) return;\n        try { options[optKey] = JSON.parse(raw); }\n        catch (e) { console.warn(`[WaveformPlayer] Invalid ${dataKey} JSON:`, e); }\n    };\n\n    // Core attributes. `data-src` is a shorthand alias for `data-url`;\n    // the canonical long form wins if both are set.\n    if (element.dataset.src) options.url = element.dataset.src;\n    if (element.dataset.url) options.url = element.dataset.url;\n    setNum('height');\n    setNum('samples');\n    if (element.dataset.preload) {\n        options.preload = element.dataset.preload;\n    }\n    if (element.dataset.audioMode) options.audioMode = element.dataset.audioMode;\n\n    // Waveform style attributes. `data-style` is a shorthand alias for\n    // `data-waveform-style`; the canonical long form wins if both are set.\n    if (element.dataset.style) options.waveformStyle = element.dataset.style;\n    if (element.dataset.waveformStyle) options.waveformStyle = element.dataset.waveformStyle;\n    if (element.dataset.waveformGradient) options.waveformGradient = element.dataset.waveformGradient;\n    setNum('barWidth');\n    setNum('barSpacing');\n    setNum('barRadius');\n    if (element.dataset.buttonAlign) options.buttonAlign = element.dataset.buttonAlign;\n    if (element.dataset.layout) options.layout = element.dataset.layout;\n    if (element.dataset.buttonStyle) options.buttonStyle = element.dataset.buttonStyle;\n    // buttonSize: a bare number is px (data-button-size=\"64\"); a unit string\n    // (e.g. \"4rem\") is kept verbatim.\n    if (element.dataset.buttonSize) {\n        const bs = element.dataset.buttonSize;\n        options.buttonSize = /^\\d+(\\.\\d+)?$/.test(bs.trim()) ? parseFloat(bs) : bs;\n    }\n\n    // Color preset\n    if (element.dataset.colorPreset) options.colorPreset = element.dataset.colorPreset;\n\n    // Individual color customization\n    if (element.dataset.waveformColor) options.waveformColor = parseColorValue(element.dataset.waveformColor);\n    if (element.dataset.progressColor) options.progressColor = parseColorValue(element.dataset.progressColor);\n\n    // Legacy support for old attribute names\n    if (element.dataset.color) options.waveformColor = element.dataset.color;\n    if (element.dataset.theme) options.colorPreset = element.dataset.theme;\n\n    // Feature flags\n    setBool('autoplay');\n    setBool('showControls');\n    setBool('showInfo');\n    setBool('showTime');\n    setBool('showHoverTime');\n    setBool('seekHandle');\n    setBool('showBPM', 'showBpm');\n    setNum('bpm');\n    setBool('singlePlay');\n    setBool('playOnSeek');\n\n    // Content and metadata\n    if (element.dataset.title) options.title = element.dataset.title;\n    if (element.dataset.artist) options.artist = element.dataset.artist;\n    if (element.dataset.album) options.album = element.dataset.album;\n    if (element.dataset.artwork) options.artwork = element.dataset.artwork;\n\n    // Waveform data\n    if (element.dataset.waveform) options.waveform = element.dataset.waveform;\n\n    // Markers\n    setJson('markers');\n\n    // Playback controls\n    setNum('playbackRate', 'playbackRate', true);\n    setBool('showPlaybackSpeed');\n    setJson('playbackRates');\n\n    // Media Session API\n    setBool('enableMediaSession');\n\n    // Markers visibility\n    setBool('showMarkers');\n\n    // Accessibility\n    setBool('accessibleSeek');\n    if (element.dataset.seekLabel) options.seekLabel = element.dataset.seekLabel;\n    if (element.dataset.seekValueText) options.seekValueText = element.dataset.seekValueText;\n    if (element.dataset.errorText) options.errorText = element.dataset.errorText;\n\n    // Localizable UI strings (screen-reader / lock-screen facing)\n    if (element.dataset.playPauseLabel) options.playPauseLabel = element.dataset.playPauseLabel;\n    if (element.dataset.speedLabel) options.speedLabel = element.dataset.speedLabel;\n    if (element.dataset.artworkAlt) options.artworkAlt = element.dataset.artworkAlt;\n    if (element.dataset.unknownTrackText) options.unknownTrackText = element.dataset.unknownTrackText;\n\n    // Custom icons (raw SVG markup)\n    if (element.dataset.playIcon) options.playIcon = element.dataset.playIcon;\n    if (element.dataset.pauseIcon) options.pauseIcon = element.dataset.pauseIcon;\n\n    return options;\n}\n\n/**\n * Interpolate a printf-style seek value-text template.\n *\n * Substitutes positional (`%1$s`, `%2$s`) and sequential (`%s`) placeholders so\n * a localized template resolves the same way `sprintf` would \u2014 including\n * templates that reorder the arguments for a given language. Placeholders with\n * no matching argument are left intact.\n * @param {string} template - Value-text template, e.g. `'%1$s of %2$s'`.\n * @param {...string} args  - Replacement values, in order (current, duration).\n * @returns {string} The interpolated value text.\n */\nexport function formatSeekValueText(template, ...args) {\n    let sequentialIndex = 0;\n    return template.replace(/%(?:(\\d+)\\$)?s/g, (match, position) => {\n        const index = position ? Number(position) - 1 : sequentialIndex++;\n        return args[index] ?? match;\n    });\n}\n\n/**\n * Format a duration as a clock string.\n *\n * Renders `M:SS` for durations under an hour and `H:MM:SS` for longer ones,\n * zero-padding the minutes and seconds. Falsy, `NaN`, or negative inputs are\n * treated as zero and return `'0:00'`.\n * @param {number} seconds - Time in seconds.\n * @returns {string} Formatted time, e.g. `'3:07'` or `'1:02:09'`.\n */\nexport function formatTime(seconds) {\n    if (!seconds || isNaN(seconds) || seconds < 0) return '0:00';\n\n    const hrs = Math.floor(seconds / 3600);\n    const mins = Math.floor((seconds % 3600) / 60);\n    const secs = Math.floor(seconds % 60);\n\n    if (hrs > 0) {\n        return `${hrs}:${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n    }\n\n    return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n/**\n * Monotonic per-process counter appended to every generated id to guarantee\n * uniqueness even when two ids hash from the same URL.\n * @type {number}\n * @private\n */\nlet idCounter = 0;\n\n/**\n * Generate a unique, DOM-safe ID from a URL.\n *\n * Uses a DJB2 hash of the FULL url (not a 10-char prefix) plus a process\n * counter, so same-host tracks don't collide in the instances map and\n * non-Latin1 / Unicode URLs don't throw (the old btoa() approach did both).\n * @param {string} url - Audio URL\n * @returns {string} Unique element-id-safe string\n */\nexport function generateId(url) {\n    const str = url || 'audio';\n    let hash = 5381;\n    for (let i = 0; i < str.length; i++) {\n        hash = ((hash << 5) + hash + str.charCodeAt(i)) | 0;\n    }\n    return `wp_${(hash >>> 0).toString(36)}_${(idCounter++).toString(36)}`;\n}\n\n/**\n * Derive a human-readable title from an audio URL's filename.\n *\n * Takes the last path segment, drops the extension, replaces `-`/`_`\n * separators with spaces, and title-cases the first letter of each word.\n * Returns `'Audio'` for an empty or missing URL.\n * @param {string} url - Audio URL.\n * @returns {string} Extracted, prettified title.\n * @example\n * extractTitleFromUrl('https://cdn.example.com/my-cool_track.mp3'); // 'My Cool Track'\n */\nexport function extractTitleFromUrl(url) {\n    if (!url) return 'Audio';\n\n    const parts = url.split('/');\n    const filename = parts[parts.length - 1];\n    const name = filename.split('.')[0];\n\n    // Clean up common separators\n    return name\n        .replace(/[-_]/g, ' ')\n        .replace(/\\b\\w/g, l => l.toUpperCase());\n}\n\n/**\n * Perceived brightness (0\u2013255) of a CSS colour, via the luminance formula.\n * Pulls the numeric channels out of an `rgb()`/`rgba()` string.\n * @param {string} color - CSS colour string, e.g. `\"rgb(34, 34, 34)\"`.\n * @returns {number|null} Brightness 0\u2013255, or `null` if it can't be parsed.\n */\nexport function perceivedBrightness(color) {\n    const rgb = typeof color === 'string' ? color.match(/\\d+/g) : null;\n    if (!rgb || rgb.length < 3) return null;\n    const [r, g, b] = rgb.map(Number);\n    return (r * 299 + g * 587 + b * 114) / 1000;\n}\n\n/**\n * Shallow-merge option objects into a new object, last source winning.\n *\n * Keys whose value is `null` or `undefined` are skipped, so a later source can\n * leave an earlier value untouched by passing a nullish entry rather than\n * clobbering it. The inputs are never mutated.\n * @param {...Object} sources - Option objects merged left-to-right.\n * @returns {Object} A fresh object containing the merged, defined keys.\n */\nexport function mergeOptions(...sources) {\n    const result = {};\n\n    for (const source of sources) {\n        for (const key in source) {\n            if (source[key] !== null && source[key] !== undefined) {\n                result[key] = source[key];\n            }\n        }\n    }\n\n    return result;\n}\n\n/**\n * Wrap a function so it only runs once calls stop arriving for `wait` ms.\n *\n * Each invocation resets the pending timer, so rapid bursts collapse into a\n * single trailing-edge call that receives the most recent arguments. The\n * wrapper itself returns nothing.\n * @param {Function} func - Function to debounce.\n * @param {number} wait - Idle period in milliseconds before `func` fires.\n * @returns {Function} Debounced wrapper forwarding its arguments to `func`.\n */\nexport function debounce(func, wait) {\n    let timeout;\n\n    return function executedFunction(...args) {\n        const later = () => {\n            clearTimeout(timeout);\n            func(...args);\n        };\n\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n    };\n}\n\n/**\n * Resize a waveform amplitude array to a target number of bars.\n *\n * Returns the original array unchanged when lengths already match, and an empty\n * array when either side is empty. When upsampling (target larger than source)\n * it linearly interpolates between neighbouring samples for a smooth result.\n * When downsampling it splits the source into evenly sized buckets and keeps\n * the peak (maximum) of each so transients survive the reduction; an empty\n * bucket falls back to its nearest-neighbour sample.\n * @param {number[]} data - Original amplitude samples.\n * @param {number} targetLength - Desired number of output bars.\n * @returns {number[]} Resampled amplitude array of length `targetLength`.\n */\nexport function resampleData(data, targetLength) {\n    if (data.length === targetLength) return data;\n    if (data.length === 0 || targetLength === 0) return [];\n\n    const result = [];\n\n    // If upsampling (target is larger than source)\n    if (targetLength > data.length) {\n        const ratio = (data.length - 1) / (targetLength - 1);\n\n        for (let i = 0; i < targetLength; i++) {\n            const index = i * ratio;\n            const lower = Math.floor(index);\n            const upper = Math.ceil(index);\n            const fraction = index - lower;\n\n            // Linear interpolation between samples\n            if (upper >= data.length) {\n                result.push(data[data.length - 1]);\n            } else if (lower === upper) {\n                result.push(data[lower]);\n            } else {\n                const value = data[lower] * (1 - fraction) + data[upper] * fraction;\n                result.push(value);\n            }\n        }\n    } else {\n        // Downsampling (target is smaller than source)\n        const bucketSize = data.length / targetLength;\n\n        for (let i = 0; i < targetLength; i++) {\n            const start = Math.floor(i * bucketSize);\n            const end = Math.floor((i + 1) * bucketSize);\n\n            // Find the maximum value in this bucket\n            let max = 0;\n            let count = 0;\n\n            for (let j = start; j <= end && j < data.length; j++) {\n                if (data[j] > max) {\n                    max = data[j];\n                }\n                count++;\n            }\n\n            // If no samples were found in this bucket, use nearest neighbor\n            if (count === 0) {\n                const nearestIndex = Math.min(Math.round(i * bucketSize), data.length - 1);\n                max = data[nearestIndex];\n            }\n\n            result.push(max);\n        }\n    }\n\n    return result;\n}", "/**\n * @module drawing\n * @description Core waveform drawing styles optimized for visual distinction at all sizes\n */\n\nimport {resampleData, clamp} from './utils.js';\n\n/**\n * Resolve a fill value that may be a CSS colour string OR an array of colour\n * stops (rendered as a canvas gradient). Bundle-light gradient support: pass\n * e.g. `waveformColor: ['#fafafa', '#71717a']`. A single-element array collapses\n * to that one colour; a multi-element array is spread evenly along the axis set\n * by `options.waveformGradient`:\n *   - `'vertical'`   (default) a canvas-height gradient (colour keyed to\n *     absolute Y, so short bars occupy only the lower band).\n *   - `'horizontal'` left -> right across the whole waveform (a hue sweep).\n *   - `'diagonal'`   top-left -> bottom-right.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context used to build the gradient.\n * @param {string|string[]} value - A CSS colour string, or an array of colour stops.\n * @param {HTMLCanvasElement} canvas - Canvas (provides the device-pixel span).\n * @param {Object} [options] - Drawing options; reads `waveformGradient`.\n * @returns {string|CanvasGradient} The original string, or a linear gradient.\n */\nfunction makeFill(ctx, value, canvas, options) {\n    if (!Array.isArray(value)) return value;\n    if (value.length < 2) return value[0];\n    const w = canvas.width;\n    const h = canvas.height;\n    const dir = options && options.waveformGradient;\n    const [x0, y0, x1, y1] =\n        dir === 'horizontal' ? [0, 0, w, 0] :\n        dir === 'diagonal'   ? [0, 0, w, h] :\n                               [0, 0, 0, h];\n    try {\n        const grad = ctx.createLinearGradient(x0, y0, x1, y1);\n        value.forEach((c, i) => grad.addColorStop(i / (value.length - 1), c));\n        return grad;\n    } catch (e) {\n        return value[0]; // a bad stop shouldn't abort the whole render\n    }\n}\n\n/**\n * Fill a bar rect, optionally with rounded caps (`barRadius`). Falls back to\n * a plain fillRect where `roundRect` is unavailable (older Safari) \u2014 square\n * bars, no error. Radii are clamped to half the rect's width/height so a\n * large `barRadius` never overflows a thin or short bar.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context (current fillStyle is used).\n * @param {number} x - Left edge of the bar in device pixels.\n * @param {number} y - Top edge of the bar in device pixels.\n * @param {number} w - Bar width in device pixels.\n * @param {number} h - Bar height in device pixels (may be negative for upward fills).\n * @param {number|number[]} radii - Corner radius (number, or [tl, tr, br, bl]).\n * @returns {void}\n */\nfunction fillBar(ctx, x, y, w, h, radii) {\n    const any = Array.isArray(radii) ? radii.some(r => r > 0) : radii > 0;\n    if (any && typeof ctx.roundRect === 'function') {\n        const max = Math.min(w / 2, Math.abs(h) / 2);\n        const clampR = (r) => clamp(r, 0, max);\n        ctx.beginPath();\n        ctx.roundRect(x, y, w, h, Array.isArray(radii) ? radii.map(clampR) : clampR(radii));\n        ctx.fill();\n    } else {\n        ctx.fillRect(x, y, w, h);\n    }\n}\n\n/**\n * Scale the configured `barRadius` into device pixels (scalar).\n * @private\n * @param {Object} options - Drawing options (`barRadius` in CSS pixels, defaults to 0).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number} The bar corner radius in device pixels.\n */\nfunction barRadiusPx(options, dpr) {\n    return (options.barRadius || 0) * dpr;\n}\n\n/**\n * Top-rounded corner radii for bottom-anchored bars: [tl, tr, br, bl].\n * Only the top two corners are rounded so bars sit flush on the baseline.\n * @private\n * @param {Object} options - Drawing options (supplies `barRadius`).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number[]} Corner radii in device pixels as [tl, tr, br, bl].\n */\nfunction barRadii(options, dpr) {\n    const r = barRadiusPx(options, dpr);\n    return [r, r, 0, 0];\n}\n\n/**\n * Trace a horizontal rounded-capsule (stadium) path from `startX` to `endX`,\n * ready to fill. The end caps are semicircles of radius `barHeight / 2`.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context.\n * @param {number} startX - Left edge x (also the left cap centre).\n * @param {number} endX - Right edge x.\n * @param {number} centerY - Vertical centre of the capsule.\n * @param {number} barHeight - Capsule thickness in pixels.\n * @returns {void}\n */\nfunction capsulePath(ctx, startX, endX, centerY, barHeight) {\n    const r = barHeight / 2;\n    ctx.beginPath();\n    ctx.moveTo(startX, centerY - r);\n    ctx.lineTo(endX - r, centerY - r);\n    ctx.arc(endX - r, centerY, r, -Math.PI / 2, Math.PI / 2);\n    ctx.lineTo(startX, centerY + r);\n    ctx.arc(startX, centerY, r, Math.PI / 2, -Math.PI / 2);\n    ctx.closePath();\n}\n\n/**\n * Draw standard bars waveform - classic vertical bars anchored to the baseline.\n * Peaks are resampled to fit the available bar slots, drawn at 90% of canvas\n * height, then the progress portion is repainted in `progressColor` via a\n * left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor` (colour strings or gradient stop arrays).\n * @returns {void}\n */\nexport function drawBars(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const progressWidth = progress * canvas.width;\n    const radii = barRadii(options, dpr);\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars first\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw mirror/SoundCloud style waveform - symmetrical bars about the centre line.\n * Each peak is drawn twice (45% of height up and down) with the upper cap rounded\n * on top and the lower cap rounded on the bottom; the progress portion is then\n * repainted in `progressColor` through a left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawMirror(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const centerY = height / 2;\n    const progressWidth = progress * canvas.width;\n    const r = barRadiusPx(options, dpr);\n    const topRadii = [r, r, 0, 0];   // round the upper cap\n    const botRadii = [0, 0, r, r];   // round the lower cap\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw line/oscilloscope style waveform - smooth flowing wave with glow.\n * Renders a faint oscilloscope grid (centre line + 10 vertical divisions), the\n * full waveform as a bezier-smoothed curve, then the played portion on top with\n * a coloured shadow glow. Peaks are modulated by a sine term so the line undulates\n * rather than reading as static bars.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1); the glowing curve is only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (base wave), `progressColor` (played wave).\n * @returns {void}\n */\nexport function drawLine(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const amplitude = height * 0.35;\n\n    ctx.clearRect(0, 0, width, height);\n\n    /**\n     * Stroke a bezier-smoothed curve through the (optionally sine-modulated) peaks.\n     * @private\n     * @param {string} color - Stroke colour (and shadow colour when glowing).\n     * @param {number} lineWidth - Stroke width in pixels.\n     * @param {number} [endProgress=1] - Fraction (0-1) of the peaks to draw, left to right.\n     * @param {boolean} [addGlow=false] - When true, applies a coloured shadow blur for a glow effect.\n     * @returns {void}\n     */\n    const drawCurve = (color, lineWidth, endProgress = 1, addGlow = false) => {\n        // strokeStyle accepts a gradient; shadowColor must be a solid string, so\n        // collapse a stop array to its last stop for the glow.\n        const stroke = makeFill(ctx, color, canvas, options);\n        const solid = Array.isArray(color) ? color[color.length - 1] : color;\n        if (addGlow) {\n            ctx.shadowBlur = 12;\n            ctx.shadowColor = solid;\n        }\n\n        ctx.strokeStyle = stroke;\n        ctx.lineWidth = lineWidth;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n\n        ctx.beginPath();\n        ctx.moveTo(0, centerY);\n\n        const points = [];\n        const samples = Math.floor(peaks.length * endProgress);\n\n        // Calculate smoothed points\n        for (let i = 0; i < samples; i++) {\n            const x = (i / (peaks.length - 1)) * width;\n            const peakValue = peaks[i];\n\n            // Create a smooth wave motion\n            const waveOffset = Math.sin(i * 0.1) * peakValue;\n            const y = centerY + (waveOffset * amplitude);\n\n            points.push({x, y});\n        }\n\n        // Draw smooth curve through points using bezier curves\n        for (let i = 0; i < points.length - 1; i++) {\n            const cp1x = points[i].x + (points[i + 1].x - points[i].x) * 0.5;\n            const cp1y = points[i].y;\n            const cp2x = points[i + 1].x - (points[i + 1].x - points[i].x) * 0.5;\n            const cp2y = points[i + 1].y;\n\n            ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, points[i + 1].x, points[i + 1].y);\n        }\n\n        ctx.stroke();\n\n        if (addGlow) {\n            ctx.shadowBlur = 0;\n        }\n    };\n\n    // Draw subtle grid for oscilloscope feel\n    ctx.strokeStyle = 'rgba(255, 255, 255, 0.03)';\n    ctx.lineWidth = 0.5;\n\n    // Horizontal center line\n    ctx.beginPath();\n    ctx.moveTo(0, centerY);\n    ctx.lineTo(width, centerY);\n    ctx.stroke();\n\n    // Vertical grid lines\n    for (let i = 0; i <= 10; i++) {\n        const x = (width / 10) * i;\n        ctx.beginPath();\n        ctx.moveTo(x, 0);\n        ctx.lineTo(x, height);\n        ctx.stroke();\n    }\n\n    // Draw background wave\n    drawCurve(options.color, 2, 1, false);\n\n    // Draw progress with glow\n    if (progress > 0) {\n        drawCurve(options.progressColor, 3, progress, true);\n    }\n}\n\n/**\n * Draw blocks/LED meter style waveform - segmented blocks growing from the centre.\n * Each bar's height is quantised into fixed-size blocks separated by gaps, drawn\n * symmetrically up and down from the centre line (the shared centre block is not\n * duplicated downward). Per-bar colour is chosen by comparing the bar's x against\n * the played width \u2014 there is no clip overlay here.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each bar's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 3), `barSpacing` (default 1),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawBlocks(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 3) * dpr;\n    const barSpacing = (options.barSpacing || 1) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const blockSize = 4 * dpr;\n    const blockGap = 2 * dpr;\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        const blockCount = Math.floor(peakHeight / (blockSize + blockGap));\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw blocks from center outward\n        for (let j = 0; j < blockCount; j++) {\n            const blockOffset = j * (blockSize + blockGap);\n\n            // Upper blocks\n            ctx.fillRect(x, centerY - blockOffset - blockSize, barWidth, blockSize);\n\n            // Lower blocks (skip the center block)\n            if (j > 0) {\n                ctx.fillRect(x, centerY + blockOffset, barWidth, blockSize);\n            }\n        }\n    }\n}\n\n/**\n * Draw dots style waveform - pairs of circular points mirrored about the centre.\n * For each sample a dot is drawn above and below the centre line at half the peak\n * height; dot radius scales with bar width but is floored at 1.5 device pixels.\n * Per-dot colour is chosen by comparing x against the played width (no clip overlay).\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each dot's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 2), `barSpacing` (default 3),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawDots(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 2) * dpr;\n    const barSpacing = (options.barSpacing || 3) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const dotRadius = Math.max(1.5 * dpr, barWidth / 2);\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing) + barWidth / 2;\n        if (x > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw upper dot\n        ctx.beginPath();\n        ctx.arc(x, centerY - peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n\n        // Draw lower dot\n        ctx.beginPath();\n        ctx.arc(x, centerY + peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n    }\n}\n\n/**\n * Draw seekbar style - a simple rounded progress bar with no waveform.\n * Renders a pill-shaped background track, a clean pill-shaped filled portion\n * (clamped to at least one full pill width so it never collapses), and a\n * draggable circular handle/thumb at the playhead (clamped so it never clips\n * at the track ends).\n * The `peaks` argument is accepted for signature parity but is unused by this style.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Ignored; present to match the shared draw-function signature.\n * @param {number} progress - Playback progress (0-1); the fill and handle are only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (track), `progressColor` (fill/glow/accent).\n * @returns {void}\n */\nexport function drawSeekbar(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const barHeight = 4; // Height of the seekbar in pixels\n    const borderRadius = barHeight / 2;\n    const active = !!options.seekActive; // hovering or dragging the seekbar\n\n    ctx.clearRect(0, 0, width, height);\n\n    // Draw background track\n    ctx.fillStyle = makeFill(ctx, options.color, canvas, options) || 'rgba(255, 255, 255, 0.2)';\n\n    // Rounded background track\n    capsulePath(ctx, borderRadius, width, centerY, barHeight);\n    ctx.fill();\n\n    // Draw progress \u2014 slightly dimmed at rest, full-bright on hover / drag.\n    // With a monochrome palette there's no hue to swap (Spotify goes\n    // white\u2192green), so the hover cue is a brightness lift plus the handle\n    // appearing. The draggable handle is a DOM element\n    // (`.waveform-seek-handle`), not drawn here \u2014 so it's always a perfect\n    // circle and can grow on direct hover via CSS.\n    if (progress > 0) {\n        const progressWidth = Math.max(borderRadius * 2, progress * width);\n\n        // Brightness lift on hover/drag is only meaningful when the handle is\n        // enabled (the bar); a standalone seekbar stays at full progress.\n        ctx.save();\n        ctx.globalAlpha = options.seekHandle && !active ? 0.7 : 1;\n        ctx.fillStyle = makeFill(ctx, options.progressColor, canvas, options) || 'rgba(255, 255, 255, 0.9)';\n        capsulePath(ctx, borderRadius, progressWidth, centerY, barHeight);\n        ctx.fill();\n        ctx.restore();\n    }\n}\n\n/**\n * Map of style names (and singular aliases) to their drawing functions.\n * Six visually distinct styles including a simple seekbar; keys are matched\n * against `options.waveformStyle` by {@link draw}.\n * @type {Object.<string, function(CanvasRenderingContext2D, HTMLCanvasElement, number[], number, Object): void>}\n */\nexport const DRAWING_STYLES = {\n    'bars': drawBars,        // Classic vertical bars\n    'bar': drawBars,\n    'mirror': drawMirror,    // SoundCloud-style symmetrical\n    'line': drawLine,        // Smooth oscilloscope wave\n    'blocks': drawBlocks,    // LED meter segmented\n    'block': drawBlocks,\n    'dots': drawDots,        // Circular points\n    'dot': drawDots,\n    'seekbar': drawSeekbar   // Simple progress bar (no waveform)\n};\n\n/**\n * Main drawing entry point that delegates to the style named by\n * `options.waveformStyle`, falling back to {@link drawBars} for unknown styles.\n * @param {CanvasRenderingContext2D} ctx - Canvas context\n * @param {HTMLCanvasElement} canvas - Canvas element\n * @param {number[]} peaks - Waveform peak data (0-1)\n * @param {number} progress - Progress (0-1)\n * @param {Object} options - Drawing options, including `waveformStyle` plus the\n *   per-style fields (`barWidth`, `barSpacing`, `barRadius`, `color`, `progressColor`).\n * @returns {void}\n */\nexport function draw(ctx, canvas, peaks, progress, options) {\n    const drawFunc = DRAWING_STYLES[options.waveformStyle] || drawBars;\n    drawFunc(ctx, canvas, peaks, progress, options);\n}", "/**\n * @module bpm\n * @description BPM detection for audio analysis\n */\n\n/**\n * Estimate the tempo (beats per minute) of an audio buffer.\n *\n * Analyses the first (left/mono) channel by detecting onsets, measuring the\n * time between successive onsets, converting each interval to a tempo, and\n * histogramming those tempos into 3-BPM buckets (60-200 BPM) to find the most\n * common one. Octave errors are corrected by doubling very slow results and\n * halving very fast ones when a strong half/double bucket also exists, then a\n * fixed -1 BPM calibration offset is applied. Returns a 120 BPM fallback when\n * too few onsets are found, and null if analysis throws.\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse; only channel 0 is read.\n * @returns {number|null} Detected tempo in BPM, 120 as a fallback when onsets are insufficient, or null on error.\n */\nexport function detectBPM(buffer) {\n    try {\n        const channelData = buffer.getChannelData(0);\n        const sampleRate = buffer.sampleRate;\n        const onsets = detectOnsets(channelData, sampleRate);\n\n        if (onsets.length < 2) return 120;\n\n        // Calculate intervals\n        const intervals = [];\n        for (let i = 1; i < onsets.length; i++) {\n            intervals.push((onsets[i] - onsets[i - 1]) / sampleRate);\n        }\n\n        // Convert to tempos and group\n        const tempoGroups = {};\n        intervals.forEach(interval => {\n            const tempo = 60 / interval;\n            const bucket = Math.round(tempo / 3) * 3;\n            if (bucket > 60 && bucket < 200) {\n                tempoGroups[bucket] = (tempoGroups[bucket] || 0) + 1;\n            }\n        });\n\n        // Find most common\n        let maxCount = 0;\n        let detectedBPM = 120;\n        for (const [tempo, count] of Object.entries(tempoGroups)) {\n            if (count > maxCount) {\n                maxCount = count;\n                detectedBPM = parseInt(tempo);\n            }\n        }\n\n        // Handle tempo ambiguity\n        if (detectedBPM < 70 && tempoGroups[detectedBPM * 2]) {\n            detectedBPM *= 2;\n        } else if (detectedBPM > 160 && tempoGroups[Math.round(detectedBPM / 2)]) {\n            detectedBPM = Math.round(detectedBPM / 2);\n        }\n\n        return detectedBPM - 1; // Calibration offset\n    } catch (e) {\n        console.warn('[WaveformPlayer] BPM detection failed:', e);\n        return null;\n    }\n}\n\n/**\n * Detect onset sample positions (transients/beats) within a channel of audio.\n *\n * Slides a 2048-sample window (50% overlap via a half-window hop) across the\n * signal, computing the mean squared energy of each window. An onset is flagged\n * when the energy rise over the previous (smoothed) energy exceeds an adaptive\n * threshold and the window energy is above a noise floor, subject to a minimum\n * spacing of 150 ms so a single transient is not counted twice. The running\n * previousEnergy is exponentially smoothed (0.8 new / 0.2 old) to track the\n * local energy envelope.\n *\n * @param {Float32Array} channelData - PCM samples (normalised -1..1) for a single channel.\n * @param {number} sampleRate - Sample rate in Hz, used to derive the minimum onset spacing.\n * @returns {number[]} Ascending sample indices at which onsets were detected.\n * @private\n */\nfunction detectOnsets(channelData, sampleRate) {\n    const windowSize = 2048;\n    const hopSize = windowSize / 2;\n    const onsets = [];\n    let previousEnergy = 0;\n\n    for (let i = 0; i < channelData.length - windowSize; i += hopSize) {\n        let energy = 0;\n        for (let j = i; j < i + windowSize; j++) {\n            energy += channelData[j] * channelData[j];\n        }\n        energy = energy / windowSize;\n\n        const energyDiff = energy - previousEnergy;\n        const threshold = previousEnergy * 1.8 + 0.01;\n\n        if (energyDiff > threshold && energy > 0.01) {\n            const lastOnset = onsets[onsets.length - 1] || 0;\n            const minDistance = sampleRate * 0.15;\n\n            if (i - lastOnset > minDistance) {\n                onsets.push(i);\n            }\n        }\n\n        previousEnergy = energy * 0.8 + previousEnergy * 0.2;\n    }\n\n    return onsets;\n}", "/**\n * @module audio\n * @description Audio processing for WaveformPlayer\n */\n\nimport {detectBPM} from './bpm.js';\nimport {clamp, maxOf, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Extract peaks from a decoded audio buffer for waveform visualization.\n *\n * Divides the buffer into `samples` equal-width windows and, within each\n * window, finds the largest absolute amplitude by inspecting every frame (so\n * transients are never missed and the shape is stable across sample counts \u2014\n * matching WaveformGen's offline output). Across multiple channels the\n * per-window peaks are merged by taking the loudest channel, then the whole\n * array is normalized so the maximum peak becomes 1 (a silent buffer is\n * returned unscaled).\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse.\n * @param {number} [samples=1800] - Number of peak windows (output array length).\n * @returns {number[]} Array of `samples` normalized peak values in the 0-1 range.\n */\nexport function extractPeaks(buffer, samples = DEFAULT_SAMPLES) {\n    const sampleSize = buffer.length / samples;\n    const channels = buffer.numberOfChannels;\n    const peaks = [];\n\n    for (let c = 0; c < channels; c++) {\n        const chan = buffer.getChannelData(c);\n\n        for (let i = 0; i < samples; i++) {\n            const start = ~~(i * sampleSize);\n            const end = ~~(start + sampleSize);\n\n            let min = 0;\n            let max = 0;\n\n            // Scan EVERY frame in the window. Previously this stepped by\n            // sampleSize/10 (~10 samples/window) for speed, but that misses\n            // transients and makes the shape change with the sample count.\n            // decodeAudioData dominates the cost, so a full scan is worth it \u2014\n            // and it now matches WaveformGen's offline output exactly.\n            for (let j = start; j < end; j++) {\n                const value = chan[j];\n                if (value > max) max = value;\n                if (value < min) min = value;\n            }\n\n            const peak = Math.max(Math.abs(max), Math.abs(min));\n\n            if (c === 0 || peak > peaks[i]) {\n                peaks[i] = peak;\n            }\n        }\n    }\n\n    // Normalize peaks\n    const maxPeak = maxOf(peaks);\n    return maxPeak > 0 ? peaks.map(peak => peak / maxPeak) : peaks;\n}\n\n/**\n * Generate waveform data by fetching and decoding an audio file at a URL.\n *\n * Fetches the URL, decodes it through a short-lived AudioContext, runs\n * {@link extractPeaks} followed by {@link normalizePeaks}, and optionally\n * detects the track's BPM. The AudioContext is created lazily and always\n * closed in the `finally` block so failed decodes never leak one (browsers\n * hard-cap the number of live contexts). Errors are logged and re-thrown so\n * callers can fall back to a placeholder waveform.\n *\n * @param {string} url - Audio file URL to fetch and decode.\n * @param {number} [samples=1800] - Number of peak windows to extract.\n * @param {boolean} [shouldDetectBPM=false] - Whether to run BPM detection on the decoded buffer.\n * @returns {Promise<{peaks: number[], bpm: (number|null)}>} Resolves with the\n *   normalized peaks and the detected BPM (`null` when detection is disabled or fails).\n * @throws {Error} Re-throws any fetch/decode error after logging it.\n */\nexport async function generateWaveform(url, samples = DEFAULT_SAMPLES, shouldDetectBPM = false) {\n    // Created lazily so the finally block can always close it \u2014 browsers\n    // hard-cap live AudioContexts (~6 in Chrome), so leaking one per failed\n    // decode would break every subsequent player on the page.\n    let audioContext;\n    try {\n        const AudioCtx = window.AudioContext || /** @type {any} */ (window).webkitAudioContext;\n        audioContext = new AudioCtx();\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n\n        let peaks = extractPeaks(audioBuffer, samples);\n\n        // Normalize peaks for consistent visualization\n        peaks = normalizePeaks(peaks);\n\n        let bpm = null;\n        if (shouldDetectBPM) {\n            bpm = detectBPM(audioBuffer); // synchronous \u2014 returns number|null\n        }\n\n        return {peaks, bpm};\n    } finally {\n        // Error (if any) propagates to the caller, which decides how to log /\n        // recover; the context is always closed either way.\n        if (audioContext) audioContext.close();\n    }\n}\n\n/**\n * Generate a synthetic placeholder waveform for use before (or instead of)\n * real peak data is available.\n *\n * Each bar combines a random base height (0.3-0.8) with a slow sinusoidal\n * variation across the array, clamped to the 0.1-1 range so the result always\n * looks like a plausible waveform rather than pure noise.\n *\n * @param {number} [samples=1800] - Number of bars (output array length).\n * @returns {number[]} Array of `samples` pseudo-random peak values in the 0.1-1 range.\n */\nexport function generatePlaceholderWaveform(samples = DEFAULT_SAMPLES) {\n    const data = [];\n    for (let i = 0; i < samples; i++) {\n        const base = Math.random() * 0.5 + 0.3;\n        const variation = Math.sin(i / samples * Math.PI * 4) * 0.2;\n        data.push(clamp(base + variation, 0.1, 1));\n    }\n    return data;\n}\n\n/**\n * Scale peak values so quiet tracks fill the available height consistently.\n *\n * Finds the loudest peak and, only when it is non-zero yet below `targetMax`,\n * scales every peak proportionally so the maximum lands on `targetMax`. Silent\n * arrays (max 0) and already-loud arrays (max above `targetMax`) are returned\n * untouched, so the function never amplifies clipping or divides by zero.\n *\n * @param {number[]} peaks - Peak values, typically in the 0-1 range.\n * @param {number} [targetMax=0.95] - Desired maximum peak after scaling.\n * @returns {number[]} The normalized peak array (the original array when no scaling is applied).\n * @private\n */\nfunction normalizePeaks(peaks, targetMax = 0.95) {\n    const maxPeak = maxOf(peaks);\n\n    // Don't normalize if already loud enough or silent\n    if (maxPeak === 0 || maxPeak > targetMax) return peaks;\n\n    // Scale all peaks proportionally\n    const scaleFactor = targetMax / maxPeak;\n    return peaks.map(peak => peak * scaleFactor);\n}", "/**\n * @module themes\n * @description Color presets and default options for WaveformPlayer\n */\n\nimport {perceivedBrightness, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Does `<html>` or `<body>` explicitly signal the given colour scheme via a\n * known class name (`dark`, `dark-mode`, `theme-dark`) or theme attribute\n * (`data-theme`, and `data-color-scheme` on the root)?\n * @param {'dark'|'light'} scheme - Scheme to look for.\n * @returns {boolean} True if the page explicitly hints at `scheme`.\n * @private\n */\nfunction hasThemeHint(scheme) {\n    const root = document.documentElement;\n    const body = document.body;\n    return (\n        root.classList.contains(scheme) ||\n        root.classList.contains(`${scheme}-mode`) ||\n        root.classList.contains(`theme-${scheme}`) ||\n        root.getAttribute('data-theme') === scheme ||\n        root.getAttribute('data-color-scheme') === scheme ||\n        body.classList.contains(scheme) ||\n        body.classList.contains(`${scheme}-mode`) ||\n        body.getAttribute('data-theme') === scheme\n    );\n}\n\n/**\n * Detect the appropriate color scheme for the player from the surrounding page.\n *\n * Resolution order, first match wins:\n *   1. Explicit theme hints on `<html>`/`<body>` \u2014 class names\n *      (`dark`, `dark-mode`, `theme-dark`, light equivalents) and data\n *      attributes (`data-theme`, `data-color-scheme`).\n *   2. The page's computed `<body>` background colour, classified via\n *      {@link perceivedBrightness} (>128 = light, <128 = dark; exactly 128\n *      or unparseable is treated as ambiguous and falls through).\n *   3. The OS/browser `prefers-color-scheme` media query.\n *   4. Default fallback of `'dark'` (most audio players are dark).\n *\n * @returns {string} The detected scheme, either `'dark'` or `'light'`.\n */\nexport function detectColorScheme() {\n    // 1. Explicit theme class names / data attributes win.\n    if (hasThemeHint('dark')) return 'dark';\n    if (hasThemeHint('light')) return 'light';\n\n    // 2. Try to detect website's theme from background color\n    try {\n        const bodyBg = getComputedStyle(document.body).backgroundColor;\n        const brightness = perceivedBrightness(bodyBg);\n\n        // Clear determination: bright background = light theme. Exactly 128\n        // (or unparseable) is ambiguous \u2014 fall through to the next method.\n        if (brightness !== null) {\n            if (brightness > 128) return 'light';\n            if (brightness < 128) return 'dark';\n        }\n    } catch (e) {\n        // If background detection fails, continue to next method\n    }\n\n    // 3. Check system preference\n    if (window.matchMedia) {\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n            return 'dark';\n        }\n        if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n            return 'light';\n        }\n    }\n\n    // 4. Default fallback (most audio players are dark)\n    return 'dark';\n}\n\n/**\n * Built-in colour presets keyed by scheme name.\n *\n * Each preset is a flat map of the player's themeable colour tokens\n * (waveform, progress, button, text, background, border). They are deliberately\n * simple translucent black/white values so they sit on any host background, and\n * any individual token can be overridden per-instance via the matching\n * `*Color` option in {@link DEFAULT_OPTIONS}.\n *\n * @type {Object<string, Object<string, string>>}\n * @property {Object<string, string>} dark  Light-on-dark token set.\n * @property {Object<string, string>} light Dark-on-light token set.\n */\nexport const COLOR_PRESETS = {\n    dark: {\n        waveformColor: 'rgba(255, 255, 255, 0.3)',\n        progressColor: 'rgba(255, 255, 255, 0.9)'\n    },\n    light: {\n        waveformColor: 'rgba(0, 0, 0, 0.2)',\n        progressColor: 'rgba(0, 0, 0, 0.8)'\n    }\n};\n\n/**\n * Resolve a colour preset by name, falling back to auto-detection.\n *\n * When `presetName` names a known preset it is returned as-is; otherwise\n * (null, undefined, or an unrecognised name) the scheme is auto-detected via\n * {@link detectColorScheme} and the corresponding preset is returned.\n *\n * @param {string|null} presetName - Preset name (`'dark'` or `'light'`), or\n *   null/invalid to trigger auto-detection.\n * @returns {Object<string, string>} The matching colour token map from\n *   {@link COLOR_PRESETS}.\n */\nexport function getColorPreset(presetName) {\n    // If explicitly set to a valid preset, use it\n    if (presetName && COLOR_PRESETS[presetName]) {\n        return COLOR_PRESETS[presetName];\n    }\n\n    // Auto-detect if not specified or invalid\n    const detected = detectColorScheme();\n    return COLOR_PRESETS[detected];\n}\n\n/**\n * Default option set for a {@link WaveformPlayer} instance.\n *\n * User-supplied options are merged over this object, so every supported option\n * is enumerated here with its baseline value. `null` colour tokens mean \"inherit\n * from the resolved {@link COLOR_PRESETS} preset\"; `null` content/callback\n * fields mean \"unset\". See the grouped inline comments for per-field notes,\n * notably the `audioMode` self/external distinction and the `accessibleSeek`\n * keyboard slider.\n *\n * @type {Object}\n */\nexport const DEFAULT_OPTIONS = {\n    // Core settings\n    url: '',\n    height: 64,\n    // Source peak resolution for LIVE decode (ignored when peaks are supplied).\n    // The drawer resamples these to fit canvasWidth / (barWidth + barSpacing)\n    // bars, so this is fidelity headroom, not the visible bar count. 1800 (the\n    // SoundCloud/WaveformGen figure) keeps wide / high-DPI waveforms crisp; the\n    // every-frame scan means a higher value costs no extra extraction time.\n    samples: DEFAULT_SAMPLES,\n    preload: 'metadata',\n\n    // Audio mode \u2014 'self' = player owns the <audio> element (default, current\n    // behavior). 'external' = player is a visualization-only surface; no audio\n    // element is created, play() dispatches `waveformplayer:request-play`\n    // instead of calling audio.play(), and setPlayingState/setProgress are\n    // expected to be driven by an external controller (e.g. WaveformBar).\n    audioMode: 'self',\n\n    // Playback\n    playbackRate: 1,\n    showPlaybackSpeed: false,\n    playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],\n\n    // Layout Options\n    buttonAlign: 'auto',\n    // Player layout. 'default' = play button + waveform with a left-aligned\n    // info row below. 'preview' = compact: the title is centered under the\n    // waveform and the meta row (time / speed / BPM) is trimmed \u2014 ideal for\n    // sample-pack sample previews and dense grids.\n    layout: 'default',\n    // Play/pause button style. 'circle' = bordered circle (default).\n    // 'minimal' = a bare play/pause glyph with no circle \u2014 the look sample-pack\n    // and beat stores use in their preview grids.\n    buttonStyle: 'circle',\n    // Play/pause button size. null = the stylesheet default (36px circle /\n    // proportional minimal). A number is treated as px; a string (e.g. '4rem')\n    // is used verbatim. Sets the `--wfp-btn-size` CSS var, which scales BOTH\n    // styles \u2014 box and glyph \u2014 proportionally.\n    buttonSize: null,\n\n    // Default waveform style\n    waveformStyle: 'mirror',\n    barWidth: 2,\n    barSpacing: 0,\n    // Rounded bar caps (px). 0 = square; 1 = soft caps (default). Applies to bars/mirror.\n    barRadius: 1,\n\n    // Gradient axis when waveformColor/progressColor is an array of stops:\n    // 'vertical' (top->bottom canvas gradient), 'horizontal' (hue sweep across the\n    // waveform) or 'diagonal'. Ignored for single colours.\n    waveformGradient: 'vertical',\n\n    // Color preset: null = auto-detect, 'dark' = force dark, 'light' = force light\n    colorPreset: null,\n\n    // Canvas colours (null = inherit the resolved preset; arrays = gradient\n    // stops, see waveformGradient). The DOM chrome (button, title, meta) is\n    // themed via CSS variables (--wfp-button-color / --wfp-text-color /\n    // --wfp-text-secondary-color), not JS options.\n    waveformColor: null,\n    progressColor: null,\n\n    // Features\n    autoplay: false,\n    showControls: true,\n    showInfo: true,\n    showTime: true,\n    showHoverTime: false,\n    // Show a draggable circle handle + hover brightness-lift on the SEEKBAR\n    // style only (it's meaningless on a waveform, where the fill-edge is the\n    // playhead). Off by default; the bar turns it on. Drag-to-scrub works\n    // regardless of this.\n    seekHandle: false,\n    showBPM: false,\n    // Known BPM to display in the badge (with showBPM). Wins over auto-detection\n    // \u2014 set it when peaks are pre-generated so the tempo still shows. null = auto.\n    bpm: null,\n    singlePlay: true,\n    playOnSeek: true,\n    enableMediaSession: true,\n\n    // Markers\n    markers: [],\n    showMarkers: true,\n\n    // Accessibility \u2014 expose the waveform as a keyboard-operable slider\n    // (role=\"slider\" + ARIA value attributes + arrow/page/home/end seeking).\n    // seekLabel sets the slider's accessible name; when null it falls back\n    // to the track title, then 'Seek'.\n    // seekValueText templates the slider's spoken aria-valuetext: %1$s is the\n    // current time and %2$s the total duration (both formatted M:SS). When null\n    // it falls back to '%1$s of %2$s'. Lets consumers localize the connective\n    // text without reformatting the times.\n    accessibleSeek: true,\n    seekLabel: null,\n    seekValueText: null,\n\n    // Content\n    title: null,\n    artist: null,\n    artwork: null,\n    album: '',\n\n    // Message shown in the error state when audio fails to load.\n    errorText: 'Unable to load audio',\n\n    // Localizable UI strings (alongside seekLabel / seekValueText / errorText).\n    // These are screen-reader / assistive-tech facing, so translate them for\n    // non-English UIs. playPauseLabel/speedLabel are aria-labels; artworkAlt is\n    // the cover image alt text; unknownTrackText is the Media Session (lock-\n    // screen) title fallback used when no track title is set.\n    playPauseLabel: 'Play/Pause',\n    speedLabel: 'Playback speed',\n    artworkAlt: 'Album artwork',\n    unknownTrackText: 'Unknown Track',\n\n    // Icons (SVG)\n    playIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M8 5v14l11-7z\"/></svg>',\n    pauseIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>',\n\n    // Callbacks\n    onLoad: null,\n    onPlay: null,\n    onPause: null,\n    onEnd: null,\n    onError: null,\n    onTimeUpdate: null,\n\n    // Optional queue navigation \u2014 when set, the player registers Media Session\n    // nexttrack/previoustrack handlers (lock-screen skip buttons). Called with\n    // the player instance; wired by waveform-bar / -playlist.\n    onNextTrack: null,\n    onPreviousTrack: null\n};\n\n/**\n * Per-waveform-style geometry defaults.\n *\n * Maps each supported `waveformStyle` to its natural `barWidth`/`barSpacing`\n * (in px), used to seed bar geometry when the caller has not explicitly set\n * those options so each style renders at sensible proportions.\n *\n * @type {Object<string, {barWidth: number, barSpacing: number}>}\n */\nexport const STYLE_DEFAULTS = {\n    bars: {barWidth: 3, barSpacing: 1},\n    mirror: {barWidth: 2, barSpacing: 2},\n    line: {barWidth: 2, barSpacing: 0},\n    blocks: {barWidth: 4, barSpacing: 2},\n    dots: {barWidth: 3, barSpacing: 3},\n    seekbar: {barWidth: 1, barSpacing: 0}\n};", "/**\n * @module core\n * @description Main WaveformPlayer class\n */\n\nimport {draw} from './drawing.js';\nimport {generateWaveform, generatePlaceholderWaveform} from './audio.js';\nimport {\n    formatTime,\n    formatSeekValueText,\n    extractTitleFromUrl,\n    generateId,\n    parseDataAttributes,\n    mergeOptions,\n    debounce,\n    clamp,\n    escapeHtml,\n    DEFAULT_SAMPLES\n} from './utils.js';\n\nimport {DEFAULT_OPTIONS, STYLE_DEFAULTS, getColorPreset, COLOR_PRESETS, detectColorScheme} from './themes.js';\n\n/**\n * Placeholder shown when an artwork URL fails to load (404 / broken) \u2014 a muted\n * music-note tile, so a missing cover degrades gracefully instead of showing the\n * browser's broken-image icon. Inline SVG data-URI (no font / network needed).\n */\nconst ARTWORK_FALLBACK = 'data:image/svg+xml,' + encodeURIComponent(\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#71717a\" fill-opacity=\"0.15\"/><g fill=\"none\" stroke=\"#a1a1aa\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"17\" r=\"2.2\"/><circle cx=\"17\" cy=\"15\" r=\"2.2\"/><path d=\"M10.2 17V7l9-1.6v9\"/></g></svg>'\n);\n\n// Keyboard seek steps (seconds) for the accessible slider.\nconst SEEK_STEP_SECONDS = 5;\nconst SEEK_PAGE_SECONDS = 10;\n\n// Controls that own their own focus. A click landing on one of these (or a\n// descendant) must leave focus on the control, not pull it onto the player\n// container \u2014 otherwise activating the play button/slider steals focus onto the\n// wrapper, moving it off the control the user just operated.\nconst INTERACTIVE_ELEMENTS = 'button, a[href], input, [role=\"slider\"]';\n\n/**\n * WaveformPlayer - Modern audio player with waveform visualization\n * @class\n */\nexport class WaveformPlayer {\n    /** @type {Map<string, WaveformPlayer>} */\n    static instances = new Map();\n\n    /** @type {WaveformPlayer|null} */\n    static currentlyPlaying = null;\n\n    /**\n     * Create a new WaveformPlayer instance.\n     *\n     * Resolves the container, merges options (defaults < `data-*` attributes <\n     * constructor options), applies the colour preset and style-specific\n     * defaults, registers the instance in the static map, and kicks off\n     * {@link WaveformPlayer#init}. A `waveformplayer:ready` event is dispatched\n     * ~100ms later, once initialization has settled.\n     *\n     * @param {string|HTMLElement} container - Container element, or a CSS\n     *   selector resolved with `document.querySelector`.\n     * @param {Object} [options={}] - Player options. Accepts the shorthand\n     *   aliases `style` (\u2192 `waveformStyle`) and `src` (\u2192 `url`); the canonical\n     *   names win if both are supplied.\n     * @throws {Error} If the container element cannot be found.\n     * @fires WaveformPlayer#waveformplayer:ready\n     */\n    constructor(container, options = {}) {\n        // Resolve container\n        this.container = typeof container === 'string'\n            ? document.querySelector(container)\n            : container;\n\n        if (!this.container) {\n            throw new Error('[WaveformPlayer] Container element not found');\n        }\n\n        // Parse data attributes if present\n        const dataOptions = parseDataAttributes(this.container);\n\n        // Shorthand option aliases \u2014 `style` -> `waveformStyle`, `src` -> `url`.\n        // The canonical names still work and win if both are supplied.\n        const userOptions = { ...options };\n        if (userOptions.style && !userOptions.waveformStyle) userOptions.waveformStyle = userOptions.style;\n        if (userOptions.src && !userOptions.url) userOptions.url = userOptions.src;\n\n        // Merge options: defaults < data attributes < constructor options\n        this.options = mergeOptions(DEFAULT_OPTIONS, dataOptions, userOptions);\n\n        // Apply color preset (auto-detect if not specified)\n        const preset = getColorPreset(this.options.colorPreset);\n\n        // Track auto-theme state so the player can re-detect on a runtime light/\n        // dark switch. Only colours the user LEFT UNSET follow the preset; an\n        // explicit colorPreset or hand-set colour is never overridden.\n        this._autoTheme = this.options.colorPreset == null || !COLOR_PRESETS[this.options.colorPreset];\n        this._presetKeys = [];\n        // Resolved scheme name for the CSS theme class (CSS provides the DOM\n        // chrome colours via --wfp-* variables).\n        this._scheme = (this.options.colorPreset && COLOR_PRESETS[this.options.colorPreset]) ? this.options.colorPreset : detectColorScheme();\n\n        // Apply preset colors only if individual colors aren't explicitly set\n        for (const [key, value] of Object.entries(preset)) {\n            if (this.options[key] === null || this.options[key] === undefined) {\n                this.options[key] = value;\n                this._presetKeys.push(key);\n            }\n        }\n\n        // Apply style-specific defaults if not explicitly set\n        const styleDefaults = STYLE_DEFAULTS[this.options.waveformStyle];\n        if (styleDefaults) {\n            if (dataOptions.barWidth === undefined && options.barWidth === undefined) {\n                this.options.barWidth = styleDefaults.barWidth;\n            }\n            if (dataOptions.barSpacing === undefined && options.barSpacing === undefined) {\n                this.options.barSpacing = styleDefaults.barSpacing;\n            }\n        }\n\n        // Initialize state\n        this.audio = null;\n        this.canvas = null;\n        this.ctx = null;\n        this.waveformData = [];\n        this.progress = 0;\n        this._activeMarkerIndex = -1;\n        this._markerLabelTimer = null;\n        this.isPlaying = false;\n        this.isLoading = false;\n        this.hasError = false;\n        this.updateTimer = null;\n        this.resizeObserver = null;\n\n        // All DOM/document listeners are registered with this signal so a\n        // single abort() in destroy() tears every one of them down (the old\n        // destroy left the document-click and container listeners attached).\n        this._ac = new AbortController();\n\n        // Generate unique ID\n        this.id = this.container.id || generateId(this.options.url);\n\n        // Add to instances\n        WaveformPlayer.instances.set(this.id, this);\n\n        // Re-detect the theme on runtime light/dark switches (shared watcher).\n        WaveformPlayer._watchTheme();\n\n        // Initialize\n        this.init();\n\n        // Dispatch ready event after initialization\n        setTimeout(() => {\n            this._emit('waveformplayer:ready', {player: this, url: this.options.url});\n        }, 100);\n    }\n\n    /**\n     * Build and dispatch a bubbling `waveformplayer:*` CustomEvent on the\n     * container, returning the event so cancelable (request-*) events can have\n     * their `defaultPrevented` checked. Single source of truth for the event\n     * shape \u2014 every player event bubbles and carries the supplied detail.\n     * @param {string} type - Full event type, e.g. `'waveformplayer:play'`.\n     * @param {Object} detail - Event detail payload.\n     * @param {boolean} [cancelable=false] - Whether the event is cancelable.\n     * @returns {CustomEvent} The dispatched event.\n     * @private\n     */\n    _emit(type, detail, cancelable = false) {\n        const event = new CustomEvent(type, { bubbles: true, cancelable, detail });\n        this.container.dispatchEvent(event);\n        return event;\n    }\n\n    /**\n     * External-mode seek request: dispatch a cancelable\n     * `waveformplayer:request-seek` and, unless the controller calls\n     * `preventDefault()`, optimistically advance the local progress overlay so\n     * the canvas repaints at once. Shared by the keyboard slider and canvas click.\n     * @param {number} percent - Target position as a 0..1 fraction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _requestSeek(percent) {\n        const evt = this._emit('waveformplayer:request-seek', { ...this._buildTrackDetail(), percent }, true);\n        if (!evt.defaultPrevented) {\n            this.progress = percent;\n            this.drawWaveform?.();\n        }\n    }\n\n    // ============================================\n    // Initialization\n    // ============================================\n\n    /**\n     * Initialize the player: build the DOM, create the audio element (self\n     * mode only), wire up the feature controls (speed, keyboard, accessible\n     * seek), bind events, attach the resize observer, then size the canvas and\n     * \u2014 if a `url` option was given \u2014 load it and optionally autoplay.\n     * @private\n     */\n    init() {\n        this.createDOM();\n        this.createAudio();\n        this.initPlaybackSpeed();\n        this.initKeyboardControls();\n        this.initSeekControl();\n        this.bindEvents();\n        this.setupResizeObserver();\n\n        // Ensure proper sizing after DOM is ready\n        requestAnimationFrame(() => {\n            this.resizeCanvas();\n\n            // Load audio if URL provided\n            if (this.options.url) {\n                this.load(this.options.url).then(() => {\n                    if (this.options.autoplay) {\n                        this.play()?.catch(() => {});\n                    }\n                }).catch(error => {\n                    console.error('[WaveformPlayer] Failed to load audio:', error);\n                });\n            }\n        });\n    }\n\n    /**\n     * Build the player's DOM tree inside the container and cache element\n     * references.\n     *\n     * Clears the container, resolves button alignment (`auto` \u2192 `bottom` for\n     * the `bars` style, `center` otherwise), and conditionally renders the play\n     * button, info row (artwork/title/artist), BPM badge, playback-speed\n     * menu, and time display based on the relevant `show*` options. Caches the\n     * canvas, controls, and text elements onto `this`, then sizes the canvas.\n     * @private\n     */\n    createDOM() {\n        // Clear container\n        this.container.innerHTML = '';\n        this.container.className = 'waveform-player';\n\n        // Determine button alignment\n        let buttonAlign = this.options.buttonAlign;\n        if (buttonAlign === 'auto') {\n            // Auto-align based on waveform style\n            const style = this.options.waveformStyle;\n            if (style === 'bars') {\n                buttonAlign = 'bottom';\n            } else {\n                buttonAlign = 'center';  // blocks, mirror, line, dots, seekbar all center\n            }\n        }\n\n        // Compact 'preview' layout: centered title under the waveform with the\n        // meta row trimmed. Set via the `layout` option / data-layout=\"preview\".\n        const isPreview = this.options.layout === 'preview';\n        if (isPreview) {\n            this.container.classList.add('waveform-layout-preview');\n        }\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n\n        // Build play button HTML (conditional)\n        const buttonHTML = this.options.showControls ? `\n        <button class=\"waveform-btn${this.options.buttonStyle === 'minimal' ? ' waveform-btn-minimal' : ''}\" aria-label=\"${escapeHtml(this.options.playPauseLabel)}\"${this.options.buttonSize != null ? ` style=\"--wfp-btn-size: ${typeof this.options.buttonSize === 'number' ? `${this.options.buttonSize}px` : this.options.buttonSize};\"` : ''}>\n          <span class=\"waveform-icon-play\">${this.options.playIcon}</span>\n          <span class=\"waveform-icon-pause\" style=\"display:none;\">${this.options.pauseIcon}</span>\n        </button>\n        ` : '';\n\n        // Build info section HTML (conditional)\n        const infoHTML = this.options.showInfo ? `\n      <div class=\"waveform-info\">\n        ${this.options.artwork ? `\n          <img class=\"waveform-artwork\" src=\"${this.options.artwork}\" alt=\"${escapeHtml(this.options.artworkAlt)}\" style=\"\n            width: 40px;\n            height: 40px;\n            border-radius: 4px;\n            object-fit: cover;\n            flex-shrink: 0;\n          \">\n        ` : ''}\n        <div class=\"waveform-text\">\n          <span class=\"waveform-title\"></span>\n          ${this.options.artist ? `<span class=\"waveform-artist\">${this.options.artist}</span>` : ''}\n        </div>\n        <div class=\"waveform-meta\" style=\"display: flex; align-items: center; gap: 1rem;\">\n          ${this.options.showBPM ? `\n            <span class=\"waveform-bpm\" style=\"display: none;\">\n              <span class=\"bpm-value\">--</span> BPM\n            </span>\n          ` : ''}\n          ${this.options.showPlaybackSpeed ? `\n            <div class=\"waveform-speed\">\n              <button class=\"speed-btn\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                <span class=\"speed-value\">1x</span>\n              </button>\n              <div class=\"speed-menu\" role=\"menu\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" style=\"display: none;\">\n                ${this.options.playbackRates.map(rate =>\n            `<button class=\"speed-option\" role=\"menuitemradio\" tabindex=\"-1\" aria-checked=\"false\" data-rate=\"${rate}\">${rate}x</button>`\n        ).join('')}\n              </div>\n            </div>\n          ` : ''}\n          ${this.options.showTime ? `\n            <span class=\"waveform-time\">\n              <span class=\"time-current\">0:00</span> / <span class=\"time-total\">0:00</span>\n            </span>\n          ` : ''}\n        </div>\n      </div>\n        ` : '';\n\n        // Create HTML structure\n        this.container.innerHTML = `\n  <div class=\"waveform-player-inner\">\n    <div class=\"waveform-body\">\n      <div class=\"waveform-track waveform-align-${buttonAlign}\">\n        ${buttonHTML}\n        \n        <div class=\"waveform-container\">\n          <canvas></canvas>\n          <div class=\"waveform-markers\"></div>\n          <div class=\"waveform-loading\" style=\"display:none;\"></div>\n          <div class=\"waveform-error\" style=\"display:none;\" role=\"alert\">\n            <span class=\"waveform-error-text\">${escapeHtml(this.options.errorText)}</span>\n          </div>\n        </div>\n      </div>\n      \n      ${infoHTML}\n    </div>\n  </div>\n`;\n\n        // Get references\n        this.playBtn = this.container.querySelector('.waveform-btn');\n        this.canvas = this.container.querySelector('canvas');\n        this.ctx = this.canvas.getContext('2d');\n        this.titleEl = this.container.querySelector('.waveform-title');\n        this.artistEl = this.container.querySelector('.waveform-artist');\n        this.artworkEl = this.container.querySelector('.waveform-artwork');\n        if (this.artworkEl) {\n            // Fall back to the placeholder tile if the cover URL fails to load.\n            this.artworkEl.addEventListener('error', () => {\n                if (!this.artworkEl.src.startsWith('data:')) this.artworkEl.src = ARTWORK_FALLBACK;\n            });\n        }\n        this.currentTimeEl = this.container.querySelector('.time-current');\n        this.totalTimeEl = this.container.querySelector('.time-total');\n        this.bpmEl = this.container.querySelector('.waveform-bpm');\n        this.bpmValueEl = this.container.querySelector('.bpm-value');\n        this.loadingEl = this.container.querySelector('.waveform-loading');\n        this.errorEl = this.container.querySelector('.waveform-error');\n        this.markersContainer = this.container.querySelector('.waveform-markers');\n        this.speedBtn = this.container.querySelector('.speed-btn');\n        this.speedMenu = this.container.querySelector('.speed-menu');\n\n        // Set canvas size\n        this.resizeCanvas();\n\n        // Show a caller-supplied BPM immediately (no audio decode required).\n        this.updateBPMDisplay();\n    }\n\n    /**\n     * Create audio element\n     * @private\n     *\n     * No-op in `audioMode: 'external'` \u2014 the player has no audio of its\n     * own; an external controller (e.g. WaveformBar) owns playback and\n     * pushes state in via setPlayingState() / setProgress(). The\n     * `this.audio` field stays null in that mode; downstream code must\n     * null-check it.\n     */\n    createAudio() {\n        if (this.options.audioMode === 'external') {\n            this.audio = null;\n            return;\n        }\n        this.audio = new Audio();\n        this.audio.preload = this.options.preload || 'metadata';\n        this.audio.crossOrigin = 'anonymous';\n    }\n\n    // ============================================\n    // Feature Initialization\n    // ============================================\n\n    /**\n     * Apply the configured initial playback rate to the audio element (self\n     * mode only) and, when `showPlaybackSpeed` is enabled, wire up the speed\n     * menu UI via {@link WaveformPlayer#initSpeedControls}.\n     * @private\n     */\n    initPlaybackSpeed() {\n        // External mode has no <audio> element, so the speed control\n        // doesn't apply locally \u2014 the external controller (e.g.\n        // WaveformBar) owns playback rate. Skip the audio init but\n        // still bind the speed control UI in case the controller\n        // wants to mirror rate changes via events later.\n        if (this.audio && this.options.playbackRate && this.options.playbackRate !== 1) {\n            this.audio.playbackRate = this.options.playbackRate;\n        }\n\n        // Initialize speed control UI if enabled\n        if (this.options.showPlaybackSpeed) {\n            this.initSpeedControls();\n        }\n    }\n\n    /**\n     * Wire up the playback-speed menu: toggle it open on the speed button,\n     * close it on outside click or Escape (keeping `aria-expanded` on the\n     * trigger in sync), and apply the chosen rate when a `.speed-option` is\n     * clicked, returning focus to the trigger. All listeners are registered against the\n     * instance `AbortController` signal so {@link WaveformPlayer#destroy} tears\n     * them down. No-op if the speed elements are absent.\n     * @private\n     */\n    initSpeedControls() {\n        const speedBtn = this.container.querySelector('.speed-btn');\n        const speedMenu = this.container.querySelector('.speed-menu');\n\n        if (!speedBtn || !speedMenu) return;\n\n        const options = () => Array.from(speedMenu.querySelectorAll('.speed-option'));\n        const isOpen = () => speedMenu.style.display !== 'none';\n\n        // Open/close the menu (a proper role=\"menu\"): keep aria-expanded in sync\n        // and, on open, move focus into the menu \u2014 the checked rate, else the\n        // first option \u2014 so arrow keys drive it.\n        const setSpeedMenu = (open) => {\n            speedMenu.style.display = open ? 'block' : 'none';\n            speedBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n            if (open) {\n                const opts = options();\n                (opts.find((o) => o.getAttribute('aria-checked') === 'true') || opts[0])?.focus();\n            }\n        };\n\n        const focusOption = (i) => {\n            const opts = options();\n            if (opts.length) opts[(i + opts.length) % opts.length].focus();\n        };\n\n        const selectOption = (opt) => {\n            this.setPlaybackRate(parseFloat(opt.dataset.rate));\n            setSpeedMenu(false);\n            speedBtn.focus();\n        };\n\n        // Toggle from the trigger.\n        speedBtn.addEventListener('click', (e) => {\n            e.stopPropagation();\n            setSpeedMenu(!isOpen());\n        }, {signal: this._ac.signal});\n\n        // Close when clicking outside.\n        document.addEventListener('click', () => setSpeedMenu(false), {signal: this._ac.signal});\n\n        // Pointer + native-button (Enter/Space on an option) selection.\n        speedMenu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            const opt = e.target.closest('.speed-option');\n            if (opt) selectOption(opt);\n        }, {signal: this._ac.signal});\n\n        // Keyboard menu: arrows/Home/End roam, Enter/Space select (via the\n        // native button click above), Escape/Tab close. ArrowDown/Up on the\n        // trigger opens and focuses the first/checked option.\n        speedBtn.closest('.waveform-speed')?.addEventListener('keydown', (e) => {\n            const opts = options();\n            const i = opts.indexOf(document.activeElement);\n            if (!isOpen()) {\n                if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && document.activeElement === speedBtn) {\n                    e.preventDefault();\n                    setSpeedMenu(true);\n                }\n                return;\n            }\n            switch (e.key) {\n                case 'ArrowDown': e.preventDefault(); focusOption(i < 0 ? 0 : i + 1); break;\n                case 'ArrowUp':   e.preventDefault(); focusOption(i < 0 ? opts.length - 1 : i - 1); break;\n                case 'Home':      e.preventDefault(); focusOption(0); break;\n                case 'End':       e.preventDefault(); focusOption(opts.length - 1); break;\n                case 'Escape':    e.preventDefault(); setSpeedMenu(false); speedBtn.focus(); break;\n                case 'Tab':       setSpeedMenu(false); break;\n            }\n        }, {signal: this._ac.signal});\n\n        // Set initial UI state\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Enable keyboard transport controls on the container.\n     *\n     * The container is focusable only after it is clicked (it carries\n     * `tabindex=\"-1\"` until then, and clicking steals focus from sibling\n     * players). While focused it handles: digits 0-9 (seek to that tenth of\n     * the track), Space (toggle play), and \u2014 in self mode only, since\n     * `this.audio` is null in external mode \u2014 arrow keys (seek \u00B15s, volume\n     * \u00B10.1) and `m`/`M` (mute). Listeners use the instance abort signal.\n     * @private\n     */\n    initKeyboardControls() {\n        // Make container focusable but not in tab order by default\n        this.container.setAttribute('tabindex', '-1');\n\n        // Only activate keyboard controls when explicitly focused (clicked).\n        // Skip when the click landed on an interactive control (play button,\n        // link, slider, input): those own their focus, so pulling it onto the\n        // container would move focus off the control the user just activated.\n        this.container.addEventListener('click', (e) => {\n            if (e.target.closest(INTERACTIVE_ELEMENTS)) return;\n            // Remove focus from all other players\n            WaveformPlayer.getAllInstances().forEach(player => {\n                if (player !== this) {\n                    player.container.setAttribute('tabindex', '-1');\n                }\n            });\n            // Make this one focusable\n            this.container.setAttribute('tabindex', '0');\n            this.container.focus();\n        }, {signal: this._ac.signal});\n\n        // Keyboard events. In external mode `this.audio` is null, so\n        // seek/volume/mute keys are no-ops (the external controller\n        // owns those). Space (togglePlay) still works because togglePlay\n        // routes through the request-play/pause events.\n        this.container.addEventListener('keydown', (e) => {\n            if (document.activeElement !== this.container) return;\n\n            const key = e.key;\n            const hasAudio = !!this.audio;\n            const currentTime = hasAudio ? this.audio.currentTime : 0;\n\n            // Handle number keys 0-9 for seeking\n            if (hasAudio && key >= '0' && key <= '9') {\n                e.preventDefault();\n                this.seekToPercent(parseInt(key) / 10);\n                return;\n            }\n\n            // Handle other keys. Space always works (dispatches\n            // request-play in external mode); audio-bound keys only\n            // when we own the <audio> element.\n            const actions = {\n                ' ': () => this.togglePlay(),\n            };\n            if (hasAudio) {\n                actions['ArrowLeft']  = () => this.seekTo(clamp(currentTime - 5, 0, this.audio.duration));\n                actions['ArrowRight'] = () => this.seekTo(clamp(currentTime + 5, 0, this.audio.duration));\n                actions['ArrowUp']    = () => this.setVolume(clamp(this.audio.volume + 0.1));\n                actions['ArrowDown']  = () => this.setVolume(clamp(this.audio.volume - 0.1));\n                actions['m'] = actions['M'] = () => this.audio.muted = !this.audio.muted;\n            }\n\n            if (actions[key]) {\n                e.preventDefault();\n                actions[key]();\n            }\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Expose the waveform as an accessible, keyboard-operable slider.\n     *\n     * Adds role=\"slider\" + ARIA value attributes to the waveform surface,\n     * makes it focusable in the tab order, and handles the standard slider\n     * keys (arrows, Page Up/Down, Home/End) to seek. Works in both self and\n     * external audio modes. Opt out with `accessibleSeek: false`.\n     * @private\n     */\n    initSeekControl() {\n        if (!this.options.accessibleSeek) return;\n\n        this.seekEl = this.container.querySelector('.waveform-container');\n        if (!this.seekEl) return;\n\n        this.seekEl.setAttribute('role', 'slider');\n        this.seekEl.setAttribute('tabindex', '0');\n        this.seekEl.setAttribute('aria-valuemin', '0');\n        this.applySeekLabel();\n        this.updateSeekAccessibility();\n\n        this.seekEl.addEventListener('keydown', (e) => {\n            // Space toggles play/pause even while the waveform slider is focused \u2014\n            // it's a media control, so play/pause should work here too, not only\n            // when the player root is the active element (restores the pre-a11y\n            // Space path reported in #10).\n            if (e.key === ' ' || e.key === 'Spacebar') {\n                e.preventDefault();\n                e.stopPropagation();\n                this.togglePlay();\n                return;\n            }\n\n            const duration = this.getSeekDuration();\n            if (!duration) return;\n\n            const current = this.getSeekCurrentTime();\n            let target;\n            switch (e.key) {\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    target = current - SEEK_STEP_SECONDS;\n                    break;\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    target = current + SEEK_STEP_SECONDS;\n                    break;\n                case 'PageDown':\n                    target = current - SEEK_PAGE_SECONDS;\n                    break;\n                case 'PageUp':\n                    target = current + SEEK_PAGE_SECONDS;\n                    break;\n                case 'Home':\n                    target = 0;\n                    break;\n                case 'End':\n                    target = duration;\n                    break;\n                default:\n                    return;\n            }\n\n            // Prevent page scroll and stop the container-level keydown\n            // handler from also seeking (it would double-fire / change\n            // volume on the vertical arrows).\n            e.preventDefault();\n            e.stopPropagation();\n            this.seekToSeconds(target);\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Total seekable duration in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekDuration() {\n        if (this.options.audioMode === 'external') {\n            return this._extDuration || 0;\n        }\n        return this.audio && Number.isFinite(this.audio.duration)\n            ? this.audio.duration\n            : 0;\n    }\n\n    /**\n     * Current playback position in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekCurrentTime() {\n        if (this.options.audioMode === 'external') {\n            return this.progress * (this._extDuration || 0);\n        }\n        return this.audio && Number.isFinite(this.audio.currentTime)\n            ? this.audio.currentTime\n            : 0;\n    }\n\n    /**\n     * Seek the slider to an absolute time, clamped to the track length.\n     *\n     * In self mode this defers to {@link WaveformPlayer#seekTo}. In external\n     * mode it dispatches a cancelable `waveformplayer:request-seek` event with\n     * the target percentage; if the controller doesn't `preventDefault()`, the\n     * local progress/visual is updated optimistically. Either way the ARIA\n     * slider values are refreshed.\n     * @param {number} seconds - Target time in seconds.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    seekToSeconds(seconds) {\n        const duration = this.getSeekDuration();\n        if (!duration) return;\n\n        const clamped = clamp(seconds, 0, duration);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(clamped / duration);\n            this.updateSeekAccessibility();\n            return;\n        }\n\n        // seekTo() calls updateProgress(), which refreshes the ARIA values.\n        this.seekTo(clamped);\n    }\n\n    /**\n     * Set the slider's accessible name from `seekLabel`, falling back to the\n     * track title, then a generic 'Seek'. No-op if the slider isn't present.\n     * @param {string} [title=this.options.title] - Track title to fall back to\n     *   when `seekLabel` is not set.\n     * @private\n     */\n    applySeekLabel(title = this.options.title) {\n        if (!this.seekEl) return;\n        const label = this.options.seekLabel || title || 'Seek';\n        this.seekEl.setAttribute('aria-label', label);\n    }\n\n    /**\n     * Keep the slider's ARIA value attributes in sync with playback.\n     * @private\n     */\n    updateSeekAccessibility() {\n        if (!this.seekEl) return;\n\n        const duration = this.getSeekDuration();\n        const current = Math.min(this.getSeekCurrentTime(), duration);\n\n        this.seekEl.setAttribute('aria-valuemax', String(Math.round(duration)));\n        this.seekEl.setAttribute('aria-valuenow', String(Math.round(current)));\n        this.seekEl.setAttribute(\n            'aria-valuetext',\n            formatSeekValueText(\n                this.options.seekValueText || '%1$s of %2$s',\n                formatTime(current),\n                formatTime(duration)\n            )\n        );\n    }\n\n    /**\n     * Initialize Media Session API for system media controls\n     * @private\n     */\n    initMediaSession() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        // Skip Media Session in external mode \u2014 the controller (e.g.\n        // WaveformBar) owns audio playback and registers its own Media\n        // Session handlers; ours would conflict with its.\n        if (!this.audio) return;\n\n        this._applyMediaMetadata();\n\n        // Set up action handlers\n        navigator.mediaSession.setActionHandler('play', () => this.play());\n        navigator.mediaSession.setActionHandler('pause', () => this.pause());\n        navigator.mediaSession.setActionHandler('seekbackward', () => {\n            this.seekTo(clamp(this.audio.currentTime - 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekforward', () => {\n            this.seekTo(clamp(this.audio.currentTime + 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekto', (details) => {\n            if (details.seekTime !== null) {\n                this.seekTo(details.seekTime);\n            }\n        });\n\n        // Optional queue navigation \u2014 lights up the lock-screen skip-track\n        // buttons. Registered only when a host (bar / playlist) supplies a\n        // callback; a null handler hides the button.\n        const onNext = this.options.onNextTrack, onPrev = this.options.onPreviousTrack;\n        try { navigator.mediaSession.setActionHandler('nexttrack', typeof onNext === 'function' ? () => onNext(this) : null); } catch (e) { /* unsupported */ }\n        try { navigator.mediaSession.setActionHandler('previoustrack', typeof onPrev === 'function' ? () => onPrev(this) : null); } catch (e) { /* unsupported */ }\n    }\n\n    /**\n     * Publish the current track's Media Session metadata (lock-screen /\n     * Now-Playing title, artist, album, artwork). Idempotent \u2014 safe to re-call.\n     * @private\n     */\n    _applyMediaMetadata() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        navigator.mediaSession.metadata = new MediaMetadata({\n            title: this.options.title || this.options.unknownTrackText,\n            artist: this.options.artist || '',\n            album: this.options.album || '',\n            artwork: this.options.artwork ? [\n                {src: this.options.artwork, sizes: '512x512', type: 'image/jpeg'}\n            ] : []\n        });\n    }\n\n    /**\n     * Sync Media Session playback state + scrubber position on play/pause. iOS\n     * ignores metadata set before the media is active, so we re-assert it on\n     * play \u2014 that's what fixes the blank lock-screen card on mobile.\n     * @param {'playing'|'paused'} state\n     * @private\n     */\n    _updateMediaSession(state) {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession || !this.audio) return;\n        try {\n            // Claim the (global, singleton) Media Session for THIS player on play \u2014\n            // (re)register our action handlers + metadata so the lock-screen controls\n            // drive the player you're actually listening to, not the last one loaded.\n            if (state === 'playing') this.initMediaSession();\n            navigator.mediaSession.playbackState = state;\n            const d = this.audio.duration;\n            if (navigator.mediaSession.setPositionState && d && isFinite(d)) {\n                navigator.mediaSession.setPositionState({\n                    duration: d,\n                    playbackRate: this.audio.playbackRate || 1,\n                    position: clamp(this.audio.currentTime, 0, d),\n                });\n            }\n        } catch (e) { /* Media Session is best-effort */ }\n    }\n\n    // ============================================\n    // Event Binding\n    // ============================================\n\n    /**\n     * Bind the core interaction listeners: play-button click, the `<audio>`\n     * media events (self mode only \u2014 external mode is fed state via\n     * {@link WaveformPlayer#setPlayingState}/{@link WaveformPlayer#setProgress}),\n     * canvas click-to-seek, and a debounced window-resize redraw.\n     * @private\n     */\n    bindEvents() {\n        // Play button (only if controls are shown). In external mode\n        // togglePlay() dispatches the request-play/pause events so the\n        // controller can decide what to do; the click still goes through\n        // here.\n        if (this.playBtn) {\n            this.playBtn.addEventListener('click', () => this.togglePlay());\n        }\n\n        // Audio events \u2014 only when we own an <audio> element. External\n        // mode receives state via setPlayingState() / setProgress() from\n        // the controller, so we have nothing to listen to here.\n        if (this.audio) {\n            this.audio.addEventListener('loadstart', () => this.setLoading(true));\n            this.audio.addEventListener('loadedmetadata', () => this.onMetadataLoaded());\n            this.audio.addEventListener('canplay', () => this.setLoading(false));\n            this.audio.addEventListener('play', () => this.onPlay());\n            this.audio.addEventListener('pause', () => this.onPause());\n            this.audio.addEventListener('ended', () => this.onEnded());\n            this.audio.addEventListener('error', (e) => this.onError(e));\n        }\n\n        // Canvas interactions \u2014 click + drag to seek. pointerdown starts a\n        // scrub (with pointer capture so moves keep flowing if the cursor\n        // leaves the canvas), pointermove updates it while held, pointerup /\n        // pointercancel end it. The click handler stays for keyboard/synthetic\n        // compatibility. In external mode each seek dispatches a cancelable\n        // `waveformplayer:request-seek` so the controller positions its audio.\n        this.canvas.addEventListener('click', (e) => this.handleCanvasClick(e));\n        this._dragging = false;\n        this._seekHover = false;\n        this._handleNear = false;\n\n        // Hover state \u2014 reveals the handle + lifts the seekbar brightness. A\n        // redraw is needed because the canvas has no CSS :hover of its own.\n        this.canvas.addEventListener('pointerenter', () => {\n            this._seekHover = true;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n        this.canvas.addEventListener('pointerleave', () => {\n            this._seekHover = false;\n            this._handleNear = false;\n            if (!this._dragging) this._hideHoverTip();\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n\n        // Drag = a VISUAL scrub: the playhead previews the cursor while the\n        // audio keeps playing untouched (a per-move seek glitches the audio and\n        // fights the progress loop). The real seek is committed once, on\n        // release. updateProgress() bails while _dragging so playback can't drag\n        // the handle off the cursor.\n        this.canvas.addEventListener('pointerdown', (e) => {\n            if (e.pointerType === 'mouse' && e.button !== 0) return; // primary / touch only\n            this._dragging = true;\n            try { this.canvas.setPointerCapture(e.pointerId); } catch (err) { /* unsupported */ }\n            this._scrubTo(e.clientX);\n        });\n        this.canvas.addEventListener('pointermove', (e) => {\n            if (this._dragging) {\n                this._scrubTo(e.clientX);\n                return;\n            }\n            // Hover (not dragging): grow the handle when the cursor is over it.\n            const rect = this.canvas.getBoundingClientRect();\n            if (rect.width) {\n                this._handleNear = Math.abs((e.clientX - rect.left) - this.progress * rect.width) <= 10;\n                this._updateSeekHandle();\n            }\n        });\n        const endDrag = (e) => {\n            if (!this._dragging) return;\n            this._dragging = false;\n            // The browser fires a click after pointerup on a tap/short drag \u2014\n            // flag it so handleCanvasClick ignores it (a second seek from the\n            // synthetic click's coordinate can snap the playhead, e.g. to 0).\n            this._suppressClick = true;\n            try { this.canvas.releasePointerCapture(e.pointerId); } catch (err) { /* ignore */ }\n            this._seekFromPointer(e.clientX); // commit the seek now \u2014 audio jumps once\n            // Hide the drag tooltip on release, unless hover-time keeps it (or\n            // the seekbar handle is being hovered), to avoid a hide/show flicker.\n            if (!this._seekHover && !this.options.showHoverTime) this._hideHoverTip();\n            this._updateSeekHandle();\n        };\n        this.canvas.addEventListener('pointerup', endDrag);\n        this.canvas.addEventListener('pointercancel', endDrag);\n\n        // Hover-time tooltip over the waveform (when showHoverTime is on).\n        this.setupHoverTime();\n        // Draggable seek handle (DOM circle, shown on hover / drag).\n        this.setupSeekHandle();\n\n        // Window resize - store handler for cleanup\n        this.resizeHandler = debounce(() => this.resizeCanvas(), 100);\n        window.addEventListener('resize', this.resizeHandler);\n    }\n\n    /**\n     * Observe the canvas's parent element for size changes and re-fit the\n     * canvas on each one. No-op where `ResizeObserver` is unavailable.\n     * @private\n     */\n    setupResizeObserver() {\n        if ('ResizeObserver' in window) {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeCanvas();\n            });\n\n            if (this.canvas?.parentElement) {\n                this.resizeObserver.observe(this.canvas.parentElement);\n            }\n        }\n    }\n\n    // ============================================\n    // Audio Loading\n    // ============================================\n\n    /**\n     * Load an audio source: set the title, fetch/generate the waveform peaks,\n     * draw them, render markers, and initialise Media Session.\n     *\n     * In self mode the `<audio>` src is assigned and the method awaits\n     * `loadedmetadata` before proceeding. In external mode there is no audio\n     * element, so the src/metadata step is skipped and only the visualization\n     * is built (duration/time come from the controller via\n     * {@link WaveformPlayer#setProgress}). Peaks come from the `waveform`\n     * option when provided, otherwise they are decoded from the audio; a\n     * decode failure falls back to a placeholder waveform. The `onLoad`\n     * callback fires on success.\n     * @param {string} url - Audio URL.\n     * @returns {Promise<void>} Resolves once loading settles (errors are caught\n     *   internally and surfaced through {@link WaveformPlayer#onError}).\n     */\n    async load(url) {\n        try {\n            this.setLoading(true);\n            this.progress = 0;\n            this.hasError = false;\n\n            // In external mode we don't own an <audio> element \u2014 skip\n            // src assignment + metadata-wait, but still generate the\n            // waveform peaks so the canvas can render the visualization.\n            // Duration / current time come from the external controller\n            // via setProgress().\n            if (this.audio) {\n                // Set audio source\n                this.audio.src = url;\n\n                // Wait for metadata to load\n                await new Promise((resolve, reject) => {\n                    const metadataHandler = () => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        resolve();\n                    };\n                    const errorHandler = (e) => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        reject(e);\n                    };\n                    this.audio.addEventListener('loadedmetadata', metadataHandler);\n                    this.audio.addEventListener('error', errorHandler);\n                });\n            }\n\n            // Set title\n            const title = this.options.title || extractTitleFromUrl(url);\n            if (this.titleEl) {\n                this.titleEl.textContent = title;\n            }\n            // Keep the seek slider's accessible name in sync with the track.\n            this.applySeekLabel(title);\n\n            // Load or generate waveform\n            if (this.options.waveform) {\n                this.setWaveformData(this.options.waveform);\n            } else {\n                // Generate waveform\n                try {\n                    const result = await generateWaveform(url, this.options.samples, this.options.showBPM);\n                    this.waveformData = result.peaks;\n\n                    // Store BPM if detected\n                    if (result.bpm) {\n                        this.detectedBPM = result.bpm;\n                        this.updateBPMDisplay();\n                    }\n                } catch (error) {\n                    console.warn('[WaveformPlayer] Using placeholder waveform:', error);\n                    this.waveformData = generatePlaceholderWaveform(this.options.samples);\n                }\n            }\n\n            this.drawWaveform();\n            this.renderMarkers();\n\n            // Fire callback\n            if (this.options.onLoad) {\n                this.options.onLoad(this);\n            }\n        } catch (error) {\n            // onError() is the single funnel for surfacing + logging errors.\n            this.onError(error);\n        } finally {\n            this.setLoading(false);\n        }\n    }\n\n    /**\n     * Swap the player to a new track at runtime.\n     *\n     * Pauses any current playback, fully resets the audio element (self mode),\n     * clears error/marker/progress state, merges the new metadata into\n     * `this.options`, updates the artist/artwork DOM, then calls\n     * {@link WaveformPlayer#load}. Auto-plays the new track unless\n     * `options.autoplay === false`.\n     * @param {string} url - Audio URL.\n     * @param {string|null} [title=null] - Track title; keeps the existing\n     *   title when null.\n     * @param {string|null} [artist=null] - Track artist; pass `''` to hide\n     *   the artist row, or null to keep the existing one.\n     * @param {Object} [options={}] - Additional options to merge (e.g.\n     *   `preload`, `artwork`, `markers`, `autoplay`).\n     * @returns {Promise<void>}\n     */\n    async loadTrack(url, title = null, artist = null, options = {}) {\n        // Stop current playback and clear state\n        if (this.isPlaying) {\n            this.pause();\n        }\n\n        // Reset audio element completely (only when we own one)\n        if (this.audio) {\n            this.audio.src = '';\n            this.audio.load();\n        }\n\n        // Clear any errors\n        this.hasError = false;\n        if (this.errorEl) {\n            this.errorEl.style.display = 'none';\n        }\n        if (this.canvas) {\n            this.canvas.style.opacity = '1';\n        }\n        if (this.playBtn) {\n            this.playBtn.disabled = false;\n        }\n\n        // Reset state\n        this.progress = 0;\n        this.waveformData = [];\n\n        // Update options (including preload if specified)\n        this.options = mergeOptions(this.options, {\n            url,\n            title: title || this.options.title,\n            artist: artist || this.options.artist,\n            ...options\n        });\n\n        // Apply preload setting if it was changed\n        if (options.preload && this.audio) {\n            this.audio.preload = options.preload;\n        }\n\n        // Update UI elements\n        if (this.artistEl) {\n            if (artist) {\n                this.artistEl.textContent = artist;\n                this.artistEl.style.display = '';\n            } else if (artist === '') {\n                this.artistEl.style.display = 'none';\n            }\n        }\n\n        // Update artwork if provided\n        if (options.artwork && this.artworkEl) {\n            this.artworkEl.src = options.artwork;\n        }\n\n        // Clear or update markers\n        this.options.markers = options.markers || [];\n\n        // Reset the waveform to the NEW track's peaks, or null to regenerate\n        // from the URL. mergeOptions() above keeps the previous track's\n        // this.options.waveform when the caller passes none, and load() does\n        // `if (this.options.waveform) setWaveformData(...)` \u2014 so without this\n        // reset a track loaded without peaks would redraw the PREVIOUS track's\n        // waveform (audio changes, visualization doesn't).\n        this.options.waveform = options.waveform || null;\n\n        // Load the new track\n        await this.load(url);\n\n        // Auto-play the new track unless the caller opted out \u2014 lets a\n        // controller load/restore/enqueue without forcing playback.\n        if (options.autoplay !== false) {\n            this.play()?.catch(() => {});\n        }\n    }\n\n    // ============================================\n    // Visualization\n    // ============================================\n\n    /**\n     * Normalise externally-supplied waveform data into `this.waveformData` and\n     * redraw.\n     *\n     * Accepts several shapes: a `.json` URL (fetched async; peaks and any\n     * embedded `markers` are applied on resolve), a JSON-encoded array string,\n     * a comma-separated number string, or a plain number array. Malformed\n     * input degrades to an empty array rather than throwing.\n     * @param {string|number[]} data - Peaks as an array, a JSON/CSV string, or\n     *   a URL to a `.json` peaks file.\n     * @private\n     */\n    setWaveformData(data) {\n        // URL to JSON file \u2014 fetch peaks and maybe markers\n        if (typeof data === 'string' && data.trim().endsWith('.json')) {\n            fetch(data.trim())\n                .then(r => r.json())\n                .then(json => {\n                    this.waveformData = Array.isArray(json) ? json : (json.peaks || []);\n                    if (json.markers && !this.options.markers?.length) {\n                        this.options.markers = json.markers;\n                        this.renderMarkers();\n                    }\n                    this.drawWaveform();\n                })\n                .catch(() => {});\n            return;\n        }\n\n        if (typeof data === 'string') {\n            try {\n                const parsed = JSON.parse(data);\n                this.waveformData = Array.isArray(parsed) ? parsed : [];\n            } catch {\n                this.waveformData = data.split(',').map(Number);\n            }\n        } else {\n            this.waveformData = Array.isArray(data) ? data : [];\n        }\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the current waveform + progress to the canvas via the shared\n     * {@link draw} routine, passing the resolved style and colours. No-op\n     * before the context exists or while there is no peak data.\n     * @private\n     */\n    drawWaveform() {\n        if (!this.ctx || this.waveformData.length === 0) return;\n\n        draw(this.ctx, this.canvas, this.waveformData, this.progress, {\n            ...this.options,\n            waveformStyle: this.options.waveformStyle || 'bars',\n            color: this.options.waveformColor,\n            progressColor: this.options.progressColor,\n            seekActive: this._seekHover || this._dragging\n        });\n    }\n\n    /**\n     * Re-fit the canvas backing store to its parent's width and the configured\n     * height, scaled by the device pixel ratio for crisp rendering, then\n     * redraw. Guards against running after destruction.\n     * @private\n     */\n    resizeCanvas() {\n        // Guard against calls after destruction\n        if (!this.canvas || this.isDestroying) {\n            return;\n        }\n\n        const dpr = window.devicePixelRatio || 1;\n        const rect = this.canvas.parentElement.getBoundingClientRect();\n\n        this.canvas.width = rect.width * dpr;\n        this.canvas.height = this.options.height * dpr;\n        this.canvas.parentElement.style.height = this.options.height + 'px';\n\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the configured cue markers as positioned, clickable buttons over\n     * the waveform.\n     *\n     * Clears any existing markers first, then bails out unless `showMarkers` is\n     * on, markers exist, and a duration is known (via the mode-agnostic\n     * {@link WaveformPlayer#getSeekDuration}). Each marker is placed by its\n     * time-as-percentage, carries a tooltip and ARIA label, and seeks on click\n     * (also starting playback when `playOnSeek` is set and currently paused).\n     * Markers past the track duration are skipped with a warning.\n     * @private\n     */\n    renderMarkers() {\n        if (!this.markersContainer) return;\n\n        // Always clear existing markers first\n        this.markersContainer.innerHTML = '';\n        // Re-sync the active marker on the next progress tick (the DOM was wiped).\n        this._activeMarkerIndex = -1;\n        clearTimeout(this._markerLabelTimer);\n\n        if (!this.options.showMarkers || !this.options.markers?.length) return;\n\n        // Duration may come from the <audio> (self mode) or the external\n        // controller (external mode) \u2014 use the mode-agnostic accessor.\n        const duration = this.getSeekDuration();\n        if (!duration) {\n            return;\n        }\n\n        // Add each marker\n        this.options.markers.forEach((marker, index) => {\n            // Skip markers that are beyond the audio duration\n            if (marker.time > duration) {\n                console.warn(`[WaveformPlayer] Marker \"${marker.label}\" at ${marker.time}s exceeds audio duration of ${duration}s`);\n                return;\n            }\n\n            const position = (marker.time / duration) * 100;\n\n            const markerEl = document.createElement('button');\n            markerEl.className = 'waveform-marker';\n            markerEl.style.left = `${position}%`;\n            markerEl.style.backgroundColor = marker.color || 'rgba(255, 255, 255, 0.5)';\n            markerEl.setAttribute('aria-label', marker.label);\n            markerEl.setAttribute('data-time', marker.time);\n\n            // Tooltip\n            const tooltip = document.createElement('span');\n            tooltip.className = 'waveform-marker-tooltip';\n            tooltip.textContent = marker.label;\n            markerEl.appendChild(tooltip);\n\n            // Click to seek\n            markerEl.addEventListener('click', (e) => {\n                e.stopPropagation();\n                this.seekTo(marker.time);\n                if (this.options.playOnSeek && !this.isPlaying) {\n                    this.play();\n                }\n            });\n\n            this.markersContainer.appendChild(markerEl);\n        });\n    }\n\n    /**\n     * Highlight the marker at `index` (toggling an `active` class) and clear\n     * the rest. Pass `null` to clear all. Lets an external controller (e.g. a\n     * DJ bar) reflect the current section without reaching into the player's\n     * private marker DOM.\n     * @param {number|null} index - Marker index to activate, or `null` to clear.\n     */\n    setActiveMarker(index) {\n        if (!this.markersContainer) return;\n        const markers = this.markersContainer.querySelectorAll('.waveform-marker');\n        markers.forEach((el, i) => el.classList.toggle('active', i === index));\n    }\n\n    /**\n     * Highlight the marker the playhead has most recently passed \u2014 the rendered\n     * marker with the greatest `time` \u2264 the current time \u2014 and reveal its label.\n     * Driven from the progress loop; a no-op when there are no markers. Reuses\n     * {@link WaveformPlayer#setActiveMarker}, and only re-applies when the active\n     * marker actually changes.\n     * @private\n     */\n    updateActiveMarker() {\n        if (!this.markersContainer) return;\n        const els = this.markersContainer.querySelectorAll('.waveform-marker');\n        if (!els.length) return;\n        const dur = this.getSeekDuration();\n        const t = dur ? this.progress * dur : 0;\n        let active = -1;\n        let best = -Infinity;\n        els.forEach((el, i) => {\n            const mt = parseFloat(el.getAttribute('data-time'));\n            if (Number.isFinite(mt) && mt <= t + 0.05 && mt > best) {\n                best = mt;\n                active = i;\n            }\n        });\n        if (active !== this._activeMarkerIndex) {\n            this._activeMarkerIndex = active;\n            this.setActiveMarker(active);\n            // Flash the newly-active marker's label, then let it fade \u2014 the\n            // highlight stays. Override via `.waveform-marker.show-label` CSS.\n            clearTimeout(this._markerLabelTimer);\n            els.forEach((el, i) => el.classList.toggle('show-label', i === active));\n            if (active >= 0) {\n                this._markerLabelTimer = setTimeout(() => {\n                    this.markersContainer\n                        ?.querySelectorAll('.waveform-marker')\n                        .forEach((el) => el.classList.remove('show-label'));\n                }, 2500);\n            }\n        }\n    }\n\n    /**\n     * Build the time tooltip that follows the pointer over the waveform. The\n     * element is always created so **drag-scrub** can show the time you're\n     * dragging to; the *hover* reveal is gated on `showHoverTime`. Works in both\n     * self and external modes (it only needs {@link WaveformPlayer#getSeekDuration}).\n     * @private\n     */\n    setupHoverTime() {\n        if (!this.seekEl) return;\n        const tip = document.createElement('div');\n        tip.className = 'waveform-hover-time';\n        tip.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(tip);\n        this.hoverTimeEl = tip;\n\n        // Without showHoverTime the tip is drag-only \u2014 no hover listeners.\n        if (!this.options.showHoverTime) return;\n\n        // Hover updates the tip; the drag handlers also call _updateHoverTip so\n        // the time follows the playhead while scrubbing (Spotify-style). The\n        // guard avoids a double-update when a drag is in progress (the canvas\n        // pointermove already drives it then).\n        this.seekEl.addEventListener('pointermove', (e) => {\n            if (!this._dragging) this._updateHoverTip(e.clientX);\n        });\n        this.seekEl.addEventListener('pointerleave', () => {\n            if (!this._dragging) this._hideHoverTip();\n        });\n    }\n\n    /**\n     * Position + fill the hover-time tooltip for a given client-X. Shared by\n     * hover and drag-scrub. No-op when the tooltip isn't enabled\n     * (`showHoverTime` off).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _updateHoverTip(clientX) {\n        const tip = this.hoverTimeEl;\n        if (!tip) return;\n        const dur = this.getSeekDuration();\n        if (!dur) { tip.style.opacity = '0'; return; }\n        const rect = this.canvas.getBoundingClientRect();\n        const pct = clamp((clientX - rect.left) / rect.width);\n        tip.textContent = formatTime(pct * dur);\n        tip.style.left = (pct * 100) + '%';\n        tip.style.opacity = '1';\n    }\n\n    /** Hide the hover-time tooltip. @private */\n    _hideHoverTip() {\n        if (this.hoverTimeEl) this.hoverTimeEl.style.opacity = '0';\n    }\n\n    /**\n     * Visually preview a seek during a drag \u2014 moves the playhead + handle +\n     * tooltip to the cursor WITHOUT touching the audio (playback continues; the\n     * real seek is committed on release).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _scrubTo(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        this.progress = clamp((clientX - rect.left) / rect.width);\n        this.drawWaveform();\n        this._updateSeekHandle();\n        // Live time readout while scrubbing (Spotify-style): the audio keeps\n        // playing at its old position; the display shows where release lands.\n        const dur = this.getSeekDuration();\n        if (dur && this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.progress * dur);\n            // The current-time already shows the target \u2014 don't also pop the\n            // hover tooltip with the same value (that duplicate is the bug).\n            this._hideHoverTip();\n        } else {\n            // No current-time readout to fall back on \u2014 keep the tooltip as the\n            // only scrub feedback.\n            this._updateHoverTip(clientX);\n        }\n    }\n\n    /**\n     * Create the draggable seek handle \u2014 a DOM circle over the playhead, shown\n     * only on hover / drag (Spotify-style). Pointer-events are off so it never\n     * blocks the canvas scrub; size + visibility are CSS.\n     * @private\n     */\n    setupSeekHandle() {\n        // Only the seekbar style \u2014 on a real waveform the fill-edge already is\n        // the playhead, so a floating dot is just noise.\n        if (!this.options.seekHandle || this.options.waveformStyle !== 'seekbar' || !this.seekEl) return;\n        const h = document.createElement('div');\n        h.className = 'waveform-seek-handle';\n        h.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(h);\n        this.seekHandleEl = h;\n    }\n\n    /**\n     * Position the seek handle at the current progress and toggle its\n     * visibility (hover / drag) + expanded (drag / direct-hover) classes.\n     * @private\n     */\n    _updateSeekHandle() {\n        const h = this.seekHandleEl;\n        if (!h) return;\n        h.style.left = (this.progress * 100) + '%';\n        h.classList.toggle('is-visible', this._seekHover || this._dragging);\n        h.classList.toggle('is-active', this._dragging || this._handleNear);\n    }\n\n    // ============================================\n    // Event Handlers\n    // ============================================\n\n    /**\n     * Seek to the clicked horizontal position on the waveform canvas.\n     *\n     * Converts the click X into a 0..1 percentage. In external mode it\n     * dispatches a cancelable `waveformplayer:request-seek` event (updating the\n     * local visual optimistically unless the controller vetoes it); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {MouseEvent} event - The canvas click event.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    handleCanvasClick(event) {\n        // Ignore the synthetic click that trails a pointer drag (see endDrag).\n        if (this._suppressClick) { this._suppressClick = false; return; }\n        this._seekFromPointer(event.clientX);\n    }\n\n    /**\n     * Seek to a horizontal client-X position over the canvas \u2014 shared by\n     * click and drag. In external mode the player has no audio of its own,\n     * so it dispatches a cancelable `waveformplayer:request-seek` with the\n     * target percentage (updating the local visual optimistically); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _seekFromPointer(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        const targetPercent = clamp((clientX - rect.left) / rect.width);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(targetPercent);\n            return;\n        }\n\n        if (!this.audio || !this.audio.duration) return;\n        this.seekToPercent(targetPercent);\n    }\n\n    /**\n     * Toggle the loading state: show/hide the spinner overlay and set\n     * `aria-busy` on the accessible seek slider so assistive tech knows the\n     * player is fetching/decoding.\n     * @param {boolean} loading - True while audio is loading.\n     * @private\n     */\n    setLoading(loading) {\n        this.isLoading = loading;\n        if (this.loadingEl) {\n            this.loadingEl.style.display = loading ? 'block' : 'none';\n        }\n        // Let assistive tech know the player is busy fetching/decoding.\n        if (this.seekEl) {\n            this.seekEl.setAttribute('aria-busy', loading ? 'true' : 'false');\n        }\n    }\n\n    /**\n     * `loadedmetadata` handler (self mode): write the total-time display, now\n     * that duration is known re-render markers, and publish duration to the\n     * accessible seek slider. No-op during destruction.\n     * @private\n     */\n    onMetadataLoaded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        if (this.totalTimeEl) {\n            this.totalTimeEl.textContent = formatTime(this.audio.duration);\n        }\n        // Re-render markers when duration is known\n        this.renderMarkers();\n        // Duration is now known \u2014 publish it to the accessible slider.\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Reflect play/pause state on the transport button: toggle the `playing`\n     * class and swap the play/pause icon visibility. The single source of\n     * truth shared by `onPlay`, `onPause`, and the external-mode\n     * `setPlayingState` pump so they can't drift. No-op without a button.\n     * @param {boolean} isPlaying - Whether playback is active.\n     * @private\n     */\n    setPlayButtonState(isPlaying) {\n        if (!this.playBtn) return;\n        this.playBtn.classList.toggle('playing', isPlaying);\n        const playIcon = this.playBtn.querySelector('.waveform-icon-play');\n        const pauseIcon = this.playBtn.querySelector('.waveform-icon-pause');\n        if (playIcon) playIcon.style.display = isPlaying ? 'none' : 'flex';\n        if (pauseIcon) pauseIcon.style.display = isPlaying ? 'flex' : 'none';\n    }\n\n    /**\n     * `play` handler (self mode): set the playing flag, swap the button to its\n     * pause icon, start the smooth progress loop, dispatch\n     * `waveformplayer:play`, and fire the `onPlay` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:play\n     */\n    onPlay() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = true;\n\n        this.setPlayButtonState(true);\n\n        this.startSmoothUpdate();\n\n        // iOS drops Media Session metadata set before playback begins \u2014 re-assert\n        // metadata + playback state now that we're actually playing.\n        this._updateMediaSession('playing');\n\n        // Dispatch play event\n        this._emit('waveformplayer:play', {player: this, url: this.options.url});\n\n        if (this.options.onPlay) {\n            this.options.onPlay(this);\n        }\n    }\n\n    /**\n     * `pause` handler (self mode): clear the playing flag, swap the button back\n     * to its play icon, stop the smooth progress loop, dispatch\n     * `waveformplayer:pause`, and fire the `onPause` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    onPause() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = false;\n\n        this.setPlayButtonState(false);\n\n        this.stopSmoothUpdate();\n\n        this._updateMediaSession('paused');\n\n        // Dispatch pause event\n        this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n\n        if (this.options.onPause) {\n            this.options.onPause(this);\n        }\n    }\n\n    /**\n     * `ended` handler (self mode): reset progress and `currentTime` to the\n     * start, redraw, reset the time display, dispatch `waveformplayer:ended`\n     * (carrying the final time), run {@link WaveformPlayer#onPause}, and fire\n     * the `onEnd` callback. No-op during destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    onEnded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        const duration = this.audio.duration;\n\n        this.progress = 0;\n        this.audio.currentTime = 0;\n        this.drawWaveform();\n\n        // Reset time display\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = '0:00';\n        }\n\n        // Dispatch ended event \u2014 carries the final time so listeners (e.g.\n        // analytics) don't have to reach into player.audio.\n        this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n\n        this.onPause();\n\n        if (this.options.onEnd) {\n            this.options.onEnd(this);\n        }\n    }\n\n    /**\n     * `error` handler: set the error flag, hide the spinner, reveal the error\n     * overlay, dim the canvas, disable the play button, and fire the `onError`\n     * callback. No-op during destruction.\n     * @param {Event|Error} error - The audio error event, or an Error thrown\n     *   during loading.\n     * @private\n     */\n    onError(error) {\n        // Ignore errors during destruction\n        if (this.isDestroying) return;\n\n        console.error('[WaveformPlayer] Audio error:', error);\n        this.hasError = true;\n        this.setLoading(false);\n\n        if (this.errorEl) {\n            this.errorEl.style.display = 'flex';\n        }\n\n        if (this.canvas) {\n            this.canvas.style.opacity = '0.2';\n        }\n\n        if (this.playBtn) {\n            this.playBtn.disabled = true;\n        }\n\n        if (this.options.onError) {\n            this.options.onError(error, this);\n        }\n    }\n\n    // ============================================\n    // Progress Updates\n    // ============================================\n\n    /**\n     * Start the `requestAnimationFrame` loop that drives smooth progress\n     * updates while playing (self mode only \u2014 external mode is redrawn by\n     * controller {@link WaveformPlayer#setProgress} pushes). Cancels any\n     * existing loop first so it's safe to call repeatedly.\n     * @private\n     */\n    startSmoothUpdate() {\n        this.stopSmoothUpdate();\n\n        const update = () => {\n            // In external mode the canvas redraws are driven by\n            // setProgress() pushes from the controller \u2014 no internal\n            // RAF needed. Self-mode keeps the smooth-update loop.\n            if (this.isPlaying && this.audio && this.audio.duration) {\n                this.updateProgress();\n                this.updateTimer = requestAnimationFrame(update);\n            }\n        };\n\n        this.updateTimer = requestAnimationFrame(update);\n    }\n\n    /**\n     * Cancel the smooth-update animation frame, if one is scheduled.\n     * @private\n     */\n    stopSmoothUpdate() {\n        if (this.updateTimer) {\n            cancelAnimationFrame(this.updateTimer);\n            this.updateTimer = null;\n        }\n    }\n\n    /**\n     * Recompute progress from the owned `<audio>` clock and reflect it\n     * everywhere (self mode only \u2014 external mode uses\n     * {@link WaveformPlayer#setProgress}).\n     *\n     * Redraws the canvas when progress moves meaningfully, updates the\n     * current-time display, dispatches `waveformplayer:timeupdate`, fires the\n     * `onTimeUpdate` callback, and refreshes the accessible slider values.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     */\n    updateProgress() {\n        // Self-mode only \u2014 external mode receives progress via\n        // setProgress() from the controller and never calls this.\n        if (!this.audio || !this.audio.duration) return;\n        // While dragging, the playhead previews the cursor \u2014 don't let playback\n        // move it (the audio keeps playing; the seek commits on release).\n        if (this._dragging) return;\n\n        const newProgress = this.audio.currentTime / this.audio.duration;\n\n        if (Math.abs(newProgress - this.progress) > 0.001) {\n            this.progress = newProgress;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        }\n\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.audio.currentTime);\n        }\n\n        // Dispatch timeupdate event\n        this._emit('waveformplayer:timeupdate', {\n            player: this,\n            currentTime: this.audio.currentTime,\n            duration: this.audio.duration,\n            progress: this.progress,\n            url: this.options.url\n        });\n\n        if (this.options.onTimeUpdate) {\n            this.options.onTimeUpdate(this.audio.currentTime, this.audio.duration, this);\n        }\n\n        this.updateActiveMarker();\n        this.updateSeekAccessibility();\n    }\n\n    // ============================================\n    // UI Updates\n    // ============================================\n\n    /**\n     * Show the detected BPM in the badge, once a value has been detected.\n     * @private\n     */\n    updateBPMDisplay() {\n        // A caller-supplied `bpm` wins over auto-detection \u2014 useful when peaks\n        // are pre-generated (so the audio is never decoded) but the BPM is known\n        // anyway, e.g. sample-pack previews where the tempo is in the metadata.\n        const bpm = this.options.bpm || this.detectedBPM;\n        if (this.bpmEl && this.bpmValueEl && bpm) {\n            this.bpmValueEl.textContent = Math.round(bpm);\n            this.bpmEl.style.display = 'inline-flex';\n        }\n    }\n\n    /**\n     * Re-detect the page theme and re-apply auto colours + redraw, so an\n     * auto-themed player adapts to a runtime light/dark switch (not just the\n     * value present on load). No-op when the player uses an explicit\n     * `colorPreset` or hand-set colours. Driven by the shared theme watcher.\n     * @public\n     */\n    refreshTheme() {\n        if (!this._autoTheme) return;\n        this._scheme = detectColorScheme();\n        const preset = getColorPreset(this.options.colorPreset);\n        for (const key of (this._presetKeys || [])) {\n            if (key in preset) this.options[key] = preset[key];\n        }\n        this._applyThemeColors();\n    }\n\n    /**\n     * Sync the theme class (CSS drives the DOM chrome colours via `--wfp-*`\n     * variables) and redraw the canvas with the resolved waveform colours.\n     * @private\n     */\n    _applyThemeColors() {\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n        if (this.canvas) this.drawWaveform();\n    }\n\n    /**\n     * Lazily install ONE shared watcher that re-detects the theme for every\n     * auto-themed instance when the document theme changes \u2014 a class/attribute\n     * flip on `<html>`/`<body>` (Tailwind `dark`, `data-theme`,\n     * `data-color-scheme`) or an OS `prefers-color-scheme` change. Event-driven\n     * (MutationObserver + matchMedia), never a timer.\n     * @private\n     */\n    static _watchTheme() {\n        if (WaveformPlayer._themeWatch || typeof document === 'undefined') return;\n        const refresh = () => requestAnimationFrame(() => {\n            WaveformPlayer.instances.forEach((p) => {\n                try { p.refreshTheme(); } catch (e) { /* ignore */ }\n            });\n        });\n        const opts = {attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-scheme', 'style']};\n        const obs = new MutationObserver(refresh);\n        obs.observe(document.documentElement, opts);\n        if (document.body) obs.observe(document.body, opts);\n        let mq = null;\n        try {\n            mq = window.matchMedia('(prefers-color-scheme: dark)');\n            mq.addEventListener('change', refresh);\n        } catch (e) { /* no matchMedia */ }\n        WaveformPlayer._themeWatch = {obs, mq, refresh};\n    }\n\n    /**\n     * Sync the speed control's label and the menu's active-option highlight to\n     * the audio element's current `playbackRate`. No-op in external mode (no\n     * owned `<audio>`), which also avoids reading `playbackRate` before the\n     * element exists.\n     * @private\n     */\n    updateSpeedUI() {\n        // External mode owns no <audio>; nothing to reflect (and reading\n        // this.audio.playbackRate here would throw during construction).\n        if (!this.audio) return;\n\n        const speedValue = this.container.querySelector('.speed-value');\n        if (speedValue) {\n            const rate = this.audio.playbackRate;\n            speedValue.textContent = rate === 1 ? '1x' : `${rate}x`;\n        }\n\n        // Update active state in menu\n        this.container.querySelectorAll('.speed-option').forEach(btn => {\n            const on = parseFloat(btn.dataset.rate) === this.audio.playbackRate;\n            btn.classList.toggle('active', on);\n            btn.setAttribute('aria-checked', on ? 'true' : 'false');\n        });\n    }\n\n    // ============================================\n    // Public API\n    // ============================================\n\n    /**\n     * Play audio.\n     *\n     * In `audioMode: 'self'` (default): calls the underlying <audio>\n     * element's play(). Returns the promise from HTMLMediaElement.play().\n     *\n     * In `audioMode: 'external'`: dispatches a cancelable\n     * `waveformplayer:request-play` event with the track metadata and\n     * does NOT touch any audio element. Returns `undefined`. An external\n     * controller (e.g. WaveformBar) listens for this event and starts\n     * playback on its own audio source, then pushes state back via\n     * setPlayingState() / setProgress(). Calling preventDefault() on\n     * the event lets the controller veto the play (state is unchanged).\n     *\n     * When `singlePlay` is enabled, any other currently-playing instance is\n     * paused first.\n     *\n     * @return {Promise|undefined} The promise from `HTMLMediaElement.play()` in\n     *   self mode; `undefined` in external mode.\n     * @fires WaveformPlayer#waveformplayer:request-play\n     */\n    play() {\n        if (this.options.singlePlay && WaveformPlayer.currentlyPlaying &&\n            WaveformPlayer.currentlyPlaying !== this) {\n            WaveformPlayer.currentlyPlaying.pause();\n        }\n\n        if (this.options.audioMode === 'external') {\n            const evt = this._emit('waveformplayer:request-play', this._buildTrackDetail(), true);\n            // If the controller cancels (preventDefault), don't claim\n            // \"currentlyPlaying\" \u2014 the controller didn't accept the play.\n            if (!evt.defaultPrevented) {\n                WaveformPlayer.currentlyPlaying = this;\n            }\n            return undefined;\n        }\n\n        WaveformPlayer.currentlyPlaying = this;\n        return this.audio.play();\n    }\n\n    /**\n     * Pause audio.\n     *\n     * In `audioMode: 'external'`, dispatches `waveformplayer:request-pause`\n     * (cancelable) and does NOT touch any audio element. See play().\n     *\n     * @fires WaveformPlayer#waveformplayer:request-pause\n     */\n    pause() {\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n        if (this.options.audioMode === 'external') {\n            this._emit('waveformplayer:request-pause', this._buildTrackDetail(), true);\n            return;\n        }\n        this.audio.pause();\n    }\n\n    /**\n     * Build the track detail object dispatched by request-play /\n     * request-pause events in external audio mode. Mirrors the shape\n     * WaveformBar.play() accepts so a controller can forward it\n     * directly: `WaveformBar.play(event.detail)`.\n     *\n     * @private\n     * @return {{url:string,title:?string,artist:?string,artwork:?string,player:WaveformPlayer}}\n     */\n    _buildTrackDetail() {\n        return {\n            url:      this.options.url,\n            title:    this.options.title,\n            artist:   this.options.artist,\n            artwork:  this.options.artwork,\n            markers:  this.options.markers,\n            waveform: this.options.waveform,\n            id:       this.id,\n            player:   this\n        };\n    }\n\n    /**\n     * External-mode state pump: flip the play/pause visual state without\n     * touching audio. Mirrors what onPlay()/onPause() do but skips the\n     * audio-element interactions. Safe to call repeatedly \u2014 idempotent.\n     *\n     * Only dispatches `waveformplayer:play`/`waveformplayer:pause` (and runs\n     * the matching callback) on an actual transition, starting/stopping the\n     * smooth-update loop accordingly.\n     *\n     * @param {boolean} playing - True to enter the playing state, false to\n     *   enter the paused state.\n     * @fires WaveformPlayer#waveformplayer:play\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    setPlayingState(playing) {\n        const wasPlaying = this.isPlaying;\n        this.isPlaying = !!playing;\n        this.setPlayButtonState(this.isPlaying);\n        if (this.isPlaying && !wasPlaying) {\n            this.startSmoothUpdate?.();\n            this._emit('waveformplayer:play', {player: this, url: this.options.url});\n            if (this.options.onPlay) this.options.onPlay(this);\n        } else if (!this.isPlaying && wasPlaying) {\n            this.stopSmoothUpdate?.();\n            this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n            if (this.options.onPause) this.options.onPause(this);\n        }\n    }\n\n    /**\n     * External-mode state pump: update the visualization's progress\n     * from an external clock (e.g. WaveformBar's audio element's\n     * timeupdate). Drives the canvas redraw + the time displays.\n     *\n     * Redraws the canvas, updates the current/total time displays, stores the\n     * external duration for the accessible slider, dispatches\n     * `waveformplayer:timeupdate`, runs `onTimeUpdate`, and synthesizes a\n     * one-shot `waveformplayer:ended` (with `onEnd`) when progress reaches the\n     * end. No-op for a non-positive duration.\n     *\n     * @param {number} currentTime - Current playback position in seconds.\n     * @param {number} duration - Total track duration in seconds.\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    setProgress(currentTime, duration) {\n        if (!duration || duration <= 0) return;\n        this.progress = clamp(currentTime / duration);\n        // Mirror the existing display update code so callers don't have\n        // to know which DOM elements live where.\n        if (this.currentTimeEl)  this.currentTimeEl.textContent  = formatTime(currentTime);\n        // Publish the duration unconditionally \u2014 the accessible seek slider\n        // and keyboard seeking read getSeekDuration()/_extDuration even when\n        // there's no time display to update.\n        this._extDuration = duration;\n        if (this.totalTimeEl && (!this.totalTimeEl.dataset._extSet || this.totalTimeEl.dataset._extDur !== String(duration))) {\n            this.totalTimeEl.textContent = formatTime(duration);\n            this.totalTimeEl.dataset._extSet = '1';\n            this.totalTimeEl.dataset._extDur = String(duration);\n        }\n        this.drawWaveform?.();\n        this.updateActiveMarker();\n        this._emit('waveformplayer:timeupdate', {player: this, currentTime, duration, progress: this.progress, url: this.options.url});\n        // Same (currentTime, duration, player) signature as self mode \u2014 the\n        // arg order used to be swapped here, which made one shared handler\n        // impossible across audioModes.\n        if (this.options.onTimeUpdate) this.options.onTimeUpdate(currentTime, duration, this);\n\n        // External mode has no <audio> 'ended' event \u2014 synthesize one when the\n        // controller's progress reaches the end (fires once per playthrough).\n        if (this.progress >= 1) {\n            if (!this._extEnded) {\n                this._extEnded = true;\n                this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n                if (this.options.onEnd) this.options.onEnd(this);\n            }\n        } else {\n            this._extEnded = false;\n        }\n\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Toggle between play and pause based on the current `isPlaying` state.\n     * Works in both audio modes (in external mode it routes through the\n     * request-play/pause events).\n     */\n    togglePlay() {\n        if (this.isPlaying) {\n            this.pause();\n        } else {\n            this.play();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to an absolute time, clamped to\n     * `[0, duration]`, and refresh progress. Self mode only \u2014 a no-op when\n     * there is no audio element or duration. External-mode keyboard/click\n     * seeks go through {@link WaveformPlayer#seekToSeconds} instead.\n     * @param {number} seconds - Target time in seconds.\n     */\n    seekTo(seconds) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = clamp(seconds, 0, this.audio.duration);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to a fraction of the track, clamped to\n     * `[0, 1]`, and refresh progress. Self mode only \u2014 a no-op without an audio\n     * element or duration.\n     * @param {number} percent - Position as a fraction from 0 to 1.\n     */\n    seekToPercent(percent) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = this.audio.duration * clamp(percent);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's volume, clamped to `[0, 1]`. Self mode\n     * only \u2014 a no-op in external mode where the controller owns volume.\n     * @param {number} volume - Volume from 0 (silent) to 1 (full).\n     */\n    setVolume(volume) {\n        // Coerce + guard: a non-finite value (e.g. from a bad config or stale\n        // storage) must not propagate NaN into audio.volume (which throws).\n        const v = Number(volume);\n        if (this.audio && Number.isFinite(v)) {\n            this.audio.volume = clamp(v);\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's playback rate (clamped to 0.5\u20132),\n     * persist it onto `this.options.playbackRate`, and refresh the speed UI.\n     * Self mode only \u2014 a no-op in external mode.\n     * @param {number} rate - Desired playback rate; clamped to the 0.5\u20132 range.\n     */\n    setPlaybackRate(rate) {\n        if (!this.audio) return;\n\n        const clampedRate = clamp(rate, 0.5, 2);\n        this.audio.playbackRate = clampedRate;\n        this.options.playbackRate = clampedRate;\n\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Tear down the player and release all resources.\n     *\n     * Flags destruction (so in-flight handlers bail), dispatches\n     * `waveformplayer:destroy`, stops playback and the animation loop, aborts\n     * every listener registered on the instance signal, disconnects the resize\n     * observer, removes the window-resize handler, drops the instance from the\n     * static map and `currentlyPlaying`, resets/releases the audio element, and\n     * empties the container.\n     * @fires WaveformPlayer#waveformplayer:destroy\n     */\n    destroy() {\n        // Set a flag to indicate we're destroying\n        this.isDestroying = true;\n\n        // Let listeners (analytics, controllers) release their references\n        // before teardown \u2014 the symmetric counterpart to waveformplayer:ready.\n        this._emit('waveformplayer:destroy', {player: this, url: this.options.url});\n\n        // Stop playback and animations\n        this.pause();\n        this.stopSmoothUpdate();\n        clearTimeout(this._markerLabelTimer);\n\n        // Tear down every document/container/seek listener in one shot.\n        this._ac?.abort();\n\n        // Disconnect observer\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = null;\n        }\n\n        // Remove window resize listener\n        if (this.resizeHandler) {\n            window.removeEventListener('resize', this.resizeHandler);\n            this.resizeHandler = null;\n        }\n\n        // Remove from instances map\n        WaveformPlayer.instances.delete(this.id);\n\n        // Clear current playing reference if it's this instance\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n\n        // Properly clean up audio element\n        if (this.audio) {\n            this.audio.pause();\n            this.audio.src = '';\n            this.audio.load(); // Reset the audio element\n            this.audio = null;\n        }\n\n        // Clear the container\n        this.container.innerHTML = '';\n\n        // Clear all references\n        this.canvas = null;\n        this.ctx = null;\n        this.playBtn = null;\n        this.waveformData = [];\n    }\n\n    // ============================================\n    // Static Methods\n    // ============================================\n\n    /**\n     * Get player instance by ID, element, or element ID\n     * @param {string|HTMLElement} idOrElement - Player ID, element, or element ID\n     * @returns {WaveformPlayer|undefined}\n     */\n    static getInstance(idOrElement) {\n        if (typeof idOrElement === 'string') {\n            const instance = this.instances.get(idOrElement);\n            if (instance) return instance;\n\n            const element = document.getElementById(idOrElement);\n            if (element) {\n                return Array.from(this.instances.values()).find(p => p.container === element);\n            }\n        }\n\n        if (idOrElement instanceof HTMLElement) {\n            return Array.from(this.instances.values()).find(p => p.container === idOrElement);\n        }\n\n        return undefined;\n    }\n\n    /**\n     * Get all player instances\n     * @returns {WaveformPlayer[]}\n     */\n    static getAllInstances() {\n        return Array.from(this.instances.values());\n    }\n\n    /**\n     * Destroy all player instances\n     */\n    static destroyAll() {\n        this.instances.forEach(player => player.destroy());\n        this.instances.clear();\n    }\n\n    /**\n     * Generate waveform data from audio URL\n     * @static\n     * @param {string} url - Audio URL\n     * @param {number} samples - Number of samples\n     * @returns {Promise<number[]>} Waveform peak data\n     */\n    static async generateWaveformData(url, samples = DEFAULT_SAMPLES) {\n        try {\n            const result = await generateWaveform(url, samples);\n            return result.peaks;\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to generate waveform:', error);\n            throw error;\n        }\n    }\n\n    /**\n     * Derive a peaks-JSON URL from an audio URL by swapping the\n     * extension. Strict counterpart to `generateWaveformData()`:\n     * `generateWaveformData` decodes the audio at runtime,\n     * `getPeaksUrl` assumes you generated the peaks at build time\n     * (e.g. with `@arraypress/waveform-gen`) and stored the JSON\n     * alongside the audio file.\n     *\n     * Use the result as the `waveform` option \u2014 the player detects\n     * the `.json` suffix, `fetch()`es the file, and skips the Web\n     * Audio decode pass entirely. Big perf win on catalogues with\n     * many tracks (saves ~1-5s decode per file on slow connections).\n     *\n     * Recognised extensions: mp3, wav, ogg, flac, m4a, aac.\n     * Preserves query strings + URL fragments. Returns `undefined`\n     * for unrecognised inputs so callers can pass through\n     * unconditionally:\n     *\n     *     new WaveformPlayer('#el', {\n     *       url: track.audioUrl,\n     *       waveform: WaveformPlayer.getPeaksUrl(track.audioUrl),\n     *     });\n     *\n     * @static\n     * @param {string|undefined|null} audioUrl - Audio file URL.\n     * @returns {string|undefined} Peaks JSON URL, or `undefined`\n     *   when the input is empty / has no recognised audio extension.\n     *\n     * @example\n     * WaveformPlayer.getPeaksUrl('/audio/track.mp3')\n     * // '/audio/track.json'\n     *\n     * WaveformPlayer.getPeaksUrl('/audio/track.wav?v=2')\n     * // '/audio/track.json?v=2'\n     *\n     * WaveformPlayer.getPeaksUrl(undefined)\n     * // undefined\n     */\n    static getPeaksUrl(audioUrl) {\n        if (!audioUrl) return undefined;\n        const swapped = audioUrl.replace(\n            /\\.(mp3|wav|ogg|flac|m4a|aac)(\\?[^#]*)?(#.*)?$/i,\n            '.json$2$3'\n        );\n        /* Nothing changed \u2192 unrecognised extension, return undefined\n         * so callers know to fall back to live decoding. */\n        return swapped === audioUrl ? undefined : swapped;\n    }\n\n}"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * @module index\n * @description Public entry point for the WaveformPlayer library.\n *\n * Wires together the runtime surfaces for the player: it re-exports the\n * {@link WaveformPlayer} class (default and named), exposes a static\n * `WaveformPlayer.init` hook, scans the DOM for declarative `[data-waveform-player]`\n * markup and auto-instantiates a player for each match, and attaches the class\n * to `window` for plain `<script>`/CDN usage. Loading this module is enough to\n * make any markup-driven players on the page come alive once the DOM is ready.\n */\n\n// Import the main class\nimport {WaveformPlayer} from './core.js';\nimport {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes} from './utils.js';\n\n// Expose a small set of pure helpers as a single source of truth so consumers\n// (e.g. @arraypress/waveform-bar, @arraypress/waveform-playlist) can reuse them\n// instead of shipping divergent copies. `parseDataAttributes` lets wrappers read\n// the player's full `data-*` option surface off a host element without\n// re-implementing (and drifting from) the contract. Attached to the class so\n// it's reachable from the IIFE global too.\nWaveformPlayer.utils = {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes};\n\n/**\n * Whether we're running in a browser (vs. SSR / Node), where `window` and\n * `document` are available. Guards the auto-init and global-attach steps.\n * @returns {boolean}\n */\nconst isBrowser = () => typeof window !== 'undefined' && typeof document !== 'undefined';\n\n/**\n * Scan the document for declarative player markup and instantiate one\n * {@link WaveformPlayer} per matching element.\n *\n * Finds every element carrying the `data-waveform-player` attribute and, for\n * each one not already initialized, constructs a player from it (the constructor\n * reads the element's `data-*` attributes for configuration). Each successfully\n * initialized element is flagged with `data-waveform-initialized=\"true\"` so\n * repeat calls are idempotent and never double-initialize the same element.\n * Construction errors are caught and logged so one broken element cannot abort\n * the rest of the scan. A no-op in non-DOM environments (e.g. SSR).\n *\n * @returns {void}\n */\nfunction autoInit() {\n    if (!isBrowser()) return;\n\n    const elements = document.querySelectorAll('[data-waveform-player]');\n\n    elements.forEach(element => {\n        if (element.dataset.waveformInitialized === 'true') return;\n\n        try {\n            new WaveformPlayer(element);\n            element.dataset.waveformInitialized = 'true';\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to initialize:', error, element);\n        }\n    });\n}\n\n// Initialize when DOM is ready: defer until DOMContentLoaded if the document is\n// still parsing, otherwise run the scan immediately on import.\nif (isBrowser()) {\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', autoInit);\n    } else {\n        autoInit();\n    }\n}\n\n/**\n * Static re-scan hook.\n *\n * Exposes {@link autoInit} as `WaveformPlayer.init` so callers can manually\n * (re-)scan the DOM after dynamically injecting `[data-waveform-player]` markup.\n * Already-initialized elements are skipped on subsequent calls.\n *\n * @type {typeof autoInit}\n */\nWaveformPlayer.init = autoInit;\n\n// For CDN/browser usage: expose the class as a global so it is reachable from a\n// plain <script> tag without an ES module loader.\nif (isBrowser()) {\n    window.WaveformPlayer = WaveformPlayer;\n}\n\n/**\n * The {@link WaveformPlayer} class.\n * @type {typeof WaveformPlayer}\n */\nexport default WaveformPlayer;\n\n// Named exports\nexport {WaveformPlayer};", "/**\n * @module utils\n * @description Utility functions for WaveformPlayer\n */\n\n/**\n * Default number of peak windows extracted per track. Shared by the runtime\n * peak extraction and `DEFAULT_OPTIONS.samples` so they can't silently drift,\n * and matched to @arraypress/waveform-gen's offline default (1800) for parity.\n * @type {number}\n */\nexport const DEFAULT_SAMPLES = 1800;\n\n/**\n * Largest value in an array, via a loop \u2014 NOT `Math.max(...arr)`, whose\n * argument spread throws `RangeError: Maximum call stack size exceeded` for\n * very large arrays (~1e5+ entries). Returns `-Infinity` for an empty array,\n * matching `Math.max()`.\n * @param {number[]} values - Numbers to scan.\n * @returns {number} The maximum value (`-Infinity` if empty).\n */\nexport function maxOf(values) {\n    let max = -Infinity;\n    for (let i = 0; i < values.length; i++) {\n        if (values[i] > max) max = values[i];\n    }\n    return max;\n}\n\n/**\n * Escape a string for safe interpolation into HTML, preventing injection when\n * building markup with template strings. `null`/`undefined` become `''`.\n * @param {*} str - Value to escape.\n * @returns {string} HTML-escaped string.\n */\nexport function escapeHtml(str) {\n    return String(str == null ? '' : str)\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;')\n        .replace(/'/g, '&#39;');\n}\n\n/**\n * Whether a URL is safe to navigate to (assign to `location.href`): allows only\n * `http`/`https` and relative URLs, rejecting `javascript:`, `data:`, `blob:`,\n * `vbscript:` and other script-bearing schemes.\n * @param {string} url - Candidate URL.\n * @returns {boolean} True if the URL uses a safe scheme.\n */\nexport function isSafeHref(url) {\n    if (typeof url !== 'string' || url === '') return false;\n    try {\n        // Resolve relative URLs against a dummy http base; only the scheme matters.\n        const u = new URL(url, 'http://localhost/');\n        return u.protocol === 'http:' || u.protocol === 'https:';\n    } catch (e) {\n        return false;\n    }\n}\n\n/**\n * Clamp a number to an inclusive range.\n * @param {number} value - Value to constrain.\n * @param {number} [min=0] - Lower bound.\n * @param {number} [max=1] - Upper bound.\n * @returns {number} `value` constrained to `[min, max]`.\n */\nexport function clamp(value, min = 0, max = 1) {\n    return Math.max(min, Math.min(value, max));\n}\n\n/**\n * Read a boolean `data-*` flag. Returns `undefined` when the attribute is\n * absent (preserving the sparse-options contract) and otherwise compares the\n * raw value against the literal string `'true'`.\n * @param {string|undefined} value - Raw `dataset` value.\n * @returns {boolean|undefined} `true`/`false` when present, else `undefined`.\n */\nexport function parseBoolAttr(value) {\n    return value === undefined ? undefined : value === 'true';\n}\n\n/**\n * A colour data-attribute may be a CSS colour string OR a JSON array of\n * gradient stops (e.g. '[\"#fafafa\",\"#71717a\"]'). Parse the array form;\n * otherwise pass the string straight through.\n * @param {string} value\n * @returns {string|string[]}\n */\nfunction parseColorValue(value) {\n    if (typeof value === 'string' && value.trim().startsWith('[')) {\n        try { return JSON.parse(value); } catch (e) { /* fall through to string */ }\n    }\n    return value;\n}\n\n/**\n * Read every recognised `data-*` attribute off a host element and translate it\n * into a plain options object suitable for `mergeOptions`.\n *\n * Only attributes that are actually present are copied, so the returned object\n * is sparse and never overrides defaults with `undefined`. Numeric attributes\n * are coerced with `parseInt`/`parseFloat`, boolean flags are compared against\n * the literal string `'true'`, and JSON-valued attributes (`markers`,\n * `playbackRates`) are parsed defensively \u2014 a parse failure is warned about and\n * the attribute is skipped rather than thrown.\n *\n * Several attributes are shorthand aliases of a canonical long form: `data-src`\n * \u2192 `url`, `data-style` \u2192 `waveformStyle`. When both are present the canonical\n * long form is applied last and therefore wins. `data-color` and `data-theme`\n * are retained as legacy aliases for `waveformColor` and `colorPreset`.\n * Colour attributes that accept gradients (`waveformColor`, `progressColor`)\n * are passed through {@link parseColorValue} so a JSON stop array is expanded.\n *\n * @param {HTMLElement} element - Host element whose `dataset` is inspected.\n * @returns {Object} Sparse options object containing only the attributes found.\n */\nexport function parseDataAttributes(element) {\n    const options = {};\n\n    // Set a boolean option only when its `data-*` attribute is present, so the\n    // returned object stays sparse and never overrides a default with a value\n    // the author didn't set. (`dataKey` differs from `optKey` only for showBPM.)\n    const setBool = (optKey, dataKey = optKey) => {\n        const v = parseBoolAttr(element.dataset[dataKey]);\n        if (v !== undefined) options[optKey] = v;\n    };\n\n    // Read a present (non-empty) numeric attribute as an int (or float).\n    const setNum = (optKey, dataKey = optKey, float = false) => {\n        const raw = element.dataset[dataKey];\n        if (raw) options[optKey] = float ? parseFloat(raw) : parseInt(raw, 10);\n    };\n\n    // Parse a JSON-valued attribute defensively \u2014 warn and skip on bad JSON.\n    const setJson = (optKey, dataKey = optKey) => {\n        const raw = element.dataset[dataKey];\n        if (!raw) return;\n        try { options[optKey] = JSON.parse(raw); }\n        catch (e) { console.warn(`[WaveformPlayer] Invalid ${dataKey} JSON:`, e); }\n    };\n\n    // Core attributes. `data-src` is a shorthand alias for `data-url`;\n    // the canonical long form wins if both are set.\n    if (element.dataset.src) options.url = element.dataset.src;\n    if (element.dataset.url) options.url = element.dataset.url;\n    setNum('height');\n    setNum('samples');\n    if (element.dataset.preload) {\n        options.preload = element.dataset.preload;\n    }\n    if (element.dataset.audioMode) options.audioMode = element.dataset.audioMode;\n\n    // Waveform style attributes. `data-style` is a shorthand alias for\n    // `data-waveform-style`; the canonical long form wins if both are set.\n    if (element.dataset.style) options.waveformStyle = element.dataset.style;\n    if (element.dataset.waveformStyle) options.waveformStyle = element.dataset.waveformStyle;\n    if (element.dataset.waveformGradient) options.waveformGradient = element.dataset.waveformGradient;\n    setNum('barWidth');\n    setNum('barSpacing');\n    setNum('barRadius');\n    if (element.dataset.buttonAlign) options.buttonAlign = element.dataset.buttonAlign;\n    if (element.dataset.layout) options.layout = element.dataset.layout;\n    if (element.dataset.buttonStyle) options.buttonStyle = element.dataset.buttonStyle;\n    // buttonSize: a bare number is px (data-button-size=\"64\"); a unit string\n    // (e.g. \"4rem\") is kept verbatim.\n    if (element.dataset.buttonSize) {\n        const bs = element.dataset.buttonSize;\n        options.buttonSize = /^\\d+(\\.\\d+)?$/.test(bs.trim()) ? parseFloat(bs) : bs;\n    }\n\n    // Color preset\n    if (element.dataset.colorPreset) options.colorPreset = element.dataset.colorPreset;\n\n    // Individual color customization\n    if (element.dataset.waveformColor) options.waveformColor = parseColorValue(element.dataset.waveformColor);\n    if (element.dataset.progressColor) options.progressColor = parseColorValue(element.dataset.progressColor);\n\n    // Legacy support for old attribute names\n    if (element.dataset.color) options.waveformColor = element.dataset.color;\n    if (element.dataset.theme) options.colorPreset = element.dataset.theme;\n\n    // Feature flags\n    setBool('autoplay');\n    setBool('showControls');\n    setBool('showInfo');\n    setBool('showTime');\n    setBool('showHoverTime');\n    setBool('seekHandle');\n    setBool('showBPM', 'showBpm');\n    setNum('bpm');\n    setBool('singlePlay');\n    setBool('playOnSeek');\n\n    // Content and metadata\n    if (element.dataset.title) options.title = element.dataset.title;\n    if (element.dataset.artist) options.artist = element.dataset.artist;\n    if (element.dataset.album) options.album = element.dataset.album;\n    if (element.dataset.artwork) options.artwork = element.dataset.artwork;\n\n    // Waveform data\n    if (element.dataset.waveform) options.waveform = element.dataset.waveform;\n\n    // Markers\n    setJson('markers');\n\n    // Playback controls\n    setNum('playbackRate', 'playbackRate', true);\n    setBool('showPlaybackSpeed');\n    setJson('playbackRates');\n\n    // Media Session API\n    setBool('enableMediaSession');\n\n    // Markers visibility\n    setBool('showMarkers');\n\n    // Accessibility\n    setBool('accessibleSeek');\n    if (element.dataset.seekLabel) options.seekLabel = element.dataset.seekLabel;\n    if (element.dataset.seekValueText) options.seekValueText = element.dataset.seekValueText;\n    if (element.dataset.errorText) options.errorText = element.dataset.errorText;\n\n    // Localizable UI strings (screen-reader / lock-screen facing)\n    if (element.dataset.playPauseLabel) options.playPauseLabel = element.dataset.playPauseLabel;\n    if (element.dataset.speedLabel) options.speedLabel = element.dataset.speedLabel;\n    if (element.dataset.artworkAlt) options.artworkAlt = element.dataset.artworkAlt;\n    if (element.dataset.unknownTrackText) options.unknownTrackText = element.dataset.unknownTrackText;\n\n    // Custom icons (raw SVG markup)\n    if (element.dataset.playIcon) options.playIcon = element.dataset.playIcon;\n    if (element.dataset.pauseIcon) options.pauseIcon = element.dataset.pauseIcon;\n\n    return options;\n}\n\n/**\n * Interpolate a printf-style seek value-text template.\n *\n * Substitutes positional (`%1$s`, `%2$s`) and sequential (`%s`) placeholders so\n * a localized template resolves the same way `sprintf` would \u2014 including\n * templates that reorder the arguments for a given language. Placeholders with\n * no matching argument are left intact.\n * @param {string} template - Value-text template, e.g. `'%1$s of %2$s'`.\n * @param {...string} args  - Replacement values, in order (current, duration).\n * @returns {string} The interpolated value text.\n */\nexport function formatSeekValueText(template, ...args) {\n    let sequentialIndex = 0;\n    return template.replace(/%(?:(\\d+)\\$)?s/g, (match, position) => {\n        const index = position ? Number(position) - 1 : sequentialIndex++;\n        return args[index] ?? match;\n    });\n}\n\n/**\n * Format a duration as a clock string.\n *\n * Renders `M:SS` for durations under an hour and `H:MM:SS` for longer ones,\n * zero-padding the minutes and seconds. Falsy, `NaN`, or negative inputs are\n * treated as zero and return `'0:00'`.\n * @param {number} seconds - Time in seconds.\n * @returns {string} Formatted time, e.g. `'3:07'` or `'1:02:09'`.\n */\nexport function formatTime(seconds) {\n    if (!seconds || isNaN(seconds) || seconds < 0) return '0:00';\n\n    const hrs = Math.floor(seconds / 3600);\n    const mins = Math.floor((seconds % 3600) / 60);\n    const secs = Math.floor(seconds % 60);\n\n    if (hrs > 0) {\n        return `${hrs}:${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n    }\n\n    return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n/**\n * Monotonic per-process counter appended to every generated id to guarantee\n * uniqueness even when two ids hash from the same URL.\n * @type {number}\n * @private\n */\nlet idCounter = 0;\n\n/**\n * Generate a unique, DOM-safe ID from a URL.\n *\n * Uses a DJB2 hash of the FULL url (not a 10-char prefix) plus a process\n * counter, so same-host tracks don't collide in the instances map and\n * non-Latin1 / Unicode URLs don't throw (the old btoa() approach did both).\n * @param {string} url - Audio URL\n * @returns {string} Unique element-id-safe string\n */\nexport function generateId(url) {\n    const str = url || 'audio';\n    let hash = 5381;\n    for (let i = 0; i < str.length; i++) {\n        hash = ((hash << 5) + hash + str.charCodeAt(i)) | 0;\n    }\n    return `wp_${(hash >>> 0).toString(36)}_${(idCounter++).toString(36)}`;\n}\n\n/**\n * Derive a human-readable title from an audio URL's filename.\n *\n * Takes the last path segment, drops the extension, replaces `-`/`_`\n * separators with spaces, and title-cases the first letter of each word.\n * Returns `'Audio'` for an empty or missing URL.\n * @param {string} url - Audio URL.\n * @returns {string} Extracted, prettified title.\n * @example\n * extractTitleFromUrl('https://cdn.example.com/my-cool_track.mp3'); // 'My Cool Track'\n */\nexport function extractTitleFromUrl(url) {\n    if (!url) return 'Audio';\n\n    const parts = url.split('/');\n    const filename = parts[parts.length - 1];\n    const name = filename.split('.')[0];\n\n    // Clean up common separators\n    return name\n        .replace(/[-_]/g, ' ')\n        .replace(/\\b\\w/g, l => l.toUpperCase());\n}\n\n/**\n * Perceived brightness (0\u2013255) of a CSS colour, via the luminance formula.\n * Pulls the numeric channels out of an `rgb()`/`rgba()` string.\n * @param {string} color - CSS colour string, e.g. `\"rgb(34, 34, 34)\"`.\n * @returns {number|null} Brightness 0\u2013255, or `null` if it can't be parsed.\n */\nexport function perceivedBrightness(color) {\n    const rgb = typeof color === 'string' ? color.match(/\\d+/g) : null;\n    if (!rgb || rgb.length < 3) return null;\n    const [r, g, b] = rgb.map(Number);\n    return (r * 299 + g * 587 + b * 114) / 1000;\n}\n\n/**\n * Shallow-merge option objects into a new object, last source winning.\n *\n * Keys whose value is `null` or `undefined` are skipped, so a later source can\n * leave an earlier value untouched by passing a nullish entry rather than\n * clobbering it. The inputs are never mutated.\n * @param {...Object} sources - Option objects merged left-to-right.\n * @returns {Object} A fresh object containing the merged, defined keys.\n */\nexport function mergeOptions(...sources) {\n    const result = {};\n\n    for (const source of sources) {\n        for (const key in source) {\n            if (source[key] !== null && source[key] !== undefined) {\n                result[key] = source[key];\n            }\n        }\n    }\n\n    return result;\n}\n\n/**\n * Wrap a function so it only runs once calls stop arriving for `wait` ms.\n *\n * Each invocation resets the pending timer, so rapid bursts collapse into a\n * single trailing-edge call that receives the most recent arguments. The\n * wrapper itself returns nothing.\n * @param {Function} func - Function to debounce.\n * @param {number} wait - Idle period in milliseconds before `func` fires.\n * @returns {Function} Debounced wrapper forwarding its arguments to `func`.\n */\nexport function debounce(func, wait) {\n    let timeout;\n\n    return function executedFunction(...args) {\n        const later = () => {\n            clearTimeout(timeout);\n            func(...args);\n        };\n\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n    };\n}\n\n/**\n * Resize a waveform amplitude array to a target number of bars.\n *\n * Returns the original array unchanged when lengths already match, and an empty\n * array when either side is empty. When upsampling (target larger than source)\n * it linearly interpolates between neighbouring samples for a smooth result.\n * When downsampling it splits the source into evenly sized buckets and keeps\n * the peak (maximum) of each so transients survive the reduction; an empty\n * bucket falls back to its nearest-neighbour sample.\n * @param {number[]} data - Original amplitude samples.\n * @param {number} targetLength - Desired number of output bars.\n * @returns {number[]} Resampled amplitude array of length `targetLength`.\n */\nexport function resampleData(data, targetLength) {\n    if (data.length === targetLength) return data;\n    if (data.length === 0 || targetLength === 0) return [];\n\n    const result = [];\n\n    // If upsampling (target is larger than source)\n    if (targetLength > data.length) {\n        const ratio = (data.length - 1) / (targetLength - 1);\n\n        for (let i = 0; i < targetLength; i++) {\n            const index = i * ratio;\n            const lower = Math.floor(index);\n            const upper = Math.ceil(index);\n            const fraction = index - lower;\n\n            // Linear interpolation between samples\n            if (upper >= data.length) {\n                result.push(data[data.length - 1]);\n            } else if (lower === upper) {\n                result.push(data[lower]);\n            } else {\n                const value = data[lower] * (1 - fraction) + data[upper] * fraction;\n                result.push(value);\n            }\n        }\n    } else {\n        // Downsampling (target is smaller than source)\n        const bucketSize = data.length / targetLength;\n\n        for (let i = 0; i < targetLength; i++) {\n            const start = Math.floor(i * bucketSize);\n            const end = Math.floor((i + 1) * bucketSize);\n\n            // Find the maximum value in this bucket\n            let max = 0;\n            let count = 0;\n\n            for (let j = start; j <= end && j < data.length; j++) {\n                if (data[j] > max) {\n                    max = data[j];\n                }\n                count++;\n            }\n\n            // If no samples were found in this bucket, use nearest neighbor\n            if (count === 0) {\n                const nearestIndex = Math.min(Math.round(i * bucketSize), data.length - 1);\n                max = data[nearestIndex];\n            }\n\n            result.push(max);\n        }\n    }\n\n    return result;\n}", "/**\n * @module drawing\n * @description Core waveform drawing styles optimized for visual distinction at all sizes\n */\n\nimport {resampleData, clamp} from './utils.js';\n\n/**\n * Resolve a fill value that may be a CSS colour string OR an array of colour\n * stops (rendered as a canvas gradient). Bundle-light gradient support: pass\n * e.g. `waveformColor: ['#fafafa', '#71717a']`. A single-element array collapses\n * to that one colour; a multi-element array is spread evenly along the axis set\n * by `options.waveformGradient`:\n *   - `'vertical'`   (default) a canvas-height gradient (colour keyed to\n *     absolute Y, so short bars occupy only the lower band).\n *   - `'horizontal'` left -> right across the whole waveform (a hue sweep).\n *   - `'diagonal'`   top-left -> bottom-right.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context used to build the gradient.\n * @param {string|string[]} value - A CSS colour string, or an array of colour stops.\n * @param {HTMLCanvasElement} canvas - Canvas (provides the device-pixel span).\n * @param {Object} [options] - Drawing options; reads `waveformGradient`.\n * @returns {string|CanvasGradient} The original string, or a linear gradient.\n */\nfunction makeFill(ctx, value, canvas, options) {\n    if (!Array.isArray(value)) return value;\n    if (value.length < 2) return value[0];\n    const w = canvas.width;\n    const h = canvas.height;\n    const dir = options && options.waveformGradient;\n    const [x0, y0, x1, y1] =\n        dir === 'horizontal' ? [0, 0, w, 0] :\n        dir === 'diagonal'   ? [0, 0, w, h] :\n                               [0, 0, 0, h];\n    try {\n        const grad = ctx.createLinearGradient(x0, y0, x1, y1);\n        value.forEach((c, i) => grad.addColorStop(i / (value.length - 1), c));\n        return grad;\n    } catch (e) {\n        return value[0]; // a bad stop shouldn't abort the whole render\n    }\n}\n\n/**\n * Fill a bar rect, optionally with rounded caps (`barRadius`). Falls back to\n * a plain fillRect where `roundRect` is unavailable (older Safari) \u2014 square\n * bars, no error. Radii are clamped to half the rect's width/height so a\n * large `barRadius` never overflows a thin or short bar.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context (current fillStyle is used).\n * @param {number} x - Left edge of the bar in device pixels.\n * @param {number} y - Top edge of the bar in device pixels.\n * @param {number} w - Bar width in device pixels.\n * @param {number} h - Bar height in device pixels (may be negative for upward fills).\n * @param {number|number[]} radii - Corner radius (number, or [tl, tr, br, bl]).\n * @returns {void}\n */\nfunction fillBar(ctx, x, y, w, h, radii) {\n    const any = Array.isArray(radii) ? radii.some(r => r > 0) : radii > 0;\n    if (any && typeof ctx.roundRect === 'function') {\n        const max = Math.min(w / 2, Math.abs(h) / 2);\n        const clampR = (r) => clamp(r, 0, max);\n        ctx.beginPath();\n        ctx.roundRect(x, y, w, h, Array.isArray(radii) ? radii.map(clampR) : clampR(radii));\n        ctx.fill();\n    } else {\n        ctx.fillRect(x, y, w, h);\n    }\n}\n\n/**\n * Scale the configured `barRadius` into device pixels (scalar).\n * @private\n * @param {Object} options - Drawing options (`barRadius` in CSS pixels, defaults to 0).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number} The bar corner radius in device pixels.\n */\nfunction barRadiusPx(options, dpr) {\n    return (options.barRadius || 0) * dpr;\n}\n\n/**\n * Top-rounded corner radii for bottom-anchored bars: [tl, tr, br, bl].\n * Only the top two corners are rounded so bars sit flush on the baseline.\n * @private\n * @param {Object} options - Drawing options (supplies `barRadius`).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number[]} Corner radii in device pixels as [tl, tr, br, bl].\n */\nfunction barRadii(options, dpr) {\n    const r = barRadiusPx(options, dpr);\n    return [r, r, 0, 0];\n}\n\n/**\n * Trace a horizontal rounded-capsule (stadium) path from `startX` to `endX`,\n * ready to fill. The end caps are semicircles of radius `barHeight / 2`.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context.\n * @param {number} startX - Left edge x (also the left cap centre).\n * @param {number} endX - Right edge x.\n * @param {number} centerY - Vertical centre of the capsule.\n * @param {number} barHeight - Capsule thickness in pixels.\n * @returns {void}\n */\nfunction capsulePath(ctx, startX, endX, centerY, barHeight) {\n    const r = barHeight / 2;\n    ctx.beginPath();\n    ctx.moveTo(startX, centerY - r);\n    ctx.lineTo(endX - r, centerY - r);\n    ctx.arc(endX - r, centerY, r, -Math.PI / 2, Math.PI / 2);\n    ctx.lineTo(startX, centerY + r);\n    ctx.arc(startX, centerY, r, Math.PI / 2, -Math.PI / 2);\n    ctx.closePath();\n}\n\n/**\n * Draw standard bars waveform - classic vertical bars anchored to the baseline.\n * Peaks are resampled to fit the available bar slots, drawn at 90% of canvas\n * height, then the progress portion is repainted in `progressColor` via a\n * left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor` (colour strings or gradient stop arrays).\n * @returns {void}\n */\nexport function drawBars(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const progressWidth = progress * canvas.width;\n    const radii = barRadii(options, dpr);\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars first\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw mirror/SoundCloud style waveform - symmetrical bars about the centre line.\n * Each peak is drawn twice (45% of height up and down) with the upper cap rounded\n * on top and the lower cap rounded on the bottom; the progress portion is then\n * repainted in `progressColor` through a left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawMirror(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const centerY = height / 2;\n    const progressWidth = progress * canvas.width;\n    const r = barRadiusPx(options, dpr);\n    const topRadii = [r, r, 0, 0];   // round the upper cap\n    const botRadii = [0, 0, r, r];   // round the lower cap\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw line/oscilloscope style waveform - smooth flowing wave with glow.\n * Renders a faint oscilloscope grid (centre line + 10 vertical divisions), the\n * full waveform as a bezier-smoothed curve, then the played portion on top with\n * a coloured shadow glow. Peaks are modulated by a sine term so the line undulates\n * rather than reading as static bars.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1); the glowing curve is only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (base wave), `progressColor` (played wave).\n * @returns {void}\n */\nexport function drawLine(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const amplitude = height * 0.35;\n\n    ctx.clearRect(0, 0, width, height);\n\n    /**\n     * Stroke a bezier-smoothed curve through the (optionally sine-modulated) peaks.\n     * @private\n     * @param {string} color - Stroke colour (and shadow colour when glowing).\n     * @param {number} lineWidth - Stroke width in pixels.\n     * @param {number} [endProgress=1] - Fraction (0-1) of the peaks to draw, left to right.\n     * @param {boolean} [addGlow=false] - When true, applies a coloured shadow blur for a glow effect.\n     * @returns {void}\n     */\n    const drawCurve = (color, lineWidth, endProgress = 1, addGlow = false) => {\n        // strokeStyle accepts a gradient; shadowColor must be a solid string, so\n        // collapse a stop array to its last stop for the glow.\n        const stroke = makeFill(ctx, color, canvas, options);\n        const solid = Array.isArray(color) ? color[color.length - 1] : color;\n        if (addGlow) {\n            ctx.shadowBlur = 12;\n            ctx.shadowColor = solid;\n        }\n\n        ctx.strokeStyle = stroke;\n        ctx.lineWidth = lineWidth;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n\n        ctx.beginPath();\n        ctx.moveTo(0, centerY);\n\n        const points = [];\n        const samples = Math.floor(peaks.length * endProgress);\n\n        // Calculate smoothed points\n        for (let i = 0; i < samples; i++) {\n            const x = (i / (peaks.length - 1)) * width;\n            const peakValue = peaks[i];\n\n            // Create a smooth wave motion\n            const waveOffset = Math.sin(i * 0.1) * peakValue;\n            const y = centerY + (waveOffset * amplitude);\n\n            points.push({x, y});\n        }\n\n        // Draw smooth curve through points using bezier curves\n        for (let i = 0; i < points.length - 1; i++) {\n            const cp1x = points[i].x + (points[i + 1].x - points[i].x) * 0.5;\n            const cp1y = points[i].y;\n            const cp2x = points[i + 1].x - (points[i + 1].x - points[i].x) * 0.5;\n            const cp2y = points[i + 1].y;\n\n            ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, points[i + 1].x, points[i + 1].y);\n        }\n\n        ctx.stroke();\n\n        if (addGlow) {\n            ctx.shadowBlur = 0;\n        }\n    };\n\n    // Draw subtle grid for oscilloscope feel\n    ctx.strokeStyle = 'rgba(255, 255, 255, 0.03)';\n    ctx.lineWidth = 0.5;\n\n    // Horizontal center line\n    ctx.beginPath();\n    ctx.moveTo(0, centerY);\n    ctx.lineTo(width, centerY);\n    ctx.stroke();\n\n    // Vertical grid lines\n    for (let i = 0; i <= 10; i++) {\n        const x = (width / 10) * i;\n        ctx.beginPath();\n        ctx.moveTo(x, 0);\n        ctx.lineTo(x, height);\n        ctx.stroke();\n    }\n\n    // Draw background wave\n    drawCurve(options.color, 2, 1, false);\n\n    // Draw progress with glow\n    if (progress > 0) {\n        drawCurve(options.progressColor, 3, progress, true);\n    }\n}\n\n/**\n * Draw blocks/LED meter style waveform - segmented blocks growing from the centre.\n * Each bar's height is quantised into fixed-size blocks separated by gaps, drawn\n * symmetrically up and down from the centre line (the shared centre block is not\n * duplicated downward). Per-bar colour is chosen by comparing the bar's x against\n * the played width \u2014 there is no clip overlay here.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each bar's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 3), `barSpacing` (default 1),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawBlocks(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 3) * dpr;\n    const barSpacing = (options.barSpacing || 1) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const blockSize = 4 * dpr;\n    const blockGap = 2 * dpr;\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        const blockCount = Math.floor(peakHeight / (blockSize + blockGap));\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw blocks from center outward\n        for (let j = 0; j < blockCount; j++) {\n            const blockOffset = j * (blockSize + blockGap);\n\n            // Upper blocks\n            ctx.fillRect(x, centerY - blockOffset - blockSize, barWidth, blockSize);\n\n            // Lower blocks (skip the center block)\n            if (j > 0) {\n                ctx.fillRect(x, centerY + blockOffset, barWidth, blockSize);\n            }\n        }\n    }\n}\n\n/**\n * Draw dots style waveform - pairs of circular points mirrored about the centre.\n * For each sample a dot is drawn above and below the centre line at half the peak\n * height; dot radius scales with bar width but is floored at 1.5 device pixels.\n * Per-dot colour is chosen by comparing x against the played width (no clip overlay).\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each dot's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 2), `barSpacing` (default 3),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawDots(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 2) * dpr;\n    const barSpacing = (options.barSpacing || 3) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const dotRadius = Math.max(1.5 * dpr, barWidth / 2);\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing) + barWidth / 2;\n        if (x > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw upper dot\n        ctx.beginPath();\n        ctx.arc(x, centerY - peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n\n        // Draw lower dot\n        ctx.beginPath();\n        ctx.arc(x, centerY + peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n    }\n}\n\n/**\n * Draw seekbar style - a simple rounded progress bar with no waveform.\n * Renders a pill-shaped background track, a clean pill-shaped filled portion\n * (clamped to at least one full pill width so it never collapses), and a\n * draggable circular handle/thumb at the playhead (clamped so it never clips\n * at the track ends).\n * The `peaks` argument is accepted for signature parity but is unused by this style.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Ignored; present to match the shared draw-function signature.\n * @param {number} progress - Playback progress (0-1); the fill and handle are only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (track), `progressColor` (fill/glow/accent).\n * @returns {void}\n */\nexport function drawSeekbar(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const barHeight = 4; // Height of the seekbar in pixels\n    const borderRadius = barHeight / 2;\n    const active = !!options.seekActive; // hovering or dragging the seekbar\n\n    ctx.clearRect(0, 0, width, height);\n\n    // Draw background track\n    ctx.fillStyle = makeFill(ctx, options.color, canvas, options) || 'rgba(255, 255, 255, 0.2)';\n\n    // Rounded background track\n    capsulePath(ctx, borderRadius, width, centerY, barHeight);\n    ctx.fill();\n\n    // Draw progress \u2014 slightly dimmed at rest, full-bright on hover / drag.\n    // With a monochrome palette there's no hue to swap (Spotify goes\n    // white\u2192green), so the hover cue is a brightness lift plus the handle\n    // appearing. The draggable handle is a DOM element\n    // (`.waveform-seek-handle`), not drawn here \u2014 so it's always a perfect\n    // circle and can grow on direct hover via CSS.\n    if (progress > 0) {\n        const progressWidth = Math.max(borderRadius * 2, progress * width);\n\n        // Brightness lift on hover/drag is only meaningful when the handle is\n        // enabled (the bar); a standalone seekbar stays at full progress.\n        ctx.save();\n        ctx.globalAlpha = options.seekHandle && !active ? 0.7 : 1;\n        ctx.fillStyle = makeFill(ctx, options.progressColor, canvas, options) || 'rgba(255, 255, 255, 0.9)';\n        capsulePath(ctx, borderRadius, progressWidth, centerY, barHeight);\n        ctx.fill();\n        ctx.restore();\n    }\n}\n\n/**\n * Map of style names (and singular aliases) to their drawing functions.\n * Six visually distinct styles including a simple seekbar; keys are matched\n * against `options.waveformStyle` by {@link draw}.\n * @type {Object.<string, function(CanvasRenderingContext2D, HTMLCanvasElement, number[], number, Object): void>}\n */\nexport const DRAWING_STYLES = {\n    'bars': drawBars,        // Classic vertical bars\n    'bar': drawBars,\n    'mirror': drawMirror,    // SoundCloud-style symmetrical\n    'line': drawLine,        // Smooth oscilloscope wave\n    'blocks': drawBlocks,    // LED meter segmented\n    'block': drawBlocks,\n    'dots': drawDots,        // Circular points\n    'dot': drawDots,\n    'seekbar': drawSeekbar   // Simple progress bar (no waveform)\n};\n\n/**\n * Main drawing entry point that delegates to the style named by\n * `options.waveformStyle`, falling back to {@link drawBars} for unknown styles.\n * @param {CanvasRenderingContext2D} ctx - Canvas context\n * @param {HTMLCanvasElement} canvas - Canvas element\n * @param {number[]} peaks - Waveform peak data (0-1)\n * @param {number} progress - Progress (0-1)\n * @param {Object} options - Drawing options, including `waveformStyle` plus the\n *   per-style fields (`barWidth`, `barSpacing`, `barRadius`, `color`, `progressColor`).\n * @returns {void}\n */\nexport function draw(ctx, canvas, peaks, progress, options) {\n    const drawFunc = DRAWING_STYLES[options.waveformStyle] || drawBars;\n    drawFunc(ctx, canvas, peaks, progress, options);\n}", "/**\n * @module bpm\n * @description BPM detection for audio analysis\n */\n\n/**\n * Estimate the tempo (beats per minute) of an audio buffer.\n *\n * Analyses the first (left/mono) channel by detecting onsets, measuring the\n * time between successive onsets, converting each interval to a tempo, and\n * histogramming those tempos into 3-BPM buckets (60-200 BPM) to find the most\n * common one. Octave errors are corrected by doubling very slow results and\n * halving very fast ones when a strong half/double bucket also exists, then a\n * fixed -1 BPM calibration offset is applied. Returns a 120 BPM fallback when\n * too few onsets are found, and null if analysis throws.\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse; only channel 0 is read.\n * @returns {number|null} Detected tempo in BPM, 120 as a fallback when onsets are insufficient, or null on error.\n */\nexport function detectBPM(buffer) {\n    try {\n        const channelData = buffer.getChannelData(0);\n        const sampleRate = buffer.sampleRate;\n        const onsets = detectOnsets(channelData, sampleRate);\n\n        if (onsets.length < 2) return 120;\n\n        // Calculate intervals\n        const intervals = [];\n        for (let i = 1; i < onsets.length; i++) {\n            intervals.push((onsets[i] - onsets[i - 1]) / sampleRate);\n        }\n\n        // Convert to tempos and group\n        const tempoGroups = {};\n        intervals.forEach(interval => {\n            const tempo = 60 / interval;\n            const bucket = Math.round(tempo / 3) * 3;\n            if (bucket > 60 && bucket < 200) {\n                tempoGroups[bucket] = (tempoGroups[bucket] || 0) + 1;\n            }\n        });\n\n        // Find most common\n        let maxCount = 0;\n        let detectedBPM = 120;\n        for (const [tempo, count] of Object.entries(tempoGroups)) {\n            if (count > maxCount) {\n                maxCount = count;\n                detectedBPM = parseInt(tempo);\n            }\n        }\n\n        // Handle tempo ambiguity\n        if (detectedBPM < 70 && tempoGroups[detectedBPM * 2]) {\n            detectedBPM *= 2;\n        } else if (detectedBPM > 160 && tempoGroups[Math.round(detectedBPM / 2)]) {\n            detectedBPM = Math.round(detectedBPM / 2);\n        }\n\n        return detectedBPM - 1; // Calibration offset\n    } catch (e) {\n        console.warn('[WaveformPlayer] BPM detection failed:', e);\n        return null;\n    }\n}\n\n/**\n * Detect onset sample positions (transients/beats) within a channel of audio.\n *\n * Slides a 2048-sample window (50% overlap via a half-window hop) across the\n * signal, computing the mean squared energy of each window. An onset is flagged\n * when the energy rise over the previous (smoothed) energy exceeds an adaptive\n * threshold and the window energy is above a noise floor, subject to a minimum\n * spacing of 150 ms so a single transient is not counted twice. The running\n * previousEnergy is exponentially smoothed (0.8 new / 0.2 old) to track the\n * local energy envelope.\n *\n * @param {Float32Array} channelData - PCM samples (normalised -1..1) for a single channel.\n * @param {number} sampleRate - Sample rate in Hz, used to derive the minimum onset spacing.\n * @returns {number[]} Ascending sample indices at which onsets were detected.\n * @private\n */\nfunction detectOnsets(channelData, sampleRate) {\n    const windowSize = 2048;\n    const hopSize = windowSize / 2;\n    const onsets = [];\n    let previousEnergy = 0;\n\n    for (let i = 0; i < channelData.length - windowSize; i += hopSize) {\n        let energy = 0;\n        for (let j = i; j < i + windowSize; j++) {\n            energy += channelData[j] * channelData[j];\n        }\n        energy = energy / windowSize;\n\n        const energyDiff = energy - previousEnergy;\n        const threshold = previousEnergy * 1.8 + 0.01;\n\n        if (energyDiff > threshold && energy > 0.01) {\n            const lastOnset = onsets[onsets.length - 1] || 0;\n            const minDistance = sampleRate * 0.15;\n\n            if (i - lastOnset > minDistance) {\n                onsets.push(i);\n            }\n        }\n\n        previousEnergy = energy * 0.8 + previousEnergy * 0.2;\n    }\n\n    return onsets;\n}", "/**\n * @module audio\n * @description Audio processing for WaveformPlayer\n */\n\nimport {detectBPM} from './bpm.js';\nimport {clamp, maxOf, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Extract peaks from a decoded audio buffer for waveform visualization.\n *\n * Divides the buffer into `samples` equal-width windows and, within each\n * window, finds the largest absolute amplitude by inspecting every frame (so\n * transients are never missed and the shape is stable across sample counts \u2014\n * matching WaveformGen's offline output). Across multiple channels the\n * per-window peaks are merged by taking the loudest channel, then the whole\n * array is normalized so the maximum peak becomes 1 (a silent buffer is\n * returned unscaled).\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse.\n * @param {number} [samples=1800] - Number of peak windows (output array length).\n * @returns {number[]} Array of `samples` normalized peak values in the 0-1 range.\n */\nexport function extractPeaks(buffer, samples = DEFAULT_SAMPLES) {\n    const sampleSize = buffer.length / samples;\n    const channels = buffer.numberOfChannels;\n    const peaks = [];\n\n    for (let c = 0; c < channels; c++) {\n        const chan = buffer.getChannelData(c);\n\n        for (let i = 0; i < samples; i++) {\n            const start = ~~(i * sampleSize);\n            const end = ~~(start + sampleSize);\n\n            let min = 0;\n            let max = 0;\n\n            // Scan EVERY frame in the window. Previously this stepped by\n            // sampleSize/10 (~10 samples/window) for speed, but that misses\n            // transients and makes the shape change with the sample count.\n            // decodeAudioData dominates the cost, so a full scan is worth it \u2014\n            // and it now matches WaveformGen's offline output exactly.\n            for (let j = start; j < end; j++) {\n                const value = chan[j];\n                if (value > max) max = value;\n                if (value < min) min = value;\n            }\n\n            const peak = Math.max(Math.abs(max), Math.abs(min));\n\n            if (c === 0 || peak > peaks[i]) {\n                peaks[i] = peak;\n            }\n        }\n    }\n\n    // Normalize peaks\n    const maxPeak = maxOf(peaks);\n    return maxPeak > 0 ? peaks.map(peak => peak / maxPeak) : peaks;\n}\n\n/**\n * Generate waveform data by fetching and decoding an audio file at a URL.\n *\n * Fetches the URL, decodes it through a short-lived AudioContext, runs\n * {@link extractPeaks} followed by {@link normalizePeaks}, and optionally\n * detects the track's BPM. The AudioContext is created lazily and always\n * closed in the `finally` block so failed decodes never leak one (browsers\n * hard-cap the number of live contexts). Errors are logged and re-thrown so\n * callers can fall back to a placeholder waveform.\n *\n * @param {string} url - Audio file URL to fetch and decode.\n * @param {number} [samples=1800] - Number of peak windows to extract.\n * @param {boolean} [shouldDetectBPM=false] - Whether to run BPM detection on the decoded buffer.\n * @returns {Promise<{peaks: number[], bpm: (number|null)}>} Resolves with the\n *   normalized peaks and the detected BPM (`null` when detection is disabled or fails).\n * @throws {Error} Re-throws any fetch/decode error after logging it.\n */\nexport async function generateWaveform(url, samples = DEFAULT_SAMPLES, shouldDetectBPM = false) {\n    // Created lazily so the finally block can always close it \u2014 browsers\n    // hard-cap live AudioContexts (~6 in Chrome), so leaking one per failed\n    // decode would break every subsequent player on the page.\n    let audioContext;\n    try {\n        const AudioCtx = window.AudioContext || /** @type {any} */ (window).webkitAudioContext;\n        audioContext = new AudioCtx();\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n\n        let peaks = extractPeaks(audioBuffer, samples);\n\n        // Normalize peaks for consistent visualization\n        peaks = normalizePeaks(peaks);\n\n        let bpm = null;\n        if (shouldDetectBPM) {\n            bpm = detectBPM(audioBuffer); // synchronous \u2014 returns number|null\n        }\n\n        return {peaks, bpm};\n    } finally {\n        // Error (if any) propagates to the caller, which decides how to log /\n        // recover; the context is always closed either way.\n        if (audioContext) audioContext.close();\n    }\n}\n\n/**\n * Generate a synthetic placeholder waveform for use before (or instead of)\n * real peak data is available.\n *\n * Each bar combines a random base height (0.3-0.8) with a slow sinusoidal\n * variation across the array, clamped to the 0.1-1 range so the result always\n * looks like a plausible waveform rather than pure noise.\n *\n * @param {number} [samples=1800] - Number of bars (output array length).\n * @returns {number[]} Array of `samples` pseudo-random peak values in the 0.1-1 range.\n */\nexport function generatePlaceholderWaveform(samples = DEFAULT_SAMPLES) {\n    const data = [];\n    for (let i = 0; i < samples; i++) {\n        const base = Math.random() * 0.5 + 0.3;\n        const variation = Math.sin(i / samples * Math.PI * 4) * 0.2;\n        data.push(clamp(base + variation, 0.1, 1));\n    }\n    return data;\n}\n\n/**\n * Scale peak values so quiet tracks fill the available height consistently.\n *\n * Finds the loudest peak and, only when it is non-zero yet below `targetMax`,\n * scales every peak proportionally so the maximum lands on `targetMax`. Silent\n * arrays (max 0) and already-loud arrays (max above `targetMax`) are returned\n * untouched, so the function never amplifies clipping or divides by zero.\n *\n * @param {number[]} peaks - Peak values, typically in the 0-1 range.\n * @param {number} [targetMax=0.95] - Desired maximum peak after scaling.\n * @returns {number[]} The normalized peak array (the original array when no scaling is applied).\n * @private\n */\nfunction normalizePeaks(peaks, targetMax = 0.95) {\n    const maxPeak = maxOf(peaks);\n\n    // Don't normalize if already loud enough or silent\n    if (maxPeak === 0 || maxPeak > targetMax) return peaks;\n\n    // Scale all peaks proportionally\n    const scaleFactor = targetMax / maxPeak;\n    return peaks.map(peak => peak * scaleFactor);\n}", "/**\n * @module themes\n * @description Color presets and default options for WaveformPlayer\n */\n\nimport {perceivedBrightness, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Does `<html>` or `<body>` explicitly signal the given colour scheme via a\n * known class name (`dark`, `dark-mode`, `theme-dark`) or theme attribute\n * (`data-theme`, and `data-color-scheme` on the root)?\n * @param {'dark'|'light'} scheme - Scheme to look for.\n * @returns {boolean} True if the page explicitly hints at `scheme`.\n * @private\n */\nfunction hasThemeHint(scheme) {\n    const root = document.documentElement;\n    const body = document.body;\n    return (\n        root.classList.contains(scheme) ||\n        root.classList.contains(`${scheme}-mode`) ||\n        root.classList.contains(`theme-${scheme}`) ||\n        root.getAttribute('data-theme') === scheme ||\n        root.getAttribute('data-color-scheme') === scheme ||\n        body.classList.contains(scheme) ||\n        body.classList.contains(`${scheme}-mode`) ||\n        body.getAttribute('data-theme') === scheme\n    );\n}\n\n/**\n * Detect the appropriate color scheme for the player from the surrounding page.\n *\n * Resolution order, first match wins:\n *   1. Explicit theme hints on `<html>`/`<body>` \u2014 class names\n *      (`dark`, `dark-mode`, `theme-dark`, light equivalents) and data\n *      attributes (`data-theme`, `data-color-scheme`).\n *   2. The page's computed `<body>` background colour, classified via\n *      {@link perceivedBrightness} (>128 = light, <128 = dark; exactly 128\n *      or unparseable is treated as ambiguous and falls through).\n *   3. The OS/browser `prefers-color-scheme` media query.\n *   4. Default fallback of `'dark'` (most audio players are dark).\n *\n * @returns {string} The detected scheme, either `'dark'` or `'light'`.\n */\nexport function detectColorScheme() {\n    // 1. Explicit theme class names / data attributes win.\n    if (hasThemeHint('dark')) return 'dark';\n    if (hasThemeHint('light')) return 'light';\n\n    // 2. Try to detect website's theme from background color\n    try {\n        const bodyBg = getComputedStyle(document.body).backgroundColor;\n        const brightness = perceivedBrightness(bodyBg);\n\n        // Clear determination: bright background = light theme. Exactly 128\n        // (or unparseable) is ambiguous \u2014 fall through to the next method.\n        if (brightness !== null) {\n            if (brightness > 128) return 'light';\n            if (brightness < 128) return 'dark';\n        }\n    } catch (e) {\n        // If background detection fails, continue to next method\n    }\n\n    // 3. Check system preference\n    if (window.matchMedia) {\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n            return 'dark';\n        }\n        if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n            return 'light';\n        }\n    }\n\n    // 4. Default fallback (most audio players are dark)\n    return 'dark';\n}\n\n/**\n * Built-in colour presets keyed by scheme name.\n *\n * Each preset is a flat map of the player's themeable colour tokens\n * (waveform, progress, button, text, background, border). They are deliberately\n * simple translucent black/white values so they sit on any host background, and\n * any individual token can be overridden per-instance via the matching\n * `*Color` option in {@link DEFAULT_OPTIONS}.\n *\n * @type {Object<string, Object<string, string>>}\n * @property {Object<string, string>} dark  Light-on-dark token set.\n * @property {Object<string, string>} light Dark-on-light token set.\n */\nexport const COLOR_PRESETS = {\n    dark: {\n        waveformColor: 'rgba(255, 255, 255, 0.3)',\n        progressColor: 'rgba(255, 255, 255, 0.9)'\n    },\n    light: {\n        waveformColor: 'rgba(0, 0, 0, 0.2)',\n        progressColor: 'rgba(0, 0, 0, 0.8)'\n    }\n};\n\n/**\n * Resolve a colour preset by name, falling back to auto-detection.\n *\n * When `presetName` names a known preset it is returned as-is; otherwise\n * (null, undefined, or an unrecognised name) the scheme is auto-detected via\n * {@link detectColorScheme} and the corresponding preset is returned.\n *\n * @param {string|null} presetName - Preset name (`'dark'` or `'light'`), or\n *   null/invalid to trigger auto-detection.\n * @returns {Object<string, string>} The matching colour token map from\n *   {@link COLOR_PRESETS}.\n */\nexport function getColorPreset(presetName) {\n    // If explicitly set to a valid preset, use it\n    if (presetName && COLOR_PRESETS[presetName]) {\n        return COLOR_PRESETS[presetName];\n    }\n\n    // Auto-detect if not specified or invalid\n    const detected = detectColorScheme();\n    return COLOR_PRESETS[detected];\n}\n\n/**\n * Default option set for a {@link WaveformPlayer} instance.\n *\n * User-supplied options are merged over this object, so every supported option\n * is enumerated here with its baseline value. `null` colour tokens mean \"inherit\n * from the resolved {@link COLOR_PRESETS} preset\"; `null` content/callback\n * fields mean \"unset\". See the grouped inline comments for per-field notes,\n * notably the `audioMode` self/external distinction and the `accessibleSeek`\n * keyboard slider.\n *\n * @type {Object}\n */\nexport const DEFAULT_OPTIONS = {\n    // Core settings\n    url: '',\n    height: 64,\n    // Source peak resolution for LIVE decode (ignored when peaks are supplied).\n    // The drawer resamples these to fit canvasWidth / (barWidth + barSpacing)\n    // bars, so this is fidelity headroom, not the visible bar count. 1800 (the\n    // SoundCloud/WaveformGen figure) keeps wide / high-DPI waveforms crisp; the\n    // every-frame scan means a higher value costs no extra extraction time.\n    samples: DEFAULT_SAMPLES,\n    preload: 'metadata',\n\n    // Audio mode \u2014 'self' = player owns the <audio> element (default, current\n    // behavior). 'external' = player is a visualization-only surface; no audio\n    // element is created, play() dispatches `waveformplayer:request-play`\n    // instead of calling audio.play(), and setPlayingState/setProgress are\n    // expected to be driven by an external controller (e.g. WaveformBar).\n    audioMode: 'self',\n\n    // Playback\n    playbackRate: 1,\n    showPlaybackSpeed: false,\n    playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],\n\n    // Layout Options\n    buttonAlign: 'auto',\n    // Player layout. 'default' = play button + waveform with a left-aligned\n    // info row below. 'preview' = compact: the title is centered under the\n    // waveform and the meta row (time / speed / BPM) is trimmed \u2014 ideal for\n    // sample-pack sample previews and dense grids.\n    layout: 'default',\n    // Play/pause button style. 'circle' = bordered circle (default).\n    // 'minimal' = a bare play/pause glyph with no circle \u2014 the look sample-pack\n    // and beat stores use in their preview grids.\n    buttonStyle: 'circle',\n    // Play/pause button size. null = the stylesheet default (36px circle /\n    // proportional minimal). A number is treated as px; a string (e.g. '4rem')\n    // is used verbatim. Sets the `--wfp-btn-size` CSS var, which scales BOTH\n    // styles \u2014 box and glyph \u2014 proportionally.\n    buttonSize: null,\n\n    // Default waveform style\n    waveformStyle: 'mirror',\n    barWidth: 2,\n    barSpacing: 0,\n    // Rounded bar caps (px). 0 = square; 1 = soft caps (default). Applies to bars/mirror.\n    barRadius: 1,\n\n    // Gradient axis when waveformColor/progressColor is an array of stops:\n    // 'vertical' (top->bottom canvas gradient), 'horizontal' (hue sweep across the\n    // waveform) or 'diagonal'. Ignored for single colours.\n    waveformGradient: 'vertical',\n\n    // Color preset: null = auto-detect, 'dark' = force dark, 'light' = force light\n    colorPreset: null,\n\n    // Canvas colours (null = inherit the resolved preset; arrays = gradient\n    // stops, see waveformGradient). The DOM chrome (button, title, meta) is\n    // themed via CSS variables (--wfp-button-color / --wfp-text-color /\n    // --wfp-text-secondary-color), not JS options.\n    waveformColor: null,\n    progressColor: null,\n\n    // Features\n    autoplay: false,\n    showControls: true,\n    showInfo: true,\n    showTime: true,\n    showHoverTime: false,\n    // Show a draggable circle handle + hover brightness-lift on the SEEKBAR\n    // style only (it's meaningless on a waveform, where the fill-edge is the\n    // playhead). Off by default; the bar turns it on. Drag-to-scrub works\n    // regardless of this.\n    seekHandle: false,\n    showBPM: false,\n    // Known BPM to display in the badge (with showBPM). Wins over auto-detection\n    // \u2014 set it when peaks are pre-generated so the tempo still shows. null = auto.\n    bpm: null,\n    singlePlay: true,\n    playOnSeek: true,\n    enableMediaSession: true,\n\n    // Markers\n    markers: [],\n    showMarkers: true,\n\n    // Accessibility \u2014 expose the waveform as a keyboard-operable slider\n    // (role=\"slider\" + ARIA value attributes + arrow/page/home/end seeking).\n    // seekLabel sets the slider's accessible name; when null it falls back\n    // to the track title, then 'Seek'.\n    // seekValueText templates the slider's spoken aria-valuetext: %1$s is the\n    // current time and %2$s the total duration (both formatted M:SS). When null\n    // it falls back to '%1$s of %2$s'. Lets consumers localize the connective\n    // text without reformatting the times.\n    accessibleSeek: true,\n    seekLabel: null,\n    seekValueText: null,\n\n    // Content\n    title: null,\n    artist: null,\n    artwork: null,\n    album: '',\n\n    // Message shown in the error state when audio fails to load.\n    errorText: 'Unable to load audio',\n\n    // Localizable UI strings (alongside seekLabel / seekValueText / errorText).\n    // These are screen-reader / assistive-tech facing, so translate them for\n    // non-English UIs. playPauseLabel/speedLabel are aria-labels; artworkAlt is\n    // the cover image alt text; unknownTrackText is the Media Session (lock-\n    // screen) title fallback used when no track title is set.\n    playPauseLabel: 'Play/Pause',\n    speedLabel: 'Playback speed',\n    artworkAlt: 'Album artwork',\n    unknownTrackText: 'Unknown Track',\n\n    // Icons (SVG)\n    playIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M8 5v14l11-7z\"/></svg>',\n    pauseIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>',\n\n    // Callbacks\n    onLoad: null,\n    onPlay: null,\n    onPause: null,\n    onEnd: null,\n    onError: null,\n    onTimeUpdate: null,\n\n    // Optional queue navigation \u2014 when set, the player registers Media Session\n    // nexttrack/previoustrack handlers (lock-screen skip buttons). Called with\n    // the player instance; wired by waveform-bar / -playlist.\n    onNextTrack: null,\n    onPreviousTrack: null\n};\n\n/**\n * Per-waveform-style geometry defaults.\n *\n * Maps each supported `waveformStyle` to its natural `barWidth`/`barSpacing`\n * (in px), used to seed bar geometry when the caller has not explicitly set\n * those options so each style renders at sensible proportions.\n *\n * @type {Object<string, {barWidth: number, barSpacing: number}>}\n */\nexport const STYLE_DEFAULTS = {\n    bars: {barWidth: 3, barSpacing: 1},\n    mirror: {barWidth: 2, barSpacing: 2},\n    line: {barWidth: 2, barSpacing: 0},\n    blocks: {barWidth: 4, barSpacing: 2},\n    dots: {barWidth: 3, barSpacing: 3},\n    seekbar: {barWidth: 1, barSpacing: 0}\n};", "/**\n * @module core\n * @description Main WaveformPlayer class\n */\n\nimport {draw} from './drawing.js';\nimport {generateWaveform, generatePlaceholderWaveform} from './audio.js';\nimport {\n    formatTime,\n    formatSeekValueText,\n    extractTitleFromUrl,\n    generateId,\n    parseDataAttributes,\n    mergeOptions,\n    debounce,\n    clamp,\n    escapeHtml,\n    DEFAULT_SAMPLES\n} from './utils.js';\n\nimport {DEFAULT_OPTIONS, STYLE_DEFAULTS, getColorPreset, COLOR_PRESETS, detectColorScheme} from './themes.js';\n\n/**\n * Placeholder shown when an artwork URL fails to load (404 / broken) \u2014 a muted\n * music-note tile, so a missing cover degrades gracefully instead of showing the\n * browser's broken-image icon. Inline SVG data-URI (no font / network needed).\n */\nconst ARTWORK_FALLBACK = 'data:image/svg+xml,' + encodeURIComponent(\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#71717a\" fill-opacity=\"0.15\"/><g fill=\"none\" stroke=\"#a1a1aa\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"17\" r=\"2.2\"/><circle cx=\"17\" cy=\"15\" r=\"2.2\"/><path d=\"M10.2 17V7l9-1.6v9\"/></g></svg>'\n);\n\n// Keyboard seek steps (seconds) for the accessible slider.\nconst SEEK_STEP_SECONDS = 5;\nconst SEEK_PAGE_SECONDS = 10;\n\n// Controls that own their own focus. A click landing on one of these (or a\n// descendant) must leave focus on the control, not pull it onto the player\n// container \u2014 otherwise activating the play button/slider steals focus onto the\n// wrapper, moving it off the control the user just operated.\nconst INTERACTIVE_ELEMENTS = 'button, a[href], input, [role=\"slider\"]';\n\n/**\n * WaveformPlayer - Modern audio player with waveform visualization\n * @class\n */\nexport class WaveformPlayer {\n    /** @type {Map<string, WaveformPlayer>} */\n    static instances = new Map();\n\n    /** @type {WaveformPlayer|null} */\n    static currentlyPlaying = null;\n\n    /**\n     * Create a new WaveformPlayer instance.\n     *\n     * Resolves the container, merges options (defaults < `data-*` attributes <\n     * constructor options), applies the colour preset and style-specific\n     * defaults, registers the instance in the static map, and kicks off\n     * {@link WaveformPlayer#init}. A `waveformplayer:ready` event is dispatched\n     * ~100ms later, once initialization has settled.\n     *\n     * @param {string|HTMLElement} container - Container element, or a CSS\n     *   selector resolved with `document.querySelector`.\n     * @param {Object} [options={}] - Player options. Accepts the shorthand\n     *   aliases `style` (\u2192 `waveformStyle`) and `src` (\u2192 `url`); the canonical\n     *   names win if both are supplied.\n     * @throws {Error} If the container element cannot be found.\n     * @fires WaveformPlayer#waveformplayer:ready\n     */\n    constructor(container, options = {}) {\n        // Resolve container\n        this.container = typeof container === 'string'\n            ? document.querySelector(container)\n            : container;\n\n        if (!this.container) {\n            throw new Error('[WaveformPlayer] Container element not found');\n        }\n\n        // Parse data attributes if present\n        const dataOptions = parseDataAttributes(this.container);\n\n        // Shorthand option aliases \u2014 `style` -> `waveformStyle`, `src` -> `url`.\n        // The canonical names still work and win if both are supplied.\n        const userOptions = { ...options };\n        if (userOptions.style && !userOptions.waveformStyle) userOptions.waveformStyle = userOptions.style;\n        if (userOptions.src && !userOptions.url) userOptions.url = userOptions.src;\n\n        // Merge options: defaults < data attributes < constructor options\n        this.options = mergeOptions(DEFAULT_OPTIONS, dataOptions, userOptions);\n\n        // Apply color preset (auto-detect if not specified)\n        const preset = getColorPreset(this.options.colorPreset);\n\n        // Track auto-theme state so the player can re-detect on a runtime light/\n        // dark switch. Only colours the user LEFT UNSET follow the preset; an\n        // explicit colorPreset or hand-set colour is never overridden.\n        this._autoTheme = this.options.colorPreset == null || !COLOR_PRESETS[this.options.colorPreset];\n        this._presetKeys = [];\n        // Resolved scheme name for the CSS theme class (CSS provides the DOM\n        // chrome colours via --wfp-* variables).\n        this._scheme = (this.options.colorPreset && COLOR_PRESETS[this.options.colorPreset]) ? this.options.colorPreset : detectColorScheme();\n\n        // Apply preset colors only if individual colors aren't explicitly set\n        for (const [key, value] of Object.entries(preset)) {\n            if (this.options[key] === null || this.options[key] === undefined) {\n                this.options[key] = value;\n                this._presetKeys.push(key);\n            }\n        }\n\n        // Apply style-specific defaults if not explicitly set\n        const styleDefaults = STYLE_DEFAULTS[this.options.waveformStyle];\n        if (styleDefaults) {\n            if (dataOptions.barWidth === undefined && options.barWidth === undefined) {\n                this.options.barWidth = styleDefaults.barWidth;\n            }\n            if (dataOptions.barSpacing === undefined && options.barSpacing === undefined) {\n                this.options.barSpacing = styleDefaults.barSpacing;\n            }\n        }\n\n        // Initialize state\n        this.audio = null;\n        this.canvas = null;\n        this.ctx = null;\n        this.waveformData = [];\n        this.progress = 0;\n        this._activeMarkerIndex = -1;\n        this._markerLabelTimer = null;\n        this.isPlaying = false;\n        this.isLoading = false;\n        this.hasError = false;\n        this.updateTimer = null;\n        this.resizeObserver = null;\n\n        // All DOM/document listeners are registered with this signal so a\n        // single abort() in destroy() tears every one of them down (the old\n        // destroy left the document-click and container listeners attached).\n        this._ac = new AbortController();\n\n        // Generate unique ID\n        this.id = this.container.id || generateId(this.options.url);\n\n        // Add to instances\n        WaveformPlayer.instances.set(this.id, this);\n\n        // Re-detect the theme on runtime light/dark switches (shared watcher).\n        WaveformPlayer._watchTheme();\n\n        // Initialize\n        this.init();\n\n        // Dispatch ready event after initialization\n        setTimeout(() => {\n            this._emit('waveformplayer:ready', {player: this, url: this.options.url});\n        }, 100);\n    }\n\n    /**\n     * Build and dispatch a bubbling `waveformplayer:*` CustomEvent on the\n     * container, returning the event so cancelable (request-*) events can have\n     * their `defaultPrevented` checked. Single source of truth for the event\n     * shape \u2014 every player event bubbles and carries the supplied detail.\n     * @param {string} type - Full event type, e.g. `'waveformplayer:play'`.\n     * @param {Object} detail - Event detail payload.\n     * @param {boolean} [cancelable=false] - Whether the event is cancelable.\n     * @returns {CustomEvent} The dispatched event.\n     * @private\n     */\n    _emit(type, detail, cancelable = false) {\n        const event = new CustomEvent(type, { bubbles: true, cancelable, detail });\n        this.container.dispatchEvent(event);\n        return event;\n    }\n\n    /**\n     * External-mode seek request: dispatch a cancelable\n     * `waveformplayer:request-seek` and, unless the controller calls\n     * `preventDefault()`, optimistically advance the local progress overlay so\n     * the canvas repaints at once. Shared by the keyboard slider and canvas click.\n     * @param {number} percent - Target position as a 0..1 fraction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _requestSeek(percent) {\n        const evt = this._emit('waveformplayer:request-seek', { ...this._buildTrackDetail(), percent }, true);\n        if (!evt.defaultPrevented) {\n            this.progress = percent;\n            this.drawWaveform?.();\n        }\n    }\n\n    // ============================================\n    // Initialization\n    // ============================================\n\n    /**\n     * Initialize the player: build the DOM, create the audio element (self\n     * mode only), wire up the feature controls (speed, keyboard, accessible\n     * seek), bind events, attach the resize observer, then size the canvas and\n     * \u2014 if a `url` option was given \u2014 load it and optionally autoplay.\n     * @private\n     */\n    init() {\n        this.createDOM();\n        this.createAudio();\n        this.initPlaybackSpeed();\n        this.initKeyboardControls();\n        this.initSeekControl();\n        this.bindEvents();\n        this.setupResizeObserver();\n\n        // Ensure proper sizing after DOM is ready\n        requestAnimationFrame(() => {\n            this.resizeCanvas();\n\n            // Load audio if URL provided\n            if (this.options.url) {\n                this.load(this.options.url).then(() => {\n                    if (this.options.autoplay) {\n                        this.play()?.catch(() => {});\n                    }\n                }).catch(error => {\n                    console.error('[WaveformPlayer] Failed to load audio:', error);\n                });\n            }\n        });\n    }\n\n    /**\n     * Build the player's DOM tree inside the container and cache element\n     * references.\n     *\n     * Clears the container, resolves button alignment (`auto` \u2192 `bottom` for\n     * the `bars` style, `center` otherwise), and conditionally renders the play\n     * button, info row (artwork/title/artist), BPM badge, playback-speed\n     * menu, and time display based on the relevant `show*` options. Caches the\n     * canvas, controls, and text elements onto `this`, then sizes the canvas.\n     * @private\n     */\n    createDOM() {\n        // Clear container\n        this.container.innerHTML = '';\n        this.container.className = 'waveform-player';\n\n        // Determine button alignment\n        let buttonAlign = this.options.buttonAlign;\n        if (buttonAlign === 'auto') {\n            // Auto-align based on waveform style\n            const style = this.options.waveformStyle;\n            if (style === 'bars') {\n                buttonAlign = 'bottom';\n            } else {\n                buttonAlign = 'center';  // blocks, mirror, line, dots, seekbar all center\n            }\n        }\n\n        // Compact 'preview' layout: centered title under the waveform with the\n        // meta row trimmed. Set via the `layout` option / data-layout=\"preview\".\n        const isPreview = this.options.layout === 'preview';\n        if (isPreview) {\n            this.container.classList.add('waveform-layout-preview');\n        }\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n\n        // Build play button HTML (conditional)\n        const buttonHTML = this.options.showControls ? `\n        <button class=\"waveform-btn${this.options.buttonStyle === 'minimal' ? ' waveform-btn-minimal' : ''}\" aria-label=\"${escapeHtml(this.options.playPauseLabel)}\"${this.options.buttonSize != null ? ` style=\"--wfp-btn-size: ${typeof this.options.buttonSize === 'number' ? `${this.options.buttonSize}px` : this.options.buttonSize};\"` : ''}>\n          <span class=\"waveform-icon-play\">${this.options.playIcon}</span>\n          <span class=\"waveform-icon-pause\" style=\"display:none;\">${this.options.pauseIcon}</span>\n        </button>\n        ` : '';\n\n        // Build info section HTML (conditional)\n        const infoHTML = this.options.showInfo ? `\n      <div class=\"waveform-info\">\n        ${this.options.artwork ? `\n          <img class=\"waveform-artwork\" src=\"${this.options.artwork}\" alt=\"${escapeHtml(this.options.artworkAlt)}\" style=\"\n            width: 40px;\n            height: 40px;\n            border-radius: 4px;\n            object-fit: cover;\n            flex-shrink: 0;\n          \">\n        ` : ''}\n        <div class=\"waveform-text\">\n          <span class=\"waveform-title\"></span>\n          ${this.options.artist ? `<span class=\"waveform-artist\">${this.options.artist}</span>` : ''}\n        </div>\n        <div class=\"waveform-meta\" style=\"display: flex; align-items: center; gap: 1rem;\">\n          ${this.options.showBPM ? `\n            <span class=\"waveform-bpm\" style=\"display: none;\">\n              <span class=\"bpm-value\">--</span> BPM\n            </span>\n          ` : ''}\n          ${this.options.showPlaybackSpeed ? `\n            <div class=\"waveform-speed\">\n              <button class=\"speed-btn\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                <span class=\"speed-value\">1x</span>\n              </button>\n              <div class=\"speed-menu\" role=\"menu\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" style=\"display: none;\">\n                ${this.options.playbackRates.map(rate =>\n            `<button class=\"speed-option\" role=\"menuitemradio\" tabindex=\"-1\" aria-checked=\"false\" data-rate=\"${rate}\">${rate}x</button>`\n        ).join('')}\n              </div>\n            </div>\n          ` : ''}\n          ${this.options.showTime ? `\n            <span class=\"waveform-time\">\n              <span class=\"time-current\">0:00</span> / <span class=\"time-total\">0:00</span>\n            </span>\n          ` : ''}\n        </div>\n      </div>\n        ` : '';\n\n        // Create HTML structure\n        this.container.innerHTML = `\n  <div class=\"waveform-player-inner\">\n    <div class=\"waveform-body\">\n      <div class=\"waveform-track waveform-align-${buttonAlign}\">\n        ${buttonHTML}\n        \n        <div class=\"waveform-container\">\n          <canvas></canvas>\n          <div class=\"waveform-markers\"></div>\n          <div class=\"waveform-loading\" style=\"display:none;\"></div>\n          <div class=\"waveform-error\" style=\"display:none;\" role=\"alert\">\n            <span class=\"waveform-error-text\">${escapeHtml(this.options.errorText)}</span>\n          </div>\n        </div>\n      </div>\n      \n      ${infoHTML}\n    </div>\n  </div>\n`;\n\n        // Get references\n        this.playBtn = this.container.querySelector('.waveform-btn');\n        this.canvas = this.container.querySelector('canvas');\n        this.ctx = this.canvas.getContext('2d');\n        this.titleEl = this.container.querySelector('.waveform-title');\n        this.artistEl = this.container.querySelector('.waveform-artist');\n        this.artworkEl = this.container.querySelector('.waveform-artwork');\n        this.bindArtworkFallback(this.artworkEl);\n        this.currentTimeEl = this.container.querySelector('.time-current');\n        this.totalTimeEl = this.container.querySelector('.time-total');\n        this.bpmEl = this.container.querySelector('.waveform-bpm');\n        this.bpmValueEl = this.container.querySelector('.bpm-value');\n        this.loadingEl = this.container.querySelector('.waveform-loading');\n        this.errorEl = this.container.querySelector('.waveform-error');\n        this.markersContainer = this.container.querySelector('.waveform-markers');\n        this.speedBtn = this.container.querySelector('.speed-btn');\n        this.speedMenu = this.container.querySelector('.speed-menu');\n\n        // Set canvas size\n        this.resizeCanvas();\n\n        // Show a caller-supplied BPM immediately (no audio decode required).\n        this.updateBPMDisplay();\n    }\n\n    /**\n     * Bind the artwork error fallback to an image element.\n     *\n     * @param {HTMLImageElement|null} img - Artwork image element.\n     * @private\n     */\n    bindArtworkFallback(img) {\n        if (!img) return;\n\n        // Fall back to the placeholder tile if the cover URL fails to load.\n        img.addEventListener('error', () => {\n            if (!img.src.startsWith('data:')) img.src = ARTWORK_FALLBACK;\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Create an artwork image element matching the initial player markup.\n     *\n     * @returns {HTMLImageElement} Artwork image element.\n     * @private\n     */\n    createArtworkElement() {\n        const img = document.createElement('img');\n        img.className = 'waveform-artwork';\n        img.style.width = '40px';\n        img.style.height = '40px';\n        img.style.borderRadius = '4px';\n        img.style.objectFit = 'cover';\n        img.style.flexShrink = '0';\n        this.bindArtworkFallback(img);\n        return img;\n    }\n\n    /**\n     * Create an artist text element matching the initial player markup.\n     *\n     * @returns {HTMLSpanElement} Artist text element.\n     * @private\n     */\n    createArtistElement() {\n        const span = document.createElement('span');\n        span.className = 'waveform-artist';\n        return span;\n    }\n\n    /**\n     * Reconcile artist metadata and markup for the current track.\n     *\n     * @param {string|null} artist - Artist text, or a falsy value to remove it.\n     * @private\n     */\n    syncArtist(artist) {\n        this.options.artist = artist || null;\n\n        if (!this.options.showInfo) return;\n\n        if (!artist) {\n            this.artistEl?.remove();\n            this.artistEl = null;\n            return;\n        }\n\n        if (!this.artistEl) {\n            const titleEl = this.container.querySelector('.waveform-title');\n            if (!titleEl) return;\n            this.artistEl = this.createArtistElement();\n            titleEl.after(this.artistEl);\n        }\n\n        this.artistEl.textContent = artist;\n        this.artistEl.style.display = '';\n    }\n\n    /**\n     * Reconcile artwork metadata and markup for the current track.\n     *\n     * @param {string|null} artwork - Artwork image URL, or a falsy value to remove artwork.\n     * @param {string} artworkAlt - Artwork alt text.\n     * @private\n     */\n    syncArtwork(artwork, artworkAlt = '') {\n        this.options.artwork = artwork || null;\n        this.options.artworkAlt = artworkAlt || '';\n\n        if (!this.options.showInfo) return;\n\n        if (!artwork) {\n            this.artworkEl?.remove();\n            this.artworkEl = null;\n            return;\n        }\n\n        if (!this.artworkEl) {\n            const textEl = this.container.querySelector('.waveform-text');\n            if (!textEl) return;\n            this.artworkEl = this.createArtworkElement();\n            textEl.before(this.artworkEl);\n        }\n\n        this.artworkEl.src = artwork;\n        this.artworkEl.alt = artworkAlt || '';\n    }\n\n    /**\n     * Create audio element\n     * @private\n     *\n     * No-op in `audioMode: 'external'` \u2014 the player has no audio of its\n     * own; an external controller (e.g. WaveformBar) owns playback and\n     * pushes state in via setPlayingState() / setProgress(). The\n     * `this.audio` field stays null in that mode; downstream code must\n     * null-check it.\n     */\n    createAudio() {\n        if (this.options.audioMode === 'external') {\n            this.audio = null;\n            return;\n        }\n        this.audio = new Audio();\n        this.audio.preload = this.options.preload || 'metadata';\n        this.audio.crossOrigin = 'anonymous';\n    }\n\n    // ============================================\n    // Feature Initialization\n    // ============================================\n\n    /**\n     * Apply the configured initial playback rate to the audio element (self\n     * mode only) and, when `showPlaybackSpeed` is enabled, wire up the speed\n     * menu UI via {@link WaveformPlayer#initSpeedControls}.\n     * @private\n     */\n    initPlaybackSpeed() {\n        // External mode has no <audio> element, so the speed control\n        // doesn't apply locally \u2014 the external controller (e.g.\n        // WaveformBar) owns playback rate. Skip the audio init but\n        // still bind the speed control UI in case the controller\n        // wants to mirror rate changes via events later.\n        if (this.audio && this.options.playbackRate && this.options.playbackRate !== 1) {\n            this.audio.playbackRate = this.options.playbackRate;\n        }\n\n        // Initialize speed control UI if enabled\n        if (this.options.showPlaybackSpeed) {\n            this.initSpeedControls();\n        }\n    }\n\n    /**\n     * Wire up the playback-speed menu: toggle it open on the speed button,\n     * close it on outside click or Escape (keeping `aria-expanded` on the\n     * trigger in sync), and apply the chosen rate when a `.speed-option` is\n     * clicked, returning focus to the trigger. All listeners are registered against the\n     * instance `AbortController` signal so {@link WaveformPlayer#destroy} tears\n     * them down. No-op if the speed elements are absent.\n     * @private\n     */\n    initSpeedControls() {\n        const speedBtn = this.container.querySelector('.speed-btn');\n        const speedMenu = this.container.querySelector('.speed-menu');\n\n        if (!speedBtn || !speedMenu) return;\n\n        const options = () => Array.from(speedMenu.querySelectorAll('.speed-option'));\n        const isOpen = () => speedMenu.style.display !== 'none';\n\n        // Open/close the menu (a proper role=\"menu\"): keep aria-expanded in sync\n        // and, on open, move focus into the menu \u2014 the checked rate, else the\n        // first option \u2014 so arrow keys drive it.\n        const setSpeedMenu = (open) => {\n            speedMenu.style.display = open ? 'block' : 'none';\n            speedBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n            if (open) {\n                const opts = options();\n                (opts.find((o) => o.getAttribute('aria-checked') === 'true') || opts[0])?.focus();\n            }\n        };\n\n        const focusOption = (i) => {\n            const opts = options();\n            if (opts.length) opts[(i + opts.length) % opts.length].focus();\n        };\n\n        const selectOption = (opt) => {\n            this.setPlaybackRate(parseFloat(opt.dataset.rate));\n            setSpeedMenu(false);\n            speedBtn.focus();\n        };\n\n        // Toggle from the trigger.\n        speedBtn.addEventListener('click', (e) => {\n            e.stopPropagation();\n            setSpeedMenu(!isOpen());\n        }, {signal: this._ac.signal});\n\n        // Close when clicking outside.\n        document.addEventListener('click', () => setSpeedMenu(false), {signal: this._ac.signal});\n\n        // Pointer + native-button (Enter/Space on an option) selection.\n        speedMenu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            const opt = e.target.closest('.speed-option');\n            if (opt) selectOption(opt);\n        }, {signal: this._ac.signal});\n\n        // Keyboard menu: arrows/Home/End roam, Enter/Space select (via the\n        // native button click above), Escape/Tab close. ArrowDown/Up on the\n        // trigger opens and focuses the first/checked option.\n        speedBtn.closest('.waveform-speed')?.addEventListener('keydown', (e) => {\n            const opts = options();\n            const i = opts.indexOf(document.activeElement);\n            if (!isOpen()) {\n                if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && document.activeElement === speedBtn) {\n                    e.preventDefault();\n                    setSpeedMenu(true);\n                }\n                return;\n            }\n            switch (e.key) {\n                case 'ArrowDown': e.preventDefault(); focusOption(i < 0 ? 0 : i + 1); break;\n                case 'ArrowUp':   e.preventDefault(); focusOption(i < 0 ? opts.length - 1 : i - 1); break;\n                case 'Home':      e.preventDefault(); focusOption(0); break;\n                case 'End':       e.preventDefault(); focusOption(opts.length - 1); break;\n                case 'Escape':    e.preventDefault(); setSpeedMenu(false); speedBtn.focus(); break;\n                case 'Tab':       setSpeedMenu(false); break;\n            }\n        }, {signal: this._ac.signal});\n\n        // Set initial UI state\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Enable keyboard transport controls on the container.\n     *\n     * The container is focusable only after it is clicked (it carries\n     * `tabindex=\"-1\"` until then, and clicking steals focus from sibling\n     * players). While focused it handles: digits 0-9 (seek to that tenth of\n     * the track), Space (toggle play), and \u2014 in self mode only, since\n     * `this.audio` is null in external mode \u2014 arrow keys (seek \u00B15s, volume\n     * \u00B10.1) and `m`/`M` (mute). Listeners use the instance abort signal.\n     * @private\n     */\n    initKeyboardControls() {\n        // Make container focusable but not in tab order by default\n        this.container.setAttribute('tabindex', '-1');\n\n        // Only activate keyboard controls when explicitly focused (clicked).\n        // Skip when the click landed on an interactive control (play button,\n        // link, slider, input): those own their focus, so pulling it onto the\n        // container would move focus off the control the user just activated.\n        this.container.addEventListener('click', (e) => {\n            if (e.target.closest(INTERACTIVE_ELEMENTS)) return;\n            // Remove focus from all other players\n            WaveformPlayer.getAllInstances().forEach(player => {\n                if (player !== this) {\n                    player.container.setAttribute('tabindex', '-1');\n                }\n            });\n            // Make this one focusable\n            this.container.setAttribute('tabindex', '0');\n            this.container.focus();\n        }, {signal: this._ac.signal});\n\n        // Keyboard events. In external mode `this.audio` is null, so\n        // seek/volume/mute keys are no-ops (the external controller\n        // owns those). Space (togglePlay) still works because togglePlay\n        // routes through the request-play/pause events.\n        this.container.addEventListener('keydown', (e) => {\n            if (document.activeElement !== this.container) return;\n\n            const key = e.key;\n            const hasAudio = !!this.audio;\n            const currentTime = hasAudio ? this.audio.currentTime : 0;\n\n            // Handle number keys 0-9 for seeking\n            if (hasAudio && key >= '0' && key <= '9') {\n                e.preventDefault();\n                this.seekToPercent(parseInt(key) / 10);\n                return;\n            }\n\n            // Handle other keys. Space always works (dispatches\n            // request-play in external mode); audio-bound keys only\n            // when we own the <audio> element.\n            const actions = {\n                ' ': () => this.togglePlay(),\n            };\n            if (hasAudio) {\n                actions['ArrowLeft']  = () => this.seekTo(clamp(currentTime - 5, 0, this.audio.duration));\n                actions['ArrowRight'] = () => this.seekTo(clamp(currentTime + 5, 0, this.audio.duration));\n                actions['ArrowUp']    = () => this.setVolume(clamp(this.audio.volume + 0.1));\n                actions['ArrowDown']  = () => this.setVolume(clamp(this.audio.volume - 0.1));\n                actions['m'] = actions['M'] = () => this.audio.muted = !this.audio.muted;\n            }\n\n            if (actions[key]) {\n                e.preventDefault();\n                actions[key]();\n            }\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Expose the waveform as an accessible, keyboard-operable slider.\n     *\n     * Adds role=\"slider\" + ARIA value attributes to the waveform surface,\n     * makes it focusable in the tab order, and handles the standard slider\n     * keys (arrows, Page Up/Down, Home/End) to seek. Works in both self and\n     * external audio modes. Opt out with `accessibleSeek: false`.\n     * @private\n     */\n    initSeekControl() {\n        if (!this.options.accessibleSeek) return;\n\n        this.seekEl = this.container.querySelector('.waveform-container');\n        if (!this.seekEl) return;\n\n        this.seekEl.setAttribute('role', 'slider');\n        this.seekEl.setAttribute('tabindex', '0');\n        this.seekEl.setAttribute('aria-valuemin', '0');\n        this.applySeekLabel();\n        this.updateSeekAccessibility();\n\n        this.seekEl.addEventListener('keydown', (e) => {\n            // Space toggles play/pause even while the waveform slider is focused \u2014\n            // it's a media control, so play/pause should work here too, not only\n            // when the player root is the active element (restores the pre-a11y\n            // Space path reported in #10).\n            if (e.key === ' ' || e.key === 'Spacebar') {\n                e.preventDefault();\n                e.stopPropagation();\n                this.togglePlay();\n                return;\n            }\n\n            const duration = this.getSeekDuration();\n            if (!duration) return;\n\n            const current = this.getSeekCurrentTime();\n            let target;\n            switch (e.key) {\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    target = current - SEEK_STEP_SECONDS;\n                    break;\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    target = current + SEEK_STEP_SECONDS;\n                    break;\n                case 'PageDown':\n                    target = current - SEEK_PAGE_SECONDS;\n                    break;\n                case 'PageUp':\n                    target = current + SEEK_PAGE_SECONDS;\n                    break;\n                case 'Home':\n                    target = 0;\n                    break;\n                case 'End':\n                    target = duration;\n                    break;\n                default:\n                    return;\n            }\n\n            // Prevent page scroll and stop the container-level keydown\n            // handler from also seeking (it would double-fire / change\n            // volume on the vertical arrows).\n            e.preventDefault();\n            e.stopPropagation();\n            this.seekToSeconds(target);\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Total seekable duration in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekDuration() {\n        if (this.options.audioMode === 'external') {\n            return this._extDuration || 0;\n        }\n        return this.audio && Number.isFinite(this.audio.duration)\n            ? this.audio.duration\n            : 0;\n    }\n\n    /**\n     * Current playback position in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekCurrentTime() {\n        if (this.options.audioMode === 'external') {\n            return this.progress * (this._extDuration || 0);\n        }\n        return this.audio && Number.isFinite(this.audio.currentTime)\n            ? this.audio.currentTime\n            : 0;\n    }\n\n    /**\n     * Seek the slider to an absolute time, clamped to the track length.\n     *\n     * In self mode this defers to {@link WaveformPlayer#seekTo}. In external\n     * mode it dispatches a cancelable `waveformplayer:request-seek` event with\n     * the target percentage; if the controller doesn't `preventDefault()`, the\n     * local progress/visual is updated optimistically. Either way the ARIA\n     * slider values are refreshed.\n     * @param {number} seconds - Target time in seconds.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    seekToSeconds(seconds) {\n        const duration = this.getSeekDuration();\n        if (!duration) return;\n\n        const clamped = clamp(seconds, 0, duration);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(clamped / duration);\n            this.updateSeekAccessibility();\n            return;\n        }\n\n        // seekTo() calls updateProgress(), which refreshes the ARIA values.\n        this.seekTo(clamped);\n    }\n\n    /**\n     * Set the slider's accessible name from `seekLabel`, falling back to the\n     * track title, then a generic 'Seek'. No-op if the slider isn't present.\n     * @param {string} [title=this.options.title] - Track title to fall back to\n     *   when `seekLabel` is not set.\n     * @private\n     */\n    applySeekLabel(title = this.options.title) {\n        if (!this.seekEl) return;\n        const label = this.options.seekLabel || title || 'Seek';\n        this.seekEl.setAttribute('aria-label', label);\n    }\n\n    /**\n     * Keep the slider's ARIA value attributes in sync with playback.\n     * @private\n     */\n    updateSeekAccessibility() {\n        if (!this.seekEl) return;\n\n        const duration = this.getSeekDuration();\n        const current = Math.min(this.getSeekCurrentTime(), duration);\n\n        this.seekEl.setAttribute('aria-valuemax', String(Math.round(duration)));\n        this.seekEl.setAttribute('aria-valuenow', String(Math.round(current)));\n        this.seekEl.setAttribute(\n            'aria-valuetext',\n            formatSeekValueText(\n                this.options.seekValueText || '%1$s of %2$s',\n                formatTime(current),\n                formatTime(duration)\n            )\n        );\n    }\n\n    /**\n     * Initialize Media Session API for system media controls\n     * @private\n     */\n    initMediaSession() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        // Skip Media Session in external mode \u2014 the controller (e.g.\n        // WaveformBar) owns audio playback and registers its own Media\n        // Session handlers; ours would conflict with its.\n        if (!this.audio) return;\n\n        this._applyMediaMetadata();\n\n        // Set up action handlers\n        navigator.mediaSession.setActionHandler('play', () => this.play());\n        navigator.mediaSession.setActionHandler('pause', () => this.pause());\n        navigator.mediaSession.setActionHandler('seekbackward', () => {\n            this.seekTo(clamp(this.audio.currentTime - 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekforward', () => {\n            this.seekTo(clamp(this.audio.currentTime + 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekto', (details) => {\n            if (details.seekTime !== null) {\n                this.seekTo(details.seekTime);\n            }\n        });\n\n        // Optional queue navigation \u2014 lights up the lock-screen skip-track\n        // buttons. Registered only when a host (bar / playlist) supplies a\n        // callback; a null handler hides the button.\n        const onNext = this.options.onNextTrack, onPrev = this.options.onPreviousTrack;\n        try { navigator.mediaSession.setActionHandler('nexttrack', typeof onNext === 'function' ? () => onNext(this) : null); } catch (e) { /* unsupported */ }\n        try { navigator.mediaSession.setActionHandler('previoustrack', typeof onPrev === 'function' ? () => onPrev(this) : null); } catch (e) { /* unsupported */ }\n    }\n\n    /**\n     * Publish the current track's Media Session metadata (lock-screen /\n     * Now-Playing title, artist, album, artwork). Idempotent \u2014 safe to re-call.\n     * @private\n     */\n    _applyMediaMetadata() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        navigator.mediaSession.metadata = new MediaMetadata({\n            title: this.options.title || this.options.unknownTrackText,\n            artist: this.options.artist || '',\n            album: this.options.album || '',\n            artwork: this.options.artwork ? [\n                {src: this.options.artwork, sizes: '512x512', type: 'image/jpeg'}\n            ] : []\n        });\n    }\n\n    /**\n     * Sync Media Session playback state + scrubber position on play/pause. iOS\n     * ignores metadata set before the media is active, so we re-assert it on\n     * play \u2014 that's what fixes the blank lock-screen card on mobile.\n     * @param {'playing'|'paused'} state\n     * @private\n     */\n    _updateMediaSession(state) {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession || !this.audio) return;\n        try {\n            // Claim the (global, singleton) Media Session for THIS player on play \u2014\n            // (re)register our action handlers + metadata so the lock-screen controls\n            // drive the player you're actually listening to, not the last one loaded.\n            if (state === 'playing') this.initMediaSession();\n            navigator.mediaSession.playbackState = state;\n            const d = this.audio.duration;\n            if (navigator.mediaSession.setPositionState && d && isFinite(d)) {\n                navigator.mediaSession.setPositionState({\n                    duration: d,\n                    playbackRate: this.audio.playbackRate || 1,\n                    position: clamp(this.audio.currentTime, 0, d),\n                });\n            }\n        } catch (e) { /* Media Session is best-effort */ }\n    }\n\n    // ============================================\n    // Event Binding\n    // ============================================\n\n    /**\n     * Bind the core interaction listeners: play-button click, the `<audio>`\n     * media events (self mode only \u2014 external mode is fed state via\n     * {@link WaveformPlayer#setPlayingState}/{@link WaveformPlayer#setProgress}),\n     * canvas click-to-seek, and a debounced window-resize redraw.\n     * @private\n     */\n    bindEvents() {\n        // Play button (only if controls are shown). In external mode\n        // togglePlay() dispatches the request-play/pause events so the\n        // controller can decide what to do; the click still goes through\n        // here.\n        if (this.playBtn) {\n            this.playBtn.addEventListener('click', () => this.togglePlay());\n        }\n\n        // Audio events \u2014 only when we own an <audio> element. External\n        // mode receives state via setPlayingState() / setProgress() from\n        // the controller, so we have nothing to listen to here.\n        if (this.audio) {\n            this.audio.addEventListener('loadstart', () => this.setLoading(true));\n            this.audio.addEventListener('loadedmetadata', () => this.onMetadataLoaded());\n            this.audio.addEventListener('canplay', () => this.setLoading(false));\n            this.audio.addEventListener('play', () => this.onPlay());\n            this.audio.addEventListener('pause', () => this.onPause());\n            this.audio.addEventListener('ended', () => this.onEnded());\n            this.audio.addEventListener('error', (e) => this.onError(e));\n        }\n\n        // Canvas interactions \u2014 click + drag to seek. pointerdown starts a\n        // scrub (with pointer capture so moves keep flowing if the cursor\n        // leaves the canvas), pointermove updates it while held, pointerup /\n        // pointercancel end it. The click handler stays for keyboard/synthetic\n        // compatibility. In external mode each seek dispatches a cancelable\n        // `waveformplayer:request-seek` so the controller positions its audio.\n        this.canvas.addEventListener('click', (e) => this.handleCanvasClick(e));\n        this._dragging = false;\n        this._seekHover = false;\n        this._handleNear = false;\n\n        // Hover state \u2014 reveals the handle + lifts the seekbar brightness. A\n        // redraw is needed because the canvas has no CSS :hover of its own.\n        this.canvas.addEventListener('pointerenter', () => {\n            this._seekHover = true;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n        this.canvas.addEventListener('pointerleave', () => {\n            this._seekHover = false;\n            this._handleNear = false;\n            if (!this._dragging) this._hideHoverTip();\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n\n        // Drag = a VISUAL scrub: the playhead previews the cursor while the\n        // audio keeps playing untouched (a per-move seek glitches the audio and\n        // fights the progress loop). The real seek is committed once, on\n        // release. updateProgress() bails while _dragging so playback can't drag\n        // the handle off the cursor.\n        this.canvas.addEventListener('pointerdown', (e) => {\n            if (e.pointerType === 'mouse' && e.button !== 0) return; // primary / touch only\n            this._dragging = true;\n            try { this.canvas.setPointerCapture(e.pointerId); } catch (err) { /* unsupported */ }\n            this._scrubTo(e.clientX);\n        });\n        this.canvas.addEventListener('pointermove', (e) => {\n            if (this._dragging) {\n                this._scrubTo(e.clientX);\n                return;\n            }\n            // Hover (not dragging): grow the handle when the cursor is over it.\n            const rect = this.canvas.getBoundingClientRect();\n            if (rect.width) {\n                this._handleNear = Math.abs((e.clientX - rect.left) - this.progress * rect.width) <= 10;\n                this._updateSeekHandle();\n            }\n        });\n        const endDrag = (e) => {\n            if (!this._dragging) return;\n            this._dragging = false;\n            // The browser fires a click after pointerup on a tap/short drag \u2014\n            // flag it so handleCanvasClick ignores it (a second seek from the\n            // synthetic click's coordinate can snap the playhead, e.g. to 0).\n            this._suppressClick = true;\n            try { this.canvas.releasePointerCapture(e.pointerId); } catch (err) { /* ignore */ }\n            this._seekFromPointer(e.clientX); // commit the seek now \u2014 audio jumps once\n            // Hide the drag tooltip on release, unless hover-time keeps it (or\n            // the seekbar handle is being hovered), to avoid a hide/show flicker.\n            if (!this._seekHover && !this.options.showHoverTime) this._hideHoverTip();\n            this._updateSeekHandle();\n        };\n        this.canvas.addEventListener('pointerup', endDrag);\n        this.canvas.addEventListener('pointercancel', endDrag);\n\n        // Hover-time tooltip over the waveform (when showHoverTime is on).\n        this.setupHoverTime();\n        // Draggable seek handle (DOM circle, shown on hover / drag).\n        this.setupSeekHandle();\n\n        // Window resize - store handler for cleanup\n        this.resizeHandler = debounce(() => this.resizeCanvas(), 100);\n        window.addEventListener('resize', this.resizeHandler);\n    }\n\n    /**\n     * Observe the canvas's parent element for size changes and re-fit the\n     * canvas on each one. No-op where `ResizeObserver` is unavailable.\n     * @private\n     */\n    setupResizeObserver() {\n        if ('ResizeObserver' in window) {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeCanvas();\n            });\n\n            if (this.canvas?.parentElement) {\n                this.resizeObserver.observe(this.canvas.parentElement);\n            }\n        }\n    }\n\n    // ============================================\n    // Audio Loading\n    // ============================================\n\n    /**\n     * Load an audio source: set the title, fetch/generate the waveform peaks,\n     * draw them, render markers, and initialise Media Session.\n     *\n     * In self mode the `<audio>` src is assigned and the method awaits\n     * `loadedmetadata` before proceeding. In external mode there is no audio\n     * element, so the src/metadata step is skipped and only the visualization\n     * is built (duration/time come from the controller via\n     * {@link WaveformPlayer#setProgress}). Peaks come from the `waveform`\n     * option when provided, otherwise they are decoded from the audio; a\n     * decode failure falls back to a placeholder waveform. The `onLoad`\n     * callback fires on success.\n     * @param {string} url - Audio URL.\n     * @returns {Promise<void>} Resolves once loading settles (errors are caught\n     *   internally and surfaced through {@link WaveformPlayer#onError}).\n     */\n    async load(url) {\n        try {\n            this.setLoading(true);\n            this.progress = 0;\n            this.hasError = false;\n\n            // In external mode we don't own an <audio> element \u2014 skip\n            // src assignment + metadata-wait, but still generate the\n            // waveform peaks so the canvas can render the visualization.\n            // Duration / current time come from the external controller\n            // via setProgress().\n            if (this.audio) {\n                // Set audio source\n                this.audio.src = url;\n\n                // Wait for metadata to load\n                await new Promise((resolve, reject) => {\n                    const metadataHandler = () => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        resolve();\n                    };\n                    const errorHandler = (e) => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        reject(e);\n                    };\n                    this.audio.addEventListener('loadedmetadata', metadataHandler);\n                    this.audio.addEventListener('error', errorHandler);\n                });\n            }\n\n            // Set title\n            const title = this.options.title || extractTitleFromUrl(url);\n            if (this.titleEl) {\n                this.titleEl.textContent = title;\n            }\n            // Keep the seek slider's accessible name in sync with the track.\n            this.applySeekLabel(title);\n\n            // Load or generate waveform\n            if (this.options.waveform) {\n                this.setWaveformData(this.options.waveform);\n            } else {\n                // Generate waveform\n                try {\n                    const result = await generateWaveform(url, this.options.samples, this.options.showBPM);\n                    this.waveformData = result.peaks;\n\n                    // Store BPM if detected\n                    if (result.bpm) {\n                        this.detectedBPM = result.bpm;\n                        this.updateBPMDisplay();\n                    }\n                } catch (error) {\n                    console.warn('[WaveformPlayer] Using placeholder waveform:', error);\n                    this.waveformData = generatePlaceholderWaveform(this.options.samples);\n                }\n            }\n\n            this.drawWaveform();\n            this.renderMarkers();\n\n            // Fire callback\n            if (this.options.onLoad) {\n                this.options.onLoad(this);\n            }\n        } catch (error) {\n            // onError() is the single funnel for surfacing + logging errors.\n            this.onError(error);\n        } finally {\n            this.setLoading(false);\n        }\n    }\n\n    /**\n     * Swap the player to a new track at runtime.\n     *\n     * Pauses any current playback, fully resets the audio element (self mode),\n     * clears error/marker/progress state, merges the new metadata into\n     * `this.options`, updates the artist/artwork DOM, then calls\n     * {@link WaveformPlayer#load}. Auto-plays the new track unless\n     * `options.autoplay === false`.\n     * @param {string} url - Audio URL.\n     * @param {string|null} [title=null] - Track title; keeps the existing\n     *   title when null.\n     * @param {string|null} [artist=null] - Track artist; pass `''` to hide\n     *   the artist row, or null to keep the existing one.\n     * @param {Object} [options={}] - Additional options to merge (e.g.\n     *   `preload`, `artwork`, `artworkAlt`, `markers`, `autoplay`).\n     * @returns {Promise<void>}\n     */\n    async loadTrack(url, title = null, artist = null, options = {}) {\n        const hasArtworkOption = Object.prototype.hasOwnProperty.call(options, 'artwork');\n        const hasArtworkAltOption = Object.prototype.hasOwnProperty.call(options, 'artworkAlt');\n\n        // Stop current playback and clear state\n        if (this.isPlaying) {\n            this.pause();\n        }\n\n        // Reset audio element completely (only when we own one)\n        if (this.audio) {\n            this.audio.src = '';\n            this.audio.load();\n        }\n\n        // Clear any errors\n        this.hasError = false;\n        if (this.errorEl) {\n            this.errorEl.style.display = 'none';\n        }\n        if (this.canvas) {\n            this.canvas.style.opacity = '1';\n        }\n        if (this.playBtn) {\n            this.playBtn.disabled = false;\n        }\n\n        // Reset state\n        this.progress = 0;\n        this.waveformData = [];\n\n        // Update options (including preload if specified)\n        this.options = mergeOptions(this.options, {\n            url,\n            title: title === null ? this.options.title : title,\n            artist: artist === null ? this.options.artist : artist,\n            ...options\n        });\n        if (hasArtworkOption) {\n            this.options.artwork = options.artwork || null;\n        }\n        if (hasArtworkAltOption) {\n            this.options.artworkAlt = options.artworkAlt || '';\n        } else if (hasArtworkOption) {\n            this.options.artworkAlt = this.options.artwork ? DEFAULT_OPTIONS.artworkAlt : '';\n        }\n\n        // Apply preload setting if it was changed\n        if (options.preload && this.audio) {\n            this.audio.preload = options.preload;\n        }\n\n        // Update artist only when explicitly provided. A null artist keeps the\n        // existing artist, while an empty string removes it.\n        if (artist !== null) {\n            this.syncArtist(artist);\n        }\n\n        // Update artwork when explicitly provided. The caller can pass an empty\n        // value to remove existing artwork from the in-place player.\n        if (hasArtworkOption || hasArtworkAltOption) {\n            this.syncArtwork(\n                hasArtworkOption ? options.artwork : this.options.artwork,\n                hasArtworkAltOption ? options.artworkAlt : this.options.artworkAlt\n            );\n        }\n\n        // Clear or update markers\n        this.options.markers = options.markers || [];\n\n        // Reset the waveform to the NEW track's peaks, or null to regenerate\n        // from the URL. mergeOptions() above keeps the previous track's\n        // this.options.waveform when the caller passes none, and load() does\n        // `if (this.options.waveform) setWaveformData(...)` \u2014 so without this\n        // reset a track loaded without peaks would redraw the PREVIOUS track's\n        // waveform (audio changes, visualization doesn't).\n        this.options.waveform = options.waveform || null;\n\n        // Load the new track\n        await this.load(url);\n\n        // Auto-play the new track unless the caller opted out \u2014 lets a\n        // controller load/restore/enqueue without forcing playback.\n        if (options.autoplay !== false) {\n            this.play()?.catch(() => {});\n        }\n    }\n\n    // ============================================\n    // Visualization\n    // ============================================\n\n    /**\n     * Normalise externally-supplied waveform data into `this.waveformData` and\n     * redraw.\n     *\n     * Accepts several shapes: a `.json` URL (fetched async; peaks and any\n     * embedded `markers` are applied on resolve), a JSON-encoded array string,\n     * a comma-separated number string, or a plain number array. Malformed\n     * input degrades to an empty array rather than throwing.\n     * @param {string|number[]} data - Peaks as an array, a JSON/CSV string, or\n     *   a URL to a `.json` peaks file.\n     * @private\n     */\n    setWaveformData(data) {\n        // URL to JSON file \u2014 fetch peaks and maybe markers\n        if (typeof data === 'string' && data.trim().endsWith('.json')) {\n            fetch(data.trim())\n                .then(r => r.json())\n                .then(json => {\n                    this.waveformData = Array.isArray(json) ? json : (json.peaks || []);\n                    if (json.markers && !this.options.markers?.length) {\n                        this.options.markers = json.markers;\n                        this.renderMarkers();\n                    }\n                    this.drawWaveform();\n                })\n                .catch(() => {});\n            return;\n        }\n\n        if (typeof data === 'string') {\n            try {\n                const parsed = JSON.parse(data);\n                this.waveformData = Array.isArray(parsed) ? parsed : [];\n            } catch {\n                this.waveformData = data.split(',').map(Number);\n            }\n        } else {\n            this.waveformData = Array.isArray(data) ? data : [];\n        }\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the current waveform + progress to the canvas via the shared\n     * {@link draw} routine, passing the resolved style and colours. No-op\n     * before the context exists or while there is no peak data.\n     * @private\n     */\n    drawWaveform() {\n        if (!this.ctx || this.waveformData.length === 0) return;\n\n        draw(this.ctx, this.canvas, this.waveformData, this.progress, {\n            ...this.options,\n            waveformStyle: this.options.waveformStyle || 'bars',\n            color: this.options.waveformColor,\n            progressColor: this.options.progressColor,\n            seekActive: this._seekHover || this._dragging\n        });\n    }\n\n    /**\n     * Re-fit the canvas backing store to its parent's width and the configured\n     * height, scaled by the device pixel ratio for crisp rendering, then\n     * redraw. Guards against running after destruction.\n     * @private\n     */\n    resizeCanvas() {\n        // Guard against calls after destruction\n        if (!this.canvas || this.isDestroying) {\n            return;\n        }\n\n        const dpr = window.devicePixelRatio || 1;\n        const rect = this.canvas.parentElement.getBoundingClientRect();\n\n        this.canvas.width = rect.width * dpr;\n        this.canvas.height = this.options.height * dpr;\n        this.canvas.parentElement.style.height = this.options.height + 'px';\n\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the configured cue markers as positioned, clickable buttons over\n     * the waveform.\n     *\n     * Clears any existing markers first, then bails out unless `showMarkers` is\n     * on, markers exist, and a duration is known (via the mode-agnostic\n     * {@link WaveformPlayer#getSeekDuration}). Each marker is placed by its\n     * time-as-percentage, carries a tooltip and ARIA label, and seeks on click\n     * (also starting playback when `playOnSeek` is set and currently paused).\n     * Markers past the track duration are skipped with a warning.\n     * @private\n     */\n    renderMarkers() {\n        if (!this.markersContainer) return;\n\n        // Always clear existing markers first\n        this.markersContainer.innerHTML = '';\n        // Re-sync the active marker on the next progress tick (the DOM was wiped).\n        this._activeMarkerIndex = -1;\n        clearTimeout(this._markerLabelTimer);\n\n        if (!this.options.showMarkers || !this.options.markers?.length) return;\n\n        // Duration may come from the <audio> (self mode) or the external\n        // controller (external mode) \u2014 use the mode-agnostic accessor.\n        const duration = this.getSeekDuration();\n        if (!duration) {\n            return;\n        }\n\n        // Add each marker\n        this.options.markers.forEach((marker, index) => {\n            // Skip markers that are beyond the audio duration\n            if (marker.time > duration) {\n                console.warn(`[WaveformPlayer] Marker \"${marker.label}\" at ${marker.time}s exceeds audio duration of ${duration}s`);\n                return;\n            }\n\n            const position = (marker.time / duration) * 100;\n\n            const markerEl = document.createElement('button');\n            markerEl.className = 'waveform-marker';\n            markerEl.style.left = `${position}%`;\n            markerEl.style.backgroundColor = marker.color || 'rgba(255, 255, 255, 0.5)';\n            markerEl.setAttribute('aria-label', marker.label);\n            markerEl.setAttribute('data-time', marker.time);\n\n            // Tooltip\n            const tooltip = document.createElement('span');\n            tooltip.className = 'waveform-marker-tooltip';\n            tooltip.textContent = marker.label;\n            markerEl.appendChild(tooltip);\n\n            // Click to seek\n            markerEl.addEventListener('click', (e) => {\n                e.stopPropagation();\n                this.seekTo(marker.time);\n                if (this.options.playOnSeek && !this.isPlaying) {\n                    this.play();\n                }\n            });\n\n            this.markersContainer.appendChild(markerEl);\n        });\n    }\n\n    /**\n     * Highlight the marker at `index` (toggling an `active` class) and clear\n     * the rest. Pass `null` to clear all. Lets an external controller (e.g. a\n     * DJ bar) reflect the current section without reaching into the player's\n     * private marker DOM.\n     * @param {number|null} index - Marker index to activate, or `null` to clear.\n     */\n    setActiveMarker(index) {\n        if (!this.markersContainer) return;\n        const markers = this.markersContainer.querySelectorAll('.waveform-marker');\n        markers.forEach((el, i) => el.classList.toggle('active', i === index));\n    }\n\n    /**\n     * Highlight the marker the playhead has most recently passed \u2014 the rendered\n     * marker with the greatest `time` \u2264 the current time \u2014 and reveal its label.\n     * Driven from the progress loop; a no-op when there are no markers. Reuses\n     * {@link WaveformPlayer#setActiveMarker}, and only re-applies when the active\n     * marker actually changes.\n     * @private\n     */\n    updateActiveMarker() {\n        if (!this.markersContainer) return;\n        const els = this.markersContainer.querySelectorAll('.waveform-marker');\n        if (!els.length) return;\n        const dur = this.getSeekDuration();\n        const t = dur ? this.progress * dur : 0;\n        let active = -1;\n        let best = -Infinity;\n        els.forEach((el, i) => {\n            const mt = parseFloat(el.getAttribute('data-time'));\n            if (Number.isFinite(mt) && mt <= t + 0.05 && mt > best) {\n                best = mt;\n                active = i;\n            }\n        });\n        if (active !== this._activeMarkerIndex) {\n            this._activeMarkerIndex = active;\n            this.setActiveMarker(active);\n            // Flash the newly-active marker's label, then let it fade \u2014 the\n            // highlight stays. Override via `.waveform-marker.show-label` CSS.\n            clearTimeout(this._markerLabelTimer);\n            els.forEach((el, i) => el.classList.toggle('show-label', i === active));\n            if (active >= 0) {\n                this._markerLabelTimer = setTimeout(() => {\n                    this.markersContainer\n                        ?.querySelectorAll('.waveform-marker')\n                        .forEach((el) => el.classList.remove('show-label'));\n                }, 2500);\n            }\n        }\n    }\n\n    /**\n     * Build the time tooltip that follows the pointer over the waveform. The\n     * element is always created so **drag-scrub** can show the time you're\n     * dragging to; the *hover* reveal is gated on `showHoverTime`. Works in both\n     * self and external modes (it only needs {@link WaveformPlayer#getSeekDuration}).\n     * @private\n     */\n    setupHoverTime() {\n        if (!this.seekEl) return;\n        const tip = document.createElement('div');\n        tip.className = 'waveform-hover-time';\n        tip.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(tip);\n        this.hoverTimeEl = tip;\n\n        // Without showHoverTime the tip is drag-only \u2014 no hover listeners.\n        if (!this.options.showHoverTime) return;\n\n        // Hover updates the tip; the drag handlers also call _updateHoverTip so\n        // the time follows the playhead while scrubbing (Spotify-style). The\n        // guard avoids a double-update when a drag is in progress (the canvas\n        // pointermove already drives it then).\n        this.seekEl.addEventListener('pointermove', (e) => {\n            if (!this._dragging) this._updateHoverTip(e.clientX);\n        });\n        this.seekEl.addEventListener('pointerleave', () => {\n            if (!this._dragging) this._hideHoverTip();\n        });\n    }\n\n    /**\n     * Position + fill the hover-time tooltip for a given client-X. Shared by\n     * hover and drag-scrub. No-op when the tooltip isn't enabled\n     * (`showHoverTime` off).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _updateHoverTip(clientX) {\n        const tip = this.hoverTimeEl;\n        if (!tip) return;\n        const dur = this.getSeekDuration();\n        if (!dur) { tip.style.opacity = '0'; return; }\n        const rect = this.canvas.getBoundingClientRect();\n        const pct = clamp((clientX - rect.left) / rect.width);\n        tip.textContent = formatTime(pct * dur);\n        tip.style.left = (pct * 100) + '%';\n        tip.style.opacity = '1';\n    }\n\n    /** Hide the hover-time tooltip. @private */\n    _hideHoverTip() {\n        if (this.hoverTimeEl) this.hoverTimeEl.style.opacity = '0';\n    }\n\n    /**\n     * Visually preview a seek during a drag \u2014 moves the playhead + handle +\n     * tooltip to the cursor WITHOUT touching the audio (playback continues; the\n     * real seek is committed on release).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _scrubTo(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        this.progress = clamp((clientX - rect.left) / rect.width);\n        this.drawWaveform();\n        this._updateSeekHandle();\n        // Live time readout while scrubbing (Spotify-style): the audio keeps\n        // playing at its old position; the display shows where release lands.\n        const dur = this.getSeekDuration();\n        if (dur && this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.progress * dur);\n            // The current-time already shows the target \u2014 don't also pop the\n            // hover tooltip with the same value (that duplicate is the bug).\n            this._hideHoverTip();\n        } else {\n            // No current-time readout to fall back on \u2014 keep the tooltip as the\n            // only scrub feedback.\n            this._updateHoverTip(clientX);\n        }\n    }\n\n    /**\n     * Create the draggable seek handle \u2014 a DOM circle over the playhead, shown\n     * only on hover / drag (Spotify-style). Pointer-events are off so it never\n     * blocks the canvas scrub; size + visibility are CSS.\n     * @private\n     */\n    setupSeekHandle() {\n        // Only the seekbar style \u2014 on a real waveform the fill-edge already is\n        // the playhead, so a floating dot is just noise.\n        if (!this.options.seekHandle || this.options.waveformStyle !== 'seekbar' || !this.seekEl) return;\n        const h = document.createElement('div');\n        h.className = 'waveform-seek-handle';\n        h.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(h);\n        this.seekHandleEl = h;\n    }\n\n    /**\n     * Position the seek handle at the current progress and toggle its\n     * visibility (hover / drag) + expanded (drag / direct-hover) classes.\n     * @private\n     */\n    _updateSeekHandle() {\n        const h = this.seekHandleEl;\n        if (!h) return;\n        h.style.left = (this.progress * 100) + '%';\n        h.classList.toggle('is-visible', this._seekHover || this._dragging);\n        h.classList.toggle('is-active', this._dragging || this._handleNear);\n    }\n\n    // ============================================\n    // Event Handlers\n    // ============================================\n\n    /**\n     * Seek to the clicked horizontal position on the waveform canvas.\n     *\n     * Converts the click X into a 0..1 percentage. In external mode it\n     * dispatches a cancelable `waveformplayer:request-seek` event (updating the\n     * local visual optimistically unless the controller vetoes it); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {MouseEvent} event - The canvas click event.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    handleCanvasClick(event) {\n        // Ignore the synthetic click that trails a pointer drag (see endDrag).\n        if (this._suppressClick) { this._suppressClick = false; return; }\n        this._seekFromPointer(event.clientX);\n    }\n\n    /**\n     * Seek to a horizontal client-X position over the canvas \u2014 shared by\n     * click and drag. In external mode the player has no audio of its own,\n     * so it dispatches a cancelable `waveformplayer:request-seek` with the\n     * target percentage (updating the local visual optimistically); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _seekFromPointer(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        const targetPercent = clamp((clientX - rect.left) / rect.width);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(targetPercent);\n            return;\n        }\n\n        if (!this.audio || !this.audio.duration) return;\n        this.seekToPercent(targetPercent);\n    }\n\n    /**\n     * Toggle the loading state: show/hide the spinner overlay and set\n     * `aria-busy` on the accessible seek slider so assistive tech knows the\n     * player is fetching/decoding.\n     * @param {boolean} loading - True while audio is loading.\n     * @private\n     */\n    setLoading(loading) {\n        this.isLoading = loading;\n        if (this.loadingEl) {\n            this.loadingEl.style.display = loading ? 'block' : 'none';\n        }\n        // Let assistive tech know the player is busy fetching/decoding.\n        if (this.seekEl) {\n            this.seekEl.setAttribute('aria-busy', loading ? 'true' : 'false');\n        }\n    }\n\n    /**\n     * `loadedmetadata` handler (self mode): write the total-time display, now\n     * that duration is known re-render markers, and publish duration to the\n     * accessible seek slider. No-op during destruction.\n     * @private\n     */\n    onMetadataLoaded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        if (this.totalTimeEl) {\n            this.totalTimeEl.textContent = formatTime(this.audio.duration);\n        }\n        // Re-render markers when duration is known\n        this.renderMarkers();\n        // Duration is now known \u2014 publish it to the accessible slider.\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Reflect play/pause state on the transport button: toggle the `playing`\n     * class and swap the play/pause icon visibility. The single source of\n     * truth shared by `onPlay`, `onPause`, and the external-mode\n     * `setPlayingState` pump so they can't drift. No-op without a button.\n     * @param {boolean} isPlaying - Whether playback is active.\n     * @private\n     */\n    setPlayButtonState(isPlaying) {\n        if (!this.playBtn) return;\n        this.playBtn.classList.toggle('playing', isPlaying);\n        const playIcon = this.playBtn.querySelector('.waveform-icon-play');\n        const pauseIcon = this.playBtn.querySelector('.waveform-icon-pause');\n        if (playIcon) playIcon.style.display = isPlaying ? 'none' : 'flex';\n        if (pauseIcon) pauseIcon.style.display = isPlaying ? 'flex' : 'none';\n    }\n\n    /**\n     * `play` handler (self mode): set the playing flag, swap the button to its\n     * pause icon, start the smooth progress loop, dispatch\n     * `waveformplayer:play`, and fire the `onPlay` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:play\n     */\n    onPlay() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = true;\n\n        this.setPlayButtonState(true);\n\n        this.startSmoothUpdate();\n\n        // iOS drops Media Session metadata set before playback begins \u2014 re-assert\n        // metadata + playback state now that we're actually playing.\n        this._updateMediaSession('playing');\n\n        // Dispatch play event\n        this._emit('waveformplayer:play', {player: this, url: this.options.url});\n\n        if (this.options.onPlay) {\n            this.options.onPlay(this);\n        }\n    }\n\n    /**\n     * `pause` handler (self mode): clear the playing flag, swap the button back\n     * to its play icon, stop the smooth progress loop, dispatch\n     * `waveformplayer:pause`, and fire the `onPause` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    onPause() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = false;\n\n        this.setPlayButtonState(false);\n\n        this.stopSmoothUpdate();\n\n        this._updateMediaSession('paused');\n\n        // Dispatch pause event\n        this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n\n        if (this.options.onPause) {\n            this.options.onPause(this);\n        }\n    }\n\n    /**\n     * `ended` handler (self mode): reset progress and `currentTime` to the\n     * start, redraw, reset the time display, dispatch `waveformplayer:ended`\n     * (carrying the final time), run {@link WaveformPlayer#onPause}, and fire\n     * the `onEnd` callback. No-op during destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    onEnded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        const duration = this.audio.duration;\n\n        this.progress = 0;\n        this.audio.currentTime = 0;\n        this.drawWaveform();\n\n        // Reset time display\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = '0:00';\n        }\n\n        // Dispatch ended event \u2014 carries the final time so listeners (e.g.\n        // analytics) don't have to reach into player.audio.\n        this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n\n        this.onPause();\n\n        if (this.options.onEnd) {\n            this.options.onEnd(this);\n        }\n    }\n\n    /**\n     * `error` handler: set the error flag, hide the spinner, reveal the error\n     * overlay, dim the canvas, disable the play button, and fire the `onError`\n     * callback. No-op during destruction.\n     * @param {Event|Error} error - The audio error event, or an Error thrown\n     *   during loading.\n     * @private\n     */\n    onError(error) {\n        // Ignore errors during destruction\n        if (this.isDestroying) return;\n\n        console.error('[WaveformPlayer] Audio error:', error);\n        this.hasError = true;\n        this.setLoading(false);\n\n        if (this.errorEl) {\n            this.errorEl.style.display = 'flex';\n        }\n\n        if (this.canvas) {\n            this.canvas.style.opacity = '0.2';\n        }\n\n        if (this.playBtn) {\n            this.playBtn.disabled = true;\n        }\n\n        if (this.options.onError) {\n            this.options.onError(error, this);\n        }\n    }\n\n    // ============================================\n    // Progress Updates\n    // ============================================\n\n    /**\n     * Start the `requestAnimationFrame` loop that drives smooth progress\n     * updates while playing (self mode only \u2014 external mode is redrawn by\n     * controller {@link WaveformPlayer#setProgress} pushes). Cancels any\n     * existing loop first so it's safe to call repeatedly.\n     * @private\n     */\n    startSmoothUpdate() {\n        this.stopSmoothUpdate();\n\n        const update = () => {\n            // In external mode the canvas redraws are driven by\n            // setProgress() pushes from the controller \u2014 no internal\n            // RAF needed. Self-mode keeps the smooth-update loop.\n            if (this.isPlaying && this.audio && this.audio.duration) {\n                this.updateProgress();\n                this.updateTimer = requestAnimationFrame(update);\n            }\n        };\n\n        this.updateTimer = requestAnimationFrame(update);\n    }\n\n    /**\n     * Cancel the smooth-update animation frame, if one is scheduled.\n     * @private\n     */\n    stopSmoothUpdate() {\n        if (this.updateTimer) {\n            cancelAnimationFrame(this.updateTimer);\n            this.updateTimer = null;\n        }\n    }\n\n    /**\n     * Recompute progress from the owned `<audio>` clock and reflect it\n     * everywhere (self mode only \u2014 external mode uses\n     * {@link WaveformPlayer#setProgress}).\n     *\n     * Redraws the canvas when progress moves meaningfully, updates the\n     * current-time display, dispatches `waveformplayer:timeupdate`, fires the\n     * `onTimeUpdate` callback, and refreshes the accessible slider values.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     */\n    updateProgress() {\n        // Self-mode only \u2014 external mode receives progress via\n        // setProgress() from the controller and never calls this.\n        if (!this.audio || !this.audio.duration) return;\n        // While dragging, the playhead previews the cursor \u2014 don't let playback\n        // move it (the audio keeps playing; the seek commits on release).\n        if (this._dragging) return;\n\n        const newProgress = this.audio.currentTime / this.audio.duration;\n\n        if (Math.abs(newProgress - this.progress) > 0.001) {\n            this.progress = newProgress;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        }\n\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.audio.currentTime);\n        }\n\n        // Dispatch timeupdate event\n        this._emit('waveformplayer:timeupdate', {\n            player: this,\n            currentTime: this.audio.currentTime,\n            duration: this.audio.duration,\n            progress: this.progress,\n            url: this.options.url\n        });\n\n        if (this.options.onTimeUpdate) {\n            this.options.onTimeUpdate(this.audio.currentTime, this.audio.duration, this);\n        }\n\n        this.updateActiveMarker();\n        this.updateSeekAccessibility();\n    }\n\n    // ============================================\n    // UI Updates\n    // ============================================\n\n    /**\n     * Show the detected BPM in the badge, once a value has been detected.\n     * @private\n     */\n    updateBPMDisplay() {\n        // A caller-supplied `bpm` wins over auto-detection \u2014 useful when peaks\n        // are pre-generated (so the audio is never decoded) but the BPM is known\n        // anyway, e.g. sample-pack previews where the tempo is in the metadata.\n        const bpm = this.options.bpm || this.detectedBPM;\n        if (this.bpmEl && this.bpmValueEl && bpm) {\n            this.bpmValueEl.textContent = Math.round(bpm);\n            this.bpmEl.style.display = 'inline-flex';\n        }\n    }\n\n    /**\n     * Re-detect the page theme and re-apply auto colours + redraw, so an\n     * auto-themed player adapts to a runtime light/dark switch (not just the\n     * value present on load). No-op when the player uses an explicit\n     * `colorPreset` or hand-set colours. Driven by the shared theme watcher.\n     * @public\n     */\n    refreshTheme() {\n        if (!this._autoTheme) return;\n        this._scheme = detectColorScheme();\n        const preset = getColorPreset(this.options.colorPreset);\n        for (const key of (this._presetKeys || [])) {\n            if (key in preset) this.options[key] = preset[key];\n        }\n        this._applyThemeColors();\n    }\n\n    /**\n     * Sync the theme class (CSS drives the DOM chrome colours via `--wfp-*`\n     * variables) and redraw the canvas with the resolved waveform colours.\n     * @private\n     */\n    _applyThemeColors() {\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n        if (this.canvas) this.drawWaveform();\n    }\n\n    /**\n     * Lazily install ONE shared watcher that re-detects the theme for every\n     * auto-themed instance when the document theme changes \u2014 a class/attribute\n     * flip on `<html>`/`<body>` (Tailwind `dark`, `data-theme`,\n     * `data-color-scheme`) or an OS `prefers-color-scheme` change. Event-driven\n     * (MutationObserver + matchMedia), never a timer.\n     * @private\n     */\n    static _watchTheme() {\n        if (WaveformPlayer._themeWatch || typeof document === 'undefined') return;\n        const refresh = () => requestAnimationFrame(() => {\n            WaveformPlayer.instances.forEach((p) => {\n                try { p.refreshTheme(); } catch (e) { /* ignore */ }\n            });\n        });\n        const opts = {attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-scheme', 'style']};\n        const obs = new MutationObserver(refresh);\n        obs.observe(document.documentElement, opts);\n        if (document.body) obs.observe(document.body, opts);\n        let mq = null;\n        try {\n            mq = window.matchMedia('(prefers-color-scheme: dark)');\n            mq.addEventListener('change', refresh);\n        } catch (e) { /* no matchMedia */ }\n        WaveformPlayer._themeWatch = {obs, mq, refresh};\n    }\n\n    /**\n     * Sync the speed control's label and the menu's active-option highlight to\n     * the audio element's current `playbackRate`. No-op in external mode (no\n     * owned `<audio>`), which also avoids reading `playbackRate` before the\n     * element exists.\n     * @private\n     */\n    updateSpeedUI() {\n        // External mode owns no <audio>; nothing to reflect (and reading\n        // this.audio.playbackRate here would throw during construction).\n        if (!this.audio) return;\n\n        const speedValue = this.container.querySelector('.speed-value');\n        if (speedValue) {\n            const rate = this.audio.playbackRate;\n            speedValue.textContent = rate === 1 ? '1x' : `${rate}x`;\n        }\n\n        // Update active state in menu\n        this.container.querySelectorAll('.speed-option').forEach(btn => {\n            const on = parseFloat(btn.dataset.rate) === this.audio.playbackRate;\n            btn.classList.toggle('active', on);\n            btn.setAttribute('aria-checked', on ? 'true' : 'false');\n        });\n    }\n\n    // ============================================\n    // Public API\n    // ============================================\n\n    /**\n     * Play audio.\n     *\n     * In `audioMode: 'self'` (default): calls the underlying <audio>\n     * element's play(). Returns the promise from HTMLMediaElement.play().\n     *\n     * In `audioMode: 'external'`: dispatches a cancelable\n     * `waveformplayer:request-play` event with the track metadata and\n     * does NOT touch any audio element. Returns `undefined`. An external\n     * controller (e.g. WaveformBar) listens for this event and starts\n     * playback on its own audio source, then pushes state back via\n     * setPlayingState() / setProgress(). Calling preventDefault() on\n     * the event lets the controller veto the play (state is unchanged).\n     *\n     * When `singlePlay` is enabled, any other currently-playing instance is\n     * paused first.\n     *\n     * @return {Promise|undefined} The promise from `HTMLMediaElement.play()` in\n     *   self mode; `undefined` in external mode.\n     * @fires WaveformPlayer#waveformplayer:request-play\n     */\n    play() {\n        if (this.options.singlePlay && WaveformPlayer.currentlyPlaying &&\n            WaveformPlayer.currentlyPlaying !== this) {\n            WaveformPlayer.currentlyPlaying.pause();\n        }\n\n        if (this.options.audioMode === 'external') {\n            const evt = this._emit('waveformplayer:request-play', this._buildTrackDetail(), true);\n            // If the controller cancels (preventDefault), don't claim\n            // \"currentlyPlaying\" \u2014 the controller didn't accept the play.\n            if (!evt.defaultPrevented) {\n                WaveformPlayer.currentlyPlaying = this;\n            }\n            return undefined;\n        }\n\n        WaveformPlayer.currentlyPlaying = this;\n        return this.audio.play();\n    }\n\n    /**\n     * Pause audio.\n     *\n     * In `audioMode: 'external'`, dispatches `waveformplayer:request-pause`\n     * (cancelable) and does NOT touch any audio element. See play().\n     *\n     * @fires WaveformPlayer#waveformplayer:request-pause\n     */\n    pause() {\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n        if (this.options.audioMode === 'external') {\n            this._emit('waveformplayer:request-pause', this._buildTrackDetail(), true);\n            return;\n        }\n        this.audio.pause();\n    }\n\n    /**\n     * Build the track detail object dispatched by request-play /\n     * request-pause events in external audio mode. Mirrors the shape\n     * WaveformBar.play() accepts so a controller can forward it\n     * directly: `WaveformBar.play(event.detail)`.\n     *\n     * @private\n     * @return {{url:string,title:?string,artist:?string,artwork:?string,player:WaveformPlayer}}\n     */\n    _buildTrackDetail() {\n        return {\n            url:      this.options.url,\n            title:    this.options.title,\n            artist:   this.options.artist,\n            artwork:  this.options.artwork,\n            markers:  this.options.markers,\n            waveform: this.options.waveform,\n            id:       this.id,\n            player:   this\n        };\n    }\n\n    /**\n     * External-mode state pump: flip the play/pause visual state without\n     * touching audio. Mirrors what onPlay()/onPause() do but skips the\n     * audio-element interactions. Safe to call repeatedly \u2014 idempotent.\n     *\n     * Only dispatches `waveformplayer:play`/`waveformplayer:pause` (and runs\n     * the matching callback) on an actual transition, starting/stopping the\n     * smooth-update loop accordingly.\n     *\n     * @param {boolean} playing - True to enter the playing state, false to\n     *   enter the paused state.\n     * @fires WaveformPlayer#waveformplayer:play\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    setPlayingState(playing) {\n        const wasPlaying = this.isPlaying;\n        this.isPlaying = !!playing;\n        this.setPlayButtonState(this.isPlaying);\n        if (this.isPlaying && !wasPlaying) {\n            this.startSmoothUpdate?.();\n            this._emit('waveformplayer:play', {player: this, url: this.options.url});\n            if (this.options.onPlay) this.options.onPlay(this);\n        } else if (!this.isPlaying && wasPlaying) {\n            this.stopSmoothUpdate?.();\n            this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n            if (this.options.onPause) this.options.onPause(this);\n        }\n    }\n\n    /**\n     * External-mode state pump: update the visualization's progress\n     * from an external clock (e.g. WaveformBar's audio element's\n     * timeupdate). Drives the canvas redraw + the time displays.\n     *\n     * Redraws the canvas, updates the current/total time displays, stores the\n     * external duration for the accessible slider, dispatches\n     * `waveformplayer:timeupdate`, runs `onTimeUpdate`, and synthesizes a\n     * one-shot `waveformplayer:ended` (with `onEnd`) when progress reaches the\n     * end. No-op for a non-positive duration.\n     *\n     * @param {number} currentTime - Current playback position in seconds.\n     * @param {number} duration - Total track duration in seconds.\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    setProgress(currentTime, duration) {\n        if (!duration || duration <= 0) return;\n        this.progress = clamp(currentTime / duration);\n        // Mirror the existing display update code so callers don't have\n        // to know which DOM elements live where.\n        if (this.currentTimeEl)  this.currentTimeEl.textContent  = formatTime(currentTime);\n        // Publish the duration unconditionally \u2014 the accessible seek slider\n        // and keyboard seeking read getSeekDuration()/_extDuration even when\n        // there's no time display to update.\n        this._extDuration = duration;\n        if (this.totalTimeEl && (!this.totalTimeEl.dataset._extSet || this.totalTimeEl.dataset._extDur !== String(duration))) {\n            this.totalTimeEl.textContent = formatTime(duration);\n            this.totalTimeEl.dataset._extSet = '1';\n            this.totalTimeEl.dataset._extDur = String(duration);\n        }\n        this.drawWaveform?.();\n        this.updateActiveMarker();\n        this._emit('waveformplayer:timeupdate', {player: this, currentTime, duration, progress: this.progress, url: this.options.url});\n        // Same (currentTime, duration, player) signature as self mode \u2014 the\n        // arg order used to be swapped here, which made one shared handler\n        // impossible across audioModes.\n        if (this.options.onTimeUpdate) this.options.onTimeUpdate(currentTime, duration, this);\n\n        // External mode has no <audio> 'ended' event \u2014 synthesize one when the\n        // controller's progress reaches the end (fires once per playthrough).\n        if (this.progress >= 1) {\n            if (!this._extEnded) {\n                this._extEnded = true;\n                this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n                if (this.options.onEnd) this.options.onEnd(this);\n            }\n        } else {\n            this._extEnded = false;\n        }\n\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Toggle between play and pause based on the current `isPlaying` state.\n     * Works in both audio modes (in external mode it routes through the\n     * request-play/pause events).\n     */\n    togglePlay() {\n        if (this.isPlaying) {\n            this.pause();\n        } else {\n            this.play();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to an absolute time, clamped to\n     * `[0, duration]`, and refresh progress. Self mode only \u2014 a no-op when\n     * there is no audio element or duration. External-mode keyboard/click\n     * seeks go through {@link WaveformPlayer#seekToSeconds} instead.\n     * @param {number} seconds - Target time in seconds.\n     */\n    seekTo(seconds) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = clamp(seconds, 0, this.audio.duration);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to a fraction of the track, clamped to\n     * `[0, 1]`, and refresh progress. Self mode only \u2014 a no-op without an audio\n     * element or duration.\n     * @param {number} percent - Position as a fraction from 0 to 1.\n     */\n    seekToPercent(percent) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = this.audio.duration * clamp(percent);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's volume, clamped to `[0, 1]`. Self mode\n     * only \u2014 a no-op in external mode where the controller owns volume.\n     * @param {number} volume - Volume from 0 (silent) to 1 (full).\n     */\n    setVolume(volume) {\n        // Coerce + guard: a non-finite value (e.g. from a bad config or stale\n        // storage) must not propagate NaN into audio.volume (which throws).\n        const v = Number(volume);\n        if (this.audio && Number.isFinite(v)) {\n            this.audio.volume = clamp(v);\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's playback rate (clamped to 0.5\u20132),\n     * persist it onto `this.options.playbackRate`, and refresh the speed UI.\n     * Self mode only \u2014 a no-op in external mode.\n     * @param {number} rate - Desired playback rate; clamped to the 0.5\u20132 range.\n     */\n    setPlaybackRate(rate) {\n        if (!this.audio) return;\n\n        const clampedRate = clamp(rate, 0.5, 2);\n        this.audio.playbackRate = clampedRate;\n        this.options.playbackRate = clampedRate;\n\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Tear down the player and release all resources.\n     *\n     * Flags destruction (so in-flight handlers bail), dispatches\n     * `waveformplayer:destroy`, stops playback and the animation loop, aborts\n     * every listener registered on the instance signal, disconnects the resize\n     * observer, removes the window-resize handler, drops the instance from the\n     * static map and `currentlyPlaying`, resets/releases the audio element, and\n     * empties the container.\n     * @fires WaveformPlayer#waveformplayer:destroy\n     */\n    destroy() {\n        // Set a flag to indicate we're destroying\n        this.isDestroying = true;\n\n        // Let listeners (analytics, controllers) release their references\n        // before teardown \u2014 the symmetric counterpart to waveformplayer:ready.\n        this._emit('waveformplayer:destroy', {player: this, url: this.options.url});\n\n        // Stop playback and animations\n        this.pause();\n        this.stopSmoothUpdate();\n        clearTimeout(this._markerLabelTimer);\n\n        // Tear down every document/container/seek listener in one shot.\n        this._ac?.abort();\n\n        // Disconnect observer\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = null;\n        }\n\n        // Remove window resize listener\n        if (this.resizeHandler) {\n            window.removeEventListener('resize', this.resizeHandler);\n            this.resizeHandler = null;\n        }\n\n        // Remove from instances map\n        WaveformPlayer.instances.delete(this.id);\n\n        // Clear current playing reference if it's this instance\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n\n        // Properly clean up audio element\n        if (this.audio) {\n            this.audio.pause();\n            this.audio.src = '';\n            this.audio.load(); // Reset the audio element\n            this.audio = null;\n        }\n\n        // Clear the container\n        this.container.innerHTML = '';\n\n        // Clear all references\n        this.canvas = null;\n        this.ctx = null;\n        this.playBtn = null;\n        this.waveformData = [];\n    }\n\n    // ============================================\n    // Static Methods\n    // ============================================\n\n    /**\n     * Get player instance by ID, element, or element ID\n     * @param {string|HTMLElement} idOrElement - Player ID, element, or element ID\n     * @returns {WaveformPlayer|undefined}\n     */\n    static getInstance(idOrElement) {\n        if (typeof idOrElement === 'string') {\n            const instance = this.instances.get(idOrElement);\n            if (instance) return instance;\n\n            const element = document.getElementById(idOrElement);\n            if (element) {\n                return Array.from(this.instances.values()).find(p => p.container === element);\n            }\n        }\n\n        if (idOrElement instanceof HTMLElement) {\n            return Array.from(this.instances.values()).find(p => p.container === idOrElement);\n        }\n\n        return undefined;\n    }\n\n    /**\n     * Get all player instances\n     * @returns {WaveformPlayer[]}\n     */\n    static getAllInstances() {\n        return Array.from(this.instances.values());\n    }\n\n    /**\n     * Destroy all player instances\n     */\n    static destroyAll() {\n        this.instances.forEach(player => player.destroy());\n        this.instances.clear();\n    }\n\n    /**\n     * Generate waveform data from audio URL\n     * @static\n     * @param {string} url - Audio URL\n     * @param {number} samples - Number of samples\n     * @returns {Promise<number[]>} Waveform peak data\n     */\n    static async generateWaveformData(url, samples = DEFAULT_SAMPLES) {\n        try {\n            const result = await generateWaveform(url, samples);\n            return result.peaks;\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to generate waveform:', error);\n            throw error;\n        }\n    }\n\n    /**\n     * Derive a peaks-JSON URL from an audio URL by swapping the\n     * extension. Strict counterpart to `generateWaveformData()`:\n     * `generateWaveformData` decodes the audio at runtime,\n     * `getPeaksUrl` assumes you generated the peaks at build time\n     * (e.g. with `@arraypress/waveform-gen`) and stored the JSON\n     * alongside the audio file.\n     *\n     * Use the result as the `waveform` option \u2014 the player detects\n     * the `.json` suffix, `fetch()`es the file, and skips the Web\n     * Audio decode pass entirely. Big perf win on catalogues with\n     * many tracks (saves ~1-5s decode per file on slow connections).\n     *\n     * Recognised extensions: mp3, wav, ogg, flac, m4a, aac.\n     * Preserves query strings + URL fragments. Returns `undefined`\n     * for unrecognised inputs so callers can pass through\n     * unconditionally:\n     *\n     *     new WaveformPlayer('#el', {\n     *       url: track.audioUrl,\n     *       waveform: WaveformPlayer.getPeaksUrl(track.audioUrl),\n     *     });\n     *\n     * @static\n     * @param {string|undefined|null} audioUrl - Audio file URL.\n     * @returns {string|undefined} Peaks JSON URL, or `undefined`\n     *   when the input is empty / has no recognised audio extension.\n     *\n     * @example\n     * WaveformPlayer.getPeaksUrl('/audio/track.mp3')\n     * // '/audio/track.json'\n     *\n     * WaveformPlayer.getPeaksUrl('/audio/track.wav?v=2')\n     * // '/audio/track.json?v=2'\n     *\n     * WaveformPlayer.getPeaksUrl(undefined)\n     * // undefined\n     */\n    static getPeaksUrl(audioUrl) {\n        if (!audioUrl) return undefined;\n        const swapped = audioUrl.replace(\n            /\\.(mp3|wav|ogg|flac|m4a|aac)(\\?[^#]*)?(#.*)?$/i,\n            '.json$2$3'\n        );\n        /* Nothing changed \u2192 unrecognised extension, return undefined\n         * so callers know to fall back to live decoding. */\n        return swapped === audioUrl ? undefined : swapped;\n    }\n\n}\n"],
+  "mappings": "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",
   "names": []
 }
diff --git a/dist/waveform-player.esm.js b/dist/waveform-player.esm.js
index 040c23f..d0cad0e 100644
--- a/dist/waveform-player.esm.js
+++ b/dist/waveform-player.esm.js
@@ -1,4 +1,4 @@
-function W(e){let t=-1/0;for(let i=0;i<e.length;i++)e[i]>t&&(t=e[i]);return t}function P(e){return String(e??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function U(e){if(typeof e!="string"||e==="")return!1;try{let t=new URL(e,"http://localhost/");return t.protocol==="http:"||t.protocol==="https:"}catch{return!1}}function m(e,t=0,i=1){return Math.max(t,Math.min(e,i))}function ot(e){return e===void 0?void 0:e==="true"}function q(e){if(typeof e=="string"&&e.trim().startsWith("["))try{return JSON.parse(e)}catch{}return e}function D(e){let t={},i=(a,o=a)=>{let n=ot(e.dataset[o]);n!==void 0&&(t[a]=n)},s=(a,o=a,n=!1)=>{let l=e.dataset[o];l&&(t[a]=n?parseFloat(l):parseInt(l,10))},r=(a,o=a)=>{let n=e.dataset[o];if(n)try{t[a]=JSON.parse(n)}catch(l){console.warn(`[WaveformPlayer] Invalid ${o} JSON:`,l)}};if(e.dataset.src&&(t.url=e.dataset.src),e.dataset.url&&(t.url=e.dataset.url),s("height"),s("samples"),e.dataset.preload&&(t.preload=e.dataset.preload),e.dataset.audioMode&&(t.audioMode=e.dataset.audioMode),e.dataset.style&&(t.waveformStyle=e.dataset.style),e.dataset.waveformStyle&&(t.waveformStyle=e.dataset.waveformStyle),e.dataset.waveformGradient&&(t.waveformGradient=e.dataset.waveformGradient),s("barWidth"),s("barSpacing"),s("barRadius"),e.dataset.buttonAlign&&(t.buttonAlign=e.dataset.buttonAlign),e.dataset.layout&&(t.layout=e.dataset.layout),e.dataset.buttonStyle&&(t.buttonStyle=e.dataset.buttonStyle),e.dataset.buttonSize){let a=e.dataset.buttonSize;t.buttonSize=/^\d+(\.\d+)?$/.test(a.trim())?parseFloat(a):a}return e.dataset.colorPreset&&(t.colorPreset=e.dataset.colorPreset),e.dataset.waveformColor&&(t.waveformColor=q(e.dataset.waveformColor)),e.dataset.progressColor&&(t.progressColor=q(e.dataset.progressColor)),e.dataset.color&&(t.waveformColor=e.dataset.color),e.dataset.theme&&(t.colorPreset=e.dataset.theme),i("autoplay"),i("showControls"),i("showInfo"),i("showTime"),i("showHoverTime"),i("seekHandle"),i("showBPM","showBpm"),s("bpm"),i("singlePlay"),i("playOnSeek"),e.dataset.title&&(t.title=e.dataset.title),e.dataset.artist&&(t.artist=e.dataset.artist),e.dataset.album&&(t.album=e.dataset.album),e.dataset.artwork&&(t.artwork=e.dataset.artwork),e.dataset.waveform&&(t.waveform=e.dataset.waveform),r("markers"),s("playbackRate","playbackRate",!0),i("showPlaybackSpeed"),r("playbackRates"),i("enableMediaSession"),i("showMarkers"),i("accessibleSeek"),e.dataset.seekLabel&&(t.seekLabel=e.dataset.seekLabel),e.dataset.seekValueText&&(t.seekValueText=e.dataset.seekValueText),e.dataset.errorText&&(t.errorText=e.dataset.errorText),e.dataset.playPauseLabel&&(t.playPauseLabel=e.dataset.playPauseLabel),e.dataset.speedLabel&&(t.speedLabel=e.dataset.speedLabel),e.dataset.artworkAlt&&(t.artworkAlt=e.dataset.artworkAlt),e.dataset.unknownTrackText&&(t.unknownTrackText=e.dataset.unknownTrackText),e.dataset.playIcon&&(t.playIcon=e.dataset.playIcon),e.dataset.pauseIcon&&(t.pauseIcon=e.dataset.pauseIcon),t}function N(e,...t){let i=0;return e.replace(/%(?:(\d+)\$)?s/g,(s,r)=>{let a=r?Number(r)-1:i++;return t[a]??s})}function S(e){if(!e||isNaN(e)||e<0)return"0:00";let t=Math.floor(e/3600),i=Math.floor(e%3600/60),s=Math.floor(e%60);return t>0?`${t}:${i.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`:`${i}:${s.toString().padStart(2,"0")}`}var nt=0;function V(e){let t=e||"audio",i=5381;for(let s=0;s<t.length;s++)i=(i<<5)+i+t.charCodeAt(s)|0;return`wp_${(i>>>0).toString(36)}_${(nt++).toString(36)}`}function H(e){if(!e)return"Audio";let t=e.split("/");return t[t.length-1].split(".")[0].replace(/[-_]/g," ").replace(/\b\w/g,r=>r.toUpperCase())}function j(e){let t=typeof e=="string"?e.match(/\d+/g):null;if(!t||t.length<3)return null;let[i,s,r]=t.map(Number);return(i*299+s*587+r*114)/1e3}function B(...e){let t={};for(let i of e)for(let s in i)i[s]!==null&&i[s]!==void 0&&(t[s]=i[s]);return t}function G(e,t){let i;return function(...r){let a=()=>{clearTimeout(i),e(...r)};clearTimeout(i),i=setTimeout(a,t)}}function x(e,t){if(e.length===t)return e;if(e.length===0||t===0)return[];let i=[];if(t>e.length){let s=(e.length-1)/(t-1);for(let r=0;r<t;r++){let a=r*s,o=Math.floor(a),n=Math.ceil(a),l=a-o;if(n>=e.length)i.push(e[e.length-1]);else if(o===n)i.push(e[o]);else{let h=e[o]*(1-l)+e[n]*l;i.push(h)}}}else{let s=e.length/t;for(let r=0;r<t;r++){let a=Math.floor(r*s),o=Math.floor((r+1)*s),n=0,l=0;for(let h=a;h<=o&&h<e.length;h++)e[h]>n&&(n=e[h]),l++;if(l===0){let h=Math.min(Math.round(r*s),e.length-1);n=e[h]}i.push(n)}}return i}function E(e,t,i,s){if(!Array.isArray(t))return t;if(t.length<2)return t[0];let r=i.width,a=i.height,o=s&&s.waveformGradient,[n,l,h,d]=o==="horizontal"?[0,0,r,0]:o==="diagonal"?[0,0,r,a]:[0,0,0,a];try{let u=e.createLinearGradient(n,l,h,d);return t.forEach((v,g)=>u.addColorStop(g/(t.length-1),v)),u}catch{return t[0]}}function _(e,t,i,s,r,a){if((Array.isArray(a)?a.some(n=>n>0):a>0)&&typeof e.roundRect=="function"){let n=Math.min(s/2,Math.abs(r)/2),l=h=>m(h,0,n);e.beginPath(),e.roundRect(t,i,s,r,Array.isArray(a)?a.map(l):l(a)),e.fill()}else e.fillRect(t,i,s,r)}function X(e,t){return(e.barRadius||0)*t}function lt(e,t){let i=X(e,t);return[i,i,0,0]}function J(e,t,i,s,r){let a=r/2;e.beginPath(),e.moveTo(t,s-a),e.lineTo(i-a,s-a),e.arc(i-a,s,a,-Math.PI/2,Math.PI/2),e.lineTo(t,s+a),e.arc(t,s,a,Math.PI/2,-Math.PI/2),e.closePath()}function I(e,t,i,s,r){let a=window.devicePixelRatio||1,o=r.barWidth*a,n=r.barSpacing*a,l=Math.floor(t.width/(o+n)),h=x(i,l),d=t.height,u=s*t.width,v=lt(r,a),g=E(e,r.color,t,r),b=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=g;for(let f=0;f<h.length;f++){let p=f*(o+n);if(p+o>t.width)break;let y=h[f]*d*.9,c=d-y;_(e,p,c,o,y,v)}e.save(),e.beginPath(),e.rect(0,0,u,d),e.clip(),e.fillStyle=b;for(let f=0;f<h.length;f++){let p=f*(o+n);if(p>u)break;let y=h[f]*d*.9,c=d-y;_(e,p,c,o,y,v)}e.restore()}function ht(e,t,i,s,r){let a=window.devicePixelRatio||1,o=r.barWidth*a,n=r.barSpacing*a,l=Math.floor(t.width/(o+n)),h=x(i,l),d=t.height,u=d/2,v=s*t.width,g=X(r,a),b=[g,g,0,0],f=[0,0,g,g],p=E(e,r.color,t,r),y=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=p;for(let c=0;c<h.length;c++){let w=c*(o+n);if(w+o>t.width)break;let k=h[c]*d*.45;_(e,w,u-k,o,k,b),_(e,w,u,o,k,f)}e.save(),e.beginPath(),e.rect(0,0,v,d),e.clip(),e.fillStyle=y;for(let c=0;c<h.length;c++){let w=c*(o+n);if(w>v)break;let k=h[c]*d*.45;_(e,w,u-k,o,k,b),_(e,w,u,o,k,f)}e.restore()}function dt(e,t,i,s,r){let a=t.width,o=t.height,n=o/2,l=o*.35;e.clearRect(0,0,a,o);let h=(d,u,v=1,g=!1)=>{let b=E(e,d,t,r),f=Array.isArray(d)?d[d.length-1]:d;g&&(e.shadowBlur=12,e.shadowColor=f),e.strokeStyle=b,e.lineWidth=u,e.lineCap="round",e.lineJoin="round",e.beginPath(),e.moveTo(0,n);let p=[],y=Math.floor(i.length*v);for(let c=0;c<y;c++){let w=c/(i.length-1)*a,k=i[c],T=Math.sin(c*.1)*k,C=n+T*l;p.push({x:w,y:C})}for(let c=0;c<p.length-1;c++){let w=p[c].x+(p[c+1].x-p[c].x)*.5,k=p[c].y,T=p[c+1].x-(p[c+1].x-p[c].x)*.5,C=p[c+1].y;e.bezierCurveTo(w,k,T,C,p[c+1].x,p[c+1].y)}e.stroke(),g&&(e.shadowBlur=0)};e.strokeStyle="rgba(255, 255, 255, 0.03)",e.lineWidth=.5,e.beginPath(),e.moveTo(0,n),e.lineTo(a,n),e.stroke();for(let d=0;d<=10;d++){let u=a/10*d;e.beginPath(),e.moveTo(u,0),e.lineTo(u,o),e.stroke()}h(r.color,2,1,!1),s>0&&h(r.progressColor,3,s,!0)}function K(e,t,i,s,r){let a=window.devicePixelRatio||1,o=(r.barWidth||3)*a,n=(r.barSpacing||1)*a,l=Math.floor(t.width/(o+n)),h=x(i,l),d=t.height,u=4*a,v=2*a,g=s*t.width,b=d/2,f=E(e,r.color,t,r),p=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let y=0;y<h.length;y++){let c=y*(o+n);if(c+o>t.width)break;let w=h[y]*d*.9,k=Math.floor(w/(u+v));e.fillStyle=c<g?p:f;for(let T=0;T<k;T++){let C=T*(u+v);e.fillRect(c,b-C-u,o,u),T>0&&e.fillRect(c,b+C,o,u)}}}function Y(e,t,i,s,r){let a=window.devicePixelRatio||1,o=(r.barWidth||2)*a,n=(r.barSpacing||3)*a,l=Math.floor(t.width/(o+n)),h=x(i,l),d=t.height,u=Math.max(1.5*a,o/2),v=s*t.width,g=d/2,b=E(e,r.color,t,r),f=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let p=0;p<h.length;p++){let y=p*(o+n)+o/2;if(y>t.width)break;let c=h[p]*d*.9;e.fillStyle=y<v?f:b,e.beginPath(),e.arc(y,g-c/2,u,0,Math.PI*2),e.fill(),e.beginPath(),e.arc(y,g+c/2,u,0,Math.PI*2),e.fill()}}function ct(e,t,i,s,r){let a=t.width,o=t.height,n=o/2,l=4,h=l/2,d=!!r.seekActive;if(e.clearRect(0,0,a,o),e.fillStyle=E(e,r.color,t,r)||"rgba(255, 255, 255, 0.2)",J(e,h,a,n,l),e.fill(),s>0){let u=Math.max(h*2,s*a);e.save(),e.globalAlpha=r.seekHandle&&!d?.7:1,e.fillStyle=E(e,r.progressColor,t,r)||"rgba(255, 255, 255, 0.9)",J(e,h,u,n,l),e.fill(),e.restore()}}var ut={bars:I,bar:I,mirror:ht,line:dt,blocks:K,block:K,dots:Y,dot:Y,seekbar:ct};function Q(e,t,i,s,r){(ut[r.waveformStyle]||I)(e,t,i,s,r)}function Z(e){try{let t=e.getChannelData(0),i=e.sampleRate,s=pt(t,i);if(s.length<2)return 120;let r=[];for(let l=1;l<s.length;l++)r.push((s[l]-s[l-1])/i);let a={};r.forEach(l=>{let h=60/l,d=Math.round(h/3)*3;d>60&&d<200&&(a[d]=(a[d]||0)+1)});let o=0,n=120;for(let[l,h]of Object.entries(a))h>o&&(o=h,n=parseInt(l));return n<70&&a[n*2]?n*=2:n>160&&a[Math.round(n/2)]&&(n=Math.round(n/2)),n-1}catch(t){return console.warn("[WaveformPlayer] BPM detection failed:",t),null}}function pt(e,t){let r=[],a=0;for(let o=0;o<e.length-2048;o+=1024){let n=0;for(let d=o;d<o+2048;d++)n+=e[d]*e[d];n=n/2048;let l=n-a,h=a*1.8+.01;if(l>h&&n>.01){let d=r[r.length-1]||0,u=t*.15;o-d>u&&r.push(o)}a=n*.8+a*.2}return r}function ft(e,t=1800){let i=e.length/t,s=e.numberOfChannels,r=[];for(let o=0;o<s;o++){let n=e.getChannelData(o);for(let l=0;l<t;l++){let h=~~(l*i),d=~~(h+i),u=0,v=0;for(let b=h;b<d;b++){let f=n[b];f>v&&(v=f),f<u&&(u=f)}let g=Math.max(Math.abs(v),Math.abs(u));(o===0||g>r[l])&&(r[l]=g)}}let a=W(r);return a>0?r.map(o=>o/a):r}async function z(e,t=1800,i=!1){let s;try{let r=window.AudioContext||window.webkitAudioContext;s=new r;let o=await(await fetch(e)).arrayBuffer(),n=await s.decodeAudioData(o),l=ft(n,t);l=mt(l);let h=null;return i&&(h=Z(n)),{peaks:l,bpm:h}}finally{s&&s.close()}}function tt(e=1800){let t=[];for(let i=0;i<e;i++){let s=Math.random()*.5+.3,r=Math.sin(i/e*Math.PI*4)*.2;t.push(m(s+r,.1,1))}return t}function mt(e,t=.95){let i=W(e);if(i===0||i>t)return e;let s=t/i;return e.map(r=>r*s)}function et(e){let t=document.documentElement,i=document.body;return t.classList.contains(e)||t.classList.contains(`${e}-mode`)||t.classList.contains(`theme-${e}`)||t.getAttribute("data-theme")===e||t.getAttribute("data-color-scheme")===e||i.classList.contains(e)||i.classList.contains(`${e}-mode`)||i.getAttribute("data-theme")===e}function R(){if(et("dark"))return"dark";if(et("light"))return"light";try{let e=getComputedStyle(document.body).backgroundColor,t=j(e);if(t!==null){if(t>128)return"light";if(t<128)return"dark"}}catch{}if(window.matchMedia){if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark";if(window.matchMedia("(prefers-color-scheme: light)").matches)return"light"}return"dark"}var L={dark:{waveformColor:"rgba(255, 255, 255, 0.3)",progressColor:"rgba(255, 255, 255, 0.9)"},light:{waveformColor:"rgba(0, 0, 0, 0.2)",progressColor:"rgba(0, 0, 0, 0.8)"}};function F(e){if(e&&L[e])return L[e];let t=R();return L[t]}var it={url:"",height:64,samples:1800,preload:"metadata",audioMode:"self",playbackRate:1,showPlaybackSpeed:!1,playbackRates:[.5,.75,1,1.25,1.5,1.75,2],buttonAlign:"auto",layout:"default",buttonStyle:"circle",buttonSize:null,waveformStyle:"mirror",barWidth:2,barSpacing:0,barRadius:1,waveformGradient:"vertical",colorPreset:null,waveformColor:null,progressColor:null,autoplay:!1,showControls:!0,showInfo:!0,showTime:!0,showHoverTime:!1,seekHandle:!1,showBPM:!1,bpm:null,singlePlay:!0,playOnSeek:!0,enableMediaSession:!0,markers:[],showMarkers:!0,accessibleSeek:!0,seekLabel:null,seekValueText:null,title:null,artist:null,artwork:null,album:"",errorText:"Unable to load audio",playPauseLabel:"Play/Pause",speedLabel:"Playback speed",artworkAlt:"Album artwork",unknownTrackText:"Unknown Track",playIcon:'<svg viewBox="0 0 24 24" width="16" height="16"><path d="M8 5v14l11-7z"/></svg>',pauseIcon:'<svg viewBox="0 0 24 24" width="16" height="16"><path d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>',onLoad:null,onPlay:null,onPause:null,onEnd:null,onError:null,onTimeUpdate:null,onNextTrack:null,onPreviousTrack:null},st={bars:{barWidth:3,barSpacing:1},mirror:{barWidth:2,barSpacing:2},line:{barWidth:2,barSpacing:0},blocks:{barWidth:4,barSpacing:2},dots:{barWidth:3,barSpacing:3},seekbar:{barWidth:1,barSpacing:0}};var gt="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" rx="4" fill="#71717a" fill-opacity="0.15"/><g fill="none" stroke="#a1a1aa" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="17" r="2.2"/><circle cx="17" cy="15" r="2.2"/><path d="M10.2 17V7l9-1.6v9"/></g></svg>'),rt=5,at=10,yt='button, a[href], input, [role="slider"]',A=class e{static instances=new Map;static currentlyPlaying=null;constructor(t,i={}){if(this.container=typeof t=="string"?document.querySelector(t):t,!this.container)throw new Error("[WaveformPlayer] Container element not found");let s=D(this.container),r={...i};r.style&&!r.waveformStyle&&(r.waveformStyle=r.style),r.src&&!r.url&&(r.url=r.src),this.options=B(it,s,r);let a=F(this.options.colorPreset);this._autoTheme=this.options.colorPreset==null||!L[this.options.colorPreset],this._presetKeys=[],this._scheme=this.options.colorPreset&&L[this.options.colorPreset]?this.options.colorPreset:R();for(let[n,l]of Object.entries(a))(this.options[n]===null||this.options[n]===void 0)&&(this.options[n]=l,this._presetKeys.push(n));let o=st[this.options.waveformStyle];o&&(s.barWidth===void 0&&i.barWidth===void 0&&(this.options.barWidth=o.barWidth),s.barSpacing===void 0&&i.barSpacing===void 0&&(this.options.barSpacing=o.barSpacing)),this.audio=null,this.canvas=null,this.ctx=null,this.waveformData=[],this.progress=0,this._activeMarkerIndex=-1,this._markerLabelTimer=null,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.updateTimer=null,this.resizeObserver=null,this._ac=new AbortController,this.id=this.container.id||V(this.options.url),e.instances.set(this.id,this),e._watchTheme(),this.init(),setTimeout(()=>{this._emit("waveformplayer:ready",{player:this,url:this.options.url})},100)}_emit(t,i,s=!1){let r=new CustomEvent(t,{bubbles:!0,cancelable:s,detail:i});return this.container.dispatchEvent(r),r}_requestSeek(t){this._emit("waveformplayer:request-seek",{...this._buildTrackDetail(),percent:t},!0).defaultPrevented||(this.progress=t,this.drawWaveform?.())}init(){this.createDOM(),this.createAudio(),this.initPlaybackSpeed(),this.initKeyboardControls(),this.initSeekControl(),this.bindEvents(),this.setupResizeObserver(),requestAnimationFrame(()=>{this.resizeCanvas(),this.options.url&&this.load(this.options.url).then(()=>{this.options.autoplay&&this.play()?.catch(()=>{})}).catch(t=>{console.error("[WaveformPlayer] Failed to load audio:",t)})})}createDOM(){this.container.innerHTML="",this.container.className="waveform-player";let t=this.options.buttonAlign;t==="auto"&&(this.options.waveformStyle==="bars"?t="bottom":t="center"),this.options.layout==="preview"&&this.container.classList.add("waveform-layout-preview"),this.container.classList.toggle("waveform-theme-light",this._scheme==="light");let s=this.options.showControls?`
+function W(e){let t=-1/0;for(let i=0;i<e.length;i++)e[i]>t&&(t=e[i]);return t}function P(e){return String(e??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function N(e){if(typeof e!="string"||e==="")return!1;try{let t=new URL(e,"http://localhost/");return t.protocol==="http:"||t.protocol==="https:"}catch{return!1}}function m(e,t=0,i=1){return Math.max(t,Math.min(e,i))}function ot(e){return e===void 0?void 0:e==="true"}function U(e){if(typeof e=="string"&&e.trim().startsWith("["))try{return JSON.parse(e)}catch{}return e}function D(e){let t={},i=(a,o=a)=>{let n=ot(e.dataset[o]);n!==void 0&&(t[a]=n)},s=(a,o=a,n=!1)=>{let l=e.dataset[o];l&&(t[a]=n?parseFloat(l):parseInt(l,10))},r=(a,o=a)=>{let n=e.dataset[o];if(n)try{t[a]=JSON.parse(n)}catch(l){console.warn(`[WaveformPlayer] Invalid ${o} JSON:`,l)}};if(e.dataset.src&&(t.url=e.dataset.src),e.dataset.url&&(t.url=e.dataset.url),s("height"),s("samples"),e.dataset.preload&&(t.preload=e.dataset.preload),e.dataset.audioMode&&(t.audioMode=e.dataset.audioMode),e.dataset.style&&(t.waveformStyle=e.dataset.style),e.dataset.waveformStyle&&(t.waveformStyle=e.dataset.waveformStyle),e.dataset.waveformGradient&&(t.waveformGradient=e.dataset.waveformGradient),s("barWidth"),s("barSpacing"),s("barRadius"),e.dataset.buttonAlign&&(t.buttonAlign=e.dataset.buttonAlign),e.dataset.layout&&(t.layout=e.dataset.layout),e.dataset.buttonStyle&&(t.buttonStyle=e.dataset.buttonStyle),e.dataset.buttonSize){let a=e.dataset.buttonSize;t.buttonSize=/^\d+(\.\d+)?$/.test(a.trim())?parseFloat(a):a}return e.dataset.colorPreset&&(t.colorPreset=e.dataset.colorPreset),e.dataset.waveformColor&&(t.waveformColor=U(e.dataset.waveformColor)),e.dataset.progressColor&&(t.progressColor=U(e.dataset.progressColor)),e.dataset.color&&(t.waveformColor=e.dataset.color),e.dataset.theme&&(t.colorPreset=e.dataset.theme),i("autoplay"),i("showControls"),i("showInfo"),i("showTime"),i("showHoverTime"),i("seekHandle"),i("showBPM","showBpm"),s("bpm"),i("singlePlay"),i("playOnSeek"),e.dataset.title&&(t.title=e.dataset.title),e.dataset.artist&&(t.artist=e.dataset.artist),e.dataset.album&&(t.album=e.dataset.album),e.dataset.artwork&&(t.artwork=e.dataset.artwork),e.dataset.waveform&&(t.waveform=e.dataset.waveform),r("markers"),s("playbackRate","playbackRate",!0),i("showPlaybackSpeed"),r("playbackRates"),i("enableMediaSession"),i("showMarkers"),i("accessibleSeek"),e.dataset.seekLabel&&(t.seekLabel=e.dataset.seekLabel),e.dataset.seekValueText&&(t.seekValueText=e.dataset.seekValueText),e.dataset.errorText&&(t.errorText=e.dataset.errorText),e.dataset.playPauseLabel&&(t.playPauseLabel=e.dataset.playPauseLabel),e.dataset.speedLabel&&(t.speedLabel=e.dataset.speedLabel),e.dataset.artworkAlt&&(t.artworkAlt=e.dataset.artworkAlt),e.dataset.unknownTrackText&&(t.unknownTrackText=e.dataset.unknownTrackText),e.dataset.playIcon&&(t.playIcon=e.dataset.playIcon),e.dataset.pauseIcon&&(t.pauseIcon=e.dataset.pauseIcon),t}function V(e,...t){let i=0;return e.replace(/%(?:(\d+)\$)?s/g,(s,r)=>{let a=r?Number(r)-1:i++;return t[a]??s})}function S(e){if(!e||isNaN(e)||e<0)return"0:00";let t=Math.floor(e/3600),i=Math.floor(e%3600/60),s=Math.floor(e%60);return t>0?`${t}:${i.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`:`${i}:${s.toString().padStart(2,"0")}`}var nt=0;function j(e){let t=e||"audio",i=5381;for(let s=0;s<t.length;s++)i=(i<<5)+i+t.charCodeAt(s)|0;return`wp_${(i>>>0).toString(36)}_${(nt++).toString(36)}`}function H(e){if(!e)return"Audio";let t=e.split("/");return t[t.length-1].split(".")[0].replace(/[-_]/g," ").replace(/\b\w/g,r=>r.toUpperCase())}function G(e){let t=typeof e=="string"?e.match(/\d+/g):null;if(!t||t.length<3)return null;let[i,s,r]=t.map(Number);return(i*299+s*587+r*114)/1e3}function B(...e){let t={};for(let i of e)for(let s in i)i[s]!==null&&i[s]!==void 0&&(t[s]=i[s]);return t}function J(e,t){let i;return function(...r){let a=()=>{clearTimeout(i),e(...r)};clearTimeout(i),i=setTimeout(a,t)}}function x(e,t){if(e.length===t)return e;if(e.length===0||t===0)return[];let i=[];if(t>e.length){let s=(e.length-1)/(t-1);for(let r=0;r<t;r++){let a=r*s,o=Math.floor(a),n=Math.ceil(a),l=a-o;if(n>=e.length)i.push(e[e.length-1]);else if(o===n)i.push(e[o]);else{let h=e[o]*(1-l)+e[n]*l;i.push(h)}}}else{let s=e.length/t;for(let r=0;r<t;r++){let a=Math.floor(r*s),o=Math.floor((r+1)*s),n=0,l=0;for(let h=a;h<=o&&h<e.length;h++)e[h]>n&&(n=e[h]),l++;if(l===0){let h=Math.min(Math.round(r*s),e.length-1);n=e[h]}i.push(n)}}return i}function E(e,t,i,s){if(!Array.isArray(t))return t;if(t.length<2)return t[0];let r=i.width,a=i.height,o=s&&s.waveformGradient,[n,l,h,c]=o==="horizontal"?[0,0,r,0]:o==="diagonal"?[0,0,r,a]:[0,0,0,a];try{let u=e.createLinearGradient(n,l,h,c);return t.forEach((w,y)=>u.addColorStop(y/(t.length-1),w)),u}catch{return t[0]}}function _(e,t,i,s,r,a){if((Array.isArray(a)?a.some(n=>n>0):a>0)&&typeof e.roundRect=="function"){let n=Math.min(s/2,Math.abs(r)/2),l=h=>m(h,0,n);e.beginPath(),e.roundRect(t,i,s,r,Array.isArray(a)?a.map(l):l(a)),e.fill()}else e.fillRect(t,i,s,r)}function Q(e,t){return(e.barRadius||0)*t}function lt(e,t){let i=Q(e,t);return[i,i,0,0]}function K(e,t,i,s,r){let a=r/2;e.beginPath(),e.moveTo(t,s-a),e.lineTo(i-a,s-a),e.arc(i-a,s,a,-Math.PI/2,Math.PI/2),e.lineTo(t,s+a),e.arc(t,s,a,Math.PI/2,-Math.PI/2),e.closePath()}function I(e,t,i,s,r){let a=window.devicePixelRatio||1,o=r.barWidth*a,n=r.barSpacing*a,l=Math.floor(t.width/(o+n)),h=x(i,l),c=t.height,u=s*t.width,w=lt(r,a),y=E(e,r.color,t,r),v=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=y;for(let f=0;f<h.length;f++){let p=f*(o+n);if(p+o>t.width)break;let g=h[f]*c*.9,d=c-g;_(e,p,d,o,g,w)}e.save(),e.beginPath(),e.rect(0,0,u,c),e.clip(),e.fillStyle=v;for(let f=0;f<h.length;f++){let p=f*(o+n);if(p>u)break;let g=h[f]*c*.9,d=c-g;_(e,p,d,o,g,w)}e.restore()}function ht(e,t,i,s,r){let a=window.devicePixelRatio||1,o=r.barWidth*a,n=r.barSpacing*a,l=Math.floor(t.width/(o+n)),h=x(i,l),c=t.height,u=c/2,w=s*t.width,y=Q(r,a),v=[y,y,0,0],f=[0,0,y,y],p=E(e,r.color,t,r),g=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=p;for(let d=0;d<h.length;d++){let k=d*(o+n);if(k+o>t.width)break;let b=h[d]*c*.45;_(e,k,u-b,o,b,v),_(e,k,u,o,b,f)}e.save(),e.beginPath(),e.rect(0,0,w,c),e.clip(),e.fillStyle=g;for(let d=0;d<h.length;d++){let k=d*(o+n);if(k>w)break;let b=h[d]*c*.45;_(e,k,u-b,o,b,v),_(e,k,u,o,b,f)}e.restore()}function ct(e,t,i,s,r){let a=t.width,o=t.height,n=o/2,l=o*.35;e.clearRect(0,0,a,o);let h=(c,u,w=1,y=!1)=>{let v=E(e,c,t,r),f=Array.isArray(c)?c[c.length-1]:c;y&&(e.shadowBlur=12,e.shadowColor=f),e.strokeStyle=v,e.lineWidth=u,e.lineCap="round",e.lineJoin="round",e.beginPath(),e.moveTo(0,n);let p=[],g=Math.floor(i.length*w);for(let d=0;d<g;d++){let k=d/(i.length-1)*a,b=i[d],T=Math.sin(d*.1)*b,C=n+T*l;p.push({x:k,y:C})}for(let d=0;d<p.length-1;d++){let k=p[d].x+(p[d+1].x-p[d].x)*.5,b=p[d].y,T=p[d+1].x-(p[d+1].x-p[d].x)*.5,C=p[d+1].y;e.bezierCurveTo(k,b,T,C,p[d+1].x,p[d+1].y)}e.stroke(),y&&(e.shadowBlur=0)};e.strokeStyle="rgba(255, 255, 255, 0.03)",e.lineWidth=.5,e.beginPath(),e.moveTo(0,n),e.lineTo(a,n),e.stroke();for(let c=0;c<=10;c++){let u=a/10*c;e.beginPath(),e.moveTo(u,0),e.lineTo(u,o),e.stroke()}h(r.color,2,1,!1),s>0&&h(r.progressColor,3,s,!0)}function Y(e,t,i,s,r){let a=window.devicePixelRatio||1,o=(r.barWidth||3)*a,n=(r.barSpacing||1)*a,l=Math.floor(t.width/(o+n)),h=x(i,l),c=t.height,u=4*a,w=2*a,y=s*t.width,v=c/2,f=E(e,r.color,t,r),p=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let g=0;g<h.length;g++){let d=g*(o+n);if(d+o>t.width)break;let k=h[g]*c*.9,b=Math.floor(k/(u+w));e.fillStyle=d<y?p:f;for(let T=0;T<b;T++){let C=T*(u+w);e.fillRect(d,v-C-u,o,u),T>0&&e.fillRect(d,v+C,o,u)}}}function X(e,t,i,s,r){let a=window.devicePixelRatio||1,o=(r.barWidth||2)*a,n=(r.barSpacing||3)*a,l=Math.floor(t.width/(o+n)),h=x(i,l),c=t.height,u=Math.max(1.5*a,o/2),w=s*t.width,y=c/2,v=E(e,r.color,t,r),f=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let p=0;p<h.length;p++){let g=p*(o+n)+o/2;if(g>t.width)break;let d=h[p]*c*.9;e.fillStyle=g<w?f:v,e.beginPath(),e.arc(g,y-d/2,u,0,Math.PI*2),e.fill(),e.beginPath(),e.arc(g,y+d/2,u,0,Math.PI*2),e.fill()}}function dt(e,t,i,s,r){let a=t.width,o=t.height,n=o/2,l=4,h=l/2,c=!!r.seekActive;if(e.clearRect(0,0,a,o),e.fillStyle=E(e,r.color,t,r)||"rgba(255, 255, 255, 0.2)",K(e,h,a,n,l),e.fill(),s>0){let u=Math.max(h*2,s*a);e.save(),e.globalAlpha=r.seekHandle&&!c?.7:1,e.fillStyle=E(e,r.progressColor,t,r)||"rgba(255, 255, 255, 0.9)",K(e,h,u,n,l),e.fill(),e.restore()}}var ut={bars:I,bar:I,mirror:ht,line:ct,blocks:Y,block:Y,dots:X,dot:X,seekbar:dt};function Z(e,t,i,s,r){(ut[r.waveformStyle]||I)(e,t,i,s,r)}function tt(e){try{let t=e.getChannelData(0),i=e.sampleRate,s=pt(t,i);if(s.length<2)return 120;let r=[];for(let l=1;l<s.length;l++)r.push((s[l]-s[l-1])/i);let a={};r.forEach(l=>{let h=60/l,c=Math.round(h/3)*3;c>60&&c<200&&(a[c]=(a[c]||0)+1)});let o=0,n=120;for(let[l,h]of Object.entries(a))h>o&&(o=h,n=parseInt(l));return n<70&&a[n*2]?n*=2:n>160&&a[Math.round(n/2)]&&(n=Math.round(n/2)),n-1}catch(t){return console.warn("[WaveformPlayer] BPM detection failed:",t),null}}function pt(e,t){let r=[],a=0;for(let o=0;o<e.length-2048;o+=1024){let n=0;for(let c=o;c<o+2048;c++)n+=e[c]*e[c];n=n/2048;let l=n-a,h=a*1.8+.01;if(l>h&&n>.01){let c=r[r.length-1]||0,u=t*.15;o-c>u&&r.push(o)}a=n*.8+a*.2}return r}function ft(e,t=1800){let i=e.length/t,s=e.numberOfChannels,r=[];for(let o=0;o<s;o++){let n=e.getChannelData(o);for(let l=0;l<t;l++){let h=~~(l*i),c=~~(h+i),u=0,w=0;for(let v=h;v<c;v++){let f=n[v];f>w&&(w=f),f<u&&(u=f)}let y=Math.max(Math.abs(w),Math.abs(u));(o===0||y>r[l])&&(r[l]=y)}}let a=W(r);return a>0?r.map(o=>o/a):r}async function O(e,t=1800,i=!1){let s;try{let r=window.AudioContext||window.webkitAudioContext;s=new r;let o=await(await fetch(e)).arrayBuffer(),n=await s.decodeAudioData(o),l=ft(n,t);l=mt(l);let h=null;return i&&(h=tt(n)),{peaks:l,bpm:h}}finally{s&&s.close()}}function et(e=1800){let t=[];for(let i=0;i<e;i++){let s=Math.random()*.5+.3,r=Math.sin(i/e*Math.PI*4)*.2;t.push(m(s+r,.1,1))}return t}function mt(e,t=.95){let i=W(e);if(i===0||i>t)return e;let s=t/i;return e.map(r=>r*s)}function it(e){let t=document.documentElement,i=document.body;return t.classList.contains(e)||t.classList.contains(`${e}-mode`)||t.classList.contains(`theme-${e}`)||t.getAttribute("data-theme")===e||t.getAttribute("data-color-scheme")===e||i.classList.contains(e)||i.classList.contains(`${e}-mode`)||i.getAttribute("data-theme")===e}function R(){if(it("dark"))return"dark";if(it("light"))return"light";try{let e=getComputedStyle(document.body).backgroundColor,t=G(e);if(t!==null){if(t>128)return"light";if(t<128)return"dark"}}catch{}if(window.matchMedia){if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark";if(window.matchMedia("(prefers-color-scheme: light)").matches)return"light"}return"dark"}var L={dark:{waveformColor:"rgba(255, 255, 255, 0.3)",progressColor:"rgba(255, 255, 255, 0.9)"},light:{waveformColor:"rgba(0, 0, 0, 0.2)",progressColor:"rgba(0, 0, 0, 0.8)"}};function z(e){if(e&&L[e])return L[e];let t=R();return L[t]}var F={url:"",height:64,samples:1800,preload:"metadata",audioMode:"self",playbackRate:1,showPlaybackSpeed:!1,playbackRates:[.5,.75,1,1.25,1.5,1.75,2],buttonAlign:"auto",layout:"default",buttonStyle:"circle",buttonSize:null,waveformStyle:"mirror",barWidth:2,barSpacing:0,barRadius:1,waveformGradient:"vertical",colorPreset:null,waveformColor:null,progressColor:null,autoplay:!1,showControls:!0,showInfo:!0,showTime:!0,showHoverTime:!1,seekHandle:!1,showBPM:!1,bpm:null,singlePlay:!0,playOnSeek:!0,enableMediaSession:!0,markers:[],showMarkers:!0,accessibleSeek:!0,seekLabel:null,seekValueText:null,title:null,artist:null,artwork:null,album:"",errorText:"Unable to load audio",playPauseLabel:"Play/Pause",speedLabel:"Playback speed",artworkAlt:"Album artwork",unknownTrackText:"Unknown Track",playIcon:'<svg viewBox="0 0 24 24" width="16" height="16"><path d="M8 5v14l11-7z"/></svg>',pauseIcon:'<svg viewBox="0 0 24 24" width="16" height="16"><path d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>',onLoad:null,onPlay:null,onPause:null,onEnd:null,onError:null,onTimeUpdate:null,onNextTrack:null,onPreviousTrack:null},st={bars:{barWidth:3,barSpacing:1},mirror:{barWidth:2,barSpacing:2},line:{barWidth:2,barSpacing:0},blocks:{barWidth:4,barSpacing:2},dots:{barWidth:3,barSpacing:3},seekbar:{barWidth:1,barSpacing:0}};var yt="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" rx="4" fill="#71717a" fill-opacity="0.15"/><g fill="none" stroke="#a1a1aa" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="17" r="2.2"/><circle cx="17" cy="15" r="2.2"/><path d="M10.2 17V7l9-1.6v9"/></g></svg>'),rt=5,at=10,gt='button, a[href], input, [role="slider"]',A=class e{static instances=new Map;static currentlyPlaying=null;constructor(t,i={}){if(this.container=typeof t=="string"?document.querySelector(t):t,!this.container)throw new Error("[WaveformPlayer] Container element not found");let s=D(this.container),r={...i};r.style&&!r.waveformStyle&&(r.waveformStyle=r.style),r.src&&!r.url&&(r.url=r.src),this.options=B(F,s,r);let a=z(this.options.colorPreset);this._autoTheme=this.options.colorPreset==null||!L[this.options.colorPreset],this._presetKeys=[],this._scheme=this.options.colorPreset&&L[this.options.colorPreset]?this.options.colorPreset:R();for(let[n,l]of Object.entries(a))(this.options[n]===null||this.options[n]===void 0)&&(this.options[n]=l,this._presetKeys.push(n));let o=st[this.options.waveformStyle];o&&(s.barWidth===void 0&&i.barWidth===void 0&&(this.options.barWidth=o.barWidth),s.barSpacing===void 0&&i.barSpacing===void 0&&(this.options.barSpacing=o.barSpacing)),this.audio=null,this.canvas=null,this.ctx=null,this.waveformData=[],this.progress=0,this._activeMarkerIndex=-1,this._markerLabelTimer=null,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.updateTimer=null,this.resizeObserver=null,this._ac=new AbortController,this.id=this.container.id||j(this.options.url),e.instances.set(this.id,this),e._watchTheme(),this.init(),setTimeout(()=>{this._emit("waveformplayer:ready",{player:this,url:this.options.url})},100)}_emit(t,i,s=!1){let r=new CustomEvent(t,{bubbles:!0,cancelable:s,detail:i});return this.container.dispatchEvent(r),r}_requestSeek(t){this._emit("waveformplayer:request-seek",{...this._buildTrackDetail(),percent:t},!0).defaultPrevented||(this.progress=t,this.drawWaveform?.())}init(){this.createDOM(),this.createAudio(),this.initPlaybackSpeed(),this.initKeyboardControls(),this.initSeekControl(),this.bindEvents(),this.setupResizeObserver(),requestAnimationFrame(()=>{this.resizeCanvas(),this.options.url&&this.load(this.options.url).then(()=>{this.options.autoplay&&this.play()?.catch(()=>{})}).catch(t=>{console.error("[WaveformPlayer] Failed to load audio:",t)})})}createDOM(){this.container.innerHTML="",this.container.className="waveform-player";let t=this.options.buttonAlign;t==="auto"&&(this.options.waveformStyle==="bars"?t="bottom":t="center"),this.options.layout==="preview"&&this.container.classList.add("waveform-layout-preview"),this.container.classList.toggle("waveform-theme-light",this._scheme==="light");let s=this.options.showControls?`
         <button class="waveform-btn${this.options.buttonStyle==="minimal"?" waveform-btn-minimal":""}" aria-label="${P(this.options.playPauseLabel)}"${this.options.buttonSize!=null?` style="--wfp-btn-size: ${typeof this.options.buttonSize=="number"?`${this.options.buttonSize}px`:this.options.buttonSize};"`:""}>
           <span class="waveform-icon-play">${this.options.playIcon}</span>
           <span class="waveform-icon-pause" style="display:none;">${this.options.pauseIcon}</span>
@@ -60,4 +60,4 @@ function W(e){let t=-1/0;for(let i=0;i<e.length;i++)e[i]>t&&(t=e[i]);return t}fu
       ${r}
     </div>
   </div>
-`,this.playBtn=this.container.querySelector(".waveform-btn"),this.canvas=this.container.querySelector("canvas"),this.ctx=this.canvas.getContext("2d"),this.titleEl=this.container.querySelector(".waveform-title"),this.artistEl=this.container.querySelector(".waveform-artist"),this.artworkEl=this.container.querySelector(".waveform-artwork"),this.artworkEl&&this.artworkEl.addEventListener("error",()=>{this.artworkEl.src.startsWith("data:")||(this.artworkEl.src=gt)}),this.currentTimeEl=this.container.querySelector(".time-current"),this.totalTimeEl=this.container.querySelector(".time-total"),this.bpmEl=this.container.querySelector(".waveform-bpm"),this.bpmValueEl=this.container.querySelector(".bpm-value"),this.loadingEl=this.container.querySelector(".waveform-loading"),this.errorEl=this.container.querySelector(".waveform-error"),this.markersContainer=this.container.querySelector(".waveform-markers"),this.speedBtn=this.container.querySelector(".speed-btn"),this.speedMenu=this.container.querySelector(".speed-menu"),this.resizeCanvas(),this.updateBPMDisplay()}createAudio(){if(this.options.audioMode==="external"){this.audio=null;return}this.audio=new Audio,this.audio.preload=this.options.preload||"metadata",this.audio.crossOrigin="anonymous"}initPlaybackSpeed(){this.audio&&this.options.playbackRate&&this.options.playbackRate!==1&&(this.audio.playbackRate=this.options.playbackRate),this.options.showPlaybackSpeed&&this.initSpeedControls()}initSpeedControls(){let t=this.container.querySelector(".speed-btn"),i=this.container.querySelector(".speed-menu");if(!t||!i)return;let s=()=>Array.from(i.querySelectorAll(".speed-option")),r=()=>i.style.display!=="none",a=l=>{if(i.style.display=l?"block":"none",t.setAttribute("aria-expanded",l?"true":"false"),l){let h=s();(h.find(d=>d.getAttribute("aria-checked")==="true")||h[0])?.focus()}},o=l=>{let h=s();h.length&&h[(l+h.length)%h.length].focus()},n=l=>{this.setPlaybackRate(parseFloat(l.dataset.rate)),a(!1),t.focus()};t.addEventListener("click",l=>{l.stopPropagation(),a(!r())},{signal:this._ac.signal}),document.addEventListener("click",()=>a(!1),{signal:this._ac.signal}),i.addEventListener("click",l=>{l.stopPropagation();let h=l.target.closest(".speed-option");h&&n(h)},{signal:this._ac.signal}),t.closest(".waveform-speed")?.addEventListener("keydown",l=>{let h=s(),d=h.indexOf(document.activeElement);if(!r()){(l.key==="ArrowDown"||l.key==="ArrowUp")&&document.activeElement===t&&(l.preventDefault(),a(!0));return}switch(l.key){case"ArrowDown":l.preventDefault(),o(d<0?0:d+1);break;case"ArrowUp":l.preventDefault(),o(d<0?h.length-1:d-1);break;case"Home":l.preventDefault(),o(0);break;case"End":l.preventDefault(),o(h.length-1);break;case"Escape":l.preventDefault(),a(!1),t.focus();break;case"Tab":a(!1);break}},{signal:this._ac.signal}),this.updateSpeedUI()}initKeyboardControls(){this.container.setAttribute("tabindex","-1"),this.container.addEventListener("click",t=>{t.target.closest(yt)||(e.getAllInstances().forEach(i=>{i!==this&&i.container.setAttribute("tabindex","-1")}),this.container.setAttribute("tabindex","0"),this.container.focus())},{signal:this._ac.signal}),this.container.addEventListener("keydown",t=>{if(document.activeElement!==this.container)return;let i=t.key,s=!!this.audio,r=s?this.audio.currentTime:0;if(s&&i>="0"&&i<="9"){t.preventDefault(),this.seekToPercent(parseInt(i)/10);return}let a={" ":()=>this.togglePlay()};s&&(a.ArrowLeft=()=>this.seekTo(m(r-5,0,this.audio.duration)),a.ArrowRight=()=>this.seekTo(m(r+5,0,this.audio.duration)),a.ArrowUp=()=>this.setVolume(m(this.audio.volume+.1)),a.ArrowDown=()=>this.setVolume(m(this.audio.volume-.1)),a.m=a.M=()=>this.audio.muted=!this.audio.muted),a[i]&&(t.preventDefault(),a[i]())},{signal:this._ac.signal})}initSeekControl(){this.options.accessibleSeek&&(this.seekEl=this.container.querySelector(".waveform-container"),this.seekEl&&(this.seekEl.setAttribute("role","slider"),this.seekEl.setAttribute("tabindex","0"),this.seekEl.setAttribute("aria-valuemin","0"),this.applySeekLabel(),this.updateSeekAccessibility(),this.seekEl.addEventListener("keydown",t=>{if(t.key===" "||t.key==="Spacebar"){t.preventDefault(),t.stopPropagation(),this.togglePlay();return}let i=this.getSeekDuration();if(!i)return;let s=this.getSeekCurrentTime(),r;switch(t.key){case"ArrowLeft":case"ArrowDown":r=s-rt;break;case"ArrowRight":case"ArrowUp":r=s+rt;break;case"PageDown":r=s-at;break;case"PageUp":r=s+at;break;case"Home":r=0;break;case"End":r=i;break;default:return}t.preventDefault(),t.stopPropagation(),this.seekToSeconds(r)},{signal:this._ac.signal})))}getSeekDuration(){return this.options.audioMode==="external"?this._extDuration||0:this.audio&&Number.isFinite(this.audio.duration)?this.audio.duration:0}getSeekCurrentTime(){return this.options.audioMode==="external"?this.progress*(this._extDuration||0):this.audio&&Number.isFinite(this.audio.currentTime)?this.audio.currentTime:0}seekToSeconds(t){let i=this.getSeekDuration();if(!i)return;let s=m(t,0,i);if(this.options.audioMode==="external"){this._requestSeek(s/i),this.updateSeekAccessibility();return}this.seekTo(s)}applySeekLabel(t=this.options.title){if(!this.seekEl)return;let i=this.options.seekLabel||t||"Seek";this.seekEl.setAttribute("aria-label",i)}updateSeekAccessibility(){if(!this.seekEl)return;let t=this.getSeekDuration(),i=Math.min(this.getSeekCurrentTime(),t);this.seekEl.setAttribute("aria-valuemax",String(Math.round(t))),this.seekEl.setAttribute("aria-valuenow",String(Math.round(i))),this.seekEl.setAttribute("aria-valuetext",N(this.options.seekValueText||"%1$s of %2$s",S(i),S(t)))}initMediaSession(){if(!("mediaSession"in navigator)||!this.options.enableMediaSession||!this.audio)return;this._applyMediaMetadata(),navigator.mediaSession.setActionHandler("play",()=>this.play()),navigator.mediaSession.setActionHandler("pause",()=>this.pause()),navigator.mediaSession.setActionHandler("seekbackward",()=>{this.seekTo(m(this.audio.currentTime-10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler("seekforward",()=>{this.seekTo(m(this.audio.currentTime+10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler("seekto",s=>{s.seekTime!==null&&this.seekTo(s.seekTime)});let t=this.options.onNextTrack,i=this.options.onPreviousTrack;try{navigator.mediaSession.setActionHandler("nexttrack",typeof t=="function"?()=>t(this):null)}catch{}try{navigator.mediaSession.setActionHandler("previoustrack",typeof i=="function"?()=>i(this):null)}catch{}}_applyMediaMetadata(){!("mediaSession"in navigator)||!this.options.enableMediaSession||(navigator.mediaSession.metadata=new MediaMetadata({title:this.options.title||this.options.unknownTrackText,artist:this.options.artist||"",album:this.options.album||"",artwork:this.options.artwork?[{src:this.options.artwork,sizes:"512x512",type:"image/jpeg"}]:[]}))}_updateMediaSession(t){if(!(!("mediaSession"in navigator)||!this.options.enableMediaSession||!this.audio))try{t==="playing"&&this.initMediaSession(),navigator.mediaSession.playbackState=t;let i=this.audio.duration;navigator.mediaSession.setPositionState&&i&&isFinite(i)&&navigator.mediaSession.setPositionState({duration:i,playbackRate:this.audio.playbackRate||1,position:m(this.audio.currentTime,0,i)})}catch{}}bindEvents(){this.playBtn&&this.playBtn.addEventListener("click",()=>this.togglePlay()),this.audio&&(this.audio.addEventListener("loadstart",()=>this.setLoading(!0)),this.audio.addEventListener("loadedmetadata",()=>this.onMetadataLoaded()),this.audio.addEventListener("canplay",()=>this.setLoading(!1)),this.audio.addEventListener("play",()=>this.onPlay()),this.audio.addEventListener("pause",()=>this.onPause()),this.audio.addEventListener("ended",()=>this.onEnded()),this.audio.addEventListener("error",i=>this.onError(i))),this.canvas.addEventListener("click",i=>this.handleCanvasClick(i)),this._dragging=!1,this._seekHover=!1,this._handleNear=!1,this.canvas.addEventListener("pointerenter",()=>{this._seekHover=!0,this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener("pointerleave",()=>{this._seekHover=!1,this._handleNear=!1,this._dragging||this._hideHoverTip(),this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener("pointerdown",i=>{if(!(i.pointerType==="mouse"&&i.button!==0)){this._dragging=!0;try{this.canvas.setPointerCapture(i.pointerId)}catch{}this._scrubTo(i.clientX)}}),this.canvas.addEventListener("pointermove",i=>{if(this._dragging){this._scrubTo(i.clientX);return}let s=this.canvas.getBoundingClientRect();s.width&&(this._handleNear=Math.abs(i.clientX-s.left-this.progress*s.width)<=10,this._updateSeekHandle())});let t=i=>{if(this._dragging){this._dragging=!1,this._suppressClick=!0;try{this.canvas.releasePointerCapture(i.pointerId)}catch{}this._seekFromPointer(i.clientX),!this._seekHover&&!this.options.showHoverTime&&this._hideHoverTip(),this._updateSeekHandle()}};this.canvas.addEventListener("pointerup",t),this.canvas.addEventListener("pointercancel",t),this.setupHoverTime(),this.setupSeekHandle(),this.resizeHandler=G(()=>this.resizeCanvas(),100),window.addEventListener("resize",this.resizeHandler)}setupResizeObserver(){"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(()=>{this.resizeCanvas()}),this.canvas?.parentElement&&this.resizeObserver.observe(this.canvas.parentElement))}async load(t){try{this.setLoading(!0),this.progress=0,this.hasError=!1,this.audio&&(this.audio.src=t,await new Promise((s,r)=>{let a=()=>{this.audio.removeEventListener("loadedmetadata",a),this.audio.removeEventListener("error",o),s()},o=n=>{this.audio.removeEventListener("loadedmetadata",a),this.audio.removeEventListener("error",o),r(n)};this.audio.addEventListener("loadedmetadata",a),this.audio.addEventListener("error",o)}));let i=this.options.title||H(t);if(this.titleEl&&(this.titleEl.textContent=i),this.applySeekLabel(i),this.options.waveform)this.setWaveformData(this.options.waveform);else try{let s=await z(t,this.options.samples,this.options.showBPM);this.waveformData=s.peaks,s.bpm&&(this.detectedBPM=s.bpm,this.updateBPMDisplay())}catch(s){console.warn("[WaveformPlayer] Using placeholder waveform:",s),this.waveformData=tt(this.options.samples)}this.drawWaveform(),this.renderMarkers(),this.options.onLoad&&this.options.onLoad(this)}catch(i){this.onError(i)}finally{this.setLoading(!1)}}async loadTrack(t,i=null,s=null,r={}){this.isPlaying&&this.pause(),this.audio&&(this.audio.src="",this.audio.load()),this.hasError=!1,this.errorEl&&(this.errorEl.style.display="none"),this.canvas&&(this.canvas.style.opacity="1"),this.playBtn&&(this.playBtn.disabled=!1),this.progress=0,this.waveformData=[],this.options=B(this.options,{url:t,title:i||this.options.title,artist:s||this.options.artist,...r}),r.preload&&this.audio&&(this.audio.preload=r.preload),this.artistEl&&(s?(this.artistEl.textContent=s,this.artistEl.style.display=""):s===""&&(this.artistEl.style.display="none")),r.artwork&&this.artworkEl&&(this.artworkEl.src=r.artwork),this.options.markers=r.markers||[],this.options.waveform=r.waveform||null,await this.load(t),r.autoplay!==!1&&this.play()?.catch(()=>{})}setWaveformData(t){if(typeof t=="string"&&t.trim().endsWith(".json")){fetch(t.trim()).then(i=>i.json()).then(i=>{this.waveformData=Array.isArray(i)?i:i.peaks||[],i.markers&&!this.options.markers?.length&&(this.options.markers=i.markers,this.renderMarkers()),this.drawWaveform()}).catch(()=>{});return}if(typeof t=="string")try{let i=JSON.parse(t);this.waveformData=Array.isArray(i)?i:[]}catch{this.waveformData=t.split(",").map(Number)}else this.waveformData=Array.isArray(t)?t:[];this.drawWaveform()}drawWaveform(){!this.ctx||this.waveformData.length===0||Q(this.ctx,this.canvas,this.waveformData,this.progress,{...this.options,waveformStyle:this.options.waveformStyle||"bars",color:this.options.waveformColor,progressColor:this.options.progressColor,seekActive:this._seekHover||this._dragging})}resizeCanvas(){if(!this.canvas||this.isDestroying)return;let t=window.devicePixelRatio||1,i=this.canvas.parentElement.getBoundingClientRect();this.canvas.width=i.width*t,this.canvas.height=this.options.height*t,this.canvas.parentElement.style.height=this.options.height+"px",this.drawWaveform()}renderMarkers(){if(!this.markersContainer||(this.markersContainer.innerHTML="",this._activeMarkerIndex=-1,clearTimeout(this._markerLabelTimer),!this.options.showMarkers||!this.options.markers?.length))return;let t=this.getSeekDuration();t&&this.options.markers.forEach((i,s)=>{if(i.time>t){console.warn(`[WaveformPlayer] Marker "${i.label}" at ${i.time}s exceeds audio duration of ${t}s`);return}let r=i.time/t*100,a=document.createElement("button");a.className="waveform-marker",a.style.left=`${r}%`,a.style.backgroundColor=i.color||"rgba(255, 255, 255, 0.5)",a.setAttribute("aria-label",i.label),a.setAttribute("data-time",i.time);let o=document.createElement("span");o.className="waveform-marker-tooltip",o.textContent=i.label,a.appendChild(o),a.addEventListener("click",n=>{n.stopPropagation(),this.seekTo(i.time),this.options.playOnSeek&&!this.isPlaying&&this.play()}),this.markersContainer.appendChild(a)})}setActiveMarker(t){if(!this.markersContainer)return;this.markersContainer.querySelectorAll(".waveform-marker").forEach((s,r)=>s.classList.toggle("active",r===t))}updateActiveMarker(){if(!this.markersContainer)return;let t=this.markersContainer.querySelectorAll(".waveform-marker");if(!t.length)return;let i=this.getSeekDuration(),s=i?this.progress*i:0,r=-1,a=-1/0;t.forEach((o,n)=>{let l=parseFloat(o.getAttribute("data-time"));Number.isFinite(l)&&l<=s+.05&&l>a&&(a=l,r=n)}),r!==this._activeMarkerIndex&&(this._activeMarkerIndex=r,this.setActiveMarker(r),clearTimeout(this._markerLabelTimer),t.forEach((o,n)=>o.classList.toggle("show-label",n===r)),r>=0&&(this._markerLabelTimer=setTimeout(()=>{this.markersContainer?.querySelectorAll(".waveform-marker").forEach(o=>o.classList.remove("show-label"))},2500)))}setupHoverTime(){if(!this.seekEl)return;let t=document.createElement("div");t.className="waveform-hover-time",t.setAttribute("aria-hidden","true"),this.seekEl.appendChild(t),this.hoverTimeEl=t,this.options.showHoverTime&&(this.seekEl.addEventListener("pointermove",i=>{this._dragging||this._updateHoverTip(i.clientX)}),this.seekEl.addEventListener("pointerleave",()=>{this._dragging||this._hideHoverTip()}))}_updateHoverTip(t){let i=this.hoverTimeEl;if(!i)return;let s=this.getSeekDuration();if(!s){i.style.opacity="0";return}let r=this.canvas.getBoundingClientRect(),a=m((t-r.left)/r.width);i.textContent=S(a*s),i.style.left=a*100+"%",i.style.opacity="1"}_hideHoverTip(){this.hoverTimeEl&&(this.hoverTimeEl.style.opacity="0")}_scrubTo(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;this.progress=m((t-i.left)/i.width),this.drawWaveform(),this._updateSeekHandle();let s=this.getSeekDuration();s&&this.currentTimeEl?(this.currentTimeEl.textContent=S(this.progress*s),this._hideHoverTip()):this._updateHoverTip(t)}setupSeekHandle(){if(!this.options.seekHandle||this.options.waveformStyle!=="seekbar"||!this.seekEl)return;let t=document.createElement("div");t.className="waveform-seek-handle",t.setAttribute("aria-hidden","true"),this.seekEl.appendChild(t),this.seekHandleEl=t}_updateSeekHandle(){let t=this.seekHandleEl;t&&(t.style.left=this.progress*100+"%",t.classList.toggle("is-visible",this._seekHover||this._dragging),t.classList.toggle("is-active",this._dragging||this._handleNear))}handleCanvasClick(t){if(this._suppressClick){this._suppressClick=!1;return}this._seekFromPointer(t.clientX)}_seekFromPointer(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;let s=m((t-i.left)/i.width);if(this.options.audioMode==="external"){this._requestSeek(s);return}!this.audio||!this.audio.duration||this.seekToPercent(s)}setLoading(t){this.isLoading=t,this.loadingEl&&(this.loadingEl.style.display=t?"block":"none"),this.seekEl&&this.seekEl.setAttribute("aria-busy",t?"true":"false")}onMetadataLoaded(){this.isDestroying||(this.totalTimeEl&&(this.totalTimeEl.textContent=S(this.audio.duration)),this.renderMarkers(),this.updateSeekAccessibility())}setPlayButtonState(t){if(!this.playBtn)return;this.playBtn.classList.toggle("playing",t);let i=this.playBtn.querySelector(".waveform-icon-play"),s=this.playBtn.querySelector(".waveform-icon-pause");i&&(i.style.display=t?"none":"flex"),s&&(s.style.display=t?"flex":"none")}onPlay(){this.isDestroying||(this.isPlaying=!0,this.setPlayButtonState(!0),this.startSmoothUpdate(),this._updateMediaSession("playing"),this._emit("waveformplayer:play",{player:this,url:this.options.url}),this.options.onPlay&&this.options.onPlay(this))}onPause(){this.isDestroying||(this.isPlaying=!1,this.setPlayButtonState(!1),this.stopSmoothUpdate(),this._updateMediaSession("paused"),this._emit("waveformplayer:pause",{player:this,url:this.options.url}),this.options.onPause&&this.options.onPause(this))}onEnded(){if(this.isDestroying)return;let t=this.audio.duration;this.progress=0,this.audio.currentTime=0,this.drawWaveform(),this.currentTimeEl&&(this.currentTimeEl.textContent="0:00"),this._emit("waveformplayer:ended",{player:this,url:this.options.url,currentTime:t,duration:t}),this.onPause(),this.options.onEnd&&this.options.onEnd(this)}onError(t){this.isDestroying||(console.error("[WaveformPlayer] Audio error:",t),this.hasError=!0,this.setLoading(!1),this.errorEl&&(this.errorEl.style.display="flex"),this.canvas&&(this.canvas.style.opacity="0.2"),this.playBtn&&(this.playBtn.disabled=!0),this.options.onError&&this.options.onError(t,this))}startSmoothUpdate(){this.stopSmoothUpdate();let t=()=>{this.isPlaying&&this.audio&&this.audio.duration&&(this.updateProgress(),this.updateTimer=requestAnimationFrame(t))};this.updateTimer=requestAnimationFrame(t)}stopSmoothUpdate(){this.updateTimer&&(cancelAnimationFrame(this.updateTimer),this.updateTimer=null)}updateProgress(){if(!this.audio||!this.audio.duration||this._dragging)return;let t=this.audio.currentTime/this.audio.duration;Math.abs(t-this.progress)>.001&&(this.progress=t,this.drawWaveform(),this._updateSeekHandle()),this.currentTimeEl&&(this.currentTimeEl.textContent=S(this.audio.currentTime)),this._emit("waveformplayer:timeupdate",{player:this,currentTime:this.audio.currentTime,duration:this.audio.duration,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&&this.options.onTimeUpdate(this.audio.currentTime,this.audio.duration,this),this.updateActiveMarker(),this.updateSeekAccessibility()}updateBPMDisplay(){let t=this.options.bpm||this.detectedBPM;this.bpmEl&&this.bpmValueEl&&t&&(this.bpmValueEl.textContent=Math.round(t),this.bpmEl.style.display="inline-flex")}refreshTheme(){if(!this._autoTheme)return;this._scheme=R();let t=F(this.options.colorPreset);for(let i of this._presetKeys||[])i in t&&(this.options[i]=t[i]);this._applyThemeColors()}_applyThemeColors(){this.container.classList.toggle("waveform-theme-light",this._scheme==="light"),this.canvas&&this.drawWaveform()}static _watchTheme(){if(e._themeWatch||typeof document>"u")return;let t=()=>requestAnimationFrame(()=>{e.instances.forEach(a=>{try{a.refreshTheme()}catch{}})}),i={attributes:!0,attributeFilter:["class","data-theme","data-color-scheme","style"]},s=new MutationObserver(t);s.observe(document.documentElement,i),document.body&&s.observe(document.body,i);let r=null;try{r=window.matchMedia("(prefers-color-scheme: dark)"),r.addEventListener("change",t)}catch{}e._themeWatch={obs:s,mq:r,refresh:t}}updateSpeedUI(){if(!this.audio)return;let t=this.container.querySelector(".speed-value");if(t){let i=this.audio.playbackRate;t.textContent=i===1?"1x":`${i}x`}this.container.querySelectorAll(".speed-option").forEach(i=>{let s=parseFloat(i.dataset.rate)===this.audio.playbackRate;i.classList.toggle("active",s),i.setAttribute("aria-checked",s?"true":"false")})}play(){if(this.options.singlePlay&&e.currentlyPlaying&&e.currentlyPlaying!==this&&e.currentlyPlaying.pause(),this.options.audioMode==="external"){this._emit("waveformplayer:request-play",this._buildTrackDetail(),!0).defaultPrevented||(e.currentlyPlaying=this);return}return e.currentlyPlaying=this,this.audio.play()}pause(){if(e.currentlyPlaying===this&&(e.currentlyPlaying=null),this.options.audioMode==="external"){this._emit("waveformplayer:request-pause",this._buildTrackDetail(),!0);return}this.audio.pause()}_buildTrackDetail(){return{url:this.options.url,title:this.options.title,artist:this.options.artist,artwork:this.options.artwork,markers:this.options.markers,waveform:this.options.waveform,id:this.id,player:this}}setPlayingState(t){let i=this.isPlaying;this.isPlaying=!!t,this.setPlayButtonState(this.isPlaying),this.isPlaying&&!i?(this.startSmoothUpdate?.(),this._emit("waveformplayer:play",{player:this,url:this.options.url}),this.options.onPlay&&this.options.onPlay(this)):!this.isPlaying&&i&&(this.stopSmoothUpdate?.(),this._emit("waveformplayer:pause",{player:this,url:this.options.url}),this.options.onPause&&this.options.onPause(this))}setProgress(t,i){!i||i<=0||(this.progress=m(t/i),this.currentTimeEl&&(this.currentTimeEl.textContent=S(t)),this._extDuration=i,this.totalTimeEl&&(!this.totalTimeEl.dataset._extSet||this.totalTimeEl.dataset._extDur!==String(i))&&(this.totalTimeEl.textContent=S(i),this.totalTimeEl.dataset._extSet="1",this.totalTimeEl.dataset._extDur=String(i)),this.drawWaveform?.(),this.updateActiveMarker(),this._emit("waveformplayer:timeupdate",{player:this,currentTime:t,duration:i,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&&this.options.onTimeUpdate(t,i,this),this.progress>=1?this._extEnded||(this._extEnded=!0,this._emit("waveformplayer:ended",{player:this,url:this.options.url,currentTime:i,duration:i}),this.options.onEnd&&this.options.onEnd(this)):this._extEnded=!1,this.updateSeekAccessibility())}togglePlay(){this.isPlaying?this.pause():this.play()}seekTo(t){this.audio&&this.audio.duration&&(this.audio.currentTime=m(t,0,this.audio.duration),this.updateProgress())}seekToPercent(t){this.audio&&this.audio.duration&&(this.audio.currentTime=this.audio.duration*m(t),this.updateProgress())}setVolume(t){let i=Number(t);this.audio&&Number.isFinite(i)&&(this.audio.volume=m(i))}setPlaybackRate(t){if(!this.audio)return;let i=m(t,.5,2);this.audio.playbackRate=i,this.options.playbackRate=i,this.updateSpeedUI()}destroy(){this.isDestroying=!0,this._emit("waveformplayer:destroy",{player:this,url:this.options.url}),this.pause(),this.stopSmoothUpdate(),clearTimeout(this._markerLabelTimer),this._ac?.abort(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null),e.instances.delete(this.id),e.currentlyPlaying===this&&(e.currentlyPlaying=null),this.audio&&(this.audio.pause(),this.audio.src="",this.audio.load(),this.audio=null),this.container.innerHTML="",this.canvas=null,this.ctx=null,this.playBtn=null,this.waveformData=[]}static getInstance(t){if(typeof t=="string"){let i=this.instances.get(t);if(i)return i;let s=document.getElementById(t);if(s)return Array.from(this.instances.values()).find(r=>r.container===s)}if(t instanceof HTMLElement)return Array.from(this.instances.values()).find(i=>i.container===t)}static getAllInstances(){return Array.from(this.instances.values())}static destroyAll(){this.instances.forEach(t=>t.destroy()),this.instances.clear()}static async generateWaveformData(t,i=1800){try{return(await z(t,i)).peaks}catch(s){throw console.error("[WaveformPlayer] Failed to generate waveform:",s),s}}static getPeaksUrl(t){if(!t)return;let i=t.replace(/\.(mp3|wav|ogg|flac|m4a|aac)(\?[^#]*)?(#.*)?$/i,".json$2$3");return i===t?void 0:i}};A.utils={formatTime:S,extractTitleFromUrl:H,escapeHtml:P,isSafeHref:U,parseDataAttributes:D};var O=()=>typeof window<"u"&&typeof document<"u";function $(){if(!O())return;document.querySelectorAll("[data-waveform-player]").forEach(t=>{if(t.dataset.waveformInitialized!=="true")try{new A(t),t.dataset.waveformInitialized="true"}catch(i){console.error("[WaveformPlayer] Failed to initialize:",i,t)}})}O()&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",$):$());A.init=$;O()&&(window.WaveformPlayer=A);var Rt=A;export{A as WaveformPlayer,Rt as default};
+`,this.playBtn=this.container.querySelector(".waveform-btn"),this.canvas=this.container.querySelector("canvas"),this.ctx=this.canvas.getContext("2d"),this.titleEl=this.container.querySelector(".waveform-title"),this.artistEl=this.container.querySelector(".waveform-artist"),this.artworkEl=this.container.querySelector(".waveform-artwork"),this.bindArtworkFallback(this.artworkEl),this.currentTimeEl=this.container.querySelector(".time-current"),this.totalTimeEl=this.container.querySelector(".time-total"),this.bpmEl=this.container.querySelector(".waveform-bpm"),this.bpmValueEl=this.container.querySelector(".bpm-value"),this.loadingEl=this.container.querySelector(".waveform-loading"),this.errorEl=this.container.querySelector(".waveform-error"),this.markersContainer=this.container.querySelector(".waveform-markers"),this.speedBtn=this.container.querySelector(".speed-btn"),this.speedMenu=this.container.querySelector(".speed-menu"),this.resizeCanvas(),this.updateBPMDisplay()}bindArtworkFallback(t){t&&t.addEventListener("error",()=>{t.src.startsWith("data:")||(t.src=yt)},{signal:this._ac.signal})}createArtworkElement(){let t=document.createElement("img");return t.className="waveform-artwork",t.style.width="40px",t.style.height="40px",t.style.borderRadius="4px",t.style.objectFit="cover",t.style.flexShrink="0",this.bindArtworkFallback(t),t}createArtistElement(){let t=document.createElement("span");return t.className="waveform-artist",t}syncArtist(t){if(this.options.artist=t||null,!!this.options.showInfo){if(!t){this.artistEl?.remove(),this.artistEl=null;return}if(!this.artistEl){let i=this.container.querySelector(".waveform-title");if(!i)return;this.artistEl=this.createArtistElement(),i.after(this.artistEl)}this.artistEl.textContent=t,this.artistEl.style.display=""}}syncArtwork(t,i=""){if(this.options.artwork=t||null,this.options.artworkAlt=i||"",!!this.options.showInfo){if(!t){this.artworkEl?.remove(),this.artworkEl=null;return}if(!this.artworkEl){let s=this.container.querySelector(".waveform-text");if(!s)return;this.artworkEl=this.createArtworkElement(),s.before(this.artworkEl)}this.artworkEl.src=t,this.artworkEl.alt=i||""}}createAudio(){if(this.options.audioMode==="external"){this.audio=null;return}this.audio=new Audio,this.audio.preload=this.options.preload||"metadata",this.audio.crossOrigin="anonymous"}initPlaybackSpeed(){this.audio&&this.options.playbackRate&&this.options.playbackRate!==1&&(this.audio.playbackRate=this.options.playbackRate),this.options.showPlaybackSpeed&&this.initSpeedControls()}initSpeedControls(){let t=this.container.querySelector(".speed-btn"),i=this.container.querySelector(".speed-menu");if(!t||!i)return;let s=()=>Array.from(i.querySelectorAll(".speed-option")),r=()=>i.style.display!=="none",a=l=>{if(i.style.display=l?"block":"none",t.setAttribute("aria-expanded",l?"true":"false"),l){let h=s();(h.find(c=>c.getAttribute("aria-checked")==="true")||h[0])?.focus()}},o=l=>{let h=s();h.length&&h[(l+h.length)%h.length].focus()},n=l=>{this.setPlaybackRate(parseFloat(l.dataset.rate)),a(!1),t.focus()};t.addEventListener("click",l=>{l.stopPropagation(),a(!r())},{signal:this._ac.signal}),document.addEventListener("click",()=>a(!1),{signal:this._ac.signal}),i.addEventListener("click",l=>{l.stopPropagation();let h=l.target.closest(".speed-option");h&&n(h)},{signal:this._ac.signal}),t.closest(".waveform-speed")?.addEventListener("keydown",l=>{let h=s(),c=h.indexOf(document.activeElement);if(!r()){(l.key==="ArrowDown"||l.key==="ArrowUp")&&document.activeElement===t&&(l.preventDefault(),a(!0));return}switch(l.key){case"ArrowDown":l.preventDefault(),o(c<0?0:c+1);break;case"ArrowUp":l.preventDefault(),o(c<0?h.length-1:c-1);break;case"Home":l.preventDefault(),o(0);break;case"End":l.preventDefault(),o(h.length-1);break;case"Escape":l.preventDefault(),a(!1),t.focus();break;case"Tab":a(!1);break}},{signal:this._ac.signal}),this.updateSpeedUI()}initKeyboardControls(){this.container.setAttribute("tabindex","-1"),this.container.addEventListener("click",t=>{t.target.closest(gt)||(e.getAllInstances().forEach(i=>{i!==this&&i.container.setAttribute("tabindex","-1")}),this.container.setAttribute("tabindex","0"),this.container.focus())},{signal:this._ac.signal}),this.container.addEventListener("keydown",t=>{if(document.activeElement!==this.container)return;let i=t.key,s=!!this.audio,r=s?this.audio.currentTime:0;if(s&&i>="0"&&i<="9"){t.preventDefault(),this.seekToPercent(parseInt(i)/10);return}let a={" ":()=>this.togglePlay()};s&&(a.ArrowLeft=()=>this.seekTo(m(r-5,0,this.audio.duration)),a.ArrowRight=()=>this.seekTo(m(r+5,0,this.audio.duration)),a.ArrowUp=()=>this.setVolume(m(this.audio.volume+.1)),a.ArrowDown=()=>this.setVolume(m(this.audio.volume-.1)),a.m=a.M=()=>this.audio.muted=!this.audio.muted),a[i]&&(t.preventDefault(),a[i]())},{signal:this._ac.signal})}initSeekControl(){this.options.accessibleSeek&&(this.seekEl=this.container.querySelector(".waveform-container"),this.seekEl&&(this.seekEl.setAttribute("role","slider"),this.seekEl.setAttribute("tabindex","0"),this.seekEl.setAttribute("aria-valuemin","0"),this.applySeekLabel(),this.updateSeekAccessibility(),this.seekEl.addEventListener("keydown",t=>{if(t.key===" "||t.key==="Spacebar"){t.preventDefault(),t.stopPropagation(),this.togglePlay();return}let i=this.getSeekDuration();if(!i)return;let s=this.getSeekCurrentTime(),r;switch(t.key){case"ArrowLeft":case"ArrowDown":r=s-rt;break;case"ArrowRight":case"ArrowUp":r=s+rt;break;case"PageDown":r=s-at;break;case"PageUp":r=s+at;break;case"Home":r=0;break;case"End":r=i;break;default:return}t.preventDefault(),t.stopPropagation(),this.seekToSeconds(r)},{signal:this._ac.signal})))}getSeekDuration(){return this.options.audioMode==="external"?this._extDuration||0:this.audio&&Number.isFinite(this.audio.duration)?this.audio.duration:0}getSeekCurrentTime(){return this.options.audioMode==="external"?this.progress*(this._extDuration||0):this.audio&&Number.isFinite(this.audio.currentTime)?this.audio.currentTime:0}seekToSeconds(t){let i=this.getSeekDuration();if(!i)return;let s=m(t,0,i);if(this.options.audioMode==="external"){this._requestSeek(s/i),this.updateSeekAccessibility();return}this.seekTo(s)}applySeekLabel(t=this.options.title){if(!this.seekEl)return;let i=this.options.seekLabel||t||"Seek";this.seekEl.setAttribute("aria-label",i)}updateSeekAccessibility(){if(!this.seekEl)return;let t=this.getSeekDuration(),i=Math.min(this.getSeekCurrentTime(),t);this.seekEl.setAttribute("aria-valuemax",String(Math.round(t))),this.seekEl.setAttribute("aria-valuenow",String(Math.round(i))),this.seekEl.setAttribute("aria-valuetext",V(this.options.seekValueText||"%1$s of %2$s",S(i),S(t)))}initMediaSession(){if(!("mediaSession"in navigator)||!this.options.enableMediaSession||!this.audio)return;this._applyMediaMetadata(),navigator.mediaSession.setActionHandler("play",()=>this.play()),navigator.mediaSession.setActionHandler("pause",()=>this.pause()),navigator.mediaSession.setActionHandler("seekbackward",()=>{this.seekTo(m(this.audio.currentTime-10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler("seekforward",()=>{this.seekTo(m(this.audio.currentTime+10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler("seekto",s=>{s.seekTime!==null&&this.seekTo(s.seekTime)});let t=this.options.onNextTrack,i=this.options.onPreviousTrack;try{navigator.mediaSession.setActionHandler("nexttrack",typeof t=="function"?()=>t(this):null)}catch{}try{navigator.mediaSession.setActionHandler("previoustrack",typeof i=="function"?()=>i(this):null)}catch{}}_applyMediaMetadata(){!("mediaSession"in navigator)||!this.options.enableMediaSession||(navigator.mediaSession.metadata=new MediaMetadata({title:this.options.title||this.options.unknownTrackText,artist:this.options.artist||"",album:this.options.album||"",artwork:this.options.artwork?[{src:this.options.artwork,sizes:"512x512",type:"image/jpeg"}]:[]}))}_updateMediaSession(t){if(!(!("mediaSession"in navigator)||!this.options.enableMediaSession||!this.audio))try{t==="playing"&&this.initMediaSession(),navigator.mediaSession.playbackState=t;let i=this.audio.duration;navigator.mediaSession.setPositionState&&i&&isFinite(i)&&navigator.mediaSession.setPositionState({duration:i,playbackRate:this.audio.playbackRate||1,position:m(this.audio.currentTime,0,i)})}catch{}}bindEvents(){this.playBtn&&this.playBtn.addEventListener("click",()=>this.togglePlay()),this.audio&&(this.audio.addEventListener("loadstart",()=>this.setLoading(!0)),this.audio.addEventListener("loadedmetadata",()=>this.onMetadataLoaded()),this.audio.addEventListener("canplay",()=>this.setLoading(!1)),this.audio.addEventListener("play",()=>this.onPlay()),this.audio.addEventListener("pause",()=>this.onPause()),this.audio.addEventListener("ended",()=>this.onEnded()),this.audio.addEventListener("error",i=>this.onError(i))),this.canvas.addEventListener("click",i=>this.handleCanvasClick(i)),this._dragging=!1,this._seekHover=!1,this._handleNear=!1,this.canvas.addEventListener("pointerenter",()=>{this._seekHover=!0,this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener("pointerleave",()=>{this._seekHover=!1,this._handleNear=!1,this._dragging||this._hideHoverTip(),this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener("pointerdown",i=>{if(!(i.pointerType==="mouse"&&i.button!==0)){this._dragging=!0;try{this.canvas.setPointerCapture(i.pointerId)}catch{}this._scrubTo(i.clientX)}}),this.canvas.addEventListener("pointermove",i=>{if(this._dragging){this._scrubTo(i.clientX);return}let s=this.canvas.getBoundingClientRect();s.width&&(this._handleNear=Math.abs(i.clientX-s.left-this.progress*s.width)<=10,this._updateSeekHandle())});let t=i=>{if(this._dragging){this._dragging=!1,this._suppressClick=!0;try{this.canvas.releasePointerCapture(i.pointerId)}catch{}this._seekFromPointer(i.clientX),!this._seekHover&&!this.options.showHoverTime&&this._hideHoverTip(),this._updateSeekHandle()}};this.canvas.addEventListener("pointerup",t),this.canvas.addEventListener("pointercancel",t),this.setupHoverTime(),this.setupSeekHandle(),this.resizeHandler=J(()=>this.resizeCanvas(),100),window.addEventListener("resize",this.resizeHandler)}setupResizeObserver(){"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(()=>{this.resizeCanvas()}),this.canvas?.parentElement&&this.resizeObserver.observe(this.canvas.parentElement))}async load(t){try{this.setLoading(!0),this.progress=0,this.hasError=!1,this.audio&&(this.audio.src=t,await new Promise((s,r)=>{let a=()=>{this.audio.removeEventListener("loadedmetadata",a),this.audio.removeEventListener("error",o),s()},o=n=>{this.audio.removeEventListener("loadedmetadata",a),this.audio.removeEventListener("error",o),r(n)};this.audio.addEventListener("loadedmetadata",a),this.audio.addEventListener("error",o)}));let i=this.options.title||H(t);if(this.titleEl&&(this.titleEl.textContent=i),this.applySeekLabel(i),this.options.waveform)this.setWaveformData(this.options.waveform);else try{let s=await O(t,this.options.samples,this.options.showBPM);this.waveformData=s.peaks,s.bpm&&(this.detectedBPM=s.bpm,this.updateBPMDisplay())}catch(s){console.warn("[WaveformPlayer] Using placeholder waveform:",s),this.waveformData=et(this.options.samples)}this.drawWaveform(),this.renderMarkers(),this.options.onLoad&&this.options.onLoad(this)}catch(i){this.onError(i)}finally{this.setLoading(!1)}}async loadTrack(t,i=null,s=null,r={}){let a=Object.prototype.hasOwnProperty.call(r,"artwork"),o=Object.prototype.hasOwnProperty.call(r,"artworkAlt");this.isPlaying&&this.pause(),this.audio&&(this.audio.src="",this.audio.load()),this.hasError=!1,this.errorEl&&(this.errorEl.style.display="none"),this.canvas&&(this.canvas.style.opacity="1"),this.playBtn&&(this.playBtn.disabled=!1),this.progress=0,this.waveformData=[],this.options=B(this.options,{url:t,title:i===null?this.options.title:i,artist:s===null?this.options.artist:s,...r}),a&&(this.options.artwork=r.artwork||null),o?this.options.artworkAlt=r.artworkAlt||"":a&&(this.options.artworkAlt=this.options.artwork?F.artworkAlt:""),r.preload&&this.audio&&(this.audio.preload=r.preload),s!==null&&this.syncArtist(s),(a||o)&&this.syncArtwork(a?r.artwork:this.options.artwork,o?r.artworkAlt:this.options.artworkAlt),this.options.markers=r.markers||[],this.options.waveform=r.waveform||null,await this.load(t),r.autoplay!==!1&&this.play()?.catch(()=>{})}setWaveformData(t){if(typeof t=="string"&&t.trim().endsWith(".json")){fetch(t.trim()).then(i=>i.json()).then(i=>{this.waveformData=Array.isArray(i)?i:i.peaks||[],i.markers&&!this.options.markers?.length&&(this.options.markers=i.markers,this.renderMarkers()),this.drawWaveform()}).catch(()=>{});return}if(typeof t=="string")try{let i=JSON.parse(t);this.waveformData=Array.isArray(i)?i:[]}catch{this.waveformData=t.split(",").map(Number)}else this.waveformData=Array.isArray(t)?t:[];this.drawWaveform()}drawWaveform(){!this.ctx||this.waveformData.length===0||Z(this.ctx,this.canvas,this.waveformData,this.progress,{...this.options,waveformStyle:this.options.waveformStyle||"bars",color:this.options.waveformColor,progressColor:this.options.progressColor,seekActive:this._seekHover||this._dragging})}resizeCanvas(){if(!this.canvas||this.isDestroying)return;let t=window.devicePixelRatio||1,i=this.canvas.parentElement.getBoundingClientRect();this.canvas.width=i.width*t,this.canvas.height=this.options.height*t,this.canvas.parentElement.style.height=this.options.height+"px",this.drawWaveform()}renderMarkers(){if(!this.markersContainer||(this.markersContainer.innerHTML="",this._activeMarkerIndex=-1,clearTimeout(this._markerLabelTimer),!this.options.showMarkers||!this.options.markers?.length))return;let t=this.getSeekDuration();t&&this.options.markers.forEach((i,s)=>{if(i.time>t){console.warn(`[WaveformPlayer] Marker "${i.label}" at ${i.time}s exceeds audio duration of ${t}s`);return}let r=i.time/t*100,a=document.createElement("button");a.className="waveform-marker",a.style.left=`${r}%`,a.style.backgroundColor=i.color||"rgba(255, 255, 255, 0.5)",a.setAttribute("aria-label",i.label),a.setAttribute("data-time",i.time);let o=document.createElement("span");o.className="waveform-marker-tooltip",o.textContent=i.label,a.appendChild(o),a.addEventListener("click",n=>{n.stopPropagation(),this.seekTo(i.time),this.options.playOnSeek&&!this.isPlaying&&this.play()}),this.markersContainer.appendChild(a)})}setActiveMarker(t){if(!this.markersContainer)return;this.markersContainer.querySelectorAll(".waveform-marker").forEach((s,r)=>s.classList.toggle("active",r===t))}updateActiveMarker(){if(!this.markersContainer)return;let t=this.markersContainer.querySelectorAll(".waveform-marker");if(!t.length)return;let i=this.getSeekDuration(),s=i?this.progress*i:0,r=-1,a=-1/0;t.forEach((o,n)=>{let l=parseFloat(o.getAttribute("data-time"));Number.isFinite(l)&&l<=s+.05&&l>a&&(a=l,r=n)}),r!==this._activeMarkerIndex&&(this._activeMarkerIndex=r,this.setActiveMarker(r),clearTimeout(this._markerLabelTimer),t.forEach((o,n)=>o.classList.toggle("show-label",n===r)),r>=0&&(this._markerLabelTimer=setTimeout(()=>{this.markersContainer?.querySelectorAll(".waveform-marker").forEach(o=>o.classList.remove("show-label"))},2500)))}setupHoverTime(){if(!this.seekEl)return;let t=document.createElement("div");t.className="waveform-hover-time",t.setAttribute("aria-hidden","true"),this.seekEl.appendChild(t),this.hoverTimeEl=t,this.options.showHoverTime&&(this.seekEl.addEventListener("pointermove",i=>{this._dragging||this._updateHoverTip(i.clientX)}),this.seekEl.addEventListener("pointerleave",()=>{this._dragging||this._hideHoverTip()}))}_updateHoverTip(t){let i=this.hoverTimeEl;if(!i)return;let s=this.getSeekDuration();if(!s){i.style.opacity="0";return}let r=this.canvas.getBoundingClientRect(),a=m((t-r.left)/r.width);i.textContent=S(a*s),i.style.left=a*100+"%",i.style.opacity="1"}_hideHoverTip(){this.hoverTimeEl&&(this.hoverTimeEl.style.opacity="0")}_scrubTo(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;this.progress=m((t-i.left)/i.width),this.drawWaveform(),this._updateSeekHandle();let s=this.getSeekDuration();s&&this.currentTimeEl?(this.currentTimeEl.textContent=S(this.progress*s),this._hideHoverTip()):this._updateHoverTip(t)}setupSeekHandle(){if(!this.options.seekHandle||this.options.waveformStyle!=="seekbar"||!this.seekEl)return;let t=document.createElement("div");t.className="waveform-seek-handle",t.setAttribute("aria-hidden","true"),this.seekEl.appendChild(t),this.seekHandleEl=t}_updateSeekHandle(){let t=this.seekHandleEl;t&&(t.style.left=this.progress*100+"%",t.classList.toggle("is-visible",this._seekHover||this._dragging),t.classList.toggle("is-active",this._dragging||this._handleNear))}handleCanvasClick(t){if(this._suppressClick){this._suppressClick=!1;return}this._seekFromPointer(t.clientX)}_seekFromPointer(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;let s=m((t-i.left)/i.width);if(this.options.audioMode==="external"){this._requestSeek(s);return}!this.audio||!this.audio.duration||this.seekToPercent(s)}setLoading(t){this.isLoading=t,this.loadingEl&&(this.loadingEl.style.display=t?"block":"none"),this.seekEl&&this.seekEl.setAttribute("aria-busy",t?"true":"false")}onMetadataLoaded(){this.isDestroying||(this.totalTimeEl&&(this.totalTimeEl.textContent=S(this.audio.duration)),this.renderMarkers(),this.updateSeekAccessibility())}setPlayButtonState(t){if(!this.playBtn)return;this.playBtn.classList.toggle("playing",t);let i=this.playBtn.querySelector(".waveform-icon-play"),s=this.playBtn.querySelector(".waveform-icon-pause");i&&(i.style.display=t?"none":"flex"),s&&(s.style.display=t?"flex":"none")}onPlay(){this.isDestroying||(this.isPlaying=!0,this.setPlayButtonState(!0),this.startSmoothUpdate(),this._updateMediaSession("playing"),this._emit("waveformplayer:play",{player:this,url:this.options.url}),this.options.onPlay&&this.options.onPlay(this))}onPause(){this.isDestroying||(this.isPlaying=!1,this.setPlayButtonState(!1),this.stopSmoothUpdate(),this._updateMediaSession("paused"),this._emit("waveformplayer:pause",{player:this,url:this.options.url}),this.options.onPause&&this.options.onPause(this))}onEnded(){if(this.isDestroying)return;let t=this.audio.duration;this.progress=0,this.audio.currentTime=0,this.drawWaveform(),this.currentTimeEl&&(this.currentTimeEl.textContent="0:00"),this._emit("waveformplayer:ended",{player:this,url:this.options.url,currentTime:t,duration:t}),this.onPause(),this.options.onEnd&&this.options.onEnd(this)}onError(t){this.isDestroying||(console.error("[WaveformPlayer] Audio error:",t),this.hasError=!0,this.setLoading(!1),this.errorEl&&(this.errorEl.style.display="flex"),this.canvas&&(this.canvas.style.opacity="0.2"),this.playBtn&&(this.playBtn.disabled=!0),this.options.onError&&this.options.onError(t,this))}startSmoothUpdate(){this.stopSmoothUpdate();let t=()=>{this.isPlaying&&this.audio&&this.audio.duration&&(this.updateProgress(),this.updateTimer=requestAnimationFrame(t))};this.updateTimer=requestAnimationFrame(t)}stopSmoothUpdate(){this.updateTimer&&(cancelAnimationFrame(this.updateTimer),this.updateTimer=null)}updateProgress(){if(!this.audio||!this.audio.duration||this._dragging)return;let t=this.audio.currentTime/this.audio.duration;Math.abs(t-this.progress)>.001&&(this.progress=t,this.drawWaveform(),this._updateSeekHandle()),this.currentTimeEl&&(this.currentTimeEl.textContent=S(this.audio.currentTime)),this._emit("waveformplayer:timeupdate",{player:this,currentTime:this.audio.currentTime,duration:this.audio.duration,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&&this.options.onTimeUpdate(this.audio.currentTime,this.audio.duration,this),this.updateActiveMarker(),this.updateSeekAccessibility()}updateBPMDisplay(){let t=this.options.bpm||this.detectedBPM;this.bpmEl&&this.bpmValueEl&&t&&(this.bpmValueEl.textContent=Math.round(t),this.bpmEl.style.display="inline-flex")}refreshTheme(){if(!this._autoTheme)return;this._scheme=R();let t=z(this.options.colorPreset);for(let i of this._presetKeys||[])i in t&&(this.options[i]=t[i]);this._applyThemeColors()}_applyThemeColors(){this.container.classList.toggle("waveform-theme-light",this._scheme==="light"),this.canvas&&this.drawWaveform()}static _watchTheme(){if(e._themeWatch||typeof document>"u")return;let t=()=>requestAnimationFrame(()=>{e.instances.forEach(a=>{try{a.refreshTheme()}catch{}})}),i={attributes:!0,attributeFilter:["class","data-theme","data-color-scheme","style"]},s=new MutationObserver(t);s.observe(document.documentElement,i),document.body&&s.observe(document.body,i);let r=null;try{r=window.matchMedia("(prefers-color-scheme: dark)"),r.addEventListener("change",t)}catch{}e._themeWatch={obs:s,mq:r,refresh:t}}updateSpeedUI(){if(!this.audio)return;let t=this.container.querySelector(".speed-value");if(t){let i=this.audio.playbackRate;t.textContent=i===1?"1x":`${i}x`}this.container.querySelectorAll(".speed-option").forEach(i=>{let s=parseFloat(i.dataset.rate)===this.audio.playbackRate;i.classList.toggle("active",s),i.setAttribute("aria-checked",s?"true":"false")})}play(){if(this.options.singlePlay&&e.currentlyPlaying&&e.currentlyPlaying!==this&&e.currentlyPlaying.pause(),this.options.audioMode==="external"){this._emit("waveformplayer:request-play",this._buildTrackDetail(),!0).defaultPrevented||(e.currentlyPlaying=this);return}return e.currentlyPlaying=this,this.audio.play()}pause(){if(e.currentlyPlaying===this&&(e.currentlyPlaying=null),this.options.audioMode==="external"){this._emit("waveformplayer:request-pause",this._buildTrackDetail(),!0);return}this.audio.pause()}_buildTrackDetail(){return{url:this.options.url,title:this.options.title,artist:this.options.artist,artwork:this.options.artwork,markers:this.options.markers,waveform:this.options.waveform,id:this.id,player:this}}setPlayingState(t){let i=this.isPlaying;this.isPlaying=!!t,this.setPlayButtonState(this.isPlaying),this.isPlaying&&!i?(this.startSmoothUpdate?.(),this._emit("waveformplayer:play",{player:this,url:this.options.url}),this.options.onPlay&&this.options.onPlay(this)):!this.isPlaying&&i&&(this.stopSmoothUpdate?.(),this._emit("waveformplayer:pause",{player:this,url:this.options.url}),this.options.onPause&&this.options.onPause(this))}setProgress(t,i){!i||i<=0||(this.progress=m(t/i),this.currentTimeEl&&(this.currentTimeEl.textContent=S(t)),this._extDuration=i,this.totalTimeEl&&(!this.totalTimeEl.dataset._extSet||this.totalTimeEl.dataset._extDur!==String(i))&&(this.totalTimeEl.textContent=S(i),this.totalTimeEl.dataset._extSet="1",this.totalTimeEl.dataset._extDur=String(i)),this.drawWaveform?.(),this.updateActiveMarker(),this._emit("waveformplayer:timeupdate",{player:this,currentTime:t,duration:i,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&&this.options.onTimeUpdate(t,i,this),this.progress>=1?this._extEnded||(this._extEnded=!0,this._emit("waveformplayer:ended",{player:this,url:this.options.url,currentTime:i,duration:i}),this.options.onEnd&&this.options.onEnd(this)):this._extEnded=!1,this.updateSeekAccessibility())}togglePlay(){this.isPlaying?this.pause():this.play()}seekTo(t){this.audio&&this.audio.duration&&(this.audio.currentTime=m(t,0,this.audio.duration),this.updateProgress())}seekToPercent(t){this.audio&&this.audio.duration&&(this.audio.currentTime=this.audio.duration*m(t),this.updateProgress())}setVolume(t){let i=Number(t);this.audio&&Number.isFinite(i)&&(this.audio.volume=m(i))}setPlaybackRate(t){if(!this.audio)return;let i=m(t,.5,2);this.audio.playbackRate=i,this.options.playbackRate=i,this.updateSpeedUI()}destroy(){this.isDestroying=!0,this._emit("waveformplayer:destroy",{player:this,url:this.options.url}),this.pause(),this.stopSmoothUpdate(),clearTimeout(this._markerLabelTimer),this._ac?.abort(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null),e.instances.delete(this.id),e.currentlyPlaying===this&&(e.currentlyPlaying=null),this.audio&&(this.audio.pause(),this.audio.src="",this.audio.load(),this.audio=null),this.container.innerHTML="",this.canvas=null,this.ctx=null,this.playBtn=null,this.waveformData=[]}static getInstance(t){if(typeof t=="string"){let i=this.instances.get(t);if(i)return i;let s=document.getElementById(t);if(s)return Array.from(this.instances.values()).find(r=>r.container===s)}if(t instanceof HTMLElement)return Array.from(this.instances.values()).find(i=>i.container===t)}static getAllInstances(){return Array.from(this.instances.values())}static destroyAll(){this.instances.forEach(t=>t.destroy()),this.instances.clear()}static async generateWaveformData(t,i=1800){try{return(await O(t,i)).peaks}catch(s){throw console.error("[WaveformPlayer] Failed to generate waveform:",s),s}}static getPeaksUrl(t){if(!t)return;let i=t.replace(/\.(mp3|wav|ogg|flac|m4a|aac)(\?[^#]*)?(#.*)?$/i,".json$2$3");return i===t?void 0:i}};A.utils={formatTime:S,extractTitleFromUrl:H,escapeHtml:P,isSafeHref:N,parseDataAttributes:D};var q=()=>typeof window<"u"&&typeof document<"u";function $(){if(!q())return;document.querySelectorAll("[data-waveform-player]").forEach(t=>{if(t.dataset.waveformInitialized!=="true")try{new A(t),t.dataset.waveformInitialized="true"}catch(i){console.error("[WaveformPlayer] Failed to initialize:",i,t)}})}q()&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",$):$());A.init=$;q()&&(window.WaveformPlayer=A);var Rt=A;export{A as WaveformPlayer,Rt as default};
diff --git a/dist/waveform-player.esm.js.map b/dist/waveform-player.esm.js.map
index 1ff7271..ff5c997 100644
--- a/dist/waveform-player.esm.js.map
+++ b/dist/waveform-player.esm.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/js/utils.js", "../src/js/drawing.js", "../src/js/bpm.js", "../src/js/audio.js", "../src/js/themes.js", "../src/js/core.js", "../src/js/index.js"],
-  "sourcesContent": ["/**\n * @module utils\n * @description Utility functions for WaveformPlayer\n */\n\n/**\n * Default number of peak windows extracted per track. Shared by the runtime\n * peak extraction and `DEFAULT_OPTIONS.samples` so they can't silently drift,\n * and matched to @arraypress/waveform-gen's offline default (1800) for parity.\n * @type {number}\n */\nexport const DEFAULT_SAMPLES = 1800;\n\n/**\n * Largest value in an array, via a loop \u2014 NOT `Math.max(...arr)`, whose\n * argument spread throws `RangeError: Maximum call stack size exceeded` for\n * very large arrays (~1e5+ entries). Returns `-Infinity` for an empty array,\n * matching `Math.max()`.\n * @param {number[]} values - Numbers to scan.\n * @returns {number} The maximum value (`-Infinity` if empty).\n */\nexport function maxOf(values) {\n    let max = -Infinity;\n    for (let i = 0; i < values.length; i++) {\n        if (values[i] > max) max = values[i];\n    }\n    return max;\n}\n\n/**\n * Escape a string for safe interpolation into HTML, preventing injection when\n * building markup with template strings. `null`/`undefined` become `''`.\n * @param {*} str - Value to escape.\n * @returns {string} HTML-escaped string.\n */\nexport function escapeHtml(str) {\n    return String(str == null ? '' : str)\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;')\n        .replace(/'/g, '&#39;');\n}\n\n/**\n * Whether a URL is safe to navigate to (assign to `location.href`): allows only\n * `http`/`https` and relative URLs, rejecting `javascript:`, `data:`, `blob:`,\n * `vbscript:` and other script-bearing schemes.\n * @param {string} url - Candidate URL.\n * @returns {boolean} True if the URL uses a safe scheme.\n */\nexport function isSafeHref(url) {\n    if (typeof url !== 'string' || url === '') return false;\n    try {\n        // Resolve relative URLs against a dummy http base; only the scheme matters.\n        const u = new URL(url, 'http://localhost/');\n        return u.protocol === 'http:' || u.protocol === 'https:';\n    } catch (e) {\n        return false;\n    }\n}\n\n/**\n * Clamp a number to an inclusive range.\n * @param {number} value - Value to constrain.\n * @param {number} [min=0] - Lower bound.\n * @param {number} [max=1] - Upper bound.\n * @returns {number} `value` constrained to `[min, max]`.\n */\nexport function clamp(value, min = 0, max = 1) {\n    return Math.max(min, Math.min(value, max));\n}\n\n/**\n * Read a boolean `data-*` flag. Returns `undefined` when the attribute is\n * absent (preserving the sparse-options contract) and otherwise compares the\n * raw value against the literal string `'true'`.\n * @param {string|undefined} value - Raw `dataset` value.\n * @returns {boolean|undefined} `true`/`false` when present, else `undefined`.\n */\nexport function parseBoolAttr(value) {\n    return value === undefined ? undefined : value === 'true';\n}\n\n/**\n * A colour data-attribute may be a CSS colour string OR a JSON array of\n * gradient stops (e.g. '[\"#fafafa\",\"#71717a\"]'). Parse the array form;\n * otherwise pass the string straight through.\n * @param {string} value\n * @returns {string|string[]}\n */\nfunction parseColorValue(value) {\n    if (typeof value === 'string' && value.trim().startsWith('[')) {\n        try { return JSON.parse(value); } catch (e) { /* fall through to string */ }\n    }\n    return value;\n}\n\n/**\n * Read every recognised `data-*` attribute off a host element and translate it\n * into a plain options object suitable for `mergeOptions`.\n *\n * Only attributes that are actually present are copied, so the returned object\n * is sparse and never overrides defaults with `undefined`. Numeric attributes\n * are coerced with `parseInt`/`parseFloat`, boolean flags are compared against\n * the literal string `'true'`, and JSON-valued attributes (`markers`,\n * `playbackRates`) are parsed defensively \u2014 a parse failure is warned about and\n * the attribute is skipped rather than thrown.\n *\n * Several attributes are shorthand aliases of a canonical long form: `data-src`\n * \u2192 `url`, `data-style` \u2192 `waveformStyle`. When both are present the canonical\n * long form is applied last and therefore wins. `data-color` and `data-theme`\n * are retained as legacy aliases for `waveformColor` and `colorPreset`.\n * Colour attributes that accept gradients (`waveformColor`, `progressColor`)\n * are passed through {@link parseColorValue} so a JSON stop array is expanded.\n *\n * @param {HTMLElement} element - Host element whose `dataset` is inspected.\n * @returns {Object} Sparse options object containing only the attributes found.\n */\nexport function parseDataAttributes(element) {\n    const options = {};\n\n    // Set a boolean option only when its `data-*` attribute is present, so the\n    // returned object stays sparse and never overrides a default with a value\n    // the author didn't set. (`dataKey` differs from `optKey` only for showBPM.)\n    const setBool = (optKey, dataKey = optKey) => {\n        const v = parseBoolAttr(element.dataset[dataKey]);\n        if (v !== undefined) options[optKey] = v;\n    };\n\n    // Read a present (non-empty) numeric attribute as an int (or float).\n    const setNum = (optKey, dataKey = optKey, float = false) => {\n        const raw = element.dataset[dataKey];\n        if (raw) options[optKey] = float ? parseFloat(raw) : parseInt(raw, 10);\n    };\n\n    // Parse a JSON-valued attribute defensively \u2014 warn and skip on bad JSON.\n    const setJson = (optKey, dataKey = optKey) => {\n        const raw = element.dataset[dataKey];\n        if (!raw) return;\n        try { options[optKey] = JSON.parse(raw); }\n        catch (e) { console.warn(`[WaveformPlayer] Invalid ${dataKey} JSON:`, e); }\n    };\n\n    // Core attributes. `data-src` is a shorthand alias for `data-url`;\n    // the canonical long form wins if both are set.\n    if (element.dataset.src) options.url = element.dataset.src;\n    if (element.dataset.url) options.url = element.dataset.url;\n    setNum('height');\n    setNum('samples');\n    if (element.dataset.preload) {\n        options.preload = element.dataset.preload;\n    }\n    if (element.dataset.audioMode) options.audioMode = element.dataset.audioMode;\n\n    // Waveform style attributes. `data-style` is a shorthand alias for\n    // `data-waveform-style`; the canonical long form wins if both are set.\n    if (element.dataset.style) options.waveformStyle = element.dataset.style;\n    if (element.dataset.waveformStyle) options.waveformStyle = element.dataset.waveformStyle;\n    if (element.dataset.waveformGradient) options.waveformGradient = element.dataset.waveformGradient;\n    setNum('barWidth');\n    setNum('barSpacing');\n    setNum('barRadius');\n    if (element.dataset.buttonAlign) options.buttonAlign = element.dataset.buttonAlign;\n    if (element.dataset.layout) options.layout = element.dataset.layout;\n    if (element.dataset.buttonStyle) options.buttonStyle = element.dataset.buttonStyle;\n    // buttonSize: a bare number is px (data-button-size=\"64\"); a unit string\n    // (e.g. \"4rem\") is kept verbatim.\n    if (element.dataset.buttonSize) {\n        const bs = element.dataset.buttonSize;\n        options.buttonSize = /^\\d+(\\.\\d+)?$/.test(bs.trim()) ? parseFloat(bs) : bs;\n    }\n\n    // Color preset\n    if (element.dataset.colorPreset) options.colorPreset = element.dataset.colorPreset;\n\n    // Individual color customization\n    if (element.dataset.waveformColor) options.waveformColor = parseColorValue(element.dataset.waveformColor);\n    if (element.dataset.progressColor) options.progressColor = parseColorValue(element.dataset.progressColor);\n\n    // Legacy support for old attribute names\n    if (element.dataset.color) options.waveformColor = element.dataset.color;\n    if (element.dataset.theme) options.colorPreset = element.dataset.theme;\n\n    // Feature flags\n    setBool('autoplay');\n    setBool('showControls');\n    setBool('showInfo');\n    setBool('showTime');\n    setBool('showHoverTime');\n    setBool('seekHandle');\n    setBool('showBPM', 'showBpm');\n    setNum('bpm');\n    setBool('singlePlay');\n    setBool('playOnSeek');\n\n    // Content and metadata\n    if (element.dataset.title) options.title = element.dataset.title;\n    if (element.dataset.artist) options.artist = element.dataset.artist;\n    if (element.dataset.album) options.album = element.dataset.album;\n    if (element.dataset.artwork) options.artwork = element.dataset.artwork;\n\n    // Waveform data\n    if (element.dataset.waveform) options.waveform = element.dataset.waveform;\n\n    // Markers\n    setJson('markers');\n\n    // Playback controls\n    setNum('playbackRate', 'playbackRate', true);\n    setBool('showPlaybackSpeed');\n    setJson('playbackRates');\n\n    // Media Session API\n    setBool('enableMediaSession');\n\n    // Markers visibility\n    setBool('showMarkers');\n\n    // Accessibility\n    setBool('accessibleSeek');\n    if (element.dataset.seekLabel) options.seekLabel = element.dataset.seekLabel;\n    if (element.dataset.seekValueText) options.seekValueText = element.dataset.seekValueText;\n    if (element.dataset.errorText) options.errorText = element.dataset.errorText;\n\n    // Localizable UI strings (screen-reader / lock-screen facing)\n    if (element.dataset.playPauseLabel) options.playPauseLabel = element.dataset.playPauseLabel;\n    if (element.dataset.speedLabel) options.speedLabel = element.dataset.speedLabel;\n    if (element.dataset.artworkAlt) options.artworkAlt = element.dataset.artworkAlt;\n    if (element.dataset.unknownTrackText) options.unknownTrackText = element.dataset.unknownTrackText;\n\n    // Custom icons (raw SVG markup)\n    if (element.dataset.playIcon) options.playIcon = element.dataset.playIcon;\n    if (element.dataset.pauseIcon) options.pauseIcon = element.dataset.pauseIcon;\n\n    return options;\n}\n\n/**\n * Interpolate a printf-style seek value-text template.\n *\n * Substitutes positional (`%1$s`, `%2$s`) and sequential (`%s`) placeholders so\n * a localized template resolves the same way `sprintf` would \u2014 including\n * templates that reorder the arguments for a given language. Placeholders with\n * no matching argument are left intact.\n * @param {string} template - Value-text template, e.g. `'%1$s of %2$s'`.\n * @param {...string} args  - Replacement values, in order (current, duration).\n * @returns {string} The interpolated value text.\n */\nexport function formatSeekValueText(template, ...args) {\n    let sequentialIndex = 0;\n    return template.replace(/%(?:(\\d+)\\$)?s/g, (match, position) => {\n        const index = position ? Number(position) - 1 : sequentialIndex++;\n        return args[index] ?? match;\n    });\n}\n\n/**\n * Format a duration as a clock string.\n *\n * Renders `M:SS` for durations under an hour and `H:MM:SS` for longer ones,\n * zero-padding the minutes and seconds. Falsy, `NaN`, or negative inputs are\n * treated as zero and return `'0:00'`.\n * @param {number} seconds - Time in seconds.\n * @returns {string} Formatted time, e.g. `'3:07'` or `'1:02:09'`.\n */\nexport function formatTime(seconds) {\n    if (!seconds || isNaN(seconds) || seconds < 0) return '0:00';\n\n    const hrs = Math.floor(seconds / 3600);\n    const mins = Math.floor((seconds % 3600) / 60);\n    const secs = Math.floor(seconds % 60);\n\n    if (hrs > 0) {\n        return `${hrs}:${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n    }\n\n    return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n/**\n * Monotonic per-process counter appended to every generated id to guarantee\n * uniqueness even when two ids hash from the same URL.\n * @type {number}\n * @private\n */\nlet idCounter = 0;\n\n/**\n * Generate a unique, DOM-safe ID from a URL.\n *\n * Uses a DJB2 hash of the FULL url (not a 10-char prefix) plus a process\n * counter, so same-host tracks don't collide in the instances map and\n * non-Latin1 / Unicode URLs don't throw (the old btoa() approach did both).\n * @param {string} url - Audio URL\n * @returns {string} Unique element-id-safe string\n */\nexport function generateId(url) {\n    const str = url || 'audio';\n    let hash = 5381;\n    for (let i = 0; i < str.length; i++) {\n        hash = ((hash << 5) + hash + str.charCodeAt(i)) | 0;\n    }\n    return `wp_${(hash >>> 0).toString(36)}_${(idCounter++).toString(36)}`;\n}\n\n/**\n * Derive a human-readable title from an audio URL's filename.\n *\n * Takes the last path segment, drops the extension, replaces `-`/`_`\n * separators with spaces, and title-cases the first letter of each word.\n * Returns `'Audio'` for an empty or missing URL.\n * @param {string} url - Audio URL.\n * @returns {string} Extracted, prettified title.\n * @example\n * extractTitleFromUrl('https://cdn.example.com/my-cool_track.mp3'); // 'My Cool Track'\n */\nexport function extractTitleFromUrl(url) {\n    if (!url) return 'Audio';\n\n    const parts = url.split('/');\n    const filename = parts[parts.length - 1];\n    const name = filename.split('.')[0];\n\n    // Clean up common separators\n    return name\n        .replace(/[-_]/g, ' ')\n        .replace(/\\b\\w/g, l => l.toUpperCase());\n}\n\n/**\n * Perceived brightness (0\u2013255) of a CSS colour, via the luminance formula.\n * Pulls the numeric channels out of an `rgb()`/`rgba()` string.\n * @param {string} color - CSS colour string, e.g. `\"rgb(34, 34, 34)\"`.\n * @returns {number|null} Brightness 0\u2013255, or `null` if it can't be parsed.\n */\nexport function perceivedBrightness(color) {\n    const rgb = typeof color === 'string' ? color.match(/\\d+/g) : null;\n    if (!rgb || rgb.length < 3) return null;\n    const [r, g, b] = rgb.map(Number);\n    return (r * 299 + g * 587 + b * 114) / 1000;\n}\n\n/**\n * Shallow-merge option objects into a new object, last source winning.\n *\n * Keys whose value is `null` or `undefined` are skipped, so a later source can\n * leave an earlier value untouched by passing a nullish entry rather than\n * clobbering it. The inputs are never mutated.\n * @param {...Object} sources - Option objects merged left-to-right.\n * @returns {Object} A fresh object containing the merged, defined keys.\n */\nexport function mergeOptions(...sources) {\n    const result = {};\n\n    for (const source of sources) {\n        for (const key in source) {\n            if (source[key] !== null && source[key] !== undefined) {\n                result[key] = source[key];\n            }\n        }\n    }\n\n    return result;\n}\n\n/**\n * Wrap a function so it only runs once calls stop arriving for `wait` ms.\n *\n * Each invocation resets the pending timer, so rapid bursts collapse into a\n * single trailing-edge call that receives the most recent arguments. The\n * wrapper itself returns nothing.\n * @param {Function} func - Function to debounce.\n * @param {number} wait - Idle period in milliseconds before `func` fires.\n * @returns {Function} Debounced wrapper forwarding its arguments to `func`.\n */\nexport function debounce(func, wait) {\n    let timeout;\n\n    return function executedFunction(...args) {\n        const later = () => {\n            clearTimeout(timeout);\n            func(...args);\n        };\n\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n    };\n}\n\n/**\n * Resize a waveform amplitude array to a target number of bars.\n *\n * Returns the original array unchanged when lengths already match, and an empty\n * array when either side is empty. When upsampling (target larger than source)\n * it linearly interpolates between neighbouring samples for a smooth result.\n * When downsampling it splits the source into evenly sized buckets and keeps\n * the peak (maximum) of each so transients survive the reduction; an empty\n * bucket falls back to its nearest-neighbour sample.\n * @param {number[]} data - Original amplitude samples.\n * @param {number} targetLength - Desired number of output bars.\n * @returns {number[]} Resampled amplitude array of length `targetLength`.\n */\nexport function resampleData(data, targetLength) {\n    if (data.length === targetLength) return data;\n    if (data.length === 0 || targetLength === 0) return [];\n\n    const result = [];\n\n    // If upsampling (target is larger than source)\n    if (targetLength > data.length) {\n        const ratio = (data.length - 1) / (targetLength - 1);\n\n        for (let i = 0; i < targetLength; i++) {\n            const index = i * ratio;\n            const lower = Math.floor(index);\n            const upper = Math.ceil(index);\n            const fraction = index - lower;\n\n            // Linear interpolation between samples\n            if (upper >= data.length) {\n                result.push(data[data.length - 1]);\n            } else if (lower === upper) {\n                result.push(data[lower]);\n            } else {\n                const value = data[lower] * (1 - fraction) + data[upper] * fraction;\n                result.push(value);\n            }\n        }\n    } else {\n        // Downsampling (target is smaller than source)\n        const bucketSize = data.length / targetLength;\n\n        for (let i = 0; i < targetLength; i++) {\n            const start = Math.floor(i * bucketSize);\n            const end = Math.floor((i + 1) * bucketSize);\n\n            // Find the maximum value in this bucket\n            let max = 0;\n            let count = 0;\n\n            for (let j = start; j <= end && j < data.length; j++) {\n                if (data[j] > max) {\n                    max = data[j];\n                }\n                count++;\n            }\n\n            // If no samples were found in this bucket, use nearest neighbor\n            if (count === 0) {\n                const nearestIndex = Math.min(Math.round(i * bucketSize), data.length - 1);\n                max = data[nearestIndex];\n            }\n\n            result.push(max);\n        }\n    }\n\n    return result;\n}", "/**\n * @module drawing\n * @description Core waveform drawing styles optimized for visual distinction at all sizes\n */\n\nimport {resampleData, clamp} from './utils.js';\n\n/**\n * Resolve a fill value that may be a CSS colour string OR an array of colour\n * stops (rendered as a canvas gradient). Bundle-light gradient support: pass\n * e.g. `waveformColor: ['#fafafa', '#71717a']`. A single-element array collapses\n * to that one colour; a multi-element array is spread evenly along the axis set\n * by `options.waveformGradient`:\n *   - `'vertical'`   (default) a canvas-height gradient (colour keyed to\n *     absolute Y, so short bars occupy only the lower band).\n *   - `'horizontal'` left -> right across the whole waveform (a hue sweep).\n *   - `'diagonal'`   top-left -> bottom-right.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context used to build the gradient.\n * @param {string|string[]} value - A CSS colour string, or an array of colour stops.\n * @param {HTMLCanvasElement} canvas - Canvas (provides the device-pixel span).\n * @param {Object} [options] - Drawing options; reads `waveformGradient`.\n * @returns {string|CanvasGradient} The original string, or a linear gradient.\n */\nfunction makeFill(ctx, value, canvas, options) {\n    if (!Array.isArray(value)) return value;\n    if (value.length < 2) return value[0];\n    const w = canvas.width;\n    const h = canvas.height;\n    const dir = options && options.waveformGradient;\n    const [x0, y0, x1, y1] =\n        dir === 'horizontal' ? [0, 0, w, 0] :\n        dir === 'diagonal'   ? [0, 0, w, h] :\n                               [0, 0, 0, h];\n    try {\n        const grad = ctx.createLinearGradient(x0, y0, x1, y1);\n        value.forEach((c, i) => grad.addColorStop(i / (value.length - 1), c));\n        return grad;\n    } catch (e) {\n        return value[0]; // a bad stop shouldn't abort the whole render\n    }\n}\n\n/**\n * Fill a bar rect, optionally with rounded caps (`barRadius`). Falls back to\n * a plain fillRect where `roundRect` is unavailable (older Safari) \u2014 square\n * bars, no error. Radii are clamped to half the rect's width/height so a\n * large `barRadius` never overflows a thin or short bar.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context (current fillStyle is used).\n * @param {number} x - Left edge of the bar in device pixels.\n * @param {number} y - Top edge of the bar in device pixels.\n * @param {number} w - Bar width in device pixels.\n * @param {number} h - Bar height in device pixels (may be negative for upward fills).\n * @param {number|number[]} radii - Corner radius (number, or [tl, tr, br, bl]).\n * @returns {void}\n */\nfunction fillBar(ctx, x, y, w, h, radii) {\n    const any = Array.isArray(radii) ? radii.some(r => r > 0) : radii > 0;\n    if (any && typeof ctx.roundRect === 'function') {\n        const max = Math.min(w / 2, Math.abs(h) / 2);\n        const clampR = (r) => clamp(r, 0, max);\n        ctx.beginPath();\n        ctx.roundRect(x, y, w, h, Array.isArray(radii) ? radii.map(clampR) : clampR(radii));\n        ctx.fill();\n    } else {\n        ctx.fillRect(x, y, w, h);\n    }\n}\n\n/**\n * Scale the configured `barRadius` into device pixels (scalar).\n * @private\n * @param {Object} options - Drawing options (`barRadius` in CSS pixels, defaults to 0).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number} The bar corner radius in device pixels.\n */\nfunction barRadiusPx(options, dpr) {\n    return (options.barRadius || 0) * dpr;\n}\n\n/**\n * Top-rounded corner radii for bottom-anchored bars: [tl, tr, br, bl].\n * Only the top two corners are rounded so bars sit flush on the baseline.\n * @private\n * @param {Object} options - Drawing options (supplies `barRadius`).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number[]} Corner radii in device pixels as [tl, tr, br, bl].\n */\nfunction barRadii(options, dpr) {\n    const r = barRadiusPx(options, dpr);\n    return [r, r, 0, 0];\n}\n\n/**\n * Trace a horizontal rounded-capsule (stadium) path from `startX` to `endX`,\n * ready to fill. The end caps are semicircles of radius `barHeight / 2`.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context.\n * @param {number} startX - Left edge x (also the left cap centre).\n * @param {number} endX - Right edge x.\n * @param {number} centerY - Vertical centre of the capsule.\n * @param {number} barHeight - Capsule thickness in pixels.\n * @returns {void}\n */\nfunction capsulePath(ctx, startX, endX, centerY, barHeight) {\n    const r = barHeight / 2;\n    ctx.beginPath();\n    ctx.moveTo(startX, centerY - r);\n    ctx.lineTo(endX - r, centerY - r);\n    ctx.arc(endX - r, centerY, r, -Math.PI / 2, Math.PI / 2);\n    ctx.lineTo(startX, centerY + r);\n    ctx.arc(startX, centerY, r, Math.PI / 2, -Math.PI / 2);\n    ctx.closePath();\n}\n\n/**\n * Draw standard bars waveform - classic vertical bars anchored to the baseline.\n * Peaks are resampled to fit the available bar slots, drawn at 90% of canvas\n * height, then the progress portion is repainted in `progressColor` via a\n * left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor` (colour strings or gradient stop arrays).\n * @returns {void}\n */\nexport function drawBars(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const progressWidth = progress * canvas.width;\n    const radii = barRadii(options, dpr);\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars first\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw mirror/SoundCloud style waveform - symmetrical bars about the centre line.\n * Each peak is drawn twice (45% of height up and down) with the upper cap rounded\n * on top and the lower cap rounded on the bottom; the progress portion is then\n * repainted in `progressColor` through a left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawMirror(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const centerY = height / 2;\n    const progressWidth = progress * canvas.width;\n    const r = barRadiusPx(options, dpr);\n    const topRadii = [r, r, 0, 0];   // round the upper cap\n    const botRadii = [0, 0, r, r];   // round the lower cap\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw line/oscilloscope style waveform - smooth flowing wave with glow.\n * Renders a faint oscilloscope grid (centre line + 10 vertical divisions), the\n * full waveform as a bezier-smoothed curve, then the played portion on top with\n * a coloured shadow glow. Peaks are modulated by a sine term so the line undulates\n * rather than reading as static bars.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1); the glowing curve is only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (base wave), `progressColor` (played wave).\n * @returns {void}\n */\nexport function drawLine(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const amplitude = height * 0.35;\n\n    ctx.clearRect(0, 0, width, height);\n\n    /**\n     * Stroke a bezier-smoothed curve through the (optionally sine-modulated) peaks.\n     * @private\n     * @param {string} color - Stroke colour (and shadow colour when glowing).\n     * @param {number} lineWidth - Stroke width in pixels.\n     * @param {number} [endProgress=1] - Fraction (0-1) of the peaks to draw, left to right.\n     * @param {boolean} [addGlow=false] - When true, applies a coloured shadow blur for a glow effect.\n     * @returns {void}\n     */\n    const drawCurve = (color, lineWidth, endProgress = 1, addGlow = false) => {\n        // strokeStyle accepts a gradient; shadowColor must be a solid string, so\n        // collapse a stop array to its last stop for the glow.\n        const stroke = makeFill(ctx, color, canvas, options);\n        const solid = Array.isArray(color) ? color[color.length - 1] : color;\n        if (addGlow) {\n            ctx.shadowBlur = 12;\n            ctx.shadowColor = solid;\n        }\n\n        ctx.strokeStyle = stroke;\n        ctx.lineWidth = lineWidth;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n\n        ctx.beginPath();\n        ctx.moveTo(0, centerY);\n\n        const points = [];\n        const samples = Math.floor(peaks.length * endProgress);\n\n        // Calculate smoothed points\n        for (let i = 0; i < samples; i++) {\n            const x = (i / (peaks.length - 1)) * width;\n            const peakValue = peaks[i];\n\n            // Create a smooth wave motion\n            const waveOffset = Math.sin(i * 0.1) * peakValue;\n            const y = centerY + (waveOffset * amplitude);\n\n            points.push({x, y});\n        }\n\n        // Draw smooth curve through points using bezier curves\n        for (let i = 0; i < points.length - 1; i++) {\n            const cp1x = points[i].x + (points[i + 1].x - points[i].x) * 0.5;\n            const cp1y = points[i].y;\n            const cp2x = points[i + 1].x - (points[i + 1].x - points[i].x) * 0.5;\n            const cp2y = points[i + 1].y;\n\n            ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, points[i + 1].x, points[i + 1].y);\n        }\n\n        ctx.stroke();\n\n        if (addGlow) {\n            ctx.shadowBlur = 0;\n        }\n    };\n\n    // Draw subtle grid for oscilloscope feel\n    ctx.strokeStyle = 'rgba(255, 255, 255, 0.03)';\n    ctx.lineWidth = 0.5;\n\n    // Horizontal center line\n    ctx.beginPath();\n    ctx.moveTo(0, centerY);\n    ctx.lineTo(width, centerY);\n    ctx.stroke();\n\n    // Vertical grid lines\n    for (let i = 0; i <= 10; i++) {\n        const x = (width / 10) * i;\n        ctx.beginPath();\n        ctx.moveTo(x, 0);\n        ctx.lineTo(x, height);\n        ctx.stroke();\n    }\n\n    // Draw background wave\n    drawCurve(options.color, 2, 1, false);\n\n    // Draw progress with glow\n    if (progress > 0) {\n        drawCurve(options.progressColor, 3, progress, true);\n    }\n}\n\n/**\n * Draw blocks/LED meter style waveform - segmented blocks growing from the centre.\n * Each bar's height is quantised into fixed-size blocks separated by gaps, drawn\n * symmetrically up and down from the centre line (the shared centre block is not\n * duplicated downward). Per-bar colour is chosen by comparing the bar's x against\n * the played width \u2014 there is no clip overlay here.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each bar's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 3), `barSpacing` (default 1),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawBlocks(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 3) * dpr;\n    const barSpacing = (options.barSpacing || 1) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const blockSize = 4 * dpr;\n    const blockGap = 2 * dpr;\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        const blockCount = Math.floor(peakHeight / (blockSize + blockGap));\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw blocks from center outward\n        for (let j = 0; j < blockCount; j++) {\n            const blockOffset = j * (blockSize + blockGap);\n\n            // Upper blocks\n            ctx.fillRect(x, centerY - blockOffset - blockSize, barWidth, blockSize);\n\n            // Lower blocks (skip the center block)\n            if (j > 0) {\n                ctx.fillRect(x, centerY + blockOffset, barWidth, blockSize);\n            }\n        }\n    }\n}\n\n/**\n * Draw dots style waveform - pairs of circular points mirrored about the centre.\n * For each sample a dot is drawn above and below the centre line at half the peak\n * height; dot radius scales with bar width but is floored at 1.5 device pixels.\n * Per-dot colour is chosen by comparing x against the played width (no clip overlay).\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each dot's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 2), `barSpacing` (default 3),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawDots(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 2) * dpr;\n    const barSpacing = (options.barSpacing || 3) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const dotRadius = Math.max(1.5 * dpr, barWidth / 2);\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing) + barWidth / 2;\n        if (x > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw upper dot\n        ctx.beginPath();\n        ctx.arc(x, centerY - peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n\n        // Draw lower dot\n        ctx.beginPath();\n        ctx.arc(x, centerY + peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n    }\n}\n\n/**\n * Draw seekbar style - a simple rounded progress bar with no waveform.\n * Renders a pill-shaped background track, a clean pill-shaped filled portion\n * (clamped to at least one full pill width so it never collapses), and a\n * draggable circular handle/thumb at the playhead (clamped so it never clips\n * at the track ends).\n * The `peaks` argument is accepted for signature parity but is unused by this style.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Ignored; present to match the shared draw-function signature.\n * @param {number} progress - Playback progress (0-1); the fill and handle are only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (track), `progressColor` (fill/glow/accent).\n * @returns {void}\n */\nexport function drawSeekbar(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const barHeight = 4; // Height of the seekbar in pixels\n    const borderRadius = barHeight / 2;\n    const active = !!options.seekActive; // hovering or dragging the seekbar\n\n    ctx.clearRect(0, 0, width, height);\n\n    // Draw background track\n    ctx.fillStyle = makeFill(ctx, options.color, canvas, options) || 'rgba(255, 255, 255, 0.2)';\n\n    // Rounded background track\n    capsulePath(ctx, borderRadius, width, centerY, barHeight);\n    ctx.fill();\n\n    // Draw progress \u2014 slightly dimmed at rest, full-bright on hover / drag.\n    // With a monochrome palette there's no hue to swap (Spotify goes\n    // white\u2192green), so the hover cue is a brightness lift plus the handle\n    // appearing. The draggable handle is a DOM element\n    // (`.waveform-seek-handle`), not drawn here \u2014 so it's always a perfect\n    // circle and can grow on direct hover via CSS.\n    if (progress > 0) {\n        const progressWidth = Math.max(borderRadius * 2, progress * width);\n\n        // Brightness lift on hover/drag is only meaningful when the handle is\n        // enabled (the bar); a standalone seekbar stays at full progress.\n        ctx.save();\n        ctx.globalAlpha = options.seekHandle && !active ? 0.7 : 1;\n        ctx.fillStyle = makeFill(ctx, options.progressColor, canvas, options) || 'rgba(255, 255, 255, 0.9)';\n        capsulePath(ctx, borderRadius, progressWidth, centerY, barHeight);\n        ctx.fill();\n        ctx.restore();\n    }\n}\n\n/**\n * Map of style names (and singular aliases) to their drawing functions.\n * Six visually distinct styles including a simple seekbar; keys are matched\n * against `options.waveformStyle` by {@link draw}.\n * @type {Object.<string, function(CanvasRenderingContext2D, HTMLCanvasElement, number[], number, Object): void>}\n */\nexport const DRAWING_STYLES = {\n    'bars': drawBars,        // Classic vertical bars\n    'bar': drawBars,\n    'mirror': drawMirror,    // SoundCloud-style symmetrical\n    'line': drawLine,        // Smooth oscilloscope wave\n    'blocks': drawBlocks,    // LED meter segmented\n    'block': drawBlocks,\n    'dots': drawDots,        // Circular points\n    'dot': drawDots,\n    'seekbar': drawSeekbar   // Simple progress bar (no waveform)\n};\n\n/**\n * Main drawing entry point that delegates to the style named by\n * `options.waveformStyle`, falling back to {@link drawBars} for unknown styles.\n * @param {CanvasRenderingContext2D} ctx - Canvas context\n * @param {HTMLCanvasElement} canvas - Canvas element\n * @param {number[]} peaks - Waveform peak data (0-1)\n * @param {number} progress - Progress (0-1)\n * @param {Object} options - Drawing options, including `waveformStyle` plus the\n *   per-style fields (`barWidth`, `barSpacing`, `barRadius`, `color`, `progressColor`).\n * @returns {void}\n */\nexport function draw(ctx, canvas, peaks, progress, options) {\n    const drawFunc = DRAWING_STYLES[options.waveformStyle] || drawBars;\n    drawFunc(ctx, canvas, peaks, progress, options);\n}", "/**\n * @module bpm\n * @description BPM detection for audio analysis\n */\n\n/**\n * Estimate the tempo (beats per minute) of an audio buffer.\n *\n * Analyses the first (left/mono) channel by detecting onsets, measuring the\n * time between successive onsets, converting each interval to a tempo, and\n * histogramming those tempos into 3-BPM buckets (60-200 BPM) to find the most\n * common one. Octave errors are corrected by doubling very slow results and\n * halving very fast ones when a strong half/double bucket also exists, then a\n * fixed -1 BPM calibration offset is applied. Returns a 120 BPM fallback when\n * too few onsets are found, and null if analysis throws.\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse; only channel 0 is read.\n * @returns {number|null} Detected tempo in BPM, 120 as a fallback when onsets are insufficient, or null on error.\n */\nexport function detectBPM(buffer) {\n    try {\n        const channelData = buffer.getChannelData(0);\n        const sampleRate = buffer.sampleRate;\n        const onsets = detectOnsets(channelData, sampleRate);\n\n        if (onsets.length < 2) return 120;\n\n        // Calculate intervals\n        const intervals = [];\n        for (let i = 1; i < onsets.length; i++) {\n            intervals.push((onsets[i] - onsets[i - 1]) / sampleRate);\n        }\n\n        // Convert to tempos and group\n        const tempoGroups = {};\n        intervals.forEach(interval => {\n            const tempo = 60 / interval;\n            const bucket = Math.round(tempo / 3) * 3;\n            if (bucket > 60 && bucket < 200) {\n                tempoGroups[bucket] = (tempoGroups[bucket] || 0) + 1;\n            }\n        });\n\n        // Find most common\n        let maxCount = 0;\n        let detectedBPM = 120;\n        for (const [tempo, count] of Object.entries(tempoGroups)) {\n            if (count > maxCount) {\n                maxCount = count;\n                detectedBPM = parseInt(tempo);\n            }\n        }\n\n        // Handle tempo ambiguity\n        if (detectedBPM < 70 && tempoGroups[detectedBPM * 2]) {\n            detectedBPM *= 2;\n        } else if (detectedBPM > 160 && tempoGroups[Math.round(detectedBPM / 2)]) {\n            detectedBPM = Math.round(detectedBPM / 2);\n        }\n\n        return detectedBPM - 1; // Calibration offset\n    } catch (e) {\n        console.warn('[WaveformPlayer] BPM detection failed:', e);\n        return null;\n    }\n}\n\n/**\n * Detect onset sample positions (transients/beats) within a channel of audio.\n *\n * Slides a 2048-sample window (50% overlap via a half-window hop) across the\n * signal, computing the mean squared energy of each window. An onset is flagged\n * when the energy rise over the previous (smoothed) energy exceeds an adaptive\n * threshold and the window energy is above a noise floor, subject to a minimum\n * spacing of 150 ms so a single transient is not counted twice. The running\n * previousEnergy is exponentially smoothed (0.8 new / 0.2 old) to track the\n * local energy envelope.\n *\n * @param {Float32Array} channelData - PCM samples (normalised -1..1) for a single channel.\n * @param {number} sampleRate - Sample rate in Hz, used to derive the minimum onset spacing.\n * @returns {number[]} Ascending sample indices at which onsets were detected.\n * @private\n */\nfunction detectOnsets(channelData, sampleRate) {\n    const windowSize = 2048;\n    const hopSize = windowSize / 2;\n    const onsets = [];\n    let previousEnergy = 0;\n\n    for (let i = 0; i < channelData.length - windowSize; i += hopSize) {\n        let energy = 0;\n        for (let j = i; j < i + windowSize; j++) {\n            energy += channelData[j] * channelData[j];\n        }\n        energy = energy / windowSize;\n\n        const energyDiff = energy - previousEnergy;\n        const threshold = previousEnergy * 1.8 + 0.01;\n\n        if (energyDiff > threshold && energy > 0.01) {\n            const lastOnset = onsets[onsets.length - 1] || 0;\n            const minDistance = sampleRate * 0.15;\n\n            if (i - lastOnset > minDistance) {\n                onsets.push(i);\n            }\n        }\n\n        previousEnergy = energy * 0.8 + previousEnergy * 0.2;\n    }\n\n    return onsets;\n}", "/**\n * @module audio\n * @description Audio processing for WaveformPlayer\n */\n\nimport {detectBPM} from './bpm.js';\nimport {clamp, maxOf, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Extract peaks from a decoded audio buffer for waveform visualization.\n *\n * Divides the buffer into `samples` equal-width windows and, within each\n * window, finds the largest absolute amplitude by inspecting every frame (so\n * transients are never missed and the shape is stable across sample counts \u2014\n * matching WaveformGen's offline output). Across multiple channels the\n * per-window peaks are merged by taking the loudest channel, then the whole\n * array is normalized so the maximum peak becomes 1 (a silent buffer is\n * returned unscaled).\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse.\n * @param {number} [samples=1800] - Number of peak windows (output array length).\n * @returns {number[]} Array of `samples` normalized peak values in the 0-1 range.\n */\nexport function extractPeaks(buffer, samples = DEFAULT_SAMPLES) {\n    const sampleSize = buffer.length / samples;\n    const channels = buffer.numberOfChannels;\n    const peaks = [];\n\n    for (let c = 0; c < channels; c++) {\n        const chan = buffer.getChannelData(c);\n\n        for (let i = 0; i < samples; i++) {\n            const start = ~~(i * sampleSize);\n            const end = ~~(start + sampleSize);\n\n            let min = 0;\n            let max = 0;\n\n            // Scan EVERY frame in the window. Previously this stepped by\n            // sampleSize/10 (~10 samples/window) for speed, but that misses\n            // transients and makes the shape change with the sample count.\n            // decodeAudioData dominates the cost, so a full scan is worth it \u2014\n            // and it now matches WaveformGen's offline output exactly.\n            for (let j = start; j < end; j++) {\n                const value = chan[j];\n                if (value > max) max = value;\n                if (value < min) min = value;\n            }\n\n            const peak = Math.max(Math.abs(max), Math.abs(min));\n\n            if (c === 0 || peak > peaks[i]) {\n                peaks[i] = peak;\n            }\n        }\n    }\n\n    // Normalize peaks\n    const maxPeak = maxOf(peaks);\n    return maxPeak > 0 ? peaks.map(peak => peak / maxPeak) : peaks;\n}\n\n/**\n * Generate waveform data by fetching and decoding an audio file at a URL.\n *\n * Fetches the URL, decodes it through a short-lived AudioContext, runs\n * {@link extractPeaks} followed by {@link normalizePeaks}, and optionally\n * detects the track's BPM. The AudioContext is created lazily and always\n * closed in the `finally` block so failed decodes never leak one (browsers\n * hard-cap the number of live contexts). Errors are logged and re-thrown so\n * callers can fall back to a placeholder waveform.\n *\n * @param {string} url - Audio file URL to fetch and decode.\n * @param {number} [samples=1800] - Number of peak windows to extract.\n * @param {boolean} [shouldDetectBPM=false] - Whether to run BPM detection on the decoded buffer.\n * @returns {Promise<{peaks: number[], bpm: (number|null)}>} Resolves with the\n *   normalized peaks and the detected BPM (`null` when detection is disabled or fails).\n * @throws {Error} Re-throws any fetch/decode error after logging it.\n */\nexport async function generateWaveform(url, samples = DEFAULT_SAMPLES, shouldDetectBPM = false) {\n    // Created lazily so the finally block can always close it \u2014 browsers\n    // hard-cap live AudioContexts (~6 in Chrome), so leaking one per failed\n    // decode would break every subsequent player on the page.\n    let audioContext;\n    try {\n        const AudioCtx = window.AudioContext || /** @type {any} */ (window).webkitAudioContext;\n        audioContext = new AudioCtx();\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n\n        let peaks = extractPeaks(audioBuffer, samples);\n\n        // Normalize peaks for consistent visualization\n        peaks = normalizePeaks(peaks);\n\n        let bpm = null;\n        if (shouldDetectBPM) {\n            bpm = detectBPM(audioBuffer); // synchronous \u2014 returns number|null\n        }\n\n        return {peaks, bpm};\n    } finally {\n        // Error (if any) propagates to the caller, which decides how to log /\n        // recover; the context is always closed either way.\n        if (audioContext) audioContext.close();\n    }\n}\n\n/**\n * Generate a synthetic placeholder waveform for use before (or instead of)\n * real peak data is available.\n *\n * Each bar combines a random base height (0.3-0.8) with a slow sinusoidal\n * variation across the array, clamped to the 0.1-1 range so the result always\n * looks like a plausible waveform rather than pure noise.\n *\n * @param {number} [samples=1800] - Number of bars (output array length).\n * @returns {number[]} Array of `samples` pseudo-random peak values in the 0.1-1 range.\n */\nexport function generatePlaceholderWaveform(samples = DEFAULT_SAMPLES) {\n    const data = [];\n    for (let i = 0; i < samples; i++) {\n        const base = Math.random() * 0.5 + 0.3;\n        const variation = Math.sin(i / samples * Math.PI * 4) * 0.2;\n        data.push(clamp(base + variation, 0.1, 1));\n    }\n    return data;\n}\n\n/**\n * Scale peak values so quiet tracks fill the available height consistently.\n *\n * Finds the loudest peak and, only when it is non-zero yet below `targetMax`,\n * scales every peak proportionally so the maximum lands on `targetMax`. Silent\n * arrays (max 0) and already-loud arrays (max above `targetMax`) are returned\n * untouched, so the function never amplifies clipping or divides by zero.\n *\n * @param {number[]} peaks - Peak values, typically in the 0-1 range.\n * @param {number} [targetMax=0.95] - Desired maximum peak after scaling.\n * @returns {number[]} The normalized peak array (the original array when no scaling is applied).\n * @private\n */\nfunction normalizePeaks(peaks, targetMax = 0.95) {\n    const maxPeak = maxOf(peaks);\n\n    // Don't normalize if already loud enough or silent\n    if (maxPeak === 0 || maxPeak > targetMax) return peaks;\n\n    // Scale all peaks proportionally\n    const scaleFactor = targetMax / maxPeak;\n    return peaks.map(peak => peak * scaleFactor);\n}", "/**\n * @module themes\n * @description Color presets and default options for WaveformPlayer\n */\n\nimport {perceivedBrightness, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Does `<html>` or `<body>` explicitly signal the given colour scheme via a\n * known class name (`dark`, `dark-mode`, `theme-dark`) or theme attribute\n * (`data-theme`, and `data-color-scheme` on the root)?\n * @param {'dark'|'light'} scheme - Scheme to look for.\n * @returns {boolean} True if the page explicitly hints at `scheme`.\n * @private\n */\nfunction hasThemeHint(scheme) {\n    const root = document.documentElement;\n    const body = document.body;\n    return (\n        root.classList.contains(scheme) ||\n        root.classList.contains(`${scheme}-mode`) ||\n        root.classList.contains(`theme-${scheme}`) ||\n        root.getAttribute('data-theme') === scheme ||\n        root.getAttribute('data-color-scheme') === scheme ||\n        body.classList.contains(scheme) ||\n        body.classList.contains(`${scheme}-mode`) ||\n        body.getAttribute('data-theme') === scheme\n    );\n}\n\n/**\n * Detect the appropriate color scheme for the player from the surrounding page.\n *\n * Resolution order, first match wins:\n *   1. Explicit theme hints on `<html>`/`<body>` \u2014 class names\n *      (`dark`, `dark-mode`, `theme-dark`, light equivalents) and data\n *      attributes (`data-theme`, `data-color-scheme`).\n *   2. The page's computed `<body>` background colour, classified via\n *      {@link perceivedBrightness} (>128 = light, <128 = dark; exactly 128\n *      or unparseable is treated as ambiguous and falls through).\n *   3. The OS/browser `prefers-color-scheme` media query.\n *   4. Default fallback of `'dark'` (most audio players are dark).\n *\n * @returns {string} The detected scheme, either `'dark'` or `'light'`.\n */\nexport function detectColorScheme() {\n    // 1. Explicit theme class names / data attributes win.\n    if (hasThemeHint('dark')) return 'dark';\n    if (hasThemeHint('light')) return 'light';\n\n    // 2. Try to detect website's theme from background color\n    try {\n        const bodyBg = getComputedStyle(document.body).backgroundColor;\n        const brightness = perceivedBrightness(bodyBg);\n\n        // Clear determination: bright background = light theme. Exactly 128\n        // (or unparseable) is ambiguous \u2014 fall through to the next method.\n        if (brightness !== null) {\n            if (brightness > 128) return 'light';\n            if (brightness < 128) return 'dark';\n        }\n    } catch (e) {\n        // If background detection fails, continue to next method\n    }\n\n    // 3. Check system preference\n    if (window.matchMedia) {\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n            return 'dark';\n        }\n        if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n            return 'light';\n        }\n    }\n\n    // 4. Default fallback (most audio players are dark)\n    return 'dark';\n}\n\n/**\n * Built-in colour presets keyed by scheme name.\n *\n * Each preset is a flat map of the player's themeable colour tokens\n * (waveform, progress, button, text, background, border). They are deliberately\n * simple translucent black/white values so they sit on any host background, and\n * any individual token can be overridden per-instance via the matching\n * `*Color` option in {@link DEFAULT_OPTIONS}.\n *\n * @type {Object<string, Object<string, string>>}\n * @property {Object<string, string>} dark  Light-on-dark token set.\n * @property {Object<string, string>} light Dark-on-light token set.\n */\nexport const COLOR_PRESETS = {\n    dark: {\n        waveformColor: 'rgba(255, 255, 255, 0.3)',\n        progressColor: 'rgba(255, 255, 255, 0.9)'\n    },\n    light: {\n        waveformColor: 'rgba(0, 0, 0, 0.2)',\n        progressColor: 'rgba(0, 0, 0, 0.8)'\n    }\n};\n\n/**\n * Resolve a colour preset by name, falling back to auto-detection.\n *\n * When `presetName` names a known preset it is returned as-is; otherwise\n * (null, undefined, or an unrecognised name) the scheme is auto-detected via\n * {@link detectColorScheme} and the corresponding preset is returned.\n *\n * @param {string|null} presetName - Preset name (`'dark'` or `'light'`), or\n *   null/invalid to trigger auto-detection.\n * @returns {Object<string, string>} The matching colour token map from\n *   {@link COLOR_PRESETS}.\n */\nexport function getColorPreset(presetName) {\n    // If explicitly set to a valid preset, use it\n    if (presetName && COLOR_PRESETS[presetName]) {\n        return COLOR_PRESETS[presetName];\n    }\n\n    // Auto-detect if not specified or invalid\n    const detected = detectColorScheme();\n    return COLOR_PRESETS[detected];\n}\n\n/**\n * Default option set for a {@link WaveformPlayer} instance.\n *\n * User-supplied options are merged over this object, so every supported option\n * is enumerated here with its baseline value. `null` colour tokens mean \"inherit\n * from the resolved {@link COLOR_PRESETS} preset\"; `null` content/callback\n * fields mean \"unset\". See the grouped inline comments for per-field notes,\n * notably the `audioMode` self/external distinction and the `accessibleSeek`\n * keyboard slider.\n *\n * @type {Object}\n */\nexport const DEFAULT_OPTIONS = {\n    // Core settings\n    url: '',\n    height: 64,\n    // Source peak resolution for LIVE decode (ignored when peaks are supplied).\n    // The drawer resamples these to fit canvasWidth / (barWidth + barSpacing)\n    // bars, so this is fidelity headroom, not the visible bar count. 1800 (the\n    // SoundCloud/WaveformGen figure) keeps wide / high-DPI waveforms crisp; the\n    // every-frame scan means a higher value costs no extra extraction time.\n    samples: DEFAULT_SAMPLES,\n    preload: 'metadata',\n\n    // Audio mode \u2014 'self' = player owns the <audio> element (default, current\n    // behavior). 'external' = player is a visualization-only surface; no audio\n    // element is created, play() dispatches `waveformplayer:request-play`\n    // instead of calling audio.play(), and setPlayingState/setProgress are\n    // expected to be driven by an external controller (e.g. WaveformBar).\n    audioMode: 'self',\n\n    // Playback\n    playbackRate: 1,\n    showPlaybackSpeed: false,\n    playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],\n\n    // Layout Options\n    buttonAlign: 'auto',\n    // Player layout. 'default' = play button + waveform with a left-aligned\n    // info row below. 'preview' = compact: the title is centered under the\n    // waveform and the meta row (time / speed / BPM) is trimmed \u2014 ideal for\n    // sample-pack sample previews and dense grids.\n    layout: 'default',\n    // Play/pause button style. 'circle' = bordered circle (default).\n    // 'minimal' = a bare play/pause glyph with no circle \u2014 the look sample-pack\n    // and beat stores use in their preview grids.\n    buttonStyle: 'circle',\n    // Play/pause button size. null = the stylesheet default (36px circle /\n    // proportional minimal). A number is treated as px; a string (e.g. '4rem')\n    // is used verbatim. Sets the `--wfp-btn-size` CSS var, which scales BOTH\n    // styles \u2014 box and glyph \u2014 proportionally.\n    buttonSize: null,\n\n    // Default waveform style\n    waveformStyle: 'mirror',\n    barWidth: 2,\n    barSpacing: 0,\n    // Rounded bar caps (px). 0 = square; 1 = soft caps (default). Applies to bars/mirror.\n    barRadius: 1,\n\n    // Gradient axis when waveformColor/progressColor is an array of stops:\n    // 'vertical' (top->bottom canvas gradient), 'horizontal' (hue sweep across the\n    // waveform) or 'diagonal'. Ignored for single colours.\n    waveformGradient: 'vertical',\n\n    // Color preset: null = auto-detect, 'dark' = force dark, 'light' = force light\n    colorPreset: null,\n\n    // Canvas colours (null = inherit the resolved preset; arrays = gradient\n    // stops, see waveformGradient). The DOM chrome (button, title, meta) is\n    // themed via CSS variables (--wfp-button-color / --wfp-text-color /\n    // --wfp-text-secondary-color), not JS options.\n    waveformColor: null,\n    progressColor: null,\n\n    // Features\n    autoplay: false,\n    showControls: true,\n    showInfo: true,\n    showTime: true,\n    showHoverTime: false,\n    // Show a draggable circle handle + hover brightness-lift on the SEEKBAR\n    // style only (it's meaningless on a waveform, where the fill-edge is the\n    // playhead). Off by default; the bar turns it on. Drag-to-scrub works\n    // regardless of this.\n    seekHandle: false,\n    showBPM: false,\n    // Known BPM to display in the badge (with showBPM). Wins over auto-detection\n    // \u2014 set it when peaks are pre-generated so the tempo still shows. null = auto.\n    bpm: null,\n    singlePlay: true,\n    playOnSeek: true,\n    enableMediaSession: true,\n\n    // Markers\n    markers: [],\n    showMarkers: true,\n\n    // Accessibility \u2014 expose the waveform as a keyboard-operable slider\n    // (role=\"slider\" + ARIA value attributes + arrow/page/home/end seeking).\n    // seekLabel sets the slider's accessible name; when null it falls back\n    // to the track title, then 'Seek'.\n    // seekValueText templates the slider's spoken aria-valuetext: %1$s is the\n    // current time and %2$s the total duration (both formatted M:SS). When null\n    // it falls back to '%1$s of %2$s'. Lets consumers localize the connective\n    // text without reformatting the times.\n    accessibleSeek: true,\n    seekLabel: null,\n    seekValueText: null,\n\n    // Content\n    title: null,\n    artist: null,\n    artwork: null,\n    album: '',\n\n    // Message shown in the error state when audio fails to load.\n    errorText: 'Unable to load audio',\n\n    // Localizable UI strings (alongside seekLabel / seekValueText / errorText).\n    // These are screen-reader / assistive-tech facing, so translate them for\n    // non-English UIs. playPauseLabel/speedLabel are aria-labels; artworkAlt is\n    // the cover image alt text; unknownTrackText is the Media Session (lock-\n    // screen) title fallback used when no track title is set.\n    playPauseLabel: 'Play/Pause',\n    speedLabel: 'Playback speed',\n    artworkAlt: 'Album artwork',\n    unknownTrackText: 'Unknown Track',\n\n    // Icons (SVG)\n    playIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M8 5v14l11-7z\"/></svg>',\n    pauseIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>',\n\n    // Callbacks\n    onLoad: null,\n    onPlay: null,\n    onPause: null,\n    onEnd: null,\n    onError: null,\n    onTimeUpdate: null,\n\n    // Optional queue navigation \u2014 when set, the player registers Media Session\n    // nexttrack/previoustrack handlers (lock-screen skip buttons). Called with\n    // the player instance; wired by waveform-bar / -playlist.\n    onNextTrack: null,\n    onPreviousTrack: null\n};\n\n/**\n * Per-waveform-style geometry defaults.\n *\n * Maps each supported `waveformStyle` to its natural `barWidth`/`barSpacing`\n * (in px), used to seed bar geometry when the caller has not explicitly set\n * those options so each style renders at sensible proportions.\n *\n * @type {Object<string, {barWidth: number, barSpacing: number}>}\n */\nexport const STYLE_DEFAULTS = {\n    bars: {barWidth: 3, barSpacing: 1},\n    mirror: {barWidth: 2, barSpacing: 2},\n    line: {barWidth: 2, barSpacing: 0},\n    blocks: {barWidth: 4, barSpacing: 2},\n    dots: {barWidth: 3, barSpacing: 3},\n    seekbar: {barWidth: 1, barSpacing: 0}\n};", "/**\n * @module core\n * @description Main WaveformPlayer class\n */\n\nimport {draw} from './drawing.js';\nimport {generateWaveform, generatePlaceholderWaveform} from './audio.js';\nimport {\n    formatTime,\n    formatSeekValueText,\n    extractTitleFromUrl,\n    generateId,\n    parseDataAttributes,\n    mergeOptions,\n    debounce,\n    clamp,\n    escapeHtml,\n    DEFAULT_SAMPLES\n} from './utils.js';\n\nimport {DEFAULT_OPTIONS, STYLE_DEFAULTS, getColorPreset, COLOR_PRESETS, detectColorScheme} from './themes.js';\n\n/**\n * Placeholder shown when an artwork URL fails to load (404 / broken) \u2014 a muted\n * music-note tile, so a missing cover degrades gracefully instead of showing the\n * browser's broken-image icon. Inline SVG data-URI (no font / network needed).\n */\nconst ARTWORK_FALLBACK = 'data:image/svg+xml,' + encodeURIComponent(\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#71717a\" fill-opacity=\"0.15\"/><g fill=\"none\" stroke=\"#a1a1aa\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"17\" r=\"2.2\"/><circle cx=\"17\" cy=\"15\" r=\"2.2\"/><path d=\"M10.2 17V7l9-1.6v9\"/></g></svg>'\n);\n\n// Keyboard seek steps (seconds) for the accessible slider.\nconst SEEK_STEP_SECONDS = 5;\nconst SEEK_PAGE_SECONDS = 10;\n\n// Controls that own their own focus. A click landing on one of these (or a\n// descendant) must leave focus on the control, not pull it onto the player\n// container \u2014 otherwise activating the play button/slider steals focus onto the\n// wrapper, moving it off the control the user just operated.\nconst INTERACTIVE_ELEMENTS = 'button, a[href], input, [role=\"slider\"]';\n\n/**\n * WaveformPlayer - Modern audio player with waveform visualization\n * @class\n */\nexport class WaveformPlayer {\n    /** @type {Map<string, WaveformPlayer>} */\n    static instances = new Map();\n\n    /** @type {WaveformPlayer|null} */\n    static currentlyPlaying = null;\n\n    /**\n     * Create a new WaveformPlayer instance.\n     *\n     * Resolves the container, merges options (defaults < `data-*` attributes <\n     * constructor options), applies the colour preset and style-specific\n     * defaults, registers the instance in the static map, and kicks off\n     * {@link WaveformPlayer#init}. A `waveformplayer:ready` event is dispatched\n     * ~100ms later, once initialization has settled.\n     *\n     * @param {string|HTMLElement} container - Container element, or a CSS\n     *   selector resolved with `document.querySelector`.\n     * @param {Object} [options={}] - Player options. Accepts the shorthand\n     *   aliases `style` (\u2192 `waveformStyle`) and `src` (\u2192 `url`); the canonical\n     *   names win if both are supplied.\n     * @throws {Error} If the container element cannot be found.\n     * @fires WaveformPlayer#waveformplayer:ready\n     */\n    constructor(container, options = {}) {\n        // Resolve container\n        this.container = typeof container === 'string'\n            ? document.querySelector(container)\n            : container;\n\n        if (!this.container) {\n            throw new Error('[WaveformPlayer] Container element not found');\n        }\n\n        // Parse data attributes if present\n        const dataOptions = parseDataAttributes(this.container);\n\n        // Shorthand option aliases \u2014 `style` -> `waveformStyle`, `src` -> `url`.\n        // The canonical names still work and win if both are supplied.\n        const userOptions = { ...options };\n        if (userOptions.style && !userOptions.waveformStyle) userOptions.waveformStyle = userOptions.style;\n        if (userOptions.src && !userOptions.url) userOptions.url = userOptions.src;\n\n        // Merge options: defaults < data attributes < constructor options\n        this.options = mergeOptions(DEFAULT_OPTIONS, dataOptions, userOptions);\n\n        // Apply color preset (auto-detect if not specified)\n        const preset = getColorPreset(this.options.colorPreset);\n\n        // Track auto-theme state so the player can re-detect on a runtime light/\n        // dark switch. Only colours the user LEFT UNSET follow the preset; an\n        // explicit colorPreset or hand-set colour is never overridden.\n        this._autoTheme = this.options.colorPreset == null || !COLOR_PRESETS[this.options.colorPreset];\n        this._presetKeys = [];\n        // Resolved scheme name for the CSS theme class (CSS provides the DOM\n        // chrome colours via --wfp-* variables).\n        this._scheme = (this.options.colorPreset && COLOR_PRESETS[this.options.colorPreset]) ? this.options.colorPreset : detectColorScheme();\n\n        // Apply preset colors only if individual colors aren't explicitly set\n        for (const [key, value] of Object.entries(preset)) {\n            if (this.options[key] === null || this.options[key] === undefined) {\n                this.options[key] = value;\n                this._presetKeys.push(key);\n            }\n        }\n\n        // Apply style-specific defaults if not explicitly set\n        const styleDefaults = STYLE_DEFAULTS[this.options.waveformStyle];\n        if (styleDefaults) {\n            if (dataOptions.barWidth === undefined && options.barWidth === undefined) {\n                this.options.barWidth = styleDefaults.barWidth;\n            }\n            if (dataOptions.barSpacing === undefined && options.barSpacing === undefined) {\n                this.options.barSpacing = styleDefaults.barSpacing;\n            }\n        }\n\n        // Initialize state\n        this.audio = null;\n        this.canvas = null;\n        this.ctx = null;\n        this.waveformData = [];\n        this.progress = 0;\n        this._activeMarkerIndex = -1;\n        this._markerLabelTimer = null;\n        this.isPlaying = false;\n        this.isLoading = false;\n        this.hasError = false;\n        this.updateTimer = null;\n        this.resizeObserver = null;\n\n        // All DOM/document listeners are registered with this signal so a\n        // single abort() in destroy() tears every one of them down (the old\n        // destroy left the document-click and container listeners attached).\n        this._ac = new AbortController();\n\n        // Generate unique ID\n        this.id = this.container.id || generateId(this.options.url);\n\n        // Add to instances\n        WaveformPlayer.instances.set(this.id, this);\n\n        // Re-detect the theme on runtime light/dark switches (shared watcher).\n        WaveformPlayer._watchTheme();\n\n        // Initialize\n        this.init();\n\n        // Dispatch ready event after initialization\n        setTimeout(() => {\n            this._emit('waveformplayer:ready', {player: this, url: this.options.url});\n        }, 100);\n    }\n\n    /**\n     * Build and dispatch a bubbling `waveformplayer:*` CustomEvent on the\n     * container, returning the event so cancelable (request-*) events can have\n     * their `defaultPrevented` checked. Single source of truth for the event\n     * shape \u2014 every player event bubbles and carries the supplied detail.\n     * @param {string} type - Full event type, e.g. `'waveformplayer:play'`.\n     * @param {Object} detail - Event detail payload.\n     * @param {boolean} [cancelable=false] - Whether the event is cancelable.\n     * @returns {CustomEvent} The dispatched event.\n     * @private\n     */\n    _emit(type, detail, cancelable = false) {\n        const event = new CustomEvent(type, { bubbles: true, cancelable, detail });\n        this.container.dispatchEvent(event);\n        return event;\n    }\n\n    /**\n     * External-mode seek request: dispatch a cancelable\n     * `waveformplayer:request-seek` and, unless the controller calls\n     * `preventDefault()`, optimistically advance the local progress overlay so\n     * the canvas repaints at once. Shared by the keyboard slider and canvas click.\n     * @param {number} percent - Target position as a 0..1 fraction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _requestSeek(percent) {\n        const evt = this._emit('waveformplayer:request-seek', { ...this._buildTrackDetail(), percent }, true);\n        if (!evt.defaultPrevented) {\n            this.progress = percent;\n            this.drawWaveform?.();\n        }\n    }\n\n    // ============================================\n    // Initialization\n    // ============================================\n\n    /**\n     * Initialize the player: build the DOM, create the audio element (self\n     * mode only), wire up the feature controls (speed, keyboard, accessible\n     * seek), bind events, attach the resize observer, then size the canvas and\n     * \u2014 if a `url` option was given \u2014 load it and optionally autoplay.\n     * @private\n     */\n    init() {\n        this.createDOM();\n        this.createAudio();\n        this.initPlaybackSpeed();\n        this.initKeyboardControls();\n        this.initSeekControl();\n        this.bindEvents();\n        this.setupResizeObserver();\n\n        // Ensure proper sizing after DOM is ready\n        requestAnimationFrame(() => {\n            this.resizeCanvas();\n\n            // Load audio if URL provided\n            if (this.options.url) {\n                this.load(this.options.url).then(() => {\n                    if (this.options.autoplay) {\n                        this.play()?.catch(() => {});\n                    }\n                }).catch(error => {\n                    console.error('[WaveformPlayer] Failed to load audio:', error);\n                });\n            }\n        });\n    }\n\n    /**\n     * Build the player's DOM tree inside the container and cache element\n     * references.\n     *\n     * Clears the container, resolves button alignment (`auto` \u2192 `bottom` for\n     * the `bars` style, `center` otherwise), and conditionally renders the play\n     * button, info row (artwork/title/artist), BPM badge, playback-speed\n     * menu, and time display based on the relevant `show*` options. Caches the\n     * canvas, controls, and text elements onto `this`, then sizes the canvas.\n     * @private\n     */\n    createDOM() {\n        // Clear container\n        this.container.innerHTML = '';\n        this.container.className = 'waveform-player';\n\n        // Determine button alignment\n        let buttonAlign = this.options.buttonAlign;\n        if (buttonAlign === 'auto') {\n            // Auto-align based on waveform style\n            const style = this.options.waveformStyle;\n            if (style === 'bars') {\n                buttonAlign = 'bottom';\n            } else {\n                buttonAlign = 'center';  // blocks, mirror, line, dots, seekbar all center\n            }\n        }\n\n        // Compact 'preview' layout: centered title under the waveform with the\n        // meta row trimmed. Set via the `layout` option / data-layout=\"preview\".\n        const isPreview = this.options.layout === 'preview';\n        if (isPreview) {\n            this.container.classList.add('waveform-layout-preview');\n        }\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n\n        // Build play button HTML (conditional)\n        const buttonHTML = this.options.showControls ? `\n        <button class=\"waveform-btn${this.options.buttonStyle === 'minimal' ? ' waveform-btn-minimal' : ''}\" aria-label=\"${escapeHtml(this.options.playPauseLabel)}\"${this.options.buttonSize != null ? ` style=\"--wfp-btn-size: ${typeof this.options.buttonSize === 'number' ? `${this.options.buttonSize}px` : this.options.buttonSize};\"` : ''}>\n          <span class=\"waveform-icon-play\">${this.options.playIcon}</span>\n          <span class=\"waveform-icon-pause\" style=\"display:none;\">${this.options.pauseIcon}</span>\n        </button>\n        ` : '';\n\n        // Build info section HTML (conditional)\n        const infoHTML = this.options.showInfo ? `\n      <div class=\"waveform-info\">\n        ${this.options.artwork ? `\n          <img class=\"waveform-artwork\" src=\"${this.options.artwork}\" alt=\"${escapeHtml(this.options.artworkAlt)}\" style=\"\n            width: 40px;\n            height: 40px;\n            border-radius: 4px;\n            object-fit: cover;\n            flex-shrink: 0;\n          \">\n        ` : ''}\n        <div class=\"waveform-text\">\n          <span class=\"waveform-title\"></span>\n          ${this.options.artist ? `<span class=\"waveform-artist\">${this.options.artist}</span>` : ''}\n        </div>\n        <div class=\"waveform-meta\" style=\"display: flex; align-items: center; gap: 1rem;\">\n          ${this.options.showBPM ? `\n            <span class=\"waveform-bpm\" style=\"display: none;\">\n              <span class=\"bpm-value\">--</span> BPM\n            </span>\n          ` : ''}\n          ${this.options.showPlaybackSpeed ? `\n            <div class=\"waveform-speed\">\n              <button class=\"speed-btn\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                <span class=\"speed-value\">1x</span>\n              </button>\n              <div class=\"speed-menu\" role=\"menu\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" style=\"display: none;\">\n                ${this.options.playbackRates.map(rate =>\n            `<button class=\"speed-option\" role=\"menuitemradio\" tabindex=\"-1\" aria-checked=\"false\" data-rate=\"${rate}\">${rate}x</button>`\n        ).join('')}\n              </div>\n            </div>\n          ` : ''}\n          ${this.options.showTime ? `\n            <span class=\"waveform-time\">\n              <span class=\"time-current\">0:00</span> / <span class=\"time-total\">0:00</span>\n            </span>\n          ` : ''}\n        </div>\n      </div>\n        ` : '';\n\n        // Create HTML structure\n        this.container.innerHTML = `\n  <div class=\"waveform-player-inner\">\n    <div class=\"waveform-body\">\n      <div class=\"waveform-track waveform-align-${buttonAlign}\">\n        ${buttonHTML}\n        \n        <div class=\"waveform-container\">\n          <canvas></canvas>\n          <div class=\"waveform-markers\"></div>\n          <div class=\"waveform-loading\" style=\"display:none;\"></div>\n          <div class=\"waveform-error\" style=\"display:none;\" role=\"alert\">\n            <span class=\"waveform-error-text\">${escapeHtml(this.options.errorText)}</span>\n          </div>\n        </div>\n      </div>\n      \n      ${infoHTML}\n    </div>\n  </div>\n`;\n\n        // Get references\n        this.playBtn = this.container.querySelector('.waveform-btn');\n        this.canvas = this.container.querySelector('canvas');\n        this.ctx = this.canvas.getContext('2d');\n        this.titleEl = this.container.querySelector('.waveform-title');\n        this.artistEl = this.container.querySelector('.waveform-artist');\n        this.artworkEl = this.container.querySelector('.waveform-artwork');\n        if (this.artworkEl) {\n            // Fall back to the placeholder tile if the cover URL fails to load.\n            this.artworkEl.addEventListener('error', () => {\n                if (!this.artworkEl.src.startsWith('data:')) this.artworkEl.src = ARTWORK_FALLBACK;\n            });\n        }\n        this.currentTimeEl = this.container.querySelector('.time-current');\n        this.totalTimeEl = this.container.querySelector('.time-total');\n        this.bpmEl = this.container.querySelector('.waveform-bpm');\n        this.bpmValueEl = this.container.querySelector('.bpm-value');\n        this.loadingEl = this.container.querySelector('.waveform-loading');\n        this.errorEl = this.container.querySelector('.waveform-error');\n        this.markersContainer = this.container.querySelector('.waveform-markers');\n        this.speedBtn = this.container.querySelector('.speed-btn');\n        this.speedMenu = this.container.querySelector('.speed-menu');\n\n        // Set canvas size\n        this.resizeCanvas();\n\n        // Show a caller-supplied BPM immediately (no audio decode required).\n        this.updateBPMDisplay();\n    }\n\n    /**\n     * Create audio element\n     * @private\n     *\n     * No-op in `audioMode: 'external'` \u2014 the player has no audio of its\n     * own; an external controller (e.g. WaveformBar) owns playback and\n     * pushes state in via setPlayingState() / setProgress(). The\n     * `this.audio` field stays null in that mode; downstream code must\n     * null-check it.\n     */\n    createAudio() {\n        if (this.options.audioMode === 'external') {\n            this.audio = null;\n            return;\n        }\n        this.audio = new Audio();\n        this.audio.preload = this.options.preload || 'metadata';\n        this.audio.crossOrigin = 'anonymous';\n    }\n\n    // ============================================\n    // Feature Initialization\n    // ============================================\n\n    /**\n     * Apply the configured initial playback rate to the audio element (self\n     * mode only) and, when `showPlaybackSpeed` is enabled, wire up the speed\n     * menu UI via {@link WaveformPlayer#initSpeedControls}.\n     * @private\n     */\n    initPlaybackSpeed() {\n        // External mode has no <audio> element, so the speed control\n        // doesn't apply locally \u2014 the external controller (e.g.\n        // WaveformBar) owns playback rate. Skip the audio init but\n        // still bind the speed control UI in case the controller\n        // wants to mirror rate changes via events later.\n        if (this.audio && this.options.playbackRate && this.options.playbackRate !== 1) {\n            this.audio.playbackRate = this.options.playbackRate;\n        }\n\n        // Initialize speed control UI if enabled\n        if (this.options.showPlaybackSpeed) {\n            this.initSpeedControls();\n        }\n    }\n\n    /**\n     * Wire up the playback-speed menu: toggle it open on the speed button,\n     * close it on outside click or Escape (keeping `aria-expanded` on the\n     * trigger in sync), and apply the chosen rate when a `.speed-option` is\n     * clicked, returning focus to the trigger. All listeners are registered against the\n     * instance `AbortController` signal so {@link WaveformPlayer#destroy} tears\n     * them down. No-op if the speed elements are absent.\n     * @private\n     */\n    initSpeedControls() {\n        const speedBtn = this.container.querySelector('.speed-btn');\n        const speedMenu = this.container.querySelector('.speed-menu');\n\n        if (!speedBtn || !speedMenu) return;\n\n        const options = () => Array.from(speedMenu.querySelectorAll('.speed-option'));\n        const isOpen = () => speedMenu.style.display !== 'none';\n\n        // Open/close the menu (a proper role=\"menu\"): keep aria-expanded in sync\n        // and, on open, move focus into the menu \u2014 the checked rate, else the\n        // first option \u2014 so arrow keys drive it.\n        const setSpeedMenu = (open) => {\n            speedMenu.style.display = open ? 'block' : 'none';\n            speedBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n            if (open) {\n                const opts = options();\n                (opts.find((o) => o.getAttribute('aria-checked') === 'true') || opts[0])?.focus();\n            }\n        };\n\n        const focusOption = (i) => {\n            const opts = options();\n            if (opts.length) opts[(i + opts.length) % opts.length].focus();\n        };\n\n        const selectOption = (opt) => {\n            this.setPlaybackRate(parseFloat(opt.dataset.rate));\n            setSpeedMenu(false);\n            speedBtn.focus();\n        };\n\n        // Toggle from the trigger.\n        speedBtn.addEventListener('click', (e) => {\n            e.stopPropagation();\n            setSpeedMenu(!isOpen());\n        }, {signal: this._ac.signal});\n\n        // Close when clicking outside.\n        document.addEventListener('click', () => setSpeedMenu(false), {signal: this._ac.signal});\n\n        // Pointer + native-button (Enter/Space on an option) selection.\n        speedMenu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            const opt = e.target.closest('.speed-option');\n            if (opt) selectOption(opt);\n        }, {signal: this._ac.signal});\n\n        // Keyboard menu: arrows/Home/End roam, Enter/Space select (via the\n        // native button click above), Escape/Tab close. ArrowDown/Up on the\n        // trigger opens and focuses the first/checked option.\n        speedBtn.closest('.waveform-speed')?.addEventListener('keydown', (e) => {\n            const opts = options();\n            const i = opts.indexOf(document.activeElement);\n            if (!isOpen()) {\n                if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && document.activeElement === speedBtn) {\n                    e.preventDefault();\n                    setSpeedMenu(true);\n                }\n                return;\n            }\n            switch (e.key) {\n                case 'ArrowDown': e.preventDefault(); focusOption(i < 0 ? 0 : i + 1); break;\n                case 'ArrowUp':   e.preventDefault(); focusOption(i < 0 ? opts.length - 1 : i - 1); break;\n                case 'Home':      e.preventDefault(); focusOption(0); break;\n                case 'End':       e.preventDefault(); focusOption(opts.length - 1); break;\n                case 'Escape':    e.preventDefault(); setSpeedMenu(false); speedBtn.focus(); break;\n                case 'Tab':       setSpeedMenu(false); break;\n            }\n        }, {signal: this._ac.signal});\n\n        // Set initial UI state\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Enable keyboard transport controls on the container.\n     *\n     * The container is focusable only after it is clicked (it carries\n     * `tabindex=\"-1\"` until then, and clicking steals focus from sibling\n     * players). While focused it handles: digits 0-9 (seek to that tenth of\n     * the track), Space (toggle play), and \u2014 in self mode only, since\n     * `this.audio` is null in external mode \u2014 arrow keys (seek \u00B15s, volume\n     * \u00B10.1) and `m`/`M` (mute). Listeners use the instance abort signal.\n     * @private\n     */\n    initKeyboardControls() {\n        // Make container focusable but not in tab order by default\n        this.container.setAttribute('tabindex', '-1');\n\n        // Only activate keyboard controls when explicitly focused (clicked).\n        // Skip when the click landed on an interactive control (play button,\n        // link, slider, input): those own their focus, so pulling it onto the\n        // container would move focus off the control the user just activated.\n        this.container.addEventListener('click', (e) => {\n            if (e.target.closest(INTERACTIVE_ELEMENTS)) return;\n            // Remove focus from all other players\n            WaveformPlayer.getAllInstances().forEach(player => {\n                if (player !== this) {\n                    player.container.setAttribute('tabindex', '-1');\n                }\n            });\n            // Make this one focusable\n            this.container.setAttribute('tabindex', '0');\n            this.container.focus();\n        }, {signal: this._ac.signal});\n\n        // Keyboard events. In external mode `this.audio` is null, so\n        // seek/volume/mute keys are no-ops (the external controller\n        // owns those). Space (togglePlay) still works because togglePlay\n        // routes through the request-play/pause events.\n        this.container.addEventListener('keydown', (e) => {\n            if (document.activeElement !== this.container) return;\n\n            const key = e.key;\n            const hasAudio = !!this.audio;\n            const currentTime = hasAudio ? this.audio.currentTime : 0;\n\n            // Handle number keys 0-9 for seeking\n            if (hasAudio && key >= '0' && key <= '9') {\n                e.preventDefault();\n                this.seekToPercent(parseInt(key) / 10);\n                return;\n            }\n\n            // Handle other keys. Space always works (dispatches\n            // request-play in external mode); audio-bound keys only\n            // when we own the <audio> element.\n            const actions = {\n                ' ': () => this.togglePlay(),\n            };\n            if (hasAudio) {\n                actions['ArrowLeft']  = () => this.seekTo(clamp(currentTime - 5, 0, this.audio.duration));\n                actions['ArrowRight'] = () => this.seekTo(clamp(currentTime + 5, 0, this.audio.duration));\n                actions['ArrowUp']    = () => this.setVolume(clamp(this.audio.volume + 0.1));\n                actions['ArrowDown']  = () => this.setVolume(clamp(this.audio.volume - 0.1));\n                actions['m'] = actions['M'] = () => this.audio.muted = !this.audio.muted;\n            }\n\n            if (actions[key]) {\n                e.preventDefault();\n                actions[key]();\n            }\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Expose the waveform as an accessible, keyboard-operable slider.\n     *\n     * Adds role=\"slider\" + ARIA value attributes to the waveform surface,\n     * makes it focusable in the tab order, and handles the standard slider\n     * keys (arrows, Page Up/Down, Home/End) to seek. Works in both self and\n     * external audio modes. Opt out with `accessibleSeek: false`.\n     * @private\n     */\n    initSeekControl() {\n        if (!this.options.accessibleSeek) return;\n\n        this.seekEl = this.container.querySelector('.waveform-container');\n        if (!this.seekEl) return;\n\n        this.seekEl.setAttribute('role', 'slider');\n        this.seekEl.setAttribute('tabindex', '0');\n        this.seekEl.setAttribute('aria-valuemin', '0');\n        this.applySeekLabel();\n        this.updateSeekAccessibility();\n\n        this.seekEl.addEventListener('keydown', (e) => {\n            // Space toggles play/pause even while the waveform slider is focused \u2014\n            // it's a media control, so play/pause should work here too, not only\n            // when the player root is the active element (restores the pre-a11y\n            // Space path reported in #10).\n            if (e.key === ' ' || e.key === 'Spacebar') {\n                e.preventDefault();\n                e.stopPropagation();\n                this.togglePlay();\n                return;\n            }\n\n            const duration = this.getSeekDuration();\n            if (!duration) return;\n\n            const current = this.getSeekCurrentTime();\n            let target;\n            switch (e.key) {\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    target = current - SEEK_STEP_SECONDS;\n                    break;\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    target = current + SEEK_STEP_SECONDS;\n                    break;\n                case 'PageDown':\n                    target = current - SEEK_PAGE_SECONDS;\n                    break;\n                case 'PageUp':\n                    target = current + SEEK_PAGE_SECONDS;\n                    break;\n                case 'Home':\n                    target = 0;\n                    break;\n                case 'End':\n                    target = duration;\n                    break;\n                default:\n                    return;\n            }\n\n            // Prevent page scroll and stop the container-level keydown\n            // handler from also seeking (it would double-fire / change\n            // volume on the vertical arrows).\n            e.preventDefault();\n            e.stopPropagation();\n            this.seekToSeconds(target);\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Total seekable duration in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekDuration() {\n        if (this.options.audioMode === 'external') {\n            return this._extDuration || 0;\n        }\n        return this.audio && Number.isFinite(this.audio.duration)\n            ? this.audio.duration\n            : 0;\n    }\n\n    /**\n     * Current playback position in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekCurrentTime() {\n        if (this.options.audioMode === 'external') {\n            return this.progress * (this._extDuration || 0);\n        }\n        return this.audio && Number.isFinite(this.audio.currentTime)\n            ? this.audio.currentTime\n            : 0;\n    }\n\n    /**\n     * Seek the slider to an absolute time, clamped to the track length.\n     *\n     * In self mode this defers to {@link WaveformPlayer#seekTo}. In external\n     * mode it dispatches a cancelable `waveformplayer:request-seek` event with\n     * the target percentage; if the controller doesn't `preventDefault()`, the\n     * local progress/visual is updated optimistically. Either way the ARIA\n     * slider values are refreshed.\n     * @param {number} seconds - Target time in seconds.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    seekToSeconds(seconds) {\n        const duration = this.getSeekDuration();\n        if (!duration) return;\n\n        const clamped = clamp(seconds, 0, duration);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(clamped / duration);\n            this.updateSeekAccessibility();\n            return;\n        }\n\n        // seekTo() calls updateProgress(), which refreshes the ARIA values.\n        this.seekTo(clamped);\n    }\n\n    /**\n     * Set the slider's accessible name from `seekLabel`, falling back to the\n     * track title, then a generic 'Seek'. No-op if the slider isn't present.\n     * @param {string} [title=this.options.title] - Track title to fall back to\n     *   when `seekLabel` is not set.\n     * @private\n     */\n    applySeekLabel(title = this.options.title) {\n        if (!this.seekEl) return;\n        const label = this.options.seekLabel || title || 'Seek';\n        this.seekEl.setAttribute('aria-label', label);\n    }\n\n    /**\n     * Keep the slider's ARIA value attributes in sync with playback.\n     * @private\n     */\n    updateSeekAccessibility() {\n        if (!this.seekEl) return;\n\n        const duration = this.getSeekDuration();\n        const current = Math.min(this.getSeekCurrentTime(), duration);\n\n        this.seekEl.setAttribute('aria-valuemax', String(Math.round(duration)));\n        this.seekEl.setAttribute('aria-valuenow', String(Math.round(current)));\n        this.seekEl.setAttribute(\n            'aria-valuetext',\n            formatSeekValueText(\n                this.options.seekValueText || '%1$s of %2$s',\n                formatTime(current),\n                formatTime(duration)\n            )\n        );\n    }\n\n    /**\n     * Initialize Media Session API for system media controls\n     * @private\n     */\n    initMediaSession() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        // Skip Media Session in external mode \u2014 the controller (e.g.\n        // WaveformBar) owns audio playback and registers its own Media\n        // Session handlers; ours would conflict with its.\n        if (!this.audio) return;\n\n        this._applyMediaMetadata();\n\n        // Set up action handlers\n        navigator.mediaSession.setActionHandler('play', () => this.play());\n        navigator.mediaSession.setActionHandler('pause', () => this.pause());\n        navigator.mediaSession.setActionHandler('seekbackward', () => {\n            this.seekTo(clamp(this.audio.currentTime - 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekforward', () => {\n            this.seekTo(clamp(this.audio.currentTime + 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekto', (details) => {\n            if (details.seekTime !== null) {\n                this.seekTo(details.seekTime);\n            }\n        });\n\n        // Optional queue navigation \u2014 lights up the lock-screen skip-track\n        // buttons. Registered only when a host (bar / playlist) supplies a\n        // callback; a null handler hides the button.\n        const onNext = this.options.onNextTrack, onPrev = this.options.onPreviousTrack;\n        try { navigator.mediaSession.setActionHandler('nexttrack', typeof onNext === 'function' ? () => onNext(this) : null); } catch (e) { /* unsupported */ }\n        try { navigator.mediaSession.setActionHandler('previoustrack', typeof onPrev === 'function' ? () => onPrev(this) : null); } catch (e) { /* unsupported */ }\n    }\n\n    /**\n     * Publish the current track's Media Session metadata (lock-screen /\n     * Now-Playing title, artist, album, artwork). Idempotent \u2014 safe to re-call.\n     * @private\n     */\n    _applyMediaMetadata() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        navigator.mediaSession.metadata = new MediaMetadata({\n            title: this.options.title || this.options.unknownTrackText,\n            artist: this.options.artist || '',\n            album: this.options.album || '',\n            artwork: this.options.artwork ? [\n                {src: this.options.artwork, sizes: '512x512', type: 'image/jpeg'}\n            ] : []\n        });\n    }\n\n    /**\n     * Sync Media Session playback state + scrubber position on play/pause. iOS\n     * ignores metadata set before the media is active, so we re-assert it on\n     * play \u2014 that's what fixes the blank lock-screen card on mobile.\n     * @param {'playing'|'paused'} state\n     * @private\n     */\n    _updateMediaSession(state) {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession || !this.audio) return;\n        try {\n            // Claim the (global, singleton) Media Session for THIS player on play \u2014\n            // (re)register our action handlers + metadata so the lock-screen controls\n            // drive the player you're actually listening to, not the last one loaded.\n            if (state === 'playing') this.initMediaSession();\n            navigator.mediaSession.playbackState = state;\n            const d = this.audio.duration;\n            if (navigator.mediaSession.setPositionState && d && isFinite(d)) {\n                navigator.mediaSession.setPositionState({\n                    duration: d,\n                    playbackRate: this.audio.playbackRate || 1,\n                    position: clamp(this.audio.currentTime, 0, d),\n                });\n            }\n        } catch (e) { /* Media Session is best-effort */ }\n    }\n\n    // ============================================\n    // Event Binding\n    // ============================================\n\n    /**\n     * Bind the core interaction listeners: play-button click, the `<audio>`\n     * media events (self mode only \u2014 external mode is fed state via\n     * {@link WaveformPlayer#setPlayingState}/{@link WaveformPlayer#setProgress}),\n     * canvas click-to-seek, and a debounced window-resize redraw.\n     * @private\n     */\n    bindEvents() {\n        // Play button (only if controls are shown). In external mode\n        // togglePlay() dispatches the request-play/pause events so the\n        // controller can decide what to do; the click still goes through\n        // here.\n        if (this.playBtn) {\n            this.playBtn.addEventListener('click', () => this.togglePlay());\n        }\n\n        // Audio events \u2014 only when we own an <audio> element. External\n        // mode receives state via setPlayingState() / setProgress() from\n        // the controller, so we have nothing to listen to here.\n        if (this.audio) {\n            this.audio.addEventListener('loadstart', () => this.setLoading(true));\n            this.audio.addEventListener('loadedmetadata', () => this.onMetadataLoaded());\n            this.audio.addEventListener('canplay', () => this.setLoading(false));\n            this.audio.addEventListener('play', () => this.onPlay());\n            this.audio.addEventListener('pause', () => this.onPause());\n            this.audio.addEventListener('ended', () => this.onEnded());\n            this.audio.addEventListener('error', (e) => this.onError(e));\n        }\n\n        // Canvas interactions \u2014 click + drag to seek. pointerdown starts a\n        // scrub (with pointer capture so moves keep flowing if the cursor\n        // leaves the canvas), pointermove updates it while held, pointerup /\n        // pointercancel end it. The click handler stays for keyboard/synthetic\n        // compatibility. In external mode each seek dispatches a cancelable\n        // `waveformplayer:request-seek` so the controller positions its audio.\n        this.canvas.addEventListener('click', (e) => this.handleCanvasClick(e));\n        this._dragging = false;\n        this._seekHover = false;\n        this._handleNear = false;\n\n        // Hover state \u2014 reveals the handle + lifts the seekbar brightness. A\n        // redraw is needed because the canvas has no CSS :hover of its own.\n        this.canvas.addEventListener('pointerenter', () => {\n            this._seekHover = true;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n        this.canvas.addEventListener('pointerleave', () => {\n            this._seekHover = false;\n            this._handleNear = false;\n            if (!this._dragging) this._hideHoverTip();\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n\n        // Drag = a VISUAL scrub: the playhead previews the cursor while the\n        // audio keeps playing untouched (a per-move seek glitches the audio and\n        // fights the progress loop). The real seek is committed once, on\n        // release. updateProgress() bails while _dragging so playback can't drag\n        // the handle off the cursor.\n        this.canvas.addEventListener('pointerdown', (e) => {\n            if (e.pointerType === 'mouse' && e.button !== 0) return; // primary / touch only\n            this._dragging = true;\n            try { this.canvas.setPointerCapture(e.pointerId); } catch (err) { /* unsupported */ }\n            this._scrubTo(e.clientX);\n        });\n        this.canvas.addEventListener('pointermove', (e) => {\n            if (this._dragging) {\n                this._scrubTo(e.clientX);\n                return;\n            }\n            // Hover (not dragging): grow the handle when the cursor is over it.\n            const rect = this.canvas.getBoundingClientRect();\n            if (rect.width) {\n                this._handleNear = Math.abs((e.clientX - rect.left) - this.progress * rect.width) <= 10;\n                this._updateSeekHandle();\n            }\n        });\n        const endDrag = (e) => {\n            if (!this._dragging) return;\n            this._dragging = false;\n            // The browser fires a click after pointerup on a tap/short drag \u2014\n            // flag it so handleCanvasClick ignores it (a second seek from the\n            // synthetic click's coordinate can snap the playhead, e.g. to 0).\n            this._suppressClick = true;\n            try { this.canvas.releasePointerCapture(e.pointerId); } catch (err) { /* ignore */ }\n            this._seekFromPointer(e.clientX); // commit the seek now \u2014 audio jumps once\n            // Hide the drag tooltip on release, unless hover-time keeps it (or\n            // the seekbar handle is being hovered), to avoid a hide/show flicker.\n            if (!this._seekHover && !this.options.showHoverTime) this._hideHoverTip();\n            this._updateSeekHandle();\n        };\n        this.canvas.addEventListener('pointerup', endDrag);\n        this.canvas.addEventListener('pointercancel', endDrag);\n\n        // Hover-time tooltip over the waveform (when showHoverTime is on).\n        this.setupHoverTime();\n        // Draggable seek handle (DOM circle, shown on hover / drag).\n        this.setupSeekHandle();\n\n        // Window resize - store handler for cleanup\n        this.resizeHandler = debounce(() => this.resizeCanvas(), 100);\n        window.addEventListener('resize', this.resizeHandler);\n    }\n\n    /**\n     * Observe the canvas's parent element for size changes and re-fit the\n     * canvas on each one. No-op where `ResizeObserver` is unavailable.\n     * @private\n     */\n    setupResizeObserver() {\n        if ('ResizeObserver' in window) {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeCanvas();\n            });\n\n            if (this.canvas?.parentElement) {\n                this.resizeObserver.observe(this.canvas.parentElement);\n            }\n        }\n    }\n\n    // ============================================\n    // Audio Loading\n    // ============================================\n\n    /**\n     * Load an audio source: set the title, fetch/generate the waveform peaks,\n     * draw them, render markers, and initialise Media Session.\n     *\n     * In self mode the `<audio>` src is assigned and the method awaits\n     * `loadedmetadata` before proceeding. In external mode there is no audio\n     * element, so the src/metadata step is skipped and only the visualization\n     * is built (duration/time come from the controller via\n     * {@link WaveformPlayer#setProgress}). Peaks come from the `waveform`\n     * option when provided, otherwise they are decoded from the audio; a\n     * decode failure falls back to a placeholder waveform. The `onLoad`\n     * callback fires on success.\n     * @param {string} url - Audio URL.\n     * @returns {Promise<void>} Resolves once loading settles (errors are caught\n     *   internally and surfaced through {@link WaveformPlayer#onError}).\n     */\n    async load(url) {\n        try {\n            this.setLoading(true);\n            this.progress = 0;\n            this.hasError = false;\n\n            // In external mode we don't own an <audio> element \u2014 skip\n            // src assignment + metadata-wait, but still generate the\n            // waveform peaks so the canvas can render the visualization.\n            // Duration / current time come from the external controller\n            // via setProgress().\n            if (this.audio) {\n                // Set audio source\n                this.audio.src = url;\n\n                // Wait for metadata to load\n                await new Promise((resolve, reject) => {\n                    const metadataHandler = () => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        resolve();\n                    };\n                    const errorHandler = (e) => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        reject(e);\n                    };\n                    this.audio.addEventListener('loadedmetadata', metadataHandler);\n                    this.audio.addEventListener('error', errorHandler);\n                });\n            }\n\n            // Set title\n            const title = this.options.title || extractTitleFromUrl(url);\n            if (this.titleEl) {\n                this.titleEl.textContent = title;\n            }\n            // Keep the seek slider's accessible name in sync with the track.\n            this.applySeekLabel(title);\n\n            // Load or generate waveform\n            if (this.options.waveform) {\n                this.setWaveformData(this.options.waveform);\n            } else {\n                // Generate waveform\n                try {\n                    const result = await generateWaveform(url, this.options.samples, this.options.showBPM);\n                    this.waveformData = result.peaks;\n\n                    // Store BPM if detected\n                    if (result.bpm) {\n                        this.detectedBPM = result.bpm;\n                        this.updateBPMDisplay();\n                    }\n                } catch (error) {\n                    console.warn('[WaveformPlayer] Using placeholder waveform:', error);\n                    this.waveformData = generatePlaceholderWaveform(this.options.samples);\n                }\n            }\n\n            this.drawWaveform();\n            this.renderMarkers();\n\n            // Fire callback\n            if (this.options.onLoad) {\n                this.options.onLoad(this);\n            }\n        } catch (error) {\n            // onError() is the single funnel for surfacing + logging errors.\n            this.onError(error);\n        } finally {\n            this.setLoading(false);\n        }\n    }\n\n    /**\n     * Swap the player to a new track at runtime.\n     *\n     * Pauses any current playback, fully resets the audio element (self mode),\n     * clears error/marker/progress state, merges the new metadata into\n     * `this.options`, updates the artist/artwork DOM, then calls\n     * {@link WaveformPlayer#load}. Auto-plays the new track unless\n     * `options.autoplay === false`.\n     * @param {string} url - Audio URL.\n     * @param {string|null} [title=null] - Track title; keeps the existing\n     *   title when null.\n     * @param {string|null} [artist=null] - Track artist; pass `''` to hide\n     *   the artist row, or null to keep the existing one.\n     * @param {Object} [options={}] - Additional options to merge (e.g.\n     *   `preload`, `artwork`, `markers`, `autoplay`).\n     * @returns {Promise<void>}\n     */\n    async loadTrack(url, title = null, artist = null, options = {}) {\n        // Stop current playback and clear state\n        if (this.isPlaying) {\n            this.pause();\n        }\n\n        // Reset audio element completely (only when we own one)\n        if (this.audio) {\n            this.audio.src = '';\n            this.audio.load();\n        }\n\n        // Clear any errors\n        this.hasError = false;\n        if (this.errorEl) {\n            this.errorEl.style.display = 'none';\n        }\n        if (this.canvas) {\n            this.canvas.style.opacity = '1';\n        }\n        if (this.playBtn) {\n            this.playBtn.disabled = false;\n        }\n\n        // Reset state\n        this.progress = 0;\n        this.waveformData = [];\n\n        // Update options (including preload if specified)\n        this.options = mergeOptions(this.options, {\n            url,\n            title: title || this.options.title,\n            artist: artist || this.options.artist,\n            ...options\n        });\n\n        // Apply preload setting if it was changed\n        if (options.preload && this.audio) {\n            this.audio.preload = options.preload;\n        }\n\n        // Update UI elements\n        if (this.artistEl) {\n            if (artist) {\n                this.artistEl.textContent = artist;\n                this.artistEl.style.display = '';\n            } else if (artist === '') {\n                this.artistEl.style.display = 'none';\n            }\n        }\n\n        // Update artwork if provided\n        if (options.artwork && this.artworkEl) {\n            this.artworkEl.src = options.artwork;\n        }\n\n        // Clear or update markers\n        this.options.markers = options.markers || [];\n\n        // Reset the waveform to the NEW track's peaks, or null to regenerate\n        // from the URL. mergeOptions() above keeps the previous track's\n        // this.options.waveform when the caller passes none, and load() does\n        // `if (this.options.waveform) setWaveformData(...)` \u2014 so without this\n        // reset a track loaded without peaks would redraw the PREVIOUS track's\n        // waveform (audio changes, visualization doesn't).\n        this.options.waveform = options.waveform || null;\n\n        // Load the new track\n        await this.load(url);\n\n        // Auto-play the new track unless the caller opted out \u2014 lets a\n        // controller load/restore/enqueue without forcing playback.\n        if (options.autoplay !== false) {\n            this.play()?.catch(() => {});\n        }\n    }\n\n    // ============================================\n    // Visualization\n    // ============================================\n\n    /**\n     * Normalise externally-supplied waveform data into `this.waveformData` and\n     * redraw.\n     *\n     * Accepts several shapes: a `.json` URL (fetched async; peaks and any\n     * embedded `markers` are applied on resolve), a JSON-encoded array string,\n     * a comma-separated number string, or a plain number array. Malformed\n     * input degrades to an empty array rather than throwing.\n     * @param {string|number[]} data - Peaks as an array, a JSON/CSV string, or\n     *   a URL to a `.json` peaks file.\n     * @private\n     */\n    setWaveformData(data) {\n        // URL to JSON file \u2014 fetch peaks and maybe markers\n        if (typeof data === 'string' && data.trim().endsWith('.json')) {\n            fetch(data.trim())\n                .then(r => r.json())\n                .then(json => {\n                    this.waveformData = Array.isArray(json) ? json : (json.peaks || []);\n                    if (json.markers && !this.options.markers?.length) {\n                        this.options.markers = json.markers;\n                        this.renderMarkers();\n                    }\n                    this.drawWaveform();\n                })\n                .catch(() => {});\n            return;\n        }\n\n        if (typeof data === 'string') {\n            try {\n                const parsed = JSON.parse(data);\n                this.waveformData = Array.isArray(parsed) ? parsed : [];\n            } catch {\n                this.waveformData = data.split(',').map(Number);\n            }\n        } else {\n            this.waveformData = Array.isArray(data) ? data : [];\n        }\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the current waveform + progress to the canvas via the shared\n     * {@link draw} routine, passing the resolved style and colours. No-op\n     * before the context exists or while there is no peak data.\n     * @private\n     */\n    drawWaveform() {\n        if (!this.ctx || this.waveformData.length === 0) return;\n\n        draw(this.ctx, this.canvas, this.waveformData, this.progress, {\n            ...this.options,\n            waveformStyle: this.options.waveformStyle || 'bars',\n            color: this.options.waveformColor,\n            progressColor: this.options.progressColor,\n            seekActive: this._seekHover || this._dragging\n        });\n    }\n\n    /**\n     * Re-fit the canvas backing store to its parent's width and the configured\n     * height, scaled by the device pixel ratio for crisp rendering, then\n     * redraw. Guards against running after destruction.\n     * @private\n     */\n    resizeCanvas() {\n        // Guard against calls after destruction\n        if (!this.canvas || this.isDestroying) {\n            return;\n        }\n\n        const dpr = window.devicePixelRatio || 1;\n        const rect = this.canvas.parentElement.getBoundingClientRect();\n\n        this.canvas.width = rect.width * dpr;\n        this.canvas.height = this.options.height * dpr;\n        this.canvas.parentElement.style.height = this.options.height + 'px';\n\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the configured cue markers as positioned, clickable buttons over\n     * the waveform.\n     *\n     * Clears any existing markers first, then bails out unless `showMarkers` is\n     * on, markers exist, and a duration is known (via the mode-agnostic\n     * {@link WaveformPlayer#getSeekDuration}). Each marker is placed by its\n     * time-as-percentage, carries a tooltip and ARIA label, and seeks on click\n     * (also starting playback when `playOnSeek` is set and currently paused).\n     * Markers past the track duration are skipped with a warning.\n     * @private\n     */\n    renderMarkers() {\n        if (!this.markersContainer) return;\n\n        // Always clear existing markers first\n        this.markersContainer.innerHTML = '';\n        // Re-sync the active marker on the next progress tick (the DOM was wiped).\n        this._activeMarkerIndex = -1;\n        clearTimeout(this._markerLabelTimer);\n\n        if (!this.options.showMarkers || !this.options.markers?.length) return;\n\n        // Duration may come from the <audio> (self mode) or the external\n        // controller (external mode) \u2014 use the mode-agnostic accessor.\n        const duration = this.getSeekDuration();\n        if (!duration) {\n            return;\n        }\n\n        // Add each marker\n        this.options.markers.forEach((marker, index) => {\n            // Skip markers that are beyond the audio duration\n            if (marker.time > duration) {\n                console.warn(`[WaveformPlayer] Marker \"${marker.label}\" at ${marker.time}s exceeds audio duration of ${duration}s`);\n                return;\n            }\n\n            const position = (marker.time / duration) * 100;\n\n            const markerEl = document.createElement('button');\n            markerEl.className = 'waveform-marker';\n            markerEl.style.left = `${position}%`;\n            markerEl.style.backgroundColor = marker.color || 'rgba(255, 255, 255, 0.5)';\n            markerEl.setAttribute('aria-label', marker.label);\n            markerEl.setAttribute('data-time', marker.time);\n\n            // Tooltip\n            const tooltip = document.createElement('span');\n            tooltip.className = 'waveform-marker-tooltip';\n            tooltip.textContent = marker.label;\n            markerEl.appendChild(tooltip);\n\n            // Click to seek\n            markerEl.addEventListener('click', (e) => {\n                e.stopPropagation();\n                this.seekTo(marker.time);\n                if (this.options.playOnSeek && !this.isPlaying) {\n                    this.play();\n                }\n            });\n\n            this.markersContainer.appendChild(markerEl);\n        });\n    }\n\n    /**\n     * Highlight the marker at `index` (toggling an `active` class) and clear\n     * the rest. Pass `null` to clear all. Lets an external controller (e.g. a\n     * DJ bar) reflect the current section without reaching into the player's\n     * private marker DOM.\n     * @param {number|null} index - Marker index to activate, or `null` to clear.\n     */\n    setActiveMarker(index) {\n        if (!this.markersContainer) return;\n        const markers = this.markersContainer.querySelectorAll('.waveform-marker');\n        markers.forEach((el, i) => el.classList.toggle('active', i === index));\n    }\n\n    /**\n     * Highlight the marker the playhead has most recently passed \u2014 the rendered\n     * marker with the greatest `time` \u2264 the current time \u2014 and reveal its label.\n     * Driven from the progress loop; a no-op when there are no markers. Reuses\n     * {@link WaveformPlayer#setActiveMarker}, and only re-applies when the active\n     * marker actually changes.\n     * @private\n     */\n    updateActiveMarker() {\n        if (!this.markersContainer) return;\n        const els = this.markersContainer.querySelectorAll('.waveform-marker');\n        if (!els.length) return;\n        const dur = this.getSeekDuration();\n        const t = dur ? this.progress * dur : 0;\n        let active = -1;\n        let best = -Infinity;\n        els.forEach((el, i) => {\n            const mt = parseFloat(el.getAttribute('data-time'));\n            if (Number.isFinite(mt) && mt <= t + 0.05 && mt > best) {\n                best = mt;\n                active = i;\n            }\n        });\n        if (active !== this._activeMarkerIndex) {\n            this._activeMarkerIndex = active;\n            this.setActiveMarker(active);\n            // Flash the newly-active marker's label, then let it fade \u2014 the\n            // highlight stays. Override via `.waveform-marker.show-label` CSS.\n            clearTimeout(this._markerLabelTimer);\n            els.forEach((el, i) => el.classList.toggle('show-label', i === active));\n            if (active >= 0) {\n                this._markerLabelTimer = setTimeout(() => {\n                    this.markersContainer\n                        ?.querySelectorAll('.waveform-marker')\n                        .forEach((el) => el.classList.remove('show-label'));\n                }, 2500);\n            }\n        }\n    }\n\n    /**\n     * Build the time tooltip that follows the pointer over the waveform. The\n     * element is always created so **drag-scrub** can show the time you're\n     * dragging to; the *hover* reveal is gated on `showHoverTime`. Works in both\n     * self and external modes (it only needs {@link WaveformPlayer#getSeekDuration}).\n     * @private\n     */\n    setupHoverTime() {\n        if (!this.seekEl) return;\n        const tip = document.createElement('div');\n        tip.className = 'waveform-hover-time';\n        tip.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(tip);\n        this.hoverTimeEl = tip;\n\n        // Without showHoverTime the tip is drag-only \u2014 no hover listeners.\n        if (!this.options.showHoverTime) return;\n\n        // Hover updates the tip; the drag handlers also call _updateHoverTip so\n        // the time follows the playhead while scrubbing (Spotify-style). The\n        // guard avoids a double-update when a drag is in progress (the canvas\n        // pointermove already drives it then).\n        this.seekEl.addEventListener('pointermove', (e) => {\n            if (!this._dragging) this._updateHoverTip(e.clientX);\n        });\n        this.seekEl.addEventListener('pointerleave', () => {\n            if (!this._dragging) this._hideHoverTip();\n        });\n    }\n\n    /**\n     * Position + fill the hover-time tooltip for a given client-X. Shared by\n     * hover and drag-scrub. No-op when the tooltip isn't enabled\n     * (`showHoverTime` off).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _updateHoverTip(clientX) {\n        const tip = this.hoverTimeEl;\n        if (!tip) return;\n        const dur = this.getSeekDuration();\n        if (!dur) { tip.style.opacity = '0'; return; }\n        const rect = this.canvas.getBoundingClientRect();\n        const pct = clamp((clientX - rect.left) / rect.width);\n        tip.textContent = formatTime(pct * dur);\n        tip.style.left = (pct * 100) + '%';\n        tip.style.opacity = '1';\n    }\n\n    /** Hide the hover-time tooltip. @private */\n    _hideHoverTip() {\n        if (this.hoverTimeEl) this.hoverTimeEl.style.opacity = '0';\n    }\n\n    /**\n     * Visually preview a seek during a drag \u2014 moves the playhead + handle +\n     * tooltip to the cursor WITHOUT touching the audio (playback continues; the\n     * real seek is committed on release).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _scrubTo(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        this.progress = clamp((clientX - rect.left) / rect.width);\n        this.drawWaveform();\n        this._updateSeekHandle();\n        // Live time readout while scrubbing (Spotify-style): the audio keeps\n        // playing at its old position; the display shows where release lands.\n        const dur = this.getSeekDuration();\n        if (dur && this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.progress * dur);\n            // The current-time already shows the target \u2014 don't also pop the\n            // hover tooltip with the same value (that duplicate is the bug).\n            this._hideHoverTip();\n        } else {\n            // No current-time readout to fall back on \u2014 keep the tooltip as the\n            // only scrub feedback.\n            this._updateHoverTip(clientX);\n        }\n    }\n\n    /**\n     * Create the draggable seek handle \u2014 a DOM circle over the playhead, shown\n     * only on hover / drag (Spotify-style). Pointer-events are off so it never\n     * blocks the canvas scrub; size + visibility are CSS.\n     * @private\n     */\n    setupSeekHandle() {\n        // Only the seekbar style \u2014 on a real waveform the fill-edge already is\n        // the playhead, so a floating dot is just noise.\n        if (!this.options.seekHandle || this.options.waveformStyle !== 'seekbar' || !this.seekEl) return;\n        const h = document.createElement('div');\n        h.className = 'waveform-seek-handle';\n        h.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(h);\n        this.seekHandleEl = h;\n    }\n\n    /**\n     * Position the seek handle at the current progress and toggle its\n     * visibility (hover / drag) + expanded (drag / direct-hover) classes.\n     * @private\n     */\n    _updateSeekHandle() {\n        const h = this.seekHandleEl;\n        if (!h) return;\n        h.style.left = (this.progress * 100) + '%';\n        h.classList.toggle('is-visible', this._seekHover || this._dragging);\n        h.classList.toggle('is-active', this._dragging || this._handleNear);\n    }\n\n    // ============================================\n    // Event Handlers\n    // ============================================\n\n    /**\n     * Seek to the clicked horizontal position on the waveform canvas.\n     *\n     * Converts the click X into a 0..1 percentage. In external mode it\n     * dispatches a cancelable `waveformplayer:request-seek` event (updating the\n     * local visual optimistically unless the controller vetoes it); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {MouseEvent} event - The canvas click event.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    handleCanvasClick(event) {\n        // Ignore the synthetic click that trails a pointer drag (see endDrag).\n        if (this._suppressClick) { this._suppressClick = false; return; }\n        this._seekFromPointer(event.clientX);\n    }\n\n    /**\n     * Seek to a horizontal client-X position over the canvas \u2014 shared by\n     * click and drag. In external mode the player has no audio of its own,\n     * so it dispatches a cancelable `waveformplayer:request-seek` with the\n     * target percentage (updating the local visual optimistically); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _seekFromPointer(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        const targetPercent = clamp((clientX - rect.left) / rect.width);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(targetPercent);\n            return;\n        }\n\n        if (!this.audio || !this.audio.duration) return;\n        this.seekToPercent(targetPercent);\n    }\n\n    /**\n     * Toggle the loading state: show/hide the spinner overlay and set\n     * `aria-busy` on the accessible seek slider so assistive tech knows the\n     * player is fetching/decoding.\n     * @param {boolean} loading - True while audio is loading.\n     * @private\n     */\n    setLoading(loading) {\n        this.isLoading = loading;\n        if (this.loadingEl) {\n            this.loadingEl.style.display = loading ? 'block' : 'none';\n        }\n        // Let assistive tech know the player is busy fetching/decoding.\n        if (this.seekEl) {\n            this.seekEl.setAttribute('aria-busy', loading ? 'true' : 'false');\n        }\n    }\n\n    /**\n     * `loadedmetadata` handler (self mode): write the total-time display, now\n     * that duration is known re-render markers, and publish duration to the\n     * accessible seek slider. No-op during destruction.\n     * @private\n     */\n    onMetadataLoaded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        if (this.totalTimeEl) {\n            this.totalTimeEl.textContent = formatTime(this.audio.duration);\n        }\n        // Re-render markers when duration is known\n        this.renderMarkers();\n        // Duration is now known \u2014 publish it to the accessible slider.\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Reflect play/pause state on the transport button: toggle the `playing`\n     * class and swap the play/pause icon visibility. The single source of\n     * truth shared by `onPlay`, `onPause`, and the external-mode\n     * `setPlayingState` pump so they can't drift. No-op without a button.\n     * @param {boolean} isPlaying - Whether playback is active.\n     * @private\n     */\n    setPlayButtonState(isPlaying) {\n        if (!this.playBtn) return;\n        this.playBtn.classList.toggle('playing', isPlaying);\n        const playIcon = this.playBtn.querySelector('.waveform-icon-play');\n        const pauseIcon = this.playBtn.querySelector('.waveform-icon-pause');\n        if (playIcon) playIcon.style.display = isPlaying ? 'none' : 'flex';\n        if (pauseIcon) pauseIcon.style.display = isPlaying ? 'flex' : 'none';\n    }\n\n    /**\n     * `play` handler (self mode): set the playing flag, swap the button to its\n     * pause icon, start the smooth progress loop, dispatch\n     * `waveformplayer:play`, and fire the `onPlay` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:play\n     */\n    onPlay() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = true;\n\n        this.setPlayButtonState(true);\n\n        this.startSmoothUpdate();\n\n        // iOS drops Media Session metadata set before playback begins \u2014 re-assert\n        // metadata + playback state now that we're actually playing.\n        this._updateMediaSession('playing');\n\n        // Dispatch play event\n        this._emit('waveformplayer:play', {player: this, url: this.options.url});\n\n        if (this.options.onPlay) {\n            this.options.onPlay(this);\n        }\n    }\n\n    /**\n     * `pause` handler (self mode): clear the playing flag, swap the button back\n     * to its play icon, stop the smooth progress loop, dispatch\n     * `waveformplayer:pause`, and fire the `onPause` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    onPause() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = false;\n\n        this.setPlayButtonState(false);\n\n        this.stopSmoothUpdate();\n\n        this._updateMediaSession('paused');\n\n        // Dispatch pause event\n        this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n\n        if (this.options.onPause) {\n            this.options.onPause(this);\n        }\n    }\n\n    /**\n     * `ended` handler (self mode): reset progress and `currentTime` to the\n     * start, redraw, reset the time display, dispatch `waveformplayer:ended`\n     * (carrying the final time), run {@link WaveformPlayer#onPause}, and fire\n     * the `onEnd` callback. No-op during destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    onEnded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        const duration = this.audio.duration;\n\n        this.progress = 0;\n        this.audio.currentTime = 0;\n        this.drawWaveform();\n\n        // Reset time display\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = '0:00';\n        }\n\n        // Dispatch ended event \u2014 carries the final time so listeners (e.g.\n        // analytics) don't have to reach into player.audio.\n        this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n\n        this.onPause();\n\n        if (this.options.onEnd) {\n            this.options.onEnd(this);\n        }\n    }\n\n    /**\n     * `error` handler: set the error flag, hide the spinner, reveal the error\n     * overlay, dim the canvas, disable the play button, and fire the `onError`\n     * callback. No-op during destruction.\n     * @param {Event|Error} error - The audio error event, or an Error thrown\n     *   during loading.\n     * @private\n     */\n    onError(error) {\n        // Ignore errors during destruction\n        if (this.isDestroying) return;\n\n        console.error('[WaveformPlayer] Audio error:', error);\n        this.hasError = true;\n        this.setLoading(false);\n\n        if (this.errorEl) {\n            this.errorEl.style.display = 'flex';\n        }\n\n        if (this.canvas) {\n            this.canvas.style.opacity = '0.2';\n        }\n\n        if (this.playBtn) {\n            this.playBtn.disabled = true;\n        }\n\n        if (this.options.onError) {\n            this.options.onError(error, this);\n        }\n    }\n\n    // ============================================\n    // Progress Updates\n    // ============================================\n\n    /**\n     * Start the `requestAnimationFrame` loop that drives smooth progress\n     * updates while playing (self mode only \u2014 external mode is redrawn by\n     * controller {@link WaveformPlayer#setProgress} pushes). Cancels any\n     * existing loop first so it's safe to call repeatedly.\n     * @private\n     */\n    startSmoothUpdate() {\n        this.stopSmoothUpdate();\n\n        const update = () => {\n            // In external mode the canvas redraws are driven by\n            // setProgress() pushes from the controller \u2014 no internal\n            // RAF needed. Self-mode keeps the smooth-update loop.\n            if (this.isPlaying && this.audio && this.audio.duration) {\n                this.updateProgress();\n                this.updateTimer = requestAnimationFrame(update);\n            }\n        };\n\n        this.updateTimer = requestAnimationFrame(update);\n    }\n\n    /**\n     * Cancel the smooth-update animation frame, if one is scheduled.\n     * @private\n     */\n    stopSmoothUpdate() {\n        if (this.updateTimer) {\n            cancelAnimationFrame(this.updateTimer);\n            this.updateTimer = null;\n        }\n    }\n\n    /**\n     * Recompute progress from the owned `<audio>` clock and reflect it\n     * everywhere (self mode only \u2014 external mode uses\n     * {@link WaveformPlayer#setProgress}).\n     *\n     * Redraws the canvas when progress moves meaningfully, updates the\n     * current-time display, dispatches `waveformplayer:timeupdate`, fires the\n     * `onTimeUpdate` callback, and refreshes the accessible slider values.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     */\n    updateProgress() {\n        // Self-mode only \u2014 external mode receives progress via\n        // setProgress() from the controller and never calls this.\n        if (!this.audio || !this.audio.duration) return;\n        // While dragging, the playhead previews the cursor \u2014 don't let playback\n        // move it (the audio keeps playing; the seek commits on release).\n        if (this._dragging) return;\n\n        const newProgress = this.audio.currentTime / this.audio.duration;\n\n        if (Math.abs(newProgress - this.progress) > 0.001) {\n            this.progress = newProgress;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        }\n\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.audio.currentTime);\n        }\n\n        // Dispatch timeupdate event\n        this._emit('waveformplayer:timeupdate', {\n            player: this,\n            currentTime: this.audio.currentTime,\n            duration: this.audio.duration,\n            progress: this.progress,\n            url: this.options.url\n        });\n\n        if (this.options.onTimeUpdate) {\n            this.options.onTimeUpdate(this.audio.currentTime, this.audio.duration, this);\n        }\n\n        this.updateActiveMarker();\n        this.updateSeekAccessibility();\n    }\n\n    // ============================================\n    // UI Updates\n    // ============================================\n\n    /**\n     * Show the detected BPM in the badge, once a value has been detected.\n     * @private\n     */\n    updateBPMDisplay() {\n        // A caller-supplied `bpm` wins over auto-detection \u2014 useful when peaks\n        // are pre-generated (so the audio is never decoded) but the BPM is known\n        // anyway, e.g. sample-pack previews where the tempo is in the metadata.\n        const bpm = this.options.bpm || this.detectedBPM;\n        if (this.bpmEl && this.bpmValueEl && bpm) {\n            this.bpmValueEl.textContent = Math.round(bpm);\n            this.bpmEl.style.display = 'inline-flex';\n        }\n    }\n\n    /**\n     * Re-detect the page theme and re-apply auto colours + redraw, so an\n     * auto-themed player adapts to a runtime light/dark switch (not just the\n     * value present on load). No-op when the player uses an explicit\n     * `colorPreset` or hand-set colours. Driven by the shared theme watcher.\n     * @public\n     */\n    refreshTheme() {\n        if (!this._autoTheme) return;\n        this._scheme = detectColorScheme();\n        const preset = getColorPreset(this.options.colorPreset);\n        for (const key of (this._presetKeys || [])) {\n            if (key in preset) this.options[key] = preset[key];\n        }\n        this._applyThemeColors();\n    }\n\n    /**\n     * Sync the theme class (CSS drives the DOM chrome colours via `--wfp-*`\n     * variables) and redraw the canvas with the resolved waveform colours.\n     * @private\n     */\n    _applyThemeColors() {\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n        if (this.canvas) this.drawWaveform();\n    }\n\n    /**\n     * Lazily install ONE shared watcher that re-detects the theme for every\n     * auto-themed instance when the document theme changes \u2014 a class/attribute\n     * flip on `<html>`/`<body>` (Tailwind `dark`, `data-theme`,\n     * `data-color-scheme`) or an OS `prefers-color-scheme` change. Event-driven\n     * (MutationObserver + matchMedia), never a timer.\n     * @private\n     */\n    static _watchTheme() {\n        if (WaveformPlayer._themeWatch || typeof document === 'undefined') return;\n        const refresh = () => requestAnimationFrame(() => {\n            WaveformPlayer.instances.forEach((p) => {\n                try { p.refreshTheme(); } catch (e) { /* ignore */ }\n            });\n        });\n        const opts = {attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-scheme', 'style']};\n        const obs = new MutationObserver(refresh);\n        obs.observe(document.documentElement, opts);\n        if (document.body) obs.observe(document.body, opts);\n        let mq = null;\n        try {\n            mq = window.matchMedia('(prefers-color-scheme: dark)');\n            mq.addEventListener('change', refresh);\n        } catch (e) { /* no matchMedia */ }\n        WaveformPlayer._themeWatch = {obs, mq, refresh};\n    }\n\n    /**\n     * Sync the speed control's label and the menu's active-option highlight to\n     * the audio element's current `playbackRate`. No-op in external mode (no\n     * owned `<audio>`), which also avoids reading `playbackRate` before the\n     * element exists.\n     * @private\n     */\n    updateSpeedUI() {\n        // External mode owns no <audio>; nothing to reflect (and reading\n        // this.audio.playbackRate here would throw during construction).\n        if (!this.audio) return;\n\n        const speedValue = this.container.querySelector('.speed-value');\n        if (speedValue) {\n            const rate = this.audio.playbackRate;\n            speedValue.textContent = rate === 1 ? '1x' : `${rate}x`;\n        }\n\n        // Update active state in menu\n        this.container.querySelectorAll('.speed-option').forEach(btn => {\n            const on = parseFloat(btn.dataset.rate) === this.audio.playbackRate;\n            btn.classList.toggle('active', on);\n            btn.setAttribute('aria-checked', on ? 'true' : 'false');\n        });\n    }\n\n    // ============================================\n    // Public API\n    // ============================================\n\n    /**\n     * Play audio.\n     *\n     * In `audioMode: 'self'` (default): calls the underlying <audio>\n     * element's play(). Returns the promise from HTMLMediaElement.play().\n     *\n     * In `audioMode: 'external'`: dispatches a cancelable\n     * `waveformplayer:request-play` event with the track metadata and\n     * does NOT touch any audio element. Returns `undefined`. An external\n     * controller (e.g. WaveformBar) listens for this event and starts\n     * playback on its own audio source, then pushes state back via\n     * setPlayingState() / setProgress(). Calling preventDefault() on\n     * the event lets the controller veto the play (state is unchanged).\n     *\n     * When `singlePlay` is enabled, any other currently-playing instance is\n     * paused first.\n     *\n     * @return {Promise|undefined} The promise from `HTMLMediaElement.play()` in\n     *   self mode; `undefined` in external mode.\n     * @fires WaveformPlayer#waveformplayer:request-play\n     */\n    play() {\n        if (this.options.singlePlay && WaveformPlayer.currentlyPlaying &&\n            WaveformPlayer.currentlyPlaying !== this) {\n            WaveformPlayer.currentlyPlaying.pause();\n        }\n\n        if (this.options.audioMode === 'external') {\n            const evt = this._emit('waveformplayer:request-play', this._buildTrackDetail(), true);\n            // If the controller cancels (preventDefault), don't claim\n            // \"currentlyPlaying\" \u2014 the controller didn't accept the play.\n            if (!evt.defaultPrevented) {\n                WaveformPlayer.currentlyPlaying = this;\n            }\n            return undefined;\n        }\n\n        WaveformPlayer.currentlyPlaying = this;\n        return this.audio.play();\n    }\n\n    /**\n     * Pause audio.\n     *\n     * In `audioMode: 'external'`, dispatches `waveformplayer:request-pause`\n     * (cancelable) and does NOT touch any audio element. See play().\n     *\n     * @fires WaveformPlayer#waveformplayer:request-pause\n     */\n    pause() {\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n        if (this.options.audioMode === 'external') {\n            this._emit('waveformplayer:request-pause', this._buildTrackDetail(), true);\n            return;\n        }\n        this.audio.pause();\n    }\n\n    /**\n     * Build the track detail object dispatched by request-play /\n     * request-pause events in external audio mode. Mirrors the shape\n     * WaveformBar.play() accepts so a controller can forward it\n     * directly: `WaveformBar.play(event.detail)`.\n     *\n     * @private\n     * @return {{url:string,title:?string,artist:?string,artwork:?string,player:WaveformPlayer}}\n     */\n    _buildTrackDetail() {\n        return {\n            url:      this.options.url,\n            title:    this.options.title,\n            artist:   this.options.artist,\n            artwork:  this.options.artwork,\n            markers:  this.options.markers,\n            waveform: this.options.waveform,\n            id:       this.id,\n            player:   this\n        };\n    }\n\n    /**\n     * External-mode state pump: flip the play/pause visual state without\n     * touching audio. Mirrors what onPlay()/onPause() do but skips the\n     * audio-element interactions. Safe to call repeatedly \u2014 idempotent.\n     *\n     * Only dispatches `waveformplayer:play`/`waveformplayer:pause` (and runs\n     * the matching callback) on an actual transition, starting/stopping the\n     * smooth-update loop accordingly.\n     *\n     * @param {boolean} playing - True to enter the playing state, false to\n     *   enter the paused state.\n     * @fires WaveformPlayer#waveformplayer:play\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    setPlayingState(playing) {\n        const wasPlaying = this.isPlaying;\n        this.isPlaying = !!playing;\n        this.setPlayButtonState(this.isPlaying);\n        if (this.isPlaying && !wasPlaying) {\n            this.startSmoothUpdate?.();\n            this._emit('waveformplayer:play', {player: this, url: this.options.url});\n            if (this.options.onPlay) this.options.onPlay(this);\n        } else if (!this.isPlaying && wasPlaying) {\n            this.stopSmoothUpdate?.();\n            this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n            if (this.options.onPause) this.options.onPause(this);\n        }\n    }\n\n    /**\n     * External-mode state pump: update the visualization's progress\n     * from an external clock (e.g. WaveformBar's audio element's\n     * timeupdate). Drives the canvas redraw + the time displays.\n     *\n     * Redraws the canvas, updates the current/total time displays, stores the\n     * external duration for the accessible slider, dispatches\n     * `waveformplayer:timeupdate`, runs `onTimeUpdate`, and synthesizes a\n     * one-shot `waveformplayer:ended` (with `onEnd`) when progress reaches the\n     * end. No-op for a non-positive duration.\n     *\n     * @param {number} currentTime - Current playback position in seconds.\n     * @param {number} duration - Total track duration in seconds.\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    setProgress(currentTime, duration) {\n        if (!duration || duration <= 0) return;\n        this.progress = clamp(currentTime / duration);\n        // Mirror the existing display update code so callers don't have\n        // to know which DOM elements live where.\n        if (this.currentTimeEl)  this.currentTimeEl.textContent  = formatTime(currentTime);\n        // Publish the duration unconditionally \u2014 the accessible seek slider\n        // and keyboard seeking read getSeekDuration()/_extDuration even when\n        // there's no time display to update.\n        this._extDuration = duration;\n        if (this.totalTimeEl && (!this.totalTimeEl.dataset._extSet || this.totalTimeEl.dataset._extDur !== String(duration))) {\n            this.totalTimeEl.textContent = formatTime(duration);\n            this.totalTimeEl.dataset._extSet = '1';\n            this.totalTimeEl.dataset._extDur = String(duration);\n        }\n        this.drawWaveform?.();\n        this.updateActiveMarker();\n        this._emit('waveformplayer:timeupdate', {player: this, currentTime, duration, progress: this.progress, url: this.options.url});\n        // Same (currentTime, duration, player) signature as self mode \u2014 the\n        // arg order used to be swapped here, which made one shared handler\n        // impossible across audioModes.\n        if (this.options.onTimeUpdate) this.options.onTimeUpdate(currentTime, duration, this);\n\n        // External mode has no <audio> 'ended' event \u2014 synthesize one when the\n        // controller's progress reaches the end (fires once per playthrough).\n        if (this.progress >= 1) {\n            if (!this._extEnded) {\n                this._extEnded = true;\n                this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n                if (this.options.onEnd) this.options.onEnd(this);\n            }\n        } else {\n            this._extEnded = false;\n        }\n\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Toggle between play and pause based on the current `isPlaying` state.\n     * Works in both audio modes (in external mode it routes through the\n     * request-play/pause events).\n     */\n    togglePlay() {\n        if (this.isPlaying) {\n            this.pause();\n        } else {\n            this.play();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to an absolute time, clamped to\n     * `[0, duration]`, and refresh progress. Self mode only \u2014 a no-op when\n     * there is no audio element or duration. External-mode keyboard/click\n     * seeks go through {@link WaveformPlayer#seekToSeconds} instead.\n     * @param {number} seconds - Target time in seconds.\n     */\n    seekTo(seconds) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = clamp(seconds, 0, this.audio.duration);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to a fraction of the track, clamped to\n     * `[0, 1]`, and refresh progress. Self mode only \u2014 a no-op without an audio\n     * element or duration.\n     * @param {number} percent - Position as a fraction from 0 to 1.\n     */\n    seekToPercent(percent) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = this.audio.duration * clamp(percent);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's volume, clamped to `[0, 1]`. Self mode\n     * only \u2014 a no-op in external mode where the controller owns volume.\n     * @param {number} volume - Volume from 0 (silent) to 1 (full).\n     */\n    setVolume(volume) {\n        // Coerce + guard: a non-finite value (e.g. from a bad config or stale\n        // storage) must not propagate NaN into audio.volume (which throws).\n        const v = Number(volume);\n        if (this.audio && Number.isFinite(v)) {\n            this.audio.volume = clamp(v);\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's playback rate (clamped to 0.5\u20132),\n     * persist it onto `this.options.playbackRate`, and refresh the speed UI.\n     * Self mode only \u2014 a no-op in external mode.\n     * @param {number} rate - Desired playback rate; clamped to the 0.5\u20132 range.\n     */\n    setPlaybackRate(rate) {\n        if (!this.audio) return;\n\n        const clampedRate = clamp(rate, 0.5, 2);\n        this.audio.playbackRate = clampedRate;\n        this.options.playbackRate = clampedRate;\n\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Tear down the player and release all resources.\n     *\n     * Flags destruction (so in-flight handlers bail), dispatches\n     * `waveformplayer:destroy`, stops playback and the animation loop, aborts\n     * every listener registered on the instance signal, disconnects the resize\n     * observer, removes the window-resize handler, drops the instance from the\n     * static map and `currentlyPlaying`, resets/releases the audio element, and\n     * empties the container.\n     * @fires WaveformPlayer#waveformplayer:destroy\n     */\n    destroy() {\n        // Set a flag to indicate we're destroying\n        this.isDestroying = true;\n\n        // Let listeners (analytics, controllers) release their references\n        // before teardown \u2014 the symmetric counterpart to waveformplayer:ready.\n        this._emit('waveformplayer:destroy', {player: this, url: this.options.url});\n\n        // Stop playback and animations\n        this.pause();\n        this.stopSmoothUpdate();\n        clearTimeout(this._markerLabelTimer);\n\n        // Tear down every document/container/seek listener in one shot.\n        this._ac?.abort();\n\n        // Disconnect observer\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = null;\n        }\n\n        // Remove window resize listener\n        if (this.resizeHandler) {\n            window.removeEventListener('resize', this.resizeHandler);\n            this.resizeHandler = null;\n        }\n\n        // Remove from instances map\n        WaveformPlayer.instances.delete(this.id);\n\n        // Clear current playing reference if it's this instance\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n\n        // Properly clean up audio element\n        if (this.audio) {\n            this.audio.pause();\n            this.audio.src = '';\n            this.audio.load(); // Reset the audio element\n            this.audio = null;\n        }\n\n        // Clear the container\n        this.container.innerHTML = '';\n\n        // Clear all references\n        this.canvas = null;\n        this.ctx = null;\n        this.playBtn = null;\n        this.waveformData = [];\n    }\n\n    // ============================================\n    // Static Methods\n    // ============================================\n\n    /**\n     * Get player instance by ID, element, or element ID\n     * @param {string|HTMLElement} idOrElement - Player ID, element, or element ID\n     * @returns {WaveformPlayer|undefined}\n     */\n    static getInstance(idOrElement) {\n        if (typeof idOrElement === 'string') {\n            const instance = this.instances.get(idOrElement);\n            if (instance) return instance;\n\n            const element = document.getElementById(idOrElement);\n            if (element) {\n                return Array.from(this.instances.values()).find(p => p.container === element);\n            }\n        }\n\n        if (idOrElement instanceof HTMLElement) {\n            return Array.from(this.instances.values()).find(p => p.container === idOrElement);\n        }\n\n        return undefined;\n    }\n\n    /**\n     * Get all player instances\n     * @returns {WaveformPlayer[]}\n     */\n    static getAllInstances() {\n        return Array.from(this.instances.values());\n    }\n\n    /**\n     * Destroy all player instances\n     */\n    static destroyAll() {\n        this.instances.forEach(player => player.destroy());\n        this.instances.clear();\n    }\n\n    /**\n     * Generate waveform data from audio URL\n     * @static\n     * @param {string} url - Audio URL\n     * @param {number} samples - Number of samples\n     * @returns {Promise<number[]>} Waveform peak data\n     */\n    static async generateWaveformData(url, samples = DEFAULT_SAMPLES) {\n        try {\n            const result = await generateWaveform(url, samples);\n            return result.peaks;\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to generate waveform:', error);\n            throw error;\n        }\n    }\n\n    /**\n     * Derive a peaks-JSON URL from an audio URL by swapping the\n     * extension. Strict counterpart to `generateWaveformData()`:\n     * `generateWaveformData` decodes the audio at runtime,\n     * `getPeaksUrl` assumes you generated the peaks at build time\n     * (e.g. with `@arraypress/waveform-gen`) and stored the JSON\n     * alongside the audio file.\n     *\n     * Use the result as the `waveform` option \u2014 the player detects\n     * the `.json` suffix, `fetch()`es the file, and skips the Web\n     * Audio decode pass entirely. Big perf win on catalogues with\n     * many tracks (saves ~1-5s decode per file on slow connections).\n     *\n     * Recognised extensions: mp3, wav, ogg, flac, m4a, aac.\n     * Preserves query strings + URL fragments. Returns `undefined`\n     * for unrecognised inputs so callers can pass through\n     * unconditionally:\n     *\n     *     new WaveformPlayer('#el', {\n     *       url: track.audioUrl,\n     *       waveform: WaveformPlayer.getPeaksUrl(track.audioUrl),\n     *     });\n     *\n     * @static\n     * @param {string|undefined|null} audioUrl - Audio file URL.\n     * @returns {string|undefined} Peaks JSON URL, or `undefined`\n     *   when the input is empty / has no recognised audio extension.\n     *\n     * @example\n     * WaveformPlayer.getPeaksUrl('/audio/track.mp3')\n     * // '/audio/track.json'\n     *\n     * WaveformPlayer.getPeaksUrl('/audio/track.wav?v=2')\n     * // '/audio/track.json?v=2'\n     *\n     * WaveformPlayer.getPeaksUrl(undefined)\n     * // undefined\n     */\n    static getPeaksUrl(audioUrl) {\n        if (!audioUrl) return undefined;\n        const swapped = audioUrl.replace(\n            /\\.(mp3|wav|ogg|flac|m4a|aac)(\\?[^#]*)?(#.*)?$/i,\n            '.json$2$3'\n        );\n        /* Nothing changed \u2192 unrecognised extension, return undefined\n         * so callers know to fall back to live decoding. */\n        return swapped === audioUrl ? undefined : swapped;\n    }\n\n}", "/**\n * @module index\n * @description Public entry point for the WaveformPlayer library.\n *\n * Wires together the runtime surfaces for the player: it re-exports the\n * {@link WaveformPlayer} class (default and named), exposes a static\n * `WaveformPlayer.init` hook, scans the DOM for declarative `[data-waveform-player]`\n * markup and auto-instantiates a player for each match, and attaches the class\n * to `window` for plain `<script>`/CDN usage. Loading this module is enough to\n * make any markup-driven players on the page come alive once the DOM is ready.\n */\n\n// Import the main class\nimport {WaveformPlayer} from './core.js';\nimport {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes} from './utils.js';\n\n// Expose a small set of pure helpers as a single source of truth so consumers\n// (e.g. @arraypress/waveform-bar, @arraypress/waveform-playlist) can reuse them\n// instead of shipping divergent copies. `parseDataAttributes` lets wrappers read\n// the player's full `data-*` option surface off a host element without\n// re-implementing (and drifting from) the contract. Attached to the class so\n// it's reachable from the IIFE global too.\nWaveformPlayer.utils = {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes};\n\n/**\n * Whether we're running in a browser (vs. SSR / Node), where `window` and\n * `document` are available. Guards the auto-init and global-attach steps.\n * @returns {boolean}\n */\nconst isBrowser = () => typeof window !== 'undefined' && typeof document !== 'undefined';\n\n/**\n * Scan the document for declarative player markup and instantiate one\n * {@link WaveformPlayer} per matching element.\n *\n * Finds every element carrying the `data-waveform-player` attribute and, for\n * each one not already initialized, constructs a player from it (the constructor\n * reads the element's `data-*` attributes for configuration). Each successfully\n * initialized element is flagged with `data-waveform-initialized=\"true\"` so\n * repeat calls are idempotent and never double-initialize the same element.\n * Construction errors are caught and logged so one broken element cannot abort\n * the rest of the scan. A no-op in non-DOM environments (e.g. SSR).\n *\n * @returns {void}\n */\nfunction autoInit() {\n    if (!isBrowser()) return;\n\n    const elements = document.querySelectorAll('[data-waveform-player]');\n\n    elements.forEach(element => {\n        if (element.dataset.waveformInitialized === 'true') return;\n\n        try {\n            new WaveformPlayer(element);\n            element.dataset.waveformInitialized = 'true';\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to initialize:', error, element);\n        }\n    });\n}\n\n// Initialize when DOM is ready: defer until DOMContentLoaded if the document is\n// still parsing, otherwise run the scan immediately on import.\nif (isBrowser()) {\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', autoInit);\n    } else {\n        autoInit();\n    }\n}\n\n/**\n * Static re-scan hook.\n *\n * Exposes {@link autoInit} as `WaveformPlayer.init` so callers can manually\n * (re-)scan the DOM after dynamically injecting `[data-waveform-player]` markup.\n * Already-initialized elements are skipped on subsequent calls.\n *\n * @type {typeof autoInit}\n */\nWaveformPlayer.init = autoInit;\n\n// For CDN/browser usage: expose the class as a global so it is reachable from a\n// plain <script> tag without an ES module loader.\nif (isBrowser()) {\n    window.WaveformPlayer = WaveformPlayer;\n}\n\n/**\n * The {@link WaveformPlayer} class.\n * @type {typeof WaveformPlayer}\n */\nexport default WaveformPlayer;\n\n// Named exports\nexport {WaveformPlayer};"],
-  "mappings": "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",
-  "names": ["maxOf", "values", "max", "escapeHtml", "str", "isSafeHref", "url", "u", "clamp", "value", "min", "parseBoolAttr", "parseColorValue", "parseDataAttributes", "element", "options", "setBool", "optKey", "dataKey", "v", "setNum", "float", "raw", "setJson", "e", "bs", "formatSeekValueText", "template", "args", "sequentialIndex", "match", "position", "index", "formatTime", "seconds", "hrs", "mins", "secs", "idCounter", "generateId", "hash", "i", "extractTitleFromUrl", "parts", "l", "perceivedBrightness", "color", "rgb", "r", "g", "b", "mergeOptions", "sources", "result", "source", "key", "debounce", "func", "wait", "timeout", "later", "resampleData", "data", "targetLength", "ratio", "lower", "upper", "fraction", "bucketSize", "start", "end", "count", "j", "nearestIndex", "makeFill", "ctx", "value", "canvas", "options", "w", "h", "dir", "x0", "y0", "x1", "y1", "grad", "c", "i", "fillBar", "x", "y", "radii", "r", "max", "clampR", "clamp", "barRadiusPx", "dpr", "barRadii", "capsulePath", "startX", "endX", "centerY", "barHeight", "drawBars", "peaks", "progress", "barWidth", "barSpacing", "barCount", "resampledPeaks", "resampleData", "height", "progressWidth", "baseFill", "progFill", "peakHeight", "drawMirror", "topRadii", "botRadii", "drawLine", "width", "amplitude", "drawCurve", "color", "lineWidth", "endProgress", "addGlow", "stroke", "solid", "points", "samples", "peakValue", "waveOffset", "cp1x", "cp1y", "cp2x", "cp2y", "drawBlocks", "blockSize", "blockGap", "blockCount", "j", "blockOffset", "drawDots", "dotRadius", "drawSeekbar", "borderRadius", "active", "DRAWING_STYLES", "draw", "detectBPM", "buffer", "channelData", "sampleRate", "onsets", "detectOnsets", "intervals", "i", "tempoGroups", "interval", "tempo", "bucket", "maxCount", "detectedBPM", "count", "e", "previousEnergy", "energy", "j", "energyDiff", "threshold", "lastOnset", "minDistance", "extractPeaks", "buffer", "samples", "sampleSize", "channels", "peaks", "c", "chan", "i", "start", "end", "min", "max", "j", "value", "peak", "maxPeak", "maxOf", "generateWaveform", "url", "shouldDetectBPM", "audioContext", "AudioCtx", "arrayBuffer", "audioBuffer", "normalizePeaks", "bpm", "detectBPM", "generatePlaceholderWaveform", "data", "base", "variation", "clamp", "targetMax", "scaleFactor", "hasThemeHint", "scheme", "root", "body", "detectColorScheme", "bodyBg", "brightness", "perceivedBrightness", "COLOR_PRESETS", "getColorPreset", "presetName", "detected", "DEFAULT_OPTIONS", "STYLE_DEFAULTS", "ARTWORK_FALLBACK", "SEEK_STEP_SECONDS", "SEEK_PAGE_SECONDS", "INTERACTIVE_ELEMENTS", "WaveformPlayer", "_WaveformPlayer", "container", "options", "dataOptions", "parseDataAttributes", "userOptions", "mergeOptions", "DEFAULT_OPTIONS", "preset", "getColorPreset", "COLOR_PRESETS", "detectColorScheme", "key", "value", "styleDefaults", "STYLE_DEFAULTS", "generateId", "type", "detail", "cancelable", "event", "percent", "error", "buttonAlign", "buttonHTML", "escapeHtml", "infoHTML", "rate", "speedBtn", "speedMenu", "isOpen", "setSpeedMenu", "open", "opts", "o", "focusOption", "i", "selectOption", "opt", "e", "player", "hasAudio", "currentTime", "actions", "clamp", "duration", "current", "target", "seconds", "clamped", "title", "label", "formatSeekValueText", "formatTime", "details", "onNext", "onPrev", "state", "d", "rect", "endDrag", "debounce", "url", "resolve", "reject", "metadataHandler", "errorHandler", "extractTitleFromUrl", "result", "generateWaveform", "generatePlaceholderWaveform", "artist", "data", "r", "json", "parsed", "draw", "dpr", "marker", "index", "position", "markerEl", "tooltip", "el", "els", "dur", "t", "active", "best", "mt", "tip", "clientX", "pct", "h", "targetPercent", "loading", "isPlaying", "playIcon", "pauseIcon", "update", "newProgress", "bpm", "refresh", "p", "obs", "mq", "speedValue", "btn", "on", "playing", "wasPlaying", "volume", "v", "clampedRate", "idOrElement", "instance", "element", "samples", "audioUrl", "swapped", "WaveformPlayer", "formatTime", "extractTitleFromUrl", "escapeHtml", "isSafeHref", "parseDataAttributes", "isBrowser", "autoInit", "element", "error", "index_default"]
+  "sourcesContent": ["/**\n * @module utils\n * @description Utility functions for WaveformPlayer\n */\n\n/**\n * Default number of peak windows extracted per track. Shared by the runtime\n * peak extraction and `DEFAULT_OPTIONS.samples` so they can't silently drift,\n * and matched to @arraypress/waveform-gen's offline default (1800) for parity.\n * @type {number}\n */\nexport const DEFAULT_SAMPLES = 1800;\n\n/**\n * Largest value in an array, via a loop \u2014 NOT `Math.max(...arr)`, whose\n * argument spread throws `RangeError: Maximum call stack size exceeded` for\n * very large arrays (~1e5+ entries). Returns `-Infinity` for an empty array,\n * matching `Math.max()`.\n * @param {number[]} values - Numbers to scan.\n * @returns {number} The maximum value (`-Infinity` if empty).\n */\nexport function maxOf(values) {\n    let max = -Infinity;\n    for (let i = 0; i < values.length; i++) {\n        if (values[i] > max) max = values[i];\n    }\n    return max;\n}\n\n/**\n * Escape a string for safe interpolation into HTML, preventing injection when\n * building markup with template strings. `null`/`undefined` become `''`.\n * @param {*} str - Value to escape.\n * @returns {string} HTML-escaped string.\n */\nexport function escapeHtml(str) {\n    return String(str == null ? '' : str)\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;')\n        .replace(/'/g, '&#39;');\n}\n\n/**\n * Whether a URL is safe to navigate to (assign to `location.href`): allows only\n * `http`/`https` and relative URLs, rejecting `javascript:`, `data:`, `blob:`,\n * `vbscript:` and other script-bearing schemes.\n * @param {string} url - Candidate URL.\n * @returns {boolean} True if the URL uses a safe scheme.\n */\nexport function isSafeHref(url) {\n    if (typeof url !== 'string' || url === '') return false;\n    try {\n        // Resolve relative URLs against a dummy http base; only the scheme matters.\n        const u = new URL(url, 'http://localhost/');\n        return u.protocol === 'http:' || u.protocol === 'https:';\n    } catch (e) {\n        return false;\n    }\n}\n\n/**\n * Clamp a number to an inclusive range.\n * @param {number} value - Value to constrain.\n * @param {number} [min=0] - Lower bound.\n * @param {number} [max=1] - Upper bound.\n * @returns {number} `value` constrained to `[min, max]`.\n */\nexport function clamp(value, min = 0, max = 1) {\n    return Math.max(min, Math.min(value, max));\n}\n\n/**\n * Read a boolean `data-*` flag. Returns `undefined` when the attribute is\n * absent (preserving the sparse-options contract) and otherwise compares the\n * raw value against the literal string `'true'`.\n * @param {string|undefined} value - Raw `dataset` value.\n * @returns {boolean|undefined} `true`/`false` when present, else `undefined`.\n */\nexport function parseBoolAttr(value) {\n    return value === undefined ? undefined : value === 'true';\n}\n\n/**\n * A colour data-attribute may be a CSS colour string OR a JSON array of\n * gradient stops (e.g. '[\"#fafafa\",\"#71717a\"]'). Parse the array form;\n * otherwise pass the string straight through.\n * @param {string} value\n * @returns {string|string[]}\n */\nfunction parseColorValue(value) {\n    if (typeof value === 'string' && value.trim().startsWith('[')) {\n        try { return JSON.parse(value); } catch (e) { /* fall through to string */ }\n    }\n    return value;\n}\n\n/**\n * Read every recognised `data-*` attribute off a host element and translate it\n * into a plain options object suitable for `mergeOptions`.\n *\n * Only attributes that are actually present are copied, so the returned object\n * is sparse and never overrides defaults with `undefined`. Numeric attributes\n * are coerced with `parseInt`/`parseFloat`, boolean flags are compared against\n * the literal string `'true'`, and JSON-valued attributes (`markers`,\n * `playbackRates`) are parsed defensively \u2014 a parse failure is warned about and\n * the attribute is skipped rather than thrown.\n *\n * Several attributes are shorthand aliases of a canonical long form: `data-src`\n * \u2192 `url`, `data-style` \u2192 `waveformStyle`. When both are present the canonical\n * long form is applied last and therefore wins. `data-color` and `data-theme`\n * are retained as legacy aliases for `waveformColor` and `colorPreset`.\n * Colour attributes that accept gradients (`waveformColor`, `progressColor`)\n * are passed through {@link parseColorValue} so a JSON stop array is expanded.\n *\n * @param {HTMLElement} element - Host element whose `dataset` is inspected.\n * @returns {Object} Sparse options object containing only the attributes found.\n */\nexport function parseDataAttributes(element) {\n    const options = {};\n\n    // Set a boolean option only when its `data-*` attribute is present, so the\n    // returned object stays sparse and never overrides a default with a value\n    // the author didn't set. (`dataKey` differs from `optKey` only for showBPM.)\n    const setBool = (optKey, dataKey = optKey) => {\n        const v = parseBoolAttr(element.dataset[dataKey]);\n        if (v !== undefined) options[optKey] = v;\n    };\n\n    // Read a present (non-empty) numeric attribute as an int (or float).\n    const setNum = (optKey, dataKey = optKey, float = false) => {\n        const raw = element.dataset[dataKey];\n        if (raw) options[optKey] = float ? parseFloat(raw) : parseInt(raw, 10);\n    };\n\n    // Parse a JSON-valued attribute defensively \u2014 warn and skip on bad JSON.\n    const setJson = (optKey, dataKey = optKey) => {\n        const raw = element.dataset[dataKey];\n        if (!raw) return;\n        try { options[optKey] = JSON.parse(raw); }\n        catch (e) { console.warn(`[WaveformPlayer] Invalid ${dataKey} JSON:`, e); }\n    };\n\n    // Core attributes. `data-src` is a shorthand alias for `data-url`;\n    // the canonical long form wins if both are set.\n    if (element.dataset.src) options.url = element.dataset.src;\n    if (element.dataset.url) options.url = element.dataset.url;\n    setNum('height');\n    setNum('samples');\n    if (element.dataset.preload) {\n        options.preload = element.dataset.preload;\n    }\n    if (element.dataset.audioMode) options.audioMode = element.dataset.audioMode;\n\n    // Waveform style attributes. `data-style` is a shorthand alias for\n    // `data-waveform-style`; the canonical long form wins if both are set.\n    if (element.dataset.style) options.waveformStyle = element.dataset.style;\n    if (element.dataset.waveformStyle) options.waveformStyle = element.dataset.waveformStyle;\n    if (element.dataset.waveformGradient) options.waveformGradient = element.dataset.waveformGradient;\n    setNum('barWidth');\n    setNum('barSpacing');\n    setNum('barRadius');\n    if (element.dataset.buttonAlign) options.buttonAlign = element.dataset.buttonAlign;\n    if (element.dataset.layout) options.layout = element.dataset.layout;\n    if (element.dataset.buttonStyle) options.buttonStyle = element.dataset.buttonStyle;\n    // buttonSize: a bare number is px (data-button-size=\"64\"); a unit string\n    // (e.g. \"4rem\") is kept verbatim.\n    if (element.dataset.buttonSize) {\n        const bs = element.dataset.buttonSize;\n        options.buttonSize = /^\\d+(\\.\\d+)?$/.test(bs.trim()) ? parseFloat(bs) : bs;\n    }\n\n    // Color preset\n    if (element.dataset.colorPreset) options.colorPreset = element.dataset.colorPreset;\n\n    // Individual color customization\n    if (element.dataset.waveformColor) options.waveformColor = parseColorValue(element.dataset.waveformColor);\n    if (element.dataset.progressColor) options.progressColor = parseColorValue(element.dataset.progressColor);\n\n    // Legacy support for old attribute names\n    if (element.dataset.color) options.waveformColor = element.dataset.color;\n    if (element.dataset.theme) options.colorPreset = element.dataset.theme;\n\n    // Feature flags\n    setBool('autoplay');\n    setBool('showControls');\n    setBool('showInfo');\n    setBool('showTime');\n    setBool('showHoverTime');\n    setBool('seekHandle');\n    setBool('showBPM', 'showBpm');\n    setNum('bpm');\n    setBool('singlePlay');\n    setBool('playOnSeek');\n\n    // Content and metadata\n    if (element.dataset.title) options.title = element.dataset.title;\n    if (element.dataset.artist) options.artist = element.dataset.artist;\n    if (element.dataset.album) options.album = element.dataset.album;\n    if (element.dataset.artwork) options.artwork = element.dataset.artwork;\n\n    // Waveform data\n    if (element.dataset.waveform) options.waveform = element.dataset.waveform;\n\n    // Markers\n    setJson('markers');\n\n    // Playback controls\n    setNum('playbackRate', 'playbackRate', true);\n    setBool('showPlaybackSpeed');\n    setJson('playbackRates');\n\n    // Media Session API\n    setBool('enableMediaSession');\n\n    // Markers visibility\n    setBool('showMarkers');\n\n    // Accessibility\n    setBool('accessibleSeek');\n    if (element.dataset.seekLabel) options.seekLabel = element.dataset.seekLabel;\n    if (element.dataset.seekValueText) options.seekValueText = element.dataset.seekValueText;\n    if (element.dataset.errorText) options.errorText = element.dataset.errorText;\n\n    // Localizable UI strings (screen-reader / lock-screen facing)\n    if (element.dataset.playPauseLabel) options.playPauseLabel = element.dataset.playPauseLabel;\n    if (element.dataset.speedLabel) options.speedLabel = element.dataset.speedLabel;\n    if (element.dataset.artworkAlt) options.artworkAlt = element.dataset.artworkAlt;\n    if (element.dataset.unknownTrackText) options.unknownTrackText = element.dataset.unknownTrackText;\n\n    // Custom icons (raw SVG markup)\n    if (element.dataset.playIcon) options.playIcon = element.dataset.playIcon;\n    if (element.dataset.pauseIcon) options.pauseIcon = element.dataset.pauseIcon;\n\n    return options;\n}\n\n/**\n * Interpolate a printf-style seek value-text template.\n *\n * Substitutes positional (`%1$s`, `%2$s`) and sequential (`%s`) placeholders so\n * a localized template resolves the same way `sprintf` would \u2014 including\n * templates that reorder the arguments for a given language. Placeholders with\n * no matching argument are left intact.\n * @param {string} template - Value-text template, e.g. `'%1$s of %2$s'`.\n * @param {...string} args  - Replacement values, in order (current, duration).\n * @returns {string} The interpolated value text.\n */\nexport function formatSeekValueText(template, ...args) {\n    let sequentialIndex = 0;\n    return template.replace(/%(?:(\\d+)\\$)?s/g, (match, position) => {\n        const index = position ? Number(position) - 1 : sequentialIndex++;\n        return args[index] ?? match;\n    });\n}\n\n/**\n * Format a duration as a clock string.\n *\n * Renders `M:SS` for durations under an hour and `H:MM:SS` for longer ones,\n * zero-padding the minutes and seconds. Falsy, `NaN`, or negative inputs are\n * treated as zero and return `'0:00'`.\n * @param {number} seconds - Time in seconds.\n * @returns {string} Formatted time, e.g. `'3:07'` or `'1:02:09'`.\n */\nexport function formatTime(seconds) {\n    if (!seconds || isNaN(seconds) || seconds < 0) return '0:00';\n\n    const hrs = Math.floor(seconds / 3600);\n    const mins = Math.floor((seconds % 3600) / 60);\n    const secs = Math.floor(seconds % 60);\n\n    if (hrs > 0) {\n        return `${hrs}:${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n    }\n\n    return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n/**\n * Monotonic per-process counter appended to every generated id to guarantee\n * uniqueness even when two ids hash from the same URL.\n * @type {number}\n * @private\n */\nlet idCounter = 0;\n\n/**\n * Generate a unique, DOM-safe ID from a URL.\n *\n * Uses a DJB2 hash of the FULL url (not a 10-char prefix) plus a process\n * counter, so same-host tracks don't collide in the instances map and\n * non-Latin1 / Unicode URLs don't throw (the old btoa() approach did both).\n * @param {string} url - Audio URL\n * @returns {string} Unique element-id-safe string\n */\nexport function generateId(url) {\n    const str = url || 'audio';\n    let hash = 5381;\n    for (let i = 0; i < str.length; i++) {\n        hash = ((hash << 5) + hash + str.charCodeAt(i)) | 0;\n    }\n    return `wp_${(hash >>> 0).toString(36)}_${(idCounter++).toString(36)}`;\n}\n\n/**\n * Derive a human-readable title from an audio URL's filename.\n *\n * Takes the last path segment, drops the extension, replaces `-`/`_`\n * separators with spaces, and title-cases the first letter of each word.\n * Returns `'Audio'` for an empty or missing URL.\n * @param {string} url - Audio URL.\n * @returns {string} Extracted, prettified title.\n * @example\n * extractTitleFromUrl('https://cdn.example.com/my-cool_track.mp3'); // 'My Cool Track'\n */\nexport function extractTitleFromUrl(url) {\n    if (!url) return 'Audio';\n\n    const parts = url.split('/');\n    const filename = parts[parts.length - 1];\n    const name = filename.split('.')[0];\n\n    // Clean up common separators\n    return name\n        .replace(/[-_]/g, ' ')\n        .replace(/\\b\\w/g, l => l.toUpperCase());\n}\n\n/**\n * Perceived brightness (0\u2013255) of a CSS colour, via the luminance formula.\n * Pulls the numeric channels out of an `rgb()`/`rgba()` string.\n * @param {string} color - CSS colour string, e.g. `\"rgb(34, 34, 34)\"`.\n * @returns {number|null} Brightness 0\u2013255, or `null` if it can't be parsed.\n */\nexport function perceivedBrightness(color) {\n    const rgb = typeof color === 'string' ? color.match(/\\d+/g) : null;\n    if (!rgb || rgb.length < 3) return null;\n    const [r, g, b] = rgb.map(Number);\n    return (r * 299 + g * 587 + b * 114) / 1000;\n}\n\n/**\n * Shallow-merge option objects into a new object, last source winning.\n *\n * Keys whose value is `null` or `undefined` are skipped, so a later source can\n * leave an earlier value untouched by passing a nullish entry rather than\n * clobbering it. The inputs are never mutated.\n * @param {...Object} sources - Option objects merged left-to-right.\n * @returns {Object} A fresh object containing the merged, defined keys.\n */\nexport function mergeOptions(...sources) {\n    const result = {};\n\n    for (const source of sources) {\n        for (const key in source) {\n            if (source[key] !== null && source[key] !== undefined) {\n                result[key] = source[key];\n            }\n        }\n    }\n\n    return result;\n}\n\n/**\n * Wrap a function so it only runs once calls stop arriving for `wait` ms.\n *\n * Each invocation resets the pending timer, so rapid bursts collapse into a\n * single trailing-edge call that receives the most recent arguments. The\n * wrapper itself returns nothing.\n * @param {Function} func - Function to debounce.\n * @param {number} wait - Idle period in milliseconds before `func` fires.\n * @returns {Function} Debounced wrapper forwarding its arguments to `func`.\n */\nexport function debounce(func, wait) {\n    let timeout;\n\n    return function executedFunction(...args) {\n        const later = () => {\n            clearTimeout(timeout);\n            func(...args);\n        };\n\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n    };\n}\n\n/**\n * Resize a waveform amplitude array to a target number of bars.\n *\n * Returns the original array unchanged when lengths already match, and an empty\n * array when either side is empty. When upsampling (target larger than source)\n * it linearly interpolates between neighbouring samples for a smooth result.\n * When downsampling it splits the source into evenly sized buckets and keeps\n * the peak (maximum) of each so transients survive the reduction; an empty\n * bucket falls back to its nearest-neighbour sample.\n * @param {number[]} data - Original amplitude samples.\n * @param {number} targetLength - Desired number of output bars.\n * @returns {number[]} Resampled amplitude array of length `targetLength`.\n */\nexport function resampleData(data, targetLength) {\n    if (data.length === targetLength) return data;\n    if (data.length === 0 || targetLength === 0) return [];\n\n    const result = [];\n\n    // If upsampling (target is larger than source)\n    if (targetLength > data.length) {\n        const ratio = (data.length - 1) / (targetLength - 1);\n\n        for (let i = 0; i < targetLength; i++) {\n            const index = i * ratio;\n            const lower = Math.floor(index);\n            const upper = Math.ceil(index);\n            const fraction = index - lower;\n\n            // Linear interpolation between samples\n            if (upper >= data.length) {\n                result.push(data[data.length - 1]);\n            } else if (lower === upper) {\n                result.push(data[lower]);\n            } else {\n                const value = data[lower] * (1 - fraction) + data[upper] * fraction;\n                result.push(value);\n            }\n        }\n    } else {\n        // Downsampling (target is smaller than source)\n        const bucketSize = data.length / targetLength;\n\n        for (let i = 0; i < targetLength; i++) {\n            const start = Math.floor(i * bucketSize);\n            const end = Math.floor((i + 1) * bucketSize);\n\n            // Find the maximum value in this bucket\n            let max = 0;\n            let count = 0;\n\n            for (let j = start; j <= end && j < data.length; j++) {\n                if (data[j] > max) {\n                    max = data[j];\n                }\n                count++;\n            }\n\n            // If no samples were found in this bucket, use nearest neighbor\n            if (count === 0) {\n                const nearestIndex = Math.min(Math.round(i * bucketSize), data.length - 1);\n                max = data[nearestIndex];\n            }\n\n            result.push(max);\n        }\n    }\n\n    return result;\n}", "/**\n * @module drawing\n * @description Core waveform drawing styles optimized for visual distinction at all sizes\n */\n\nimport {resampleData, clamp} from './utils.js';\n\n/**\n * Resolve a fill value that may be a CSS colour string OR an array of colour\n * stops (rendered as a canvas gradient). Bundle-light gradient support: pass\n * e.g. `waveformColor: ['#fafafa', '#71717a']`. A single-element array collapses\n * to that one colour; a multi-element array is spread evenly along the axis set\n * by `options.waveformGradient`:\n *   - `'vertical'`   (default) a canvas-height gradient (colour keyed to\n *     absolute Y, so short bars occupy only the lower band).\n *   - `'horizontal'` left -> right across the whole waveform (a hue sweep).\n *   - `'diagonal'`   top-left -> bottom-right.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context used to build the gradient.\n * @param {string|string[]} value - A CSS colour string, or an array of colour stops.\n * @param {HTMLCanvasElement} canvas - Canvas (provides the device-pixel span).\n * @param {Object} [options] - Drawing options; reads `waveformGradient`.\n * @returns {string|CanvasGradient} The original string, or a linear gradient.\n */\nfunction makeFill(ctx, value, canvas, options) {\n    if (!Array.isArray(value)) return value;\n    if (value.length < 2) return value[0];\n    const w = canvas.width;\n    const h = canvas.height;\n    const dir = options && options.waveformGradient;\n    const [x0, y0, x1, y1] =\n        dir === 'horizontal' ? [0, 0, w, 0] :\n        dir === 'diagonal'   ? [0, 0, w, h] :\n                               [0, 0, 0, h];\n    try {\n        const grad = ctx.createLinearGradient(x0, y0, x1, y1);\n        value.forEach((c, i) => grad.addColorStop(i / (value.length - 1), c));\n        return grad;\n    } catch (e) {\n        return value[0]; // a bad stop shouldn't abort the whole render\n    }\n}\n\n/**\n * Fill a bar rect, optionally with rounded caps (`barRadius`). Falls back to\n * a plain fillRect where `roundRect` is unavailable (older Safari) \u2014 square\n * bars, no error. Radii are clamped to half the rect's width/height so a\n * large `barRadius` never overflows a thin or short bar.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context (current fillStyle is used).\n * @param {number} x - Left edge of the bar in device pixels.\n * @param {number} y - Top edge of the bar in device pixels.\n * @param {number} w - Bar width in device pixels.\n * @param {number} h - Bar height in device pixels (may be negative for upward fills).\n * @param {number|number[]} radii - Corner radius (number, or [tl, tr, br, bl]).\n * @returns {void}\n */\nfunction fillBar(ctx, x, y, w, h, radii) {\n    const any = Array.isArray(radii) ? radii.some(r => r > 0) : radii > 0;\n    if (any && typeof ctx.roundRect === 'function') {\n        const max = Math.min(w / 2, Math.abs(h) / 2);\n        const clampR = (r) => clamp(r, 0, max);\n        ctx.beginPath();\n        ctx.roundRect(x, y, w, h, Array.isArray(radii) ? radii.map(clampR) : clampR(radii));\n        ctx.fill();\n    } else {\n        ctx.fillRect(x, y, w, h);\n    }\n}\n\n/**\n * Scale the configured `barRadius` into device pixels (scalar).\n * @private\n * @param {Object} options - Drawing options (`barRadius` in CSS pixels, defaults to 0).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number} The bar corner radius in device pixels.\n */\nfunction barRadiusPx(options, dpr) {\n    return (options.barRadius || 0) * dpr;\n}\n\n/**\n * Top-rounded corner radii for bottom-anchored bars: [tl, tr, br, bl].\n * Only the top two corners are rounded so bars sit flush on the baseline.\n * @private\n * @param {Object} options - Drawing options (supplies `barRadius`).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number[]} Corner radii in device pixels as [tl, tr, br, bl].\n */\nfunction barRadii(options, dpr) {\n    const r = barRadiusPx(options, dpr);\n    return [r, r, 0, 0];\n}\n\n/**\n * Trace a horizontal rounded-capsule (stadium) path from `startX` to `endX`,\n * ready to fill. The end caps are semicircles of radius `barHeight / 2`.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context.\n * @param {number} startX - Left edge x (also the left cap centre).\n * @param {number} endX - Right edge x.\n * @param {number} centerY - Vertical centre of the capsule.\n * @param {number} barHeight - Capsule thickness in pixels.\n * @returns {void}\n */\nfunction capsulePath(ctx, startX, endX, centerY, barHeight) {\n    const r = barHeight / 2;\n    ctx.beginPath();\n    ctx.moveTo(startX, centerY - r);\n    ctx.lineTo(endX - r, centerY - r);\n    ctx.arc(endX - r, centerY, r, -Math.PI / 2, Math.PI / 2);\n    ctx.lineTo(startX, centerY + r);\n    ctx.arc(startX, centerY, r, Math.PI / 2, -Math.PI / 2);\n    ctx.closePath();\n}\n\n/**\n * Draw standard bars waveform - classic vertical bars anchored to the baseline.\n * Peaks are resampled to fit the available bar slots, drawn at 90% of canvas\n * height, then the progress portion is repainted in `progressColor` via a\n * left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor` (colour strings or gradient stop arrays).\n * @returns {void}\n */\nexport function drawBars(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const progressWidth = progress * canvas.width;\n    const radii = barRadii(options, dpr);\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars first\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw mirror/SoundCloud style waveform - symmetrical bars about the centre line.\n * Each peak is drawn twice (45% of height up and down) with the upper cap rounded\n * on top and the lower cap rounded on the bottom; the progress portion is then\n * repainted in `progressColor` through a left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawMirror(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const centerY = height / 2;\n    const progressWidth = progress * canvas.width;\n    const r = barRadiusPx(options, dpr);\n    const topRadii = [r, r, 0, 0];   // round the upper cap\n    const botRadii = [0, 0, r, r];   // round the lower cap\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw line/oscilloscope style waveform - smooth flowing wave with glow.\n * Renders a faint oscilloscope grid (centre line + 10 vertical divisions), the\n * full waveform as a bezier-smoothed curve, then the played portion on top with\n * a coloured shadow glow. Peaks are modulated by a sine term so the line undulates\n * rather than reading as static bars.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1); the glowing curve is only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (base wave), `progressColor` (played wave).\n * @returns {void}\n */\nexport function drawLine(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const amplitude = height * 0.35;\n\n    ctx.clearRect(0, 0, width, height);\n\n    /**\n     * Stroke a bezier-smoothed curve through the (optionally sine-modulated) peaks.\n     * @private\n     * @param {string} color - Stroke colour (and shadow colour when glowing).\n     * @param {number} lineWidth - Stroke width in pixels.\n     * @param {number} [endProgress=1] - Fraction (0-1) of the peaks to draw, left to right.\n     * @param {boolean} [addGlow=false] - When true, applies a coloured shadow blur for a glow effect.\n     * @returns {void}\n     */\n    const drawCurve = (color, lineWidth, endProgress = 1, addGlow = false) => {\n        // strokeStyle accepts a gradient; shadowColor must be a solid string, so\n        // collapse a stop array to its last stop for the glow.\n        const stroke = makeFill(ctx, color, canvas, options);\n        const solid = Array.isArray(color) ? color[color.length - 1] : color;\n        if (addGlow) {\n            ctx.shadowBlur = 12;\n            ctx.shadowColor = solid;\n        }\n\n        ctx.strokeStyle = stroke;\n        ctx.lineWidth = lineWidth;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n\n        ctx.beginPath();\n        ctx.moveTo(0, centerY);\n\n        const points = [];\n        const samples = Math.floor(peaks.length * endProgress);\n\n        // Calculate smoothed points\n        for (let i = 0; i < samples; i++) {\n            const x = (i / (peaks.length - 1)) * width;\n            const peakValue = peaks[i];\n\n            // Create a smooth wave motion\n            const waveOffset = Math.sin(i * 0.1) * peakValue;\n            const y = centerY + (waveOffset * amplitude);\n\n            points.push({x, y});\n        }\n\n        // Draw smooth curve through points using bezier curves\n        for (let i = 0; i < points.length - 1; i++) {\n            const cp1x = points[i].x + (points[i + 1].x - points[i].x) * 0.5;\n            const cp1y = points[i].y;\n            const cp2x = points[i + 1].x - (points[i + 1].x - points[i].x) * 0.5;\n            const cp2y = points[i + 1].y;\n\n            ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, points[i + 1].x, points[i + 1].y);\n        }\n\n        ctx.stroke();\n\n        if (addGlow) {\n            ctx.shadowBlur = 0;\n        }\n    };\n\n    // Draw subtle grid for oscilloscope feel\n    ctx.strokeStyle = 'rgba(255, 255, 255, 0.03)';\n    ctx.lineWidth = 0.5;\n\n    // Horizontal center line\n    ctx.beginPath();\n    ctx.moveTo(0, centerY);\n    ctx.lineTo(width, centerY);\n    ctx.stroke();\n\n    // Vertical grid lines\n    for (let i = 0; i <= 10; i++) {\n        const x = (width / 10) * i;\n        ctx.beginPath();\n        ctx.moveTo(x, 0);\n        ctx.lineTo(x, height);\n        ctx.stroke();\n    }\n\n    // Draw background wave\n    drawCurve(options.color, 2, 1, false);\n\n    // Draw progress with glow\n    if (progress > 0) {\n        drawCurve(options.progressColor, 3, progress, true);\n    }\n}\n\n/**\n * Draw blocks/LED meter style waveform - segmented blocks growing from the centre.\n * Each bar's height is quantised into fixed-size blocks separated by gaps, drawn\n * symmetrically up and down from the centre line (the shared centre block is not\n * duplicated downward). Per-bar colour is chosen by comparing the bar's x against\n * the played width \u2014 there is no clip overlay here.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each bar's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 3), `barSpacing` (default 1),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawBlocks(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 3) * dpr;\n    const barSpacing = (options.barSpacing || 1) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const blockSize = 4 * dpr;\n    const blockGap = 2 * dpr;\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        const blockCount = Math.floor(peakHeight / (blockSize + blockGap));\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw blocks from center outward\n        for (let j = 0; j < blockCount; j++) {\n            const blockOffset = j * (blockSize + blockGap);\n\n            // Upper blocks\n            ctx.fillRect(x, centerY - blockOffset - blockSize, barWidth, blockSize);\n\n            // Lower blocks (skip the center block)\n            if (j > 0) {\n                ctx.fillRect(x, centerY + blockOffset, barWidth, blockSize);\n            }\n        }\n    }\n}\n\n/**\n * Draw dots style waveform - pairs of circular points mirrored about the centre.\n * For each sample a dot is drawn above and below the centre line at half the peak\n * height; dot radius scales with bar width but is floored at 1.5 device pixels.\n * Per-dot colour is chosen by comparing x against the played width (no clip overlay).\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each dot's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 2), `barSpacing` (default 3),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawDots(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 2) * dpr;\n    const barSpacing = (options.barSpacing || 3) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const dotRadius = Math.max(1.5 * dpr, barWidth / 2);\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing) + barWidth / 2;\n        if (x > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw upper dot\n        ctx.beginPath();\n        ctx.arc(x, centerY - peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n\n        // Draw lower dot\n        ctx.beginPath();\n        ctx.arc(x, centerY + peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n    }\n}\n\n/**\n * Draw seekbar style - a simple rounded progress bar with no waveform.\n * Renders a pill-shaped background track, a clean pill-shaped filled portion\n * (clamped to at least one full pill width so it never collapses), and a\n * draggable circular handle/thumb at the playhead (clamped so it never clips\n * at the track ends).\n * The `peaks` argument is accepted for signature parity but is unused by this style.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Ignored; present to match the shared draw-function signature.\n * @param {number} progress - Playback progress (0-1); the fill and handle are only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (track), `progressColor` (fill/glow/accent).\n * @returns {void}\n */\nexport function drawSeekbar(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const barHeight = 4; // Height of the seekbar in pixels\n    const borderRadius = barHeight / 2;\n    const active = !!options.seekActive; // hovering or dragging the seekbar\n\n    ctx.clearRect(0, 0, width, height);\n\n    // Draw background track\n    ctx.fillStyle = makeFill(ctx, options.color, canvas, options) || 'rgba(255, 255, 255, 0.2)';\n\n    // Rounded background track\n    capsulePath(ctx, borderRadius, width, centerY, barHeight);\n    ctx.fill();\n\n    // Draw progress \u2014 slightly dimmed at rest, full-bright on hover / drag.\n    // With a monochrome palette there's no hue to swap (Spotify goes\n    // white\u2192green), so the hover cue is a brightness lift plus the handle\n    // appearing. The draggable handle is a DOM element\n    // (`.waveform-seek-handle`), not drawn here \u2014 so it's always a perfect\n    // circle and can grow on direct hover via CSS.\n    if (progress > 0) {\n        const progressWidth = Math.max(borderRadius * 2, progress * width);\n\n        // Brightness lift on hover/drag is only meaningful when the handle is\n        // enabled (the bar); a standalone seekbar stays at full progress.\n        ctx.save();\n        ctx.globalAlpha = options.seekHandle && !active ? 0.7 : 1;\n        ctx.fillStyle = makeFill(ctx, options.progressColor, canvas, options) || 'rgba(255, 255, 255, 0.9)';\n        capsulePath(ctx, borderRadius, progressWidth, centerY, barHeight);\n        ctx.fill();\n        ctx.restore();\n    }\n}\n\n/**\n * Map of style names (and singular aliases) to their drawing functions.\n * Six visually distinct styles including a simple seekbar; keys are matched\n * against `options.waveformStyle` by {@link draw}.\n * @type {Object.<string, function(CanvasRenderingContext2D, HTMLCanvasElement, number[], number, Object): void>}\n */\nexport const DRAWING_STYLES = {\n    'bars': drawBars,        // Classic vertical bars\n    'bar': drawBars,\n    'mirror': drawMirror,    // SoundCloud-style symmetrical\n    'line': drawLine,        // Smooth oscilloscope wave\n    'blocks': drawBlocks,    // LED meter segmented\n    'block': drawBlocks,\n    'dots': drawDots,        // Circular points\n    'dot': drawDots,\n    'seekbar': drawSeekbar   // Simple progress bar (no waveform)\n};\n\n/**\n * Main drawing entry point that delegates to the style named by\n * `options.waveformStyle`, falling back to {@link drawBars} for unknown styles.\n * @param {CanvasRenderingContext2D} ctx - Canvas context\n * @param {HTMLCanvasElement} canvas - Canvas element\n * @param {number[]} peaks - Waveform peak data (0-1)\n * @param {number} progress - Progress (0-1)\n * @param {Object} options - Drawing options, including `waveformStyle` plus the\n *   per-style fields (`barWidth`, `barSpacing`, `barRadius`, `color`, `progressColor`).\n * @returns {void}\n */\nexport function draw(ctx, canvas, peaks, progress, options) {\n    const drawFunc = DRAWING_STYLES[options.waveformStyle] || drawBars;\n    drawFunc(ctx, canvas, peaks, progress, options);\n}", "/**\n * @module bpm\n * @description BPM detection for audio analysis\n */\n\n/**\n * Estimate the tempo (beats per minute) of an audio buffer.\n *\n * Analyses the first (left/mono) channel by detecting onsets, measuring the\n * time between successive onsets, converting each interval to a tempo, and\n * histogramming those tempos into 3-BPM buckets (60-200 BPM) to find the most\n * common one. Octave errors are corrected by doubling very slow results and\n * halving very fast ones when a strong half/double bucket also exists, then a\n * fixed -1 BPM calibration offset is applied. Returns a 120 BPM fallback when\n * too few onsets are found, and null if analysis throws.\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse; only channel 0 is read.\n * @returns {number|null} Detected tempo in BPM, 120 as a fallback when onsets are insufficient, or null on error.\n */\nexport function detectBPM(buffer) {\n    try {\n        const channelData = buffer.getChannelData(0);\n        const sampleRate = buffer.sampleRate;\n        const onsets = detectOnsets(channelData, sampleRate);\n\n        if (onsets.length < 2) return 120;\n\n        // Calculate intervals\n        const intervals = [];\n        for (let i = 1; i < onsets.length; i++) {\n            intervals.push((onsets[i] - onsets[i - 1]) / sampleRate);\n        }\n\n        // Convert to tempos and group\n        const tempoGroups = {};\n        intervals.forEach(interval => {\n            const tempo = 60 / interval;\n            const bucket = Math.round(tempo / 3) * 3;\n            if (bucket > 60 && bucket < 200) {\n                tempoGroups[bucket] = (tempoGroups[bucket] || 0) + 1;\n            }\n        });\n\n        // Find most common\n        let maxCount = 0;\n        let detectedBPM = 120;\n        for (const [tempo, count] of Object.entries(tempoGroups)) {\n            if (count > maxCount) {\n                maxCount = count;\n                detectedBPM = parseInt(tempo);\n            }\n        }\n\n        // Handle tempo ambiguity\n        if (detectedBPM < 70 && tempoGroups[detectedBPM * 2]) {\n            detectedBPM *= 2;\n        } else if (detectedBPM > 160 && tempoGroups[Math.round(detectedBPM / 2)]) {\n            detectedBPM = Math.round(detectedBPM / 2);\n        }\n\n        return detectedBPM - 1; // Calibration offset\n    } catch (e) {\n        console.warn('[WaveformPlayer] BPM detection failed:', e);\n        return null;\n    }\n}\n\n/**\n * Detect onset sample positions (transients/beats) within a channel of audio.\n *\n * Slides a 2048-sample window (50% overlap via a half-window hop) across the\n * signal, computing the mean squared energy of each window. An onset is flagged\n * when the energy rise over the previous (smoothed) energy exceeds an adaptive\n * threshold and the window energy is above a noise floor, subject to a minimum\n * spacing of 150 ms so a single transient is not counted twice. The running\n * previousEnergy is exponentially smoothed (0.8 new / 0.2 old) to track the\n * local energy envelope.\n *\n * @param {Float32Array} channelData - PCM samples (normalised -1..1) for a single channel.\n * @param {number} sampleRate - Sample rate in Hz, used to derive the minimum onset spacing.\n * @returns {number[]} Ascending sample indices at which onsets were detected.\n * @private\n */\nfunction detectOnsets(channelData, sampleRate) {\n    const windowSize = 2048;\n    const hopSize = windowSize / 2;\n    const onsets = [];\n    let previousEnergy = 0;\n\n    for (let i = 0; i < channelData.length - windowSize; i += hopSize) {\n        let energy = 0;\n        for (let j = i; j < i + windowSize; j++) {\n            energy += channelData[j] * channelData[j];\n        }\n        energy = energy / windowSize;\n\n        const energyDiff = energy - previousEnergy;\n        const threshold = previousEnergy * 1.8 + 0.01;\n\n        if (energyDiff > threshold && energy > 0.01) {\n            const lastOnset = onsets[onsets.length - 1] || 0;\n            const minDistance = sampleRate * 0.15;\n\n            if (i - lastOnset > minDistance) {\n                onsets.push(i);\n            }\n        }\n\n        previousEnergy = energy * 0.8 + previousEnergy * 0.2;\n    }\n\n    return onsets;\n}", "/**\n * @module audio\n * @description Audio processing for WaveformPlayer\n */\n\nimport {detectBPM} from './bpm.js';\nimport {clamp, maxOf, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Extract peaks from a decoded audio buffer for waveform visualization.\n *\n * Divides the buffer into `samples` equal-width windows and, within each\n * window, finds the largest absolute amplitude by inspecting every frame (so\n * transients are never missed and the shape is stable across sample counts \u2014\n * matching WaveformGen's offline output). Across multiple channels the\n * per-window peaks are merged by taking the loudest channel, then the whole\n * array is normalized so the maximum peak becomes 1 (a silent buffer is\n * returned unscaled).\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse.\n * @param {number} [samples=1800] - Number of peak windows (output array length).\n * @returns {number[]} Array of `samples` normalized peak values in the 0-1 range.\n */\nexport function extractPeaks(buffer, samples = DEFAULT_SAMPLES) {\n    const sampleSize = buffer.length / samples;\n    const channels = buffer.numberOfChannels;\n    const peaks = [];\n\n    for (let c = 0; c < channels; c++) {\n        const chan = buffer.getChannelData(c);\n\n        for (let i = 0; i < samples; i++) {\n            const start = ~~(i * sampleSize);\n            const end = ~~(start + sampleSize);\n\n            let min = 0;\n            let max = 0;\n\n            // Scan EVERY frame in the window. Previously this stepped by\n            // sampleSize/10 (~10 samples/window) for speed, but that misses\n            // transients and makes the shape change with the sample count.\n            // decodeAudioData dominates the cost, so a full scan is worth it \u2014\n            // and it now matches WaveformGen's offline output exactly.\n            for (let j = start; j < end; j++) {\n                const value = chan[j];\n                if (value > max) max = value;\n                if (value < min) min = value;\n            }\n\n            const peak = Math.max(Math.abs(max), Math.abs(min));\n\n            if (c === 0 || peak > peaks[i]) {\n                peaks[i] = peak;\n            }\n        }\n    }\n\n    // Normalize peaks\n    const maxPeak = maxOf(peaks);\n    return maxPeak > 0 ? peaks.map(peak => peak / maxPeak) : peaks;\n}\n\n/**\n * Generate waveform data by fetching and decoding an audio file at a URL.\n *\n * Fetches the URL, decodes it through a short-lived AudioContext, runs\n * {@link extractPeaks} followed by {@link normalizePeaks}, and optionally\n * detects the track's BPM. The AudioContext is created lazily and always\n * closed in the `finally` block so failed decodes never leak one (browsers\n * hard-cap the number of live contexts). Errors are logged and re-thrown so\n * callers can fall back to a placeholder waveform.\n *\n * @param {string} url - Audio file URL to fetch and decode.\n * @param {number} [samples=1800] - Number of peak windows to extract.\n * @param {boolean} [shouldDetectBPM=false] - Whether to run BPM detection on the decoded buffer.\n * @returns {Promise<{peaks: number[], bpm: (number|null)}>} Resolves with the\n *   normalized peaks and the detected BPM (`null` when detection is disabled or fails).\n * @throws {Error} Re-throws any fetch/decode error after logging it.\n */\nexport async function generateWaveform(url, samples = DEFAULT_SAMPLES, shouldDetectBPM = false) {\n    // Created lazily so the finally block can always close it \u2014 browsers\n    // hard-cap live AudioContexts (~6 in Chrome), so leaking one per failed\n    // decode would break every subsequent player on the page.\n    let audioContext;\n    try {\n        const AudioCtx = window.AudioContext || /** @type {any} */ (window).webkitAudioContext;\n        audioContext = new AudioCtx();\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n\n        let peaks = extractPeaks(audioBuffer, samples);\n\n        // Normalize peaks for consistent visualization\n        peaks = normalizePeaks(peaks);\n\n        let bpm = null;\n        if (shouldDetectBPM) {\n            bpm = detectBPM(audioBuffer); // synchronous \u2014 returns number|null\n        }\n\n        return {peaks, bpm};\n    } finally {\n        // Error (if any) propagates to the caller, which decides how to log /\n        // recover; the context is always closed either way.\n        if (audioContext) audioContext.close();\n    }\n}\n\n/**\n * Generate a synthetic placeholder waveform for use before (or instead of)\n * real peak data is available.\n *\n * Each bar combines a random base height (0.3-0.8) with a slow sinusoidal\n * variation across the array, clamped to the 0.1-1 range so the result always\n * looks like a plausible waveform rather than pure noise.\n *\n * @param {number} [samples=1800] - Number of bars (output array length).\n * @returns {number[]} Array of `samples` pseudo-random peak values in the 0.1-1 range.\n */\nexport function generatePlaceholderWaveform(samples = DEFAULT_SAMPLES) {\n    const data = [];\n    for (let i = 0; i < samples; i++) {\n        const base = Math.random() * 0.5 + 0.3;\n        const variation = Math.sin(i / samples * Math.PI * 4) * 0.2;\n        data.push(clamp(base + variation, 0.1, 1));\n    }\n    return data;\n}\n\n/**\n * Scale peak values so quiet tracks fill the available height consistently.\n *\n * Finds the loudest peak and, only when it is non-zero yet below `targetMax`,\n * scales every peak proportionally so the maximum lands on `targetMax`. Silent\n * arrays (max 0) and already-loud arrays (max above `targetMax`) are returned\n * untouched, so the function never amplifies clipping or divides by zero.\n *\n * @param {number[]} peaks - Peak values, typically in the 0-1 range.\n * @param {number} [targetMax=0.95] - Desired maximum peak after scaling.\n * @returns {number[]} The normalized peak array (the original array when no scaling is applied).\n * @private\n */\nfunction normalizePeaks(peaks, targetMax = 0.95) {\n    const maxPeak = maxOf(peaks);\n\n    // Don't normalize if already loud enough or silent\n    if (maxPeak === 0 || maxPeak > targetMax) return peaks;\n\n    // Scale all peaks proportionally\n    const scaleFactor = targetMax / maxPeak;\n    return peaks.map(peak => peak * scaleFactor);\n}", "/**\n * @module themes\n * @description Color presets and default options for WaveformPlayer\n */\n\nimport {perceivedBrightness, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Does `<html>` or `<body>` explicitly signal the given colour scheme via a\n * known class name (`dark`, `dark-mode`, `theme-dark`) or theme attribute\n * (`data-theme`, and `data-color-scheme` on the root)?\n * @param {'dark'|'light'} scheme - Scheme to look for.\n * @returns {boolean} True if the page explicitly hints at `scheme`.\n * @private\n */\nfunction hasThemeHint(scheme) {\n    const root = document.documentElement;\n    const body = document.body;\n    return (\n        root.classList.contains(scheme) ||\n        root.classList.contains(`${scheme}-mode`) ||\n        root.classList.contains(`theme-${scheme}`) ||\n        root.getAttribute('data-theme') === scheme ||\n        root.getAttribute('data-color-scheme') === scheme ||\n        body.classList.contains(scheme) ||\n        body.classList.contains(`${scheme}-mode`) ||\n        body.getAttribute('data-theme') === scheme\n    );\n}\n\n/**\n * Detect the appropriate color scheme for the player from the surrounding page.\n *\n * Resolution order, first match wins:\n *   1. Explicit theme hints on `<html>`/`<body>` \u2014 class names\n *      (`dark`, `dark-mode`, `theme-dark`, light equivalents) and data\n *      attributes (`data-theme`, `data-color-scheme`).\n *   2. The page's computed `<body>` background colour, classified via\n *      {@link perceivedBrightness} (>128 = light, <128 = dark; exactly 128\n *      or unparseable is treated as ambiguous and falls through).\n *   3. The OS/browser `prefers-color-scheme` media query.\n *   4. Default fallback of `'dark'` (most audio players are dark).\n *\n * @returns {string} The detected scheme, either `'dark'` or `'light'`.\n */\nexport function detectColorScheme() {\n    // 1. Explicit theme class names / data attributes win.\n    if (hasThemeHint('dark')) return 'dark';\n    if (hasThemeHint('light')) return 'light';\n\n    // 2. Try to detect website's theme from background color\n    try {\n        const bodyBg = getComputedStyle(document.body).backgroundColor;\n        const brightness = perceivedBrightness(bodyBg);\n\n        // Clear determination: bright background = light theme. Exactly 128\n        // (or unparseable) is ambiguous \u2014 fall through to the next method.\n        if (brightness !== null) {\n            if (brightness > 128) return 'light';\n            if (brightness < 128) return 'dark';\n        }\n    } catch (e) {\n        // If background detection fails, continue to next method\n    }\n\n    // 3. Check system preference\n    if (window.matchMedia) {\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n            return 'dark';\n        }\n        if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n            return 'light';\n        }\n    }\n\n    // 4. Default fallback (most audio players are dark)\n    return 'dark';\n}\n\n/**\n * Built-in colour presets keyed by scheme name.\n *\n * Each preset is a flat map of the player's themeable colour tokens\n * (waveform, progress, button, text, background, border). They are deliberately\n * simple translucent black/white values so they sit on any host background, and\n * any individual token can be overridden per-instance via the matching\n * `*Color` option in {@link DEFAULT_OPTIONS}.\n *\n * @type {Object<string, Object<string, string>>}\n * @property {Object<string, string>} dark  Light-on-dark token set.\n * @property {Object<string, string>} light Dark-on-light token set.\n */\nexport const COLOR_PRESETS = {\n    dark: {\n        waveformColor: 'rgba(255, 255, 255, 0.3)',\n        progressColor: 'rgba(255, 255, 255, 0.9)'\n    },\n    light: {\n        waveformColor: 'rgba(0, 0, 0, 0.2)',\n        progressColor: 'rgba(0, 0, 0, 0.8)'\n    }\n};\n\n/**\n * Resolve a colour preset by name, falling back to auto-detection.\n *\n * When `presetName` names a known preset it is returned as-is; otherwise\n * (null, undefined, or an unrecognised name) the scheme is auto-detected via\n * {@link detectColorScheme} and the corresponding preset is returned.\n *\n * @param {string|null} presetName - Preset name (`'dark'` or `'light'`), or\n *   null/invalid to trigger auto-detection.\n * @returns {Object<string, string>} The matching colour token map from\n *   {@link COLOR_PRESETS}.\n */\nexport function getColorPreset(presetName) {\n    // If explicitly set to a valid preset, use it\n    if (presetName && COLOR_PRESETS[presetName]) {\n        return COLOR_PRESETS[presetName];\n    }\n\n    // Auto-detect if not specified or invalid\n    const detected = detectColorScheme();\n    return COLOR_PRESETS[detected];\n}\n\n/**\n * Default option set for a {@link WaveformPlayer} instance.\n *\n * User-supplied options are merged over this object, so every supported option\n * is enumerated here with its baseline value. `null` colour tokens mean \"inherit\n * from the resolved {@link COLOR_PRESETS} preset\"; `null` content/callback\n * fields mean \"unset\". See the grouped inline comments for per-field notes,\n * notably the `audioMode` self/external distinction and the `accessibleSeek`\n * keyboard slider.\n *\n * @type {Object}\n */\nexport const DEFAULT_OPTIONS = {\n    // Core settings\n    url: '',\n    height: 64,\n    // Source peak resolution for LIVE decode (ignored when peaks are supplied).\n    // The drawer resamples these to fit canvasWidth / (barWidth + barSpacing)\n    // bars, so this is fidelity headroom, not the visible bar count. 1800 (the\n    // SoundCloud/WaveformGen figure) keeps wide / high-DPI waveforms crisp; the\n    // every-frame scan means a higher value costs no extra extraction time.\n    samples: DEFAULT_SAMPLES,\n    preload: 'metadata',\n\n    // Audio mode \u2014 'self' = player owns the <audio> element (default, current\n    // behavior). 'external' = player is a visualization-only surface; no audio\n    // element is created, play() dispatches `waveformplayer:request-play`\n    // instead of calling audio.play(), and setPlayingState/setProgress are\n    // expected to be driven by an external controller (e.g. WaveformBar).\n    audioMode: 'self',\n\n    // Playback\n    playbackRate: 1,\n    showPlaybackSpeed: false,\n    playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],\n\n    // Layout Options\n    buttonAlign: 'auto',\n    // Player layout. 'default' = play button + waveform with a left-aligned\n    // info row below. 'preview' = compact: the title is centered under the\n    // waveform and the meta row (time / speed / BPM) is trimmed \u2014 ideal for\n    // sample-pack sample previews and dense grids.\n    layout: 'default',\n    // Play/pause button style. 'circle' = bordered circle (default).\n    // 'minimal' = a bare play/pause glyph with no circle \u2014 the look sample-pack\n    // and beat stores use in their preview grids.\n    buttonStyle: 'circle',\n    // Play/pause button size. null = the stylesheet default (36px circle /\n    // proportional minimal). A number is treated as px; a string (e.g. '4rem')\n    // is used verbatim. Sets the `--wfp-btn-size` CSS var, which scales BOTH\n    // styles \u2014 box and glyph \u2014 proportionally.\n    buttonSize: null,\n\n    // Default waveform style\n    waveformStyle: 'mirror',\n    barWidth: 2,\n    barSpacing: 0,\n    // Rounded bar caps (px). 0 = square; 1 = soft caps (default). Applies to bars/mirror.\n    barRadius: 1,\n\n    // Gradient axis when waveformColor/progressColor is an array of stops:\n    // 'vertical' (top->bottom canvas gradient), 'horizontal' (hue sweep across the\n    // waveform) or 'diagonal'. Ignored for single colours.\n    waveformGradient: 'vertical',\n\n    // Color preset: null = auto-detect, 'dark' = force dark, 'light' = force light\n    colorPreset: null,\n\n    // Canvas colours (null = inherit the resolved preset; arrays = gradient\n    // stops, see waveformGradient). The DOM chrome (button, title, meta) is\n    // themed via CSS variables (--wfp-button-color / --wfp-text-color /\n    // --wfp-text-secondary-color), not JS options.\n    waveformColor: null,\n    progressColor: null,\n\n    // Features\n    autoplay: false,\n    showControls: true,\n    showInfo: true,\n    showTime: true,\n    showHoverTime: false,\n    // Show a draggable circle handle + hover brightness-lift on the SEEKBAR\n    // style only (it's meaningless on a waveform, where the fill-edge is the\n    // playhead). Off by default; the bar turns it on. Drag-to-scrub works\n    // regardless of this.\n    seekHandle: false,\n    showBPM: false,\n    // Known BPM to display in the badge (with showBPM). Wins over auto-detection\n    // \u2014 set it when peaks are pre-generated so the tempo still shows. null = auto.\n    bpm: null,\n    singlePlay: true,\n    playOnSeek: true,\n    enableMediaSession: true,\n\n    // Markers\n    markers: [],\n    showMarkers: true,\n\n    // Accessibility \u2014 expose the waveform as a keyboard-operable slider\n    // (role=\"slider\" + ARIA value attributes + arrow/page/home/end seeking).\n    // seekLabel sets the slider's accessible name; when null it falls back\n    // to the track title, then 'Seek'.\n    // seekValueText templates the slider's spoken aria-valuetext: %1$s is the\n    // current time and %2$s the total duration (both formatted M:SS). When null\n    // it falls back to '%1$s of %2$s'. Lets consumers localize the connective\n    // text without reformatting the times.\n    accessibleSeek: true,\n    seekLabel: null,\n    seekValueText: null,\n\n    // Content\n    title: null,\n    artist: null,\n    artwork: null,\n    album: '',\n\n    // Message shown in the error state when audio fails to load.\n    errorText: 'Unable to load audio',\n\n    // Localizable UI strings (alongside seekLabel / seekValueText / errorText).\n    // These are screen-reader / assistive-tech facing, so translate them for\n    // non-English UIs. playPauseLabel/speedLabel are aria-labels; artworkAlt is\n    // the cover image alt text; unknownTrackText is the Media Session (lock-\n    // screen) title fallback used when no track title is set.\n    playPauseLabel: 'Play/Pause',\n    speedLabel: 'Playback speed',\n    artworkAlt: 'Album artwork',\n    unknownTrackText: 'Unknown Track',\n\n    // Icons (SVG)\n    playIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M8 5v14l11-7z\"/></svg>',\n    pauseIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>',\n\n    // Callbacks\n    onLoad: null,\n    onPlay: null,\n    onPause: null,\n    onEnd: null,\n    onError: null,\n    onTimeUpdate: null,\n\n    // Optional queue navigation \u2014 when set, the player registers Media Session\n    // nexttrack/previoustrack handlers (lock-screen skip buttons). Called with\n    // the player instance; wired by waveform-bar / -playlist.\n    onNextTrack: null,\n    onPreviousTrack: null\n};\n\n/**\n * Per-waveform-style geometry defaults.\n *\n * Maps each supported `waveformStyle` to its natural `barWidth`/`barSpacing`\n * (in px), used to seed bar geometry when the caller has not explicitly set\n * those options so each style renders at sensible proportions.\n *\n * @type {Object<string, {barWidth: number, barSpacing: number}>}\n */\nexport const STYLE_DEFAULTS = {\n    bars: {barWidth: 3, barSpacing: 1},\n    mirror: {barWidth: 2, barSpacing: 2},\n    line: {barWidth: 2, barSpacing: 0},\n    blocks: {barWidth: 4, barSpacing: 2},\n    dots: {barWidth: 3, barSpacing: 3},\n    seekbar: {barWidth: 1, barSpacing: 0}\n};", "/**\n * @module core\n * @description Main WaveformPlayer class\n */\n\nimport {draw} from './drawing.js';\nimport {generateWaveform, generatePlaceholderWaveform} from './audio.js';\nimport {\n    formatTime,\n    formatSeekValueText,\n    extractTitleFromUrl,\n    generateId,\n    parseDataAttributes,\n    mergeOptions,\n    debounce,\n    clamp,\n    escapeHtml,\n    DEFAULT_SAMPLES\n} from './utils.js';\n\nimport {DEFAULT_OPTIONS, STYLE_DEFAULTS, getColorPreset, COLOR_PRESETS, detectColorScheme} from './themes.js';\n\n/**\n * Placeholder shown when an artwork URL fails to load (404 / broken) \u2014 a muted\n * music-note tile, so a missing cover degrades gracefully instead of showing the\n * browser's broken-image icon. Inline SVG data-URI (no font / network needed).\n */\nconst ARTWORK_FALLBACK = 'data:image/svg+xml,' + encodeURIComponent(\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#71717a\" fill-opacity=\"0.15\"/><g fill=\"none\" stroke=\"#a1a1aa\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"17\" r=\"2.2\"/><circle cx=\"17\" cy=\"15\" r=\"2.2\"/><path d=\"M10.2 17V7l9-1.6v9\"/></g></svg>'\n);\n\n// Keyboard seek steps (seconds) for the accessible slider.\nconst SEEK_STEP_SECONDS = 5;\nconst SEEK_PAGE_SECONDS = 10;\n\n// Controls that own their own focus. A click landing on one of these (or a\n// descendant) must leave focus on the control, not pull it onto the player\n// container \u2014 otherwise activating the play button/slider steals focus onto the\n// wrapper, moving it off the control the user just operated.\nconst INTERACTIVE_ELEMENTS = 'button, a[href], input, [role=\"slider\"]';\n\n/**\n * WaveformPlayer - Modern audio player with waveform visualization\n * @class\n */\nexport class WaveformPlayer {\n    /** @type {Map<string, WaveformPlayer>} */\n    static instances = new Map();\n\n    /** @type {WaveformPlayer|null} */\n    static currentlyPlaying = null;\n\n    /**\n     * Create a new WaveformPlayer instance.\n     *\n     * Resolves the container, merges options (defaults < `data-*` attributes <\n     * constructor options), applies the colour preset and style-specific\n     * defaults, registers the instance in the static map, and kicks off\n     * {@link WaveformPlayer#init}. A `waveformplayer:ready` event is dispatched\n     * ~100ms later, once initialization has settled.\n     *\n     * @param {string|HTMLElement} container - Container element, or a CSS\n     *   selector resolved with `document.querySelector`.\n     * @param {Object} [options={}] - Player options. Accepts the shorthand\n     *   aliases `style` (\u2192 `waveformStyle`) and `src` (\u2192 `url`); the canonical\n     *   names win if both are supplied.\n     * @throws {Error} If the container element cannot be found.\n     * @fires WaveformPlayer#waveformplayer:ready\n     */\n    constructor(container, options = {}) {\n        // Resolve container\n        this.container = typeof container === 'string'\n            ? document.querySelector(container)\n            : container;\n\n        if (!this.container) {\n            throw new Error('[WaveformPlayer] Container element not found');\n        }\n\n        // Parse data attributes if present\n        const dataOptions = parseDataAttributes(this.container);\n\n        // Shorthand option aliases \u2014 `style` -> `waveformStyle`, `src` -> `url`.\n        // The canonical names still work and win if both are supplied.\n        const userOptions = { ...options };\n        if (userOptions.style && !userOptions.waveformStyle) userOptions.waveformStyle = userOptions.style;\n        if (userOptions.src && !userOptions.url) userOptions.url = userOptions.src;\n\n        // Merge options: defaults < data attributes < constructor options\n        this.options = mergeOptions(DEFAULT_OPTIONS, dataOptions, userOptions);\n\n        // Apply color preset (auto-detect if not specified)\n        const preset = getColorPreset(this.options.colorPreset);\n\n        // Track auto-theme state so the player can re-detect on a runtime light/\n        // dark switch. Only colours the user LEFT UNSET follow the preset; an\n        // explicit colorPreset or hand-set colour is never overridden.\n        this._autoTheme = this.options.colorPreset == null || !COLOR_PRESETS[this.options.colorPreset];\n        this._presetKeys = [];\n        // Resolved scheme name for the CSS theme class (CSS provides the DOM\n        // chrome colours via --wfp-* variables).\n        this._scheme = (this.options.colorPreset && COLOR_PRESETS[this.options.colorPreset]) ? this.options.colorPreset : detectColorScheme();\n\n        // Apply preset colors only if individual colors aren't explicitly set\n        for (const [key, value] of Object.entries(preset)) {\n            if (this.options[key] === null || this.options[key] === undefined) {\n                this.options[key] = value;\n                this._presetKeys.push(key);\n            }\n        }\n\n        // Apply style-specific defaults if not explicitly set\n        const styleDefaults = STYLE_DEFAULTS[this.options.waveformStyle];\n        if (styleDefaults) {\n            if (dataOptions.barWidth === undefined && options.barWidth === undefined) {\n                this.options.barWidth = styleDefaults.barWidth;\n            }\n            if (dataOptions.barSpacing === undefined && options.barSpacing === undefined) {\n                this.options.barSpacing = styleDefaults.barSpacing;\n            }\n        }\n\n        // Initialize state\n        this.audio = null;\n        this.canvas = null;\n        this.ctx = null;\n        this.waveformData = [];\n        this.progress = 0;\n        this._activeMarkerIndex = -1;\n        this._markerLabelTimer = null;\n        this.isPlaying = false;\n        this.isLoading = false;\n        this.hasError = false;\n        this.updateTimer = null;\n        this.resizeObserver = null;\n\n        // All DOM/document listeners are registered with this signal so a\n        // single abort() in destroy() tears every one of them down (the old\n        // destroy left the document-click and container listeners attached).\n        this._ac = new AbortController();\n\n        // Generate unique ID\n        this.id = this.container.id || generateId(this.options.url);\n\n        // Add to instances\n        WaveformPlayer.instances.set(this.id, this);\n\n        // Re-detect the theme on runtime light/dark switches (shared watcher).\n        WaveformPlayer._watchTheme();\n\n        // Initialize\n        this.init();\n\n        // Dispatch ready event after initialization\n        setTimeout(() => {\n            this._emit('waveformplayer:ready', {player: this, url: this.options.url});\n        }, 100);\n    }\n\n    /**\n     * Build and dispatch a bubbling `waveformplayer:*` CustomEvent on the\n     * container, returning the event so cancelable (request-*) events can have\n     * their `defaultPrevented` checked. Single source of truth for the event\n     * shape \u2014 every player event bubbles and carries the supplied detail.\n     * @param {string} type - Full event type, e.g. `'waveformplayer:play'`.\n     * @param {Object} detail - Event detail payload.\n     * @param {boolean} [cancelable=false] - Whether the event is cancelable.\n     * @returns {CustomEvent} The dispatched event.\n     * @private\n     */\n    _emit(type, detail, cancelable = false) {\n        const event = new CustomEvent(type, { bubbles: true, cancelable, detail });\n        this.container.dispatchEvent(event);\n        return event;\n    }\n\n    /**\n     * External-mode seek request: dispatch a cancelable\n     * `waveformplayer:request-seek` and, unless the controller calls\n     * `preventDefault()`, optimistically advance the local progress overlay so\n     * the canvas repaints at once. Shared by the keyboard slider and canvas click.\n     * @param {number} percent - Target position as a 0..1 fraction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _requestSeek(percent) {\n        const evt = this._emit('waveformplayer:request-seek', { ...this._buildTrackDetail(), percent }, true);\n        if (!evt.defaultPrevented) {\n            this.progress = percent;\n            this.drawWaveform?.();\n        }\n    }\n\n    // ============================================\n    // Initialization\n    // ============================================\n\n    /**\n     * Initialize the player: build the DOM, create the audio element (self\n     * mode only), wire up the feature controls (speed, keyboard, accessible\n     * seek), bind events, attach the resize observer, then size the canvas and\n     * \u2014 if a `url` option was given \u2014 load it and optionally autoplay.\n     * @private\n     */\n    init() {\n        this.createDOM();\n        this.createAudio();\n        this.initPlaybackSpeed();\n        this.initKeyboardControls();\n        this.initSeekControl();\n        this.bindEvents();\n        this.setupResizeObserver();\n\n        // Ensure proper sizing after DOM is ready\n        requestAnimationFrame(() => {\n            this.resizeCanvas();\n\n            // Load audio if URL provided\n            if (this.options.url) {\n                this.load(this.options.url).then(() => {\n                    if (this.options.autoplay) {\n                        this.play()?.catch(() => {});\n                    }\n                }).catch(error => {\n                    console.error('[WaveformPlayer] Failed to load audio:', error);\n                });\n            }\n        });\n    }\n\n    /**\n     * Build the player's DOM tree inside the container and cache element\n     * references.\n     *\n     * Clears the container, resolves button alignment (`auto` \u2192 `bottom` for\n     * the `bars` style, `center` otherwise), and conditionally renders the play\n     * button, info row (artwork/title/artist), BPM badge, playback-speed\n     * menu, and time display based on the relevant `show*` options. Caches the\n     * canvas, controls, and text elements onto `this`, then sizes the canvas.\n     * @private\n     */\n    createDOM() {\n        // Clear container\n        this.container.innerHTML = '';\n        this.container.className = 'waveform-player';\n\n        // Determine button alignment\n        let buttonAlign = this.options.buttonAlign;\n        if (buttonAlign === 'auto') {\n            // Auto-align based on waveform style\n            const style = this.options.waveformStyle;\n            if (style === 'bars') {\n                buttonAlign = 'bottom';\n            } else {\n                buttonAlign = 'center';  // blocks, mirror, line, dots, seekbar all center\n            }\n        }\n\n        // Compact 'preview' layout: centered title under the waveform with the\n        // meta row trimmed. Set via the `layout` option / data-layout=\"preview\".\n        const isPreview = this.options.layout === 'preview';\n        if (isPreview) {\n            this.container.classList.add('waveform-layout-preview');\n        }\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n\n        // Build play button HTML (conditional)\n        const buttonHTML = this.options.showControls ? `\n        <button class=\"waveform-btn${this.options.buttonStyle === 'minimal' ? ' waveform-btn-minimal' : ''}\" aria-label=\"${escapeHtml(this.options.playPauseLabel)}\"${this.options.buttonSize != null ? ` style=\"--wfp-btn-size: ${typeof this.options.buttonSize === 'number' ? `${this.options.buttonSize}px` : this.options.buttonSize};\"` : ''}>\n          <span class=\"waveform-icon-play\">${this.options.playIcon}</span>\n          <span class=\"waveform-icon-pause\" style=\"display:none;\">${this.options.pauseIcon}</span>\n        </button>\n        ` : '';\n\n        // Build info section HTML (conditional)\n        const infoHTML = this.options.showInfo ? `\n      <div class=\"waveform-info\">\n        ${this.options.artwork ? `\n          <img class=\"waveform-artwork\" src=\"${this.options.artwork}\" alt=\"${escapeHtml(this.options.artworkAlt)}\" style=\"\n            width: 40px;\n            height: 40px;\n            border-radius: 4px;\n            object-fit: cover;\n            flex-shrink: 0;\n          \">\n        ` : ''}\n        <div class=\"waveform-text\">\n          <span class=\"waveform-title\"></span>\n          ${this.options.artist ? `<span class=\"waveform-artist\">${this.options.artist}</span>` : ''}\n        </div>\n        <div class=\"waveform-meta\" style=\"display: flex; align-items: center; gap: 1rem;\">\n          ${this.options.showBPM ? `\n            <span class=\"waveform-bpm\" style=\"display: none;\">\n              <span class=\"bpm-value\">--</span> BPM\n            </span>\n          ` : ''}\n          ${this.options.showPlaybackSpeed ? `\n            <div class=\"waveform-speed\">\n              <button class=\"speed-btn\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                <span class=\"speed-value\">1x</span>\n              </button>\n              <div class=\"speed-menu\" role=\"menu\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" style=\"display: none;\">\n                ${this.options.playbackRates.map(rate =>\n            `<button class=\"speed-option\" role=\"menuitemradio\" tabindex=\"-1\" aria-checked=\"false\" data-rate=\"${rate}\">${rate}x</button>`\n        ).join('')}\n              </div>\n            </div>\n          ` : ''}\n          ${this.options.showTime ? `\n            <span class=\"waveform-time\">\n              <span class=\"time-current\">0:00</span> / <span class=\"time-total\">0:00</span>\n            </span>\n          ` : ''}\n        </div>\n      </div>\n        ` : '';\n\n        // Create HTML structure\n        this.container.innerHTML = `\n  <div class=\"waveform-player-inner\">\n    <div class=\"waveform-body\">\n      <div class=\"waveform-track waveform-align-${buttonAlign}\">\n        ${buttonHTML}\n        \n        <div class=\"waveform-container\">\n          <canvas></canvas>\n          <div class=\"waveform-markers\"></div>\n          <div class=\"waveform-loading\" style=\"display:none;\"></div>\n          <div class=\"waveform-error\" style=\"display:none;\" role=\"alert\">\n            <span class=\"waveform-error-text\">${escapeHtml(this.options.errorText)}</span>\n          </div>\n        </div>\n      </div>\n      \n      ${infoHTML}\n    </div>\n  </div>\n`;\n\n        // Get references\n        this.playBtn = this.container.querySelector('.waveform-btn');\n        this.canvas = this.container.querySelector('canvas');\n        this.ctx = this.canvas.getContext('2d');\n        this.titleEl = this.container.querySelector('.waveform-title');\n        this.artistEl = this.container.querySelector('.waveform-artist');\n        this.artworkEl = this.container.querySelector('.waveform-artwork');\n        this.bindArtworkFallback(this.artworkEl);\n        this.currentTimeEl = this.container.querySelector('.time-current');\n        this.totalTimeEl = this.container.querySelector('.time-total');\n        this.bpmEl = this.container.querySelector('.waveform-bpm');\n        this.bpmValueEl = this.container.querySelector('.bpm-value');\n        this.loadingEl = this.container.querySelector('.waveform-loading');\n        this.errorEl = this.container.querySelector('.waveform-error');\n        this.markersContainer = this.container.querySelector('.waveform-markers');\n        this.speedBtn = this.container.querySelector('.speed-btn');\n        this.speedMenu = this.container.querySelector('.speed-menu');\n\n        // Set canvas size\n        this.resizeCanvas();\n\n        // Show a caller-supplied BPM immediately (no audio decode required).\n        this.updateBPMDisplay();\n    }\n\n    /**\n     * Bind the artwork error fallback to an image element.\n     *\n     * @param {HTMLImageElement|null} img - Artwork image element.\n     * @private\n     */\n    bindArtworkFallback(img) {\n        if (!img) return;\n\n        // Fall back to the placeholder tile if the cover URL fails to load.\n        img.addEventListener('error', () => {\n            if (!img.src.startsWith('data:')) img.src = ARTWORK_FALLBACK;\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Create an artwork image element matching the initial player markup.\n     *\n     * @returns {HTMLImageElement} Artwork image element.\n     * @private\n     */\n    createArtworkElement() {\n        const img = document.createElement('img');\n        img.className = 'waveform-artwork';\n        img.style.width = '40px';\n        img.style.height = '40px';\n        img.style.borderRadius = '4px';\n        img.style.objectFit = 'cover';\n        img.style.flexShrink = '0';\n        this.bindArtworkFallback(img);\n        return img;\n    }\n\n    /**\n     * Create an artist text element matching the initial player markup.\n     *\n     * @returns {HTMLSpanElement} Artist text element.\n     * @private\n     */\n    createArtistElement() {\n        const span = document.createElement('span');\n        span.className = 'waveform-artist';\n        return span;\n    }\n\n    /**\n     * Reconcile artist metadata and markup for the current track.\n     *\n     * @param {string|null} artist - Artist text, or a falsy value to remove it.\n     * @private\n     */\n    syncArtist(artist) {\n        this.options.artist = artist || null;\n\n        if (!this.options.showInfo) return;\n\n        if (!artist) {\n            this.artistEl?.remove();\n            this.artistEl = null;\n            return;\n        }\n\n        if (!this.artistEl) {\n            const titleEl = this.container.querySelector('.waveform-title');\n            if (!titleEl) return;\n            this.artistEl = this.createArtistElement();\n            titleEl.after(this.artistEl);\n        }\n\n        this.artistEl.textContent = artist;\n        this.artistEl.style.display = '';\n    }\n\n    /**\n     * Reconcile artwork metadata and markup for the current track.\n     *\n     * @param {string|null} artwork - Artwork image URL, or a falsy value to remove artwork.\n     * @param {string} artworkAlt - Artwork alt text.\n     * @private\n     */\n    syncArtwork(artwork, artworkAlt = '') {\n        this.options.artwork = artwork || null;\n        this.options.artworkAlt = artworkAlt || '';\n\n        if (!this.options.showInfo) return;\n\n        if (!artwork) {\n            this.artworkEl?.remove();\n            this.artworkEl = null;\n            return;\n        }\n\n        if (!this.artworkEl) {\n            const textEl = this.container.querySelector('.waveform-text');\n            if (!textEl) return;\n            this.artworkEl = this.createArtworkElement();\n            textEl.before(this.artworkEl);\n        }\n\n        this.artworkEl.src = artwork;\n        this.artworkEl.alt = artworkAlt || '';\n    }\n\n    /**\n     * Create audio element\n     * @private\n     *\n     * No-op in `audioMode: 'external'` \u2014 the player has no audio of its\n     * own; an external controller (e.g. WaveformBar) owns playback and\n     * pushes state in via setPlayingState() / setProgress(). The\n     * `this.audio` field stays null in that mode; downstream code must\n     * null-check it.\n     */\n    createAudio() {\n        if (this.options.audioMode === 'external') {\n            this.audio = null;\n            return;\n        }\n        this.audio = new Audio();\n        this.audio.preload = this.options.preload || 'metadata';\n        this.audio.crossOrigin = 'anonymous';\n    }\n\n    // ============================================\n    // Feature Initialization\n    // ============================================\n\n    /**\n     * Apply the configured initial playback rate to the audio element (self\n     * mode only) and, when `showPlaybackSpeed` is enabled, wire up the speed\n     * menu UI via {@link WaveformPlayer#initSpeedControls}.\n     * @private\n     */\n    initPlaybackSpeed() {\n        // External mode has no <audio> element, so the speed control\n        // doesn't apply locally \u2014 the external controller (e.g.\n        // WaveformBar) owns playback rate. Skip the audio init but\n        // still bind the speed control UI in case the controller\n        // wants to mirror rate changes via events later.\n        if (this.audio && this.options.playbackRate && this.options.playbackRate !== 1) {\n            this.audio.playbackRate = this.options.playbackRate;\n        }\n\n        // Initialize speed control UI if enabled\n        if (this.options.showPlaybackSpeed) {\n            this.initSpeedControls();\n        }\n    }\n\n    /**\n     * Wire up the playback-speed menu: toggle it open on the speed button,\n     * close it on outside click or Escape (keeping `aria-expanded` on the\n     * trigger in sync), and apply the chosen rate when a `.speed-option` is\n     * clicked, returning focus to the trigger. All listeners are registered against the\n     * instance `AbortController` signal so {@link WaveformPlayer#destroy} tears\n     * them down. No-op if the speed elements are absent.\n     * @private\n     */\n    initSpeedControls() {\n        const speedBtn = this.container.querySelector('.speed-btn');\n        const speedMenu = this.container.querySelector('.speed-menu');\n\n        if (!speedBtn || !speedMenu) return;\n\n        const options = () => Array.from(speedMenu.querySelectorAll('.speed-option'));\n        const isOpen = () => speedMenu.style.display !== 'none';\n\n        // Open/close the menu (a proper role=\"menu\"): keep aria-expanded in sync\n        // and, on open, move focus into the menu \u2014 the checked rate, else the\n        // first option \u2014 so arrow keys drive it.\n        const setSpeedMenu = (open) => {\n            speedMenu.style.display = open ? 'block' : 'none';\n            speedBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n            if (open) {\n                const opts = options();\n                (opts.find((o) => o.getAttribute('aria-checked') === 'true') || opts[0])?.focus();\n            }\n        };\n\n        const focusOption = (i) => {\n            const opts = options();\n            if (opts.length) opts[(i + opts.length) % opts.length].focus();\n        };\n\n        const selectOption = (opt) => {\n            this.setPlaybackRate(parseFloat(opt.dataset.rate));\n            setSpeedMenu(false);\n            speedBtn.focus();\n        };\n\n        // Toggle from the trigger.\n        speedBtn.addEventListener('click', (e) => {\n            e.stopPropagation();\n            setSpeedMenu(!isOpen());\n        }, {signal: this._ac.signal});\n\n        // Close when clicking outside.\n        document.addEventListener('click', () => setSpeedMenu(false), {signal: this._ac.signal});\n\n        // Pointer + native-button (Enter/Space on an option) selection.\n        speedMenu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            const opt = e.target.closest('.speed-option');\n            if (opt) selectOption(opt);\n        }, {signal: this._ac.signal});\n\n        // Keyboard menu: arrows/Home/End roam, Enter/Space select (via the\n        // native button click above), Escape/Tab close. ArrowDown/Up on the\n        // trigger opens and focuses the first/checked option.\n        speedBtn.closest('.waveform-speed')?.addEventListener('keydown', (e) => {\n            const opts = options();\n            const i = opts.indexOf(document.activeElement);\n            if (!isOpen()) {\n                if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && document.activeElement === speedBtn) {\n                    e.preventDefault();\n                    setSpeedMenu(true);\n                }\n                return;\n            }\n            switch (e.key) {\n                case 'ArrowDown': e.preventDefault(); focusOption(i < 0 ? 0 : i + 1); break;\n                case 'ArrowUp':   e.preventDefault(); focusOption(i < 0 ? opts.length - 1 : i - 1); break;\n                case 'Home':      e.preventDefault(); focusOption(0); break;\n                case 'End':       e.preventDefault(); focusOption(opts.length - 1); break;\n                case 'Escape':    e.preventDefault(); setSpeedMenu(false); speedBtn.focus(); break;\n                case 'Tab':       setSpeedMenu(false); break;\n            }\n        }, {signal: this._ac.signal});\n\n        // Set initial UI state\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Enable keyboard transport controls on the container.\n     *\n     * The container is focusable only after it is clicked (it carries\n     * `tabindex=\"-1\"` until then, and clicking steals focus from sibling\n     * players). While focused it handles: digits 0-9 (seek to that tenth of\n     * the track), Space (toggle play), and \u2014 in self mode only, since\n     * `this.audio` is null in external mode \u2014 arrow keys (seek \u00B15s, volume\n     * \u00B10.1) and `m`/`M` (mute). Listeners use the instance abort signal.\n     * @private\n     */\n    initKeyboardControls() {\n        // Make container focusable but not in tab order by default\n        this.container.setAttribute('tabindex', '-1');\n\n        // Only activate keyboard controls when explicitly focused (clicked).\n        // Skip when the click landed on an interactive control (play button,\n        // link, slider, input): those own their focus, so pulling it onto the\n        // container would move focus off the control the user just activated.\n        this.container.addEventListener('click', (e) => {\n            if (e.target.closest(INTERACTIVE_ELEMENTS)) return;\n            // Remove focus from all other players\n            WaveformPlayer.getAllInstances().forEach(player => {\n                if (player !== this) {\n                    player.container.setAttribute('tabindex', '-1');\n                }\n            });\n            // Make this one focusable\n            this.container.setAttribute('tabindex', '0');\n            this.container.focus();\n        }, {signal: this._ac.signal});\n\n        // Keyboard events. In external mode `this.audio` is null, so\n        // seek/volume/mute keys are no-ops (the external controller\n        // owns those). Space (togglePlay) still works because togglePlay\n        // routes through the request-play/pause events.\n        this.container.addEventListener('keydown', (e) => {\n            if (document.activeElement !== this.container) return;\n\n            const key = e.key;\n            const hasAudio = !!this.audio;\n            const currentTime = hasAudio ? this.audio.currentTime : 0;\n\n            // Handle number keys 0-9 for seeking\n            if (hasAudio && key >= '0' && key <= '9') {\n                e.preventDefault();\n                this.seekToPercent(parseInt(key) / 10);\n                return;\n            }\n\n            // Handle other keys. Space always works (dispatches\n            // request-play in external mode); audio-bound keys only\n            // when we own the <audio> element.\n            const actions = {\n                ' ': () => this.togglePlay(),\n            };\n            if (hasAudio) {\n                actions['ArrowLeft']  = () => this.seekTo(clamp(currentTime - 5, 0, this.audio.duration));\n                actions['ArrowRight'] = () => this.seekTo(clamp(currentTime + 5, 0, this.audio.duration));\n                actions['ArrowUp']    = () => this.setVolume(clamp(this.audio.volume + 0.1));\n                actions['ArrowDown']  = () => this.setVolume(clamp(this.audio.volume - 0.1));\n                actions['m'] = actions['M'] = () => this.audio.muted = !this.audio.muted;\n            }\n\n            if (actions[key]) {\n                e.preventDefault();\n                actions[key]();\n            }\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Expose the waveform as an accessible, keyboard-operable slider.\n     *\n     * Adds role=\"slider\" + ARIA value attributes to the waveform surface,\n     * makes it focusable in the tab order, and handles the standard slider\n     * keys (arrows, Page Up/Down, Home/End) to seek. Works in both self and\n     * external audio modes. Opt out with `accessibleSeek: false`.\n     * @private\n     */\n    initSeekControl() {\n        if (!this.options.accessibleSeek) return;\n\n        this.seekEl = this.container.querySelector('.waveform-container');\n        if (!this.seekEl) return;\n\n        this.seekEl.setAttribute('role', 'slider');\n        this.seekEl.setAttribute('tabindex', '0');\n        this.seekEl.setAttribute('aria-valuemin', '0');\n        this.applySeekLabel();\n        this.updateSeekAccessibility();\n\n        this.seekEl.addEventListener('keydown', (e) => {\n            // Space toggles play/pause even while the waveform slider is focused \u2014\n            // it's a media control, so play/pause should work here too, not only\n            // when the player root is the active element (restores the pre-a11y\n            // Space path reported in #10).\n            if (e.key === ' ' || e.key === 'Spacebar') {\n                e.preventDefault();\n                e.stopPropagation();\n                this.togglePlay();\n                return;\n            }\n\n            const duration = this.getSeekDuration();\n            if (!duration) return;\n\n            const current = this.getSeekCurrentTime();\n            let target;\n            switch (e.key) {\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    target = current - SEEK_STEP_SECONDS;\n                    break;\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    target = current + SEEK_STEP_SECONDS;\n                    break;\n                case 'PageDown':\n                    target = current - SEEK_PAGE_SECONDS;\n                    break;\n                case 'PageUp':\n                    target = current + SEEK_PAGE_SECONDS;\n                    break;\n                case 'Home':\n                    target = 0;\n                    break;\n                case 'End':\n                    target = duration;\n                    break;\n                default:\n                    return;\n            }\n\n            // Prevent page scroll and stop the container-level keydown\n            // handler from also seeking (it would double-fire / change\n            // volume on the vertical arrows).\n            e.preventDefault();\n            e.stopPropagation();\n            this.seekToSeconds(target);\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Total seekable duration in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekDuration() {\n        if (this.options.audioMode === 'external') {\n            return this._extDuration || 0;\n        }\n        return this.audio && Number.isFinite(this.audio.duration)\n            ? this.audio.duration\n            : 0;\n    }\n\n    /**\n     * Current playback position in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekCurrentTime() {\n        if (this.options.audioMode === 'external') {\n            return this.progress * (this._extDuration || 0);\n        }\n        return this.audio && Number.isFinite(this.audio.currentTime)\n            ? this.audio.currentTime\n            : 0;\n    }\n\n    /**\n     * Seek the slider to an absolute time, clamped to the track length.\n     *\n     * In self mode this defers to {@link WaveformPlayer#seekTo}. In external\n     * mode it dispatches a cancelable `waveformplayer:request-seek` event with\n     * the target percentage; if the controller doesn't `preventDefault()`, the\n     * local progress/visual is updated optimistically. Either way the ARIA\n     * slider values are refreshed.\n     * @param {number} seconds - Target time in seconds.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    seekToSeconds(seconds) {\n        const duration = this.getSeekDuration();\n        if (!duration) return;\n\n        const clamped = clamp(seconds, 0, duration);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(clamped / duration);\n            this.updateSeekAccessibility();\n            return;\n        }\n\n        // seekTo() calls updateProgress(), which refreshes the ARIA values.\n        this.seekTo(clamped);\n    }\n\n    /**\n     * Set the slider's accessible name from `seekLabel`, falling back to the\n     * track title, then a generic 'Seek'. No-op if the slider isn't present.\n     * @param {string} [title=this.options.title] - Track title to fall back to\n     *   when `seekLabel` is not set.\n     * @private\n     */\n    applySeekLabel(title = this.options.title) {\n        if (!this.seekEl) return;\n        const label = this.options.seekLabel || title || 'Seek';\n        this.seekEl.setAttribute('aria-label', label);\n    }\n\n    /**\n     * Keep the slider's ARIA value attributes in sync with playback.\n     * @private\n     */\n    updateSeekAccessibility() {\n        if (!this.seekEl) return;\n\n        const duration = this.getSeekDuration();\n        const current = Math.min(this.getSeekCurrentTime(), duration);\n\n        this.seekEl.setAttribute('aria-valuemax', String(Math.round(duration)));\n        this.seekEl.setAttribute('aria-valuenow', String(Math.round(current)));\n        this.seekEl.setAttribute(\n            'aria-valuetext',\n            formatSeekValueText(\n                this.options.seekValueText || '%1$s of %2$s',\n                formatTime(current),\n                formatTime(duration)\n            )\n        );\n    }\n\n    /**\n     * Initialize Media Session API for system media controls\n     * @private\n     */\n    initMediaSession() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        // Skip Media Session in external mode \u2014 the controller (e.g.\n        // WaveformBar) owns audio playback and registers its own Media\n        // Session handlers; ours would conflict with its.\n        if (!this.audio) return;\n\n        this._applyMediaMetadata();\n\n        // Set up action handlers\n        navigator.mediaSession.setActionHandler('play', () => this.play());\n        navigator.mediaSession.setActionHandler('pause', () => this.pause());\n        navigator.mediaSession.setActionHandler('seekbackward', () => {\n            this.seekTo(clamp(this.audio.currentTime - 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekforward', () => {\n            this.seekTo(clamp(this.audio.currentTime + 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekto', (details) => {\n            if (details.seekTime !== null) {\n                this.seekTo(details.seekTime);\n            }\n        });\n\n        // Optional queue navigation \u2014 lights up the lock-screen skip-track\n        // buttons. Registered only when a host (bar / playlist) supplies a\n        // callback; a null handler hides the button.\n        const onNext = this.options.onNextTrack, onPrev = this.options.onPreviousTrack;\n        try { navigator.mediaSession.setActionHandler('nexttrack', typeof onNext === 'function' ? () => onNext(this) : null); } catch (e) { /* unsupported */ }\n        try { navigator.mediaSession.setActionHandler('previoustrack', typeof onPrev === 'function' ? () => onPrev(this) : null); } catch (e) { /* unsupported */ }\n    }\n\n    /**\n     * Publish the current track's Media Session metadata (lock-screen /\n     * Now-Playing title, artist, album, artwork). Idempotent \u2014 safe to re-call.\n     * @private\n     */\n    _applyMediaMetadata() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        navigator.mediaSession.metadata = new MediaMetadata({\n            title: this.options.title || this.options.unknownTrackText,\n            artist: this.options.artist || '',\n            album: this.options.album || '',\n            artwork: this.options.artwork ? [\n                {src: this.options.artwork, sizes: '512x512', type: 'image/jpeg'}\n            ] : []\n        });\n    }\n\n    /**\n     * Sync Media Session playback state + scrubber position on play/pause. iOS\n     * ignores metadata set before the media is active, so we re-assert it on\n     * play \u2014 that's what fixes the blank lock-screen card on mobile.\n     * @param {'playing'|'paused'} state\n     * @private\n     */\n    _updateMediaSession(state) {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession || !this.audio) return;\n        try {\n            // Claim the (global, singleton) Media Session for THIS player on play \u2014\n            // (re)register our action handlers + metadata so the lock-screen controls\n            // drive the player you're actually listening to, not the last one loaded.\n            if (state === 'playing') this.initMediaSession();\n            navigator.mediaSession.playbackState = state;\n            const d = this.audio.duration;\n            if (navigator.mediaSession.setPositionState && d && isFinite(d)) {\n                navigator.mediaSession.setPositionState({\n                    duration: d,\n                    playbackRate: this.audio.playbackRate || 1,\n                    position: clamp(this.audio.currentTime, 0, d),\n                });\n            }\n        } catch (e) { /* Media Session is best-effort */ }\n    }\n\n    // ============================================\n    // Event Binding\n    // ============================================\n\n    /**\n     * Bind the core interaction listeners: play-button click, the `<audio>`\n     * media events (self mode only \u2014 external mode is fed state via\n     * {@link WaveformPlayer#setPlayingState}/{@link WaveformPlayer#setProgress}),\n     * canvas click-to-seek, and a debounced window-resize redraw.\n     * @private\n     */\n    bindEvents() {\n        // Play button (only if controls are shown). In external mode\n        // togglePlay() dispatches the request-play/pause events so the\n        // controller can decide what to do; the click still goes through\n        // here.\n        if (this.playBtn) {\n            this.playBtn.addEventListener('click', () => this.togglePlay());\n        }\n\n        // Audio events \u2014 only when we own an <audio> element. External\n        // mode receives state via setPlayingState() / setProgress() from\n        // the controller, so we have nothing to listen to here.\n        if (this.audio) {\n            this.audio.addEventListener('loadstart', () => this.setLoading(true));\n            this.audio.addEventListener('loadedmetadata', () => this.onMetadataLoaded());\n            this.audio.addEventListener('canplay', () => this.setLoading(false));\n            this.audio.addEventListener('play', () => this.onPlay());\n            this.audio.addEventListener('pause', () => this.onPause());\n            this.audio.addEventListener('ended', () => this.onEnded());\n            this.audio.addEventListener('error', (e) => this.onError(e));\n        }\n\n        // Canvas interactions \u2014 click + drag to seek. pointerdown starts a\n        // scrub (with pointer capture so moves keep flowing if the cursor\n        // leaves the canvas), pointermove updates it while held, pointerup /\n        // pointercancel end it. The click handler stays for keyboard/synthetic\n        // compatibility. In external mode each seek dispatches a cancelable\n        // `waveformplayer:request-seek` so the controller positions its audio.\n        this.canvas.addEventListener('click', (e) => this.handleCanvasClick(e));\n        this._dragging = false;\n        this._seekHover = false;\n        this._handleNear = false;\n\n        // Hover state \u2014 reveals the handle + lifts the seekbar brightness. A\n        // redraw is needed because the canvas has no CSS :hover of its own.\n        this.canvas.addEventListener('pointerenter', () => {\n            this._seekHover = true;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n        this.canvas.addEventListener('pointerleave', () => {\n            this._seekHover = false;\n            this._handleNear = false;\n            if (!this._dragging) this._hideHoverTip();\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n\n        // Drag = a VISUAL scrub: the playhead previews the cursor while the\n        // audio keeps playing untouched (a per-move seek glitches the audio and\n        // fights the progress loop). The real seek is committed once, on\n        // release. updateProgress() bails while _dragging so playback can't drag\n        // the handle off the cursor.\n        this.canvas.addEventListener('pointerdown', (e) => {\n            if (e.pointerType === 'mouse' && e.button !== 0) return; // primary / touch only\n            this._dragging = true;\n            try { this.canvas.setPointerCapture(e.pointerId); } catch (err) { /* unsupported */ }\n            this._scrubTo(e.clientX);\n        });\n        this.canvas.addEventListener('pointermove', (e) => {\n            if (this._dragging) {\n                this._scrubTo(e.clientX);\n                return;\n            }\n            // Hover (not dragging): grow the handle when the cursor is over it.\n            const rect = this.canvas.getBoundingClientRect();\n            if (rect.width) {\n                this._handleNear = Math.abs((e.clientX - rect.left) - this.progress * rect.width) <= 10;\n                this._updateSeekHandle();\n            }\n        });\n        const endDrag = (e) => {\n            if (!this._dragging) return;\n            this._dragging = false;\n            // The browser fires a click after pointerup on a tap/short drag \u2014\n            // flag it so handleCanvasClick ignores it (a second seek from the\n            // synthetic click's coordinate can snap the playhead, e.g. to 0).\n            this._suppressClick = true;\n            try { this.canvas.releasePointerCapture(e.pointerId); } catch (err) { /* ignore */ }\n            this._seekFromPointer(e.clientX); // commit the seek now \u2014 audio jumps once\n            // Hide the drag tooltip on release, unless hover-time keeps it (or\n            // the seekbar handle is being hovered), to avoid a hide/show flicker.\n            if (!this._seekHover && !this.options.showHoverTime) this._hideHoverTip();\n            this._updateSeekHandle();\n        };\n        this.canvas.addEventListener('pointerup', endDrag);\n        this.canvas.addEventListener('pointercancel', endDrag);\n\n        // Hover-time tooltip over the waveform (when showHoverTime is on).\n        this.setupHoverTime();\n        // Draggable seek handle (DOM circle, shown on hover / drag).\n        this.setupSeekHandle();\n\n        // Window resize - store handler for cleanup\n        this.resizeHandler = debounce(() => this.resizeCanvas(), 100);\n        window.addEventListener('resize', this.resizeHandler);\n    }\n\n    /**\n     * Observe the canvas's parent element for size changes and re-fit the\n     * canvas on each one. No-op where `ResizeObserver` is unavailable.\n     * @private\n     */\n    setupResizeObserver() {\n        if ('ResizeObserver' in window) {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeCanvas();\n            });\n\n            if (this.canvas?.parentElement) {\n                this.resizeObserver.observe(this.canvas.parentElement);\n            }\n        }\n    }\n\n    // ============================================\n    // Audio Loading\n    // ============================================\n\n    /**\n     * Load an audio source: set the title, fetch/generate the waveform peaks,\n     * draw them, render markers, and initialise Media Session.\n     *\n     * In self mode the `<audio>` src is assigned and the method awaits\n     * `loadedmetadata` before proceeding. In external mode there is no audio\n     * element, so the src/metadata step is skipped and only the visualization\n     * is built (duration/time come from the controller via\n     * {@link WaveformPlayer#setProgress}). Peaks come from the `waveform`\n     * option when provided, otherwise they are decoded from the audio; a\n     * decode failure falls back to a placeholder waveform. The `onLoad`\n     * callback fires on success.\n     * @param {string} url - Audio URL.\n     * @returns {Promise<void>} Resolves once loading settles (errors are caught\n     *   internally and surfaced through {@link WaveformPlayer#onError}).\n     */\n    async load(url) {\n        try {\n            this.setLoading(true);\n            this.progress = 0;\n            this.hasError = false;\n\n            // In external mode we don't own an <audio> element \u2014 skip\n            // src assignment + metadata-wait, but still generate the\n            // waveform peaks so the canvas can render the visualization.\n            // Duration / current time come from the external controller\n            // via setProgress().\n            if (this.audio) {\n                // Set audio source\n                this.audio.src = url;\n\n                // Wait for metadata to load\n                await new Promise((resolve, reject) => {\n                    const metadataHandler = () => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        resolve();\n                    };\n                    const errorHandler = (e) => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        reject(e);\n                    };\n                    this.audio.addEventListener('loadedmetadata', metadataHandler);\n                    this.audio.addEventListener('error', errorHandler);\n                });\n            }\n\n            // Set title\n            const title = this.options.title || extractTitleFromUrl(url);\n            if (this.titleEl) {\n                this.titleEl.textContent = title;\n            }\n            // Keep the seek slider's accessible name in sync with the track.\n            this.applySeekLabel(title);\n\n            // Load or generate waveform\n            if (this.options.waveform) {\n                this.setWaveformData(this.options.waveform);\n            } else {\n                // Generate waveform\n                try {\n                    const result = await generateWaveform(url, this.options.samples, this.options.showBPM);\n                    this.waveformData = result.peaks;\n\n                    // Store BPM if detected\n                    if (result.bpm) {\n                        this.detectedBPM = result.bpm;\n                        this.updateBPMDisplay();\n                    }\n                } catch (error) {\n                    console.warn('[WaveformPlayer] Using placeholder waveform:', error);\n                    this.waveformData = generatePlaceholderWaveform(this.options.samples);\n                }\n            }\n\n            this.drawWaveform();\n            this.renderMarkers();\n\n            // Fire callback\n            if (this.options.onLoad) {\n                this.options.onLoad(this);\n            }\n        } catch (error) {\n            // onError() is the single funnel for surfacing + logging errors.\n            this.onError(error);\n        } finally {\n            this.setLoading(false);\n        }\n    }\n\n    /**\n     * Swap the player to a new track at runtime.\n     *\n     * Pauses any current playback, fully resets the audio element (self mode),\n     * clears error/marker/progress state, merges the new metadata into\n     * `this.options`, updates the artist/artwork DOM, then calls\n     * {@link WaveformPlayer#load}. Auto-plays the new track unless\n     * `options.autoplay === false`.\n     * @param {string} url - Audio URL.\n     * @param {string|null} [title=null] - Track title; keeps the existing\n     *   title when null.\n     * @param {string|null} [artist=null] - Track artist; pass `''` to hide\n     *   the artist row, or null to keep the existing one.\n     * @param {Object} [options={}] - Additional options to merge (e.g.\n     *   `preload`, `artwork`, `artworkAlt`, `markers`, `autoplay`).\n     * @returns {Promise<void>}\n     */\n    async loadTrack(url, title = null, artist = null, options = {}) {\n        const hasArtworkOption = Object.prototype.hasOwnProperty.call(options, 'artwork');\n        const hasArtworkAltOption = Object.prototype.hasOwnProperty.call(options, 'artworkAlt');\n\n        // Stop current playback and clear state\n        if (this.isPlaying) {\n            this.pause();\n        }\n\n        // Reset audio element completely (only when we own one)\n        if (this.audio) {\n            this.audio.src = '';\n            this.audio.load();\n        }\n\n        // Clear any errors\n        this.hasError = false;\n        if (this.errorEl) {\n            this.errorEl.style.display = 'none';\n        }\n        if (this.canvas) {\n            this.canvas.style.opacity = '1';\n        }\n        if (this.playBtn) {\n            this.playBtn.disabled = false;\n        }\n\n        // Reset state\n        this.progress = 0;\n        this.waveformData = [];\n\n        // Update options (including preload if specified)\n        this.options = mergeOptions(this.options, {\n            url,\n            title: title === null ? this.options.title : title,\n            artist: artist === null ? this.options.artist : artist,\n            ...options\n        });\n        if (hasArtworkOption) {\n            this.options.artwork = options.artwork || null;\n        }\n        if (hasArtworkAltOption) {\n            this.options.artworkAlt = options.artworkAlt || '';\n        } else if (hasArtworkOption) {\n            this.options.artworkAlt = this.options.artwork ? DEFAULT_OPTIONS.artworkAlt : '';\n        }\n\n        // Apply preload setting if it was changed\n        if (options.preload && this.audio) {\n            this.audio.preload = options.preload;\n        }\n\n        // Update artist only when explicitly provided. A null artist keeps the\n        // existing artist, while an empty string removes it.\n        if (artist !== null) {\n            this.syncArtist(artist);\n        }\n\n        // Update artwork when explicitly provided. The caller can pass an empty\n        // value to remove existing artwork from the in-place player.\n        if (hasArtworkOption || hasArtworkAltOption) {\n            this.syncArtwork(\n                hasArtworkOption ? options.artwork : this.options.artwork,\n                hasArtworkAltOption ? options.artworkAlt : this.options.artworkAlt\n            );\n        }\n\n        // Clear or update markers\n        this.options.markers = options.markers || [];\n\n        // Reset the waveform to the NEW track's peaks, or null to regenerate\n        // from the URL. mergeOptions() above keeps the previous track's\n        // this.options.waveform when the caller passes none, and load() does\n        // `if (this.options.waveform) setWaveformData(...)` \u2014 so without this\n        // reset a track loaded without peaks would redraw the PREVIOUS track's\n        // waveform (audio changes, visualization doesn't).\n        this.options.waveform = options.waveform || null;\n\n        // Load the new track\n        await this.load(url);\n\n        // Auto-play the new track unless the caller opted out \u2014 lets a\n        // controller load/restore/enqueue without forcing playback.\n        if (options.autoplay !== false) {\n            this.play()?.catch(() => {});\n        }\n    }\n\n    // ============================================\n    // Visualization\n    // ============================================\n\n    /**\n     * Normalise externally-supplied waveform data into `this.waveformData` and\n     * redraw.\n     *\n     * Accepts several shapes: a `.json` URL (fetched async; peaks and any\n     * embedded `markers` are applied on resolve), a JSON-encoded array string,\n     * a comma-separated number string, or a plain number array. Malformed\n     * input degrades to an empty array rather than throwing.\n     * @param {string|number[]} data - Peaks as an array, a JSON/CSV string, or\n     *   a URL to a `.json` peaks file.\n     * @private\n     */\n    setWaveformData(data) {\n        // URL to JSON file \u2014 fetch peaks and maybe markers\n        if (typeof data === 'string' && data.trim().endsWith('.json')) {\n            fetch(data.trim())\n                .then(r => r.json())\n                .then(json => {\n                    this.waveformData = Array.isArray(json) ? json : (json.peaks || []);\n                    if (json.markers && !this.options.markers?.length) {\n                        this.options.markers = json.markers;\n                        this.renderMarkers();\n                    }\n                    this.drawWaveform();\n                })\n                .catch(() => {});\n            return;\n        }\n\n        if (typeof data === 'string') {\n            try {\n                const parsed = JSON.parse(data);\n                this.waveformData = Array.isArray(parsed) ? parsed : [];\n            } catch {\n                this.waveformData = data.split(',').map(Number);\n            }\n        } else {\n            this.waveformData = Array.isArray(data) ? data : [];\n        }\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the current waveform + progress to the canvas via the shared\n     * {@link draw} routine, passing the resolved style and colours. No-op\n     * before the context exists or while there is no peak data.\n     * @private\n     */\n    drawWaveform() {\n        if (!this.ctx || this.waveformData.length === 0) return;\n\n        draw(this.ctx, this.canvas, this.waveformData, this.progress, {\n            ...this.options,\n            waveformStyle: this.options.waveformStyle || 'bars',\n            color: this.options.waveformColor,\n            progressColor: this.options.progressColor,\n            seekActive: this._seekHover || this._dragging\n        });\n    }\n\n    /**\n     * Re-fit the canvas backing store to its parent's width and the configured\n     * height, scaled by the device pixel ratio for crisp rendering, then\n     * redraw. Guards against running after destruction.\n     * @private\n     */\n    resizeCanvas() {\n        // Guard against calls after destruction\n        if (!this.canvas || this.isDestroying) {\n            return;\n        }\n\n        const dpr = window.devicePixelRatio || 1;\n        const rect = this.canvas.parentElement.getBoundingClientRect();\n\n        this.canvas.width = rect.width * dpr;\n        this.canvas.height = this.options.height * dpr;\n        this.canvas.parentElement.style.height = this.options.height + 'px';\n\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the configured cue markers as positioned, clickable buttons over\n     * the waveform.\n     *\n     * Clears any existing markers first, then bails out unless `showMarkers` is\n     * on, markers exist, and a duration is known (via the mode-agnostic\n     * {@link WaveformPlayer#getSeekDuration}). Each marker is placed by its\n     * time-as-percentage, carries a tooltip and ARIA label, and seeks on click\n     * (also starting playback when `playOnSeek` is set and currently paused).\n     * Markers past the track duration are skipped with a warning.\n     * @private\n     */\n    renderMarkers() {\n        if (!this.markersContainer) return;\n\n        // Always clear existing markers first\n        this.markersContainer.innerHTML = '';\n        // Re-sync the active marker on the next progress tick (the DOM was wiped).\n        this._activeMarkerIndex = -1;\n        clearTimeout(this._markerLabelTimer);\n\n        if (!this.options.showMarkers || !this.options.markers?.length) return;\n\n        // Duration may come from the <audio> (self mode) or the external\n        // controller (external mode) \u2014 use the mode-agnostic accessor.\n        const duration = this.getSeekDuration();\n        if (!duration) {\n            return;\n        }\n\n        // Add each marker\n        this.options.markers.forEach((marker, index) => {\n            // Skip markers that are beyond the audio duration\n            if (marker.time > duration) {\n                console.warn(`[WaveformPlayer] Marker \"${marker.label}\" at ${marker.time}s exceeds audio duration of ${duration}s`);\n                return;\n            }\n\n            const position = (marker.time / duration) * 100;\n\n            const markerEl = document.createElement('button');\n            markerEl.className = 'waveform-marker';\n            markerEl.style.left = `${position}%`;\n            markerEl.style.backgroundColor = marker.color || 'rgba(255, 255, 255, 0.5)';\n            markerEl.setAttribute('aria-label', marker.label);\n            markerEl.setAttribute('data-time', marker.time);\n\n            // Tooltip\n            const tooltip = document.createElement('span');\n            tooltip.className = 'waveform-marker-tooltip';\n            tooltip.textContent = marker.label;\n            markerEl.appendChild(tooltip);\n\n            // Click to seek\n            markerEl.addEventListener('click', (e) => {\n                e.stopPropagation();\n                this.seekTo(marker.time);\n                if (this.options.playOnSeek && !this.isPlaying) {\n                    this.play();\n                }\n            });\n\n            this.markersContainer.appendChild(markerEl);\n        });\n    }\n\n    /**\n     * Highlight the marker at `index` (toggling an `active` class) and clear\n     * the rest. Pass `null` to clear all. Lets an external controller (e.g. a\n     * DJ bar) reflect the current section without reaching into the player's\n     * private marker DOM.\n     * @param {number|null} index - Marker index to activate, or `null` to clear.\n     */\n    setActiveMarker(index) {\n        if (!this.markersContainer) return;\n        const markers = this.markersContainer.querySelectorAll('.waveform-marker');\n        markers.forEach((el, i) => el.classList.toggle('active', i === index));\n    }\n\n    /**\n     * Highlight the marker the playhead has most recently passed \u2014 the rendered\n     * marker with the greatest `time` \u2264 the current time \u2014 and reveal its label.\n     * Driven from the progress loop; a no-op when there are no markers. Reuses\n     * {@link WaveformPlayer#setActiveMarker}, and only re-applies when the active\n     * marker actually changes.\n     * @private\n     */\n    updateActiveMarker() {\n        if (!this.markersContainer) return;\n        const els = this.markersContainer.querySelectorAll('.waveform-marker');\n        if (!els.length) return;\n        const dur = this.getSeekDuration();\n        const t = dur ? this.progress * dur : 0;\n        let active = -1;\n        let best = -Infinity;\n        els.forEach((el, i) => {\n            const mt = parseFloat(el.getAttribute('data-time'));\n            if (Number.isFinite(mt) && mt <= t + 0.05 && mt > best) {\n                best = mt;\n                active = i;\n            }\n        });\n        if (active !== this._activeMarkerIndex) {\n            this._activeMarkerIndex = active;\n            this.setActiveMarker(active);\n            // Flash the newly-active marker's label, then let it fade \u2014 the\n            // highlight stays. Override via `.waveform-marker.show-label` CSS.\n            clearTimeout(this._markerLabelTimer);\n            els.forEach((el, i) => el.classList.toggle('show-label', i === active));\n            if (active >= 0) {\n                this._markerLabelTimer = setTimeout(() => {\n                    this.markersContainer\n                        ?.querySelectorAll('.waveform-marker')\n                        .forEach((el) => el.classList.remove('show-label'));\n                }, 2500);\n            }\n        }\n    }\n\n    /**\n     * Build the time tooltip that follows the pointer over the waveform. The\n     * element is always created so **drag-scrub** can show the time you're\n     * dragging to; the *hover* reveal is gated on `showHoverTime`. Works in both\n     * self and external modes (it only needs {@link WaveformPlayer#getSeekDuration}).\n     * @private\n     */\n    setupHoverTime() {\n        if (!this.seekEl) return;\n        const tip = document.createElement('div');\n        tip.className = 'waveform-hover-time';\n        tip.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(tip);\n        this.hoverTimeEl = tip;\n\n        // Without showHoverTime the tip is drag-only \u2014 no hover listeners.\n        if (!this.options.showHoverTime) return;\n\n        // Hover updates the tip; the drag handlers also call _updateHoverTip so\n        // the time follows the playhead while scrubbing (Spotify-style). The\n        // guard avoids a double-update when a drag is in progress (the canvas\n        // pointermove already drives it then).\n        this.seekEl.addEventListener('pointermove', (e) => {\n            if (!this._dragging) this._updateHoverTip(e.clientX);\n        });\n        this.seekEl.addEventListener('pointerleave', () => {\n            if (!this._dragging) this._hideHoverTip();\n        });\n    }\n\n    /**\n     * Position + fill the hover-time tooltip for a given client-X. Shared by\n     * hover and drag-scrub. No-op when the tooltip isn't enabled\n     * (`showHoverTime` off).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _updateHoverTip(clientX) {\n        const tip = this.hoverTimeEl;\n        if (!tip) return;\n        const dur = this.getSeekDuration();\n        if (!dur) { tip.style.opacity = '0'; return; }\n        const rect = this.canvas.getBoundingClientRect();\n        const pct = clamp((clientX - rect.left) / rect.width);\n        tip.textContent = formatTime(pct * dur);\n        tip.style.left = (pct * 100) + '%';\n        tip.style.opacity = '1';\n    }\n\n    /** Hide the hover-time tooltip. @private */\n    _hideHoverTip() {\n        if (this.hoverTimeEl) this.hoverTimeEl.style.opacity = '0';\n    }\n\n    /**\n     * Visually preview a seek during a drag \u2014 moves the playhead + handle +\n     * tooltip to the cursor WITHOUT touching the audio (playback continues; the\n     * real seek is committed on release).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _scrubTo(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        this.progress = clamp((clientX - rect.left) / rect.width);\n        this.drawWaveform();\n        this._updateSeekHandle();\n        // Live time readout while scrubbing (Spotify-style): the audio keeps\n        // playing at its old position; the display shows where release lands.\n        const dur = this.getSeekDuration();\n        if (dur && this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.progress * dur);\n            // The current-time already shows the target \u2014 don't also pop the\n            // hover tooltip with the same value (that duplicate is the bug).\n            this._hideHoverTip();\n        } else {\n            // No current-time readout to fall back on \u2014 keep the tooltip as the\n            // only scrub feedback.\n            this._updateHoverTip(clientX);\n        }\n    }\n\n    /**\n     * Create the draggable seek handle \u2014 a DOM circle over the playhead, shown\n     * only on hover / drag (Spotify-style). Pointer-events are off so it never\n     * blocks the canvas scrub; size + visibility are CSS.\n     * @private\n     */\n    setupSeekHandle() {\n        // Only the seekbar style \u2014 on a real waveform the fill-edge already is\n        // the playhead, so a floating dot is just noise.\n        if (!this.options.seekHandle || this.options.waveformStyle !== 'seekbar' || !this.seekEl) return;\n        const h = document.createElement('div');\n        h.className = 'waveform-seek-handle';\n        h.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(h);\n        this.seekHandleEl = h;\n    }\n\n    /**\n     * Position the seek handle at the current progress and toggle its\n     * visibility (hover / drag) + expanded (drag / direct-hover) classes.\n     * @private\n     */\n    _updateSeekHandle() {\n        const h = this.seekHandleEl;\n        if (!h) return;\n        h.style.left = (this.progress * 100) + '%';\n        h.classList.toggle('is-visible', this._seekHover || this._dragging);\n        h.classList.toggle('is-active', this._dragging || this._handleNear);\n    }\n\n    // ============================================\n    // Event Handlers\n    // ============================================\n\n    /**\n     * Seek to the clicked horizontal position on the waveform canvas.\n     *\n     * Converts the click X into a 0..1 percentage. In external mode it\n     * dispatches a cancelable `waveformplayer:request-seek` event (updating the\n     * local visual optimistically unless the controller vetoes it); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {MouseEvent} event - The canvas click event.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    handleCanvasClick(event) {\n        // Ignore the synthetic click that trails a pointer drag (see endDrag).\n        if (this._suppressClick) { this._suppressClick = false; return; }\n        this._seekFromPointer(event.clientX);\n    }\n\n    /**\n     * Seek to a horizontal client-X position over the canvas \u2014 shared by\n     * click and drag. In external mode the player has no audio of its own,\n     * so it dispatches a cancelable `waveformplayer:request-seek` with the\n     * target percentage (updating the local visual optimistically); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _seekFromPointer(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        const targetPercent = clamp((clientX - rect.left) / rect.width);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(targetPercent);\n            return;\n        }\n\n        if (!this.audio || !this.audio.duration) return;\n        this.seekToPercent(targetPercent);\n    }\n\n    /**\n     * Toggle the loading state: show/hide the spinner overlay and set\n     * `aria-busy` on the accessible seek slider so assistive tech knows the\n     * player is fetching/decoding.\n     * @param {boolean} loading - True while audio is loading.\n     * @private\n     */\n    setLoading(loading) {\n        this.isLoading = loading;\n        if (this.loadingEl) {\n            this.loadingEl.style.display = loading ? 'block' : 'none';\n        }\n        // Let assistive tech know the player is busy fetching/decoding.\n        if (this.seekEl) {\n            this.seekEl.setAttribute('aria-busy', loading ? 'true' : 'false');\n        }\n    }\n\n    /**\n     * `loadedmetadata` handler (self mode): write the total-time display, now\n     * that duration is known re-render markers, and publish duration to the\n     * accessible seek slider. No-op during destruction.\n     * @private\n     */\n    onMetadataLoaded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        if (this.totalTimeEl) {\n            this.totalTimeEl.textContent = formatTime(this.audio.duration);\n        }\n        // Re-render markers when duration is known\n        this.renderMarkers();\n        // Duration is now known \u2014 publish it to the accessible slider.\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Reflect play/pause state on the transport button: toggle the `playing`\n     * class and swap the play/pause icon visibility. The single source of\n     * truth shared by `onPlay`, `onPause`, and the external-mode\n     * `setPlayingState` pump so they can't drift. No-op without a button.\n     * @param {boolean} isPlaying - Whether playback is active.\n     * @private\n     */\n    setPlayButtonState(isPlaying) {\n        if (!this.playBtn) return;\n        this.playBtn.classList.toggle('playing', isPlaying);\n        const playIcon = this.playBtn.querySelector('.waveform-icon-play');\n        const pauseIcon = this.playBtn.querySelector('.waveform-icon-pause');\n        if (playIcon) playIcon.style.display = isPlaying ? 'none' : 'flex';\n        if (pauseIcon) pauseIcon.style.display = isPlaying ? 'flex' : 'none';\n    }\n\n    /**\n     * `play` handler (self mode): set the playing flag, swap the button to its\n     * pause icon, start the smooth progress loop, dispatch\n     * `waveformplayer:play`, and fire the `onPlay` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:play\n     */\n    onPlay() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = true;\n\n        this.setPlayButtonState(true);\n\n        this.startSmoothUpdate();\n\n        // iOS drops Media Session metadata set before playback begins \u2014 re-assert\n        // metadata + playback state now that we're actually playing.\n        this._updateMediaSession('playing');\n\n        // Dispatch play event\n        this._emit('waveformplayer:play', {player: this, url: this.options.url});\n\n        if (this.options.onPlay) {\n            this.options.onPlay(this);\n        }\n    }\n\n    /**\n     * `pause` handler (self mode): clear the playing flag, swap the button back\n     * to its play icon, stop the smooth progress loop, dispatch\n     * `waveformplayer:pause`, and fire the `onPause` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    onPause() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = false;\n\n        this.setPlayButtonState(false);\n\n        this.stopSmoothUpdate();\n\n        this._updateMediaSession('paused');\n\n        // Dispatch pause event\n        this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n\n        if (this.options.onPause) {\n            this.options.onPause(this);\n        }\n    }\n\n    /**\n     * `ended` handler (self mode): reset progress and `currentTime` to the\n     * start, redraw, reset the time display, dispatch `waveformplayer:ended`\n     * (carrying the final time), run {@link WaveformPlayer#onPause}, and fire\n     * the `onEnd` callback. No-op during destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    onEnded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        const duration = this.audio.duration;\n\n        this.progress = 0;\n        this.audio.currentTime = 0;\n        this.drawWaveform();\n\n        // Reset time display\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = '0:00';\n        }\n\n        // Dispatch ended event \u2014 carries the final time so listeners (e.g.\n        // analytics) don't have to reach into player.audio.\n        this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n\n        this.onPause();\n\n        if (this.options.onEnd) {\n            this.options.onEnd(this);\n        }\n    }\n\n    /**\n     * `error` handler: set the error flag, hide the spinner, reveal the error\n     * overlay, dim the canvas, disable the play button, and fire the `onError`\n     * callback. No-op during destruction.\n     * @param {Event|Error} error - The audio error event, or an Error thrown\n     *   during loading.\n     * @private\n     */\n    onError(error) {\n        // Ignore errors during destruction\n        if (this.isDestroying) return;\n\n        console.error('[WaveformPlayer] Audio error:', error);\n        this.hasError = true;\n        this.setLoading(false);\n\n        if (this.errorEl) {\n            this.errorEl.style.display = 'flex';\n        }\n\n        if (this.canvas) {\n            this.canvas.style.opacity = '0.2';\n        }\n\n        if (this.playBtn) {\n            this.playBtn.disabled = true;\n        }\n\n        if (this.options.onError) {\n            this.options.onError(error, this);\n        }\n    }\n\n    // ============================================\n    // Progress Updates\n    // ============================================\n\n    /**\n     * Start the `requestAnimationFrame` loop that drives smooth progress\n     * updates while playing (self mode only \u2014 external mode is redrawn by\n     * controller {@link WaveformPlayer#setProgress} pushes). Cancels any\n     * existing loop first so it's safe to call repeatedly.\n     * @private\n     */\n    startSmoothUpdate() {\n        this.stopSmoothUpdate();\n\n        const update = () => {\n            // In external mode the canvas redraws are driven by\n            // setProgress() pushes from the controller \u2014 no internal\n            // RAF needed. Self-mode keeps the smooth-update loop.\n            if (this.isPlaying && this.audio && this.audio.duration) {\n                this.updateProgress();\n                this.updateTimer = requestAnimationFrame(update);\n            }\n        };\n\n        this.updateTimer = requestAnimationFrame(update);\n    }\n\n    /**\n     * Cancel the smooth-update animation frame, if one is scheduled.\n     * @private\n     */\n    stopSmoothUpdate() {\n        if (this.updateTimer) {\n            cancelAnimationFrame(this.updateTimer);\n            this.updateTimer = null;\n        }\n    }\n\n    /**\n     * Recompute progress from the owned `<audio>` clock and reflect it\n     * everywhere (self mode only \u2014 external mode uses\n     * {@link WaveformPlayer#setProgress}).\n     *\n     * Redraws the canvas when progress moves meaningfully, updates the\n     * current-time display, dispatches `waveformplayer:timeupdate`, fires the\n     * `onTimeUpdate` callback, and refreshes the accessible slider values.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     */\n    updateProgress() {\n        // Self-mode only \u2014 external mode receives progress via\n        // setProgress() from the controller and never calls this.\n        if (!this.audio || !this.audio.duration) return;\n        // While dragging, the playhead previews the cursor \u2014 don't let playback\n        // move it (the audio keeps playing; the seek commits on release).\n        if (this._dragging) return;\n\n        const newProgress = this.audio.currentTime / this.audio.duration;\n\n        if (Math.abs(newProgress - this.progress) > 0.001) {\n            this.progress = newProgress;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        }\n\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.audio.currentTime);\n        }\n\n        // Dispatch timeupdate event\n        this._emit('waveformplayer:timeupdate', {\n            player: this,\n            currentTime: this.audio.currentTime,\n            duration: this.audio.duration,\n            progress: this.progress,\n            url: this.options.url\n        });\n\n        if (this.options.onTimeUpdate) {\n            this.options.onTimeUpdate(this.audio.currentTime, this.audio.duration, this);\n        }\n\n        this.updateActiveMarker();\n        this.updateSeekAccessibility();\n    }\n\n    // ============================================\n    // UI Updates\n    // ============================================\n\n    /**\n     * Show the detected BPM in the badge, once a value has been detected.\n     * @private\n     */\n    updateBPMDisplay() {\n        // A caller-supplied `bpm` wins over auto-detection \u2014 useful when peaks\n        // are pre-generated (so the audio is never decoded) but the BPM is known\n        // anyway, e.g. sample-pack previews where the tempo is in the metadata.\n        const bpm = this.options.bpm || this.detectedBPM;\n        if (this.bpmEl && this.bpmValueEl && bpm) {\n            this.bpmValueEl.textContent = Math.round(bpm);\n            this.bpmEl.style.display = 'inline-flex';\n        }\n    }\n\n    /**\n     * Re-detect the page theme and re-apply auto colours + redraw, so an\n     * auto-themed player adapts to a runtime light/dark switch (not just the\n     * value present on load). No-op when the player uses an explicit\n     * `colorPreset` or hand-set colours. Driven by the shared theme watcher.\n     * @public\n     */\n    refreshTheme() {\n        if (!this._autoTheme) return;\n        this._scheme = detectColorScheme();\n        const preset = getColorPreset(this.options.colorPreset);\n        for (const key of (this._presetKeys || [])) {\n            if (key in preset) this.options[key] = preset[key];\n        }\n        this._applyThemeColors();\n    }\n\n    /**\n     * Sync the theme class (CSS drives the DOM chrome colours via `--wfp-*`\n     * variables) and redraw the canvas with the resolved waveform colours.\n     * @private\n     */\n    _applyThemeColors() {\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n        if (this.canvas) this.drawWaveform();\n    }\n\n    /**\n     * Lazily install ONE shared watcher that re-detects the theme for every\n     * auto-themed instance when the document theme changes \u2014 a class/attribute\n     * flip on `<html>`/`<body>` (Tailwind `dark`, `data-theme`,\n     * `data-color-scheme`) or an OS `prefers-color-scheme` change. Event-driven\n     * (MutationObserver + matchMedia), never a timer.\n     * @private\n     */\n    static _watchTheme() {\n        if (WaveformPlayer._themeWatch || typeof document === 'undefined') return;\n        const refresh = () => requestAnimationFrame(() => {\n            WaveformPlayer.instances.forEach((p) => {\n                try { p.refreshTheme(); } catch (e) { /* ignore */ }\n            });\n        });\n        const opts = {attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-scheme', 'style']};\n        const obs = new MutationObserver(refresh);\n        obs.observe(document.documentElement, opts);\n        if (document.body) obs.observe(document.body, opts);\n        let mq = null;\n        try {\n            mq = window.matchMedia('(prefers-color-scheme: dark)');\n            mq.addEventListener('change', refresh);\n        } catch (e) { /* no matchMedia */ }\n        WaveformPlayer._themeWatch = {obs, mq, refresh};\n    }\n\n    /**\n     * Sync the speed control's label and the menu's active-option highlight to\n     * the audio element's current `playbackRate`. No-op in external mode (no\n     * owned `<audio>`), which also avoids reading `playbackRate` before the\n     * element exists.\n     * @private\n     */\n    updateSpeedUI() {\n        // External mode owns no <audio>; nothing to reflect (and reading\n        // this.audio.playbackRate here would throw during construction).\n        if (!this.audio) return;\n\n        const speedValue = this.container.querySelector('.speed-value');\n        if (speedValue) {\n            const rate = this.audio.playbackRate;\n            speedValue.textContent = rate === 1 ? '1x' : `${rate}x`;\n        }\n\n        // Update active state in menu\n        this.container.querySelectorAll('.speed-option').forEach(btn => {\n            const on = parseFloat(btn.dataset.rate) === this.audio.playbackRate;\n            btn.classList.toggle('active', on);\n            btn.setAttribute('aria-checked', on ? 'true' : 'false');\n        });\n    }\n\n    // ============================================\n    // Public API\n    // ============================================\n\n    /**\n     * Play audio.\n     *\n     * In `audioMode: 'self'` (default): calls the underlying <audio>\n     * element's play(). Returns the promise from HTMLMediaElement.play().\n     *\n     * In `audioMode: 'external'`: dispatches a cancelable\n     * `waveformplayer:request-play` event with the track metadata and\n     * does NOT touch any audio element. Returns `undefined`. An external\n     * controller (e.g. WaveformBar) listens for this event and starts\n     * playback on its own audio source, then pushes state back via\n     * setPlayingState() / setProgress(). Calling preventDefault() on\n     * the event lets the controller veto the play (state is unchanged).\n     *\n     * When `singlePlay` is enabled, any other currently-playing instance is\n     * paused first.\n     *\n     * @return {Promise|undefined} The promise from `HTMLMediaElement.play()` in\n     *   self mode; `undefined` in external mode.\n     * @fires WaveformPlayer#waveformplayer:request-play\n     */\n    play() {\n        if (this.options.singlePlay && WaveformPlayer.currentlyPlaying &&\n            WaveformPlayer.currentlyPlaying !== this) {\n            WaveformPlayer.currentlyPlaying.pause();\n        }\n\n        if (this.options.audioMode === 'external') {\n            const evt = this._emit('waveformplayer:request-play', this._buildTrackDetail(), true);\n            // If the controller cancels (preventDefault), don't claim\n            // \"currentlyPlaying\" \u2014 the controller didn't accept the play.\n            if (!evt.defaultPrevented) {\n                WaveformPlayer.currentlyPlaying = this;\n            }\n            return undefined;\n        }\n\n        WaveformPlayer.currentlyPlaying = this;\n        return this.audio.play();\n    }\n\n    /**\n     * Pause audio.\n     *\n     * In `audioMode: 'external'`, dispatches `waveformplayer:request-pause`\n     * (cancelable) and does NOT touch any audio element. See play().\n     *\n     * @fires WaveformPlayer#waveformplayer:request-pause\n     */\n    pause() {\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n        if (this.options.audioMode === 'external') {\n            this._emit('waveformplayer:request-pause', this._buildTrackDetail(), true);\n            return;\n        }\n        this.audio.pause();\n    }\n\n    /**\n     * Build the track detail object dispatched by request-play /\n     * request-pause events in external audio mode. Mirrors the shape\n     * WaveformBar.play() accepts so a controller can forward it\n     * directly: `WaveformBar.play(event.detail)`.\n     *\n     * @private\n     * @return {{url:string,title:?string,artist:?string,artwork:?string,player:WaveformPlayer}}\n     */\n    _buildTrackDetail() {\n        return {\n            url:      this.options.url,\n            title:    this.options.title,\n            artist:   this.options.artist,\n            artwork:  this.options.artwork,\n            markers:  this.options.markers,\n            waveform: this.options.waveform,\n            id:       this.id,\n            player:   this\n        };\n    }\n\n    /**\n     * External-mode state pump: flip the play/pause visual state without\n     * touching audio. Mirrors what onPlay()/onPause() do but skips the\n     * audio-element interactions. Safe to call repeatedly \u2014 idempotent.\n     *\n     * Only dispatches `waveformplayer:play`/`waveformplayer:pause` (and runs\n     * the matching callback) on an actual transition, starting/stopping the\n     * smooth-update loop accordingly.\n     *\n     * @param {boolean} playing - True to enter the playing state, false to\n     *   enter the paused state.\n     * @fires WaveformPlayer#waveformplayer:play\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    setPlayingState(playing) {\n        const wasPlaying = this.isPlaying;\n        this.isPlaying = !!playing;\n        this.setPlayButtonState(this.isPlaying);\n        if (this.isPlaying && !wasPlaying) {\n            this.startSmoothUpdate?.();\n            this._emit('waveformplayer:play', {player: this, url: this.options.url});\n            if (this.options.onPlay) this.options.onPlay(this);\n        } else if (!this.isPlaying && wasPlaying) {\n            this.stopSmoothUpdate?.();\n            this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n            if (this.options.onPause) this.options.onPause(this);\n        }\n    }\n\n    /**\n     * External-mode state pump: update the visualization's progress\n     * from an external clock (e.g. WaveformBar's audio element's\n     * timeupdate). Drives the canvas redraw + the time displays.\n     *\n     * Redraws the canvas, updates the current/total time displays, stores the\n     * external duration for the accessible slider, dispatches\n     * `waveformplayer:timeupdate`, runs `onTimeUpdate`, and synthesizes a\n     * one-shot `waveformplayer:ended` (with `onEnd`) when progress reaches the\n     * end. No-op for a non-positive duration.\n     *\n     * @param {number} currentTime - Current playback position in seconds.\n     * @param {number} duration - Total track duration in seconds.\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    setProgress(currentTime, duration) {\n        if (!duration || duration <= 0) return;\n        this.progress = clamp(currentTime / duration);\n        // Mirror the existing display update code so callers don't have\n        // to know which DOM elements live where.\n        if (this.currentTimeEl)  this.currentTimeEl.textContent  = formatTime(currentTime);\n        // Publish the duration unconditionally \u2014 the accessible seek slider\n        // and keyboard seeking read getSeekDuration()/_extDuration even when\n        // there's no time display to update.\n        this._extDuration = duration;\n        if (this.totalTimeEl && (!this.totalTimeEl.dataset._extSet || this.totalTimeEl.dataset._extDur !== String(duration))) {\n            this.totalTimeEl.textContent = formatTime(duration);\n            this.totalTimeEl.dataset._extSet = '1';\n            this.totalTimeEl.dataset._extDur = String(duration);\n        }\n        this.drawWaveform?.();\n        this.updateActiveMarker();\n        this._emit('waveformplayer:timeupdate', {player: this, currentTime, duration, progress: this.progress, url: this.options.url});\n        // Same (currentTime, duration, player) signature as self mode \u2014 the\n        // arg order used to be swapped here, which made one shared handler\n        // impossible across audioModes.\n        if (this.options.onTimeUpdate) this.options.onTimeUpdate(currentTime, duration, this);\n\n        // External mode has no <audio> 'ended' event \u2014 synthesize one when the\n        // controller's progress reaches the end (fires once per playthrough).\n        if (this.progress >= 1) {\n            if (!this._extEnded) {\n                this._extEnded = true;\n                this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n                if (this.options.onEnd) this.options.onEnd(this);\n            }\n        } else {\n            this._extEnded = false;\n        }\n\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Toggle between play and pause based on the current `isPlaying` state.\n     * Works in both audio modes (in external mode it routes through the\n     * request-play/pause events).\n     */\n    togglePlay() {\n        if (this.isPlaying) {\n            this.pause();\n        } else {\n            this.play();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to an absolute time, clamped to\n     * `[0, duration]`, and refresh progress. Self mode only \u2014 a no-op when\n     * there is no audio element or duration. External-mode keyboard/click\n     * seeks go through {@link WaveformPlayer#seekToSeconds} instead.\n     * @param {number} seconds - Target time in seconds.\n     */\n    seekTo(seconds) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = clamp(seconds, 0, this.audio.duration);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to a fraction of the track, clamped to\n     * `[0, 1]`, and refresh progress. Self mode only \u2014 a no-op without an audio\n     * element or duration.\n     * @param {number} percent - Position as a fraction from 0 to 1.\n     */\n    seekToPercent(percent) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = this.audio.duration * clamp(percent);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's volume, clamped to `[0, 1]`. Self mode\n     * only \u2014 a no-op in external mode where the controller owns volume.\n     * @param {number} volume - Volume from 0 (silent) to 1 (full).\n     */\n    setVolume(volume) {\n        // Coerce + guard: a non-finite value (e.g. from a bad config or stale\n        // storage) must not propagate NaN into audio.volume (which throws).\n        const v = Number(volume);\n        if (this.audio && Number.isFinite(v)) {\n            this.audio.volume = clamp(v);\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's playback rate (clamped to 0.5\u20132),\n     * persist it onto `this.options.playbackRate`, and refresh the speed UI.\n     * Self mode only \u2014 a no-op in external mode.\n     * @param {number} rate - Desired playback rate; clamped to the 0.5\u20132 range.\n     */\n    setPlaybackRate(rate) {\n        if (!this.audio) return;\n\n        const clampedRate = clamp(rate, 0.5, 2);\n        this.audio.playbackRate = clampedRate;\n        this.options.playbackRate = clampedRate;\n\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Tear down the player and release all resources.\n     *\n     * Flags destruction (so in-flight handlers bail), dispatches\n     * `waveformplayer:destroy`, stops playback and the animation loop, aborts\n     * every listener registered on the instance signal, disconnects the resize\n     * observer, removes the window-resize handler, drops the instance from the\n     * static map and `currentlyPlaying`, resets/releases the audio element, and\n     * empties the container.\n     * @fires WaveformPlayer#waveformplayer:destroy\n     */\n    destroy() {\n        // Set a flag to indicate we're destroying\n        this.isDestroying = true;\n\n        // Let listeners (analytics, controllers) release their references\n        // before teardown \u2014 the symmetric counterpart to waveformplayer:ready.\n        this._emit('waveformplayer:destroy', {player: this, url: this.options.url});\n\n        // Stop playback and animations\n        this.pause();\n        this.stopSmoothUpdate();\n        clearTimeout(this._markerLabelTimer);\n\n        // Tear down every document/container/seek listener in one shot.\n        this._ac?.abort();\n\n        // Disconnect observer\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = null;\n        }\n\n        // Remove window resize listener\n        if (this.resizeHandler) {\n            window.removeEventListener('resize', this.resizeHandler);\n            this.resizeHandler = null;\n        }\n\n        // Remove from instances map\n        WaveformPlayer.instances.delete(this.id);\n\n        // Clear current playing reference if it's this instance\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n\n        // Properly clean up audio element\n        if (this.audio) {\n            this.audio.pause();\n            this.audio.src = '';\n            this.audio.load(); // Reset the audio element\n            this.audio = null;\n        }\n\n        // Clear the container\n        this.container.innerHTML = '';\n\n        // Clear all references\n        this.canvas = null;\n        this.ctx = null;\n        this.playBtn = null;\n        this.waveformData = [];\n    }\n\n    // ============================================\n    // Static Methods\n    // ============================================\n\n    /**\n     * Get player instance by ID, element, or element ID\n     * @param {string|HTMLElement} idOrElement - Player ID, element, or element ID\n     * @returns {WaveformPlayer|undefined}\n     */\n    static getInstance(idOrElement) {\n        if (typeof idOrElement === 'string') {\n            const instance = this.instances.get(idOrElement);\n            if (instance) return instance;\n\n            const element = document.getElementById(idOrElement);\n            if (element) {\n                return Array.from(this.instances.values()).find(p => p.container === element);\n            }\n        }\n\n        if (idOrElement instanceof HTMLElement) {\n            return Array.from(this.instances.values()).find(p => p.container === idOrElement);\n        }\n\n        return undefined;\n    }\n\n    /**\n     * Get all player instances\n     * @returns {WaveformPlayer[]}\n     */\n    static getAllInstances() {\n        return Array.from(this.instances.values());\n    }\n\n    /**\n     * Destroy all player instances\n     */\n    static destroyAll() {\n        this.instances.forEach(player => player.destroy());\n        this.instances.clear();\n    }\n\n    /**\n     * Generate waveform data from audio URL\n     * @static\n     * @param {string} url - Audio URL\n     * @param {number} samples - Number of samples\n     * @returns {Promise<number[]>} Waveform peak data\n     */\n    static async generateWaveformData(url, samples = DEFAULT_SAMPLES) {\n        try {\n            const result = await generateWaveform(url, samples);\n            return result.peaks;\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to generate waveform:', error);\n            throw error;\n        }\n    }\n\n    /**\n     * Derive a peaks-JSON URL from an audio URL by swapping the\n     * extension. Strict counterpart to `generateWaveformData()`:\n     * `generateWaveformData` decodes the audio at runtime,\n     * `getPeaksUrl` assumes you generated the peaks at build time\n     * (e.g. with `@arraypress/waveform-gen`) and stored the JSON\n     * alongside the audio file.\n     *\n     * Use the result as the `waveform` option \u2014 the player detects\n     * the `.json` suffix, `fetch()`es the file, and skips the Web\n     * Audio decode pass entirely. Big perf win on catalogues with\n     * many tracks (saves ~1-5s decode per file on slow connections).\n     *\n     * Recognised extensions: mp3, wav, ogg, flac, m4a, aac.\n     * Preserves query strings + URL fragments. Returns `undefined`\n     * for unrecognised inputs so callers can pass through\n     * unconditionally:\n     *\n     *     new WaveformPlayer('#el', {\n     *       url: track.audioUrl,\n     *       waveform: WaveformPlayer.getPeaksUrl(track.audioUrl),\n     *     });\n     *\n     * @static\n     * @param {string|undefined|null} audioUrl - Audio file URL.\n     * @returns {string|undefined} Peaks JSON URL, or `undefined`\n     *   when the input is empty / has no recognised audio extension.\n     *\n     * @example\n     * WaveformPlayer.getPeaksUrl('/audio/track.mp3')\n     * // '/audio/track.json'\n     *\n     * WaveformPlayer.getPeaksUrl('/audio/track.wav?v=2')\n     * // '/audio/track.json?v=2'\n     *\n     * WaveformPlayer.getPeaksUrl(undefined)\n     * // undefined\n     */\n    static getPeaksUrl(audioUrl) {\n        if (!audioUrl) return undefined;\n        const swapped = audioUrl.replace(\n            /\\.(mp3|wav|ogg|flac|m4a|aac)(\\?[^#]*)?(#.*)?$/i,\n            '.json$2$3'\n        );\n        /* Nothing changed \u2192 unrecognised extension, return undefined\n         * so callers know to fall back to live decoding. */\n        return swapped === audioUrl ? undefined : swapped;\n    }\n\n}\n", "/**\n * @module index\n * @description Public entry point for the WaveformPlayer library.\n *\n * Wires together the runtime surfaces for the player: it re-exports the\n * {@link WaveformPlayer} class (default and named), exposes a static\n * `WaveformPlayer.init` hook, scans the DOM for declarative `[data-waveform-player]`\n * markup and auto-instantiates a player for each match, and attaches the class\n * to `window` for plain `<script>`/CDN usage. Loading this module is enough to\n * make any markup-driven players on the page come alive once the DOM is ready.\n */\n\n// Import the main class\nimport {WaveformPlayer} from './core.js';\nimport {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes} from './utils.js';\n\n// Expose a small set of pure helpers as a single source of truth so consumers\n// (e.g. @arraypress/waveform-bar, @arraypress/waveform-playlist) can reuse them\n// instead of shipping divergent copies. `parseDataAttributes` lets wrappers read\n// the player's full `data-*` option surface off a host element without\n// re-implementing (and drifting from) the contract. Attached to the class so\n// it's reachable from the IIFE global too.\nWaveformPlayer.utils = {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes};\n\n/**\n * Whether we're running in a browser (vs. SSR / Node), where `window` and\n * `document` are available. Guards the auto-init and global-attach steps.\n * @returns {boolean}\n */\nconst isBrowser = () => typeof window !== 'undefined' && typeof document !== 'undefined';\n\n/**\n * Scan the document for declarative player markup and instantiate one\n * {@link WaveformPlayer} per matching element.\n *\n * Finds every element carrying the `data-waveform-player` attribute and, for\n * each one not already initialized, constructs a player from it (the constructor\n * reads the element's `data-*` attributes for configuration). Each successfully\n * initialized element is flagged with `data-waveform-initialized=\"true\"` so\n * repeat calls are idempotent and never double-initialize the same element.\n * Construction errors are caught and logged so one broken element cannot abort\n * the rest of the scan. A no-op in non-DOM environments (e.g. SSR).\n *\n * @returns {void}\n */\nfunction autoInit() {\n    if (!isBrowser()) return;\n\n    const elements = document.querySelectorAll('[data-waveform-player]');\n\n    elements.forEach(element => {\n        if (element.dataset.waveformInitialized === 'true') return;\n\n        try {\n            new WaveformPlayer(element);\n            element.dataset.waveformInitialized = 'true';\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to initialize:', error, element);\n        }\n    });\n}\n\n// Initialize when DOM is ready: defer until DOMContentLoaded if the document is\n// still parsing, otherwise run the scan immediately on import.\nif (isBrowser()) {\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', autoInit);\n    } else {\n        autoInit();\n    }\n}\n\n/**\n * Static re-scan hook.\n *\n * Exposes {@link autoInit} as `WaveformPlayer.init` so callers can manually\n * (re-)scan the DOM after dynamically injecting `[data-waveform-player]` markup.\n * Already-initialized elements are skipped on subsequent calls.\n *\n * @type {typeof autoInit}\n */\nWaveformPlayer.init = autoInit;\n\n// For CDN/browser usage: expose the class as a global so it is reachable from a\n// plain <script> tag without an ES module loader.\nif (isBrowser()) {\n    window.WaveformPlayer = WaveformPlayer;\n}\n\n/**\n * The {@link WaveformPlayer} class.\n * @type {typeof WaveformPlayer}\n */\nexport default WaveformPlayer;\n\n// Named exports\nexport {WaveformPlayer};"],
+  "mappings": "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",
+  "names": ["maxOf", "values", "max", "escapeHtml", "str", "isSafeHref", "url", "u", "clamp", "value", "min", "parseBoolAttr", "parseColorValue", "parseDataAttributes", "element", "options", "setBool", "optKey", "dataKey", "v", "setNum", "float", "raw", "setJson", "e", "bs", "formatSeekValueText", "template", "args", "sequentialIndex", "match", "position", "index", "formatTime", "seconds", "hrs", "mins", "secs", "idCounter", "generateId", "hash", "i", "extractTitleFromUrl", "parts", "l", "perceivedBrightness", "color", "rgb", "r", "g", "b", "mergeOptions", "sources", "result", "source", "key", "debounce", "func", "wait", "timeout", "later", "resampleData", "data", "targetLength", "ratio", "lower", "upper", "fraction", "bucketSize", "start", "end", "count", "j", "nearestIndex", "makeFill", "ctx", "value", "canvas", "options", "w", "h", "dir", "x0", "y0", "x1", "y1", "grad", "c", "i", "fillBar", "x", "y", "radii", "r", "max", "clampR", "clamp", "barRadiusPx", "dpr", "barRadii", "capsulePath", "startX", "endX", "centerY", "barHeight", "drawBars", "peaks", "progress", "barWidth", "barSpacing", "barCount", "resampledPeaks", "resampleData", "height", "progressWidth", "baseFill", "progFill", "peakHeight", "drawMirror", "topRadii", "botRadii", "drawLine", "width", "amplitude", "drawCurve", "color", "lineWidth", "endProgress", "addGlow", "stroke", "solid", "points", "samples", "peakValue", "waveOffset", "cp1x", "cp1y", "cp2x", "cp2y", "drawBlocks", "blockSize", "blockGap", "blockCount", "j", "blockOffset", "drawDots", "dotRadius", "drawSeekbar", "borderRadius", "active", "DRAWING_STYLES", "draw", "detectBPM", "buffer", "channelData", "sampleRate", "onsets", "detectOnsets", "intervals", "i", "tempoGroups", "interval", "tempo", "bucket", "maxCount", "detectedBPM", "count", "e", "previousEnergy", "energy", "j", "energyDiff", "threshold", "lastOnset", "minDistance", "extractPeaks", "buffer", "samples", "sampleSize", "channels", "peaks", "c", "chan", "i", "start", "end", "min", "max", "j", "value", "peak", "maxPeak", "maxOf", "generateWaveform", "url", "shouldDetectBPM", "audioContext", "AudioCtx", "arrayBuffer", "audioBuffer", "normalizePeaks", "bpm", "detectBPM", "generatePlaceholderWaveform", "data", "base", "variation", "clamp", "targetMax", "scaleFactor", "hasThemeHint", "scheme", "root", "body", "detectColorScheme", "bodyBg", "brightness", "perceivedBrightness", "COLOR_PRESETS", "getColorPreset", "presetName", "detected", "DEFAULT_OPTIONS", "STYLE_DEFAULTS", "ARTWORK_FALLBACK", "SEEK_STEP_SECONDS", "SEEK_PAGE_SECONDS", "INTERACTIVE_ELEMENTS", "WaveformPlayer", "_WaveformPlayer", "container", "options", "dataOptions", "parseDataAttributes", "userOptions", "mergeOptions", "DEFAULT_OPTIONS", "preset", "getColorPreset", "COLOR_PRESETS", "detectColorScheme", "key", "value", "styleDefaults", "STYLE_DEFAULTS", "generateId", "type", "detail", "cancelable", "event", "percent", "error", "buttonAlign", "buttonHTML", "escapeHtml", "infoHTML", "rate", "img", "span", "artist", "titleEl", "artwork", "artworkAlt", "textEl", "speedBtn", "speedMenu", "isOpen", "setSpeedMenu", "open", "opts", "o", "focusOption", "i", "selectOption", "opt", "e", "player", "hasAudio", "currentTime", "actions", "clamp", "duration", "current", "target", "seconds", "clamped", "title", "label", "formatSeekValueText", "formatTime", "details", "onNext", "onPrev", "state", "d", "rect", "endDrag", "debounce", "url", "resolve", "reject", "metadataHandler", "errorHandler", "extractTitleFromUrl", "result", "generateWaveform", "generatePlaceholderWaveform", "hasArtworkOption", "hasArtworkAltOption", "data", "r", "json", "parsed", "draw", "dpr", "marker", "index", "position", "markerEl", "tooltip", "el", "els", "dur", "t", "active", "best", "mt", "tip", "clientX", "pct", "h", "targetPercent", "loading", "isPlaying", "playIcon", "pauseIcon", "update", "newProgress", "bpm", "refresh", "p", "obs", "mq", "speedValue", "btn", "on", "playing", "wasPlaying", "volume", "v", "clampedRate", "idOrElement", "instance", "element", "samples", "audioUrl", "swapped", "WaveformPlayer", "formatTime", "extractTitleFromUrl", "escapeHtml", "isSafeHref", "parseDataAttributes", "isBrowser", "autoInit", "element", "error", "index_default"]
 }
diff --git a/dist/waveform-player.js b/dist/waveform-player.js
index b6255ac..ee5aa01 100644
--- a/dist/waveform-player.js
+++ b/dist/waveform-player.js
@@ -1031,11 +1031,7 @@
       this.titleEl = this.container.querySelector(".waveform-title");
       this.artistEl = this.container.querySelector(".waveform-artist");
       this.artworkEl = this.container.querySelector(".waveform-artwork");
-      if (this.artworkEl) {
-        this.artworkEl.addEventListener("error", () => {
-          if (!this.artworkEl.src.startsWith("data:")) this.artworkEl.src = ARTWORK_FALLBACK;
-        });
-      }
+      this.bindArtworkFallback(this.artworkEl);
       this.currentTimeEl = this.container.querySelector(".time-current");
       this.totalTimeEl = this.container.querySelector(".time-total");
       this.bpmEl = this.container.querySelector(".waveform-bpm");
@@ -1048,6 +1044,94 @@
       this.resizeCanvas();
       this.updateBPMDisplay();
     }
+    /**
+     * Bind the artwork error fallback to an image element.
+     *
+     * @param {HTMLImageElement|null} img - Artwork image element.
+     * @private
+     */
+    bindArtworkFallback(img) {
+      if (!img) return;
+      img.addEventListener("error", () => {
+        if (!img.src.startsWith("data:")) img.src = ARTWORK_FALLBACK;
+      }, { signal: this._ac.signal });
+    }
+    /**
+     * Create an artwork image element matching the initial player markup.
+     *
+     * @returns {HTMLImageElement} Artwork image element.
+     * @private
+     */
+    createArtworkElement() {
+      const img = document.createElement("img");
+      img.className = "waveform-artwork";
+      img.style.width = "40px";
+      img.style.height = "40px";
+      img.style.borderRadius = "4px";
+      img.style.objectFit = "cover";
+      img.style.flexShrink = "0";
+      this.bindArtworkFallback(img);
+      return img;
+    }
+    /**
+     * Create an artist text element matching the initial player markup.
+     *
+     * @returns {HTMLSpanElement} Artist text element.
+     * @private
+     */
+    createArtistElement() {
+      const span = document.createElement("span");
+      span.className = "waveform-artist";
+      return span;
+    }
+    /**
+     * Reconcile artist metadata and markup for the current track.
+     *
+     * @param {string|null} artist - Artist text, or a falsy value to remove it.
+     * @private
+     */
+    syncArtist(artist) {
+      this.options.artist = artist || null;
+      if (!this.options.showInfo) return;
+      if (!artist) {
+        this.artistEl?.remove();
+        this.artistEl = null;
+        return;
+      }
+      if (!this.artistEl) {
+        const titleEl = this.container.querySelector(".waveform-title");
+        if (!titleEl) return;
+        this.artistEl = this.createArtistElement();
+        titleEl.after(this.artistEl);
+      }
+      this.artistEl.textContent = artist;
+      this.artistEl.style.display = "";
+    }
+    /**
+     * Reconcile artwork metadata and markup for the current track.
+     *
+     * @param {string|null} artwork - Artwork image URL, or a falsy value to remove artwork.
+     * @param {string} artworkAlt - Artwork alt text.
+     * @private
+     */
+    syncArtwork(artwork, artworkAlt = "") {
+      this.options.artwork = artwork || null;
+      this.options.artworkAlt = artworkAlt || "";
+      if (!this.options.showInfo) return;
+      if (!artwork) {
+        this.artworkEl?.remove();
+        this.artworkEl = null;
+        return;
+      }
+      if (!this.artworkEl) {
+        const textEl = this.container.querySelector(".waveform-text");
+        if (!textEl) return;
+        this.artworkEl = this.createArtworkElement();
+        textEl.before(this.artworkEl);
+      }
+      this.artworkEl.src = artwork;
+      this.artworkEl.alt = artworkAlt || "";
+    }
     /**
      * Create audio element
      * @private
@@ -1597,10 +1681,12 @@
      * @param {string|null} [artist=null] - Track artist; pass `''` to hide
      *   the artist row, or null to keep the existing one.
      * @param {Object} [options={}] - Additional options to merge (e.g.
-     *   `preload`, `artwork`, `markers`, `autoplay`).
+     *   `preload`, `artwork`, `artworkAlt`, `markers`, `autoplay`).
      * @returns {Promise<void>}
      */
     async loadTrack(url, title = null, artist = null, options = {}) {
+      const hasArtworkOption = Object.prototype.hasOwnProperty.call(options, "artwork");
+      const hasArtworkAltOption = Object.prototype.hasOwnProperty.call(options, "artworkAlt");
       if (this.isPlaying) {
         this.pause();
       }
@@ -1622,23 +1708,29 @@
       this.waveformData = [];
       this.options = mergeOptions(this.options, {
         url,
-        title: title || this.options.title,
-        artist: artist || this.options.artist,
+        title: title === null ? this.options.title : title,
+        artist: artist === null ? this.options.artist : artist,
         ...options
       });
+      if (hasArtworkOption) {
+        this.options.artwork = options.artwork || null;
+      }
+      if (hasArtworkAltOption) {
+        this.options.artworkAlt = options.artworkAlt || "";
+      } else if (hasArtworkOption) {
+        this.options.artworkAlt = this.options.artwork ? DEFAULT_OPTIONS.artworkAlt : "";
+      }
       if (options.preload && this.audio) {
         this.audio.preload = options.preload;
       }
-      if (this.artistEl) {
-        if (artist) {
-          this.artistEl.textContent = artist;
-          this.artistEl.style.display = "";
-        } else if (artist === "") {
-          this.artistEl.style.display = "none";
-        }
+      if (artist !== null) {
+        this.syncArtist(artist);
       }
-      if (options.artwork && this.artworkEl) {
-        this.artworkEl.src = options.artwork;
+      if (hasArtworkOption || hasArtworkAltOption) {
+        this.syncArtwork(
+          hasArtworkOption ? options.artwork : this.options.artwork,
+          hasArtworkAltOption ? options.artworkAlt : this.options.artworkAlt
+        );
       }
       this.options.markers = options.markers || [];
       this.options.waveform = options.waveform || null;
diff --git a/dist/waveform-player.min.js b/dist/waveform-player.min.js
index ee31e24..117c221 100644
--- a/dist/waveform-player.min.js
+++ b/dist/waveform-player.min.js
@@ -1,4 +1,4 @@
-(()=>{function W(e){let t=-1/0;for(let i=0;i<e.length;i++)e[i]>t&&(t=e[i]);return t}function P(e){return String(e??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function U(e){if(typeof e!="string"||e==="")return!1;try{let t=new URL(e,"http://localhost/");return t.protocol==="http:"||t.protocol==="https:"}catch{return!1}}function m(e,t=0,i=1){return Math.max(t,Math.min(e,i))}function ot(e){return e===void 0?void 0:e==="true"}function q(e){if(typeof e=="string"&&e.trim().startsWith("["))try{return JSON.parse(e)}catch{}return e}function D(e){let t={},i=(a,o=a)=>{let n=ot(e.dataset[o]);n!==void 0&&(t[a]=n)},s=(a,o=a,n=!1)=>{let l=e.dataset[o];l&&(t[a]=n?parseFloat(l):parseInt(l,10))},r=(a,o=a)=>{let n=e.dataset[o];if(n)try{t[a]=JSON.parse(n)}catch(l){console.warn(`[WaveformPlayer] Invalid ${o} JSON:`,l)}};if(e.dataset.src&&(t.url=e.dataset.src),e.dataset.url&&(t.url=e.dataset.url),s("height"),s("samples"),e.dataset.preload&&(t.preload=e.dataset.preload),e.dataset.audioMode&&(t.audioMode=e.dataset.audioMode),e.dataset.style&&(t.waveformStyle=e.dataset.style),e.dataset.waveformStyle&&(t.waveformStyle=e.dataset.waveformStyle),e.dataset.waveformGradient&&(t.waveformGradient=e.dataset.waveformGradient),s("barWidth"),s("barSpacing"),s("barRadius"),e.dataset.buttonAlign&&(t.buttonAlign=e.dataset.buttonAlign),e.dataset.layout&&(t.layout=e.dataset.layout),e.dataset.buttonStyle&&(t.buttonStyle=e.dataset.buttonStyle),e.dataset.buttonSize){let a=e.dataset.buttonSize;t.buttonSize=/^\d+(\.\d+)?$/.test(a.trim())?parseFloat(a):a}return e.dataset.colorPreset&&(t.colorPreset=e.dataset.colorPreset),e.dataset.waveformColor&&(t.waveformColor=q(e.dataset.waveformColor)),e.dataset.progressColor&&(t.progressColor=q(e.dataset.progressColor)),e.dataset.color&&(t.waveformColor=e.dataset.color),e.dataset.theme&&(t.colorPreset=e.dataset.theme),i("autoplay"),i("showControls"),i("showInfo"),i("showTime"),i("showHoverTime"),i("seekHandle"),i("showBPM","showBpm"),s("bpm"),i("singlePlay"),i("playOnSeek"),e.dataset.title&&(t.title=e.dataset.title),e.dataset.artist&&(t.artist=e.dataset.artist),e.dataset.album&&(t.album=e.dataset.album),e.dataset.artwork&&(t.artwork=e.dataset.artwork),e.dataset.waveform&&(t.waveform=e.dataset.waveform),r("markers"),s("playbackRate","playbackRate",!0),i("showPlaybackSpeed"),r("playbackRates"),i("enableMediaSession"),i("showMarkers"),i("accessibleSeek"),e.dataset.seekLabel&&(t.seekLabel=e.dataset.seekLabel),e.dataset.seekValueText&&(t.seekValueText=e.dataset.seekValueText),e.dataset.errorText&&(t.errorText=e.dataset.errorText),e.dataset.playPauseLabel&&(t.playPauseLabel=e.dataset.playPauseLabel),e.dataset.speedLabel&&(t.speedLabel=e.dataset.speedLabel),e.dataset.artworkAlt&&(t.artworkAlt=e.dataset.artworkAlt),e.dataset.unknownTrackText&&(t.unknownTrackText=e.dataset.unknownTrackText),e.dataset.playIcon&&(t.playIcon=e.dataset.playIcon),e.dataset.pauseIcon&&(t.pauseIcon=e.dataset.pauseIcon),t}function N(e,...t){let i=0;return e.replace(/%(?:(\d+)\$)?s/g,(s,r)=>{let a=r?Number(r)-1:i++;return t[a]??s})}function S(e){if(!e||isNaN(e)||e<0)return"0:00";let t=Math.floor(e/3600),i=Math.floor(e%3600/60),s=Math.floor(e%60);return t>0?`${t}:${i.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`:`${i}:${s.toString().padStart(2,"0")}`}var nt=0;function V(e){let t=e||"audio",i=5381;for(let s=0;s<t.length;s++)i=(i<<5)+i+t.charCodeAt(s)|0;return`wp_${(i>>>0).toString(36)}_${(nt++).toString(36)}`}function H(e){if(!e)return"Audio";let t=e.split("/");return t[t.length-1].split(".")[0].replace(/[-_]/g," ").replace(/\b\w/g,r=>r.toUpperCase())}function j(e){let t=typeof e=="string"?e.match(/\d+/g):null;if(!t||t.length<3)return null;let[i,s,r]=t.map(Number);return(i*299+s*587+r*114)/1e3}function B(...e){let t={};for(let i of e)for(let s in i)i[s]!==null&&i[s]!==void 0&&(t[s]=i[s]);return t}function G(e,t){let i;return function(...r){let a=()=>{clearTimeout(i),e(...r)};clearTimeout(i),i=setTimeout(a,t)}}function x(e,t){if(e.length===t)return e;if(e.length===0||t===0)return[];let i=[];if(t>e.length){let s=(e.length-1)/(t-1);for(let r=0;r<t;r++){let a=r*s,o=Math.floor(a),n=Math.ceil(a),l=a-o;if(n>=e.length)i.push(e[e.length-1]);else if(o===n)i.push(e[o]);else{let h=e[o]*(1-l)+e[n]*l;i.push(h)}}}else{let s=e.length/t;for(let r=0;r<t;r++){let a=Math.floor(r*s),o=Math.floor((r+1)*s),n=0,l=0;for(let h=a;h<=o&&h<e.length;h++)e[h]>n&&(n=e[h]),l++;if(l===0){let h=Math.min(Math.round(r*s),e.length-1);n=e[h]}i.push(n)}}return i}function E(e,t,i,s){if(!Array.isArray(t))return t;if(t.length<2)return t[0];let r=i.width,a=i.height,o=s&&s.waveformGradient,[n,l,h,d]=o==="horizontal"?[0,0,r,0]:o==="diagonal"?[0,0,r,a]:[0,0,0,a];try{let u=e.createLinearGradient(n,l,h,d);return t.forEach((v,g)=>u.addColorStop(g/(t.length-1),v)),u}catch{return t[0]}}function _(e,t,i,s,r,a){if((Array.isArray(a)?a.some(n=>n>0):a>0)&&typeof e.roundRect=="function"){let n=Math.min(s/2,Math.abs(r)/2),l=h=>m(h,0,n);e.beginPath(),e.roundRect(t,i,s,r,Array.isArray(a)?a.map(l):l(a)),e.fill()}else e.fillRect(t,i,s,r)}function X(e,t){return(e.barRadius||0)*t}function lt(e,t){let i=X(e,t);return[i,i,0,0]}function J(e,t,i,s,r){let a=r/2;e.beginPath(),e.moveTo(t,s-a),e.lineTo(i-a,s-a),e.arc(i-a,s,a,-Math.PI/2,Math.PI/2),e.lineTo(t,s+a),e.arc(t,s,a,Math.PI/2,-Math.PI/2),e.closePath()}function I(e,t,i,s,r){let a=window.devicePixelRatio||1,o=r.barWidth*a,n=r.barSpacing*a,l=Math.floor(t.width/(o+n)),h=x(i,l),d=t.height,u=s*t.width,v=lt(r,a),g=E(e,r.color,t,r),b=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=g;for(let f=0;f<h.length;f++){let p=f*(o+n);if(p+o>t.width)break;let y=h[f]*d*.9,c=d-y;_(e,p,c,o,y,v)}e.save(),e.beginPath(),e.rect(0,0,u,d),e.clip(),e.fillStyle=b;for(let f=0;f<h.length;f++){let p=f*(o+n);if(p>u)break;let y=h[f]*d*.9,c=d-y;_(e,p,c,o,y,v)}e.restore()}function ht(e,t,i,s,r){let a=window.devicePixelRatio||1,o=r.barWidth*a,n=r.barSpacing*a,l=Math.floor(t.width/(o+n)),h=x(i,l),d=t.height,u=d/2,v=s*t.width,g=X(r,a),b=[g,g,0,0],f=[0,0,g,g],p=E(e,r.color,t,r),y=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=p;for(let c=0;c<h.length;c++){let w=c*(o+n);if(w+o>t.width)break;let k=h[c]*d*.45;_(e,w,u-k,o,k,b),_(e,w,u,o,k,f)}e.save(),e.beginPath(),e.rect(0,0,v,d),e.clip(),e.fillStyle=y;for(let c=0;c<h.length;c++){let w=c*(o+n);if(w>v)break;let k=h[c]*d*.45;_(e,w,u-k,o,k,b),_(e,w,u,o,k,f)}e.restore()}function dt(e,t,i,s,r){let a=t.width,o=t.height,n=o/2,l=o*.35;e.clearRect(0,0,a,o);let h=(d,u,v=1,g=!1)=>{let b=E(e,d,t,r),f=Array.isArray(d)?d[d.length-1]:d;g&&(e.shadowBlur=12,e.shadowColor=f),e.strokeStyle=b,e.lineWidth=u,e.lineCap="round",e.lineJoin="round",e.beginPath(),e.moveTo(0,n);let p=[],y=Math.floor(i.length*v);for(let c=0;c<y;c++){let w=c/(i.length-1)*a,k=i[c],T=Math.sin(c*.1)*k,C=n+T*l;p.push({x:w,y:C})}for(let c=0;c<p.length-1;c++){let w=p[c].x+(p[c+1].x-p[c].x)*.5,k=p[c].y,T=p[c+1].x-(p[c+1].x-p[c].x)*.5,C=p[c+1].y;e.bezierCurveTo(w,k,T,C,p[c+1].x,p[c+1].y)}e.stroke(),g&&(e.shadowBlur=0)};e.strokeStyle="rgba(255, 255, 255, 0.03)",e.lineWidth=.5,e.beginPath(),e.moveTo(0,n),e.lineTo(a,n),e.stroke();for(let d=0;d<=10;d++){let u=a/10*d;e.beginPath(),e.moveTo(u,0),e.lineTo(u,o),e.stroke()}h(r.color,2,1,!1),s>0&&h(r.progressColor,3,s,!0)}function K(e,t,i,s,r){let a=window.devicePixelRatio||1,o=(r.barWidth||3)*a,n=(r.barSpacing||1)*a,l=Math.floor(t.width/(o+n)),h=x(i,l),d=t.height,u=4*a,v=2*a,g=s*t.width,b=d/2,f=E(e,r.color,t,r),p=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let y=0;y<h.length;y++){let c=y*(o+n);if(c+o>t.width)break;let w=h[y]*d*.9,k=Math.floor(w/(u+v));e.fillStyle=c<g?p:f;for(let T=0;T<k;T++){let C=T*(u+v);e.fillRect(c,b-C-u,o,u),T>0&&e.fillRect(c,b+C,o,u)}}}function Y(e,t,i,s,r){let a=window.devicePixelRatio||1,o=(r.barWidth||2)*a,n=(r.barSpacing||3)*a,l=Math.floor(t.width/(o+n)),h=x(i,l),d=t.height,u=Math.max(1.5*a,o/2),v=s*t.width,g=d/2,b=E(e,r.color,t,r),f=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let p=0;p<h.length;p++){let y=p*(o+n)+o/2;if(y>t.width)break;let c=h[p]*d*.9;e.fillStyle=y<v?f:b,e.beginPath(),e.arc(y,g-c/2,u,0,Math.PI*2),e.fill(),e.beginPath(),e.arc(y,g+c/2,u,0,Math.PI*2),e.fill()}}function ct(e,t,i,s,r){let a=t.width,o=t.height,n=o/2,l=4,h=l/2,d=!!r.seekActive;if(e.clearRect(0,0,a,o),e.fillStyle=E(e,r.color,t,r)||"rgba(255, 255, 255, 0.2)",J(e,h,a,n,l),e.fill(),s>0){let u=Math.max(h*2,s*a);e.save(),e.globalAlpha=r.seekHandle&&!d?.7:1,e.fillStyle=E(e,r.progressColor,t,r)||"rgba(255, 255, 255, 0.9)",J(e,h,u,n,l),e.fill(),e.restore()}}var ut={bars:I,bar:I,mirror:ht,line:dt,blocks:K,block:K,dots:Y,dot:Y,seekbar:ct};function Q(e,t,i,s,r){(ut[r.waveformStyle]||I)(e,t,i,s,r)}function Z(e){try{let t=e.getChannelData(0),i=e.sampleRate,s=pt(t,i);if(s.length<2)return 120;let r=[];for(let l=1;l<s.length;l++)r.push((s[l]-s[l-1])/i);let a={};r.forEach(l=>{let h=60/l,d=Math.round(h/3)*3;d>60&&d<200&&(a[d]=(a[d]||0)+1)});let o=0,n=120;for(let[l,h]of Object.entries(a))h>o&&(o=h,n=parseInt(l));return n<70&&a[n*2]?n*=2:n>160&&a[Math.round(n/2)]&&(n=Math.round(n/2)),n-1}catch(t){return console.warn("[WaveformPlayer] BPM detection failed:",t),null}}function pt(e,t){let r=[],a=0;for(let o=0;o<e.length-2048;o+=1024){let n=0;for(let d=o;d<o+2048;d++)n+=e[d]*e[d];n=n/2048;let l=n-a,h=a*1.8+.01;if(l>h&&n>.01){let d=r[r.length-1]||0,u=t*.15;o-d>u&&r.push(o)}a=n*.8+a*.2}return r}function ft(e,t=1800){let i=e.length/t,s=e.numberOfChannels,r=[];for(let o=0;o<s;o++){let n=e.getChannelData(o);for(let l=0;l<t;l++){let h=~~(l*i),d=~~(h+i),u=0,v=0;for(let b=h;b<d;b++){let f=n[b];f>v&&(v=f),f<u&&(u=f)}let g=Math.max(Math.abs(v),Math.abs(u));(o===0||g>r[l])&&(r[l]=g)}}let a=W(r);return a>0?r.map(o=>o/a):r}async function z(e,t=1800,i=!1){let s;try{let r=window.AudioContext||window.webkitAudioContext;s=new r;let o=await(await fetch(e)).arrayBuffer(),n=await s.decodeAudioData(o),l=ft(n,t);l=mt(l);let h=null;return i&&(h=Z(n)),{peaks:l,bpm:h}}finally{s&&s.close()}}function tt(e=1800){let t=[];for(let i=0;i<e;i++){let s=Math.random()*.5+.3,r=Math.sin(i/e*Math.PI*4)*.2;t.push(m(s+r,.1,1))}return t}function mt(e,t=.95){let i=W(e);if(i===0||i>t)return e;let s=t/i;return e.map(r=>r*s)}function et(e){let t=document.documentElement,i=document.body;return t.classList.contains(e)||t.classList.contains(`${e}-mode`)||t.classList.contains(`theme-${e}`)||t.getAttribute("data-theme")===e||t.getAttribute("data-color-scheme")===e||i.classList.contains(e)||i.classList.contains(`${e}-mode`)||i.getAttribute("data-theme")===e}function R(){if(et("dark"))return"dark";if(et("light"))return"light";try{let e=getComputedStyle(document.body).backgroundColor,t=j(e);if(t!==null){if(t>128)return"light";if(t<128)return"dark"}}catch{}if(window.matchMedia){if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark";if(window.matchMedia("(prefers-color-scheme: light)").matches)return"light"}return"dark"}var L={dark:{waveformColor:"rgba(255, 255, 255, 0.3)",progressColor:"rgba(255, 255, 255, 0.9)"},light:{waveformColor:"rgba(0, 0, 0, 0.2)",progressColor:"rgba(0, 0, 0, 0.8)"}};function F(e){if(e&&L[e])return L[e];let t=R();return L[t]}var it={url:"",height:64,samples:1800,preload:"metadata",audioMode:"self",playbackRate:1,showPlaybackSpeed:!1,playbackRates:[.5,.75,1,1.25,1.5,1.75,2],buttonAlign:"auto",layout:"default",buttonStyle:"circle",buttonSize:null,waveformStyle:"mirror",barWidth:2,barSpacing:0,barRadius:1,waveformGradient:"vertical",colorPreset:null,waveformColor:null,progressColor:null,autoplay:!1,showControls:!0,showInfo:!0,showTime:!0,showHoverTime:!1,seekHandle:!1,showBPM:!1,bpm:null,singlePlay:!0,playOnSeek:!0,enableMediaSession:!0,markers:[],showMarkers:!0,accessibleSeek:!0,seekLabel:null,seekValueText:null,title:null,artist:null,artwork:null,album:"",errorText:"Unable to load audio",playPauseLabel:"Play/Pause",speedLabel:"Playback speed",artworkAlt:"Album artwork",unknownTrackText:"Unknown Track",playIcon:'<svg viewBox="0 0 24 24" width="16" height="16"><path d="M8 5v14l11-7z"/></svg>',pauseIcon:'<svg viewBox="0 0 24 24" width="16" height="16"><path d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>',onLoad:null,onPlay:null,onPause:null,onEnd:null,onError:null,onTimeUpdate:null,onNextTrack:null,onPreviousTrack:null},st={bars:{barWidth:3,barSpacing:1},mirror:{barWidth:2,barSpacing:2},line:{barWidth:2,barSpacing:0},blocks:{barWidth:4,barSpacing:2},dots:{barWidth:3,barSpacing:3},seekbar:{barWidth:1,barSpacing:0}};var gt="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" rx="4" fill="#71717a" fill-opacity="0.15"/><g fill="none" stroke="#a1a1aa" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="17" r="2.2"/><circle cx="17" cy="15" r="2.2"/><path d="M10.2 17V7l9-1.6v9"/></g></svg>'),rt=5,at=10,yt='button, a[href], input, [role="slider"]',A=class e{static instances=new Map;static currentlyPlaying=null;constructor(t,i={}){if(this.container=typeof t=="string"?document.querySelector(t):t,!this.container)throw new Error("[WaveformPlayer] Container element not found");let s=D(this.container),r={...i};r.style&&!r.waveformStyle&&(r.waveformStyle=r.style),r.src&&!r.url&&(r.url=r.src),this.options=B(it,s,r);let a=F(this.options.colorPreset);this._autoTheme=this.options.colorPreset==null||!L[this.options.colorPreset],this._presetKeys=[],this._scheme=this.options.colorPreset&&L[this.options.colorPreset]?this.options.colorPreset:R();for(let[n,l]of Object.entries(a))(this.options[n]===null||this.options[n]===void 0)&&(this.options[n]=l,this._presetKeys.push(n));let o=st[this.options.waveformStyle];o&&(s.barWidth===void 0&&i.barWidth===void 0&&(this.options.barWidth=o.barWidth),s.barSpacing===void 0&&i.barSpacing===void 0&&(this.options.barSpacing=o.barSpacing)),this.audio=null,this.canvas=null,this.ctx=null,this.waveformData=[],this.progress=0,this._activeMarkerIndex=-1,this._markerLabelTimer=null,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.updateTimer=null,this.resizeObserver=null,this._ac=new AbortController,this.id=this.container.id||V(this.options.url),e.instances.set(this.id,this),e._watchTheme(),this.init(),setTimeout(()=>{this._emit("waveformplayer:ready",{player:this,url:this.options.url})},100)}_emit(t,i,s=!1){let r=new CustomEvent(t,{bubbles:!0,cancelable:s,detail:i});return this.container.dispatchEvent(r),r}_requestSeek(t){this._emit("waveformplayer:request-seek",{...this._buildTrackDetail(),percent:t},!0).defaultPrevented||(this.progress=t,this.drawWaveform?.())}init(){this.createDOM(),this.createAudio(),this.initPlaybackSpeed(),this.initKeyboardControls(),this.initSeekControl(),this.bindEvents(),this.setupResizeObserver(),requestAnimationFrame(()=>{this.resizeCanvas(),this.options.url&&this.load(this.options.url).then(()=>{this.options.autoplay&&this.play()?.catch(()=>{})}).catch(t=>{console.error("[WaveformPlayer] Failed to load audio:",t)})})}createDOM(){this.container.innerHTML="",this.container.className="waveform-player";let t=this.options.buttonAlign;t==="auto"&&(this.options.waveformStyle==="bars"?t="bottom":t="center"),this.options.layout==="preview"&&this.container.classList.add("waveform-layout-preview"),this.container.classList.toggle("waveform-theme-light",this._scheme==="light");let s=this.options.showControls?`
+(()=>{function W(e){let t=-1/0;for(let i=0;i<e.length;i++)e[i]>t&&(t=e[i]);return t}function P(e){return String(e??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function N(e){if(typeof e!="string"||e==="")return!1;try{let t=new URL(e,"http://localhost/");return t.protocol==="http:"||t.protocol==="https:"}catch{return!1}}function m(e,t=0,i=1){return Math.max(t,Math.min(e,i))}function ot(e){return e===void 0?void 0:e==="true"}function U(e){if(typeof e=="string"&&e.trim().startsWith("["))try{return JSON.parse(e)}catch{}return e}function D(e){let t={},i=(a,o=a)=>{let n=ot(e.dataset[o]);n!==void 0&&(t[a]=n)},s=(a,o=a,n=!1)=>{let l=e.dataset[o];l&&(t[a]=n?parseFloat(l):parseInt(l,10))},r=(a,o=a)=>{let n=e.dataset[o];if(n)try{t[a]=JSON.parse(n)}catch(l){console.warn(`[WaveformPlayer] Invalid ${o} JSON:`,l)}};if(e.dataset.src&&(t.url=e.dataset.src),e.dataset.url&&(t.url=e.dataset.url),s("height"),s("samples"),e.dataset.preload&&(t.preload=e.dataset.preload),e.dataset.audioMode&&(t.audioMode=e.dataset.audioMode),e.dataset.style&&(t.waveformStyle=e.dataset.style),e.dataset.waveformStyle&&(t.waveformStyle=e.dataset.waveformStyle),e.dataset.waveformGradient&&(t.waveformGradient=e.dataset.waveformGradient),s("barWidth"),s("barSpacing"),s("barRadius"),e.dataset.buttonAlign&&(t.buttonAlign=e.dataset.buttonAlign),e.dataset.layout&&(t.layout=e.dataset.layout),e.dataset.buttonStyle&&(t.buttonStyle=e.dataset.buttonStyle),e.dataset.buttonSize){let a=e.dataset.buttonSize;t.buttonSize=/^\d+(\.\d+)?$/.test(a.trim())?parseFloat(a):a}return e.dataset.colorPreset&&(t.colorPreset=e.dataset.colorPreset),e.dataset.waveformColor&&(t.waveformColor=U(e.dataset.waveformColor)),e.dataset.progressColor&&(t.progressColor=U(e.dataset.progressColor)),e.dataset.color&&(t.waveformColor=e.dataset.color),e.dataset.theme&&(t.colorPreset=e.dataset.theme),i("autoplay"),i("showControls"),i("showInfo"),i("showTime"),i("showHoverTime"),i("seekHandle"),i("showBPM","showBpm"),s("bpm"),i("singlePlay"),i("playOnSeek"),e.dataset.title&&(t.title=e.dataset.title),e.dataset.artist&&(t.artist=e.dataset.artist),e.dataset.album&&(t.album=e.dataset.album),e.dataset.artwork&&(t.artwork=e.dataset.artwork),e.dataset.waveform&&(t.waveform=e.dataset.waveform),r("markers"),s("playbackRate","playbackRate",!0),i("showPlaybackSpeed"),r("playbackRates"),i("enableMediaSession"),i("showMarkers"),i("accessibleSeek"),e.dataset.seekLabel&&(t.seekLabel=e.dataset.seekLabel),e.dataset.seekValueText&&(t.seekValueText=e.dataset.seekValueText),e.dataset.errorText&&(t.errorText=e.dataset.errorText),e.dataset.playPauseLabel&&(t.playPauseLabel=e.dataset.playPauseLabel),e.dataset.speedLabel&&(t.speedLabel=e.dataset.speedLabel),e.dataset.artworkAlt&&(t.artworkAlt=e.dataset.artworkAlt),e.dataset.unknownTrackText&&(t.unknownTrackText=e.dataset.unknownTrackText),e.dataset.playIcon&&(t.playIcon=e.dataset.playIcon),e.dataset.pauseIcon&&(t.pauseIcon=e.dataset.pauseIcon),t}function V(e,...t){let i=0;return e.replace(/%(?:(\d+)\$)?s/g,(s,r)=>{let a=r?Number(r)-1:i++;return t[a]??s})}function S(e){if(!e||isNaN(e)||e<0)return"0:00";let t=Math.floor(e/3600),i=Math.floor(e%3600/60),s=Math.floor(e%60);return t>0?`${t}:${i.toString().padStart(2,"0")}:${s.toString().padStart(2,"0")}`:`${i}:${s.toString().padStart(2,"0")}`}var nt=0;function j(e){let t=e||"audio",i=5381;for(let s=0;s<t.length;s++)i=(i<<5)+i+t.charCodeAt(s)|0;return`wp_${(i>>>0).toString(36)}_${(nt++).toString(36)}`}function H(e){if(!e)return"Audio";let t=e.split("/");return t[t.length-1].split(".")[0].replace(/[-_]/g," ").replace(/\b\w/g,r=>r.toUpperCase())}function G(e){let t=typeof e=="string"?e.match(/\d+/g):null;if(!t||t.length<3)return null;let[i,s,r]=t.map(Number);return(i*299+s*587+r*114)/1e3}function B(...e){let t={};for(let i of e)for(let s in i)i[s]!==null&&i[s]!==void 0&&(t[s]=i[s]);return t}function J(e,t){let i;return function(...r){let a=()=>{clearTimeout(i),e(...r)};clearTimeout(i),i=setTimeout(a,t)}}function x(e,t){if(e.length===t)return e;if(e.length===0||t===0)return[];let i=[];if(t>e.length){let s=(e.length-1)/(t-1);for(let r=0;r<t;r++){let a=r*s,o=Math.floor(a),n=Math.ceil(a),l=a-o;if(n>=e.length)i.push(e[e.length-1]);else if(o===n)i.push(e[o]);else{let h=e[o]*(1-l)+e[n]*l;i.push(h)}}}else{let s=e.length/t;for(let r=0;r<t;r++){let a=Math.floor(r*s),o=Math.floor((r+1)*s),n=0,l=0;for(let h=a;h<=o&&h<e.length;h++)e[h]>n&&(n=e[h]),l++;if(l===0){let h=Math.min(Math.round(r*s),e.length-1);n=e[h]}i.push(n)}}return i}function E(e,t,i,s){if(!Array.isArray(t))return t;if(t.length<2)return t[0];let r=i.width,a=i.height,o=s&&s.waveformGradient,[n,l,h,c]=o==="horizontal"?[0,0,r,0]:o==="diagonal"?[0,0,r,a]:[0,0,0,a];try{let u=e.createLinearGradient(n,l,h,c);return t.forEach((w,y)=>u.addColorStop(y/(t.length-1),w)),u}catch{return t[0]}}function _(e,t,i,s,r,a){if((Array.isArray(a)?a.some(n=>n>0):a>0)&&typeof e.roundRect=="function"){let n=Math.min(s/2,Math.abs(r)/2),l=h=>m(h,0,n);e.beginPath(),e.roundRect(t,i,s,r,Array.isArray(a)?a.map(l):l(a)),e.fill()}else e.fillRect(t,i,s,r)}function Q(e,t){return(e.barRadius||0)*t}function lt(e,t){let i=Q(e,t);return[i,i,0,0]}function K(e,t,i,s,r){let a=r/2;e.beginPath(),e.moveTo(t,s-a),e.lineTo(i-a,s-a),e.arc(i-a,s,a,-Math.PI/2,Math.PI/2),e.lineTo(t,s+a),e.arc(t,s,a,Math.PI/2,-Math.PI/2),e.closePath()}function I(e,t,i,s,r){let a=window.devicePixelRatio||1,o=r.barWidth*a,n=r.barSpacing*a,l=Math.floor(t.width/(o+n)),h=x(i,l),c=t.height,u=s*t.width,w=lt(r,a),y=E(e,r.color,t,r),v=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=y;for(let f=0;f<h.length;f++){let p=f*(o+n);if(p+o>t.width)break;let g=h[f]*c*.9,d=c-g;_(e,p,d,o,g,w)}e.save(),e.beginPath(),e.rect(0,0,u,c),e.clip(),e.fillStyle=v;for(let f=0;f<h.length;f++){let p=f*(o+n);if(p>u)break;let g=h[f]*c*.9,d=c-g;_(e,p,d,o,g,w)}e.restore()}function ht(e,t,i,s,r){let a=window.devicePixelRatio||1,o=r.barWidth*a,n=r.barSpacing*a,l=Math.floor(t.width/(o+n)),h=x(i,l),c=t.height,u=c/2,w=s*t.width,y=Q(r,a),v=[y,y,0,0],f=[0,0,y,y],p=E(e,r.color,t,r),g=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height),e.fillStyle=p;for(let d=0;d<h.length;d++){let k=d*(o+n);if(k+o>t.width)break;let b=h[d]*c*.45;_(e,k,u-b,o,b,v),_(e,k,u,o,b,f)}e.save(),e.beginPath(),e.rect(0,0,w,c),e.clip(),e.fillStyle=g;for(let d=0;d<h.length;d++){let k=d*(o+n);if(k>w)break;let b=h[d]*c*.45;_(e,k,u-b,o,b,v),_(e,k,u,o,b,f)}e.restore()}function ct(e,t,i,s,r){let a=t.width,o=t.height,n=o/2,l=o*.35;e.clearRect(0,0,a,o);let h=(c,u,w=1,y=!1)=>{let v=E(e,c,t,r),f=Array.isArray(c)?c[c.length-1]:c;y&&(e.shadowBlur=12,e.shadowColor=f),e.strokeStyle=v,e.lineWidth=u,e.lineCap="round",e.lineJoin="round",e.beginPath(),e.moveTo(0,n);let p=[],g=Math.floor(i.length*w);for(let d=0;d<g;d++){let k=d/(i.length-1)*a,b=i[d],T=Math.sin(d*.1)*b,C=n+T*l;p.push({x:k,y:C})}for(let d=0;d<p.length-1;d++){let k=p[d].x+(p[d+1].x-p[d].x)*.5,b=p[d].y,T=p[d+1].x-(p[d+1].x-p[d].x)*.5,C=p[d+1].y;e.bezierCurveTo(k,b,T,C,p[d+1].x,p[d+1].y)}e.stroke(),y&&(e.shadowBlur=0)};e.strokeStyle="rgba(255, 255, 255, 0.03)",e.lineWidth=.5,e.beginPath(),e.moveTo(0,n),e.lineTo(a,n),e.stroke();for(let c=0;c<=10;c++){let u=a/10*c;e.beginPath(),e.moveTo(u,0),e.lineTo(u,o),e.stroke()}h(r.color,2,1,!1),s>0&&h(r.progressColor,3,s,!0)}function Y(e,t,i,s,r){let a=window.devicePixelRatio||1,o=(r.barWidth||3)*a,n=(r.barSpacing||1)*a,l=Math.floor(t.width/(o+n)),h=x(i,l),c=t.height,u=4*a,w=2*a,y=s*t.width,v=c/2,f=E(e,r.color,t,r),p=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let g=0;g<h.length;g++){let d=g*(o+n);if(d+o>t.width)break;let k=h[g]*c*.9,b=Math.floor(k/(u+w));e.fillStyle=d<y?p:f;for(let T=0;T<b;T++){let C=T*(u+w);e.fillRect(d,v-C-u,o,u),T>0&&e.fillRect(d,v+C,o,u)}}}function X(e,t,i,s,r){let a=window.devicePixelRatio||1,o=(r.barWidth||2)*a,n=(r.barSpacing||3)*a,l=Math.floor(t.width/(o+n)),h=x(i,l),c=t.height,u=Math.max(1.5*a,o/2),w=s*t.width,y=c/2,v=E(e,r.color,t,r),f=E(e,r.progressColor,t,r);e.clearRect(0,0,t.width,t.height);for(let p=0;p<h.length;p++){let g=p*(o+n)+o/2;if(g>t.width)break;let d=h[p]*c*.9;e.fillStyle=g<w?f:v,e.beginPath(),e.arc(g,y-d/2,u,0,Math.PI*2),e.fill(),e.beginPath(),e.arc(g,y+d/2,u,0,Math.PI*2),e.fill()}}function dt(e,t,i,s,r){let a=t.width,o=t.height,n=o/2,l=4,h=l/2,c=!!r.seekActive;if(e.clearRect(0,0,a,o),e.fillStyle=E(e,r.color,t,r)||"rgba(255, 255, 255, 0.2)",K(e,h,a,n,l),e.fill(),s>0){let u=Math.max(h*2,s*a);e.save(),e.globalAlpha=r.seekHandle&&!c?.7:1,e.fillStyle=E(e,r.progressColor,t,r)||"rgba(255, 255, 255, 0.9)",K(e,h,u,n,l),e.fill(),e.restore()}}var ut={bars:I,bar:I,mirror:ht,line:ct,blocks:Y,block:Y,dots:X,dot:X,seekbar:dt};function Z(e,t,i,s,r){(ut[r.waveformStyle]||I)(e,t,i,s,r)}function tt(e){try{let t=e.getChannelData(0),i=e.sampleRate,s=pt(t,i);if(s.length<2)return 120;let r=[];for(let l=1;l<s.length;l++)r.push((s[l]-s[l-1])/i);let a={};r.forEach(l=>{let h=60/l,c=Math.round(h/3)*3;c>60&&c<200&&(a[c]=(a[c]||0)+1)});let o=0,n=120;for(let[l,h]of Object.entries(a))h>o&&(o=h,n=parseInt(l));return n<70&&a[n*2]?n*=2:n>160&&a[Math.round(n/2)]&&(n=Math.round(n/2)),n-1}catch(t){return console.warn("[WaveformPlayer] BPM detection failed:",t),null}}function pt(e,t){let r=[],a=0;for(let o=0;o<e.length-2048;o+=1024){let n=0;for(let c=o;c<o+2048;c++)n+=e[c]*e[c];n=n/2048;let l=n-a,h=a*1.8+.01;if(l>h&&n>.01){let c=r[r.length-1]||0,u=t*.15;o-c>u&&r.push(o)}a=n*.8+a*.2}return r}function ft(e,t=1800){let i=e.length/t,s=e.numberOfChannels,r=[];for(let o=0;o<s;o++){let n=e.getChannelData(o);for(let l=0;l<t;l++){let h=~~(l*i),c=~~(h+i),u=0,w=0;for(let v=h;v<c;v++){let f=n[v];f>w&&(w=f),f<u&&(u=f)}let y=Math.max(Math.abs(w),Math.abs(u));(o===0||y>r[l])&&(r[l]=y)}}let a=W(r);return a>0?r.map(o=>o/a):r}async function O(e,t=1800,i=!1){let s;try{let r=window.AudioContext||window.webkitAudioContext;s=new r;let o=await(await fetch(e)).arrayBuffer(),n=await s.decodeAudioData(o),l=ft(n,t);l=mt(l);let h=null;return i&&(h=tt(n)),{peaks:l,bpm:h}}finally{s&&s.close()}}function et(e=1800){let t=[];for(let i=0;i<e;i++){let s=Math.random()*.5+.3,r=Math.sin(i/e*Math.PI*4)*.2;t.push(m(s+r,.1,1))}return t}function mt(e,t=.95){let i=W(e);if(i===0||i>t)return e;let s=t/i;return e.map(r=>r*s)}function it(e){let t=document.documentElement,i=document.body;return t.classList.contains(e)||t.classList.contains(`${e}-mode`)||t.classList.contains(`theme-${e}`)||t.getAttribute("data-theme")===e||t.getAttribute("data-color-scheme")===e||i.classList.contains(e)||i.classList.contains(`${e}-mode`)||i.getAttribute("data-theme")===e}function R(){if(it("dark"))return"dark";if(it("light"))return"light";try{let e=getComputedStyle(document.body).backgroundColor,t=G(e);if(t!==null){if(t>128)return"light";if(t<128)return"dark"}}catch{}if(window.matchMedia){if(window.matchMedia("(prefers-color-scheme: dark)").matches)return"dark";if(window.matchMedia("(prefers-color-scheme: light)").matches)return"light"}return"dark"}var L={dark:{waveformColor:"rgba(255, 255, 255, 0.3)",progressColor:"rgba(255, 255, 255, 0.9)"},light:{waveformColor:"rgba(0, 0, 0, 0.2)",progressColor:"rgba(0, 0, 0, 0.8)"}};function z(e){if(e&&L[e])return L[e];let t=R();return L[t]}var F={url:"",height:64,samples:1800,preload:"metadata",audioMode:"self",playbackRate:1,showPlaybackSpeed:!1,playbackRates:[.5,.75,1,1.25,1.5,1.75,2],buttonAlign:"auto",layout:"default",buttonStyle:"circle",buttonSize:null,waveformStyle:"mirror",barWidth:2,barSpacing:0,barRadius:1,waveformGradient:"vertical",colorPreset:null,waveformColor:null,progressColor:null,autoplay:!1,showControls:!0,showInfo:!0,showTime:!0,showHoverTime:!1,seekHandle:!1,showBPM:!1,bpm:null,singlePlay:!0,playOnSeek:!0,enableMediaSession:!0,markers:[],showMarkers:!0,accessibleSeek:!0,seekLabel:null,seekValueText:null,title:null,artist:null,artwork:null,album:"",errorText:"Unable to load audio",playPauseLabel:"Play/Pause",speedLabel:"Playback speed",artworkAlt:"Album artwork",unknownTrackText:"Unknown Track",playIcon:'<svg viewBox="0 0 24 24" width="16" height="16"><path d="M8 5v14l11-7z"/></svg>',pauseIcon:'<svg viewBox="0 0 24 24" width="16" height="16"><path d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>',onLoad:null,onPlay:null,onPause:null,onEnd:null,onError:null,onTimeUpdate:null,onNextTrack:null,onPreviousTrack:null},st={bars:{barWidth:3,barSpacing:1},mirror:{barWidth:2,barSpacing:2},line:{barWidth:2,barSpacing:0},blocks:{barWidth:4,barSpacing:2},dots:{barWidth:3,barSpacing:3},seekbar:{barWidth:1,barSpacing:0}};var yt="data:image/svg+xml,"+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect width="24" height="24" rx="4" fill="#71717a" fill-opacity="0.15"/><g fill="none" stroke="#a1a1aa" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="17" r="2.2"/><circle cx="17" cy="15" r="2.2"/><path d="M10.2 17V7l9-1.6v9"/></g></svg>'),rt=5,at=10,gt='button, a[href], input, [role="slider"]',A=class e{static instances=new Map;static currentlyPlaying=null;constructor(t,i={}){if(this.container=typeof t=="string"?document.querySelector(t):t,!this.container)throw new Error("[WaveformPlayer] Container element not found");let s=D(this.container),r={...i};r.style&&!r.waveformStyle&&(r.waveformStyle=r.style),r.src&&!r.url&&(r.url=r.src),this.options=B(F,s,r);let a=z(this.options.colorPreset);this._autoTheme=this.options.colorPreset==null||!L[this.options.colorPreset],this._presetKeys=[],this._scheme=this.options.colorPreset&&L[this.options.colorPreset]?this.options.colorPreset:R();for(let[n,l]of Object.entries(a))(this.options[n]===null||this.options[n]===void 0)&&(this.options[n]=l,this._presetKeys.push(n));let o=st[this.options.waveformStyle];o&&(s.barWidth===void 0&&i.barWidth===void 0&&(this.options.barWidth=o.barWidth),s.barSpacing===void 0&&i.barSpacing===void 0&&(this.options.barSpacing=o.barSpacing)),this.audio=null,this.canvas=null,this.ctx=null,this.waveformData=[],this.progress=0,this._activeMarkerIndex=-1,this._markerLabelTimer=null,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.updateTimer=null,this.resizeObserver=null,this._ac=new AbortController,this.id=this.container.id||j(this.options.url),e.instances.set(this.id,this),e._watchTheme(),this.init(),setTimeout(()=>{this._emit("waveformplayer:ready",{player:this,url:this.options.url})},100)}_emit(t,i,s=!1){let r=new CustomEvent(t,{bubbles:!0,cancelable:s,detail:i});return this.container.dispatchEvent(r),r}_requestSeek(t){this._emit("waveformplayer:request-seek",{...this._buildTrackDetail(),percent:t},!0).defaultPrevented||(this.progress=t,this.drawWaveform?.())}init(){this.createDOM(),this.createAudio(),this.initPlaybackSpeed(),this.initKeyboardControls(),this.initSeekControl(),this.bindEvents(),this.setupResizeObserver(),requestAnimationFrame(()=>{this.resizeCanvas(),this.options.url&&this.load(this.options.url).then(()=>{this.options.autoplay&&this.play()?.catch(()=>{})}).catch(t=>{console.error("[WaveformPlayer] Failed to load audio:",t)})})}createDOM(){this.container.innerHTML="",this.container.className="waveform-player";let t=this.options.buttonAlign;t==="auto"&&(this.options.waveformStyle==="bars"?t="bottom":t="center"),this.options.layout==="preview"&&this.container.classList.add("waveform-layout-preview"),this.container.classList.toggle("waveform-theme-light",this._scheme==="light");let s=this.options.showControls?`
         <button class="waveform-btn${this.options.buttonStyle==="minimal"?" waveform-btn-minimal":""}" aria-label="${P(this.options.playPauseLabel)}"${this.options.buttonSize!=null?` style="--wfp-btn-size: ${typeof this.options.buttonSize=="number"?`${this.options.buttonSize}px`:this.options.buttonSize};"`:""}>
           <span class="waveform-icon-play">${this.options.playIcon}</span>
           <span class="waveform-icon-pause" style="display:none;">${this.options.pauseIcon}</span>
@@ -60,4 +60,4 @@
       ${r}
     </div>
   </div>
-`,this.playBtn=this.container.querySelector(".waveform-btn"),this.canvas=this.container.querySelector("canvas"),this.ctx=this.canvas.getContext("2d"),this.titleEl=this.container.querySelector(".waveform-title"),this.artistEl=this.container.querySelector(".waveform-artist"),this.artworkEl=this.container.querySelector(".waveform-artwork"),this.artworkEl&&this.artworkEl.addEventListener("error",()=>{this.artworkEl.src.startsWith("data:")||(this.artworkEl.src=gt)}),this.currentTimeEl=this.container.querySelector(".time-current"),this.totalTimeEl=this.container.querySelector(".time-total"),this.bpmEl=this.container.querySelector(".waveform-bpm"),this.bpmValueEl=this.container.querySelector(".bpm-value"),this.loadingEl=this.container.querySelector(".waveform-loading"),this.errorEl=this.container.querySelector(".waveform-error"),this.markersContainer=this.container.querySelector(".waveform-markers"),this.speedBtn=this.container.querySelector(".speed-btn"),this.speedMenu=this.container.querySelector(".speed-menu"),this.resizeCanvas(),this.updateBPMDisplay()}createAudio(){if(this.options.audioMode==="external"){this.audio=null;return}this.audio=new Audio,this.audio.preload=this.options.preload||"metadata",this.audio.crossOrigin="anonymous"}initPlaybackSpeed(){this.audio&&this.options.playbackRate&&this.options.playbackRate!==1&&(this.audio.playbackRate=this.options.playbackRate),this.options.showPlaybackSpeed&&this.initSpeedControls()}initSpeedControls(){let t=this.container.querySelector(".speed-btn"),i=this.container.querySelector(".speed-menu");if(!t||!i)return;let s=()=>Array.from(i.querySelectorAll(".speed-option")),r=()=>i.style.display!=="none",a=l=>{if(i.style.display=l?"block":"none",t.setAttribute("aria-expanded",l?"true":"false"),l){let h=s();(h.find(d=>d.getAttribute("aria-checked")==="true")||h[0])?.focus()}},o=l=>{let h=s();h.length&&h[(l+h.length)%h.length].focus()},n=l=>{this.setPlaybackRate(parseFloat(l.dataset.rate)),a(!1),t.focus()};t.addEventListener("click",l=>{l.stopPropagation(),a(!r())},{signal:this._ac.signal}),document.addEventListener("click",()=>a(!1),{signal:this._ac.signal}),i.addEventListener("click",l=>{l.stopPropagation();let h=l.target.closest(".speed-option");h&&n(h)},{signal:this._ac.signal}),t.closest(".waveform-speed")?.addEventListener("keydown",l=>{let h=s(),d=h.indexOf(document.activeElement);if(!r()){(l.key==="ArrowDown"||l.key==="ArrowUp")&&document.activeElement===t&&(l.preventDefault(),a(!0));return}switch(l.key){case"ArrowDown":l.preventDefault(),o(d<0?0:d+1);break;case"ArrowUp":l.preventDefault(),o(d<0?h.length-1:d-1);break;case"Home":l.preventDefault(),o(0);break;case"End":l.preventDefault(),o(h.length-1);break;case"Escape":l.preventDefault(),a(!1),t.focus();break;case"Tab":a(!1);break}},{signal:this._ac.signal}),this.updateSpeedUI()}initKeyboardControls(){this.container.setAttribute("tabindex","-1"),this.container.addEventListener("click",t=>{t.target.closest(yt)||(e.getAllInstances().forEach(i=>{i!==this&&i.container.setAttribute("tabindex","-1")}),this.container.setAttribute("tabindex","0"),this.container.focus())},{signal:this._ac.signal}),this.container.addEventListener("keydown",t=>{if(document.activeElement!==this.container)return;let i=t.key,s=!!this.audio,r=s?this.audio.currentTime:0;if(s&&i>="0"&&i<="9"){t.preventDefault(),this.seekToPercent(parseInt(i)/10);return}let a={" ":()=>this.togglePlay()};s&&(a.ArrowLeft=()=>this.seekTo(m(r-5,0,this.audio.duration)),a.ArrowRight=()=>this.seekTo(m(r+5,0,this.audio.duration)),a.ArrowUp=()=>this.setVolume(m(this.audio.volume+.1)),a.ArrowDown=()=>this.setVolume(m(this.audio.volume-.1)),a.m=a.M=()=>this.audio.muted=!this.audio.muted),a[i]&&(t.preventDefault(),a[i]())},{signal:this._ac.signal})}initSeekControl(){this.options.accessibleSeek&&(this.seekEl=this.container.querySelector(".waveform-container"),this.seekEl&&(this.seekEl.setAttribute("role","slider"),this.seekEl.setAttribute("tabindex","0"),this.seekEl.setAttribute("aria-valuemin","0"),this.applySeekLabel(),this.updateSeekAccessibility(),this.seekEl.addEventListener("keydown",t=>{if(t.key===" "||t.key==="Spacebar"){t.preventDefault(),t.stopPropagation(),this.togglePlay();return}let i=this.getSeekDuration();if(!i)return;let s=this.getSeekCurrentTime(),r;switch(t.key){case"ArrowLeft":case"ArrowDown":r=s-rt;break;case"ArrowRight":case"ArrowUp":r=s+rt;break;case"PageDown":r=s-at;break;case"PageUp":r=s+at;break;case"Home":r=0;break;case"End":r=i;break;default:return}t.preventDefault(),t.stopPropagation(),this.seekToSeconds(r)},{signal:this._ac.signal})))}getSeekDuration(){return this.options.audioMode==="external"?this._extDuration||0:this.audio&&Number.isFinite(this.audio.duration)?this.audio.duration:0}getSeekCurrentTime(){return this.options.audioMode==="external"?this.progress*(this._extDuration||0):this.audio&&Number.isFinite(this.audio.currentTime)?this.audio.currentTime:0}seekToSeconds(t){let i=this.getSeekDuration();if(!i)return;let s=m(t,0,i);if(this.options.audioMode==="external"){this._requestSeek(s/i),this.updateSeekAccessibility();return}this.seekTo(s)}applySeekLabel(t=this.options.title){if(!this.seekEl)return;let i=this.options.seekLabel||t||"Seek";this.seekEl.setAttribute("aria-label",i)}updateSeekAccessibility(){if(!this.seekEl)return;let t=this.getSeekDuration(),i=Math.min(this.getSeekCurrentTime(),t);this.seekEl.setAttribute("aria-valuemax",String(Math.round(t))),this.seekEl.setAttribute("aria-valuenow",String(Math.round(i))),this.seekEl.setAttribute("aria-valuetext",N(this.options.seekValueText||"%1$s of %2$s",S(i),S(t)))}initMediaSession(){if(!("mediaSession"in navigator)||!this.options.enableMediaSession||!this.audio)return;this._applyMediaMetadata(),navigator.mediaSession.setActionHandler("play",()=>this.play()),navigator.mediaSession.setActionHandler("pause",()=>this.pause()),navigator.mediaSession.setActionHandler("seekbackward",()=>{this.seekTo(m(this.audio.currentTime-10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler("seekforward",()=>{this.seekTo(m(this.audio.currentTime+10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler("seekto",s=>{s.seekTime!==null&&this.seekTo(s.seekTime)});let t=this.options.onNextTrack,i=this.options.onPreviousTrack;try{navigator.mediaSession.setActionHandler("nexttrack",typeof t=="function"?()=>t(this):null)}catch{}try{navigator.mediaSession.setActionHandler("previoustrack",typeof i=="function"?()=>i(this):null)}catch{}}_applyMediaMetadata(){!("mediaSession"in navigator)||!this.options.enableMediaSession||(navigator.mediaSession.metadata=new MediaMetadata({title:this.options.title||this.options.unknownTrackText,artist:this.options.artist||"",album:this.options.album||"",artwork:this.options.artwork?[{src:this.options.artwork,sizes:"512x512",type:"image/jpeg"}]:[]}))}_updateMediaSession(t){if(!(!("mediaSession"in navigator)||!this.options.enableMediaSession||!this.audio))try{t==="playing"&&this.initMediaSession(),navigator.mediaSession.playbackState=t;let i=this.audio.duration;navigator.mediaSession.setPositionState&&i&&isFinite(i)&&navigator.mediaSession.setPositionState({duration:i,playbackRate:this.audio.playbackRate||1,position:m(this.audio.currentTime,0,i)})}catch{}}bindEvents(){this.playBtn&&this.playBtn.addEventListener("click",()=>this.togglePlay()),this.audio&&(this.audio.addEventListener("loadstart",()=>this.setLoading(!0)),this.audio.addEventListener("loadedmetadata",()=>this.onMetadataLoaded()),this.audio.addEventListener("canplay",()=>this.setLoading(!1)),this.audio.addEventListener("play",()=>this.onPlay()),this.audio.addEventListener("pause",()=>this.onPause()),this.audio.addEventListener("ended",()=>this.onEnded()),this.audio.addEventListener("error",i=>this.onError(i))),this.canvas.addEventListener("click",i=>this.handleCanvasClick(i)),this._dragging=!1,this._seekHover=!1,this._handleNear=!1,this.canvas.addEventListener("pointerenter",()=>{this._seekHover=!0,this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener("pointerleave",()=>{this._seekHover=!1,this._handleNear=!1,this._dragging||this._hideHoverTip(),this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener("pointerdown",i=>{if(!(i.pointerType==="mouse"&&i.button!==0)){this._dragging=!0;try{this.canvas.setPointerCapture(i.pointerId)}catch{}this._scrubTo(i.clientX)}}),this.canvas.addEventListener("pointermove",i=>{if(this._dragging){this._scrubTo(i.clientX);return}let s=this.canvas.getBoundingClientRect();s.width&&(this._handleNear=Math.abs(i.clientX-s.left-this.progress*s.width)<=10,this._updateSeekHandle())});let t=i=>{if(this._dragging){this._dragging=!1,this._suppressClick=!0;try{this.canvas.releasePointerCapture(i.pointerId)}catch{}this._seekFromPointer(i.clientX),!this._seekHover&&!this.options.showHoverTime&&this._hideHoverTip(),this._updateSeekHandle()}};this.canvas.addEventListener("pointerup",t),this.canvas.addEventListener("pointercancel",t),this.setupHoverTime(),this.setupSeekHandle(),this.resizeHandler=G(()=>this.resizeCanvas(),100),window.addEventListener("resize",this.resizeHandler)}setupResizeObserver(){"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(()=>{this.resizeCanvas()}),this.canvas?.parentElement&&this.resizeObserver.observe(this.canvas.parentElement))}async load(t){try{this.setLoading(!0),this.progress=0,this.hasError=!1,this.audio&&(this.audio.src=t,await new Promise((s,r)=>{let a=()=>{this.audio.removeEventListener("loadedmetadata",a),this.audio.removeEventListener("error",o),s()},o=n=>{this.audio.removeEventListener("loadedmetadata",a),this.audio.removeEventListener("error",o),r(n)};this.audio.addEventListener("loadedmetadata",a),this.audio.addEventListener("error",o)}));let i=this.options.title||H(t);if(this.titleEl&&(this.titleEl.textContent=i),this.applySeekLabel(i),this.options.waveform)this.setWaveformData(this.options.waveform);else try{let s=await z(t,this.options.samples,this.options.showBPM);this.waveformData=s.peaks,s.bpm&&(this.detectedBPM=s.bpm,this.updateBPMDisplay())}catch(s){console.warn("[WaveformPlayer] Using placeholder waveform:",s),this.waveformData=tt(this.options.samples)}this.drawWaveform(),this.renderMarkers(),this.options.onLoad&&this.options.onLoad(this)}catch(i){this.onError(i)}finally{this.setLoading(!1)}}async loadTrack(t,i=null,s=null,r={}){this.isPlaying&&this.pause(),this.audio&&(this.audio.src="",this.audio.load()),this.hasError=!1,this.errorEl&&(this.errorEl.style.display="none"),this.canvas&&(this.canvas.style.opacity="1"),this.playBtn&&(this.playBtn.disabled=!1),this.progress=0,this.waveformData=[],this.options=B(this.options,{url:t,title:i||this.options.title,artist:s||this.options.artist,...r}),r.preload&&this.audio&&(this.audio.preload=r.preload),this.artistEl&&(s?(this.artistEl.textContent=s,this.artistEl.style.display=""):s===""&&(this.artistEl.style.display="none")),r.artwork&&this.artworkEl&&(this.artworkEl.src=r.artwork),this.options.markers=r.markers||[],this.options.waveform=r.waveform||null,await this.load(t),r.autoplay!==!1&&this.play()?.catch(()=>{})}setWaveformData(t){if(typeof t=="string"&&t.trim().endsWith(".json")){fetch(t.trim()).then(i=>i.json()).then(i=>{this.waveformData=Array.isArray(i)?i:i.peaks||[],i.markers&&!this.options.markers?.length&&(this.options.markers=i.markers,this.renderMarkers()),this.drawWaveform()}).catch(()=>{});return}if(typeof t=="string")try{let i=JSON.parse(t);this.waveformData=Array.isArray(i)?i:[]}catch{this.waveformData=t.split(",").map(Number)}else this.waveformData=Array.isArray(t)?t:[];this.drawWaveform()}drawWaveform(){!this.ctx||this.waveformData.length===0||Q(this.ctx,this.canvas,this.waveformData,this.progress,{...this.options,waveformStyle:this.options.waveformStyle||"bars",color:this.options.waveformColor,progressColor:this.options.progressColor,seekActive:this._seekHover||this._dragging})}resizeCanvas(){if(!this.canvas||this.isDestroying)return;let t=window.devicePixelRatio||1,i=this.canvas.parentElement.getBoundingClientRect();this.canvas.width=i.width*t,this.canvas.height=this.options.height*t,this.canvas.parentElement.style.height=this.options.height+"px",this.drawWaveform()}renderMarkers(){if(!this.markersContainer||(this.markersContainer.innerHTML="",this._activeMarkerIndex=-1,clearTimeout(this._markerLabelTimer),!this.options.showMarkers||!this.options.markers?.length))return;let t=this.getSeekDuration();t&&this.options.markers.forEach((i,s)=>{if(i.time>t){console.warn(`[WaveformPlayer] Marker "${i.label}" at ${i.time}s exceeds audio duration of ${t}s`);return}let r=i.time/t*100,a=document.createElement("button");a.className="waveform-marker",a.style.left=`${r}%`,a.style.backgroundColor=i.color||"rgba(255, 255, 255, 0.5)",a.setAttribute("aria-label",i.label),a.setAttribute("data-time",i.time);let o=document.createElement("span");o.className="waveform-marker-tooltip",o.textContent=i.label,a.appendChild(o),a.addEventListener("click",n=>{n.stopPropagation(),this.seekTo(i.time),this.options.playOnSeek&&!this.isPlaying&&this.play()}),this.markersContainer.appendChild(a)})}setActiveMarker(t){if(!this.markersContainer)return;this.markersContainer.querySelectorAll(".waveform-marker").forEach((s,r)=>s.classList.toggle("active",r===t))}updateActiveMarker(){if(!this.markersContainer)return;let t=this.markersContainer.querySelectorAll(".waveform-marker");if(!t.length)return;let i=this.getSeekDuration(),s=i?this.progress*i:0,r=-1,a=-1/0;t.forEach((o,n)=>{let l=parseFloat(o.getAttribute("data-time"));Number.isFinite(l)&&l<=s+.05&&l>a&&(a=l,r=n)}),r!==this._activeMarkerIndex&&(this._activeMarkerIndex=r,this.setActiveMarker(r),clearTimeout(this._markerLabelTimer),t.forEach((o,n)=>o.classList.toggle("show-label",n===r)),r>=0&&(this._markerLabelTimer=setTimeout(()=>{this.markersContainer?.querySelectorAll(".waveform-marker").forEach(o=>o.classList.remove("show-label"))},2500)))}setupHoverTime(){if(!this.seekEl)return;let t=document.createElement("div");t.className="waveform-hover-time",t.setAttribute("aria-hidden","true"),this.seekEl.appendChild(t),this.hoverTimeEl=t,this.options.showHoverTime&&(this.seekEl.addEventListener("pointermove",i=>{this._dragging||this._updateHoverTip(i.clientX)}),this.seekEl.addEventListener("pointerleave",()=>{this._dragging||this._hideHoverTip()}))}_updateHoverTip(t){let i=this.hoverTimeEl;if(!i)return;let s=this.getSeekDuration();if(!s){i.style.opacity="0";return}let r=this.canvas.getBoundingClientRect(),a=m((t-r.left)/r.width);i.textContent=S(a*s),i.style.left=a*100+"%",i.style.opacity="1"}_hideHoverTip(){this.hoverTimeEl&&(this.hoverTimeEl.style.opacity="0")}_scrubTo(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;this.progress=m((t-i.left)/i.width),this.drawWaveform(),this._updateSeekHandle();let s=this.getSeekDuration();s&&this.currentTimeEl?(this.currentTimeEl.textContent=S(this.progress*s),this._hideHoverTip()):this._updateHoverTip(t)}setupSeekHandle(){if(!this.options.seekHandle||this.options.waveformStyle!=="seekbar"||!this.seekEl)return;let t=document.createElement("div");t.className="waveform-seek-handle",t.setAttribute("aria-hidden","true"),this.seekEl.appendChild(t),this.seekHandleEl=t}_updateSeekHandle(){let t=this.seekHandleEl;t&&(t.style.left=this.progress*100+"%",t.classList.toggle("is-visible",this._seekHover||this._dragging),t.classList.toggle("is-active",this._dragging||this._handleNear))}handleCanvasClick(t){if(this._suppressClick){this._suppressClick=!1;return}this._seekFromPointer(t.clientX)}_seekFromPointer(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;let s=m((t-i.left)/i.width);if(this.options.audioMode==="external"){this._requestSeek(s);return}!this.audio||!this.audio.duration||this.seekToPercent(s)}setLoading(t){this.isLoading=t,this.loadingEl&&(this.loadingEl.style.display=t?"block":"none"),this.seekEl&&this.seekEl.setAttribute("aria-busy",t?"true":"false")}onMetadataLoaded(){this.isDestroying||(this.totalTimeEl&&(this.totalTimeEl.textContent=S(this.audio.duration)),this.renderMarkers(),this.updateSeekAccessibility())}setPlayButtonState(t){if(!this.playBtn)return;this.playBtn.classList.toggle("playing",t);let i=this.playBtn.querySelector(".waveform-icon-play"),s=this.playBtn.querySelector(".waveform-icon-pause");i&&(i.style.display=t?"none":"flex"),s&&(s.style.display=t?"flex":"none")}onPlay(){this.isDestroying||(this.isPlaying=!0,this.setPlayButtonState(!0),this.startSmoothUpdate(),this._updateMediaSession("playing"),this._emit("waveformplayer:play",{player:this,url:this.options.url}),this.options.onPlay&&this.options.onPlay(this))}onPause(){this.isDestroying||(this.isPlaying=!1,this.setPlayButtonState(!1),this.stopSmoothUpdate(),this._updateMediaSession("paused"),this._emit("waveformplayer:pause",{player:this,url:this.options.url}),this.options.onPause&&this.options.onPause(this))}onEnded(){if(this.isDestroying)return;let t=this.audio.duration;this.progress=0,this.audio.currentTime=0,this.drawWaveform(),this.currentTimeEl&&(this.currentTimeEl.textContent="0:00"),this._emit("waveformplayer:ended",{player:this,url:this.options.url,currentTime:t,duration:t}),this.onPause(),this.options.onEnd&&this.options.onEnd(this)}onError(t){this.isDestroying||(console.error("[WaveformPlayer] Audio error:",t),this.hasError=!0,this.setLoading(!1),this.errorEl&&(this.errorEl.style.display="flex"),this.canvas&&(this.canvas.style.opacity="0.2"),this.playBtn&&(this.playBtn.disabled=!0),this.options.onError&&this.options.onError(t,this))}startSmoothUpdate(){this.stopSmoothUpdate();let t=()=>{this.isPlaying&&this.audio&&this.audio.duration&&(this.updateProgress(),this.updateTimer=requestAnimationFrame(t))};this.updateTimer=requestAnimationFrame(t)}stopSmoothUpdate(){this.updateTimer&&(cancelAnimationFrame(this.updateTimer),this.updateTimer=null)}updateProgress(){if(!this.audio||!this.audio.duration||this._dragging)return;let t=this.audio.currentTime/this.audio.duration;Math.abs(t-this.progress)>.001&&(this.progress=t,this.drawWaveform(),this._updateSeekHandle()),this.currentTimeEl&&(this.currentTimeEl.textContent=S(this.audio.currentTime)),this._emit("waveformplayer:timeupdate",{player:this,currentTime:this.audio.currentTime,duration:this.audio.duration,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&&this.options.onTimeUpdate(this.audio.currentTime,this.audio.duration,this),this.updateActiveMarker(),this.updateSeekAccessibility()}updateBPMDisplay(){let t=this.options.bpm||this.detectedBPM;this.bpmEl&&this.bpmValueEl&&t&&(this.bpmValueEl.textContent=Math.round(t),this.bpmEl.style.display="inline-flex")}refreshTheme(){if(!this._autoTheme)return;this._scheme=R();let t=F(this.options.colorPreset);for(let i of this._presetKeys||[])i in t&&(this.options[i]=t[i]);this._applyThemeColors()}_applyThemeColors(){this.container.classList.toggle("waveform-theme-light",this._scheme==="light"),this.canvas&&this.drawWaveform()}static _watchTheme(){if(e._themeWatch||typeof document>"u")return;let t=()=>requestAnimationFrame(()=>{e.instances.forEach(a=>{try{a.refreshTheme()}catch{}})}),i={attributes:!0,attributeFilter:["class","data-theme","data-color-scheme","style"]},s=new MutationObserver(t);s.observe(document.documentElement,i),document.body&&s.observe(document.body,i);let r=null;try{r=window.matchMedia("(prefers-color-scheme: dark)"),r.addEventListener("change",t)}catch{}e._themeWatch={obs:s,mq:r,refresh:t}}updateSpeedUI(){if(!this.audio)return;let t=this.container.querySelector(".speed-value");if(t){let i=this.audio.playbackRate;t.textContent=i===1?"1x":`${i}x`}this.container.querySelectorAll(".speed-option").forEach(i=>{let s=parseFloat(i.dataset.rate)===this.audio.playbackRate;i.classList.toggle("active",s),i.setAttribute("aria-checked",s?"true":"false")})}play(){if(this.options.singlePlay&&e.currentlyPlaying&&e.currentlyPlaying!==this&&e.currentlyPlaying.pause(),this.options.audioMode==="external"){this._emit("waveformplayer:request-play",this._buildTrackDetail(),!0).defaultPrevented||(e.currentlyPlaying=this);return}return e.currentlyPlaying=this,this.audio.play()}pause(){if(e.currentlyPlaying===this&&(e.currentlyPlaying=null),this.options.audioMode==="external"){this._emit("waveformplayer:request-pause",this._buildTrackDetail(),!0);return}this.audio.pause()}_buildTrackDetail(){return{url:this.options.url,title:this.options.title,artist:this.options.artist,artwork:this.options.artwork,markers:this.options.markers,waveform:this.options.waveform,id:this.id,player:this}}setPlayingState(t){let i=this.isPlaying;this.isPlaying=!!t,this.setPlayButtonState(this.isPlaying),this.isPlaying&&!i?(this.startSmoothUpdate?.(),this._emit("waveformplayer:play",{player:this,url:this.options.url}),this.options.onPlay&&this.options.onPlay(this)):!this.isPlaying&&i&&(this.stopSmoothUpdate?.(),this._emit("waveformplayer:pause",{player:this,url:this.options.url}),this.options.onPause&&this.options.onPause(this))}setProgress(t,i){!i||i<=0||(this.progress=m(t/i),this.currentTimeEl&&(this.currentTimeEl.textContent=S(t)),this._extDuration=i,this.totalTimeEl&&(!this.totalTimeEl.dataset._extSet||this.totalTimeEl.dataset._extDur!==String(i))&&(this.totalTimeEl.textContent=S(i),this.totalTimeEl.dataset._extSet="1",this.totalTimeEl.dataset._extDur=String(i)),this.drawWaveform?.(),this.updateActiveMarker(),this._emit("waveformplayer:timeupdate",{player:this,currentTime:t,duration:i,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&&this.options.onTimeUpdate(t,i,this),this.progress>=1?this._extEnded||(this._extEnded=!0,this._emit("waveformplayer:ended",{player:this,url:this.options.url,currentTime:i,duration:i}),this.options.onEnd&&this.options.onEnd(this)):this._extEnded=!1,this.updateSeekAccessibility())}togglePlay(){this.isPlaying?this.pause():this.play()}seekTo(t){this.audio&&this.audio.duration&&(this.audio.currentTime=m(t,0,this.audio.duration),this.updateProgress())}seekToPercent(t){this.audio&&this.audio.duration&&(this.audio.currentTime=this.audio.duration*m(t),this.updateProgress())}setVolume(t){let i=Number(t);this.audio&&Number.isFinite(i)&&(this.audio.volume=m(i))}setPlaybackRate(t){if(!this.audio)return;let i=m(t,.5,2);this.audio.playbackRate=i,this.options.playbackRate=i,this.updateSpeedUI()}destroy(){this.isDestroying=!0,this._emit("waveformplayer:destroy",{player:this,url:this.options.url}),this.pause(),this.stopSmoothUpdate(),clearTimeout(this._markerLabelTimer),this._ac?.abort(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null),e.instances.delete(this.id),e.currentlyPlaying===this&&(e.currentlyPlaying=null),this.audio&&(this.audio.pause(),this.audio.src="",this.audio.load(),this.audio=null),this.container.innerHTML="",this.canvas=null,this.ctx=null,this.playBtn=null,this.waveformData=[]}static getInstance(t){if(typeof t=="string"){let i=this.instances.get(t);if(i)return i;let s=document.getElementById(t);if(s)return Array.from(this.instances.values()).find(r=>r.container===s)}if(t instanceof HTMLElement)return Array.from(this.instances.values()).find(i=>i.container===t)}static getAllInstances(){return Array.from(this.instances.values())}static destroyAll(){this.instances.forEach(t=>t.destroy()),this.instances.clear()}static async generateWaveformData(t,i=1800){try{return(await z(t,i)).peaks}catch(s){throw console.error("[WaveformPlayer] Failed to generate waveform:",s),s}}static getPeaksUrl(t){if(!t)return;let i=t.replace(/\.(mp3|wav|ogg|flac|m4a|aac)(\?[^#]*)?(#.*)?$/i,".json$2$3");return i===t?void 0:i}};A.utils={formatTime:S,extractTitleFromUrl:H,escapeHtml:P,isSafeHref:U,parseDataAttributes:D};var O=()=>typeof window<"u"&&typeof document<"u";function $(){if(!O())return;document.querySelectorAll("[data-waveform-player]").forEach(t=>{if(t.dataset.waveformInitialized!=="true")try{new A(t),t.dataset.waveformInitialized="true"}catch(i){console.error("[WaveformPlayer] Failed to initialize:",i,t)}})}O()&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",$):$());A.init=$;O()&&(window.WaveformPlayer=A);var Rt=A;})();
+`,this.playBtn=this.container.querySelector(".waveform-btn"),this.canvas=this.container.querySelector("canvas"),this.ctx=this.canvas.getContext("2d"),this.titleEl=this.container.querySelector(".waveform-title"),this.artistEl=this.container.querySelector(".waveform-artist"),this.artworkEl=this.container.querySelector(".waveform-artwork"),this.bindArtworkFallback(this.artworkEl),this.currentTimeEl=this.container.querySelector(".time-current"),this.totalTimeEl=this.container.querySelector(".time-total"),this.bpmEl=this.container.querySelector(".waveform-bpm"),this.bpmValueEl=this.container.querySelector(".bpm-value"),this.loadingEl=this.container.querySelector(".waveform-loading"),this.errorEl=this.container.querySelector(".waveform-error"),this.markersContainer=this.container.querySelector(".waveform-markers"),this.speedBtn=this.container.querySelector(".speed-btn"),this.speedMenu=this.container.querySelector(".speed-menu"),this.resizeCanvas(),this.updateBPMDisplay()}bindArtworkFallback(t){t&&t.addEventListener("error",()=>{t.src.startsWith("data:")||(t.src=yt)},{signal:this._ac.signal})}createArtworkElement(){let t=document.createElement("img");return t.className="waveform-artwork",t.style.width="40px",t.style.height="40px",t.style.borderRadius="4px",t.style.objectFit="cover",t.style.flexShrink="0",this.bindArtworkFallback(t),t}createArtistElement(){let t=document.createElement("span");return t.className="waveform-artist",t}syncArtist(t){if(this.options.artist=t||null,!!this.options.showInfo){if(!t){this.artistEl?.remove(),this.artistEl=null;return}if(!this.artistEl){let i=this.container.querySelector(".waveform-title");if(!i)return;this.artistEl=this.createArtistElement(),i.after(this.artistEl)}this.artistEl.textContent=t,this.artistEl.style.display=""}}syncArtwork(t,i=""){if(this.options.artwork=t||null,this.options.artworkAlt=i||"",!!this.options.showInfo){if(!t){this.artworkEl?.remove(),this.artworkEl=null;return}if(!this.artworkEl){let s=this.container.querySelector(".waveform-text");if(!s)return;this.artworkEl=this.createArtworkElement(),s.before(this.artworkEl)}this.artworkEl.src=t,this.artworkEl.alt=i||""}}createAudio(){if(this.options.audioMode==="external"){this.audio=null;return}this.audio=new Audio,this.audio.preload=this.options.preload||"metadata",this.audio.crossOrigin="anonymous"}initPlaybackSpeed(){this.audio&&this.options.playbackRate&&this.options.playbackRate!==1&&(this.audio.playbackRate=this.options.playbackRate),this.options.showPlaybackSpeed&&this.initSpeedControls()}initSpeedControls(){let t=this.container.querySelector(".speed-btn"),i=this.container.querySelector(".speed-menu");if(!t||!i)return;let s=()=>Array.from(i.querySelectorAll(".speed-option")),r=()=>i.style.display!=="none",a=l=>{if(i.style.display=l?"block":"none",t.setAttribute("aria-expanded",l?"true":"false"),l){let h=s();(h.find(c=>c.getAttribute("aria-checked")==="true")||h[0])?.focus()}},o=l=>{let h=s();h.length&&h[(l+h.length)%h.length].focus()},n=l=>{this.setPlaybackRate(parseFloat(l.dataset.rate)),a(!1),t.focus()};t.addEventListener("click",l=>{l.stopPropagation(),a(!r())},{signal:this._ac.signal}),document.addEventListener("click",()=>a(!1),{signal:this._ac.signal}),i.addEventListener("click",l=>{l.stopPropagation();let h=l.target.closest(".speed-option");h&&n(h)},{signal:this._ac.signal}),t.closest(".waveform-speed")?.addEventListener("keydown",l=>{let h=s(),c=h.indexOf(document.activeElement);if(!r()){(l.key==="ArrowDown"||l.key==="ArrowUp")&&document.activeElement===t&&(l.preventDefault(),a(!0));return}switch(l.key){case"ArrowDown":l.preventDefault(),o(c<0?0:c+1);break;case"ArrowUp":l.preventDefault(),o(c<0?h.length-1:c-1);break;case"Home":l.preventDefault(),o(0);break;case"End":l.preventDefault(),o(h.length-1);break;case"Escape":l.preventDefault(),a(!1),t.focus();break;case"Tab":a(!1);break}},{signal:this._ac.signal}),this.updateSpeedUI()}initKeyboardControls(){this.container.setAttribute("tabindex","-1"),this.container.addEventListener("click",t=>{t.target.closest(gt)||(e.getAllInstances().forEach(i=>{i!==this&&i.container.setAttribute("tabindex","-1")}),this.container.setAttribute("tabindex","0"),this.container.focus())},{signal:this._ac.signal}),this.container.addEventListener("keydown",t=>{if(document.activeElement!==this.container)return;let i=t.key,s=!!this.audio,r=s?this.audio.currentTime:0;if(s&&i>="0"&&i<="9"){t.preventDefault(),this.seekToPercent(parseInt(i)/10);return}let a={" ":()=>this.togglePlay()};s&&(a.ArrowLeft=()=>this.seekTo(m(r-5,0,this.audio.duration)),a.ArrowRight=()=>this.seekTo(m(r+5,0,this.audio.duration)),a.ArrowUp=()=>this.setVolume(m(this.audio.volume+.1)),a.ArrowDown=()=>this.setVolume(m(this.audio.volume-.1)),a.m=a.M=()=>this.audio.muted=!this.audio.muted),a[i]&&(t.preventDefault(),a[i]())},{signal:this._ac.signal})}initSeekControl(){this.options.accessibleSeek&&(this.seekEl=this.container.querySelector(".waveform-container"),this.seekEl&&(this.seekEl.setAttribute("role","slider"),this.seekEl.setAttribute("tabindex","0"),this.seekEl.setAttribute("aria-valuemin","0"),this.applySeekLabel(),this.updateSeekAccessibility(),this.seekEl.addEventListener("keydown",t=>{if(t.key===" "||t.key==="Spacebar"){t.preventDefault(),t.stopPropagation(),this.togglePlay();return}let i=this.getSeekDuration();if(!i)return;let s=this.getSeekCurrentTime(),r;switch(t.key){case"ArrowLeft":case"ArrowDown":r=s-rt;break;case"ArrowRight":case"ArrowUp":r=s+rt;break;case"PageDown":r=s-at;break;case"PageUp":r=s+at;break;case"Home":r=0;break;case"End":r=i;break;default:return}t.preventDefault(),t.stopPropagation(),this.seekToSeconds(r)},{signal:this._ac.signal})))}getSeekDuration(){return this.options.audioMode==="external"?this._extDuration||0:this.audio&&Number.isFinite(this.audio.duration)?this.audio.duration:0}getSeekCurrentTime(){return this.options.audioMode==="external"?this.progress*(this._extDuration||0):this.audio&&Number.isFinite(this.audio.currentTime)?this.audio.currentTime:0}seekToSeconds(t){let i=this.getSeekDuration();if(!i)return;let s=m(t,0,i);if(this.options.audioMode==="external"){this._requestSeek(s/i),this.updateSeekAccessibility();return}this.seekTo(s)}applySeekLabel(t=this.options.title){if(!this.seekEl)return;let i=this.options.seekLabel||t||"Seek";this.seekEl.setAttribute("aria-label",i)}updateSeekAccessibility(){if(!this.seekEl)return;let t=this.getSeekDuration(),i=Math.min(this.getSeekCurrentTime(),t);this.seekEl.setAttribute("aria-valuemax",String(Math.round(t))),this.seekEl.setAttribute("aria-valuenow",String(Math.round(i))),this.seekEl.setAttribute("aria-valuetext",V(this.options.seekValueText||"%1$s of %2$s",S(i),S(t)))}initMediaSession(){if(!("mediaSession"in navigator)||!this.options.enableMediaSession||!this.audio)return;this._applyMediaMetadata(),navigator.mediaSession.setActionHandler("play",()=>this.play()),navigator.mediaSession.setActionHandler("pause",()=>this.pause()),navigator.mediaSession.setActionHandler("seekbackward",()=>{this.seekTo(m(this.audio.currentTime-10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler("seekforward",()=>{this.seekTo(m(this.audio.currentTime+10,0,this.audio.duration))}),navigator.mediaSession.setActionHandler("seekto",s=>{s.seekTime!==null&&this.seekTo(s.seekTime)});let t=this.options.onNextTrack,i=this.options.onPreviousTrack;try{navigator.mediaSession.setActionHandler("nexttrack",typeof t=="function"?()=>t(this):null)}catch{}try{navigator.mediaSession.setActionHandler("previoustrack",typeof i=="function"?()=>i(this):null)}catch{}}_applyMediaMetadata(){!("mediaSession"in navigator)||!this.options.enableMediaSession||(navigator.mediaSession.metadata=new MediaMetadata({title:this.options.title||this.options.unknownTrackText,artist:this.options.artist||"",album:this.options.album||"",artwork:this.options.artwork?[{src:this.options.artwork,sizes:"512x512",type:"image/jpeg"}]:[]}))}_updateMediaSession(t){if(!(!("mediaSession"in navigator)||!this.options.enableMediaSession||!this.audio))try{t==="playing"&&this.initMediaSession(),navigator.mediaSession.playbackState=t;let i=this.audio.duration;navigator.mediaSession.setPositionState&&i&&isFinite(i)&&navigator.mediaSession.setPositionState({duration:i,playbackRate:this.audio.playbackRate||1,position:m(this.audio.currentTime,0,i)})}catch{}}bindEvents(){this.playBtn&&this.playBtn.addEventListener("click",()=>this.togglePlay()),this.audio&&(this.audio.addEventListener("loadstart",()=>this.setLoading(!0)),this.audio.addEventListener("loadedmetadata",()=>this.onMetadataLoaded()),this.audio.addEventListener("canplay",()=>this.setLoading(!1)),this.audio.addEventListener("play",()=>this.onPlay()),this.audio.addEventListener("pause",()=>this.onPause()),this.audio.addEventListener("ended",()=>this.onEnded()),this.audio.addEventListener("error",i=>this.onError(i))),this.canvas.addEventListener("click",i=>this.handleCanvasClick(i)),this._dragging=!1,this._seekHover=!1,this._handleNear=!1,this.canvas.addEventListener("pointerenter",()=>{this._seekHover=!0,this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener("pointerleave",()=>{this._seekHover=!1,this._handleNear=!1,this._dragging||this._hideHoverTip(),this.drawWaveform(),this._updateSeekHandle()}),this.canvas.addEventListener("pointerdown",i=>{if(!(i.pointerType==="mouse"&&i.button!==0)){this._dragging=!0;try{this.canvas.setPointerCapture(i.pointerId)}catch{}this._scrubTo(i.clientX)}}),this.canvas.addEventListener("pointermove",i=>{if(this._dragging){this._scrubTo(i.clientX);return}let s=this.canvas.getBoundingClientRect();s.width&&(this._handleNear=Math.abs(i.clientX-s.left-this.progress*s.width)<=10,this._updateSeekHandle())});let t=i=>{if(this._dragging){this._dragging=!1,this._suppressClick=!0;try{this.canvas.releasePointerCapture(i.pointerId)}catch{}this._seekFromPointer(i.clientX),!this._seekHover&&!this.options.showHoverTime&&this._hideHoverTip(),this._updateSeekHandle()}};this.canvas.addEventListener("pointerup",t),this.canvas.addEventListener("pointercancel",t),this.setupHoverTime(),this.setupSeekHandle(),this.resizeHandler=J(()=>this.resizeCanvas(),100),window.addEventListener("resize",this.resizeHandler)}setupResizeObserver(){"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(()=>{this.resizeCanvas()}),this.canvas?.parentElement&&this.resizeObserver.observe(this.canvas.parentElement))}async load(t){try{this.setLoading(!0),this.progress=0,this.hasError=!1,this.audio&&(this.audio.src=t,await new Promise((s,r)=>{let a=()=>{this.audio.removeEventListener("loadedmetadata",a),this.audio.removeEventListener("error",o),s()},o=n=>{this.audio.removeEventListener("loadedmetadata",a),this.audio.removeEventListener("error",o),r(n)};this.audio.addEventListener("loadedmetadata",a),this.audio.addEventListener("error",o)}));let i=this.options.title||H(t);if(this.titleEl&&(this.titleEl.textContent=i),this.applySeekLabel(i),this.options.waveform)this.setWaveformData(this.options.waveform);else try{let s=await O(t,this.options.samples,this.options.showBPM);this.waveformData=s.peaks,s.bpm&&(this.detectedBPM=s.bpm,this.updateBPMDisplay())}catch(s){console.warn("[WaveformPlayer] Using placeholder waveform:",s),this.waveformData=et(this.options.samples)}this.drawWaveform(),this.renderMarkers(),this.options.onLoad&&this.options.onLoad(this)}catch(i){this.onError(i)}finally{this.setLoading(!1)}}async loadTrack(t,i=null,s=null,r={}){let a=Object.prototype.hasOwnProperty.call(r,"artwork"),o=Object.prototype.hasOwnProperty.call(r,"artworkAlt");this.isPlaying&&this.pause(),this.audio&&(this.audio.src="",this.audio.load()),this.hasError=!1,this.errorEl&&(this.errorEl.style.display="none"),this.canvas&&(this.canvas.style.opacity="1"),this.playBtn&&(this.playBtn.disabled=!1),this.progress=0,this.waveformData=[],this.options=B(this.options,{url:t,title:i===null?this.options.title:i,artist:s===null?this.options.artist:s,...r}),a&&(this.options.artwork=r.artwork||null),o?this.options.artworkAlt=r.artworkAlt||"":a&&(this.options.artworkAlt=this.options.artwork?F.artworkAlt:""),r.preload&&this.audio&&(this.audio.preload=r.preload),s!==null&&this.syncArtist(s),(a||o)&&this.syncArtwork(a?r.artwork:this.options.artwork,o?r.artworkAlt:this.options.artworkAlt),this.options.markers=r.markers||[],this.options.waveform=r.waveform||null,await this.load(t),r.autoplay!==!1&&this.play()?.catch(()=>{})}setWaveformData(t){if(typeof t=="string"&&t.trim().endsWith(".json")){fetch(t.trim()).then(i=>i.json()).then(i=>{this.waveformData=Array.isArray(i)?i:i.peaks||[],i.markers&&!this.options.markers?.length&&(this.options.markers=i.markers,this.renderMarkers()),this.drawWaveform()}).catch(()=>{});return}if(typeof t=="string")try{let i=JSON.parse(t);this.waveformData=Array.isArray(i)?i:[]}catch{this.waveformData=t.split(",").map(Number)}else this.waveformData=Array.isArray(t)?t:[];this.drawWaveform()}drawWaveform(){!this.ctx||this.waveformData.length===0||Z(this.ctx,this.canvas,this.waveformData,this.progress,{...this.options,waveformStyle:this.options.waveformStyle||"bars",color:this.options.waveformColor,progressColor:this.options.progressColor,seekActive:this._seekHover||this._dragging})}resizeCanvas(){if(!this.canvas||this.isDestroying)return;let t=window.devicePixelRatio||1,i=this.canvas.parentElement.getBoundingClientRect();this.canvas.width=i.width*t,this.canvas.height=this.options.height*t,this.canvas.parentElement.style.height=this.options.height+"px",this.drawWaveform()}renderMarkers(){if(!this.markersContainer||(this.markersContainer.innerHTML="",this._activeMarkerIndex=-1,clearTimeout(this._markerLabelTimer),!this.options.showMarkers||!this.options.markers?.length))return;let t=this.getSeekDuration();t&&this.options.markers.forEach((i,s)=>{if(i.time>t){console.warn(`[WaveformPlayer] Marker "${i.label}" at ${i.time}s exceeds audio duration of ${t}s`);return}let r=i.time/t*100,a=document.createElement("button");a.className="waveform-marker",a.style.left=`${r}%`,a.style.backgroundColor=i.color||"rgba(255, 255, 255, 0.5)",a.setAttribute("aria-label",i.label),a.setAttribute("data-time",i.time);let o=document.createElement("span");o.className="waveform-marker-tooltip",o.textContent=i.label,a.appendChild(o),a.addEventListener("click",n=>{n.stopPropagation(),this.seekTo(i.time),this.options.playOnSeek&&!this.isPlaying&&this.play()}),this.markersContainer.appendChild(a)})}setActiveMarker(t){if(!this.markersContainer)return;this.markersContainer.querySelectorAll(".waveform-marker").forEach((s,r)=>s.classList.toggle("active",r===t))}updateActiveMarker(){if(!this.markersContainer)return;let t=this.markersContainer.querySelectorAll(".waveform-marker");if(!t.length)return;let i=this.getSeekDuration(),s=i?this.progress*i:0,r=-1,a=-1/0;t.forEach((o,n)=>{let l=parseFloat(o.getAttribute("data-time"));Number.isFinite(l)&&l<=s+.05&&l>a&&(a=l,r=n)}),r!==this._activeMarkerIndex&&(this._activeMarkerIndex=r,this.setActiveMarker(r),clearTimeout(this._markerLabelTimer),t.forEach((o,n)=>o.classList.toggle("show-label",n===r)),r>=0&&(this._markerLabelTimer=setTimeout(()=>{this.markersContainer?.querySelectorAll(".waveform-marker").forEach(o=>o.classList.remove("show-label"))},2500)))}setupHoverTime(){if(!this.seekEl)return;let t=document.createElement("div");t.className="waveform-hover-time",t.setAttribute("aria-hidden","true"),this.seekEl.appendChild(t),this.hoverTimeEl=t,this.options.showHoverTime&&(this.seekEl.addEventListener("pointermove",i=>{this._dragging||this._updateHoverTip(i.clientX)}),this.seekEl.addEventListener("pointerleave",()=>{this._dragging||this._hideHoverTip()}))}_updateHoverTip(t){let i=this.hoverTimeEl;if(!i)return;let s=this.getSeekDuration();if(!s){i.style.opacity="0";return}let r=this.canvas.getBoundingClientRect(),a=m((t-r.left)/r.width);i.textContent=S(a*s),i.style.left=a*100+"%",i.style.opacity="1"}_hideHoverTip(){this.hoverTimeEl&&(this.hoverTimeEl.style.opacity="0")}_scrubTo(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;this.progress=m((t-i.left)/i.width),this.drawWaveform(),this._updateSeekHandle();let s=this.getSeekDuration();s&&this.currentTimeEl?(this.currentTimeEl.textContent=S(this.progress*s),this._hideHoverTip()):this._updateHoverTip(t)}setupSeekHandle(){if(!this.options.seekHandle||this.options.waveformStyle!=="seekbar"||!this.seekEl)return;let t=document.createElement("div");t.className="waveform-seek-handle",t.setAttribute("aria-hidden","true"),this.seekEl.appendChild(t),this.seekHandleEl=t}_updateSeekHandle(){let t=this.seekHandleEl;t&&(t.style.left=this.progress*100+"%",t.classList.toggle("is-visible",this._seekHover||this._dragging),t.classList.toggle("is-active",this._dragging||this._handleNear))}handleCanvasClick(t){if(this._suppressClick){this._suppressClick=!1;return}this._seekFromPointer(t.clientX)}_seekFromPointer(t){let i=this.canvas.getBoundingClientRect();if(!i.width)return;let s=m((t-i.left)/i.width);if(this.options.audioMode==="external"){this._requestSeek(s);return}!this.audio||!this.audio.duration||this.seekToPercent(s)}setLoading(t){this.isLoading=t,this.loadingEl&&(this.loadingEl.style.display=t?"block":"none"),this.seekEl&&this.seekEl.setAttribute("aria-busy",t?"true":"false")}onMetadataLoaded(){this.isDestroying||(this.totalTimeEl&&(this.totalTimeEl.textContent=S(this.audio.duration)),this.renderMarkers(),this.updateSeekAccessibility())}setPlayButtonState(t){if(!this.playBtn)return;this.playBtn.classList.toggle("playing",t);let i=this.playBtn.querySelector(".waveform-icon-play"),s=this.playBtn.querySelector(".waveform-icon-pause");i&&(i.style.display=t?"none":"flex"),s&&(s.style.display=t?"flex":"none")}onPlay(){this.isDestroying||(this.isPlaying=!0,this.setPlayButtonState(!0),this.startSmoothUpdate(),this._updateMediaSession("playing"),this._emit("waveformplayer:play",{player:this,url:this.options.url}),this.options.onPlay&&this.options.onPlay(this))}onPause(){this.isDestroying||(this.isPlaying=!1,this.setPlayButtonState(!1),this.stopSmoothUpdate(),this._updateMediaSession("paused"),this._emit("waveformplayer:pause",{player:this,url:this.options.url}),this.options.onPause&&this.options.onPause(this))}onEnded(){if(this.isDestroying)return;let t=this.audio.duration;this.progress=0,this.audio.currentTime=0,this.drawWaveform(),this.currentTimeEl&&(this.currentTimeEl.textContent="0:00"),this._emit("waveformplayer:ended",{player:this,url:this.options.url,currentTime:t,duration:t}),this.onPause(),this.options.onEnd&&this.options.onEnd(this)}onError(t){this.isDestroying||(console.error("[WaveformPlayer] Audio error:",t),this.hasError=!0,this.setLoading(!1),this.errorEl&&(this.errorEl.style.display="flex"),this.canvas&&(this.canvas.style.opacity="0.2"),this.playBtn&&(this.playBtn.disabled=!0),this.options.onError&&this.options.onError(t,this))}startSmoothUpdate(){this.stopSmoothUpdate();let t=()=>{this.isPlaying&&this.audio&&this.audio.duration&&(this.updateProgress(),this.updateTimer=requestAnimationFrame(t))};this.updateTimer=requestAnimationFrame(t)}stopSmoothUpdate(){this.updateTimer&&(cancelAnimationFrame(this.updateTimer),this.updateTimer=null)}updateProgress(){if(!this.audio||!this.audio.duration||this._dragging)return;let t=this.audio.currentTime/this.audio.duration;Math.abs(t-this.progress)>.001&&(this.progress=t,this.drawWaveform(),this._updateSeekHandle()),this.currentTimeEl&&(this.currentTimeEl.textContent=S(this.audio.currentTime)),this._emit("waveformplayer:timeupdate",{player:this,currentTime:this.audio.currentTime,duration:this.audio.duration,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&&this.options.onTimeUpdate(this.audio.currentTime,this.audio.duration,this),this.updateActiveMarker(),this.updateSeekAccessibility()}updateBPMDisplay(){let t=this.options.bpm||this.detectedBPM;this.bpmEl&&this.bpmValueEl&&t&&(this.bpmValueEl.textContent=Math.round(t),this.bpmEl.style.display="inline-flex")}refreshTheme(){if(!this._autoTheme)return;this._scheme=R();let t=z(this.options.colorPreset);for(let i of this._presetKeys||[])i in t&&(this.options[i]=t[i]);this._applyThemeColors()}_applyThemeColors(){this.container.classList.toggle("waveform-theme-light",this._scheme==="light"),this.canvas&&this.drawWaveform()}static _watchTheme(){if(e._themeWatch||typeof document>"u")return;let t=()=>requestAnimationFrame(()=>{e.instances.forEach(a=>{try{a.refreshTheme()}catch{}})}),i={attributes:!0,attributeFilter:["class","data-theme","data-color-scheme","style"]},s=new MutationObserver(t);s.observe(document.documentElement,i),document.body&&s.observe(document.body,i);let r=null;try{r=window.matchMedia("(prefers-color-scheme: dark)"),r.addEventListener("change",t)}catch{}e._themeWatch={obs:s,mq:r,refresh:t}}updateSpeedUI(){if(!this.audio)return;let t=this.container.querySelector(".speed-value");if(t){let i=this.audio.playbackRate;t.textContent=i===1?"1x":`${i}x`}this.container.querySelectorAll(".speed-option").forEach(i=>{let s=parseFloat(i.dataset.rate)===this.audio.playbackRate;i.classList.toggle("active",s),i.setAttribute("aria-checked",s?"true":"false")})}play(){if(this.options.singlePlay&&e.currentlyPlaying&&e.currentlyPlaying!==this&&e.currentlyPlaying.pause(),this.options.audioMode==="external"){this._emit("waveformplayer:request-play",this._buildTrackDetail(),!0).defaultPrevented||(e.currentlyPlaying=this);return}return e.currentlyPlaying=this,this.audio.play()}pause(){if(e.currentlyPlaying===this&&(e.currentlyPlaying=null),this.options.audioMode==="external"){this._emit("waveformplayer:request-pause",this._buildTrackDetail(),!0);return}this.audio.pause()}_buildTrackDetail(){return{url:this.options.url,title:this.options.title,artist:this.options.artist,artwork:this.options.artwork,markers:this.options.markers,waveform:this.options.waveform,id:this.id,player:this}}setPlayingState(t){let i=this.isPlaying;this.isPlaying=!!t,this.setPlayButtonState(this.isPlaying),this.isPlaying&&!i?(this.startSmoothUpdate?.(),this._emit("waveformplayer:play",{player:this,url:this.options.url}),this.options.onPlay&&this.options.onPlay(this)):!this.isPlaying&&i&&(this.stopSmoothUpdate?.(),this._emit("waveformplayer:pause",{player:this,url:this.options.url}),this.options.onPause&&this.options.onPause(this))}setProgress(t,i){!i||i<=0||(this.progress=m(t/i),this.currentTimeEl&&(this.currentTimeEl.textContent=S(t)),this._extDuration=i,this.totalTimeEl&&(!this.totalTimeEl.dataset._extSet||this.totalTimeEl.dataset._extDur!==String(i))&&(this.totalTimeEl.textContent=S(i),this.totalTimeEl.dataset._extSet="1",this.totalTimeEl.dataset._extDur=String(i)),this.drawWaveform?.(),this.updateActiveMarker(),this._emit("waveformplayer:timeupdate",{player:this,currentTime:t,duration:i,progress:this.progress,url:this.options.url}),this.options.onTimeUpdate&&this.options.onTimeUpdate(t,i,this),this.progress>=1?this._extEnded||(this._extEnded=!0,this._emit("waveformplayer:ended",{player:this,url:this.options.url,currentTime:i,duration:i}),this.options.onEnd&&this.options.onEnd(this)):this._extEnded=!1,this.updateSeekAccessibility())}togglePlay(){this.isPlaying?this.pause():this.play()}seekTo(t){this.audio&&this.audio.duration&&(this.audio.currentTime=m(t,0,this.audio.duration),this.updateProgress())}seekToPercent(t){this.audio&&this.audio.duration&&(this.audio.currentTime=this.audio.duration*m(t),this.updateProgress())}setVolume(t){let i=Number(t);this.audio&&Number.isFinite(i)&&(this.audio.volume=m(i))}setPlaybackRate(t){if(!this.audio)return;let i=m(t,.5,2);this.audio.playbackRate=i,this.options.playbackRate=i,this.updateSpeedUI()}destroy(){this.isDestroying=!0,this._emit("waveformplayer:destroy",{player:this,url:this.options.url}),this.pause(),this.stopSmoothUpdate(),clearTimeout(this._markerLabelTimer),this._ac?.abort(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.resizeHandler&&(window.removeEventListener("resize",this.resizeHandler),this.resizeHandler=null),e.instances.delete(this.id),e.currentlyPlaying===this&&(e.currentlyPlaying=null),this.audio&&(this.audio.pause(),this.audio.src="",this.audio.load(),this.audio=null),this.container.innerHTML="",this.canvas=null,this.ctx=null,this.playBtn=null,this.waveformData=[]}static getInstance(t){if(typeof t=="string"){let i=this.instances.get(t);if(i)return i;let s=document.getElementById(t);if(s)return Array.from(this.instances.values()).find(r=>r.container===s)}if(t instanceof HTMLElement)return Array.from(this.instances.values()).find(i=>i.container===t)}static getAllInstances(){return Array.from(this.instances.values())}static destroyAll(){this.instances.forEach(t=>t.destroy()),this.instances.clear()}static async generateWaveformData(t,i=1800){try{return(await O(t,i)).peaks}catch(s){throw console.error("[WaveformPlayer] Failed to generate waveform:",s),s}}static getPeaksUrl(t){if(!t)return;let i=t.replace(/\.(mp3|wav|ogg|flac|m4a|aac)(\?[^#]*)?(#.*)?$/i,".json$2$3");return i===t?void 0:i}};A.utils={formatTime:S,extractTitleFromUrl:H,escapeHtml:P,isSafeHref:N,parseDataAttributes:D};var q=()=>typeof window<"u"&&typeof document<"u";function $(){if(!q())return;document.querySelectorAll("[data-waveform-player]").forEach(t=>{if(t.dataset.waveformInitialized!=="true")try{new A(t),t.dataset.waveformInitialized="true"}catch(i){console.error("[WaveformPlayer] Failed to initialize:",i,t)}})}q()&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",$):$());A.init=$;q()&&(window.WaveformPlayer=A);var Rt=A;})();
diff --git a/dist/waveform-player.min.js.map b/dist/waveform-player.min.js.map
index 5dfb8dc..19081a2 100644
--- a/dist/waveform-player.min.js.map
+++ b/dist/waveform-player.min.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/js/utils.js", "../src/js/drawing.js", "../src/js/bpm.js", "../src/js/audio.js", "../src/js/themes.js", "../src/js/core.js", "../src/js/index.js"],
-  "sourcesContent": ["/**\n * @module utils\n * @description Utility functions for WaveformPlayer\n */\n\n/**\n * Default number of peak windows extracted per track. Shared by the runtime\n * peak extraction and `DEFAULT_OPTIONS.samples` so they can't silently drift,\n * and matched to @arraypress/waveform-gen's offline default (1800) for parity.\n * @type {number}\n */\nexport const DEFAULT_SAMPLES = 1800;\n\n/**\n * Largest value in an array, via a loop \u2014 NOT `Math.max(...arr)`, whose\n * argument spread throws `RangeError: Maximum call stack size exceeded` for\n * very large arrays (~1e5+ entries). Returns `-Infinity` for an empty array,\n * matching `Math.max()`.\n * @param {number[]} values - Numbers to scan.\n * @returns {number} The maximum value (`-Infinity` if empty).\n */\nexport function maxOf(values) {\n    let max = -Infinity;\n    for (let i = 0; i < values.length; i++) {\n        if (values[i] > max) max = values[i];\n    }\n    return max;\n}\n\n/**\n * Escape a string for safe interpolation into HTML, preventing injection when\n * building markup with template strings. `null`/`undefined` become `''`.\n * @param {*} str - Value to escape.\n * @returns {string} HTML-escaped string.\n */\nexport function escapeHtml(str) {\n    return String(str == null ? '' : str)\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;')\n        .replace(/'/g, '&#39;');\n}\n\n/**\n * Whether a URL is safe to navigate to (assign to `location.href`): allows only\n * `http`/`https` and relative URLs, rejecting `javascript:`, `data:`, `blob:`,\n * `vbscript:` and other script-bearing schemes.\n * @param {string} url - Candidate URL.\n * @returns {boolean} True if the URL uses a safe scheme.\n */\nexport function isSafeHref(url) {\n    if (typeof url !== 'string' || url === '') return false;\n    try {\n        // Resolve relative URLs against a dummy http base; only the scheme matters.\n        const u = new URL(url, 'http://localhost/');\n        return u.protocol === 'http:' || u.protocol === 'https:';\n    } catch (e) {\n        return false;\n    }\n}\n\n/**\n * Clamp a number to an inclusive range.\n * @param {number} value - Value to constrain.\n * @param {number} [min=0] - Lower bound.\n * @param {number} [max=1] - Upper bound.\n * @returns {number} `value` constrained to `[min, max]`.\n */\nexport function clamp(value, min = 0, max = 1) {\n    return Math.max(min, Math.min(value, max));\n}\n\n/**\n * Read a boolean `data-*` flag. Returns `undefined` when the attribute is\n * absent (preserving the sparse-options contract) and otherwise compares the\n * raw value against the literal string `'true'`.\n * @param {string|undefined} value - Raw `dataset` value.\n * @returns {boolean|undefined} `true`/`false` when present, else `undefined`.\n */\nexport function parseBoolAttr(value) {\n    return value === undefined ? undefined : value === 'true';\n}\n\n/**\n * A colour data-attribute may be a CSS colour string OR a JSON array of\n * gradient stops (e.g. '[\"#fafafa\",\"#71717a\"]'). Parse the array form;\n * otherwise pass the string straight through.\n * @param {string} value\n * @returns {string|string[]}\n */\nfunction parseColorValue(value) {\n    if (typeof value === 'string' && value.trim().startsWith('[')) {\n        try { return JSON.parse(value); } catch (e) { /* fall through to string */ }\n    }\n    return value;\n}\n\n/**\n * Read every recognised `data-*` attribute off a host element and translate it\n * into a plain options object suitable for `mergeOptions`.\n *\n * Only attributes that are actually present are copied, so the returned object\n * is sparse and never overrides defaults with `undefined`. Numeric attributes\n * are coerced with `parseInt`/`parseFloat`, boolean flags are compared against\n * the literal string `'true'`, and JSON-valued attributes (`markers`,\n * `playbackRates`) are parsed defensively \u2014 a parse failure is warned about and\n * the attribute is skipped rather than thrown.\n *\n * Several attributes are shorthand aliases of a canonical long form: `data-src`\n * \u2192 `url`, `data-style` \u2192 `waveformStyle`. When both are present the canonical\n * long form is applied last and therefore wins. `data-color` and `data-theme`\n * are retained as legacy aliases for `waveformColor` and `colorPreset`.\n * Colour attributes that accept gradients (`waveformColor`, `progressColor`)\n * are passed through {@link parseColorValue} so a JSON stop array is expanded.\n *\n * @param {HTMLElement} element - Host element whose `dataset` is inspected.\n * @returns {Object} Sparse options object containing only the attributes found.\n */\nexport function parseDataAttributes(element) {\n    const options = {};\n\n    // Set a boolean option only when its `data-*` attribute is present, so the\n    // returned object stays sparse and never overrides a default with a value\n    // the author didn't set. (`dataKey` differs from `optKey` only for showBPM.)\n    const setBool = (optKey, dataKey = optKey) => {\n        const v = parseBoolAttr(element.dataset[dataKey]);\n        if (v !== undefined) options[optKey] = v;\n    };\n\n    // Read a present (non-empty) numeric attribute as an int (or float).\n    const setNum = (optKey, dataKey = optKey, float = false) => {\n        const raw = element.dataset[dataKey];\n        if (raw) options[optKey] = float ? parseFloat(raw) : parseInt(raw, 10);\n    };\n\n    // Parse a JSON-valued attribute defensively \u2014 warn and skip on bad JSON.\n    const setJson = (optKey, dataKey = optKey) => {\n        const raw = element.dataset[dataKey];\n        if (!raw) return;\n        try { options[optKey] = JSON.parse(raw); }\n        catch (e) { console.warn(`[WaveformPlayer] Invalid ${dataKey} JSON:`, e); }\n    };\n\n    // Core attributes. `data-src` is a shorthand alias for `data-url`;\n    // the canonical long form wins if both are set.\n    if (element.dataset.src) options.url = element.dataset.src;\n    if (element.dataset.url) options.url = element.dataset.url;\n    setNum('height');\n    setNum('samples');\n    if (element.dataset.preload) {\n        options.preload = element.dataset.preload;\n    }\n    if (element.dataset.audioMode) options.audioMode = element.dataset.audioMode;\n\n    // Waveform style attributes. `data-style` is a shorthand alias for\n    // `data-waveform-style`; the canonical long form wins if both are set.\n    if (element.dataset.style) options.waveformStyle = element.dataset.style;\n    if (element.dataset.waveformStyle) options.waveformStyle = element.dataset.waveformStyle;\n    if (element.dataset.waveformGradient) options.waveformGradient = element.dataset.waveformGradient;\n    setNum('barWidth');\n    setNum('barSpacing');\n    setNum('barRadius');\n    if (element.dataset.buttonAlign) options.buttonAlign = element.dataset.buttonAlign;\n    if (element.dataset.layout) options.layout = element.dataset.layout;\n    if (element.dataset.buttonStyle) options.buttonStyle = element.dataset.buttonStyle;\n    // buttonSize: a bare number is px (data-button-size=\"64\"); a unit string\n    // (e.g. \"4rem\") is kept verbatim.\n    if (element.dataset.buttonSize) {\n        const bs = element.dataset.buttonSize;\n        options.buttonSize = /^\\d+(\\.\\d+)?$/.test(bs.trim()) ? parseFloat(bs) : bs;\n    }\n\n    // Color preset\n    if (element.dataset.colorPreset) options.colorPreset = element.dataset.colorPreset;\n\n    // Individual color customization\n    if (element.dataset.waveformColor) options.waveformColor = parseColorValue(element.dataset.waveformColor);\n    if (element.dataset.progressColor) options.progressColor = parseColorValue(element.dataset.progressColor);\n\n    // Legacy support for old attribute names\n    if (element.dataset.color) options.waveformColor = element.dataset.color;\n    if (element.dataset.theme) options.colorPreset = element.dataset.theme;\n\n    // Feature flags\n    setBool('autoplay');\n    setBool('showControls');\n    setBool('showInfo');\n    setBool('showTime');\n    setBool('showHoverTime');\n    setBool('seekHandle');\n    setBool('showBPM', 'showBpm');\n    setNum('bpm');\n    setBool('singlePlay');\n    setBool('playOnSeek');\n\n    // Content and metadata\n    if (element.dataset.title) options.title = element.dataset.title;\n    if (element.dataset.artist) options.artist = element.dataset.artist;\n    if (element.dataset.album) options.album = element.dataset.album;\n    if (element.dataset.artwork) options.artwork = element.dataset.artwork;\n\n    // Waveform data\n    if (element.dataset.waveform) options.waveform = element.dataset.waveform;\n\n    // Markers\n    setJson('markers');\n\n    // Playback controls\n    setNum('playbackRate', 'playbackRate', true);\n    setBool('showPlaybackSpeed');\n    setJson('playbackRates');\n\n    // Media Session API\n    setBool('enableMediaSession');\n\n    // Markers visibility\n    setBool('showMarkers');\n\n    // Accessibility\n    setBool('accessibleSeek');\n    if (element.dataset.seekLabel) options.seekLabel = element.dataset.seekLabel;\n    if (element.dataset.seekValueText) options.seekValueText = element.dataset.seekValueText;\n    if (element.dataset.errorText) options.errorText = element.dataset.errorText;\n\n    // Localizable UI strings (screen-reader / lock-screen facing)\n    if (element.dataset.playPauseLabel) options.playPauseLabel = element.dataset.playPauseLabel;\n    if (element.dataset.speedLabel) options.speedLabel = element.dataset.speedLabel;\n    if (element.dataset.artworkAlt) options.artworkAlt = element.dataset.artworkAlt;\n    if (element.dataset.unknownTrackText) options.unknownTrackText = element.dataset.unknownTrackText;\n\n    // Custom icons (raw SVG markup)\n    if (element.dataset.playIcon) options.playIcon = element.dataset.playIcon;\n    if (element.dataset.pauseIcon) options.pauseIcon = element.dataset.pauseIcon;\n\n    return options;\n}\n\n/**\n * Interpolate a printf-style seek value-text template.\n *\n * Substitutes positional (`%1$s`, `%2$s`) and sequential (`%s`) placeholders so\n * a localized template resolves the same way `sprintf` would \u2014 including\n * templates that reorder the arguments for a given language. Placeholders with\n * no matching argument are left intact.\n * @param {string} template - Value-text template, e.g. `'%1$s of %2$s'`.\n * @param {...string} args  - Replacement values, in order (current, duration).\n * @returns {string} The interpolated value text.\n */\nexport function formatSeekValueText(template, ...args) {\n    let sequentialIndex = 0;\n    return template.replace(/%(?:(\\d+)\\$)?s/g, (match, position) => {\n        const index = position ? Number(position) - 1 : sequentialIndex++;\n        return args[index] ?? match;\n    });\n}\n\n/**\n * Format a duration as a clock string.\n *\n * Renders `M:SS` for durations under an hour and `H:MM:SS` for longer ones,\n * zero-padding the minutes and seconds. Falsy, `NaN`, or negative inputs are\n * treated as zero and return `'0:00'`.\n * @param {number} seconds - Time in seconds.\n * @returns {string} Formatted time, e.g. `'3:07'` or `'1:02:09'`.\n */\nexport function formatTime(seconds) {\n    if (!seconds || isNaN(seconds) || seconds < 0) return '0:00';\n\n    const hrs = Math.floor(seconds / 3600);\n    const mins = Math.floor((seconds % 3600) / 60);\n    const secs = Math.floor(seconds % 60);\n\n    if (hrs > 0) {\n        return `${hrs}:${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n    }\n\n    return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n/**\n * Monotonic per-process counter appended to every generated id to guarantee\n * uniqueness even when two ids hash from the same URL.\n * @type {number}\n * @private\n */\nlet idCounter = 0;\n\n/**\n * Generate a unique, DOM-safe ID from a URL.\n *\n * Uses a DJB2 hash of the FULL url (not a 10-char prefix) plus a process\n * counter, so same-host tracks don't collide in the instances map and\n * non-Latin1 / Unicode URLs don't throw (the old btoa() approach did both).\n * @param {string} url - Audio URL\n * @returns {string} Unique element-id-safe string\n */\nexport function generateId(url) {\n    const str = url || 'audio';\n    let hash = 5381;\n    for (let i = 0; i < str.length; i++) {\n        hash = ((hash << 5) + hash + str.charCodeAt(i)) | 0;\n    }\n    return `wp_${(hash >>> 0).toString(36)}_${(idCounter++).toString(36)}`;\n}\n\n/**\n * Derive a human-readable title from an audio URL's filename.\n *\n * Takes the last path segment, drops the extension, replaces `-`/`_`\n * separators with spaces, and title-cases the first letter of each word.\n * Returns `'Audio'` for an empty or missing URL.\n * @param {string} url - Audio URL.\n * @returns {string} Extracted, prettified title.\n * @example\n * extractTitleFromUrl('https://cdn.example.com/my-cool_track.mp3'); // 'My Cool Track'\n */\nexport function extractTitleFromUrl(url) {\n    if (!url) return 'Audio';\n\n    const parts = url.split('/');\n    const filename = parts[parts.length - 1];\n    const name = filename.split('.')[0];\n\n    // Clean up common separators\n    return name\n        .replace(/[-_]/g, ' ')\n        .replace(/\\b\\w/g, l => l.toUpperCase());\n}\n\n/**\n * Perceived brightness (0\u2013255) of a CSS colour, via the luminance formula.\n * Pulls the numeric channels out of an `rgb()`/`rgba()` string.\n * @param {string} color - CSS colour string, e.g. `\"rgb(34, 34, 34)\"`.\n * @returns {number|null} Brightness 0\u2013255, or `null` if it can't be parsed.\n */\nexport function perceivedBrightness(color) {\n    const rgb = typeof color === 'string' ? color.match(/\\d+/g) : null;\n    if (!rgb || rgb.length < 3) return null;\n    const [r, g, b] = rgb.map(Number);\n    return (r * 299 + g * 587 + b * 114) / 1000;\n}\n\n/**\n * Shallow-merge option objects into a new object, last source winning.\n *\n * Keys whose value is `null` or `undefined` are skipped, so a later source can\n * leave an earlier value untouched by passing a nullish entry rather than\n * clobbering it. The inputs are never mutated.\n * @param {...Object} sources - Option objects merged left-to-right.\n * @returns {Object} A fresh object containing the merged, defined keys.\n */\nexport function mergeOptions(...sources) {\n    const result = {};\n\n    for (const source of sources) {\n        for (const key in source) {\n            if (source[key] !== null && source[key] !== undefined) {\n                result[key] = source[key];\n            }\n        }\n    }\n\n    return result;\n}\n\n/**\n * Wrap a function so it only runs once calls stop arriving for `wait` ms.\n *\n * Each invocation resets the pending timer, so rapid bursts collapse into a\n * single trailing-edge call that receives the most recent arguments. The\n * wrapper itself returns nothing.\n * @param {Function} func - Function to debounce.\n * @param {number} wait - Idle period in milliseconds before `func` fires.\n * @returns {Function} Debounced wrapper forwarding its arguments to `func`.\n */\nexport function debounce(func, wait) {\n    let timeout;\n\n    return function executedFunction(...args) {\n        const later = () => {\n            clearTimeout(timeout);\n            func(...args);\n        };\n\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n    };\n}\n\n/**\n * Resize a waveform amplitude array to a target number of bars.\n *\n * Returns the original array unchanged when lengths already match, and an empty\n * array when either side is empty. When upsampling (target larger than source)\n * it linearly interpolates between neighbouring samples for a smooth result.\n * When downsampling it splits the source into evenly sized buckets and keeps\n * the peak (maximum) of each so transients survive the reduction; an empty\n * bucket falls back to its nearest-neighbour sample.\n * @param {number[]} data - Original amplitude samples.\n * @param {number} targetLength - Desired number of output bars.\n * @returns {number[]} Resampled amplitude array of length `targetLength`.\n */\nexport function resampleData(data, targetLength) {\n    if (data.length === targetLength) return data;\n    if (data.length === 0 || targetLength === 0) return [];\n\n    const result = [];\n\n    // If upsampling (target is larger than source)\n    if (targetLength > data.length) {\n        const ratio = (data.length - 1) / (targetLength - 1);\n\n        for (let i = 0; i < targetLength; i++) {\n            const index = i * ratio;\n            const lower = Math.floor(index);\n            const upper = Math.ceil(index);\n            const fraction = index - lower;\n\n            // Linear interpolation between samples\n            if (upper >= data.length) {\n                result.push(data[data.length - 1]);\n            } else if (lower === upper) {\n                result.push(data[lower]);\n            } else {\n                const value = data[lower] * (1 - fraction) + data[upper] * fraction;\n                result.push(value);\n            }\n        }\n    } else {\n        // Downsampling (target is smaller than source)\n        const bucketSize = data.length / targetLength;\n\n        for (let i = 0; i < targetLength; i++) {\n            const start = Math.floor(i * bucketSize);\n            const end = Math.floor((i + 1) * bucketSize);\n\n            // Find the maximum value in this bucket\n            let max = 0;\n            let count = 0;\n\n            for (let j = start; j <= end && j < data.length; j++) {\n                if (data[j] > max) {\n                    max = data[j];\n                }\n                count++;\n            }\n\n            // If no samples were found in this bucket, use nearest neighbor\n            if (count === 0) {\n                const nearestIndex = Math.min(Math.round(i * bucketSize), data.length - 1);\n                max = data[nearestIndex];\n            }\n\n            result.push(max);\n        }\n    }\n\n    return result;\n}", "/**\n * @module drawing\n * @description Core waveform drawing styles optimized for visual distinction at all sizes\n */\n\nimport {resampleData, clamp} from './utils.js';\n\n/**\n * Resolve a fill value that may be a CSS colour string OR an array of colour\n * stops (rendered as a canvas gradient). Bundle-light gradient support: pass\n * e.g. `waveformColor: ['#fafafa', '#71717a']`. A single-element array collapses\n * to that one colour; a multi-element array is spread evenly along the axis set\n * by `options.waveformGradient`:\n *   - `'vertical'`   (default) a canvas-height gradient (colour keyed to\n *     absolute Y, so short bars occupy only the lower band).\n *   - `'horizontal'` left -> right across the whole waveform (a hue sweep).\n *   - `'diagonal'`   top-left -> bottom-right.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context used to build the gradient.\n * @param {string|string[]} value - A CSS colour string, or an array of colour stops.\n * @param {HTMLCanvasElement} canvas - Canvas (provides the device-pixel span).\n * @param {Object} [options] - Drawing options; reads `waveformGradient`.\n * @returns {string|CanvasGradient} The original string, or a linear gradient.\n */\nfunction makeFill(ctx, value, canvas, options) {\n    if (!Array.isArray(value)) return value;\n    if (value.length < 2) return value[0];\n    const w = canvas.width;\n    const h = canvas.height;\n    const dir = options && options.waveformGradient;\n    const [x0, y0, x1, y1] =\n        dir === 'horizontal' ? [0, 0, w, 0] :\n        dir === 'diagonal'   ? [0, 0, w, h] :\n                               [0, 0, 0, h];\n    try {\n        const grad = ctx.createLinearGradient(x0, y0, x1, y1);\n        value.forEach((c, i) => grad.addColorStop(i / (value.length - 1), c));\n        return grad;\n    } catch (e) {\n        return value[0]; // a bad stop shouldn't abort the whole render\n    }\n}\n\n/**\n * Fill a bar rect, optionally with rounded caps (`barRadius`). Falls back to\n * a plain fillRect where `roundRect` is unavailable (older Safari) \u2014 square\n * bars, no error. Radii are clamped to half the rect's width/height so a\n * large `barRadius` never overflows a thin or short bar.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context (current fillStyle is used).\n * @param {number} x - Left edge of the bar in device pixels.\n * @param {number} y - Top edge of the bar in device pixels.\n * @param {number} w - Bar width in device pixels.\n * @param {number} h - Bar height in device pixels (may be negative for upward fills).\n * @param {number|number[]} radii - Corner radius (number, or [tl, tr, br, bl]).\n * @returns {void}\n */\nfunction fillBar(ctx, x, y, w, h, radii) {\n    const any = Array.isArray(radii) ? radii.some(r => r > 0) : radii > 0;\n    if (any && typeof ctx.roundRect === 'function') {\n        const max = Math.min(w / 2, Math.abs(h) / 2);\n        const clampR = (r) => clamp(r, 0, max);\n        ctx.beginPath();\n        ctx.roundRect(x, y, w, h, Array.isArray(radii) ? radii.map(clampR) : clampR(radii));\n        ctx.fill();\n    } else {\n        ctx.fillRect(x, y, w, h);\n    }\n}\n\n/**\n * Scale the configured `barRadius` into device pixels (scalar).\n * @private\n * @param {Object} options - Drawing options (`barRadius` in CSS pixels, defaults to 0).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number} The bar corner radius in device pixels.\n */\nfunction barRadiusPx(options, dpr) {\n    return (options.barRadius || 0) * dpr;\n}\n\n/**\n * Top-rounded corner radii for bottom-anchored bars: [tl, tr, br, bl].\n * Only the top two corners are rounded so bars sit flush on the baseline.\n * @private\n * @param {Object} options - Drawing options (supplies `barRadius`).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number[]} Corner radii in device pixels as [tl, tr, br, bl].\n */\nfunction barRadii(options, dpr) {\n    const r = barRadiusPx(options, dpr);\n    return [r, r, 0, 0];\n}\n\n/**\n * Trace a horizontal rounded-capsule (stadium) path from `startX` to `endX`,\n * ready to fill. The end caps are semicircles of radius `barHeight / 2`.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context.\n * @param {number} startX - Left edge x (also the left cap centre).\n * @param {number} endX - Right edge x.\n * @param {number} centerY - Vertical centre of the capsule.\n * @param {number} barHeight - Capsule thickness in pixels.\n * @returns {void}\n */\nfunction capsulePath(ctx, startX, endX, centerY, barHeight) {\n    const r = barHeight / 2;\n    ctx.beginPath();\n    ctx.moveTo(startX, centerY - r);\n    ctx.lineTo(endX - r, centerY - r);\n    ctx.arc(endX - r, centerY, r, -Math.PI / 2, Math.PI / 2);\n    ctx.lineTo(startX, centerY + r);\n    ctx.arc(startX, centerY, r, Math.PI / 2, -Math.PI / 2);\n    ctx.closePath();\n}\n\n/**\n * Draw standard bars waveform - classic vertical bars anchored to the baseline.\n * Peaks are resampled to fit the available bar slots, drawn at 90% of canvas\n * height, then the progress portion is repainted in `progressColor` via a\n * left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor` (colour strings or gradient stop arrays).\n * @returns {void}\n */\nexport function drawBars(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const progressWidth = progress * canvas.width;\n    const radii = barRadii(options, dpr);\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars first\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw mirror/SoundCloud style waveform - symmetrical bars about the centre line.\n * Each peak is drawn twice (45% of height up and down) with the upper cap rounded\n * on top and the lower cap rounded on the bottom; the progress portion is then\n * repainted in `progressColor` through a left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawMirror(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const centerY = height / 2;\n    const progressWidth = progress * canvas.width;\n    const r = barRadiusPx(options, dpr);\n    const topRadii = [r, r, 0, 0];   // round the upper cap\n    const botRadii = [0, 0, r, r];   // round the lower cap\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw line/oscilloscope style waveform - smooth flowing wave with glow.\n * Renders a faint oscilloscope grid (centre line + 10 vertical divisions), the\n * full waveform as a bezier-smoothed curve, then the played portion on top with\n * a coloured shadow glow. Peaks are modulated by a sine term so the line undulates\n * rather than reading as static bars.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1); the glowing curve is only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (base wave), `progressColor` (played wave).\n * @returns {void}\n */\nexport function drawLine(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const amplitude = height * 0.35;\n\n    ctx.clearRect(0, 0, width, height);\n\n    /**\n     * Stroke a bezier-smoothed curve through the (optionally sine-modulated) peaks.\n     * @private\n     * @param {string} color - Stroke colour (and shadow colour when glowing).\n     * @param {number} lineWidth - Stroke width in pixels.\n     * @param {number} [endProgress=1] - Fraction (0-1) of the peaks to draw, left to right.\n     * @param {boolean} [addGlow=false] - When true, applies a coloured shadow blur for a glow effect.\n     * @returns {void}\n     */\n    const drawCurve = (color, lineWidth, endProgress = 1, addGlow = false) => {\n        // strokeStyle accepts a gradient; shadowColor must be a solid string, so\n        // collapse a stop array to its last stop for the glow.\n        const stroke = makeFill(ctx, color, canvas, options);\n        const solid = Array.isArray(color) ? color[color.length - 1] : color;\n        if (addGlow) {\n            ctx.shadowBlur = 12;\n            ctx.shadowColor = solid;\n        }\n\n        ctx.strokeStyle = stroke;\n        ctx.lineWidth = lineWidth;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n\n        ctx.beginPath();\n        ctx.moveTo(0, centerY);\n\n        const points = [];\n        const samples = Math.floor(peaks.length * endProgress);\n\n        // Calculate smoothed points\n        for (let i = 0; i < samples; i++) {\n            const x = (i / (peaks.length - 1)) * width;\n            const peakValue = peaks[i];\n\n            // Create a smooth wave motion\n            const waveOffset = Math.sin(i * 0.1) * peakValue;\n            const y = centerY + (waveOffset * amplitude);\n\n            points.push({x, y});\n        }\n\n        // Draw smooth curve through points using bezier curves\n        for (let i = 0; i < points.length - 1; i++) {\n            const cp1x = points[i].x + (points[i + 1].x - points[i].x) * 0.5;\n            const cp1y = points[i].y;\n            const cp2x = points[i + 1].x - (points[i + 1].x - points[i].x) * 0.5;\n            const cp2y = points[i + 1].y;\n\n            ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, points[i + 1].x, points[i + 1].y);\n        }\n\n        ctx.stroke();\n\n        if (addGlow) {\n            ctx.shadowBlur = 0;\n        }\n    };\n\n    // Draw subtle grid for oscilloscope feel\n    ctx.strokeStyle = 'rgba(255, 255, 255, 0.03)';\n    ctx.lineWidth = 0.5;\n\n    // Horizontal center line\n    ctx.beginPath();\n    ctx.moveTo(0, centerY);\n    ctx.lineTo(width, centerY);\n    ctx.stroke();\n\n    // Vertical grid lines\n    for (let i = 0; i <= 10; i++) {\n        const x = (width / 10) * i;\n        ctx.beginPath();\n        ctx.moveTo(x, 0);\n        ctx.lineTo(x, height);\n        ctx.stroke();\n    }\n\n    // Draw background wave\n    drawCurve(options.color, 2, 1, false);\n\n    // Draw progress with glow\n    if (progress > 0) {\n        drawCurve(options.progressColor, 3, progress, true);\n    }\n}\n\n/**\n * Draw blocks/LED meter style waveform - segmented blocks growing from the centre.\n * Each bar's height is quantised into fixed-size blocks separated by gaps, drawn\n * symmetrically up and down from the centre line (the shared centre block is not\n * duplicated downward). Per-bar colour is chosen by comparing the bar's x against\n * the played width \u2014 there is no clip overlay here.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each bar's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 3), `barSpacing` (default 1),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawBlocks(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 3) * dpr;\n    const barSpacing = (options.barSpacing || 1) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const blockSize = 4 * dpr;\n    const blockGap = 2 * dpr;\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        const blockCount = Math.floor(peakHeight / (blockSize + blockGap));\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw blocks from center outward\n        for (let j = 0; j < blockCount; j++) {\n            const blockOffset = j * (blockSize + blockGap);\n\n            // Upper blocks\n            ctx.fillRect(x, centerY - blockOffset - blockSize, barWidth, blockSize);\n\n            // Lower blocks (skip the center block)\n            if (j > 0) {\n                ctx.fillRect(x, centerY + blockOffset, barWidth, blockSize);\n            }\n        }\n    }\n}\n\n/**\n * Draw dots style waveform - pairs of circular points mirrored about the centre.\n * For each sample a dot is drawn above and below the centre line at half the peak\n * height; dot radius scales with bar width but is floored at 1.5 device pixels.\n * Per-dot colour is chosen by comparing x against the played width (no clip overlay).\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each dot's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 2), `barSpacing` (default 3),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawDots(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 2) * dpr;\n    const barSpacing = (options.barSpacing || 3) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const dotRadius = Math.max(1.5 * dpr, barWidth / 2);\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing) + barWidth / 2;\n        if (x > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw upper dot\n        ctx.beginPath();\n        ctx.arc(x, centerY - peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n\n        // Draw lower dot\n        ctx.beginPath();\n        ctx.arc(x, centerY + peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n    }\n}\n\n/**\n * Draw seekbar style - a simple rounded progress bar with no waveform.\n * Renders a pill-shaped background track, a clean pill-shaped filled portion\n * (clamped to at least one full pill width so it never collapses), and a\n * draggable circular handle/thumb at the playhead (clamped so it never clips\n * at the track ends).\n * The `peaks` argument is accepted for signature parity but is unused by this style.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Ignored; present to match the shared draw-function signature.\n * @param {number} progress - Playback progress (0-1); the fill and handle are only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (track), `progressColor` (fill/glow/accent).\n * @returns {void}\n */\nexport function drawSeekbar(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const barHeight = 4; // Height of the seekbar in pixels\n    const borderRadius = barHeight / 2;\n    const active = !!options.seekActive; // hovering or dragging the seekbar\n\n    ctx.clearRect(0, 0, width, height);\n\n    // Draw background track\n    ctx.fillStyle = makeFill(ctx, options.color, canvas, options) || 'rgba(255, 255, 255, 0.2)';\n\n    // Rounded background track\n    capsulePath(ctx, borderRadius, width, centerY, barHeight);\n    ctx.fill();\n\n    // Draw progress \u2014 slightly dimmed at rest, full-bright on hover / drag.\n    // With a monochrome palette there's no hue to swap (Spotify goes\n    // white\u2192green), so the hover cue is a brightness lift plus the handle\n    // appearing. The draggable handle is a DOM element\n    // (`.waveform-seek-handle`), not drawn here \u2014 so it's always a perfect\n    // circle and can grow on direct hover via CSS.\n    if (progress > 0) {\n        const progressWidth = Math.max(borderRadius * 2, progress * width);\n\n        // Brightness lift on hover/drag is only meaningful when the handle is\n        // enabled (the bar); a standalone seekbar stays at full progress.\n        ctx.save();\n        ctx.globalAlpha = options.seekHandle && !active ? 0.7 : 1;\n        ctx.fillStyle = makeFill(ctx, options.progressColor, canvas, options) || 'rgba(255, 255, 255, 0.9)';\n        capsulePath(ctx, borderRadius, progressWidth, centerY, barHeight);\n        ctx.fill();\n        ctx.restore();\n    }\n}\n\n/**\n * Map of style names (and singular aliases) to their drawing functions.\n * Six visually distinct styles including a simple seekbar; keys are matched\n * against `options.waveformStyle` by {@link draw}.\n * @type {Object.<string, function(CanvasRenderingContext2D, HTMLCanvasElement, number[], number, Object): void>}\n */\nexport const DRAWING_STYLES = {\n    'bars': drawBars,        // Classic vertical bars\n    'bar': drawBars,\n    'mirror': drawMirror,    // SoundCloud-style symmetrical\n    'line': drawLine,        // Smooth oscilloscope wave\n    'blocks': drawBlocks,    // LED meter segmented\n    'block': drawBlocks,\n    'dots': drawDots,        // Circular points\n    'dot': drawDots,\n    'seekbar': drawSeekbar   // Simple progress bar (no waveform)\n};\n\n/**\n * Main drawing entry point that delegates to the style named by\n * `options.waveformStyle`, falling back to {@link drawBars} for unknown styles.\n * @param {CanvasRenderingContext2D} ctx - Canvas context\n * @param {HTMLCanvasElement} canvas - Canvas element\n * @param {number[]} peaks - Waveform peak data (0-1)\n * @param {number} progress - Progress (0-1)\n * @param {Object} options - Drawing options, including `waveformStyle` plus the\n *   per-style fields (`barWidth`, `barSpacing`, `barRadius`, `color`, `progressColor`).\n * @returns {void}\n */\nexport function draw(ctx, canvas, peaks, progress, options) {\n    const drawFunc = DRAWING_STYLES[options.waveformStyle] || drawBars;\n    drawFunc(ctx, canvas, peaks, progress, options);\n}", "/**\n * @module bpm\n * @description BPM detection for audio analysis\n */\n\n/**\n * Estimate the tempo (beats per minute) of an audio buffer.\n *\n * Analyses the first (left/mono) channel by detecting onsets, measuring the\n * time between successive onsets, converting each interval to a tempo, and\n * histogramming those tempos into 3-BPM buckets (60-200 BPM) to find the most\n * common one. Octave errors are corrected by doubling very slow results and\n * halving very fast ones when a strong half/double bucket also exists, then a\n * fixed -1 BPM calibration offset is applied. Returns a 120 BPM fallback when\n * too few onsets are found, and null if analysis throws.\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse; only channel 0 is read.\n * @returns {number|null} Detected tempo in BPM, 120 as a fallback when onsets are insufficient, or null on error.\n */\nexport function detectBPM(buffer) {\n    try {\n        const channelData = buffer.getChannelData(0);\n        const sampleRate = buffer.sampleRate;\n        const onsets = detectOnsets(channelData, sampleRate);\n\n        if (onsets.length < 2) return 120;\n\n        // Calculate intervals\n        const intervals = [];\n        for (let i = 1; i < onsets.length; i++) {\n            intervals.push((onsets[i] - onsets[i - 1]) / sampleRate);\n        }\n\n        // Convert to tempos and group\n        const tempoGroups = {};\n        intervals.forEach(interval => {\n            const tempo = 60 / interval;\n            const bucket = Math.round(tempo / 3) * 3;\n            if (bucket > 60 && bucket < 200) {\n                tempoGroups[bucket] = (tempoGroups[bucket] || 0) + 1;\n            }\n        });\n\n        // Find most common\n        let maxCount = 0;\n        let detectedBPM = 120;\n        for (const [tempo, count] of Object.entries(tempoGroups)) {\n            if (count > maxCount) {\n                maxCount = count;\n                detectedBPM = parseInt(tempo);\n            }\n        }\n\n        // Handle tempo ambiguity\n        if (detectedBPM < 70 && tempoGroups[detectedBPM * 2]) {\n            detectedBPM *= 2;\n        } else if (detectedBPM > 160 && tempoGroups[Math.round(detectedBPM / 2)]) {\n            detectedBPM = Math.round(detectedBPM / 2);\n        }\n\n        return detectedBPM - 1; // Calibration offset\n    } catch (e) {\n        console.warn('[WaveformPlayer] BPM detection failed:', e);\n        return null;\n    }\n}\n\n/**\n * Detect onset sample positions (transients/beats) within a channel of audio.\n *\n * Slides a 2048-sample window (50% overlap via a half-window hop) across the\n * signal, computing the mean squared energy of each window. An onset is flagged\n * when the energy rise over the previous (smoothed) energy exceeds an adaptive\n * threshold and the window energy is above a noise floor, subject to a minimum\n * spacing of 150 ms so a single transient is not counted twice. The running\n * previousEnergy is exponentially smoothed (0.8 new / 0.2 old) to track the\n * local energy envelope.\n *\n * @param {Float32Array} channelData - PCM samples (normalised -1..1) for a single channel.\n * @param {number} sampleRate - Sample rate in Hz, used to derive the minimum onset spacing.\n * @returns {number[]} Ascending sample indices at which onsets were detected.\n * @private\n */\nfunction detectOnsets(channelData, sampleRate) {\n    const windowSize = 2048;\n    const hopSize = windowSize / 2;\n    const onsets = [];\n    let previousEnergy = 0;\n\n    for (let i = 0; i < channelData.length - windowSize; i += hopSize) {\n        let energy = 0;\n        for (let j = i; j < i + windowSize; j++) {\n            energy += channelData[j] * channelData[j];\n        }\n        energy = energy / windowSize;\n\n        const energyDiff = energy - previousEnergy;\n        const threshold = previousEnergy * 1.8 + 0.01;\n\n        if (energyDiff > threshold && energy > 0.01) {\n            const lastOnset = onsets[onsets.length - 1] || 0;\n            const minDistance = sampleRate * 0.15;\n\n            if (i - lastOnset > minDistance) {\n                onsets.push(i);\n            }\n        }\n\n        previousEnergy = energy * 0.8 + previousEnergy * 0.2;\n    }\n\n    return onsets;\n}", "/**\n * @module audio\n * @description Audio processing for WaveformPlayer\n */\n\nimport {detectBPM} from './bpm.js';\nimport {clamp, maxOf, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Extract peaks from a decoded audio buffer for waveform visualization.\n *\n * Divides the buffer into `samples` equal-width windows and, within each\n * window, finds the largest absolute amplitude by inspecting every frame (so\n * transients are never missed and the shape is stable across sample counts \u2014\n * matching WaveformGen's offline output). Across multiple channels the\n * per-window peaks are merged by taking the loudest channel, then the whole\n * array is normalized so the maximum peak becomes 1 (a silent buffer is\n * returned unscaled).\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse.\n * @param {number} [samples=1800] - Number of peak windows (output array length).\n * @returns {number[]} Array of `samples` normalized peak values in the 0-1 range.\n */\nexport function extractPeaks(buffer, samples = DEFAULT_SAMPLES) {\n    const sampleSize = buffer.length / samples;\n    const channels = buffer.numberOfChannels;\n    const peaks = [];\n\n    for (let c = 0; c < channels; c++) {\n        const chan = buffer.getChannelData(c);\n\n        for (let i = 0; i < samples; i++) {\n            const start = ~~(i * sampleSize);\n            const end = ~~(start + sampleSize);\n\n            let min = 0;\n            let max = 0;\n\n            // Scan EVERY frame in the window. Previously this stepped by\n            // sampleSize/10 (~10 samples/window) for speed, but that misses\n            // transients and makes the shape change with the sample count.\n            // decodeAudioData dominates the cost, so a full scan is worth it \u2014\n            // and it now matches WaveformGen's offline output exactly.\n            for (let j = start; j < end; j++) {\n                const value = chan[j];\n                if (value > max) max = value;\n                if (value < min) min = value;\n            }\n\n            const peak = Math.max(Math.abs(max), Math.abs(min));\n\n            if (c === 0 || peak > peaks[i]) {\n                peaks[i] = peak;\n            }\n        }\n    }\n\n    // Normalize peaks\n    const maxPeak = maxOf(peaks);\n    return maxPeak > 0 ? peaks.map(peak => peak / maxPeak) : peaks;\n}\n\n/**\n * Generate waveform data by fetching and decoding an audio file at a URL.\n *\n * Fetches the URL, decodes it through a short-lived AudioContext, runs\n * {@link extractPeaks} followed by {@link normalizePeaks}, and optionally\n * detects the track's BPM. The AudioContext is created lazily and always\n * closed in the `finally` block so failed decodes never leak one (browsers\n * hard-cap the number of live contexts). Errors are logged and re-thrown so\n * callers can fall back to a placeholder waveform.\n *\n * @param {string} url - Audio file URL to fetch and decode.\n * @param {number} [samples=1800] - Number of peak windows to extract.\n * @param {boolean} [shouldDetectBPM=false] - Whether to run BPM detection on the decoded buffer.\n * @returns {Promise<{peaks: number[], bpm: (number|null)}>} Resolves with the\n *   normalized peaks and the detected BPM (`null` when detection is disabled or fails).\n * @throws {Error} Re-throws any fetch/decode error after logging it.\n */\nexport async function generateWaveform(url, samples = DEFAULT_SAMPLES, shouldDetectBPM = false) {\n    // Created lazily so the finally block can always close it \u2014 browsers\n    // hard-cap live AudioContexts (~6 in Chrome), so leaking one per failed\n    // decode would break every subsequent player on the page.\n    let audioContext;\n    try {\n        const AudioCtx = window.AudioContext || /** @type {any} */ (window).webkitAudioContext;\n        audioContext = new AudioCtx();\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n\n        let peaks = extractPeaks(audioBuffer, samples);\n\n        // Normalize peaks for consistent visualization\n        peaks = normalizePeaks(peaks);\n\n        let bpm = null;\n        if (shouldDetectBPM) {\n            bpm = detectBPM(audioBuffer); // synchronous \u2014 returns number|null\n        }\n\n        return {peaks, bpm};\n    } finally {\n        // Error (if any) propagates to the caller, which decides how to log /\n        // recover; the context is always closed either way.\n        if (audioContext) audioContext.close();\n    }\n}\n\n/**\n * Generate a synthetic placeholder waveform for use before (or instead of)\n * real peak data is available.\n *\n * Each bar combines a random base height (0.3-0.8) with a slow sinusoidal\n * variation across the array, clamped to the 0.1-1 range so the result always\n * looks like a plausible waveform rather than pure noise.\n *\n * @param {number} [samples=1800] - Number of bars (output array length).\n * @returns {number[]} Array of `samples` pseudo-random peak values in the 0.1-1 range.\n */\nexport function generatePlaceholderWaveform(samples = DEFAULT_SAMPLES) {\n    const data = [];\n    for (let i = 0; i < samples; i++) {\n        const base = Math.random() * 0.5 + 0.3;\n        const variation = Math.sin(i / samples * Math.PI * 4) * 0.2;\n        data.push(clamp(base + variation, 0.1, 1));\n    }\n    return data;\n}\n\n/**\n * Scale peak values so quiet tracks fill the available height consistently.\n *\n * Finds the loudest peak and, only when it is non-zero yet below `targetMax`,\n * scales every peak proportionally so the maximum lands on `targetMax`. Silent\n * arrays (max 0) and already-loud arrays (max above `targetMax`) are returned\n * untouched, so the function never amplifies clipping or divides by zero.\n *\n * @param {number[]} peaks - Peak values, typically in the 0-1 range.\n * @param {number} [targetMax=0.95] - Desired maximum peak after scaling.\n * @returns {number[]} The normalized peak array (the original array when no scaling is applied).\n * @private\n */\nfunction normalizePeaks(peaks, targetMax = 0.95) {\n    const maxPeak = maxOf(peaks);\n\n    // Don't normalize if already loud enough or silent\n    if (maxPeak === 0 || maxPeak > targetMax) return peaks;\n\n    // Scale all peaks proportionally\n    const scaleFactor = targetMax / maxPeak;\n    return peaks.map(peak => peak * scaleFactor);\n}", "/**\n * @module themes\n * @description Color presets and default options for WaveformPlayer\n */\n\nimport {perceivedBrightness, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Does `<html>` or `<body>` explicitly signal the given colour scheme via a\n * known class name (`dark`, `dark-mode`, `theme-dark`) or theme attribute\n * (`data-theme`, and `data-color-scheme` on the root)?\n * @param {'dark'|'light'} scheme - Scheme to look for.\n * @returns {boolean} True if the page explicitly hints at `scheme`.\n * @private\n */\nfunction hasThemeHint(scheme) {\n    const root = document.documentElement;\n    const body = document.body;\n    return (\n        root.classList.contains(scheme) ||\n        root.classList.contains(`${scheme}-mode`) ||\n        root.classList.contains(`theme-${scheme}`) ||\n        root.getAttribute('data-theme') === scheme ||\n        root.getAttribute('data-color-scheme') === scheme ||\n        body.classList.contains(scheme) ||\n        body.classList.contains(`${scheme}-mode`) ||\n        body.getAttribute('data-theme') === scheme\n    );\n}\n\n/**\n * Detect the appropriate color scheme for the player from the surrounding page.\n *\n * Resolution order, first match wins:\n *   1. Explicit theme hints on `<html>`/`<body>` \u2014 class names\n *      (`dark`, `dark-mode`, `theme-dark`, light equivalents) and data\n *      attributes (`data-theme`, `data-color-scheme`).\n *   2. The page's computed `<body>` background colour, classified via\n *      {@link perceivedBrightness} (>128 = light, <128 = dark; exactly 128\n *      or unparseable is treated as ambiguous and falls through).\n *   3. The OS/browser `prefers-color-scheme` media query.\n *   4. Default fallback of `'dark'` (most audio players are dark).\n *\n * @returns {string} The detected scheme, either `'dark'` or `'light'`.\n */\nexport function detectColorScheme() {\n    // 1. Explicit theme class names / data attributes win.\n    if (hasThemeHint('dark')) return 'dark';\n    if (hasThemeHint('light')) return 'light';\n\n    // 2. Try to detect website's theme from background color\n    try {\n        const bodyBg = getComputedStyle(document.body).backgroundColor;\n        const brightness = perceivedBrightness(bodyBg);\n\n        // Clear determination: bright background = light theme. Exactly 128\n        // (or unparseable) is ambiguous \u2014 fall through to the next method.\n        if (brightness !== null) {\n            if (brightness > 128) return 'light';\n            if (brightness < 128) return 'dark';\n        }\n    } catch (e) {\n        // If background detection fails, continue to next method\n    }\n\n    // 3. Check system preference\n    if (window.matchMedia) {\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n            return 'dark';\n        }\n        if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n            return 'light';\n        }\n    }\n\n    // 4. Default fallback (most audio players are dark)\n    return 'dark';\n}\n\n/**\n * Built-in colour presets keyed by scheme name.\n *\n * Each preset is a flat map of the player's themeable colour tokens\n * (waveform, progress, button, text, background, border). They are deliberately\n * simple translucent black/white values so they sit on any host background, and\n * any individual token can be overridden per-instance via the matching\n * `*Color` option in {@link DEFAULT_OPTIONS}.\n *\n * @type {Object<string, Object<string, string>>}\n * @property {Object<string, string>} dark  Light-on-dark token set.\n * @property {Object<string, string>} light Dark-on-light token set.\n */\nexport const COLOR_PRESETS = {\n    dark: {\n        waveformColor: 'rgba(255, 255, 255, 0.3)',\n        progressColor: 'rgba(255, 255, 255, 0.9)'\n    },\n    light: {\n        waveformColor: 'rgba(0, 0, 0, 0.2)',\n        progressColor: 'rgba(0, 0, 0, 0.8)'\n    }\n};\n\n/**\n * Resolve a colour preset by name, falling back to auto-detection.\n *\n * When `presetName` names a known preset it is returned as-is; otherwise\n * (null, undefined, or an unrecognised name) the scheme is auto-detected via\n * {@link detectColorScheme} and the corresponding preset is returned.\n *\n * @param {string|null} presetName - Preset name (`'dark'` or `'light'`), or\n *   null/invalid to trigger auto-detection.\n * @returns {Object<string, string>} The matching colour token map from\n *   {@link COLOR_PRESETS}.\n */\nexport function getColorPreset(presetName) {\n    // If explicitly set to a valid preset, use it\n    if (presetName && COLOR_PRESETS[presetName]) {\n        return COLOR_PRESETS[presetName];\n    }\n\n    // Auto-detect if not specified or invalid\n    const detected = detectColorScheme();\n    return COLOR_PRESETS[detected];\n}\n\n/**\n * Default option set for a {@link WaveformPlayer} instance.\n *\n * User-supplied options are merged over this object, so every supported option\n * is enumerated here with its baseline value. `null` colour tokens mean \"inherit\n * from the resolved {@link COLOR_PRESETS} preset\"; `null` content/callback\n * fields mean \"unset\". See the grouped inline comments for per-field notes,\n * notably the `audioMode` self/external distinction and the `accessibleSeek`\n * keyboard slider.\n *\n * @type {Object}\n */\nexport const DEFAULT_OPTIONS = {\n    // Core settings\n    url: '',\n    height: 64,\n    // Source peak resolution for LIVE decode (ignored when peaks are supplied).\n    // The drawer resamples these to fit canvasWidth / (barWidth + barSpacing)\n    // bars, so this is fidelity headroom, not the visible bar count. 1800 (the\n    // SoundCloud/WaveformGen figure) keeps wide / high-DPI waveforms crisp; the\n    // every-frame scan means a higher value costs no extra extraction time.\n    samples: DEFAULT_SAMPLES,\n    preload: 'metadata',\n\n    // Audio mode \u2014 'self' = player owns the <audio> element (default, current\n    // behavior). 'external' = player is a visualization-only surface; no audio\n    // element is created, play() dispatches `waveformplayer:request-play`\n    // instead of calling audio.play(), and setPlayingState/setProgress are\n    // expected to be driven by an external controller (e.g. WaveformBar).\n    audioMode: 'self',\n\n    // Playback\n    playbackRate: 1,\n    showPlaybackSpeed: false,\n    playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],\n\n    // Layout Options\n    buttonAlign: 'auto',\n    // Player layout. 'default' = play button + waveform with a left-aligned\n    // info row below. 'preview' = compact: the title is centered under the\n    // waveform and the meta row (time / speed / BPM) is trimmed \u2014 ideal for\n    // sample-pack sample previews and dense grids.\n    layout: 'default',\n    // Play/pause button style. 'circle' = bordered circle (default).\n    // 'minimal' = a bare play/pause glyph with no circle \u2014 the look sample-pack\n    // and beat stores use in their preview grids.\n    buttonStyle: 'circle',\n    // Play/pause button size. null = the stylesheet default (36px circle /\n    // proportional minimal). A number is treated as px; a string (e.g. '4rem')\n    // is used verbatim. Sets the `--wfp-btn-size` CSS var, which scales BOTH\n    // styles \u2014 box and glyph \u2014 proportionally.\n    buttonSize: null,\n\n    // Default waveform style\n    waveformStyle: 'mirror',\n    barWidth: 2,\n    barSpacing: 0,\n    // Rounded bar caps (px). 0 = square; 1 = soft caps (default). Applies to bars/mirror.\n    barRadius: 1,\n\n    // Gradient axis when waveformColor/progressColor is an array of stops:\n    // 'vertical' (top->bottom canvas gradient), 'horizontal' (hue sweep across the\n    // waveform) or 'diagonal'. Ignored for single colours.\n    waveformGradient: 'vertical',\n\n    // Color preset: null = auto-detect, 'dark' = force dark, 'light' = force light\n    colorPreset: null,\n\n    // Canvas colours (null = inherit the resolved preset; arrays = gradient\n    // stops, see waveformGradient). The DOM chrome (button, title, meta) is\n    // themed via CSS variables (--wfp-button-color / --wfp-text-color /\n    // --wfp-text-secondary-color), not JS options.\n    waveformColor: null,\n    progressColor: null,\n\n    // Features\n    autoplay: false,\n    showControls: true,\n    showInfo: true,\n    showTime: true,\n    showHoverTime: false,\n    // Show a draggable circle handle + hover brightness-lift on the SEEKBAR\n    // style only (it's meaningless on a waveform, where the fill-edge is the\n    // playhead). Off by default; the bar turns it on. Drag-to-scrub works\n    // regardless of this.\n    seekHandle: false,\n    showBPM: false,\n    // Known BPM to display in the badge (with showBPM). Wins over auto-detection\n    // \u2014 set it when peaks are pre-generated so the tempo still shows. null = auto.\n    bpm: null,\n    singlePlay: true,\n    playOnSeek: true,\n    enableMediaSession: true,\n\n    // Markers\n    markers: [],\n    showMarkers: true,\n\n    // Accessibility \u2014 expose the waveform as a keyboard-operable slider\n    // (role=\"slider\" + ARIA value attributes + arrow/page/home/end seeking).\n    // seekLabel sets the slider's accessible name; when null it falls back\n    // to the track title, then 'Seek'.\n    // seekValueText templates the slider's spoken aria-valuetext: %1$s is the\n    // current time and %2$s the total duration (both formatted M:SS). When null\n    // it falls back to '%1$s of %2$s'. Lets consumers localize the connective\n    // text without reformatting the times.\n    accessibleSeek: true,\n    seekLabel: null,\n    seekValueText: null,\n\n    // Content\n    title: null,\n    artist: null,\n    artwork: null,\n    album: '',\n\n    // Message shown in the error state when audio fails to load.\n    errorText: 'Unable to load audio',\n\n    // Localizable UI strings (alongside seekLabel / seekValueText / errorText).\n    // These are screen-reader / assistive-tech facing, so translate them for\n    // non-English UIs. playPauseLabel/speedLabel are aria-labels; artworkAlt is\n    // the cover image alt text; unknownTrackText is the Media Session (lock-\n    // screen) title fallback used when no track title is set.\n    playPauseLabel: 'Play/Pause',\n    speedLabel: 'Playback speed',\n    artworkAlt: 'Album artwork',\n    unknownTrackText: 'Unknown Track',\n\n    // Icons (SVG)\n    playIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M8 5v14l11-7z\"/></svg>',\n    pauseIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>',\n\n    // Callbacks\n    onLoad: null,\n    onPlay: null,\n    onPause: null,\n    onEnd: null,\n    onError: null,\n    onTimeUpdate: null,\n\n    // Optional queue navigation \u2014 when set, the player registers Media Session\n    // nexttrack/previoustrack handlers (lock-screen skip buttons). Called with\n    // the player instance; wired by waveform-bar / -playlist.\n    onNextTrack: null,\n    onPreviousTrack: null\n};\n\n/**\n * Per-waveform-style geometry defaults.\n *\n * Maps each supported `waveformStyle` to its natural `barWidth`/`barSpacing`\n * (in px), used to seed bar geometry when the caller has not explicitly set\n * those options so each style renders at sensible proportions.\n *\n * @type {Object<string, {barWidth: number, barSpacing: number}>}\n */\nexport const STYLE_DEFAULTS = {\n    bars: {barWidth: 3, barSpacing: 1},\n    mirror: {barWidth: 2, barSpacing: 2},\n    line: {barWidth: 2, barSpacing: 0},\n    blocks: {barWidth: 4, barSpacing: 2},\n    dots: {barWidth: 3, barSpacing: 3},\n    seekbar: {barWidth: 1, barSpacing: 0}\n};", "/**\n * @module core\n * @description Main WaveformPlayer class\n */\n\nimport {draw} from './drawing.js';\nimport {generateWaveform, generatePlaceholderWaveform} from './audio.js';\nimport {\n    formatTime,\n    formatSeekValueText,\n    extractTitleFromUrl,\n    generateId,\n    parseDataAttributes,\n    mergeOptions,\n    debounce,\n    clamp,\n    escapeHtml,\n    DEFAULT_SAMPLES\n} from './utils.js';\n\nimport {DEFAULT_OPTIONS, STYLE_DEFAULTS, getColorPreset, COLOR_PRESETS, detectColorScheme} from './themes.js';\n\n/**\n * Placeholder shown when an artwork URL fails to load (404 / broken) \u2014 a muted\n * music-note tile, so a missing cover degrades gracefully instead of showing the\n * browser's broken-image icon. Inline SVG data-URI (no font / network needed).\n */\nconst ARTWORK_FALLBACK = 'data:image/svg+xml,' + encodeURIComponent(\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#71717a\" fill-opacity=\"0.15\"/><g fill=\"none\" stroke=\"#a1a1aa\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"17\" r=\"2.2\"/><circle cx=\"17\" cy=\"15\" r=\"2.2\"/><path d=\"M10.2 17V7l9-1.6v9\"/></g></svg>'\n);\n\n// Keyboard seek steps (seconds) for the accessible slider.\nconst SEEK_STEP_SECONDS = 5;\nconst SEEK_PAGE_SECONDS = 10;\n\n// Controls that own their own focus. A click landing on one of these (or a\n// descendant) must leave focus on the control, not pull it onto the player\n// container \u2014 otherwise activating the play button/slider steals focus onto the\n// wrapper, moving it off the control the user just operated.\nconst INTERACTIVE_ELEMENTS = 'button, a[href], input, [role=\"slider\"]';\n\n/**\n * WaveformPlayer - Modern audio player with waveform visualization\n * @class\n */\nexport class WaveformPlayer {\n    /** @type {Map<string, WaveformPlayer>} */\n    static instances = new Map();\n\n    /** @type {WaveformPlayer|null} */\n    static currentlyPlaying = null;\n\n    /**\n     * Create a new WaveformPlayer instance.\n     *\n     * Resolves the container, merges options (defaults < `data-*` attributes <\n     * constructor options), applies the colour preset and style-specific\n     * defaults, registers the instance in the static map, and kicks off\n     * {@link WaveformPlayer#init}. A `waveformplayer:ready` event is dispatched\n     * ~100ms later, once initialization has settled.\n     *\n     * @param {string|HTMLElement} container - Container element, or a CSS\n     *   selector resolved with `document.querySelector`.\n     * @param {Object} [options={}] - Player options. Accepts the shorthand\n     *   aliases `style` (\u2192 `waveformStyle`) and `src` (\u2192 `url`); the canonical\n     *   names win if both are supplied.\n     * @throws {Error} If the container element cannot be found.\n     * @fires WaveformPlayer#waveformplayer:ready\n     */\n    constructor(container, options = {}) {\n        // Resolve container\n        this.container = typeof container === 'string'\n            ? document.querySelector(container)\n            : container;\n\n        if (!this.container) {\n            throw new Error('[WaveformPlayer] Container element not found');\n        }\n\n        // Parse data attributes if present\n        const dataOptions = parseDataAttributes(this.container);\n\n        // Shorthand option aliases \u2014 `style` -> `waveformStyle`, `src` -> `url`.\n        // The canonical names still work and win if both are supplied.\n        const userOptions = { ...options };\n        if (userOptions.style && !userOptions.waveformStyle) userOptions.waveformStyle = userOptions.style;\n        if (userOptions.src && !userOptions.url) userOptions.url = userOptions.src;\n\n        // Merge options: defaults < data attributes < constructor options\n        this.options = mergeOptions(DEFAULT_OPTIONS, dataOptions, userOptions);\n\n        // Apply color preset (auto-detect if not specified)\n        const preset = getColorPreset(this.options.colorPreset);\n\n        // Track auto-theme state so the player can re-detect on a runtime light/\n        // dark switch. Only colours the user LEFT UNSET follow the preset; an\n        // explicit colorPreset or hand-set colour is never overridden.\n        this._autoTheme = this.options.colorPreset == null || !COLOR_PRESETS[this.options.colorPreset];\n        this._presetKeys = [];\n        // Resolved scheme name for the CSS theme class (CSS provides the DOM\n        // chrome colours via --wfp-* variables).\n        this._scheme = (this.options.colorPreset && COLOR_PRESETS[this.options.colorPreset]) ? this.options.colorPreset : detectColorScheme();\n\n        // Apply preset colors only if individual colors aren't explicitly set\n        for (const [key, value] of Object.entries(preset)) {\n            if (this.options[key] === null || this.options[key] === undefined) {\n                this.options[key] = value;\n                this._presetKeys.push(key);\n            }\n        }\n\n        // Apply style-specific defaults if not explicitly set\n        const styleDefaults = STYLE_DEFAULTS[this.options.waveformStyle];\n        if (styleDefaults) {\n            if (dataOptions.barWidth === undefined && options.barWidth === undefined) {\n                this.options.barWidth = styleDefaults.barWidth;\n            }\n            if (dataOptions.barSpacing === undefined && options.barSpacing === undefined) {\n                this.options.barSpacing = styleDefaults.barSpacing;\n            }\n        }\n\n        // Initialize state\n        this.audio = null;\n        this.canvas = null;\n        this.ctx = null;\n        this.waveformData = [];\n        this.progress = 0;\n        this._activeMarkerIndex = -1;\n        this._markerLabelTimer = null;\n        this.isPlaying = false;\n        this.isLoading = false;\n        this.hasError = false;\n        this.updateTimer = null;\n        this.resizeObserver = null;\n\n        // All DOM/document listeners are registered with this signal so a\n        // single abort() in destroy() tears every one of them down (the old\n        // destroy left the document-click and container listeners attached).\n        this._ac = new AbortController();\n\n        // Generate unique ID\n        this.id = this.container.id || generateId(this.options.url);\n\n        // Add to instances\n        WaveformPlayer.instances.set(this.id, this);\n\n        // Re-detect the theme on runtime light/dark switches (shared watcher).\n        WaveformPlayer._watchTheme();\n\n        // Initialize\n        this.init();\n\n        // Dispatch ready event after initialization\n        setTimeout(() => {\n            this._emit('waveformplayer:ready', {player: this, url: this.options.url});\n        }, 100);\n    }\n\n    /**\n     * Build and dispatch a bubbling `waveformplayer:*` CustomEvent on the\n     * container, returning the event so cancelable (request-*) events can have\n     * their `defaultPrevented` checked. Single source of truth for the event\n     * shape \u2014 every player event bubbles and carries the supplied detail.\n     * @param {string} type - Full event type, e.g. `'waveformplayer:play'`.\n     * @param {Object} detail - Event detail payload.\n     * @param {boolean} [cancelable=false] - Whether the event is cancelable.\n     * @returns {CustomEvent} The dispatched event.\n     * @private\n     */\n    _emit(type, detail, cancelable = false) {\n        const event = new CustomEvent(type, { bubbles: true, cancelable, detail });\n        this.container.dispatchEvent(event);\n        return event;\n    }\n\n    /**\n     * External-mode seek request: dispatch a cancelable\n     * `waveformplayer:request-seek` and, unless the controller calls\n     * `preventDefault()`, optimistically advance the local progress overlay so\n     * the canvas repaints at once. Shared by the keyboard slider and canvas click.\n     * @param {number} percent - Target position as a 0..1 fraction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _requestSeek(percent) {\n        const evt = this._emit('waveformplayer:request-seek', { ...this._buildTrackDetail(), percent }, true);\n        if (!evt.defaultPrevented) {\n            this.progress = percent;\n            this.drawWaveform?.();\n        }\n    }\n\n    // ============================================\n    // Initialization\n    // ============================================\n\n    /**\n     * Initialize the player: build the DOM, create the audio element (self\n     * mode only), wire up the feature controls (speed, keyboard, accessible\n     * seek), bind events, attach the resize observer, then size the canvas and\n     * \u2014 if a `url` option was given \u2014 load it and optionally autoplay.\n     * @private\n     */\n    init() {\n        this.createDOM();\n        this.createAudio();\n        this.initPlaybackSpeed();\n        this.initKeyboardControls();\n        this.initSeekControl();\n        this.bindEvents();\n        this.setupResizeObserver();\n\n        // Ensure proper sizing after DOM is ready\n        requestAnimationFrame(() => {\n            this.resizeCanvas();\n\n            // Load audio if URL provided\n            if (this.options.url) {\n                this.load(this.options.url).then(() => {\n                    if (this.options.autoplay) {\n                        this.play()?.catch(() => {});\n                    }\n                }).catch(error => {\n                    console.error('[WaveformPlayer] Failed to load audio:', error);\n                });\n            }\n        });\n    }\n\n    /**\n     * Build the player's DOM tree inside the container and cache element\n     * references.\n     *\n     * Clears the container, resolves button alignment (`auto` \u2192 `bottom` for\n     * the `bars` style, `center` otherwise), and conditionally renders the play\n     * button, info row (artwork/title/artist), BPM badge, playback-speed\n     * menu, and time display based on the relevant `show*` options. Caches the\n     * canvas, controls, and text elements onto `this`, then sizes the canvas.\n     * @private\n     */\n    createDOM() {\n        // Clear container\n        this.container.innerHTML = '';\n        this.container.className = 'waveform-player';\n\n        // Determine button alignment\n        let buttonAlign = this.options.buttonAlign;\n        if (buttonAlign === 'auto') {\n            // Auto-align based on waveform style\n            const style = this.options.waveformStyle;\n            if (style === 'bars') {\n                buttonAlign = 'bottom';\n            } else {\n                buttonAlign = 'center';  // blocks, mirror, line, dots, seekbar all center\n            }\n        }\n\n        // Compact 'preview' layout: centered title under the waveform with the\n        // meta row trimmed. Set via the `layout` option / data-layout=\"preview\".\n        const isPreview = this.options.layout === 'preview';\n        if (isPreview) {\n            this.container.classList.add('waveform-layout-preview');\n        }\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n\n        // Build play button HTML (conditional)\n        const buttonHTML = this.options.showControls ? `\n        <button class=\"waveform-btn${this.options.buttonStyle === 'minimal' ? ' waveform-btn-minimal' : ''}\" aria-label=\"${escapeHtml(this.options.playPauseLabel)}\"${this.options.buttonSize != null ? ` style=\"--wfp-btn-size: ${typeof this.options.buttonSize === 'number' ? `${this.options.buttonSize}px` : this.options.buttonSize};\"` : ''}>\n          <span class=\"waveform-icon-play\">${this.options.playIcon}</span>\n          <span class=\"waveform-icon-pause\" style=\"display:none;\">${this.options.pauseIcon}</span>\n        </button>\n        ` : '';\n\n        // Build info section HTML (conditional)\n        const infoHTML = this.options.showInfo ? `\n      <div class=\"waveform-info\">\n        ${this.options.artwork ? `\n          <img class=\"waveform-artwork\" src=\"${this.options.artwork}\" alt=\"${escapeHtml(this.options.artworkAlt)}\" style=\"\n            width: 40px;\n            height: 40px;\n            border-radius: 4px;\n            object-fit: cover;\n            flex-shrink: 0;\n          \">\n        ` : ''}\n        <div class=\"waveform-text\">\n          <span class=\"waveform-title\"></span>\n          ${this.options.artist ? `<span class=\"waveform-artist\">${this.options.artist}</span>` : ''}\n        </div>\n        <div class=\"waveform-meta\" style=\"display: flex; align-items: center; gap: 1rem;\">\n          ${this.options.showBPM ? `\n            <span class=\"waveform-bpm\" style=\"display: none;\">\n              <span class=\"bpm-value\">--</span> BPM\n            </span>\n          ` : ''}\n          ${this.options.showPlaybackSpeed ? `\n            <div class=\"waveform-speed\">\n              <button class=\"speed-btn\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                <span class=\"speed-value\">1x</span>\n              </button>\n              <div class=\"speed-menu\" role=\"menu\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" style=\"display: none;\">\n                ${this.options.playbackRates.map(rate =>\n            `<button class=\"speed-option\" role=\"menuitemradio\" tabindex=\"-1\" aria-checked=\"false\" data-rate=\"${rate}\">${rate}x</button>`\n        ).join('')}\n              </div>\n            </div>\n          ` : ''}\n          ${this.options.showTime ? `\n            <span class=\"waveform-time\">\n              <span class=\"time-current\">0:00</span> / <span class=\"time-total\">0:00</span>\n            </span>\n          ` : ''}\n        </div>\n      </div>\n        ` : '';\n\n        // Create HTML structure\n        this.container.innerHTML = `\n  <div class=\"waveform-player-inner\">\n    <div class=\"waveform-body\">\n      <div class=\"waveform-track waveform-align-${buttonAlign}\">\n        ${buttonHTML}\n        \n        <div class=\"waveform-container\">\n          <canvas></canvas>\n          <div class=\"waveform-markers\"></div>\n          <div class=\"waveform-loading\" style=\"display:none;\"></div>\n          <div class=\"waveform-error\" style=\"display:none;\" role=\"alert\">\n            <span class=\"waveform-error-text\">${escapeHtml(this.options.errorText)}</span>\n          </div>\n        </div>\n      </div>\n      \n      ${infoHTML}\n    </div>\n  </div>\n`;\n\n        // Get references\n        this.playBtn = this.container.querySelector('.waveform-btn');\n        this.canvas = this.container.querySelector('canvas');\n        this.ctx = this.canvas.getContext('2d');\n        this.titleEl = this.container.querySelector('.waveform-title');\n        this.artistEl = this.container.querySelector('.waveform-artist');\n        this.artworkEl = this.container.querySelector('.waveform-artwork');\n        if (this.artworkEl) {\n            // Fall back to the placeholder tile if the cover URL fails to load.\n            this.artworkEl.addEventListener('error', () => {\n                if (!this.artworkEl.src.startsWith('data:')) this.artworkEl.src = ARTWORK_FALLBACK;\n            });\n        }\n        this.currentTimeEl = this.container.querySelector('.time-current');\n        this.totalTimeEl = this.container.querySelector('.time-total');\n        this.bpmEl = this.container.querySelector('.waveform-bpm');\n        this.bpmValueEl = this.container.querySelector('.bpm-value');\n        this.loadingEl = this.container.querySelector('.waveform-loading');\n        this.errorEl = this.container.querySelector('.waveform-error');\n        this.markersContainer = this.container.querySelector('.waveform-markers');\n        this.speedBtn = this.container.querySelector('.speed-btn');\n        this.speedMenu = this.container.querySelector('.speed-menu');\n\n        // Set canvas size\n        this.resizeCanvas();\n\n        // Show a caller-supplied BPM immediately (no audio decode required).\n        this.updateBPMDisplay();\n    }\n\n    /**\n     * Create audio element\n     * @private\n     *\n     * No-op in `audioMode: 'external'` \u2014 the player has no audio of its\n     * own; an external controller (e.g. WaveformBar) owns playback and\n     * pushes state in via setPlayingState() / setProgress(). The\n     * `this.audio` field stays null in that mode; downstream code must\n     * null-check it.\n     */\n    createAudio() {\n        if (this.options.audioMode === 'external') {\n            this.audio = null;\n            return;\n        }\n        this.audio = new Audio();\n        this.audio.preload = this.options.preload || 'metadata';\n        this.audio.crossOrigin = 'anonymous';\n    }\n\n    // ============================================\n    // Feature Initialization\n    // ============================================\n\n    /**\n     * Apply the configured initial playback rate to the audio element (self\n     * mode only) and, when `showPlaybackSpeed` is enabled, wire up the speed\n     * menu UI via {@link WaveformPlayer#initSpeedControls}.\n     * @private\n     */\n    initPlaybackSpeed() {\n        // External mode has no <audio> element, so the speed control\n        // doesn't apply locally \u2014 the external controller (e.g.\n        // WaveformBar) owns playback rate. Skip the audio init but\n        // still bind the speed control UI in case the controller\n        // wants to mirror rate changes via events later.\n        if (this.audio && this.options.playbackRate && this.options.playbackRate !== 1) {\n            this.audio.playbackRate = this.options.playbackRate;\n        }\n\n        // Initialize speed control UI if enabled\n        if (this.options.showPlaybackSpeed) {\n            this.initSpeedControls();\n        }\n    }\n\n    /**\n     * Wire up the playback-speed menu: toggle it open on the speed button,\n     * close it on outside click or Escape (keeping `aria-expanded` on the\n     * trigger in sync), and apply the chosen rate when a `.speed-option` is\n     * clicked, returning focus to the trigger. All listeners are registered against the\n     * instance `AbortController` signal so {@link WaveformPlayer#destroy} tears\n     * them down. No-op if the speed elements are absent.\n     * @private\n     */\n    initSpeedControls() {\n        const speedBtn = this.container.querySelector('.speed-btn');\n        const speedMenu = this.container.querySelector('.speed-menu');\n\n        if (!speedBtn || !speedMenu) return;\n\n        const options = () => Array.from(speedMenu.querySelectorAll('.speed-option'));\n        const isOpen = () => speedMenu.style.display !== 'none';\n\n        // Open/close the menu (a proper role=\"menu\"): keep aria-expanded in sync\n        // and, on open, move focus into the menu \u2014 the checked rate, else the\n        // first option \u2014 so arrow keys drive it.\n        const setSpeedMenu = (open) => {\n            speedMenu.style.display = open ? 'block' : 'none';\n            speedBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n            if (open) {\n                const opts = options();\n                (opts.find((o) => o.getAttribute('aria-checked') === 'true') || opts[0])?.focus();\n            }\n        };\n\n        const focusOption = (i) => {\n            const opts = options();\n            if (opts.length) opts[(i + opts.length) % opts.length].focus();\n        };\n\n        const selectOption = (opt) => {\n            this.setPlaybackRate(parseFloat(opt.dataset.rate));\n            setSpeedMenu(false);\n            speedBtn.focus();\n        };\n\n        // Toggle from the trigger.\n        speedBtn.addEventListener('click', (e) => {\n            e.stopPropagation();\n            setSpeedMenu(!isOpen());\n        }, {signal: this._ac.signal});\n\n        // Close when clicking outside.\n        document.addEventListener('click', () => setSpeedMenu(false), {signal: this._ac.signal});\n\n        // Pointer + native-button (Enter/Space on an option) selection.\n        speedMenu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            const opt = e.target.closest('.speed-option');\n            if (opt) selectOption(opt);\n        }, {signal: this._ac.signal});\n\n        // Keyboard menu: arrows/Home/End roam, Enter/Space select (via the\n        // native button click above), Escape/Tab close. ArrowDown/Up on the\n        // trigger opens and focuses the first/checked option.\n        speedBtn.closest('.waveform-speed')?.addEventListener('keydown', (e) => {\n            const opts = options();\n            const i = opts.indexOf(document.activeElement);\n            if (!isOpen()) {\n                if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && document.activeElement === speedBtn) {\n                    e.preventDefault();\n                    setSpeedMenu(true);\n                }\n                return;\n            }\n            switch (e.key) {\n                case 'ArrowDown': e.preventDefault(); focusOption(i < 0 ? 0 : i + 1); break;\n                case 'ArrowUp':   e.preventDefault(); focusOption(i < 0 ? opts.length - 1 : i - 1); break;\n                case 'Home':      e.preventDefault(); focusOption(0); break;\n                case 'End':       e.preventDefault(); focusOption(opts.length - 1); break;\n                case 'Escape':    e.preventDefault(); setSpeedMenu(false); speedBtn.focus(); break;\n                case 'Tab':       setSpeedMenu(false); break;\n            }\n        }, {signal: this._ac.signal});\n\n        // Set initial UI state\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Enable keyboard transport controls on the container.\n     *\n     * The container is focusable only after it is clicked (it carries\n     * `tabindex=\"-1\"` until then, and clicking steals focus from sibling\n     * players). While focused it handles: digits 0-9 (seek to that tenth of\n     * the track), Space (toggle play), and \u2014 in self mode only, since\n     * `this.audio` is null in external mode \u2014 arrow keys (seek \u00B15s, volume\n     * \u00B10.1) and `m`/`M` (mute). Listeners use the instance abort signal.\n     * @private\n     */\n    initKeyboardControls() {\n        // Make container focusable but not in tab order by default\n        this.container.setAttribute('tabindex', '-1');\n\n        // Only activate keyboard controls when explicitly focused (clicked).\n        // Skip when the click landed on an interactive control (play button,\n        // link, slider, input): those own their focus, so pulling it onto the\n        // container would move focus off the control the user just activated.\n        this.container.addEventListener('click', (e) => {\n            if (e.target.closest(INTERACTIVE_ELEMENTS)) return;\n            // Remove focus from all other players\n            WaveformPlayer.getAllInstances().forEach(player => {\n                if (player !== this) {\n                    player.container.setAttribute('tabindex', '-1');\n                }\n            });\n            // Make this one focusable\n            this.container.setAttribute('tabindex', '0');\n            this.container.focus();\n        }, {signal: this._ac.signal});\n\n        // Keyboard events. In external mode `this.audio` is null, so\n        // seek/volume/mute keys are no-ops (the external controller\n        // owns those). Space (togglePlay) still works because togglePlay\n        // routes through the request-play/pause events.\n        this.container.addEventListener('keydown', (e) => {\n            if (document.activeElement !== this.container) return;\n\n            const key = e.key;\n            const hasAudio = !!this.audio;\n            const currentTime = hasAudio ? this.audio.currentTime : 0;\n\n            // Handle number keys 0-9 for seeking\n            if (hasAudio && key >= '0' && key <= '9') {\n                e.preventDefault();\n                this.seekToPercent(parseInt(key) / 10);\n                return;\n            }\n\n            // Handle other keys. Space always works (dispatches\n            // request-play in external mode); audio-bound keys only\n            // when we own the <audio> element.\n            const actions = {\n                ' ': () => this.togglePlay(),\n            };\n            if (hasAudio) {\n                actions['ArrowLeft']  = () => this.seekTo(clamp(currentTime - 5, 0, this.audio.duration));\n                actions['ArrowRight'] = () => this.seekTo(clamp(currentTime + 5, 0, this.audio.duration));\n                actions['ArrowUp']    = () => this.setVolume(clamp(this.audio.volume + 0.1));\n                actions['ArrowDown']  = () => this.setVolume(clamp(this.audio.volume - 0.1));\n                actions['m'] = actions['M'] = () => this.audio.muted = !this.audio.muted;\n            }\n\n            if (actions[key]) {\n                e.preventDefault();\n                actions[key]();\n            }\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Expose the waveform as an accessible, keyboard-operable slider.\n     *\n     * Adds role=\"slider\" + ARIA value attributes to the waveform surface,\n     * makes it focusable in the tab order, and handles the standard slider\n     * keys (arrows, Page Up/Down, Home/End) to seek. Works in both self and\n     * external audio modes. Opt out with `accessibleSeek: false`.\n     * @private\n     */\n    initSeekControl() {\n        if (!this.options.accessibleSeek) return;\n\n        this.seekEl = this.container.querySelector('.waveform-container');\n        if (!this.seekEl) return;\n\n        this.seekEl.setAttribute('role', 'slider');\n        this.seekEl.setAttribute('tabindex', '0');\n        this.seekEl.setAttribute('aria-valuemin', '0');\n        this.applySeekLabel();\n        this.updateSeekAccessibility();\n\n        this.seekEl.addEventListener('keydown', (e) => {\n            // Space toggles play/pause even while the waveform slider is focused \u2014\n            // it's a media control, so play/pause should work here too, not only\n            // when the player root is the active element (restores the pre-a11y\n            // Space path reported in #10).\n            if (e.key === ' ' || e.key === 'Spacebar') {\n                e.preventDefault();\n                e.stopPropagation();\n                this.togglePlay();\n                return;\n            }\n\n            const duration = this.getSeekDuration();\n            if (!duration) return;\n\n            const current = this.getSeekCurrentTime();\n            let target;\n            switch (e.key) {\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    target = current - SEEK_STEP_SECONDS;\n                    break;\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    target = current + SEEK_STEP_SECONDS;\n                    break;\n                case 'PageDown':\n                    target = current - SEEK_PAGE_SECONDS;\n                    break;\n                case 'PageUp':\n                    target = current + SEEK_PAGE_SECONDS;\n                    break;\n                case 'Home':\n                    target = 0;\n                    break;\n                case 'End':\n                    target = duration;\n                    break;\n                default:\n                    return;\n            }\n\n            // Prevent page scroll and stop the container-level keydown\n            // handler from also seeking (it would double-fire / change\n            // volume on the vertical arrows).\n            e.preventDefault();\n            e.stopPropagation();\n            this.seekToSeconds(target);\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Total seekable duration in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekDuration() {\n        if (this.options.audioMode === 'external') {\n            return this._extDuration || 0;\n        }\n        return this.audio && Number.isFinite(this.audio.duration)\n            ? this.audio.duration\n            : 0;\n    }\n\n    /**\n     * Current playback position in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekCurrentTime() {\n        if (this.options.audioMode === 'external') {\n            return this.progress * (this._extDuration || 0);\n        }\n        return this.audio && Number.isFinite(this.audio.currentTime)\n            ? this.audio.currentTime\n            : 0;\n    }\n\n    /**\n     * Seek the slider to an absolute time, clamped to the track length.\n     *\n     * In self mode this defers to {@link WaveformPlayer#seekTo}. In external\n     * mode it dispatches a cancelable `waveformplayer:request-seek` event with\n     * the target percentage; if the controller doesn't `preventDefault()`, the\n     * local progress/visual is updated optimistically. Either way the ARIA\n     * slider values are refreshed.\n     * @param {number} seconds - Target time in seconds.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    seekToSeconds(seconds) {\n        const duration = this.getSeekDuration();\n        if (!duration) return;\n\n        const clamped = clamp(seconds, 0, duration);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(clamped / duration);\n            this.updateSeekAccessibility();\n            return;\n        }\n\n        // seekTo() calls updateProgress(), which refreshes the ARIA values.\n        this.seekTo(clamped);\n    }\n\n    /**\n     * Set the slider's accessible name from `seekLabel`, falling back to the\n     * track title, then a generic 'Seek'. No-op if the slider isn't present.\n     * @param {string} [title=this.options.title] - Track title to fall back to\n     *   when `seekLabel` is not set.\n     * @private\n     */\n    applySeekLabel(title = this.options.title) {\n        if (!this.seekEl) return;\n        const label = this.options.seekLabel || title || 'Seek';\n        this.seekEl.setAttribute('aria-label', label);\n    }\n\n    /**\n     * Keep the slider's ARIA value attributes in sync with playback.\n     * @private\n     */\n    updateSeekAccessibility() {\n        if (!this.seekEl) return;\n\n        const duration = this.getSeekDuration();\n        const current = Math.min(this.getSeekCurrentTime(), duration);\n\n        this.seekEl.setAttribute('aria-valuemax', String(Math.round(duration)));\n        this.seekEl.setAttribute('aria-valuenow', String(Math.round(current)));\n        this.seekEl.setAttribute(\n            'aria-valuetext',\n            formatSeekValueText(\n                this.options.seekValueText || '%1$s of %2$s',\n                formatTime(current),\n                formatTime(duration)\n            )\n        );\n    }\n\n    /**\n     * Initialize Media Session API for system media controls\n     * @private\n     */\n    initMediaSession() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        // Skip Media Session in external mode \u2014 the controller (e.g.\n        // WaveformBar) owns audio playback and registers its own Media\n        // Session handlers; ours would conflict with its.\n        if (!this.audio) return;\n\n        this._applyMediaMetadata();\n\n        // Set up action handlers\n        navigator.mediaSession.setActionHandler('play', () => this.play());\n        navigator.mediaSession.setActionHandler('pause', () => this.pause());\n        navigator.mediaSession.setActionHandler('seekbackward', () => {\n            this.seekTo(clamp(this.audio.currentTime - 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekforward', () => {\n            this.seekTo(clamp(this.audio.currentTime + 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekto', (details) => {\n            if (details.seekTime !== null) {\n                this.seekTo(details.seekTime);\n            }\n        });\n\n        // Optional queue navigation \u2014 lights up the lock-screen skip-track\n        // buttons. Registered only when a host (bar / playlist) supplies a\n        // callback; a null handler hides the button.\n        const onNext = this.options.onNextTrack, onPrev = this.options.onPreviousTrack;\n        try { navigator.mediaSession.setActionHandler('nexttrack', typeof onNext === 'function' ? () => onNext(this) : null); } catch (e) { /* unsupported */ }\n        try { navigator.mediaSession.setActionHandler('previoustrack', typeof onPrev === 'function' ? () => onPrev(this) : null); } catch (e) { /* unsupported */ }\n    }\n\n    /**\n     * Publish the current track's Media Session metadata (lock-screen /\n     * Now-Playing title, artist, album, artwork). Idempotent \u2014 safe to re-call.\n     * @private\n     */\n    _applyMediaMetadata() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        navigator.mediaSession.metadata = new MediaMetadata({\n            title: this.options.title || this.options.unknownTrackText,\n            artist: this.options.artist || '',\n            album: this.options.album || '',\n            artwork: this.options.artwork ? [\n                {src: this.options.artwork, sizes: '512x512', type: 'image/jpeg'}\n            ] : []\n        });\n    }\n\n    /**\n     * Sync Media Session playback state + scrubber position on play/pause. iOS\n     * ignores metadata set before the media is active, so we re-assert it on\n     * play \u2014 that's what fixes the blank lock-screen card on mobile.\n     * @param {'playing'|'paused'} state\n     * @private\n     */\n    _updateMediaSession(state) {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession || !this.audio) return;\n        try {\n            // Claim the (global, singleton) Media Session for THIS player on play \u2014\n            // (re)register our action handlers + metadata so the lock-screen controls\n            // drive the player you're actually listening to, not the last one loaded.\n            if (state === 'playing') this.initMediaSession();\n            navigator.mediaSession.playbackState = state;\n            const d = this.audio.duration;\n            if (navigator.mediaSession.setPositionState && d && isFinite(d)) {\n                navigator.mediaSession.setPositionState({\n                    duration: d,\n                    playbackRate: this.audio.playbackRate || 1,\n                    position: clamp(this.audio.currentTime, 0, d),\n                });\n            }\n        } catch (e) { /* Media Session is best-effort */ }\n    }\n\n    // ============================================\n    // Event Binding\n    // ============================================\n\n    /**\n     * Bind the core interaction listeners: play-button click, the `<audio>`\n     * media events (self mode only \u2014 external mode is fed state via\n     * {@link WaveformPlayer#setPlayingState}/{@link WaveformPlayer#setProgress}),\n     * canvas click-to-seek, and a debounced window-resize redraw.\n     * @private\n     */\n    bindEvents() {\n        // Play button (only if controls are shown). In external mode\n        // togglePlay() dispatches the request-play/pause events so the\n        // controller can decide what to do; the click still goes through\n        // here.\n        if (this.playBtn) {\n            this.playBtn.addEventListener('click', () => this.togglePlay());\n        }\n\n        // Audio events \u2014 only when we own an <audio> element. External\n        // mode receives state via setPlayingState() / setProgress() from\n        // the controller, so we have nothing to listen to here.\n        if (this.audio) {\n            this.audio.addEventListener('loadstart', () => this.setLoading(true));\n            this.audio.addEventListener('loadedmetadata', () => this.onMetadataLoaded());\n            this.audio.addEventListener('canplay', () => this.setLoading(false));\n            this.audio.addEventListener('play', () => this.onPlay());\n            this.audio.addEventListener('pause', () => this.onPause());\n            this.audio.addEventListener('ended', () => this.onEnded());\n            this.audio.addEventListener('error', (e) => this.onError(e));\n        }\n\n        // Canvas interactions \u2014 click + drag to seek. pointerdown starts a\n        // scrub (with pointer capture so moves keep flowing if the cursor\n        // leaves the canvas), pointermove updates it while held, pointerup /\n        // pointercancel end it. The click handler stays for keyboard/synthetic\n        // compatibility. In external mode each seek dispatches a cancelable\n        // `waveformplayer:request-seek` so the controller positions its audio.\n        this.canvas.addEventListener('click', (e) => this.handleCanvasClick(e));\n        this._dragging = false;\n        this._seekHover = false;\n        this._handleNear = false;\n\n        // Hover state \u2014 reveals the handle + lifts the seekbar brightness. A\n        // redraw is needed because the canvas has no CSS :hover of its own.\n        this.canvas.addEventListener('pointerenter', () => {\n            this._seekHover = true;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n        this.canvas.addEventListener('pointerleave', () => {\n            this._seekHover = false;\n            this._handleNear = false;\n            if (!this._dragging) this._hideHoverTip();\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n\n        // Drag = a VISUAL scrub: the playhead previews the cursor while the\n        // audio keeps playing untouched (a per-move seek glitches the audio and\n        // fights the progress loop). The real seek is committed once, on\n        // release. updateProgress() bails while _dragging so playback can't drag\n        // the handle off the cursor.\n        this.canvas.addEventListener('pointerdown', (e) => {\n            if (e.pointerType === 'mouse' && e.button !== 0) return; // primary / touch only\n            this._dragging = true;\n            try { this.canvas.setPointerCapture(e.pointerId); } catch (err) { /* unsupported */ }\n            this._scrubTo(e.clientX);\n        });\n        this.canvas.addEventListener('pointermove', (e) => {\n            if (this._dragging) {\n                this._scrubTo(e.clientX);\n                return;\n            }\n            // Hover (not dragging): grow the handle when the cursor is over it.\n            const rect = this.canvas.getBoundingClientRect();\n            if (rect.width) {\n                this._handleNear = Math.abs((e.clientX - rect.left) - this.progress * rect.width) <= 10;\n                this._updateSeekHandle();\n            }\n        });\n        const endDrag = (e) => {\n            if (!this._dragging) return;\n            this._dragging = false;\n            // The browser fires a click after pointerup on a tap/short drag \u2014\n            // flag it so handleCanvasClick ignores it (a second seek from the\n            // synthetic click's coordinate can snap the playhead, e.g. to 0).\n            this._suppressClick = true;\n            try { this.canvas.releasePointerCapture(e.pointerId); } catch (err) { /* ignore */ }\n            this._seekFromPointer(e.clientX); // commit the seek now \u2014 audio jumps once\n            // Hide the drag tooltip on release, unless hover-time keeps it (or\n            // the seekbar handle is being hovered), to avoid a hide/show flicker.\n            if (!this._seekHover && !this.options.showHoverTime) this._hideHoverTip();\n            this._updateSeekHandle();\n        };\n        this.canvas.addEventListener('pointerup', endDrag);\n        this.canvas.addEventListener('pointercancel', endDrag);\n\n        // Hover-time tooltip over the waveform (when showHoverTime is on).\n        this.setupHoverTime();\n        // Draggable seek handle (DOM circle, shown on hover / drag).\n        this.setupSeekHandle();\n\n        // Window resize - store handler for cleanup\n        this.resizeHandler = debounce(() => this.resizeCanvas(), 100);\n        window.addEventListener('resize', this.resizeHandler);\n    }\n\n    /**\n     * Observe the canvas's parent element for size changes and re-fit the\n     * canvas on each one. No-op where `ResizeObserver` is unavailable.\n     * @private\n     */\n    setupResizeObserver() {\n        if ('ResizeObserver' in window) {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeCanvas();\n            });\n\n            if (this.canvas?.parentElement) {\n                this.resizeObserver.observe(this.canvas.parentElement);\n            }\n        }\n    }\n\n    // ============================================\n    // Audio Loading\n    // ============================================\n\n    /**\n     * Load an audio source: set the title, fetch/generate the waveform peaks,\n     * draw them, render markers, and initialise Media Session.\n     *\n     * In self mode the `<audio>` src is assigned and the method awaits\n     * `loadedmetadata` before proceeding. In external mode there is no audio\n     * element, so the src/metadata step is skipped and only the visualization\n     * is built (duration/time come from the controller via\n     * {@link WaveformPlayer#setProgress}). Peaks come from the `waveform`\n     * option when provided, otherwise they are decoded from the audio; a\n     * decode failure falls back to a placeholder waveform. The `onLoad`\n     * callback fires on success.\n     * @param {string} url - Audio URL.\n     * @returns {Promise<void>} Resolves once loading settles (errors are caught\n     *   internally and surfaced through {@link WaveformPlayer#onError}).\n     */\n    async load(url) {\n        try {\n            this.setLoading(true);\n            this.progress = 0;\n            this.hasError = false;\n\n            // In external mode we don't own an <audio> element \u2014 skip\n            // src assignment + metadata-wait, but still generate the\n            // waveform peaks so the canvas can render the visualization.\n            // Duration / current time come from the external controller\n            // via setProgress().\n            if (this.audio) {\n                // Set audio source\n                this.audio.src = url;\n\n                // Wait for metadata to load\n                await new Promise((resolve, reject) => {\n                    const metadataHandler = () => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        resolve();\n                    };\n                    const errorHandler = (e) => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        reject(e);\n                    };\n                    this.audio.addEventListener('loadedmetadata', metadataHandler);\n                    this.audio.addEventListener('error', errorHandler);\n                });\n            }\n\n            // Set title\n            const title = this.options.title || extractTitleFromUrl(url);\n            if (this.titleEl) {\n                this.titleEl.textContent = title;\n            }\n            // Keep the seek slider's accessible name in sync with the track.\n            this.applySeekLabel(title);\n\n            // Load or generate waveform\n            if (this.options.waveform) {\n                this.setWaveformData(this.options.waveform);\n            } else {\n                // Generate waveform\n                try {\n                    const result = await generateWaveform(url, this.options.samples, this.options.showBPM);\n                    this.waveformData = result.peaks;\n\n                    // Store BPM if detected\n                    if (result.bpm) {\n                        this.detectedBPM = result.bpm;\n                        this.updateBPMDisplay();\n                    }\n                } catch (error) {\n                    console.warn('[WaveformPlayer] Using placeholder waveform:', error);\n                    this.waveformData = generatePlaceholderWaveform(this.options.samples);\n                }\n            }\n\n            this.drawWaveform();\n            this.renderMarkers();\n\n            // Fire callback\n            if (this.options.onLoad) {\n                this.options.onLoad(this);\n            }\n        } catch (error) {\n            // onError() is the single funnel for surfacing + logging errors.\n            this.onError(error);\n        } finally {\n            this.setLoading(false);\n        }\n    }\n\n    /**\n     * Swap the player to a new track at runtime.\n     *\n     * Pauses any current playback, fully resets the audio element (self mode),\n     * clears error/marker/progress state, merges the new metadata into\n     * `this.options`, updates the artist/artwork DOM, then calls\n     * {@link WaveformPlayer#load}. Auto-plays the new track unless\n     * `options.autoplay === false`.\n     * @param {string} url - Audio URL.\n     * @param {string|null} [title=null] - Track title; keeps the existing\n     *   title when null.\n     * @param {string|null} [artist=null] - Track artist; pass `''` to hide\n     *   the artist row, or null to keep the existing one.\n     * @param {Object} [options={}] - Additional options to merge (e.g.\n     *   `preload`, `artwork`, `markers`, `autoplay`).\n     * @returns {Promise<void>}\n     */\n    async loadTrack(url, title = null, artist = null, options = {}) {\n        // Stop current playback and clear state\n        if (this.isPlaying) {\n            this.pause();\n        }\n\n        // Reset audio element completely (only when we own one)\n        if (this.audio) {\n            this.audio.src = '';\n            this.audio.load();\n        }\n\n        // Clear any errors\n        this.hasError = false;\n        if (this.errorEl) {\n            this.errorEl.style.display = 'none';\n        }\n        if (this.canvas) {\n            this.canvas.style.opacity = '1';\n        }\n        if (this.playBtn) {\n            this.playBtn.disabled = false;\n        }\n\n        // Reset state\n        this.progress = 0;\n        this.waveformData = [];\n\n        // Update options (including preload if specified)\n        this.options = mergeOptions(this.options, {\n            url,\n            title: title || this.options.title,\n            artist: artist || this.options.artist,\n            ...options\n        });\n\n        // Apply preload setting if it was changed\n        if (options.preload && this.audio) {\n            this.audio.preload = options.preload;\n        }\n\n        // Update UI elements\n        if (this.artistEl) {\n            if (artist) {\n                this.artistEl.textContent = artist;\n                this.artistEl.style.display = '';\n            } else if (artist === '') {\n                this.artistEl.style.display = 'none';\n            }\n        }\n\n        // Update artwork if provided\n        if (options.artwork && this.artworkEl) {\n            this.artworkEl.src = options.artwork;\n        }\n\n        // Clear or update markers\n        this.options.markers = options.markers || [];\n\n        // Reset the waveform to the NEW track's peaks, or null to regenerate\n        // from the URL. mergeOptions() above keeps the previous track's\n        // this.options.waveform when the caller passes none, and load() does\n        // `if (this.options.waveform) setWaveformData(...)` \u2014 so without this\n        // reset a track loaded without peaks would redraw the PREVIOUS track's\n        // waveform (audio changes, visualization doesn't).\n        this.options.waveform = options.waveform || null;\n\n        // Load the new track\n        await this.load(url);\n\n        // Auto-play the new track unless the caller opted out \u2014 lets a\n        // controller load/restore/enqueue without forcing playback.\n        if (options.autoplay !== false) {\n            this.play()?.catch(() => {});\n        }\n    }\n\n    // ============================================\n    // Visualization\n    // ============================================\n\n    /**\n     * Normalise externally-supplied waveform data into `this.waveformData` and\n     * redraw.\n     *\n     * Accepts several shapes: a `.json` URL (fetched async; peaks and any\n     * embedded `markers` are applied on resolve), a JSON-encoded array string,\n     * a comma-separated number string, or a plain number array. Malformed\n     * input degrades to an empty array rather than throwing.\n     * @param {string|number[]} data - Peaks as an array, a JSON/CSV string, or\n     *   a URL to a `.json` peaks file.\n     * @private\n     */\n    setWaveformData(data) {\n        // URL to JSON file \u2014 fetch peaks and maybe markers\n        if (typeof data === 'string' && data.trim().endsWith('.json')) {\n            fetch(data.trim())\n                .then(r => r.json())\n                .then(json => {\n                    this.waveformData = Array.isArray(json) ? json : (json.peaks || []);\n                    if (json.markers && !this.options.markers?.length) {\n                        this.options.markers = json.markers;\n                        this.renderMarkers();\n                    }\n                    this.drawWaveform();\n                })\n                .catch(() => {});\n            return;\n        }\n\n        if (typeof data === 'string') {\n            try {\n                const parsed = JSON.parse(data);\n                this.waveformData = Array.isArray(parsed) ? parsed : [];\n            } catch {\n                this.waveformData = data.split(',').map(Number);\n            }\n        } else {\n            this.waveformData = Array.isArray(data) ? data : [];\n        }\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the current waveform + progress to the canvas via the shared\n     * {@link draw} routine, passing the resolved style and colours. No-op\n     * before the context exists or while there is no peak data.\n     * @private\n     */\n    drawWaveform() {\n        if (!this.ctx || this.waveformData.length === 0) return;\n\n        draw(this.ctx, this.canvas, this.waveformData, this.progress, {\n            ...this.options,\n            waveformStyle: this.options.waveformStyle || 'bars',\n            color: this.options.waveformColor,\n            progressColor: this.options.progressColor,\n            seekActive: this._seekHover || this._dragging\n        });\n    }\n\n    /**\n     * Re-fit the canvas backing store to its parent's width and the configured\n     * height, scaled by the device pixel ratio for crisp rendering, then\n     * redraw. Guards against running after destruction.\n     * @private\n     */\n    resizeCanvas() {\n        // Guard against calls after destruction\n        if (!this.canvas || this.isDestroying) {\n            return;\n        }\n\n        const dpr = window.devicePixelRatio || 1;\n        const rect = this.canvas.parentElement.getBoundingClientRect();\n\n        this.canvas.width = rect.width * dpr;\n        this.canvas.height = this.options.height * dpr;\n        this.canvas.parentElement.style.height = this.options.height + 'px';\n\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the configured cue markers as positioned, clickable buttons over\n     * the waveform.\n     *\n     * Clears any existing markers first, then bails out unless `showMarkers` is\n     * on, markers exist, and a duration is known (via the mode-agnostic\n     * {@link WaveformPlayer#getSeekDuration}). Each marker is placed by its\n     * time-as-percentage, carries a tooltip and ARIA label, and seeks on click\n     * (also starting playback when `playOnSeek` is set and currently paused).\n     * Markers past the track duration are skipped with a warning.\n     * @private\n     */\n    renderMarkers() {\n        if (!this.markersContainer) return;\n\n        // Always clear existing markers first\n        this.markersContainer.innerHTML = '';\n        // Re-sync the active marker on the next progress tick (the DOM was wiped).\n        this._activeMarkerIndex = -1;\n        clearTimeout(this._markerLabelTimer);\n\n        if (!this.options.showMarkers || !this.options.markers?.length) return;\n\n        // Duration may come from the <audio> (self mode) or the external\n        // controller (external mode) \u2014 use the mode-agnostic accessor.\n        const duration = this.getSeekDuration();\n        if (!duration) {\n            return;\n        }\n\n        // Add each marker\n        this.options.markers.forEach((marker, index) => {\n            // Skip markers that are beyond the audio duration\n            if (marker.time > duration) {\n                console.warn(`[WaveformPlayer] Marker \"${marker.label}\" at ${marker.time}s exceeds audio duration of ${duration}s`);\n                return;\n            }\n\n            const position = (marker.time / duration) * 100;\n\n            const markerEl = document.createElement('button');\n            markerEl.className = 'waveform-marker';\n            markerEl.style.left = `${position}%`;\n            markerEl.style.backgroundColor = marker.color || 'rgba(255, 255, 255, 0.5)';\n            markerEl.setAttribute('aria-label', marker.label);\n            markerEl.setAttribute('data-time', marker.time);\n\n            // Tooltip\n            const tooltip = document.createElement('span');\n            tooltip.className = 'waveform-marker-tooltip';\n            tooltip.textContent = marker.label;\n            markerEl.appendChild(tooltip);\n\n            // Click to seek\n            markerEl.addEventListener('click', (e) => {\n                e.stopPropagation();\n                this.seekTo(marker.time);\n                if (this.options.playOnSeek && !this.isPlaying) {\n                    this.play();\n                }\n            });\n\n            this.markersContainer.appendChild(markerEl);\n        });\n    }\n\n    /**\n     * Highlight the marker at `index` (toggling an `active` class) and clear\n     * the rest. Pass `null` to clear all. Lets an external controller (e.g. a\n     * DJ bar) reflect the current section without reaching into the player's\n     * private marker DOM.\n     * @param {number|null} index - Marker index to activate, or `null` to clear.\n     */\n    setActiveMarker(index) {\n        if (!this.markersContainer) return;\n        const markers = this.markersContainer.querySelectorAll('.waveform-marker');\n        markers.forEach((el, i) => el.classList.toggle('active', i === index));\n    }\n\n    /**\n     * Highlight the marker the playhead has most recently passed \u2014 the rendered\n     * marker with the greatest `time` \u2264 the current time \u2014 and reveal its label.\n     * Driven from the progress loop; a no-op when there are no markers. Reuses\n     * {@link WaveformPlayer#setActiveMarker}, and only re-applies when the active\n     * marker actually changes.\n     * @private\n     */\n    updateActiveMarker() {\n        if (!this.markersContainer) return;\n        const els = this.markersContainer.querySelectorAll('.waveform-marker');\n        if (!els.length) return;\n        const dur = this.getSeekDuration();\n        const t = dur ? this.progress * dur : 0;\n        let active = -1;\n        let best = -Infinity;\n        els.forEach((el, i) => {\n            const mt = parseFloat(el.getAttribute('data-time'));\n            if (Number.isFinite(mt) && mt <= t + 0.05 && mt > best) {\n                best = mt;\n                active = i;\n            }\n        });\n        if (active !== this._activeMarkerIndex) {\n            this._activeMarkerIndex = active;\n            this.setActiveMarker(active);\n            // Flash the newly-active marker's label, then let it fade \u2014 the\n            // highlight stays. Override via `.waveform-marker.show-label` CSS.\n            clearTimeout(this._markerLabelTimer);\n            els.forEach((el, i) => el.classList.toggle('show-label', i === active));\n            if (active >= 0) {\n                this._markerLabelTimer = setTimeout(() => {\n                    this.markersContainer\n                        ?.querySelectorAll('.waveform-marker')\n                        .forEach((el) => el.classList.remove('show-label'));\n                }, 2500);\n            }\n        }\n    }\n\n    /**\n     * Build the time tooltip that follows the pointer over the waveform. The\n     * element is always created so **drag-scrub** can show the time you're\n     * dragging to; the *hover* reveal is gated on `showHoverTime`. Works in both\n     * self and external modes (it only needs {@link WaveformPlayer#getSeekDuration}).\n     * @private\n     */\n    setupHoverTime() {\n        if (!this.seekEl) return;\n        const tip = document.createElement('div');\n        tip.className = 'waveform-hover-time';\n        tip.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(tip);\n        this.hoverTimeEl = tip;\n\n        // Without showHoverTime the tip is drag-only \u2014 no hover listeners.\n        if (!this.options.showHoverTime) return;\n\n        // Hover updates the tip; the drag handlers also call _updateHoverTip so\n        // the time follows the playhead while scrubbing (Spotify-style). The\n        // guard avoids a double-update when a drag is in progress (the canvas\n        // pointermove already drives it then).\n        this.seekEl.addEventListener('pointermove', (e) => {\n            if (!this._dragging) this._updateHoverTip(e.clientX);\n        });\n        this.seekEl.addEventListener('pointerleave', () => {\n            if (!this._dragging) this._hideHoverTip();\n        });\n    }\n\n    /**\n     * Position + fill the hover-time tooltip for a given client-X. Shared by\n     * hover and drag-scrub. No-op when the tooltip isn't enabled\n     * (`showHoverTime` off).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _updateHoverTip(clientX) {\n        const tip = this.hoverTimeEl;\n        if (!tip) return;\n        const dur = this.getSeekDuration();\n        if (!dur) { tip.style.opacity = '0'; return; }\n        const rect = this.canvas.getBoundingClientRect();\n        const pct = clamp((clientX - rect.left) / rect.width);\n        tip.textContent = formatTime(pct * dur);\n        tip.style.left = (pct * 100) + '%';\n        tip.style.opacity = '1';\n    }\n\n    /** Hide the hover-time tooltip. @private */\n    _hideHoverTip() {\n        if (this.hoverTimeEl) this.hoverTimeEl.style.opacity = '0';\n    }\n\n    /**\n     * Visually preview a seek during a drag \u2014 moves the playhead + handle +\n     * tooltip to the cursor WITHOUT touching the audio (playback continues; the\n     * real seek is committed on release).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _scrubTo(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        this.progress = clamp((clientX - rect.left) / rect.width);\n        this.drawWaveform();\n        this._updateSeekHandle();\n        // Live time readout while scrubbing (Spotify-style): the audio keeps\n        // playing at its old position; the display shows where release lands.\n        const dur = this.getSeekDuration();\n        if (dur && this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.progress * dur);\n            // The current-time already shows the target \u2014 don't also pop the\n            // hover tooltip with the same value (that duplicate is the bug).\n            this._hideHoverTip();\n        } else {\n            // No current-time readout to fall back on \u2014 keep the tooltip as the\n            // only scrub feedback.\n            this._updateHoverTip(clientX);\n        }\n    }\n\n    /**\n     * Create the draggable seek handle \u2014 a DOM circle over the playhead, shown\n     * only on hover / drag (Spotify-style). Pointer-events are off so it never\n     * blocks the canvas scrub; size + visibility are CSS.\n     * @private\n     */\n    setupSeekHandle() {\n        // Only the seekbar style \u2014 on a real waveform the fill-edge already is\n        // the playhead, so a floating dot is just noise.\n        if (!this.options.seekHandle || this.options.waveformStyle !== 'seekbar' || !this.seekEl) return;\n        const h = document.createElement('div');\n        h.className = 'waveform-seek-handle';\n        h.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(h);\n        this.seekHandleEl = h;\n    }\n\n    /**\n     * Position the seek handle at the current progress and toggle its\n     * visibility (hover / drag) + expanded (drag / direct-hover) classes.\n     * @private\n     */\n    _updateSeekHandle() {\n        const h = this.seekHandleEl;\n        if (!h) return;\n        h.style.left = (this.progress * 100) + '%';\n        h.classList.toggle('is-visible', this._seekHover || this._dragging);\n        h.classList.toggle('is-active', this._dragging || this._handleNear);\n    }\n\n    // ============================================\n    // Event Handlers\n    // ============================================\n\n    /**\n     * Seek to the clicked horizontal position on the waveform canvas.\n     *\n     * Converts the click X into a 0..1 percentage. In external mode it\n     * dispatches a cancelable `waveformplayer:request-seek` event (updating the\n     * local visual optimistically unless the controller vetoes it); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {MouseEvent} event - The canvas click event.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    handleCanvasClick(event) {\n        // Ignore the synthetic click that trails a pointer drag (see endDrag).\n        if (this._suppressClick) { this._suppressClick = false; return; }\n        this._seekFromPointer(event.clientX);\n    }\n\n    /**\n     * Seek to a horizontal client-X position over the canvas \u2014 shared by\n     * click and drag. In external mode the player has no audio of its own,\n     * so it dispatches a cancelable `waveformplayer:request-seek` with the\n     * target percentage (updating the local visual optimistically); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _seekFromPointer(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        const targetPercent = clamp((clientX - rect.left) / rect.width);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(targetPercent);\n            return;\n        }\n\n        if (!this.audio || !this.audio.duration) return;\n        this.seekToPercent(targetPercent);\n    }\n\n    /**\n     * Toggle the loading state: show/hide the spinner overlay and set\n     * `aria-busy` on the accessible seek slider so assistive tech knows the\n     * player is fetching/decoding.\n     * @param {boolean} loading - True while audio is loading.\n     * @private\n     */\n    setLoading(loading) {\n        this.isLoading = loading;\n        if (this.loadingEl) {\n            this.loadingEl.style.display = loading ? 'block' : 'none';\n        }\n        // Let assistive tech know the player is busy fetching/decoding.\n        if (this.seekEl) {\n            this.seekEl.setAttribute('aria-busy', loading ? 'true' : 'false');\n        }\n    }\n\n    /**\n     * `loadedmetadata` handler (self mode): write the total-time display, now\n     * that duration is known re-render markers, and publish duration to the\n     * accessible seek slider. No-op during destruction.\n     * @private\n     */\n    onMetadataLoaded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        if (this.totalTimeEl) {\n            this.totalTimeEl.textContent = formatTime(this.audio.duration);\n        }\n        // Re-render markers when duration is known\n        this.renderMarkers();\n        // Duration is now known \u2014 publish it to the accessible slider.\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Reflect play/pause state on the transport button: toggle the `playing`\n     * class and swap the play/pause icon visibility. The single source of\n     * truth shared by `onPlay`, `onPause`, and the external-mode\n     * `setPlayingState` pump so they can't drift. No-op without a button.\n     * @param {boolean} isPlaying - Whether playback is active.\n     * @private\n     */\n    setPlayButtonState(isPlaying) {\n        if (!this.playBtn) return;\n        this.playBtn.classList.toggle('playing', isPlaying);\n        const playIcon = this.playBtn.querySelector('.waveform-icon-play');\n        const pauseIcon = this.playBtn.querySelector('.waveform-icon-pause');\n        if (playIcon) playIcon.style.display = isPlaying ? 'none' : 'flex';\n        if (pauseIcon) pauseIcon.style.display = isPlaying ? 'flex' : 'none';\n    }\n\n    /**\n     * `play` handler (self mode): set the playing flag, swap the button to its\n     * pause icon, start the smooth progress loop, dispatch\n     * `waveformplayer:play`, and fire the `onPlay` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:play\n     */\n    onPlay() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = true;\n\n        this.setPlayButtonState(true);\n\n        this.startSmoothUpdate();\n\n        // iOS drops Media Session metadata set before playback begins \u2014 re-assert\n        // metadata + playback state now that we're actually playing.\n        this._updateMediaSession('playing');\n\n        // Dispatch play event\n        this._emit('waveformplayer:play', {player: this, url: this.options.url});\n\n        if (this.options.onPlay) {\n            this.options.onPlay(this);\n        }\n    }\n\n    /**\n     * `pause` handler (self mode): clear the playing flag, swap the button back\n     * to its play icon, stop the smooth progress loop, dispatch\n     * `waveformplayer:pause`, and fire the `onPause` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    onPause() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = false;\n\n        this.setPlayButtonState(false);\n\n        this.stopSmoothUpdate();\n\n        this._updateMediaSession('paused');\n\n        // Dispatch pause event\n        this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n\n        if (this.options.onPause) {\n            this.options.onPause(this);\n        }\n    }\n\n    /**\n     * `ended` handler (self mode): reset progress and `currentTime` to the\n     * start, redraw, reset the time display, dispatch `waveformplayer:ended`\n     * (carrying the final time), run {@link WaveformPlayer#onPause}, and fire\n     * the `onEnd` callback. No-op during destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    onEnded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        const duration = this.audio.duration;\n\n        this.progress = 0;\n        this.audio.currentTime = 0;\n        this.drawWaveform();\n\n        // Reset time display\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = '0:00';\n        }\n\n        // Dispatch ended event \u2014 carries the final time so listeners (e.g.\n        // analytics) don't have to reach into player.audio.\n        this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n\n        this.onPause();\n\n        if (this.options.onEnd) {\n            this.options.onEnd(this);\n        }\n    }\n\n    /**\n     * `error` handler: set the error flag, hide the spinner, reveal the error\n     * overlay, dim the canvas, disable the play button, and fire the `onError`\n     * callback. No-op during destruction.\n     * @param {Event|Error} error - The audio error event, or an Error thrown\n     *   during loading.\n     * @private\n     */\n    onError(error) {\n        // Ignore errors during destruction\n        if (this.isDestroying) return;\n\n        console.error('[WaveformPlayer] Audio error:', error);\n        this.hasError = true;\n        this.setLoading(false);\n\n        if (this.errorEl) {\n            this.errorEl.style.display = 'flex';\n        }\n\n        if (this.canvas) {\n            this.canvas.style.opacity = '0.2';\n        }\n\n        if (this.playBtn) {\n            this.playBtn.disabled = true;\n        }\n\n        if (this.options.onError) {\n            this.options.onError(error, this);\n        }\n    }\n\n    // ============================================\n    // Progress Updates\n    // ============================================\n\n    /**\n     * Start the `requestAnimationFrame` loop that drives smooth progress\n     * updates while playing (self mode only \u2014 external mode is redrawn by\n     * controller {@link WaveformPlayer#setProgress} pushes). Cancels any\n     * existing loop first so it's safe to call repeatedly.\n     * @private\n     */\n    startSmoothUpdate() {\n        this.stopSmoothUpdate();\n\n        const update = () => {\n            // In external mode the canvas redraws are driven by\n            // setProgress() pushes from the controller \u2014 no internal\n            // RAF needed. Self-mode keeps the smooth-update loop.\n            if (this.isPlaying && this.audio && this.audio.duration) {\n                this.updateProgress();\n                this.updateTimer = requestAnimationFrame(update);\n            }\n        };\n\n        this.updateTimer = requestAnimationFrame(update);\n    }\n\n    /**\n     * Cancel the smooth-update animation frame, if one is scheduled.\n     * @private\n     */\n    stopSmoothUpdate() {\n        if (this.updateTimer) {\n            cancelAnimationFrame(this.updateTimer);\n            this.updateTimer = null;\n        }\n    }\n\n    /**\n     * Recompute progress from the owned `<audio>` clock and reflect it\n     * everywhere (self mode only \u2014 external mode uses\n     * {@link WaveformPlayer#setProgress}).\n     *\n     * Redraws the canvas when progress moves meaningfully, updates the\n     * current-time display, dispatches `waveformplayer:timeupdate`, fires the\n     * `onTimeUpdate` callback, and refreshes the accessible slider values.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     */\n    updateProgress() {\n        // Self-mode only \u2014 external mode receives progress via\n        // setProgress() from the controller and never calls this.\n        if (!this.audio || !this.audio.duration) return;\n        // While dragging, the playhead previews the cursor \u2014 don't let playback\n        // move it (the audio keeps playing; the seek commits on release).\n        if (this._dragging) return;\n\n        const newProgress = this.audio.currentTime / this.audio.duration;\n\n        if (Math.abs(newProgress - this.progress) > 0.001) {\n            this.progress = newProgress;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        }\n\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.audio.currentTime);\n        }\n\n        // Dispatch timeupdate event\n        this._emit('waveformplayer:timeupdate', {\n            player: this,\n            currentTime: this.audio.currentTime,\n            duration: this.audio.duration,\n            progress: this.progress,\n            url: this.options.url\n        });\n\n        if (this.options.onTimeUpdate) {\n            this.options.onTimeUpdate(this.audio.currentTime, this.audio.duration, this);\n        }\n\n        this.updateActiveMarker();\n        this.updateSeekAccessibility();\n    }\n\n    // ============================================\n    // UI Updates\n    // ============================================\n\n    /**\n     * Show the detected BPM in the badge, once a value has been detected.\n     * @private\n     */\n    updateBPMDisplay() {\n        // A caller-supplied `bpm` wins over auto-detection \u2014 useful when peaks\n        // are pre-generated (so the audio is never decoded) but the BPM is known\n        // anyway, e.g. sample-pack previews where the tempo is in the metadata.\n        const bpm = this.options.bpm || this.detectedBPM;\n        if (this.bpmEl && this.bpmValueEl && bpm) {\n            this.bpmValueEl.textContent = Math.round(bpm);\n            this.bpmEl.style.display = 'inline-flex';\n        }\n    }\n\n    /**\n     * Re-detect the page theme and re-apply auto colours + redraw, so an\n     * auto-themed player adapts to a runtime light/dark switch (not just the\n     * value present on load). No-op when the player uses an explicit\n     * `colorPreset` or hand-set colours. Driven by the shared theme watcher.\n     * @public\n     */\n    refreshTheme() {\n        if (!this._autoTheme) return;\n        this._scheme = detectColorScheme();\n        const preset = getColorPreset(this.options.colorPreset);\n        for (const key of (this._presetKeys || [])) {\n            if (key in preset) this.options[key] = preset[key];\n        }\n        this._applyThemeColors();\n    }\n\n    /**\n     * Sync the theme class (CSS drives the DOM chrome colours via `--wfp-*`\n     * variables) and redraw the canvas with the resolved waveform colours.\n     * @private\n     */\n    _applyThemeColors() {\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n        if (this.canvas) this.drawWaveform();\n    }\n\n    /**\n     * Lazily install ONE shared watcher that re-detects the theme for every\n     * auto-themed instance when the document theme changes \u2014 a class/attribute\n     * flip on `<html>`/`<body>` (Tailwind `dark`, `data-theme`,\n     * `data-color-scheme`) or an OS `prefers-color-scheme` change. Event-driven\n     * (MutationObserver + matchMedia), never a timer.\n     * @private\n     */\n    static _watchTheme() {\n        if (WaveformPlayer._themeWatch || typeof document === 'undefined') return;\n        const refresh = () => requestAnimationFrame(() => {\n            WaveformPlayer.instances.forEach((p) => {\n                try { p.refreshTheme(); } catch (e) { /* ignore */ }\n            });\n        });\n        const opts = {attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-scheme', 'style']};\n        const obs = new MutationObserver(refresh);\n        obs.observe(document.documentElement, opts);\n        if (document.body) obs.observe(document.body, opts);\n        let mq = null;\n        try {\n            mq = window.matchMedia('(prefers-color-scheme: dark)');\n            mq.addEventListener('change', refresh);\n        } catch (e) { /* no matchMedia */ }\n        WaveformPlayer._themeWatch = {obs, mq, refresh};\n    }\n\n    /**\n     * Sync the speed control's label and the menu's active-option highlight to\n     * the audio element's current `playbackRate`. No-op in external mode (no\n     * owned `<audio>`), which also avoids reading `playbackRate` before the\n     * element exists.\n     * @private\n     */\n    updateSpeedUI() {\n        // External mode owns no <audio>; nothing to reflect (and reading\n        // this.audio.playbackRate here would throw during construction).\n        if (!this.audio) return;\n\n        const speedValue = this.container.querySelector('.speed-value');\n        if (speedValue) {\n            const rate = this.audio.playbackRate;\n            speedValue.textContent = rate === 1 ? '1x' : `${rate}x`;\n        }\n\n        // Update active state in menu\n        this.container.querySelectorAll('.speed-option').forEach(btn => {\n            const on = parseFloat(btn.dataset.rate) === this.audio.playbackRate;\n            btn.classList.toggle('active', on);\n            btn.setAttribute('aria-checked', on ? 'true' : 'false');\n        });\n    }\n\n    // ============================================\n    // Public API\n    // ============================================\n\n    /**\n     * Play audio.\n     *\n     * In `audioMode: 'self'` (default): calls the underlying <audio>\n     * element's play(). Returns the promise from HTMLMediaElement.play().\n     *\n     * In `audioMode: 'external'`: dispatches a cancelable\n     * `waveformplayer:request-play` event with the track metadata and\n     * does NOT touch any audio element. Returns `undefined`. An external\n     * controller (e.g. WaveformBar) listens for this event and starts\n     * playback on its own audio source, then pushes state back via\n     * setPlayingState() / setProgress(). Calling preventDefault() on\n     * the event lets the controller veto the play (state is unchanged).\n     *\n     * When `singlePlay` is enabled, any other currently-playing instance is\n     * paused first.\n     *\n     * @return {Promise|undefined} The promise from `HTMLMediaElement.play()` in\n     *   self mode; `undefined` in external mode.\n     * @fires WaveformPlayer#waveformplayer:request-play\n     */\n    play() {\n        if (this.options.singlePlay && WaveformPlayer.currentlyPlaying &&\n            WaveformPlayer.currentlyPlaying !== this) {\n            WaveformPlayer.currentlyPlaying.pause();\n        }\n\n        if (this.options.audioMode === 'external') {\n            const evt = this._emit('waveformplayer:request-play', this._buildTrackDetail(), true);\n            // If the controller cancels (preventDefault), don't claim\n            // \"currentlyPlaying\" \u2014 the controller didn't accept the play.\n            if (!evt.defaultPrevented) {\n                WaveformPlayer.currentlyPlaying = this;\n            }\n            return undefined;\n        }\n\n        WaveformPlayer.currentlyPlaying = this;\n        return this.audio.play();\n    }\n\n    /**\n     * Pause audio.\n     *\n     * In `audioMode: 'external'`, dispatches `waveformplayer:request-pause`\n     * (cancelable) and does NOT touch any audio element. See play().\n     *\n     * @fires WaveformPlayer#waveformplayer:request-pause\n     */\n    pause() {\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n        if (this.options.audioMode === 'external') {\n            this._emit('waveformplayer:request-pause', this._buildTrackDetail(), true);\n            return;\n        }\n        this.audio.pause();\n    }\n\n    /**\n     * Build the track detail object dispatched by request-play /\n     * request-pause events in external audio mode. Mirrors the shape\n     * WaveformBar.play() accepts so a controller can forward it\n     * directly: `WaveformBar.play(event.detail)`.\n     *\n     * @private\n     * @return {{url:string,title:?string,artist:?string,artwork:?string,player:WaveformPlayer}}\n     */\n    _buildTrackDetail() {\n        return {\n            url:      this.options.url,\n            title:    this.options.title,\n            artist:   this.options.artist,\n            artwork:  this.options.artwork,\n            markers:  this.options.markers,\n            waveform: this.options.waveform,\n            id:       this.id,\n            player:   this\n        };\n    }\n\n    /**\n     * External-mode state pump: flip the play/pause visual state without\n     * touching audio. Mirrors what onPlay()/onPause() do but skips the\n     * audio-element interactions. Safe to call repeatedly \u2014 idempotent.\n     *\n     * Only dispatches `waveformplayer:play`/`waveformplayer:pause` (and runs\n     * the matching callback) on an actual transition, starting/stopping the\n     * smooth-update loop accordingly.\n     *\n     * @param {boolean} playing - True to enter the playing state, false to\n     *   enter the paused state.\n     * @fires WaveformPlayer#waveformplayer:play\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    setPlayingState(playing) {\n        const wasPlaying = this.isPlaying;\n        this.isPlaying = !!playing;\n        this.setPlayButtonState(this.isPlaying);\n        if (this.isPlaying && !wasPlaying) {\n            this.startSmoothUpdate?.();\n            this._emit('waveformplayer:play', {player: this, url: this.options.url});\n            if (this.options.onPlay) this.options.onPlay(this);\n        } else if (!this.isPlaying && wasPlaying) {\n            this.stopSmoothUpdate?.();\n            this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n            if (this.options.onPause) this.options.onPause(this);\n        }\n    }\n\n    /**\n     * External-mode state pump: update the visualization's progress\n     * from an external clock (e.g. WaveformBar's audio element's\n     * timeupdate). Drives the canvas redraw + the time displays.\n     *\n     * Redraws the canvas, updates the current/total time displays, stores the\n     * external duration for the accessible slider, dispatches\n     * `waveformplayer:timeupdate`, runs `onTimeUpdate`, and synthesizes a\n     * one-shot `waveformplayer:ended` (with `onEnd`) when progress reaches the\n     * end. No-op for a non-positive duration.\n     *\n     * @param {number} currentTime - Current playback position in seconds.\n     * @param {number} duration - Total track duration in seconds.\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    setProgress(currentTime, duration) {\n        if (!duration || duration <= 0) return;\n        this.progress = clamp(currentTime / duration);\n        // Mirror the existing display update code so callers don't have\n        // to know which DOM elements live where.\n        if (this.currentTimeEl)  this.currentTimeEl.textContent  = formatTime(currentTime);\n        // Publish the duration unconditionally \u2014 the accessible seek slider\n        // and keyboard seeking read getSeekDuration()/_extDuration even when\n        // there's no time display to update.\n        this._extDuration = duration;\n        if (this.totalTimeEl && (!this.totalTimeEl.dataset._extSet || this.totalTimeEl.dataset._extDur !== String(duration))) {\n            this.totalTimeEl.textContent = formatTime(duration);\n            this.totalTimeEl.dataset._extSet = '1';\n            this.totalTimeEl.dataset._extDur = String(duration);\n        }\n        this.drawWaveform?.();\n        this.updateActiveMarker();\n        this._emit('waveformplayer:timeupdate', {player: this, currentTime, duration, progress: this.progress, url: this.options.url});\n        // Same (currentTime, duration, player) signature as self mode \u2014 the\n        // arg order used to be swapped here, which made one shared handler\n        // impossible across audioModes.\n        if (this.options.onTimeUpdate) this.options.onTimeUpdate(currentTime, duration, this);\n\n        // External mode has no <audio> 'ended' event \u2014 synthesize one when the\n        // controller's progress reaches the end (fires once per playthrough).\n        if (this.progress >= 1) {\n            if (!this._extEnded) {\n                this._extEnded = true;\n                this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n                if (this.options.onEnd) this.options.onEnd(this);\n            }\n        } else {\n            this._extEnded = false;\n        }\n\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Toggle between play and pause based on the current `isPlaying` state.\n     * Works in both audio modes (in external mode it routes through the\n     * request-play/pause events).\n     */\n    togglePlay() {\n        if (this.isPlaying) {\n            this.pause();\n        } else {\n            this.play();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to an absolute time, clamped to\n     * `[0, duration]`, and refresh progress. Self mode only \u2014 a no-op when\n     * there is no audio element or duration. External-mode keyboard/click\n     * seeks go through {@link WaveformPlayer#seekToSeconds} instead.\n     * @param {number} seconds - Target time in seconds.\n     */\n    seekTo(seconds) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = clamp(seconds, 0, this.audio.duration);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to a fraction of the track, clamped to\n     * `[0, 1]`, and refresh progress. Self mode only \u2014 a no-op without an audio\n     * element or duration.\n     * @param {number} percent - Position as a fraction from 0 to 1.\n     */\n    seekToPercent(percent) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = this.audio.duration * clamp(percent);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's volume, clamped to `[0, 1]`. Self mode\n     * only \u2014 a no-op in external mode where the controller owns volume.\n     * @param {number} volume - Volume from 0 (silent) to 1 (full).\n     */\n    setVolume(volume) {\n        // Coerce + guard: a non-finite value (e.g. from a bad config or stale\n        // storage) must not propagate NaN into audio.volume (which throws).\n        const v = Number(volume);\n        if (this.audio && Number.isFinite(v)) {\n            this.audio.volume = clamp(v);\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's playback rate (clamped to 0.5\u20132),\n     * persist it onto `this.options.playbackRate`, and refresh the speed UI.\n     * Self mode only \u2014 a no-op in external mode.\n     * @param {number} rate - Desired playback rate; clamped to the 0.5\u20132 range.\n     */\n    setPlaybackRate(rate) {\n        if (!this.audio) return;\n\n        const clampedRate = clamp(rate, 0.5, 2);\n        this.audio.playbackRate = clampedRate;\n        this.options.playbackRate = clampedRate;\n\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Tear down the player and release all resources.\n     *\n     * Flags destruction (so in-flight handlers bail), dispatches\n     * `waveformplayer:destroy`, stops playback and the animation loop, aborts\n     * every listener registered on the instance signal, disconnects the resize\n     * observer, removes the window-resize handler, drops the instance from the\n     * static map and `currentlyPlaying`, resets/releases the audio element, and\n     * empties the container.\n     * @fires WaveformPlayer#waveformplayer:destroy\n     */\n    destroy() {\n        // Set a flag to indicate we're destroying\n        this.isDestroying = true;\n\n        // Let listeners (analytics, controllers) release their references\n        // before teardown \u2014 the symmetric counterpart to waveformplayer:ready.\n        this._emit('waveformplayer:destroy', {player: this, url: this.options.url});\n\n        // Stop playback and animations\n        this.pause();\n        this.stopSmoothUpdate();\n        clearTimeout(this._markerLabelTimer);\n\n        // Tear down every document/container/seek listener in one shot.\n        this._ac?.abort();\n\n        // Disconnect observer\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = null;\n        }\n\n        // Remove window resize listener\n        if (this.resizeHandler) {\n            window.removeEventListener('resize', this.resizeHandler);\n            this.resizeHandler = null;\n        }\n\n        // Remove from instances map\n        WaveformPlayer.instances.delete(this.id);\n\n        // Clear current playing reference if it's this instance\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n\n        // Properly clean up audio element\n        if (this.audio) {\n            this.audio.pause();\n            this.audio.src = '';\n            this.audio.load(); // Reset the audio element\n            this.audio = null;\n        }\n\n        // Clear the container\n        this.container.innerHTML = '';\n\n        // Clear all references\n        this.canvas = null;\n        this.ctx = null;\n        this.playBtn = null;\n        this.waveformData = [];\n    }\n\n    // ============================================\n    // Static Methods\n    // ============================================\n\n    /**\n     * Get player instance by ID, element, or element ID\n     * @param {string|HTMLElement} idOrElement - Player ID, element, or element ID\n     * @returns {WaveformPlayer|undefined}\n     */\n    static getInstance(idOrElement) {\n        if (typeof idOrElement === 'string') {\n            const instance = this.instances.get(idOrElement);\n            if (instance) return instance;\n\n            const element = document.getElementById(idOrElement);\n            if (element) {\n                return Array.from(this.instances.values()).find(p => p.container === element);\n            }\n        }\n\n        if (idOrElement instanceof HTMLElement) {\n            return Array.from(this.instances.values()).find(p => p.container === idOrElement);\n        }\n\n        return undefined;\n    }\n\n    /**\n     * Get all player instances\n     * @returns {WaveformPlayer[]}\n     */\n    static getAllInstances() {\n        return Array.from(this.instances.values());\n    }\n\n    /**\n     * Destroy all player instances\n     */\n    static destroyAll() {\n        this.instances.forEach(player => player.destroy());\n        this.instances.clear();\n    }\n\n    /**\n     * Generate waveform data from audio URL\n     * @static\n     * @param {string} url - Audio URL\n     * @param {number} samples - Number of samples\n     * @returns {Promise<number[]>} Waveform peak data\n     */\n    static async generateWaveformData(url, samples = DEFAULT_SAMPLES) {\n        try {\n            const result = await generateWaveform(url, samples);\n            return result.peaks;\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to generate waveform:', error);\n            throw error;\n        }\n    }\n\n    /**\n     * Derive a peaks-JSON URL from an audio URL by swapping the\n     * extension. Strict counterpart to `generateWaveformData()`:\n     * `generateWaveformData` decodes the audio at runtime,\n     * `getPeaksUrl` assumes you generated the peaks at build time\n     * (e.g. with `@arraypress/waveform-gen`) and stored the JSON\n     * alongside the audio file.\n     *\n     * Use the result as the `waveform` option \u2014 the player detects\n     * the `.json` suffix, `fetch()`es the file, and skips the Web\n     * Audio decode pass entirely. Big perf win on catalogues with\n     * many tracks (saves ~1-5s decode per file on slow connections).\n     *\n     * Recognised extensions: mp3, wav, ogg, flac, m4a, aac.\n     * Preserves query strings + URL fragments. Returns `undefined`\n     * for unrecognised inputs so callers can pass through\n     * unconditionally:\n     *\n     *     new WaveformPlayer('#el', {\n     *       url: track.audioUrl,\n     *       waveform: WaveformPlayer.getPeaksUrl(track.audioUrl),\n     *     });\n     *\n     * @static\n     * @param {string|undefined|null} audioUrl - Audio file URL.\n     * @returns {string|undefined} Peaks JSON URL, or `undefined`\n     *   when the input is empty / has no recognised audio extension.\n     *\n     * @example\n     * WaveformPlayer.getPeaksUrl('/audio/track.mp3')\n     * // '/audio/track.json'\n     *\n     * WaveformPlayer.getPeaksUrl('/audio/track.wav?v=2')\n     * // '/audio/track.json?v=2'\n     *\n     * WaveformPlayer.getPeaksUrl(undefined)\n     * // undefined\n     */\n    static getPeaksUrl(audioUrl) {\n        if (!audioUrl) return undefined;\n        const swapped = audioUrl.replace(\n            /\\.(mp3|wav|ogg|flac|m4a|aac)(\\?[^#]*)?(#.*)?$/i,\n            '.json$2$3'\n        );\n        /* Nothing changed \u2192 unrecognised extension, return undefined\n         * so callers know to fall back to live decoding. */\n        return swapped === audioUrl ? undefined : swapped;\n    }\n\n}", "/**\n * @module index\n * @description Public entry point for the WaveformPlayer library.\n *\n * Wires together the runtime surfaces for the player: it re-exports the\n * {@link WaveformPlayer} class (default and named), exposes a static\n * `WaveformPlayer.init` hook, scans the DOM for declarative `[data-waveform-player]`\n * markup and auto-instantiates a player for each match, and attaches the class\n * to `window` for plain `<script>`/CDN usage. Loading this module is enough to\n * make any markup-driven players on the page come alive once the DOM is ready.\n */\n\n// Import the main class\nimport {WaveformPlayer} from './core.js';\nimport {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes} from './utils.js';\n\n// Expose a small set of pure helpers as a single source of truth so consumers\n// (e.g. @arraypress/waveform-bar, @arraypress/waveform-playlist) can reuse them\n// instead of shipping divergent copies. `parseDataAttributes` lets wrappers read\n// the player's full `data-*` option surface off a host element without\n// re-implementing (and drifting from) the contract. Attached to the class so\n// it's reachable from the IIFE global too.\nWaveformPlayer.utils = {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes};\n\n/**\n * Whether we're running in a browser (vs. SSR / Node), where `window` and\n * `document` are available. Guards the auto-init and global-attach steps.\n * @returns {boolean}\n */\nconst isBrowser = () => typeof window !== 'undefined' && typeof document !== 'undefined';\n\n/**\n * Scan the document for declarative player markup and instantiate one\n * {@link WaveformPlayer} per matching element.\n *\n * Finds every element carrying the `data-waveform-player` attribute and, for\n * each one not already initialized, constructs a player from it (the constructor\n * reads the element's `data-*` attributes for configuration). Each successfully\n * initialized element is flagged with `data-waveform-initialized=\"true\"` so\n * repeat calls are idempotent and never double-initialize the same element.\n * Construction errors are caught and logged so one broken element cannot abort\n * the rest of the scan. A no-op in non-DOM environments (e.g. SSR).\n *\n * @returns {void}\n */\nfunction autoInit() {\n    if (!isBrowser()) return;\n\n    const elements = document.querySelectorAll('[data-waveform-player]');\n\n    elements.forEach(element => {\n        if (element.dataset.waveformInitialized === 'true') return;\n\n        try {\n            new WaveformPlayer(element);\n            element.dataset.waveformInitialized = 'true';\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to initialize:', error, element);\n        }\n    });\n}\n\n// Initialize when DOM is ready: defer until DOMContentLoaded if the document is\n// still parsing, otherwise run the scan immediately on import.\nif (isBrowser()) {\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', autoInit);\n    } else {\n        autoInit();\n    }\n}\n\n/**\n * Static re-scan hook.\n *\n * Exposes {@link autoInit} as `WaveformPlayer.init` so callers can manually\n * (re-)scan the DOM after dynamically injecting `[data-waveform-player]` markup.\n * Already-initialized elements are skipped on subsequent calls.\n *\n * @type {typeof autoInit}\n */\nWaveformPlayer.init = autoInit;\n\n// For CDN/browser usage: expose the class as a global so it is reachable from a\n// plain <script> tag without an ES module loader.\nif (isBrowser()) {\n    window.WaveformPlayer = WaveformPlayer;\n}\n\n/**\n * The {@link WaveformPlayer} class.\n * @type {typeof WaveformPlayer}\n */\nexport default WaveformPlayer;\n\n// Named exports\nexport {WaveformPlayer};"],
-  "mappings": "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",
-  "names": ["maxOf", "values", "max", "escapeHtml", "str", "isSafeHref", "url", "u", "clamp", "value", "min", "parseBoolAttr", "parseColorValue", "parseDataAttributes", "element", "options", "setBool", "optKey", "dataKey", "v", "setNum", "float", "raw", "setJson", "e", "bs", "formatSeekValueText", "template", "args", "sequentialIndex", "match", "position", "index", "formatTime", "seconds", "hrs", "mins", "secs", "idCounter", "generateId", "hash", "i", "extractTitleFromUrl", "parts", "l", "perceivedBrightness", "color", "rgb", "r", "g", "b", "mergeOptions", "sources", "result", "source", "key", "debounce", "func", "wait", "timeout", "later", "resampleData", "data", "targetLength", "ratio", "lower", "upper", "fraction", "bucketSize", "start", "end", "count", "j", "nearestIndex", "makeFill", "ctx", "value", "canvas", "options", "w", "h", "dir", "x0", "y0", "x1", "y1", "grad", "c", "i", "fillBar", "x", "y", "radii", "r", "max", "clampR", "clamp", "barRadiusPx", "dpr", "barRadii", "capsulePath", "startX", "endX", "centerY", "barHeight", "drawBars", "peaks", "progress", "barWidth", "barSpacing", "barCount", "resampledPeaks", "resampleData", "height", "progressWidth", "baseFill", "progFill", "peakHeight", "drawMirror", "topRadii", "botRadii", "drawLine", "width", "amplitude", "drawCurve", "color", "lineWidth", "endProgress", "addGlow", "stroke", "solid", "points", "samples", "peakValue", "waveOffset", "cp1x", "cp1y", "cp2x", "cp2y", "drawBlocks", "blockSize", "blockGap", "blockCount", "j", "blockOffset", "drawDots", "dotRadius", "drawSeekbar", "borderRadius", "active", "DRAWING_STYLES", "draw", "detectBPM", "buffer", "channelData", "sampleRate", "onsets", "detectOnsets", "intervals", "i", "tempoGroups", "interval", "tempo", "bucket", "maxCount", "detectedBPM", "count", "e", "previousEnergy", "energy", "j", "energyDiff", "threshold", "lastOnset", "minDistance", "extractPeaks", "buffer", "samples", "sampleSize", "channels", "peaks", "c", "chan", "i", "start", "end", "min", "max", "j", "value", "peak", "maxPeak", "maxOf", "generateWaveform", "url", "shouldDetectBPM", "audioContext", "AudioCtx", "arrayBuffer", "audioBuffer", "normalizePeaks", "bpm", "detectBPM", "generatePlaceholderWaveform", "data", "base", "variation", "clamp", "targetMax", "scaleFactor", "hasThemeHint", "scheme", "root", "body", "detectColorScheme", "bodyBg", "brightness", "perceivedBrightness", "COLOR_PRESETS", "getColorPreset", "presetName", "detected", "DEFAULT_OPTIONS", "STYLE_DEFAULTS", "ARTWORK_FALLBACK", "SEEK_STEP_SECONDS", "SEEK_PAGE_SECONDS", "INTERACTIVE_ELEMENTS", "WaveformPlayer", "_WaveformPlayer", "container", "options", "dataOptions", "parseDataAttributes", "userOptions", "mergeOptions", "DEFAULT_OPTIONS", "preset", "getColorPreset", "COLOR_PRESETS", "detectColorScheme", "key", "value", "styleDefaults", "STYLE_DEFAULTS", "generateId", "type", "detail", "cancelable", "event", "percent", "error", "buttonAlign", "buttonHTML", "escapeHtml", "infoHTML", "rate", "speedBtn", "speedMenu", "isOpen", "setSpeedMenu", "open", "opts", "o", "focusOption", "i", "selectOption", "opt", "e", "player", "hasAudio", "currentTime", "actions", "clamp", "duration", "current", "target", "seconds", "clamped", "title", "label", "formatSeekValueText", "formatTime", "details", "onNext", "onPrev", "state", "d", "rect", "endDrag", "debounce", "url", "resolve", "reject", "metadataHandler", "errorHandler", "extractTitleFromUrl", "result", "generateWaveform", "generatePlaceholderWaveform", "artist", "data", "r", "json", "parsed", "draw", "dpr", "marker", "index", "position", "markerEl", "tooltip", "el", "els", "dur", "t", "active", "best", "mt", "tip", "clientX", "pct", "h", "targetPercent", "loading", "isPlaying", "playIcon", "pauseIcon", "update", "newProgress", "bpm", "refresh", "p", "obs", "mq", "speedValue", "btn", "on", "playing", "wasPlaying", "volume", "v", "clampedRate", "idOrElement", "instance", "element", "samples", "audioUrl", "swapped", "WaveformPlayer", "formatTime", "extractTitleFromUrl", "escapeHtml", "isSafeHref", "parseDataAttributes", "isBrowser", "autoInit", "element", "error", "index_default"]
+  "sourcesContent": ["/**\n * @module utils\n * @description Utility functions for WaveformPlayer\n */\n\n/**\n * Default number of peak windows extracted per track. Shared by the runtime\n * peak extraction and `DEFAULT_OPTIONS.samples` so they can't silently drift,\n * and matched to @arraypress/waveform-gen's offline default (1800) for parity.\n * @type {number}\n */\nexport const DEFAULT_SAMPLES = 1800;\n\n/**\n * Largest value in an array, via a loop \u2014 NOT `Math.max(...arr)`, whose\n * argument spread throws `RangeError: Maximum call stack size exceeded` for\n * very large arrays (~1e5+ entries). Returns `-Infinity` for an empty array,\n * matching `Math.max()`.\n * @param {number[]} values - Numbers to scan.\n * @returns {number} The maximum value (`-Infinity` if empty).\n */\nexport function maxOf(values) {\n    let max = -Infinity;\n    for (let i = 0; i < values.length; i++) {\n        if (values[i] > max) max = values[i];\n    }\n    return max;\n}\n\n/**\n * Escape a string for safe interpolation into HTML, preventing injection when\n * building markup with template strings. `null`/`undefined` become `''`.\n * @param {*} str - Value to escape.\n * @returns {string} HTML-escaped string.\n */\nexport function escapeHtml(str) {\n    return String(str == null ? '' : str)\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;')\n        .replace(/'/g, '&#39;');\n}\n\n/**\n * Whether a URL is safe to navigate to (assign to `location.href`): allows only\n * `http`/`https` and relative URLs, rejecting `javascript:`, `data:`, `blob:`,\n * `vbscript:` and other script-bearing schemes.\n * @param {string} url - Candidate URL.\n * @returns {boolean} True if the URL uses a safe scheme.\n */\nexport function isSafeHref(url) {\n    if (typeof url !== 'string' || url === '') return false;\n    try {\n        // Resolve relative URLs against a dummy http base; only the scheme matters.\n        const u = new URL(url, 'http://localhost/');\n        return u.protocol === 'http:' || u.protocol === 'https:';\n    } catch (e) {\n        return false;\n    }\n}\n\n/**\n * Clamp a number to an inclusive range.\n * @param {number} value - Value to constrain.\n * @param {number} [min=0] - Lower bound.\n * @param {number} [max=1] - Upper bound.\n * @returns {number} `value` constrained to `[min, max]`.\n */\nexport function clamp(value, min = 0, max = 1) {\n    return Math.max(min, Math.min(value, max));\n}\n\n/**\n * Read a boolean `data-*` flag. Returns `undefined` when the attribute is\n * absent (preserving the sparse-options contract) and otherwise compares the\n * raw value against the literal string `'true'`.\n * @param {string|undefined} value - Raw `dataset` value.\n * @returns {boolean|undefined} `true`/`false` when present, else `undefined`.\n */\nexport function parseBoolAttr(value) {\n    return value === undefined ? undefined : value === 'true';\n}\n\n/**\n * A colour data-attribute may be a CSS colour string OR a JSON array of\n * gradient stops (e.g. '[\"#fafafa\",\"#71717a\"]'). Parse the array form;\n * otherwise pass the string straight through.\n * @param {string} value\n * @returns {string|string[]}\n */\nfunction parseColorValue(value) {\n    if (typeof value === 'string' && value.trim().startsWith('[')) {\n        try { return JSON.parse(value); } catch (e) { /* fall through to string */ }\n    }\n    return value;\n}\n\n/**\n * Read every recognised `data-*` attribute off a host element and translate it\n * into a plain options object suitable for `mergeOptions`.\n *\n * Only attributes that are actually present are copied, so the returned object\n * is sparse and never overrides defaults with `undefined`. Numeric attributes\n * are coerced with `parseInt`/`parseFloat`, boolean flags are compared against\n * the literal string `'true'`, and JSON-valued attributes (`markers`,\n * `playbackRates`) are parsed defensively \u2014 a parse failure is warned about and\n * the attribute is skipped rather than thrown.\n *\n * Several attributes are shorthand aliases of a canonical long form: `data-src`\n * \u2192 `url`, `data-style` \u2192 `waveformStyle`. When both are present the canonical\n * long form is applied last and therefore wins. `data-color` and `data-theme`\n * are retained as legacy aliases for `waveformColor` and `colorPreset`.\n * Colour attributes that accept gradients (`waveformColor`, `progressColor`)\n * are passed through {@link parseColorValue} so a JSON stop array is expanded.\n *\n * @param {HTMLElement} element - Host element whose `dataset` is inspected.\n * @returns {Object} Sparse options object containing only the attributes found.\n */\nexport function parseDataAttributes(element) {\n    const options = {};\n\n    // Set a boolean option only when its `data-*` attribute is present, so the\n    // returned object stays sparse and never overrides a default with a value\n    // the author didn't set. (`dataKey` differs from `optKey` only for showBPM.)\n    const setBool = (optKey, dataKey = optKey) => {\n        const v = parseBoolAttr(element.dataset[dataKey]);\n        if (v !== undefined) options[optKey] = v;\n    };\n\n    // Read a present (non-empty) numeric attribute as an int (or float).\n    const setNum = (optKey, dataKey = optKey, float = false) => {\n        const raw = element.dataset[dataKey];\n        if (raw) options[optKey] = float ? parseFloat(raw) : parseInt(raw, 10);\n    };\n\n    // Parse a JSON-valued attribute defensively \u2014 warn and skip on bad JSON.\n    const setJson = (optKey, dataKey = optKey) => {\n        const raw = element.dataset[dataKey];\n        if (!raw) return;\n        try { options[optKey] = JSON.parse(raw); }\n        catch (e) { console.warn(`[WaveformPlayer] Invalid ${dataKey} JSON:`, e); }\n    };\n\n    // Core attributes. `data-src` is a shorthand alias for `data-url`;\n    // the canonical long form wins if both are set.\n    if (element.dataset.src) options.url = element.dataset.src;\n    if (element.dataset.url) options.url = element.dataset.url;\n    setNum('height');\n    setNum('samples');\n    if (element.dataset.preload) {\n        options.preload = element.dataset.preload;\n    }\n    if (element.dataset.audioMode) options.audioMode = element.dataset.audioMode;\n\n    // Waveform style attributes. `data-style` is a shorthand alias for\n    // `data-waveform-style`; the canonical long form wins if both are set.\n    if (element.dataset.style) options.waveformStyle = element.dataset.style;\n    if (element.dataset.waveformStyle) options.waveformStyle = element.dataset.waveformStyle;\n    if (element.dataset.waveformGradient) options.waveformGradient = element.dataset.waveformGradient;\n    setNum('barWidth');\n    setNum('barSpacing');\n    setNum('barRadius');\n    if (element.dataset.buttonAlign) options.buttonAlign = element.dataset.buttonAlign;\n    if (element.dataset.layout) options.layout = element.dataset.layout;\n    if (element.dataset.buttonStyle) options.buttonStyle = element.dataset.buttonStyle;\n    // buttonSize: a bare number is px (data-button-size=\"64\"); a unit string\n    // (e.g. \"4rem\") is kept verbatim.\n    if (element.dataset.buttonSize) {\n        const bs = element.dataset.buttonSize;\n        options.buttonSize = /^\\d+(\\.\\d+)?$/.test(bs.trim()) ? parseFloat(bs) : bs;\n    }\n\n    // Color preset\n    if (element.dataset.colorPreset) options.colorPreset = element.dataset.colorPreset;\n\n    // Individual color customization\n    if (element.dataset.waveformColor) options.waveformColor = parseColorValue(element.dataset.waveformColor);\n    if (element.dataset.progressColor) options.progressColor = parseColorValue(element.dataset.progressColor);\n\n    // Legacy support for old attribute names\n    if (element.dataset.color) options.waveformColor = element.dataset.color;\n    if (element.dataset.theme) options.colorPreset = element.dataset.theme;\n\n    // Feature flags\n    setBool('autoplay');\n    setBool('showControls');\n    setBool('showInfo');\n    setBool('showTime');\n    setBool('showHoverTime');\n    setBool('seekHandle');\n    setBool('showBPM', 'showBpm');\n    setNum('bpm');\n    setBool('singlePlay');\n    setBool('playOnSeek');\n\n    // Content and metadata\n    if (element.dataset.title) options.title = element.dataset.title;\n    if (element.dataset.artist) options.artist = element.dataset.artist;\n    if (element.dataset.album) options.album = element.dataset.album;\n    if (element.dataset.artwork) options.artwork = element.dataset.artwork;\n\n    // Waveform data\n    if (element.dataset.waveform) options.waveform = element.dataset.waveform;\n\n    // Markers\n    setJson('markers');\n\n    // Playback controls\n    setNum('playbackRate', 'playbackRate', true);\n    setBool('showPlaybackSpeed');\n    setJson('playbackRates');\n\n    // Media Session API\n    setBool('enableMediaSession');\n\n    // Markers visibility\n    setBool('showMarkers');\n\n    // Accessibility\n    setBool('accessibleSeek');\n    if (element.dataset.seekLabel) options.seekLabel = element.dataset.seekLabel;\n    if (element.dataset.seekValueText) options.seekValueText = element.dataset.seekValueText;\n    if (element.dataset.errorText) options.errorText = element.dataset.errorText;\n\n    // Localizable UI strings (screen-reader / lock-screen facing)\n    if (element.dataset.playPauseLabel) options.playPauseLabel = element.dataset.playPauseLabel;\n    if (element.dataset.speedLabel) options.speedLabel = element.dataset.speedLabel;\n    if (element.dataset.artworkAlt) options.artworkAlt = element.dataset.artworkAlt;\n    if (element.dataset.unknownTrackText) options.unknownTrackText = element.dataset.unknownTrackText;\n\n    // Custom icons (raw SVG markup)\n    if (element.dataset.playIcon) options.playIcon = element.dataset.playIcon;\n    if (element.dataset.pauseIcon) options.pauseIcon = element.dataset.pauseIcon;\n\n    return options;\n}\n\n/**\n * Interpolate a printf-style seek value-text template.\n *\n * Substitutes positional (`%1$s`, `%2$s`) and sequential (`%s`) placeholders so\n * a localized template resolves the same way `sprintf` would \u2014 including\n * templates that reorder the arguments for a given language. Placeholders with\n * no matching argument are left intact.\n * @param {string} template - Value-text template, e.g. `'%1$s of %2$s'`.\n * @param {...string} args  - Replacement values, in order (current, duration).\n * @returns {string} The interpolated value text.\n */\nexport function formatSeekValueText(template, ...args) {\n    let sequentialIndex = 0;\n    return template.replace(/%(?:(\\d+)\\$)?s/g, (match, position) => {\n        const index = position ? Number(position) - 1 : sequentialIndex++;\n        return args[index] ?? match;\n    });\n}\n\n/**\n * Format a duration as a clock string.\n *\n * Renders `M:SS` for durations under an hour and `H:MM:SS` for longer ones,\n * zero-padding the minutes and seconds. Falsy, `NaN`, or negative inputs are\n * treated as zero and return `'0:00'`.\n * @param {number} seconds - Time in seconds.\n * @returns {string} Formatted time, e.g. `'3:07'` or `'1:02:09'`.\n */\nexport function formatTime(seconds) {\n    if (!seconds || isNaN(seconds) || seconds < 0) return '0:00';\n\n    const hrs = Math.floor(seconds / 3600);\n    const mins = Math.floor((seconds % 3600) / 60);\n    const secs = Math.floor(seconds % 60);\n\n    if (hrs > 0) {\n        return `${hrs}:${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n    }\n\n    return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n/**\n * Monotonic per-process counter appended to every generated id to guarantee\n * uniqueness even when two ids hash from the same URL.\n * @type {number}\n * @private\n */\nlet idCounter = 0;\n\n/**\n * Generate a unique, DOM-safe ID from a URL.\n *\n * Uses a DJB2 hash of the FULL url (not a 10-char prefix) plus a process\n * counter, so same-host tracks don't collide in the instances map and\n * non-Latin1 / Unicode URLs don't throw (the old btoa() approach did both).\n * @param {string} url - Audio URL\n * @returns {string} Unique element-id-safe string\n */\nexport function generateId(url) {\n    const str = url || 'audio';\n    let hash = 5381;\n    for (let i = 0; i < str.length; i++) {\n        hash = ((hash << 5) + hash + str.charCodeAt(i)) | 0;\n    }\n    return `wp_${(hash >>> 0).toString(36)}_${(idCounter++).toString(36)}`;\n}\n\n/**\n * Derive a human-readable title from an audio URL's filename.\n *\n * Takes the last path segment, drops the extension, replaces `-`/`_`\n * separators with spaces, and title-cases the first letter of each word.\n * Returns `'Audio'` for an empty or missing URL.\n * @param {string} url - Audio URL.\n * @returns {string} Extracted, prettified title.\n * @example\n * extractTitleFromUrl('https://cdn.example.com/my-cool_track.mp3'); // 'My Cool Track'\n */\nexport function extractTitleFromUrl(url) {\n    if (!url) return 'Audio';\n\n    const parts = url.split('/');\n    const filename = parts[parts.length - 1];\n    const name = filename.split('.')[0];\n\n    // Clean up common separators\n    return name\n        .replace(/[-_]/g, ' ')\n        .replace(/\\b\\w/g, l => l.toUpperCase());\n}\n\n/**\n * Perceived brightness (0\u2013255) of a CSS colour, via the luminance formula.\n * Pulls the numeric channels out of an `rgb()`/`rgba()` string.\n * @param {string} color - CSS colour string, e.g. `\"rgb(34, 34, 34)\"`.\n * @returns {number|null} Brightness 0\u2013255, or `null` if it can't be parsed.\n */\nexport function perceivedBrightness(color) {\n    const rgb = typeof color === 'string' ? color.match(/\\d+/g) : null;\n    if (!rgb || rgb.length < 3) return null;\n    const [r, g, b] = rgb.map(Number);\n    return (r * 299 + g * 587 + b * 114) / 1000;\n}\n\n/**\n * Shallow-merge option objects into a new object, last source winning.\n *\n * Keys whose value is `null` or `undefined` are skipped, so a later source can\n * leave an earlier value untouched by passing a nullish entry rather than\n * clobbering it. The inputs are never mutated.\n * @param {...Object} sources - Option objects merged left-to-right.\n * @returns {Object} A fresh object containing the merged, defined keys.\n */\nexport function mergeOptions(...sources) {\n    const result = {};\n\n    for (const source of sources) {\n        for (const key in source) {\n            if (source[key] !== null && source[key] !== undefined) {\n                result[key] = source[key];\n            }\n        }\n    }\n\n    return result;\n}\n\n/**\n * Wrap a function so it only runs once calls stop arriving for `wait` ms.\n *\n * Each invocation resets the pending timer, so rapid bursts collapse into a\n * single trailing-edge call that receives the most recent arguments. The\n * wrapper itself returns nothing.\n * @param {Function} func - Function to debounce.\n * @param {number} wait - Idle period in milliseconds before `func` fires.\n * @returns {Function} Debounced wrapper forwarding its arguments to `func`.\n */\nexport function debounce(func, wait) {\n    let timeout;\n\n    return function executedFunction(...args) {\n        const later = () => {\n            clearTimeout(timeout);\n            func(...args);\n        };\n\n        clearTimeout(timeout);\n        timeout = setTimeout(later, wait);\n    };\n}\n\n/**\n * Resize a waveform amplitude array to a target number of bars.\n *\n * Returns the original array unchanged when lengths already match, and an empty\n * array when either side is empty. When upsampling (target larger than source)\n * it linearly interpolates between neighbouring samples for a smooth result.\n * When downsampling it splits the source into evenly sized buckets and keeps\n * the peak (maximum) of each so transients survive the reduction; an empty\n * bucket falls back to its nearest-neighbour sample.\n * @param {number[]} data - Original amplitude samples.\n * @param {number} targetLength - Desired number of output bars.\n * @returns {number[]} Resampled amplitude array of length `targetLength`.\n */\nexport function resampleData(data, targetLength) {\n    if (data.length === targetLength) return data;\n    if (data.length === 0 || targetLength === 0) return [];\n\n    const result = [];\n\n    // If upsampling (target is larger than source)\n    if (targetLength > data.length) {\n        const ratio = (data.length - 1) / (targetLength - 1);\n\n        for (let i = 0; i < targetLength; i++) {\n            const index = i * ratio;\n            const lower = Math.floor(index);\n            const upper = Math.ceil(index);\n            const fraction = index - lower;\n\n            // Linear interpolation between samples\n            if (upper >= data.length) {\n                result.push(data[data.length - 1]);\n            } else if (lower === upper) {\n                result.push(data[lower]);\n            } else {\n                const value = data[lower] * (1 - fraction) + data[upper] * fraction;\n                result.push(value);\n            }\n        }\n    } else {\n        // Downsampling (target is smaller than source)\n        const bucketSize = data.length / targetLength;\n\n        for (let i = 0; i < targetLength; i++) {\n            const start = Math.floor(i * bucketSize);\n            const end = Math.floor((i + 1) * bucketSize);\n\n            // Find the maximum value in this bucket\n            let max = 0;\n            let count = 0;\n\n            for (let j = start; j <= end && j < data.length; j++) {\n                if (data[j] > max) {\n                    max = data[j];\n                }\n                count++;\n            }\n\n            // If no samples were found in this bucket, use nearest neighbor\n            if (count === 0) {\n                const nearestIndex = Math.min(Math.round(i * bucketSize), data.length - 1);\n                max = data[nearestIndex];\n            }\n\n            result.push(max);\n        }\n    }\n\n    return result;\n}", "/**\n * @module drawing\n * @description Core waveform drawing styles optimized for visual distinction at all sizes\n */\n\nimport {resampleData, clamp} from './utils.js';\n\n/**\n * Resolve a fill value that may be a CSS colour string OR an array of colour\n * stops (rendered as a canvas gradient). Bundle-light gradient support: pass\n * e.g. `waveformColor: ['#fafafa', '#71717a']`. A single-element array collapses\n * to that one colour; a multi-element array is spread evenly along the axis set\n * by `options.waveformGradient`:\n *   - `'vertical'`   (default) a canvas-height gradient (colour keyed to\n *     absolute Y, so short bars occupy only the lower band).\n *   - `'horizontal'` left -> right across the whole waveform (a hue sweep).\n *   - `'diagonal'`   top-left -> bottom-right.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context used to build the gradient.\n * @param {string|string[]} value - A CSS colour string, or an array of colour stops.\n * @param {HTMLCanvasElement} canvas - Canvas (provides the device-pixel span).\n * @param {Object} [options] - Drawing options; reads `waveformGradient`.\n * @returns {string|CanvasGradient} The original string, or a linear gradient.\n */\nfunction makeFill(ctx, value, canvas, options) {\n    if (!Array.isArray(value)) return value;\n    if (value.length < 2) return value[0];\n    const w = canvas.width;\n    const h = canvas.height;\n    const dir = options && options.waveformGradient;\n    const [x0, y0, x1, y1] =\n        dir === 'horizontal' ? [0, 0, w, 0] :\n        dir === 'diagonal'   ? [0, 0, w, h] :\n                               [0, 0, 0, h];\n    try {\n        const grad = ctx.createLinearGradient(x0, y0, x1, y1);\n        value.forEach((c, i) => grad.addColorStop(i / (value.length - 1), c));\n        return grad;\n    } catch (e) {\n        return value[0]; // a bad stop shouldn't abort the whole render\n    }\n}\n\n/**\n * Fill a bar rect, optionally with rounded caps (`barRadius`). Falls back to\n * a plain fillRect where `roundRect` is unavailable (older Safari) \u2014 square\n * bars, no error. Radii are clamped to half the rect's width/height so a\n * large `barRadius` never overflows a thin or short bar.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context (current fillStyle is used).\n * @param {number} x - Left edge of the bar in device pixels.\n * @param {number} y - Top edge of the bar in device pixels.\n * @param {number} w - Bar width in device pixels.\n * @param {number} h - Bar height in device pixels (may be negative for upward fills).\n * @param {number|number[]} radii - Corner radius (number, or [tl, tr, br, bl]).\n * @returns {void}\n */\nfunction fillBar(ctx, x, y, w, h, radii) {\n    const any = Array.isArray(radii) ? radii.some(r => r > 0) : radii > 0;\n    if (any && typeof ctx.roundRect === 'function') {\n        const max = Math.min(w / 2, Math.abs(h) / 2);\n        const clampR = (r) => clamp(r, 0, max);\n        ctx.beginPath();\n        ctx.roundRect(x, y, w, h, Array.isArray(radii) ? radii.map(clampR) : clampR(radii));\n        ctx.fill();\n    } else {\n        ctx.fillRect(x, y, w, h);\n    }\n}\n\n/**\n * Scale the configured `barRadius` into device pixels (scalar).\n * @private\n * @param {Object} options - Drawing options (`barRadius` in CSS pixels, defaults to 0).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number} The bar corner radius in device pixels.\n */\nfunction barRadiusPx(options, dpr) {\n    return (options.barRadius || 0) * dpr;\n}\n\n/**\n * Top-rounded corner radii for bottom-anchored bars: [tl, tr, br, bl].\n * Only the top two corners are rounded so bars sit flush on the baseline.\n * @private\n * @param {Object} options - Drawing options (supplies `barRadius`).\n * @param {number} dpr - Device pixel ratio multiplier.\n * @returns {number[]} Corner radii in device pixels as [tl, tr, br, bl].\n */\nfunction barRadii(options, dpr) {\n    const r = barRadiusPx(options, dpr);\n    return [r, r, 0, 0];\n}\n\n/**\n * Trace a horizontal rounded-capsule (stadium) path from `startX` to `endX`,\n * ready to fill. The end caps are semicircles of radius `barHeight / 2`.\n * @private\n * @param {CanvasRenderingContext2D} ctx - Canvas context.\n * @param {number} startX - Left edge x (also the left cap centre).\n * @param {number} endX - Right edge x.\n * @param {number} centerY - Vertical centre of the capsule.\n * @param {number} barHeight - Capsule thickness in pixels.\n * @returns {void}\n */\nfunction capsulePath(ctx, startX, endX, centerY, barHeight) {\n    const r = barHeight / 2;\n    ctx.beginPath();\n    ctx.moveTo(startX, centerY - r);\n    ctx.lineTo(endX - r, centerY - r);\n    ctx.arc(endX - r, centerY, r, -Math.PI / 2, Math.PI / 2);\n    ctx.lineTo(startX, centerY + r);\n    ctx.arc(startX, centerY, r, Math.PI / 2, -Math.PI / 2);\n    ctx.closePath();\n}\n\n/**\n * Draw standard bars waveform - classic vertical bars anchored to the baseline.\n * Peaks are resampled to fit the available bar slots, drawn at 90% of canvas\n * height, then the progress portion is repainted in `progressColor` via a\n * left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor` (colour strings or gradient stop arrays).\n * @returns {void}\n */\nexport function drawBars(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const progressWidth = progress * canvas.width;\n    const radii = barRadii(options, dpr);\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars first\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        // Draw from bottom up, not centered\n        const y = height - peakHeight;\n\n        fillBar(ctx, x, y, barWidth, peakHeight, radii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw mirror/SoundCloud style waveform - symmetrical bars about the centre line.\n * Each peak is drawn twice (45% of height up and down) with the upper cap rounded\n * on top and the lower cap rounded on the bottom; the progress portion is then\n * repainted in `progressColor` through a left-anchored clip rect.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) that drives the colour overlay.\n * @param {Object} options - Drawing options: `barWidth`, `barSpacing`, `barRadius`,\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawMirror(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = options.barWidth * dpr;\n    const barSpacing = options.barSpacing * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const centerY = height / 2;\n    const progressWidth = progress * canvas.width;\n    const r = barRadiusPx(options, dpr);\n    const topRadii = [r, r, 0, 0];   // round the upper cap\n    const botRadii = [0, 0, r, r];   // round the lower cap\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Draw all bars\n    ctx.fillStyle = baseFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    // Progress overlay\n    ctx.save();\n    ctx.beginPath();\n    ctx.rect(0, 0, progressWidth, height);\n    ctx.clip();\n\n    ctx.fillStyle = progFill;\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x > progressWidth) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.45;\n\n        fillBar(ctx, x, centerY - peakHeight, barWidth, peakHeight, topRadii);\n        fillBar(ctx, x, centerY, barWidth, peakHeight, botRadii);\n    }\n\n    ctx.restore();\n}\n\n/**\n * Draw line/oscilloscope style waveform - smooth flowing wave with glow.\n * Renders a faint oscilloscope grid (centre line + 10 vertical divisions), the\n * full waveform as a bezier-smoothed curve, then the played portion on top with\n * a coloured shadow glow. Peaks are modulated by a sine term so the line undulates\n * rather than reading as static bars.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1); the glowing curve is only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (base wave), `progressColor` (played wave).\n * @returns {void}\n */\nexport function drawLine(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const amplitude = height * 0.35;\n\n    ctx.clearRect(0, 0, width, height);\n\n    /**\n     * Stroke a bezier-smoothed curve through the (optionally sine-modulated) peaks.\n     * @private\n     * @param {string} color - Stroke colour (and shadow colour when glowing).\n     * @param {number} lineWidth - Stroke width in pixels.\n     * @param {number} [endProgress=1] - Fraction (0-1) of the peaks to draw, left to right.\n     * @param {boolean} [addGlow=false] - When true, applies a coloured shadow blur for a glow effect.\n     * @returns {void}\n     */\n    const drawCurve = (color, lineWidth, endProgress = 1, addGlow = false) => {\n        // strokeStyle accepts a gradient; shadowColor must be a solid string, so\n        // collapse a stop array to its last stop for the glow.\n        const stroke = makeFill(ctx, color, canvas, options);\n        const solid = Array.isArray(color) ? color[color.length - 1] : color;\n        if (addGlow) {\n            ctx.shadowBlur = 12;\n            ctx.shadowColor = solid;\n        }\n\n        ctx.strokeStyle = stroke;\n        ctx.lineWidth = lineWidth;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n\n        ctx.beginPath();\n        ctx.moveTo(0, centerY);\n\n        const points = [];\n        const samples = Math.floor(peaks.length * endProgress);\n\n        // Calculate smoothed points\n        for (let i = 0; i < samples; i++) {\n            const x = (i / (peaks.length - 1)) * width;\n            const peakValue = peaks[i];\n\n            // Create a smooth wave motion\n            const waveOffset = Math.sin(i * 0.1) * peakValue;\n            const y = centerY + (waveOffset * amplitude);\n\n            points.push({x, y});\n        }\n\n        // Draw smooth curve through points using bezier curves\n        for (let i = 0; i < points.length - 1; i++) {\n            const cp1x = points[i].x + (points[i + 1].x - points[i].x) * 0.5;\n            const cp1y = points[i].y;\n            const cp2x = points[i + 1].x - (points[i + 1].x - points[i].x) * 0.5;\n            const cp2y = points[i + 1].y;\n\n            ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, points[i + 1].x, points[i + 1].y);\n        }\n\n        ctx.stroke();\n\n        if (addGlow) {\n            ctx.shadowBlur = 0;\n        }\n    };\n\n    // Draw subtle grid for oscilloscope feel\n    ctx.strokeStyle = 'rgba(255, 255, 255, 0.03)';\n    ctx.lineWidth = 0.5;\n\n    // Horizontal center line\n    ctx.beginPath();\n    ctx.moveTo(0, centerY);\n    ctx.lineTo(width, centerY);\n    ctx.stroke();\n\n    // Vertical grid lines\n    for (let i = 0; i <= 10; i++) {\n        const x = (width / 10) * i;\n        ctx.beginPath();\n        ctx.moveTo(x, 0);\n        ctx.lineTo(x, height);\n        ctx.stroke();\n    }\n\n    // Draw background wave\n    drawCurve(options.color, 2, 1, false);\n\n    // Draw progress with glow\n    if (progress > 0) {\n        drawCurve(options.progressColor, 3, progress, true);\n    }\n}\n\n/**\n * Draw blocks/LED meter style waveform - segmented blocks growing from the centre.\n * Each bar's height is quantised into fixed-size blocks separated by gaps, drawn\n * symmetrically up and down from the centre line (the shared centre block is not\n * duplicated downward). Per-bar colour is chosen by comparing the bar's x against\n * the played width \u2014 there is no clip overlay here.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each bar's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 3), `barSpacing` (default 1),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawBlocks(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 3) * dpr;\n    const barSpacing = (options.barSpacing || 1) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const blockSize = 4 * dpr;\n    const blockGap = 2 * dpr;\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing);\n        if (x + barWidth > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n        const blockCount = Math.floor(peakHeight / (blockSize + blockGap));\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw blocks from center outward\n        for (let j = 0; j < blockCount; j++) {\n            const blockOffset = j * (blockSize + blockGap);\n\n            // Upper blocks\n            ctx.fillRect(x, centerY - blockOffset - blockSize, barWidth, blockSize);\n\n            // Lower blocks (skip the center block)\n            if (j > 0) {\n                ctx.fillRect(x, centerY + blockOffset, barWidth, blockSize);\n            }\n        }\n    }\n}\n\n/**\n * Draw dots style waveform - pairs of circular points mirrored about the centre.\n * For each sample a dot is drawn above and below the centre line at half the peak\n * height; dot radius scales with bar width but is floored at 1.5 device pixels.\n * Per-dot colour is chosen by comparing x against the played width (no clip overlay).\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Normalised waveform peak values (0-1).\n * @param {number} progress - Playback progress (0-1) used to pick each dot's colour.\n * @param {Object} options - Drawing options: `barWidth` (default 2), `barSpacing` (default 3),\n *   `color`, `progressColor`.\n * @returns {void}\n */\nexport function drawDots(ctx, canvas, peaks, progress, options) {\n    const dpr = window.devicePixelRatio || 1;\n    const barWidth = (options.barWidth || 2) * dpr;\n    const barSpacing = (options.barSpacing || 3) * dpr;\n    const barCount = Math.floor(canvas.width / (barWidth + barSpacing));\n    const resampledPeaks = resampleData(peaks, barCount);\n    const height = canvas.height;\n    const dotRadius = Math.max(1.5 * dpr, barWidth / 2);\n    const progressWidth = progress * canvas.width;\n    const centerY = height / 2;\n    const baseFill = makeFill(ctx, options.color, canvas, options);\n    const progFill = makeFill(ctx, options.progressColor, canvas, options);\n\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    for (let i = 0; i < resampledPeaks.length; i++) {\n        const x = i * (barWidth + barSpacing) + barWidth / 2;\n        if (x > canvas.width) break;\n\n        const peakHeight = resampledPeaks[i] * height * 0.9;\n\n        ctx.fillStyle = x < progressWidth ? progFill : baseFill;\n\n        // Draw upper dot\n        ctx.beginPath();\n        ctx.arc(x, centerY - peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n\n        // Draw lower dot\n        ctx.beginPath();\n        ctx.arc(x, centerY + peakHeight / 2, dotRadius, 0, Math.PI * 2);\n        ctx.fill();\n    }\n}\n\n/**\n * Draw seekbar style - a simple rounded progress bar with no waveform.\n * Renders a pill-shaped background track, a clean pill-shaped filled portion\n * (clamped to at least one full pill width so it never collapses), and a\n * draggable circular handle/thumb at the playhead (clamped so it never clips\n * at the track ends).\n * The `peaks` argument is accepted for signature parity but is unused by this style.\n * @param {CanvasRenderingContext2D} ctx - Canvas 2D context to draw into.\n * @param {HTMLCanvasElement} canvas - Canvas element (provides device-pixel dimensions).\n * @param {number[]} peaks - Ignored; present to match the shared draw-function signature.\n * @param {number} progress - Playback progress (0-1); the fill and handle are only drawn when > 0.\n * @param {Object} options - Drawing options: `color` (track), `progressColor` (fill/glow/accent).\n * @returns {void}\n */\nexport function drawSeekbar(ctx, canvas, peaks, progress, options) {\n    const width = canvas.width;\n    const height = canvas.height;\n    const centerY = height / 2;\n    const barHeight = 4; // Height of the seekbar in pixels\n    const borderRadius = barHeight / 2;\n    const active = !!options.seekActive; // hovering or dragging the seekbar\n\n    ctx.clearRect(0, 0, width, height);\n\n    // Draw background track\n    ctx.fillStyle = makeFill(ctx, options.color, canvas, options) || 'rgba(255, 255, 255, 0.2)';\n\n    // Rounded background track\n    capsulePath(ctx, borderRadius, width, centerY, barHeight);\n    ctx.fill();\n\n    // Draw progress \u2014 slightly dimmed at rest, full-bright on hover / drag.\n    // With a monochrome palette there's no hue to swap (Spotify goes\n    // white\u2192green), so the hover cue is a brightness lift plus the handle\n    // appearing. The draggable handle is a DOM element\n    // (`.waveform-seek-handle`), not drawn here \u2014 so it's always a perfect\n    // circle and can grow on direct hover via CSS.\n    if (progress > 0) {\n        const progressWidth = Math.max(borderRadius * 2, progress * width);\n\n        // Brightness lift on hover/drag is only meaningful when the handle is\n        // enabled (the bar); a standalone seekbar stays at full progress.\n        ctx.save();\n        ctx.globalAlpha = options.seekHandle && !active ? 0.7 : 1;\n        ctx.fillStyle = makeFill(ctx, options.progressColor, canvas, options) || 'rgba(255, 255, 255, 0.9)';\n        capsulePath(ctx, borderRadius, progressWidth, centerY, barHeight);\n        ctx.fill();\n        ctx.restore();\n    }\n}\n\n/**\n * Map of style names (and singular aliases) to their drawing functions.\n * Six visually distinct styles including a simple seekbar; keys are matched\n * against `options.waveformStyle` by {@link draw}.\n * @type {Object.<string, function(CanvasRenderingContext2D, HTMLCanvasElement, number[], number, Object): void>}\n */\nexport const DRAWING_STYLES = {\n    'bars': drawBars,        // Classic vertical bars\n    'bar': drawBars,\n    'mirror': drawMirror,    // SoundCloud-style symmetrical\n    'line': drawLine,        // Smooth oscilloscope wave\n    'blocks': drawBlocks,    // LED meter segmented\n    'block': drawBlocks,\n    'dots': drawDots,        // Circular points\n    'dot': drawDots,\n    'seekbar': drawSeekbar   // Simple progress bar (no waveform)\n};\n\n/**\n * Main drawing entry point that delegates to the style named by\n * `options.waveformStyle`, falling back to {@link drawBars} for unknown styles.\n * @param {CanvasRenderingContext2D} ctx - Canvas context\n * @param {HTMLCanvasElement} canvas - Canvas element\n * @param {number[]} peaks - Waveform peak data (0-1)\n * @param {number} progress - Progress (0-1)\n * @param {Object} options - Drawing options, including `waveformStyle` plus the\n *   per-style fields (`barWidth`, `barSpacing`, `barRadius`, `color`, `progressColor`).\n * @returns {void}\n */\nexport function draw(ctx, canvas, peaks, progress, options) {\n    const drawFunc = DRAWING_STYLES[options.waveformStyle] || drawBars;\n    drawFunc(ctx, canvas, peaks, progress, options);\n}", "/**\n * @module bpm\n * @description BPM detection for audio analysis\n */\n\n/**\n * Estimate the tempo (beats per minute) of an audio buffer.\n *\n * Analyses the first (left/mono) channel by detecting onsets, measuring the\n * time between successive onsets, converting each interval to a tempo, and\n * histogramming those tempos into 3-BPM buckets (60-200 BPM) to find the most\n * common one. Octave errors are corrected by doubling very slow results and\n * halving very fast ones when a strong half/double bucket also exists, then a\n * fixed -1 BPM calibration offset is applied. Returns a 120 BPM fallback when\n * too few onsets are found, and null if analysis throws.\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse; only channel 0 is read.\n * @returns {number|null} Detected tempo in BPM, 120 as a fallback when onsets are insufficient, or null on error.\n */\nexport function detectBPM(buffer) {\n    try {\n        const channelData = buffer.getChannelData(0);\n        const sampleRate = buffer.sampleRate;\n        const onsets = detectOnsets(channelData, sampleRate);\n\n        if (onsets.length < 2) return 120;\n\n        // Calculate intervals\n        const intervals = [];\n        for (let i = 1; i < onsets.length; i++) {\n            intervals.push((onsets[i] - onsets[i - 1]) / sampleRate);\n        }\n\n        // Convert to tempos and group\n        const tempoGroups = {};\n        intervals.forEach(interval => {\n            const tempo = 60 / interval;\n            const bucket = Math.round(tempo / 3) * 3;\n            if (bucket > 60 && bucket < 200) {\n                tempoGroups[bucket] = (tempoGroups[bucket] || 0) + 1;\n            }\n        });\n\n        // Find most common\n        let maxCount = 0;\n        let detectedBPM = 120;\n        for (const [tempo, count] of Object.entries(tempoGroups)) {\n            if (count > maxCount) {\n                maxCount = count;\n                detectedBPM = parseInt(tempo);\n            }\n        }\n\n        // Handle tempo ambiguity\n        if (detectedBPM < 70 && tempoGroups[detectedBPM * 2]) {\n            detectedBPM *= 2;\n        } else if (detectedBPM > 160 && tempoGroups[Math.round(detectedBPM / 2)]) {\n            detectedBPM = Math.round(detectedBPM / 2);\n        }\n\n        return detectedBPM - 1; // Calibration offset\n    } catch (e) {\n        console.warn('[WaveformPlayer] BPM detection failed:', e);\n        return null;\n    }\n}\n\n/**\n * Detect onset sample positions (transients/beats) within a channel of audio.\n *\n * Slides a 2048-sample window (50% overlap via a half-window hop) across the\n * signal, computing the mean squared energy of each window. An onset is flagged\n * when the energy rise over the previous (smoothed) energy exceeds an adaptive\n * threshold and the window energy is above a noise floor, subject to a minimum\n * spacing of 150 ms so a single transient is not counted twice. The running\n * previousEnergy is exponentially smoothed (0.8 new / 0.2 old) to track the\n * local energy envelope.\n *\n * @param {Float32Array} channelData - PCM samples (normalised -1..1) for a single channel.\n * @param {number} sampleRate - Sample rate in Hz, used to derive the minimum onset spacing.\n * @returns {number[]} Ascending sample indices at which onsets were detected.\n * @private\n */\nfunction detectOnsets(channelData, sampleRate) {\n    const windowSize = 2048;\n    const hopSize = windowSize / 2;\n    const onsets = [];\n    let previousEnergy = 0;\n\n    for (let i = 0; i < channelData.length - windowSize; i += hopSize) {\n        let energy = 0;\n        for (let j = i; j < i + windowSize; j++) {\n            energy += channelData[j] * channelData[j];\n        }\n        energy = energy / windowSize;\n\n        const energyDiff = energy - previousEnergy;\n        const threshold = previousEnergy * 1.8 + 0.01;\n\n        if (energyDiff > threshold && energy > 0.01) {\n            const lastOnset = onsets[onsets.length - 1] || 0;\n            const minDistance = sampleRate * 0.15;\n\n            if (i - lastOnset > minDistance) {\n                onsets.push(i);\n            }\n        }\n\n        previousEnergy = energy * 0.8 + previousEnergy * 0.2;\n    }\n\n    return onsets;\n}", "/**\n * @module audio\n * @description Audio processing for WaveformPlayer\n */\n\nimport {detectBPM} from './bpm.js';\nimport {clamp, maxOf, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Extract peaks from a decoded audio buffer for waveform visualization.\n *\n * Divides the buffer into `samples` equal-width windows and, within each\n * window, finds the largest absolute amplitude by inspecting every frame (so\n * transients are never missed and the shape is stable across sample counts \u2014\n * matching WaveformGen's offline output). Across multiple channels the\n * per-window peaks are merged by taking the loudest channel, then the whole\n * array is normalized so the maximum peak becomes 1 (a silent buffer is\n * returned unscaled).\n *\n * @param {AudioBuffer} buffer - Decoded audio buffer to analyse.\n * @param {number} [samples=1800] - Number of peak windows (output array length).\n * @returns {number[]} Array of `samples` normalized peak values in the 0-1 range.\n */\nexport function extractPeaks(buffer, samples = DEFAULT_SAMPLES) {\n    const sampleSize = buffer.length / samples;\n    const channels = buffer.numberOfChannels;\n    const peaks = [];\n\n    for (let c = 0; c < channels; c++) {\n        const chan = buffer.getChannelData(c);\n\n        for (let i = 0; i < samples; i++) {\n            const start = ~~(i * sampleSize);\n            const end = ~~(start + sampleSize);\n\n            let min = 0;\n            let max = 0;\n\n            // Scan EVERY frame in the window. Previously this stepped by\n            // sampleSize/10 (~10 samples/window) for speed, but that misses\n            // transients and makes the shape change with the sample count.\n            // decodeAudioData dominates the cost, so a full scan is worth it \u2014\n            // and it now matches WaveformGen's offline output exactly.\n            for (let j = start; j < end; j++) {\n                const value = chan[j];\n                if (value > max) max = value;\n                if (value < min) min = value;\n            }\n\n            const peak = Math.max(Math.abs(max), Math.abs(min));\n\n            if (c === 0 || peak > peaks[i]) {\n                peaks[i] = peak;\n            }\n        }\n    }\n\n    // Normalize peaks\n    const maxPeak = maxOf(peaks);\n    return maxPeak > 0 ? peaks.map(peak => peak / maxPeak) : peaks;\n}\n\n/**\n * Generate waveform data by fetching and decoding an audio file at a URL.\n *\n * Fetches the URL, decodes it through a short-lived AudioContext, runs\n * {@link extractPeaks} followed by {@link normalizePeaks}, and optionally\n * detects the track's BPM. The AudioContext is created lazily and always\n * closed in the `finally` block so failed decodes never leak one (browsers\n * hard-cap the number of live contexts). Errors are logged and re-thrown so\n * callers can fall back to a placeholder waveform.\n *\n * @param {string} url - Audio file URL to fetch and decode.\n * @param {number} [samples=1800] - Number of peak windows to extract.\n * @param {boolean} [shouldDetectBPM=false] - Whether to run BPM detection on the decoded buffer.\n * @returns {Promise<{peaks: number[], bpm: (number|null)}>} Resolves with the\n *   normalized peaks and the detected BPM (`null` when detection is disabled or fails).\n * @throws {Error} Re-throws any fetch/decode error after logging it.\n */\nexport async function generateWaveform(url, samples = DEFAULT_SAMPLES, shouldDetectBPM = false) {\n    // Created lazily so the finally block can always close it \u2014 browsers\n    // hard-cap live AudioContexts (~6 in Chrome), so leaking one per failed\n    // decode would break every subsequent player on the page.\n    let audioContext;\n    try {\n        const AudioCtx = window.AudioContext || /** @type {any} */ (window).webkitAudioContext;\n        audioContext = new AudioCtx();\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n\n        let peaks = extractPeaks(audioBuffer, samples);\n\n        // Normalize peaks for consistent visualization\n        peaks = normalizePeaks(peaks);\n\n        let bpm = null;\n        if (shouldDetectBPM) {\n            bpm = detectBPM(audioBuffer); // synchronous \u2014 returns number|null\n        }\n\n        return {peaks, bpm};\n    } finally {\n        // Error (if any) propagates to the caller, which decides how to log /\n        // recover; the context is always closed either way.\n        if (audioContext) audioContext.close();\n    }\n}\n\n/**\n * Generate a synthetic placeholder waveform for use before (or instead of)\n * real peak data is available.\n *\n * Each bar combines a random base height (0.3-0.8) with a slow sinusoidal\n * variation across the array, clamped to the 0.1-1 range so the result always\n * looks like a plausible waveform rather than pure noise.\n *\n * @param {number} [samples=1800] - Number of bars (output array length).\n * @returns {number[]} Array of `samples` pseudo-random peak values in the 0.1-1 range.\n */\nexport function generatePlaceholderWaveform(samples = DEFAULT_SAMPLES) {\n    const data = [];\n    for (let i = 0; i < samples; i++) {\n        const base = Math.random() * 0.5 + 0.3;\n        const variation = Math.sin(i / samples * Math.PI * 4) * 0.2;\n        data.push(clamp(base + variation, 0.1, 1));\n    }\n    return data;\n}\n\n/**\n * Scale peak values so quiet tracks fill the available height consistently.\n *\n * Finds the loudest peak and, only when it is non-zero yet below `targetMax`,\n * scales every peak proportionally so the maximum lands on `targetMax`. Silent\n * arrays (max 0) and already-loud arrays (max above `targetMax`) are returned\n * untouched, so the function never amplifies clipping or divides by zero.\n *\n * @param {number[]} peaks - Peak values, typically in the 0-1 range.\n * @param {number} [targetMax=0.95] - Desired maximum peak after scaling.\n * @returns {number[]} The normalized peak array (the original array when no scaling is applied).\n * @private\n */\nfunction normalizePeaks(peaks, targetMax = 0.95) {\n    const maxPeak = maxOf(peaks);\n\n    // Don't normalize if already loud enough or silent\n    if (maxPeak === 0 || maxPeak > targetMax) return peaks;\n\n    // Scale all peaks proportionally\n    const scaleFactor = targetMax / maxPeak;\n    return peaks.map(peak => peak * scaleFactor);\n}", "/**\n * @module themes\n * @description Color presets and default options for WaveformPlayer\n */\n\nimport {perceivedBrightness, DEFAULT_SAMPLES} from './utils.js';\n\n/**\n * Does `<html>` or `<body>` explicitly signal the given colour scheme via a\n * known class name (`dark`, `dark-mode`, `theme-dark`) or theme attribute\n * (`data-theme`, and `data-color-scheme` on the root)?\n * @param {'dark'|'light'} scheme - Scheme to look for.\n * @returns {boolean} True if the page explicitly hints at `scheme`.\n * @private\n */\nfunction hasThemeHint(scheme) {\n    const root = document.documentElement;\n    const body = document.body;\n    return (\n        root.classList.contains(scheme) ||\n        root.classList.contains(`${scheme}-mode`) ||\n        root.classList.contains(`theme-${scheme}`) ||\n        root.getAttribute('data-theme') === scheme ||\n        root.getAttribute('data-color-scheme') === scheme ||\n        body.classList.contains(scheme) ||\n        body.classList.contains(`${scheme}-mode`) ||\n        body.getAttribute('data-theme') === scheme\n    );\n}\n\n/**\n * Detect the appropriate color scheme for the player from the surrounding page.\n *\n * Resolution order, first match wins:\n *   1. Explicit theme hints on `<html>`/`<body>` \u2014 class names\n *      (`dark`, `dark-mode`, `theme-dark`, light equivalents) and data\n *      attributes (`data-theme`, `data-color-scheme`).\n *   2. The page's computed `<body>` background colour, classified via\n *      {@link perceivedBrightness} (>128 = light, <128 = dark; exactly 128\n *      or unparseable is treated as ambiguous and falls through).\n *   3. The OS/browser `prefers-color-scheme` media query.\n *   4. Default fallback of `'dark'` (most audio players are dark).\n *\n * @returns {string} The detected scheme, either `'dark'` or `'light'`.\n */\nexport function detectColorScheme() {\n    // 1. Explicit theme class names / data attributes win.\n    if (hasThemeHint('dark')) return 'dark';\n    if (hasThemeHint('light')) return 'light';\n\n    // 2. Try to detect website's theme from background color\n    try {\n        const bodyBg = getComputedStyle(document.body).backgroundColor;\n        const brightness = perceivedBrightness(bodyBg);\n\n        // Clear determination: bright background = light theme. Exactly 128\n        // (or unparseable) is ambiguous \u2014 fall through to the next method.\n        if (brightness !== null) {\n            if (brightness > 128) return 'light';\n            if (brightness < 128) return 'dark';\n        }\n    } catch (e) {\n        // If background detection fails, continue to next method\n    }\n\n    // 3. Check system preference\n    if (window.matchMedia) {\n        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n            return 'dark';\n        }\n        if (window.matchMedia('(prefers-color-scheme: light)').matches) {\n            return 'light';\n        }\n    }\n\n    // 4. Default fallback (most audio players are dark)\n    return 'dark';\n}\n\n/**\n * Built-in colour presets keyed by scheme name.\n *\n * Each preset is a flat map of the player's themeable colour tokens\n * (waveform, progress, button, text, background, border). They are deliberately\n * simple translucent black/white values so they sit on any host background, and\n * any individual token can be overridden per-instance via the matching\n * `*Color` option in {@link DEFAULT_OPTIONS}.\n *\n * @type {Object<string, Object<string, string>>}\n * @property {Object<string, string>} dark  Light-on-dark token set.\n * @property {Object<string, string>} light Dark-on-light token set.\n */\nexport const COLOR_PRESETS = {\n    dark: {\n        waveformColor: 'rgba(255, 255, 255, 0.3)',\n        progressColor: 'rgba(255, 255, 255, 0.9)'\n    },\n    light: {\n        waveformColor: 'rgba(0, 0, 0, 0.2)',\n        progressColor: 'rgba(0, 0, 0, 0.8)'\n    }\n};\n\n/**\n * Resolve a colour preset by name, falling back to auto-detection.\n *\n * When `presetName` names a known preset it is returned as-is; otherwise\n * (null, undefined, or an unrecognised name) the scheme is auto-detected via\n * {@link detectColorScheme} and the corresponding preset is returned.\n *\n * @param {string|null} presetName - Preset name (`'dark'` or `'light'`), or\n *   null/invalid to trigger auto-detection.\n * @returns {Object<string, string>} The matching colour token map from\n *   {@link COLOR_PRESETS}.\n */\nexport function getColorPreset(presetName) {\n    // If explicitly set to a valid preset, use it\n    if (presetName && COLOR_PRESETS[presetName]) {\n        return COLOR_PRESETS[presetName];\n    }\n\n    // Auto-detect if not specified or invalid\n    const detected = detectColorScheme();\n    return COLOR_PRESETS[detected];\n}\n\n/**\n * Default option set for a {@link WaveformPlayer} instance.\n *\n * User-supplied options are merged over this object, so every supported option\n * is enumerated here with its baseline value. `null` colour tokens mean \"inherit\n * from the resolved {@link COLOR_PRESETS} preset\"; `null` content/callback\n * fields mean \"unset\". See the grouped inline comments for per-field notes,\n * notably the `audioMode` self/external distinction and the `accessibleSeek`\n * keyboard slider.\n *\n * @type {Object}\n */\nexport const DEFAULT_OPTIONS = {\n    // Core settings\n    url: '',\n    height: 64,\n    // Source peak resolution for LIVE decode (ignored when peaks are supplied).\n    // The drawer resamples these to fit canvasWidth / (barWidth + barSpacing)\n    // bars, so this is fidelity headroom, not the visible bar count. 1800 (the\n    // SoundCloud/WaveformGen figure) keeps wide / high-DPI waveforms crisp; the\n    // every-frame scan means a higher value costs no extra extraction time.\n    samples: DEFAULT_SAMPLES,\n    preload: 'metadata',\n\n    // Audio mode \u2014 'self' = player owns the <audio> element (default, current\n    // behavior). 'external' = player is a visualization-only surface; no audio\n    // element is created, play() dispatches `waveformplayer:request-play`\n    // instead of calling audio.play(), and setPlayingState/setProgress are\n    // expected to be driven by an external controller (e.g. WaveformBar).\n    audioMode: 'self',\n\n    // Playback\n    playbackRate: 1,\n    showPlaybackSpeed: false,\n    playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2],\n\n    // Layout Options\n    buttonAlign: 'auto',\n    // Player layout. 'default' = play button + waveform with a left-aligned\n    // info row below. 'preview' = compact: the title is centered under the\n    // waveform and the meta row (time / speed / BPM) is trimmed \u2014 ideal for\n    // sample-pack sample previews and dense grids.\n    layout: 'default',\n    // Play/pause button style. 'circle' = bordered circle (default).\n    // 'minimal' = a bare play/pause glyph with no circle \u2014 the look sample-pack\n    // and beat stores use in their preview grids.\n    buttonStyle: 'circle',\n    // Play/pause button size. null = the stylesheet default (36px circle /\n    // proportional minimal). A number is treated as px; a string (e.g. '4rem')\n    // is used verbatim. Sets the `--wfp-btn-size` CSS var, which scales BOTH\n    // styles \u2014 box and glyph \u2014 proportionally.\n    buttonSize: null,\n\n    // Default waveform style\n    waveformStyle: 'mirror',\n    barWidth: 2,\n    barSpacing: 0,\n    // Rounded bar caps (px). 0 = square; 1 = soft caps (default). Applies to bars/mirror.\n    barRadius: 1,\n\n    // Gradient axis when waveformColor/progressColor is an array of stops:\n    // 'vertical' (top->bottom canvas gradient), 'horizontal' (hue sweep across the\n    // waveform) or 'diagonal'. Ignored for single colours.\n    waveformGradient: 'vertical',\n\n    // Color preset: null = auto-detect, 'dark' = force dark, 'light' = force light\n    colorPreset: null,\n\n    // Canvas colours (null = inherit the resolved preset; arrays = gradient\n    // stops, see waveformGradient). The DOM chrome (button, title, meta) is\n    // themed via CSS variables (--wfp-button-color / --wfp-text-color /\n    // --wfp-text-secondary-color), not JS options.\n    waveformColor: null,\n    progressColor: null,\n\n    // Features\n    autoplay: false,\n    showControls: true,\n    showInfo: true,\n    showTime: true,\n    showHoverTime: false,\n    // Show a draggable circle handle + hover brightness-lift on the SEEKBAR\n    // style only (it's meaningless on a waveform, where the fill-edge is the\n    // playhead). Off by default; the bar turns it on. Drag-to-scrub works\n    // regardless of this.\n    seekHandle: false,\n    showBPM: false,\n    // Known BPM to display in the badge (with showBPM). Wins over auto-detection\n    // \u2014 set it when peaks are pre-generated so the tempo still shows. null = auto.\n    bpm: null,\n    singlePlay: true,\n    playOnSeek: true,\n    enableMediaSession: true,\n\n    // Markers\n    markers: [],\n    showMarkers: true,\n\n    // Accessibility \u2014 expose the waveform as a keyboard-operable slider\n    // (role=\"slider\" + ARIA value attributes + arrow/page/home/end seeking).\n    // seekLabel sets the slider's accessible name; when null it falls back\n    // to the track title, then 'Seek'.\n    // seekValueText templates the slider's spoken aria-valuetext: %1$s is the\n    // current time and %2$s the total duration (both formatted M:SS). When null\n    // it falls back to '%1$s of %2$s'. Lets consumers localize the connective\n    // text without reformatting the times.\n    accessibleSeek: true,\n    seekLabel: null,\n    seekValueText: null,\n\n    // Content\n    title: null,\n    artist: null,\n    artwork: null,\n    album: '',\n\n    // Message shown in the error state when audio fails to load.\n    errorText: 'Unable to load audio',\n\n    // Localizable UI strings (alongside seekLabel / seekValueText / errorText).\n    // These are screen-reader / assistive-tech facing, so translate them for\n    // non-English UIs. playPauseLabel/speedLabel are aria-labels; artworkAlt is\n    // the cover image alt text; unknownTrackText is the Media Session (lock-\n    // screen) title fallback used when no track title is set.\n    playPauseLabel: 'Play/Pause',\n    speedLabel: 'Playback speed',\n    artworkAlt: 'Album artwork',\n    unknownTrackText: 'Unknown Track',\n\n    // Icons (SVG)\n    playIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M8 5v14l11-7z\"/></svg>',\n    pauseIcon: '<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>',\n\n    // Callbacks\n    onLoad: null,\n    onPlay: null,\n    onPause: null,\n    onEnd: null,\n    onError: null,\n    onTimeUpdate: null,\n\n    // Optional queue navigation \u2014 when set, the player registers Media Session\n    // nexttrack/previoustrack handlers (lock-screen skip buttons). Called with\n    // the player instance; wired by waveform-bar / -playlist.\n    onNextTrack: null,\n    onPreviousTrack: null\n};\n\n/**\n * Per-waveform-style geometry defaults.\n *\n * Maps each supported `waveformStyle` to its natural `barWidth`/`barSpacing`\n * (in px), used to seed bar geometry when the caller has not explicitly set\n * those options so each style renders at sensible proportions.\n *\n * @type {Object<string, {barWidth: number, barSpacing: number}>}\n */\nexport const STYLE_DEFAULTS = {\n    bars: {barWidth: 3, barSpacing: 1},\n    mirror: {barWidth: 2, barSpacing: 2},\n    line: {barWidth: 2, barSpacing: 0},\n    blocks: {barWidth: 4, barSpacing: 2},\n    dots: {barWidth: 3, barSpacing: 3},\n    seekbar: {barWidth: 1, barSpacing: 0}\n};", "/**\n * @module core\n * @description Main WaveformPlayer class\n */\n\nimport {draw} from './drawing.js';\nimport {generateWaveform, generatePlaceholderWaveform} from './audio.js';\nimport {\n    formatTime,\n    formatSeekValueText,\n    extractTitleFromUrl,\n    generateId,\n    parseDataAttributes,\n    mergeOptions,\n    debounce,\n    clamp,\n    escapeHtml,\n    DEFAULT_SAMPLES\n} from './utils.js';\n\nimport {DEFAULT_OPTIONS, STYLE_DEFAULTS, getColorPreset, COLOR_PRESETS, detectColorScheme} from './themes.js';\n\n/**\n * Placeholder shown when an artwork URL fails to load (404 / broken) \u2014 a muted\n * music-note tile, so a missing cover degrades gracefully instead of showing the\n * browser's broken-image icon. Inline SVG data-URI (no font / network needed).\n */\nconst ARTWORK_FALLBACK = 'data:image/svg+xml,' + encodeURIComponent(\n    '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><rect width=\"24\" height=\"24\" rx=\"4\" fill=\"#71717a\" fill-opacity=\"0.15\"/><g fill=\"none\" stroke=\"#a1a1aa\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"17\" r=\"2.2\"/><circle cx=\"17\" cy=\"15\" r=\"2.2\"/><path d=\"M10.2 17V7l9-1.6v9\"/></g></svg>'\n);\n\n// Keyboard seek steps (seconds) for the accessible slider.\nconst SEEK_STEP_SECONDS = 5;\nconst SEEK_PAGE_SECONDS = 10;\n\n// Controls that own their own focus. A click landing on one of these (or a\n// descendant) must leave focus on the control, not pull it onto the player\n// container \u2014 otherwise activating the play button/slider steals focus onto the\n// wrapper, moving it off the control the user just operated.\nconst INTERACTIVE_ELEMENTS = 'button, a[href], input, [role=\"slider\"]';\n\n/**\n * WaveformPlayer - Modern audio player with waveform visualization\n * @class\n */\nexport class WaveformPlayer {\n    /** @type {Map<string, WaveformPlayer>} */\n    static instances = new Map();\n\n    /** @type {WaveformPlayer|null} */\n    static currentlyPlaying = null;\n\n    /**\n     * Create a new WaveformPlayer instance.\n     *\n     * Resolves the container, merges options (defaults < `data-*` attributes <\n     * constructor options), applies the colour preset and style-specific\n     * defaults, registers the instance in the static map, and kicks off\n     * {@link WaveformPlayer#init}. A `waveformplayer:ready` event is dispatched\n     * ~100ms later, once initialization has settled.\n     *\n     * @param {string|HTMLElement} container - Container element, or a CSS\n     *   selector resolved with `document.querySelector`.\n     * @param {Object} [options={}] - Player options. Accepts the shorthand\n     *   aliases `style` (\u2192 `waveformStyle`) and `src` (\u2192 `url`); the canonical\n     *   names win if both are supplied.\n     * @throws {Error} If the container element cannot be found.\n     * @fires WaveformPlayer#waveformplayer:ready\n     */\n    constructor(container, options = {}) {\n        // Resolve container\n        this.container = typeof container === 'string'\n            ? document.querySelector(container)\n            : container;\n\n        if (!this.container) {\n            throw new Error('[WaveformPlayer] Container element not found');\n        }\n\n        // Parse data attributes if present\n        const dataOptions = parseDataAttributes(this.container);\n\n        // Shorthand option aliases \u2014 `style` -> `waveformStyle`, `src` -> `url`.\n        // The canonical names still work and win if both are supplied.\n        const userOptions = { ...options };\n        if (userOptions.style && !userOptions.waveformStyle) userOptions.waveformStyle = userOptions.style;\n        if (userOptions.src && !userOptions.url) userOptions.url = userOptions.src;\n\n        // Merge options: defaults < data attributes < constructor options\n        this.options = mergeOptions(DEFAULT_OPTIONS, dataOptions, userOptions);\n\n        // Apply color preset (auto-detect if not specified)\n        const preset = getColorPreset(this.options.colorPreset);\n\n        // Track auto-theme state so the player can re-detect on a runtime light/\n        // dark switch. Only colours the user LEFT UNSET follow the preset; an\n        // explicit colorPreset or hand-set colour is never overridden.\n        this._autoTheme = this.options.colorPreset == null || !COLOR_PRESETS[this.options.colorPreset];\n        this._presetKeys = [];\n        // Resolved scheme name for the CSS theme class (CSS provides the DOM\n        // chrome colours via --wfp-* variables).\n        this._scheme = (this.options.colorPreset && COLOR_PRESETS[this.options.colorPreset]) ? this.options.colorPreset : detectColorScheme();\n\n        // Apply preset colors only if individual colors aren't explicitly set\n        for (const [key, value] of Object.entries(preset)) {\n            if (this.options[key] === null || this.options[key] === undefined) {\n                this.options[key] = value;\n                this._presetKeys.push(key);\n            }\n        }\n\n        // Apply style-specific defaults if not explicitly set\n        const styleDefaults = STYLE_DEFAULTS[this.options.waveformStyle];\n        if (styleDefaults) {\n            if (dataOptions.barWidth === undefined && options.barWidth === undefined) {\n                this.options.barWidth = styleDefaults.barWidth;\n            }\n            if (dataOptions.barSpacing === undefined && options.barSpacing === undefined) {\n                this.options.barSpacing = styleDefaults.barSpacing;\n            }\n        }\n\n        // Initialize state\n        this.audio = null;\n        this.canvas = null;\n        this.ctx = null;\n        this.waveformData = [];\n        this.progress = 0;\n        this._activeMarkerIndex = -1;\n        this._markerLabelTimer = null;\n        this.isPlaying = false;\n        this.isLoading = false;\n        this.hasError = false;\n        this.updateTimer = null;\n        this.resizeObserver = null;\n\n        // All DOM/document listeners are registered with this signal so a\n        // single abort() in destroy() tears every one of them down (the old\n        // destroy left the document-click and container listeners attached).\n        this._ac = new AbortController();\n\n        // Generate unique ID\n        this.id = this.container.id || generateId(this.options.url);\n\n        // Add to instances\n        WaveformPlayer.instances.set(this.id, this);\n\n        // Re-detect the theme on runtime light/dark switches (shared watcher).\n        WaveformPlayer._watchTheme();\n\n        // Initialize\n        this.init();\n\n        // Dispatch ready event after initialization\n        setTimeout(() => {\n            this._emit('waveformplayer:ready', {player: this, url: this.options.url});\n        }, 100);\n    }\n\n    /**\n     * Build and dispatch a bubbling `waveformplayer:*` CustomEvent on the\n     * container, returning the event so cancelable (request-*) events can have\n     * their `defaultPrevented` checked. Single source of truth for the event\n     * shape \u2014 every player event bubbles and carries the supplied detail.\n     * @param {string} type - Full event type, e.g. `'waveformplayer:play'`.\n     * @param {Object} detail - Event detail payload.\n     * @param {boolean} [cancelable=false] - Whether the event is cancelable.\n     * @returns {CustomEvent} The dispatched event.\n     * @private\n     */\n    _emit(type, detail, cancelable = false) {\n        const event = new CustomEvent(type, { bubbles: true, cancelable, detail });\n        this.container.dispatchEvent(event);\n        return event;\n    }\n\n    /**\n     * External-mode seek request: dispatch a cancelable\n     * `waveformplayer:request-seek` and, unless the controller calls\n     * `preventDefault()`, optimistically advance the local progress overlay so\n     * the canvas repaints at once. Shared by the keyboard slider and canvas click.\n     * @param {number} percent - Target position as a 0..1 fraction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _requestSeek(percent) {\n        const evt = this._emit('waveformplayer:request-seek', { ...this._buildTrackDetail(), percent }, true);\n        if (!evt.defaultPrevented) {\n            this.progress = percent;\n            this.drawWaveform?.();\n        }\n    }\n\n    // ============================================\n    // Initialization\n    // ============================================\n\n    /**\n     * Initialize the player: build the DOM, create the audio element (self\n     * mode only), wire up the feature controls (speed, keyboard, accessible\n     * seek), bind events, attach the resize observer, then size the canvas and\n     * \u2014 if a `url` option was given \u2014 load it and optionally autoplay.\n     * @private\n     */\n    init() {\n        this.createDOM();\n        this.createAudio();\n        this.initPlaybackSpeed();\n        this.initKeyboardControls();\n        this.initSeekControl();\n        this.bindEvents();\n        this.setupResizeObserver();\n\n        // Ensure proper sizing after DOM is ready\n        requestAnimationFrame(() => {\n            this.resizeCanvas();\n\n            // Load audio if URL provided\n            if (this.options.url) {\n                this.load(this.options.url).then(() => {\n                    if (this.options.autoplay) {\n                        this.play()?.catch(() => {});\n                    }\n                }).catch(error => {\n                    console.error('[WaveformPlayer] Failed to load audio:', error);\n                });\n            }\n        });\n    }\n\n    /**\n     * Build the player's DOM tree inside the container and cache element\n     * references.\n     *\n     * Clears the container, resolves button alignment (`auto` \u2192 `bottom` for\n     * the `bars` style, `center` otherwise), and conditionally renders the play\n     * button, info row (artwork/title/artist), BPM badge, playback-speed\n     * menu, and time display based on the relevant `show*` options. Caches the\n     * canvas, controls, and text elements onto `this`, then sizes the canvas.\n     * @private\n     */\n    createDOM() {\n        // Clear container\n        this.container.innerHTML = '';\n        this.container.className = 'waveform-player';\n\n        // Determine button alignment\n        let buttonAlign = this.options.buttonAlign;\n        if (buttonAlign === 'auto') {\n            // Auto-align based on waveform style\n            const style = this.options.waveformStyle;\n            if (style === 'bars') {\n                buttonAlign = 'bottom';\n            } else {\n                buttonAlign = 'center';  // blocks, mirror, line, dots, seekbar all center\n            }\n        }\n\n        // Compact 'preview' layout: centered title under the waveform with the\n        // meta row trimmed. Set via the `layout` option / data-layout=\"preview\".\n        const isPreview = this.options.layout === 'preview';\n        if (isPreview) {\n            this.container.classList.add('waveform-layout-preview');\n        }\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n\n        // Build play button HTML (conditional)\n        const buttonHTML = this.options.showControls ? `\n        <button class=\"waveform-btn${this.options.buttonStyle === 'minimal' ? ' waveform-btn-minimal' : ''}\" aria-label=\"${escapeHtml(this.options.playPauseLabel)}\"${this.options.buttonSize != null ? ` style=\"--wfp-btn-size: ${typeof this.options.buttonSize === 'number' ? `${this.options.buttonSize}px` : this.options.buttonSize};\"` : ''}>\n          <span class=\"waveform-icon-play\">${this.options.playIcon}</span>\n          <span class=\"waveform-icon-pause\" style=\"display:none;\">${this.options.pauseIcon}</span>\n        </button>\n        ` : '';\n\n        // Build info section HTML (conditional)\n        const infoHTML = this.options.showInfo ? `\n      <div class=\"waveform-info\">\n        ${this.options.artwork ? `\n          <img class=\"waveform-artwork\" src=\"${this.options.artwork}\" alt=\"${escapeHtml(this.options.artworkAlt)}\" style=\"\n            width: 40px;\n            height: 40px;\n            border-radius: 4px;\n            object-fit: cover;\n            flex-shrink: 0;\n          \">\n        ` : ''}\n        <div class=\"waveform-text\">\n          <span class=\"waveform-title\"></span>\n          ${this.options.artist ? `<span class=\"waveform-artist\">${this.options.artist}</span>` : ''}\n        </div>\n        <div class=\"waveform-meta\" style=\"display: flex; align-items: center; gap: 1rem;\">\n          ${this.options.showBPM ? `\n            <span class=\"waveform-bpm\" style=\"display: none;\">\n              <span class=\"bpm-value\">--</span> BPM\n            </span>\n          ` : ''}\n          ${this.options.showPlaybackSpeed ? `\n            <div class=\"waveform-speed\">\n              <button class=\"speed-btn\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                <span class=\"speed-value\">1x</span>\n              </button>\n              <div class=\"speed-menu\" role=\"menu\" aria-label=\"${escapeHtml(this.options.speedLabel)}\" style=\"display: none;\">\n                ${this.options.playbackRates.map(rate =>\n            `<button class=\"speed-option\" role=\"menuitemradio\" tabindex=\"-1\" aria-checked=\"false\" data-rate=\"${rate}\">${rate}x</button>`\n        ).join('')}\n              </div>\n            </div>\n          ` : ''}\n          ${this.options.showTime ? `\n            <span class=\"waveform-time\">\n              <span class=\"time-current\">0:00</span> / <span class=\"time-total\">0:00</span>\n            </span>\n          ` : ''}\n        </div>\n      </div>\n        ` : '';\n\n        // Create HTML structure\n        this.container.innerHTML = `\n  <div class=\"waveform-player-inner\">\n    <div class=\"waveform-body\">\n      <div class=\"waveform-track waveform-align-${buttonAlign}\">\n        ${buttonHTML}\n        \n        <div class=\"waveform-container\">\n          <canvas></canvas>\n          <div class=\"waveform-markers\"></div>\n          <div class=\"waveform-loading\" style=\"display:none;\"></div>\n          <div class=\"waveform-error\" style=\"display:none;\" role=\"alert\">\n            <span class=\"waveform-error-text\">${escapeHtml(this.options.errorText)}</span>\n          </div>\n        </div>\n      </div>\n      \n      ${infoHTML}\n    </div>\n  </div>\n`;\n\n        // Get references\n        this.playBtn = this.container.querySelector('.waveform-btn');\n        this.canvas = this.container.querySelector('canvas');\n        this.ctx = this.canvas.getContext('2d');\n        this.titleEl = this.container.querySelector('.waveform-title');\n        this.artistEl = this.container.querySelector('.waveform-artist');\n        this.artworkEl = this.container.querySelector('.waveform-artwork');\n        this.bindArtworkFallback(this.artworkEl);\n        this.currentTimeEl = this.container.querySelector('.time-current');\n        this.totalTimeEl = this.container.querySelector('.time-total');\n        this.bpmEl = this.container.querySelector('.waveform-bpm');\n        this.bpmValueEl = this.container.querySelector('.bpm-value');\n        this.loadingEl = this.container.querySelector('.waveform-loading');\n        this.errorEl = this.container.querySelector('.waveform-error');\n        this.markersContainer = this.container.querySelector('.waveform-markers');\n        this.speedBtn = this.container.querySelector('.speed-btn');\n        this.speedMenu = this.container.querySelector('.speed-menu');\n\n        // Set canvas size\n        this.resizeCanvas();\n\n        // Show a caller-supplied BPM immediately (no audio decode required).\n        this.updateBPMDisplay();\n    }\n\n    /**\n     * Bind the artwork error fallback to an image element.\n     *\n     * @param {HTMLImageElement|null} img - Artwork image element.\n     * @private\n     */\n    bindArtworkFallback(img) {\n        if (!img) return;\n\n        // Fall back to the placeholder tile if the cover URL fails to load.\n        img.addEventListener('error', () => {\n            if (!img.src.startsWith('data:')) img.src = ARTWORK_FALLBACK;\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Create an artwork image element matching the initial player markup.\n     *\n     * @returns {HTMLImageElement} Artwork image element.\n     * @private\n     */\n    createArtworkElement() {\n        const img = document.createElement('img');\n        img.className = 'waveform-artwork';\n        img.style.width = '40px';\n        img.style.height = '40px';\n        img.style.borderRadius = '4px';\n        img.style.objectFit = 'cover';\n        img.style.flexShrink = '0';\n        this.bindArtworkFallback(img);\n        return img;\n    }\n\n    /**\n     * Create an artist text element matching the initial player markup.\n     *\n     * @returns {HTMLSpanElement} Artist text element.\n     * @private\n     */\n    createArtistElement() {\n        const span = document.createElement('span');\n        span.className = 'waveform-artist';\n        return span;\n    }\n\n    /**\n     * Reconcile artist metadata and markup for the current track.\n     *\n     * @param {string|null} artist - Artist text, or a falsy value to remove it.\n     * @private\n     */\n    syncArtist(artist) {\n        this.options.artist = artist || null;\n\n        if (!this.options.showInfo) return;\n\n        if (!artist) {\n            this.artistEl?.remove();\n            this.artistEl = null;\n            return;\n        }\n\n        if (!this.artistEl) {\n            const titleEl = this.container.querySelector('.waveform-title');\n            if (!titleEl) return;\n            this.artistEl = this.createArtistElement();\n            titleEl.after(this.artistEl);\n        }\n\n        this.artistEl.textContent = artist;\n        this.artistEl.style.display = '';\n    }\n\n    /**\n     * Reconcile artwork metadata and markup for the current track.\n     *\n     * @param {string|null} artwork - Artwork image URL, or a falsy value to remove artwork.\n     * @param {string} artworkAlt - Artwork alt text.\n     * @private\n     */\n    syncArtwork(artwork, artworkAlt = '') {\n        this.options.artwork = artwork || null;\n        this.options.artworkAlt = artworkAlt || '';\n\n        if (!this.options.showInfo) return;\n\n        if (!artwork) {\n            this.artworkEl?.remove();\n            this.artworkEl = null;\n            return;\n        }\n\n        if (!this.artworkEl) {\n            const textEl = this.container.querySelector('.waveform-text');\n            if (!textEl) return;\n            this.artworkEl = this.createArtworkElement();\n            textEl.before(this.artworkEl);\n        }\n\n        this.artworkEl.src = artwork;\n        this.artworkEl.alt = artworkAlt || '';\n    }\n\n    /**\n     * Create audio element\n     * @private\n     *\n     * No-op in `audioMode: 'external'` \u2014 the player has no audio of its\n     * own; an external controller (e.g. WaveformBar) owns playback and\n     * pushes state in via setPlayingState() / setProgress(). The\n     * `this.audio` field stays null in that mode; downstream code must\n     * null-check it.\n     */\n    createAudio() {\n        if (this.options.audioMode === 'external') {\n            this.audio = null;\n            return;\n        }\n        this.audio = new Audio();\n        this.audio.preload = this.options.preload || 'metadata';\n        this.audio.crossOrigin = 'anonymous';\n    }\n\n    // ============================================\n    // Feature Initialization\n    // ============================================\n\n    /**\n     * Apply the configured initial playback rate to the audio element (self\n     * mode only) and, when `showPlaybackSpeed` is enabled, wire up the speed\n     * menu UI via {@link WaveformPlayer#initSpeedControls}.\n     * @private\n     */\n    initPlaybackSpeed() {\n        // External mode has no <audio> element, so the speed control\n        // doesn't apply locally \u2014 the external controller (e.g.\n        // WaveformBar) owns playback rate. Skip the audio init but\n        // still bind the speed control UI in case the controller\n        // wants to mirror rate changes via events later.\n        if (this.audio && this.options.playbackRate && this.options.playbackRate !== 1) {\n            this.audio.playbackRate = this.options.playbackRate;\n        }\n\n        // Initialize speed control UI if enabled\n        if (this.options.showPlaybackSpeed) {\n            this.initSpeedControls();\n        }\n    }\n\n    /**\n     * Wire up the playback-speed menu: toggle it open on the speed button,\n     * close it on outside click or Escape (keeping `aria-expanded` on the\n     * trigger in sync), and apply the chosen rate when a `.speed-option` is\n     * clicked, returning focus to the trigger. All listeners are registered against the\n     * instance `AbortController` signal so {@link WaveformPlayer#destroy} tears\n     * them down. No-op if the speed elements are absent.\n     * @private\n     */\n    initSpeedControls() {\n        const speedBtn = this.container.querySelector('.speed-btn');\n        const speedMenu = this.container.querySelector('.speed-menu');\n\n        if (!speedBtn || !speedMenu) return;\n\n        const options = () => Array.from(speedMenu.querySelectorAll('.speed-option'));\n        const isOpen = () => speedMenu.style.display !== 'none';\n\n        // Open/close the menu (a proper role=\"menu\"): keep aria-expanded in sync\n        // and, on open, move focus into the menu \u2014 the checked rate, else the\n        // first option \u2014 so arrow keys drive it.\n        const setSpeedMenu = (open) => {\n            speedMenu.style.display = open ? 'block' : 'none';\n            speedBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\n            if (open) {\n                const opts = options();\n                (opts.find((o) => o.getAttribute('aria-checked') === 'true') || opts[0])?.focus();\n            }\n        };\n\n        const focusOption = (i) => {\n            const opts = options();\n            if (opts.length) opts[(i + opts.length) % opts.length].focus();\n        };\n\n        const selectOption = (opt) => {\n            this.setPlaybackRate(parseFloat(opt.dataset.rate));\n            setSpeedMenu(false);\n            speedBtn.focus();\n        };\n\n        // Toggle from the trigger.\n        speedBtn.addEventListener('click', (e) => {\n            e.stopPropagation();\n            setSpeedMenu(!isOpen());\n        }, {signal: this._ac.signal});\n\n        // Close when clicking outside.\n        document.addEventListener('click', () => setSpeedMenu(false), {signal: this._ac.signal});\n\n        // Pointer + native-button (Enter/Space on an option) selection.\n        speedMenu.addEventListener('click', (e) => {\n            e.stopPropagation();\n            const opt = e.target.closest('.speed-option');\n            if (opt) selectOption(opt);\n        }, {signal: this._ac.signal});\n\n        // Keyboard menu: arrows/Home/End roam, Enter/Space select (via the\n        // native button click above), Escape/Tab close. ArrowDown/Up on the\n        // trigger opens and focuses the first/checked option.\n        speedBtn.closest('.waveform-speed')?.addEventListener('keydown', (e) => {\n            const opts = options();\n            const i = opts.indexOf(document.activeElement);\n            if (!isOpen()) {\n                if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && document.activeElement === speedBtn) {\n                    e.preventDefault();\n                    setSpeedMenu(true);\n                }\n                return;\n            }\n            switch (e.key) {\n                case 'ArrowDown': e.preventDefault(); focusOption(i < 0 ? 0 : i + 1); break;\n                case 'ArrowUp':   e.preventDefault(); focusOption(i < 0 ? opts.length - 1 : i - 1); break;\n                case 'Home':      e.preventDefault(); focusOption(0); break;\n                case 'End':       e.preventDefault(); focusOption(opts.length - 1); break;\n                case 'Escape':    e.preventDefault(); setSpeedMenu(false); speedBtn.focus(); break;\n                case 'Tab':       setSpeedMenu(false); break;\n            }\n        }, {signal: this._ac.signal});\n\n        // Set initial UI state\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Enable keyboard transport controls on the container.\n     *\n     * The container is focusable only after it is clicked (it carries\n     * `tabindex=\"-1\"` until then, and clicking steals focus from sibling\n     * players). While focused it handles: digits 0-9 (seek to that tenth of\n     * the track), Space (toggle play), and \u2014 in self mode only, since\n     * `this.audio` is null in external mode \u2014 arrow keys (seek \u00B15s, volume\n     * \u00B10.1) and `m`/`M` (mute). Listeners use the instance abort signal.\n     * @private\n     */\n    initKeyboardControls() {\n        // Make container focusable but not in tab order by default\n        this.container.setAttribute('tabindex', '-1');\n\n        // Only activate keyboard controls when explicitly focused (clicked).\n        // Skip when the click landed on an interactive control (play button,\n        // link, slider, input): those own their focus, so pulling it onto the\n        // container would move focus off the control the user just activated.\n        this.container.addEventListener('click', (e) => {\n            if (e.target.closest(INTERACTIVE_ELEMENTS)) return;\n            // Remove focus from all other players\n            WaveformPlayer.getAllInstances().forEach(player => {\n                if (player !== this) {\n                    player.container.setAttribute('tabindex', '-1');\n                }\n            });\n            // Make this one focusable\n            this.container.setAttribute('tabindex', '0');\n            this.container.focus();\n        }, {signal: this._ac.signal});\n\n        // Keyboard events. In external mode `this.audio` is null, so\n        // seek/volume/mute keys are no-ops (the external controller\n        // owns those). Space (togglePlay) still works because togglePlay\n        // routes through the request-play/pause events.\n        this.container.addEventListener('keydown', (e) => {\n            if (document.activeElement !== this.container) return;\n\n            const key = e.key;\n            const hasAudio = !!this.audio;\n            const currentTime = hasAudio ? this.audio.currentTime : 0;\n\n            // Handle number keys 0-9 for seeking\n            if (hasAudio && key >= '0' && key <= '9') {\n                e.preventDefault();\n                this.seekToPercent(parseInt(key) / 10);\n                return;\n            }\n\n            // Handle other keys. Space always works (dispatches\n            // request-play in external mode); audio-bound keys only\n            // when we own the <audio> element.\n            const actions = {\n                ' ': () => this.togglePlay(),\n            };\n            if (hasAudio) {\n                actions['ArrowLeft']  = () => this.seekTo(clamp(currentTime - 5, 0, this.audio.duration));\n                actions['ArrowRight'] = () => this.seekTo(clamp(currentTime + 5, 0, this.audio.duration));\n                actions['ArrowUp']    = () => this.setVolume(clamp(this.audio.volume + 0.1));\n                actions['ArrowDown']  = () => this.setVolume(clamp(this.audio.volume - 0.1));\n                actions['m'] = actions['M'] = () => this.audio.muted = !this.audio.muted;\n            }\n\n            if (actions[key]) {\n                e.preventDefault();\n                actions[key]();\n            }\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Expose the waveform as an accessible, keyboard-operable slider.\n     *\n     * Adds role=\"slider\" + ARIA value attributes to the waveform surface,\n     * makes it focusable in the tab order, and handles the standard slider\n     * keys (arrows, Page Up/Down, Home/End) to seek. Works in both self and\n     * external audio modes. Opt out with `accessibleSeek: false`.\n     * @private\n     */\n    initSeekControl() {\n        if (!this.options.accessibleSeek) return;\n\n        this.seekEl = this.container.querySelector('.waveform-container');\n        if (!this.seekEl) return;\n\n        this.seekEl.setAttribute('role', 'slider');\n        this.seekEl.setAttribute('tabindex', '0');\n        this.seekEl.setAttribute('aria-valuemin', '0');\n        this.applySeekLabel();\n        this.updateSeekAccessibility();\n\n        this.seekEl.addEventListener('keydown', (e) => {\n            // Space toggles play/pause even while the waveform slider is focused \u2014\n            // it's a media control, so play/pause should work here too, not only\n            // when the player root is the active element (restores the pre-a11y\n            // Space path reported in #10).\n            if (e.key === ' ' || e.key === 'Spacebar') {\n                e.preventDefault();\n                e.stopPropagation();\n                this.togglePlay();\n                return;\n            }\n\n            const duration = this.getSeekDuration();\n            if (!duration) return;\n\n            const current = this.getSeekCurrentTime();\n            let target;\n            switch (e.key) {\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    target = current - SEEK_STEP_SECONDS;\n                    break;\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    target = current + SEEK_STEP_SECONDS;\n                    break;\n                case 'PageDown':\n                    target = current - SEEK_PAGE_SECONDS;\n                    break;\n                case 'PageUp':\n                    target = current + SEEK_PAGE_SECONDS;\n                    break;\n                case 'Home':\n                    target = 0;\n                    break;\n                case 'End':\n                    target = duration;\n                    break;\n                default:\n                    return;\n            }\n\n            // Prevent page scroll and stop the container-level keydown\n            // handler from also seeking (it would double-fire / change\n            // volume on the vertical arrows).\n            e.preventDefault();\n            e.stopPropagation();\n            this.seekToSeconds(target);\n        }, {signal: this._ac.signal});\n    }\n\n    /**\n     * Total seekable duration in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekDuration() {\n        if (this.options.audioMode === 'external') {\n            return this._extDuration || 0;\n        }\n        return this.audio && Number.isFinite(this.audio.duration)\n            ? this.audio.duration\n            : 0;\n    }\n\n    /**\n     * Current playback position in seconds, regardless of audio mode.\n     * @returns {number}\n     * @private\n     */\n    getSeekCurrentTime() {\n        if (this.options.audioMode === 'external') {\n            return this.progress * (this._extDuration || 0);\n        }\n        return this.audio && Number.isFinite(this.audio.currentTime)\n            ? this.audio.currentTime\n            : 0;\n    }\n\n    /**\n     * Seek the slider to an absolute time, clamped to the track length.\n     *\n     * In self mode this defers to {@link WaveformPlayer#seekTo}. In external\n     * mode it dispatches a cancelable `waveformplayer:request-seek` event with\n     * the target percentage; if the controller doesn't `preventDefault()`, the\n     * local progress/visual is updated optimistically. Either way the ARIA\n     * slider values are refreshed.\n     * @param {number} seconds - Target time in seconds.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    seekToSeconds(seconds) {\n        const duration = this.getSeekDuration();\n        if (!duration) return;\n\n        const clamped = clamp(seconds, 0, duration);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(clamped / duration);\n            this.updateSeekAccessibility();\n            return;\n        }\n\n        // seekTo() calls updateProgress(), which refreshes the ARIA values.\n        this.seekTo(clamped);\n    }\n\n    /**\n     * Set the slider's accessible name from `seekLabel`, falling back to the\n     * track title, then a generic 'Seek'. No-op if the slider isn't present.\n     * @param {string} [title=this.options.title] - Track title to fall back to\n     *   when `seekLabel` is not set.\n     * @private\n     */\n    applySeekLabel(title = this.options.title) {\n        if (!this.seekEl) return;\n        const label = this.options.seekLabel || title || 'Seek';\n        this.seekEl.setAttribute('aria-label', label);\n    }\n\n    /**\n     * Keep the slider's ARIA value attributes in sync with playback.\n     * @private\n     */\n    updateSeekAccessibility() {\n        if (!this.seekEl) return;\n\n        const duration = this.getSeekDuration();\n        const current = Math.min(this.getSeekCurrentTime(), duration);\n\n        this.seekEl.setAttribute('aria-valuemax', String(Math.round(duration)));\n        this.seekEl.setAttribute('aria-valuenow', String(Math.round(current)));\n        this.seekEl.setAttribute(\n            'aria-valuetext',\n            formatSeekValueText(\n                this.options.seekValueText || '%1$s of %2$s',\n                formatTime(current),\n                formatTime(duration)\n            )\n        );\n    }\n\n    /**\n     * Initialize Media Session API for system media controls\n     * @private\n     */\n    initMediaSession() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        // Skip Media Session in external mode \u2014 the controller (e.g.\n        // WaveformBar) owns audio playback and registers its own Media\n        // Session handlers; ours would conflict with its.\n        if (!this.audio) return;\n\n        this._applyMediaMetadata();\n\n        // Set up action handlers\n        navigator.mediaSession.setActionHandler('play', () => this.play());\n        navigator.mediaSession.setActionHandler('pause', () => this.pause());\n        navigator.mediaSession.setActionHandler('seekbackward', () => {\n            this.seekTo(clamp(this.audio.currentTime - 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekforward', () => {\n            this.seekTo(clamp(this.audio.currentTime + 10, 0, this.audio.duration));\n        });\n        navigator.mediaSession.setActionHandler('seekto', (details) => {\n            if (details.seekTime !== null) {\n                this.seekTo(details.seekTime);\n            }\n        });\n\n        // Optional queue navigation \u2014 lights up the lock-screen skip-track\n        // buttons. Registered only when a host (bar / playlist) supplies a\n        // callback; a null handler hides the button.\n        const onNext = this.options.onNextTrack, onPrev = this.options.onPreviousTrack;\n        try { navigator.mediaSession.setActionHandler('nexttrack', typeof onNext === 'function' ? () => onNext(this) : null); } catch (e) { /* unsupported */ }\n        try { navigator.mediaSession.setActionHandler('previoustrack', typeof onPrev === 'function' ? () => onPrev(this) : null); } catch (e) { /* unsupported */ }\n    }\n\n    /**\n     * Publish the current track's Media Session metadata (lock-screen /\n     * Now-Playing title, artist, album, artwork). Idempotent \u2014 safe to re-call.\n     * @private\n     */\n    _applyMediaMetadata() {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession) return;\n        navigator.mediaSession.metadata = new MediaMetadata({\n            title: this.options.title || this.options.unknownTrackText,\n            artist: this.options.artist || '',\n            album: this.options.album || '',\n            artwork: this.options.artwork ? [\n                {src: this.options.artwork, sizes: '512x512', type: 'image/jpeg'}\n            ] : []\n        });\n    }\n\n    /**\n     * Sync Media Session playback state + scrubber position on play/pause. iOS\n     * ignores metadata set before the media is active, so we re-assert it on\n     * play \u2014 that's what fixes the blank lock-screen card on mobile.\n     * @param {'playing'|'paused'} state\n     * @private\n     */\n    _updateMediaSession(state) {\n        if (!('mediaSession' in navigator) || !this.options.enableMediaSession || !this.audio) return;\n        try {\n            // Claim the (global, singleton) Media Session for THIS player on play \u2014\n            // (re)register our action handlers + metadata so the lock-screen controls\n            // drive the player you're actually listening to, not the last one loaded.\n            if (state === 'playing') this.initMediaSession();\n            navigator.mediaSession.playbackState = state;\n            const d = this.audio.duration;\n            if (navigator.mediaSession.setPositionState && d && isFinite(d)) {\n                navigator.mediaSession.setPositionState({\n                    duration: d,\n                    playbackRate: this.audio.playbackRate || 1,\n                    position: clamp(this.audio.currentTime, 0, d),\n                });\n            }\n        } catch (e) { /* Media Session is best-effort */ }\n    }\n\n    // ============================================\n    // Event Binding\n    // ============================================\n\n    /**\n     * Bind the core interaction listeners: play-button click, the `<audio>`\n     * media events (self mode only \u2014 external mode is fed state via\n     * {@link WaveformPlayer#setPlayingState}/{@link WaveformPlayer#setProgress}),\n     * canvas click-to-seek, and a debounced window-resize redraw.\n     * @private\n     */\n    bindEvents() {\n        // Play button (only if controls are shown). In external mode\n        // togglePlay() dispatches the request-play/pause events so the\n        // controller can decide what to do; the click still goes through\n        // here.\n        if (this.playBtn) {\n            this.playBtn.addEventListener('click', () => this.togglePlay());\n        }\n\n        // Audio events \u2014 only when we own an <audio> element. External\n        // mode receives state via setPlayingState() / setProgress() from\n        // the controller, so we have nothing to listen to here.\n        if (this.audio) {\n            this.audio.addEventListener('loadstart', () => this.setLoading(true));\n            this.audio.addEventListener('loadedmetadata', () => this.onMetadataLoaded());\n            this.audio.addEventListener('canplay', () => this.setLoading(false));\n            this.audio.addEventListener('play', () => this.onPlay());\n            this.audio.addEventListener('pause', () => this.onPause());\n            this.audio.addEventListener('ended', () => this.onEnded());\n            this.audio.addEventListener('error', (e) => this.onError(e));\n        }\n\n        // Canvas interactions \u2014 click + drag to seek. pointerdown starts a\n        // scrub (with pointer capture so moves keep flowing if the cursor\n        // leaves the canvas), pointermove updates it while held, pointerup /\n        // pointercancel end it. The click handler stays for keyboard/synthetic\n        // compatibility. In external mode each seek dispatches a cancelable\n        // `waveformplayer:request-seek` so the controller positions its audio.\n        this.canvas.addEventListener('click', (e) => this.handleCanvasClick(e));\n        this._dragging = false;\n        this._seekHover = false;\n        this._handleNear = false;\n\n        // Hover state \u2014 reveals the handle + lifts the seekbar brightness. A\n        // redraw is needed because the canvas has no CSS :hover of its own.\n        this.canvas.addEventListener('pointerenter', () => {\n            this._seekHover = true;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n        this.canvas.addEventListener('pointerleave', () => {\n            this._seekHover = false;\n            this._handleNear = false;\n            if (!this._dragging) this._hideHoverTip();\n            this.drawWaveform();\n            this._updateSeekHandle();\n        });\n\n        // Drag = a VISUAL scrub: the playhead previews the cursor while the\n        // audio keeps playing untouched (a per-move seek glitches the audio and\n        // fights the progress loop). The real seek is committed once, on\n        // release. updateProgress() bails while _dragging so playback can't drag\n        // the handle off the cursor.\n        this.canvas.addEventListener('pointerdown', (e) => {\n            if (e.pointerType === 'mouse' && e.button !== 0) return; // primary / touch only\n            this._dragging = true;\n            try { this.canvas.setPointerCapture(e.pointerId); } catch (err) { /* unsupported */ }\n            this._scrubTo(e.clientX);\n        });\n        this.canvas.addEventListener('pointermove', (e) => {\n            if (this._dragging) {\n                this._scrubTo(e.clientX);\n                return;\n            }\n            // Hover (not dragging): grow the handle when the cursor is over it.\n            const rect = this.canvas.getBoundingClientRect();\n            if (rect.width) {\n                this._handleNear = Math.abs((e.clientX - rect.left) - this.progress * rect.width) <= 10;\n                this._updateSeekHandle();\n            }\n        });\n        const endDrag = (e) => {\n            if (!this._dragging) return;\n            this._dragging = false;\n            // The browser fires a click after pointerup on a tap/short drag \u2014\n            // flag it so handleCanvasClick ignores it (a second seek from the\n            // synthetic click's coordinate can snap the playhead, e.g. to 0).\n            this._suppressClick = true;\n            try { this.canvas.releasePointerCapture(e.pointerId); } catch (err) { /* ignore */ }\n            this._seekFromPointer(e.clientX); // commit the seek now \u2014 audio jumps once\n            // Hide the drag tooltip on release, unless hover-time keeps it (or\n            // the seekbar handle is being hovered), to avoid a hide/show flicker.\n            if (!this._seekHover && !this.options.showHoverTime) this._hideHoverTip();\n            this._updateSeekHandle();\n        };\n        this.canvas.addEventListener('pointerup', endDrag);\n        this.canvas.addEventListener('pointercancel', endDrag);\n\n        // Hover-time tooltip over the waveform (when showHoverTime is on).\n        this.setupHoverTime();\n        // Draggable seek handle (DOM circle, shown on hover / drag).\n        this.setupSeekHandle();\n\n        // Window resize - store handler for cleanup\n        this.resizeHandler = debounce(() => this.resizeCanvas(), 100);\n        window.addEventListener('resize', this.resizeHandler);\n    }\n\n    /**\n     * Observe the canvas's parent element for size changes and re-fit the\n     * canvas on each one. No-op where `ResizeObserver` is unavailable.\n     * @private\n     */\n    setupResizeObserver() {\n        if ('ResizeObserver' in window) {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeCanvas();\n            });\n\n            if (this.canvas?.parentElement) {\n                this.resizeObserver.observe(this.canvas.parentElement);\n            }\n        }\n    }\n\n    // ============================================\n    // Audio Loading\n    // ============================================\n\n    /**\n     * Load an audio source: set the title, fetch/generate the waveform peaks,\n     * draw them, render markers, and initialise Media Session.\n     *\n     * In self mode the `<audio>` src is assigned and the method awaits\n     * `loadedmetadata` before proceeding. In external mode there is no audio\n     * element, so the src/metadata step is skipped and only the visualization\n     * is built (duration/time come from the controller via\n     * {@link WaveformPlayer#setProgress}). Peaks come from the `waveform`\n     * option when provided, otherwise they are decoded from the audio; a\n     * decode failure falls back to a placeholder waveform. The `onLoad`\n     * callback fires on success.\n     * @param {string} url - Audio URL.\n     * @returns {Promise<void>} Resolves once loading settles (errors are caught\n     *   internally and surfaced through {@link WaveformPlayer#onError}).\n     */\n    async load(url) {\n        try {\n            this.setLoading(true);\n            this.progress = 0;\n            this.hasError = false;\n\n            // In external mode we don't own an <audio> element \u2014 skip\n            // src assignment + metadata-wait, but still generate the\n            // waveform peaks so the canvas can render the visualization.\n            // Duration / current time come from the external controller\n            // via setProgress().\n            if (this.audio) {\n                // Set audio source\n                this.audio.src = url;\n\n                // Wait for metadata to load\n                await new Promise((resolve, reject) => {\n                    const metadataHandler = () => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        resolve();\n                    };\n                    const errorHandler = (e) => {\n                        this.audio.removeEventListener('loadedmetadata', metadataHandler);\n                        this.audio.removeEventListener('error', errorHandler);\n                        reject(e);\n                    };\n                    this.audio.addEventListener('loadedmetadata', metadataHandler);\n                    this.audio.addEventListener('error', errorHandler);\n                });\n            }\n\n            // Set title\n            const title = this.options.title || extractTitleFromUrl(url);\n            if (this.titleEl) {\n                this.titleEl.textContent = title;\n            }\n            // Keep the seek slider's accessible name in sync with the track.\n            this.applySeekLabel(title);\n\n            // Load or generate waveform\n            if (this.options.waveform) {\n                this.setWaveformData(this.options.waveform);\n            } else {\n                // Generate waveform\n                try {\n                    const result = await generateWaveform(url, this.options.samples, this.options.showBPM);\n                    this.waveformData = result.peaks;\n\n                    // Store BPM if detected\n                    if (result.bpm) {\n                        this.detectedBPM = result.bpm;\n                        this.updateBPMDisplay();\n                    }\n                } catch (error) {\n                    console.warn('[WaveformPlayer] Using placeholder waveform:', error);\n                    this.waveformData = generatePlaceholderWaveform(this.options.samples);\n                }\n            }\n\n            this.drawWaveform();\n            this.renderMarkers();\n\n            // Fire callback\n            if (this.options.onLoad) {\n                this.options.onLoad(this);\n            }\n        } catch (error) {\n            // onError() is the single funnel for surfacing + logging errors.\n            this.onError(error);\n        } finally {\n            this.setLoading(false);\n        }\n    }\n\n    /**\n     * Swap the player to a new track at runtime.\n     *\n     * Pauses any current playback, fully resets the audio element (self mode),\n     * clears error/marker/progress state, merges the new metadata into\n     * `this.options`, updates the artist/artwork DOM, then calls\n     * {@link WaveformPlayer#load}. Auto-plays the new track unless\n     * `options.autoplay === false`.\n     * @param {string} url - Audio URL.\n     * @param {string|null} [title=null] - Track title; keeps the existing\n     *   title when null.\n     * @param {string|null} [artist=null] - Track artist; pass `''` to hide\n     *   the artist row, or null to keep the existing one.\n     * @param {Object} [options={}] - Additional options to merge (e.g.\n     *   `preload`, `artwork`, `artworkAlt`, `markers`, `autoplay`).\n     * @returns {Promise<void>}\n     */\n    async loadTrack(url, title = null, artist = null, options = {}) {\n        const hasArtworkOption = Object.prototype.hasOwnProperty.call(options, 'artwork');\n        const hasArtworkAltOption = Object.prototype.hasOwnProperty.call(options, 'artworkAlt');\n\n        // Stop current playback and clear state\n        if (this.isPlaying) {\n            this.pause();\n        }\n\n        // Reset audio element completely (only when we own one)\n        if (this.audio) {\n            this.audio.src = '';\n            this.audio.load();\n        }\n\n        // Clear any errors\n        this.hasError = false;\n        if (this.errorEl) {\n            this.errorEl.style.display = 'none';\n        }\n        if (this.canvas) {\n            this.canvas.style.opacity = '1';\n        }\n        if (this.playBtn) {\n            this.playBtn.disabled = false;\n        }\n\n        // Reset state\n        this.progress = 0;\n        this.waveformData = [];\n\n        // Update options (including preload if specified)\n        this.options = mergeOptions(this.options, {\n            url,\n            title: title === null ? this.options.title : title,\n            artist: artist === null ? this.options.artist : artist,\n            ...options\n        });\n        if (hasArtworkOption) {\n            this.options.artwork = options.artwork || null;\n        }\n        if (hasArtworkAltOption) {\n            this.options.artworkAlt = options.artworkAlt || '';\n        } else if (hasArtworkOption) {\n            this.options.artworkAlt = this.options.artwork ? DEFAULT_OPTIONS.artworkAlt : '';\n        }\n\n        // Apply preload setting if it was changed\n        if (options.preload && this.audio) {\n            this.audio.preload = options.preload;\n        }\n\n        // Update artist only when explicitly provided. A null artist keeps the\n        // existing artist, while an empty string removes it.\n        if (artist !== null) {\n            this.syncArtist(artist);\n        }\n\n        // Update artwork when explicitly provided. The caller can pass an empty\n        // value to remove existing artwork from the in-place player.\n        if (hasArtworkOption || hasArtworkAltOption) {\n            this.syncArtwork(\n                hasArtworkOption ? options.artwork : this.options.artwork,\n                hasArtworkAltOption ? options.artworkAlt : this.options.artworkAlt\n            );\n        }\n\n        // Clear or update markers\n        this.options.markers = options.markers || [];\n\n        // Reset the waveform to the NEW track's peaks, or null to regenerate\n        // from the URL. mergeOptions() above keeps the previous track's\n        // this.options.waveform when the caller passes none, and load() does\n        // `if (this.options.waveform) setWaveformData(...)` \u2014 so without this\n        // reset a track loaded without peaks would redraw the PREVIOUS track's\n        // waveform (audio changes, visualization doesn't).\n        this.options.waveform = options.waveform || null;\n\n        // Load the new track\n        await this.load(url);\n\n        // Auto-play the new track unless the caller opted out \u2014 lets a\n        // controller load/restore/enqueue without forcing playback.\n        if (options.autoplay !== false) {\n            this.play()?.catch(() => {});\n        }\n    }\n\n    // ============================================\n    // Visualization\n    // ============================================\n\n    /**\n     * Normalise externally-supplied waveform data into `this.waveformData` and\n     * redraw.\n     *\n     * Accepts several shapes: a `.json` URL (fetched async; peaks and any\n     * embedded `markers` are applied on resolve), a JSON-encoded array string,\n     * a comma-separated number string, or a plain number array. Malformed\n     * input degrades to an empty array rather than throwing.\n     * @param {string|number[]} data - Peaks as an array, a JSON/CSV string, or\n     *   a URL to a `.json` peaks file.\n     * @private\n     */\n    setWaveformData(data) {\n        // URL to JSON file \u2014 fetch peaks and maybe markers\n        if (typeof data === 'string' && data.trim().endsWith('.json')) {\n            fetch(data.trim())\n                .then(r => r.json())\n                .then(json => {\n                    this.waveformData = Array.isArray(json) ? json : (json.peaks || []);\n                    if (json.markers && !this.options.markers?.length) {\n                        this.options.markers = json.markers;\n                        this.renderMarkers();\n                    }\n                    this.drawWaveform();\n                })\n                .catch(() => {});\n            return;\n        }\n\n        if (typeof data === 'string') {\n            try {\n                const parsed = JSON.parse(data);\n                this.waveformData = Array.isArray(parsed) ? parsed : [];\n            } catch {\n                this.waveformData = data.split(',').map(Number);\n            }\n        } else {\n            this.waveformData = Array.isArray(data) ? data : [];\n        }\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the current waveform + progress to the canvas via the shared\n     * {@link draw} routine, passing the resolved style and colours. No-op\n     * before the context exists or while there is no peak data.\n     * @private\n     */\n    drawWaveform() {\n        if (!this.ctx || this.waveformData.length === 0) return;\n\n        draw(this.ctx, this.canvas, this.waveformData, this.progress, {\n            ...this.options,\n            waveformStyle: this.options.waveformStyle || 'bars',\n            color: this.options.waveformColor,\n            progressColor: this.options.progressColor,\n            seekActive: this._seekHover || this._dragging\n        });\n    }\n\n    /**\n     * Re-fit the canvas backing store to its parent's width and the configured\n     * height, scaled by the device pixel ratio for crisp rendering, then\n     * redraw. Guards against running after destruction.\n     * @private\n     */\n    resizeCanvas() {\n        // Guard against calls after destruction\n        if (!this.canvas || this.isDestroying) {\n            return;\n        }\n\n        const dpr = window.devicePixelRatio || 1;\n        const rect = this.canvas.parentElement.getBoundingClientRect();\n\n        this.canvas.width = rect.width * dpr;\n        this.canvas.height = this.options.height * dpr;\n        this.canvas.parentElement.style.height = this.options.height + 'px';\n\n        this.drawWaveform();\n    }\n\n    /**\n     * Render the configured cue markers as positioned, clickable buttons over\n     * the waveform.\n     *\n     * Clears any existing markers first, then bails out unless `showMarkers` is\n     * on, markers exist, and a duration is known (via the mode-agnostic\n     * {@link WaveformPlayer#getSeekDuration}). Each marker is placed by its\n     * time-as-percentage, carries a tooltip and ARIA label, and seeks on click\n     * (also starting playback when `playOnSeek` is set and currently paused).\n     * Markers past the track duration are skipped with a warning.\n     * @private\n     */\n    renderMarkers() {\n        if (!this.markersContainer) return;\n\n        // Always clear existing markers first\n        this.markersContainer.innerHTML = '';\n        // Re-sync the active marker on the next progress tick (the DOM was wiped).\n        this._activeMarkerIndex = -1;\n        clearTimeout(this._markerLabelTimer);\n\n        if (!this.options.showMarkers || !this.options.markers?.length) return;\n\n        // Duration may come from the <audio> (self mode) or the external\n        // controller (external mode) \u2014 use the mode-agnostic accessor.\n        const duration = this.getSeekDuration();\n        if (!duration) {\n            return;\n        }\n\n        // Add each marker\n        this.options.markers.forEach((marker, index) => {\n            // Skip markers that are beyond the audio duration\n            if (marker.time > duration) {\n                console.warn(`[WaveformPlayer] Marker \"${marker.label}\" at ${marker.time}s exceeds audio duration of ${duration}s`);\n                return;\n            }\n\n            const position = (marker.time / duration) * 100;\n\n            const markerEl = document.createElement('button');\n            markerEl.className = 'waveform-marker';\n            markerEl.style.left = `${position}%`;\n            markerEl.style.backgroundColor = marker.color || 'rgba(255, 255, 255, 0.5)';\n            markerEl.setAttribute('aria-label', marker.label);\n            markerEl.setAttribute('data-time', marker.time);\n\n            // Tooltip\n            const tooltip = document.createElement('span');\n            tooltip.className = 'waveform-marker-tooltip';\n            tooltip.textContent = marker.label;\n            markerEl.appendChild(tooltip);\n\n            // Click to seek\n            markerEl.addEventListener('click', (e) => {\n                e.stopPropagation();\n                this.seekTo(marker.time);\n                if (this.options.playOnSeek && !this.isPlaying) {\n                    this.play();\n                }\n            });\n\n            this.markersContainer.appendChild(markerEl);\n        });\n    }\n\n    /**\n     * Highlight the marker at `index` (toggling an `active` class) and clear\n     * the rest. Pass `null` to clear all. Lets an external controller (e.g. a\n     * DJ bar) reflect the current section without reaching into the player's\n     * private marker DOM.\n     * @param {number|null} index - Marker index to activate, or `null` to clear.\n     */\n    setActiveMarker(index) {\n        if (!this.markersContainer) return;\n        const markers = this.markersContainer.querySelectorAll('.waveform-marker');\n        markers.forEach((el, i) => el.classList.toggle('active', i === index));\n    }\n\n    /**\n     * Highlight the marker the playhead has most recently passed \u2014 the rendered\n     * marker with the greatest `time` \u2264 the current time \u2014 and reveal its label.\n     * Driven from the progress loop; a no-op when there are no markers. Reuses\n     * {@link WaveformPlayer#setActiveMarker}, and only re-applies when the active\n     * marker actually changes.\n     * @private\n     */\n    updateActiveMarker() {\n        if (!this.markersContainer) return;\n        const els = this.markersContainer.querySelectorAll('.waveform-marker');\n        if (!els.length) return;\n        const dur = this.getSeekDuration();\n        const t = dur ? this.progress * dur : 0;\n        let active = -1;\n        let best = -Infinity;\n        els.forEach((el, i) => {\n            const mt = parseFloat(el.getAttribute('data-time'));\n            if (Number.isFinite(mt) && mt <= t + 0.05 && mt > best) {\n                best = mt;\n                active = i;\n            }\n        });\n        if (active !== this._activeMarkerIndex) {\n            this._activeMarkerIndex = active;\n            this.setActiveMarker(active);\n            // Flash the newly-active marker's label, then let it fade \u2014 the\n            // highlight stays. Override via `.waveform-marker.show-label` CSS.\n            clearTimeout(this._markerLabelTimer);\n            els.forEach((el, i) => el.classList.toggle('show-label', i === active));\n            if (active >= 0) {\n                this._markerLabelTimer = setTimeout(() => {\n                    this.markersContainer\n                        ?.querySelectorAll('.waveform-marker')\n                        .forEach((el) => el.classList.remove('show-label'));\n                }, 2500);\n            }\n        }\n    }\n\n    /**\n     * Build the time tooltip that follows the pointer over the waveform. The\n     * element is always created so **drag-scrub** can show the time you're\n     * dragging to; the *hover* reveal is gated on `showHoverTime`. Works in both\n     * self and external modes (it only needs {@link WaveformPlayer#getSeekDuration}).\n     * @private\n     */\n    setupHoverTime() {\n        if (!this.seekEl) return;\n        const tip = document.createElement('div');\n        tip.className = 'waveform-hover-time';\n        tip.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(tip);\n        this.hoverTimeEl = tip;\n\n        // Without showHoverTime the tip is drag-only \u2014 no hover listeners.\n        if (!this.options.showHoverTime) return;\n\n        // Hover updates the tip; the drag handlers also call _updateHoverTip so\n        // the time follows the playhead while scrubbing (Spotify-style). The\n        // guard avoids a double-update when a drag is in progress (the canvas\n        // pointermove already drives it then).\n        this.seekEl.addEventListener('pointermove', (e) => {\n            if (!this._dragging) this._updateHoverTip(e.clientX);\n        });\n        this.seekEl.addEventListener('pointerleave', () => {\n            if (!this._dragging) this._hideHoverTip();\n        });\n    }\n\n    /**\n     * Position + fill the hover-time tooltip for a given client-X. Shared by\n     * hover and drag-scrub. No-op when the tooltip isn't enabled\n     * (`showHoverTime` off).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _updateHoverTip(clientX) {\n        const tip = this.hoverTimeEl;\n        if (!tip) return;\n        const dur = this.getSeekDuration();\n        if (!dur) { tip.style.opacity = '0'; return; }\n        const rect = this.canvas.getBoundingClientRect();\n        const pct = clamp((clientX - rect.left) / rect.width);\n        tip.textContent = formatTime(pct * dur);\n        tip.style.left = (pct * 100) + '%';\n        tip.style.opacity = '1';\n    }\n\n    /** Hide the hover-time tooltip. @private */\n    _hideHoverTip() {\n        if (this.hoverTimeEl) this.hoverTimeEl.style.opacity = '0';\n    }\n\n    /**\n     * Visually preview a seek during a drag \u2014 moves the playhead + handle +\n     * tooltip to the cursor WITHOUT touching the audio (playback continues; the\n     * real seek is committed on release).\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     */\n    _scrubTo(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        this.progress = clamp((clientX - rect.left) / rect.width);\n        this.drawWaveform();\n        this._updateSeekHandle();\n        // Live time readout while scrubbing (Spotify-style): the audio keeps\n        // playing at its old position; the display shows where release lands.\n        const dur = this.getSeekDuration();\n        if (dur && this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.progress * dur);\n            // The current-time already shows the target \u2014 don't also pop the\n            // hover tooltip with the same value (that duplicate is the bug).\n            this._hideHoverTip();\n        } else {\n            // No current-time readout to fall back on \u2014 keep the tooltip as the\n            // only scrub feedback.\n            this._updateHoverTip(clientX);\n        }\n    }\n\n    /**\n     * Create the draggable seek handle \u2014 a DOM circle over the playhead, shown\n     * only on hover / drag (Spotify-style). Pointer-events are off so it never\n     * blocks the canvas scrub; size + visibility are CSS.\n     * @private\n     */\n    setupSeekHandle() {\n        // Only the seekbar style \u2014 on a real waveform the fill-edge already is\n        // the playhead, so a floating dot is just noise.\n        if (!this.options.seekHandle || this.options.waveformStyle !== 'seekbar' || !this.seekEl) return;\n        const h = document.createElement('div');\n        h.className = 'waveform-seek-handle';\n        h.setAttribute('aria-hidden', 'true');\n        this.seekEl.appendChild(h);\n        this.seekHandleEl = h;\n    }\n\n    /**\n     * Position the seek handle at the current progress and toggle its\n     * visibility (hover / drag) + expanded (drag / direct-hover) classes.\n     * @private\n     */\n    _updateSeekHandle() {\n        const h = this.seekHandleEl;\n        if (!h) return;\n        h.style.left = (this.progress * 100) + '%';\n        h.classList.toggle('is-visible', this._seekHover || this._dragging);\n        h.classList.toggle('is-active', this._dragging || this._handleNear);\n    }\n\n    // ============================================\n    // Event Handlers\n    // ============================================\n\n    /**\n     * Seek to the clicked horizontal position on the waveform canvas.\n     *\n     * Converts the click X into a 0..1 percentage. In external mode it\n     * dispatches a cancelable `waveformplayer:request-seek` event (updating the\n     * local visual optimistically unless the controller vetoes it); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {MouseEvent} event - The canvas click event.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    handleCanvasClick(event) {\n        // Ignore the synthetic click that trails a pointer drag (see endDrag).\n        if (this._suppressClick) { this._suppressClick = false; return; }\n        this._seekFromPointer(event.clientX);\n    }\n\n    /**\n     * Seek to a horizontal client-X position over the canvas \u2014 shared by\n     * click and drag. In external mode the player has no audio of its own,\n     * so it dispatches a cancelable `waveformplayer:request-seek` with the\n     * target percentage (updating the local visual optimistically); in self\n     * mode it seeks the owned `<audio>` via\n     * {@link WaveformPlayer#seekToPercent}.\n     * @param {number} clientX - Pointer client-X coordinate.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:request-seek\n     */\n    _seekFromPointer(clientX) {\n        const rect = this.canvas.getBoundingClientRect();\n        if (!rect.width) return;\n        const targetPercent = clamp((clientX - rect.left) / rect.width);\n\n        if (this.options.audioMode === 'external') {\n            this._requestSeek(targetPercent);\n            return;\n        }\n\n        if (!this.audio || !this.audio.duration) return;\n        this.seekToPercent(targetPercent);\n    }\n\n    /**\n     * Toggle the loading state: show/hide the spinner overlay and set\n     * `aria-busy` on the accessible seek slider so assistive tech knows the\n     * player is fetching/decoding.\n     * @param {boolean} loading - True while audio is loading.\n     * @private\n     */\n    setLoading(loading) {\n        this.isLoading = loading;\n        if (this.loadingEl) {\n            this.loadingEl.style.display = loading ? 'block' : 'none';\n        }\n        // Let assistive tech know the player is busy fetching/decoding.\n        if (this.seekEl) {\n            this.seekEl.setAttribute('aria-busy', loading ? 'true' : 'false');\n        }\n    }\n\n    /**\n     * `loadedmetadata` handler (self mode): write the total-time display, now\n     * that duration is known re-render markers, and publish duration to the\n     * accessible seek slider. No-op during destruction.\n     * @private\n     */\n    onMetadataLoaded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        if (this.totalTimeEl) {\n            this.totalTimeEl.textContent = formatTime(this.audio.duration);\n        }\n        // Re-render markers when duration is known\n        this.renderMarkers();\n        // Duration is now known \u2014 publish it to the accessible slider.\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Reflect play/pause state on the transport button: toggle the `playing`\n     * class and swap the play/pause icon visibility. The single source of\n     * truth shared by `onPlay`, `onPause`, and the external-mode\n     * `setPlayingState` pump so they can't drift. No-op without a button.\n     * @param {boolean} isPlaying - Whether playback is active.\n     * @private\n     */\n    setPlayButtonState(isPlaying) {\n        if (!this.playBtn) return;\n        this.playBtn.classList.toggle('playing', isPlaying);\n        const playIcon = this.playBtn.querySelector('.waveform-icon-play');\n        const pauseIcon = this.playBtn.querySelector('.waveform-icon-pause');\n        if (playIcon) playIcon.style.display = isPlaying ? 'none' : 'flex';\n        if (pauseIcon) pauseIcon.style.display = isPlaying ? 'flex' : 'none';\n    }\n\n    /**\n     * `play` handler (self mode): set the playing flag, swap the button to its\n     * pause icon, start the smooth progress loop, dispatch\n     * `waveformplayer:play`, and fire the `onPlay` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:play\n     */\n    onPlay() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = true;\n\n        this.setPlayButtonState(true);\n\n        this.startSmoothUpdate();\n\n        // iOS drops Media Session metadata set before playback begins \u2014 re-assert\n        // metadata + playback state now that we're actually playing.\n        this._updateMediaSession('playing');\n\n        // Dispatch play event\n        this._emit('waveformplayer:play', {player: this, url: this.options.url});\n\n        if (this.options.onPlay) {\n            this.options.onPlay(this);\n        }\n    }\n\n    /**\n     * `pause` handler (self mode): clear the playing flag, swap the button back\n     * to its play icon, stop the smooth progress loop, dispatch\n     * `waveformplayer:pause`, and fire the `onPause` callback. No-op during\n     * destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    onPause() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        this.isPlaying = false;\n\n        this.setPlayButtonState(false);\n\n        this.stopSmoothUpdate();\n\n        this._updateMediaSession('paused');\n\n        // Dispatch pause event\n        this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n\n        if (this.options.onPause) {\n            this.options.onPause(this);\n        }\n    }\n\n    /**\n     * `ended` handler (self mode): reset progress and `currentTime` to the\n     * start, redraw, reset the time display, dispatch `waveformplayer:ended`\n     * (carrying the final time), run {@link WaveformPlayer#onPause}, and fire\n     * the `onEnd` callback. No-op during destruction.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    onEnded() {\n        // Ignore during destruction\n        if (this.isDestroying) return;\n\n        const duration = this.audio.duration;\n\n        this.progress = 0;\n        this.audio.currentTime = 0;\n        this.drawWaveform();\n\n        // Reset time display\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = '0:00';\n        }\n\n        // Dispatch ended event \u2014 carries the final time so listeners (e.g.\n        // analytics) don't have to reach into player.audio.\n        this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n\n        this.onPause();\n\n        if (this.options.onEnd) {\n            this.options.onEnd(this);\n        }\n    }\n\n    /**\n     * `error` handler: set the error flag, hide the spinner, reveal the error\n     * overlay, dim the canvas, disable the play button, and fire the `onError`\n     * callback. No-op during destruction.\n     * @param {Event|Error} error - The audio error event, or an Error thrown\n     *   during loading.\n     * @private\n     */\n    onError(error) {\n        // Ignore errors during destruction\n        if (this.isDestroying) return;\n\n        console.error('[WaveformPlayer] Audio error:', error);\n        this.hasError = true;\n        this.setLoading(false);\n\n        if (this.errorEl) {\n            this.errorEl.style.display = 'flex';\n        }\n\n        if (this.canvas) {\n            this.canvas.style.opacity = '0.2';\n        }\n\n        if (this.playBtn) {\n            this.playBtn.disabled = true;\n        }\n\n        if (this.options.onError) {\n            this.options.onError(error, this);\n        }\n    }\n\n    // ============================================\n    // Progress Updates\n    // ============================================\n\n    /**\n     * Start the `requestAnimationFrame` loop that drives smooth progress\n     * updates while playing (self mode only \u2014 external mode is redrawn by\n     * controller {@link WaveformPlayer#setProgress} pushes). Cancels any\n     * existing loop first so it's safe to call repeatedly.\n     * @private\n     */\n    startSmoothUpdate() {\n        this.stopSmoothUpdate();\n\n        const update = () => {\n            // In external mode the canvas redraws are driven by\n            // setProgress() pushes from the controller \u2014 no internal\n            // RAF needed. Self-mode keeps the smooth-update loop.\n            if (this.isPlaying && this.audio && this.audio.duration) {\n                this.updateProgress();\n                this.updateTimer = requestAnimationFrame(update);\n            }\n        };\n\n        this.updateTimer = requestAnimationFrame(update);\n    }\n\n    /**\n     * Cancel the smooth-update animation frame, if one is scheduled.\n     * @private\n     */\n    stopSmoothUpdate() {\n        if (this.updateTimer) {\n            cancelAnimationFrame(this.updateTimer);\n            this.updateTimer = null;\n        }\n    }\n\n    /**\n     * Recompute progress from the owned `<audio>` clock and reflect it\n     * everywhere (self mode only \u2014 external mode uses\n     * {@link WaveformPlayer#setProgress}).\n     *\n     * Redraws the canvas when progress moves meaningfully, updates the\n     * current-time display, dispatches `waveformplayer:timeupdate`, fires the\n     * `onTimeUpdate` callback, and refreshes the accessible slider values.\n     * @private\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     */\n    updateProgress() {\n        // Self-mode only \u2014 external mode receives progress via\n        // setProgress() from the controller and never calls this.\n        if (!this.audio || !this.audio.duration) return;\n        // While dragging, the playhead previews the cursor \u2014 don't let playback\n        // move it (the audio keeps playing; the seek commits on release).\n        if (this._dragging) return;\n\n        const newProgress = this.audio.currentTime / this.audio.duration;\n\n        if (Math.abs(newProgress - this.progress) > 0.001) {\n            this.progress = newProgress;\n            this.drawWaveform();\n            this._updateSeekHandle();\n        }\n\n        if (this.currentTimeEl) {\n            this.currentTimeEl.textContent = formatTime(this.audio.currentTime);\n        }\n\n        // Dispatch timeupdate event\n        this._emit('waveformplayer:timeupdate', {\n            player: this,\n            currentTime: this.audio.currentTime,\n            duration: this.audio.duration,\n            progress: this.progress,\n            url: this.options.url\n        });\n\n        if (this.options.onTimeUpdate) {\n            this.options.onTimeUpdate(this.audio.currentTime, this.audio.duration, this);\n        }\n\n        this.updateActiveMarker();\n        this.updateSeekAccessibility();\n    }\n\n    // ============================================\n    // UI Updates\n    // ============================================\n\n    /**\n     * Show the detected BPM in the badge, once a value has been detected.\n     * @private\n     */\n    updateBPMDisplay() {\n        // A caller-supplied `bpm` wins over auto-detection \u2014 useful when peaks\n        // are pre-generated (so the audio is never decoded) but the BPM is known\n        // anyway, e.g. sample-pack previews where the tempo is in the metadata.\n        const bpm = this.options.bpm || this.detectedBPM;\n        if (this.bpmEl && this.bpmValueEl && bpm) {\n            this.bpmValueEl.textContent = Math.round(bpm);\n            this.bpmEl.style.display = 'inline-flex';\n        }\n    }\n\n    /**\n     * Re-detect the page theme and re-apply auto colours + redraw, so an\n     * auto-themed player adapts to a runtime light/dark switch (not just the\n     * value present on load). No-op when the player uses an explicit\n     * `colorPreset` or hand-set colours. Driven by the shared theme watcher.\n     * @public\n     */\n    refreshTheme() {\n        if (!this._autoTheme) return;\n        this._scheme = detectColorScheme();\n        const preset = getColorPreset(this.options.colorPreset);\n        for (const key of (this._presetKeys || [])) {\n            if (key in preset) this.options[key] = preset[key];\n        }\n        this._applyThemeColors();\n    }\n\n    /**\n     * Sync the theme class (CSS drives the DOM chrome colours via `--wfp-*`\n     * variables) and redraw the canvas with the resolved waveform colours.\n     * @private\n     */\n    _applyThemeColors() {\n        this.container.classList.toggle('waveform-theme-light', this._scheme === 'light');\n        if (this.canvas) this.drawWaveform();\n    }\n\n    /**\n     * Lazily install ONE shared watcher that re-detects the theme for every\n     * auto-themed instance when the document theme changes \u2014 a class/attribute\n     * flip on `<html>`/`<body>` (Tailwind `dark`, `data-theme`,\n     * `data-color-scheme`) or an OS `prefers-color-scheme` change. Event-driven\n     * (MutationObserver + matchMedia), never a timer.\n     * @private\n     */\n    static _watchTheme() {\n        if (WaveformPlayer._themeWatch || typeof document === 'undefined') return;\n        const refresh = () => requestAnimationFrame(() => {\n            WaveformPlayer.instances.forEach((p) => {\n                try { p.refreshTheme(); } catch (e) { /* ignore */ }\n            });\n        });\n        const opts = {attributes: true, attributeFilter: ['class', 'data-theme', 'data-color-scheme', 'style']};\n        const obs = new MutationObserver(refresh);\n        obs.observe(document.documentElement, opts);\n        if (document.body) obs.observe(document.body, opts);\n        let mq = null;\n        try {\n            mq = window.matchMedia('(prefers-color-scheme: dark)');\n            mq.addEventListener('change', refresh);\n        } catch (e) { /* no matchMedia */ }\n        WaveformPlayer._themeWatch = {obs, mq, refresh};\n    }\n\n    /**\n     * Sync the speed control's label and the menu's active-option highlight to\n     * the audio element's current `playbackRate`. No-op in external mode (no\n     * owned `<audio>`), which also avoids reading `playbackRate` before the\n     * element exists.\n     * @private\n     */\n    updateSpeedUI() {\n        // External mode owns no <audio>; nothing to reflect (and reading\n        // this.audio.playbackRate here would throw during construction).\n        if (!this.audio) return;\n\n        const speedValue = this.container.querySelector('.speed-value');\n        if (speedValue) {\n            const rate = this.audio.playbackRate;\n            speedValue.textContent = rate === 1 ? '1x' : `${rate}x`;\n        }\n\n        // Update active state in menu\n        this.container.querySelectorAll('.speed-option').forEach(btn => {\n            const on = parseFloat(btn.dataset.rate) === this.audio.playbackRate;\n            btn.classList.toggle('active', on);\n            btn.setAttribute('aria-checked', on ? 'true' : 'false');\n        });\n    }\n\n    // ============================================\n    // Public API\n    // ============================================\n\n    /**\n     * Play audio.\n     *\n     * In `audioMode: 'self'` (default): calls the underlying <audio>\n     * element's play(). Returns the promise from HTMLMediaElement.play().\n     *\n     * In `audioMode: 'external'`: dispatches a cancelable\n     * `waveformplayer:request-play` event with the track metadata and\n     * does NOT touch any audio element. Returns `undefined`. An external\n     * controller (e.g. WaveformBar) listens for this event and starts\n     * playback on its own audio source, then pushes state back via\n     * setPlayingState() / setProgress(). Calling preventDefault() on\n     * the event lets the controller veto the play (state is unchanged).\n     *\n     * When `singlePlay` is enabled, any other currently-playing instance is\n     * paused first.\n     *\n     * @return {Promise|undefined} The promise from `HTMLMediaElement.play()` in\n     *   self mode; `undefined` in external mode.\n     * @fires WaveformPlayer#waveformplayer:request-play\n     */\n    play() {\n        if (this.options.singlePlay && WaveformPlayer.currentlyPlaying &&\n            WaveformPlayer.currentlyPlaying !== this) {\n            WaveformPlayer.currentlyPlaying.pause();\n        }\n\n        if (this.options.audioMode === 'external') {\n            const evt = this._emit('waveformplayer:request-play', this._buildTrackDetail(), true);\n            // If the controller cancels (preventDefault), don't claim\n            // \"currentlyPlaying\" \u2014 the controller didn't accept the play.\n            if (!evt.defaultPrevented) {\n                WaveformPlayer.currentlyPlaying = this;\n            }\n            return undefined;\n        }\n\n        WaveformPlayer.currentlyPlaying = this;\n        return this.audio.play();\n    }\n\n    /**\n     * Pause audio.\n     *\n     * In `audioMode: 'external'`, dispatches `waveformplayer:request-pause`\n     * (cancelable) and does NOT touch any audio element. See play().\n     *\n     * @fires WaveformPlayer#waveformplayer:request-pause\n     */\n    pause() {\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n        if (this.options.audioMode === 'external') {\n            this._emit('waveformplayer:request-pause', this._buildTrackDetail(), true);\n            return;\n        }\n        this.audio.pause();\n    }\n\n    /**\n     * Build the track detail object dispatched by request-play /\n     * request-pause events in external audio mode. Mirrors the shape\n     * WaveformBar.play() accepts so a controller can forward it\n     * directly: `WaveformBar.play(event.detail)`.\n     *\n     * @private\n     * @return {{url:string,title:?string,artist:?string,artwork:?string,player:WaveformPlayer}}\n     */\n    _buildTrackDetail() {\n        return {\n            url:      this.options.url,\n            title:    this.options.title,\n            artist:   this.options.artist,\n            artwork:  this.options.artwork,\n            markers:  this.options.markers,\n            waveform: this.options.waveform,\n            id:       this.id,\n            player:   this\n        };\n    }\n\n    /**\n     * External-mode state pump: flip the play/pause visual state without\n     * touching audio. Mirrors what onPlay()/onPause() do but skips the\n     * audio-element interactions. Safe to call repeatedly \u2014 idempotent.\n     *\n     * Only dispatches `waveformplayer:play`/`waveformplayer:pause` (and runs\n     * the matching callback) on an actual transition, starting/stopping the\n     * smooth-update loop accordingly.\n     *\n     * @param {boolean} playing - True to enter the playing state, false to\n     *   enter the paused state.\n     * @fires WaveformPlayer#waveformplayer:play\n     * @fires WaveformPlayer#waveformplayer:pause\n     */\n    setPlayingState(playing) {\n        const wasPlaying = this.isPlaying;\n        this.isPlaying = !!playing;\n        this.setPlayButtonState(this.isPlaying);\n        if (this.isPlaying && !wasPlaying) {\n            this.startSmoothUpdate?.();\n            this._emit('waveformplayer:play', {player: this, url: this.options.url});\n            if (this.options.onPlay) this.options.onPlay(this);\n        } else if (!this.isPlaying && wasPlaying) {\n            this.stopSmoothUpdate?.();\n            this._emit('waveformplayer:pause', {player: this, url: this.options.url});\n            if (this.options.onPause) this.options.onPause(this);\n        }\n    }\n\n    /**\n     * External-mode state pump: update the visualization's progress\n     * from an external clock (e.g. WaveformBar's audio element's\n     * timeupdate). Drives the canvas redraw + the time displays.\n     *\n     * Redraws the canvas, updates the current/total time displays, stores the\n     * external duration for the accessible slider, dispatches\n     * `waveformplayer:timeupdate`, runs `onTimeUpdate`, and synthesizes a\n     * one-shot `waveformplayer:ended` (with `onEnd`) when progress reaches the\n     * end. No-op for a non-positive duration.\n     *\n     * @param {number} currentTime - Current playback position in seconds.\n     * @param {number} duration - Total track duration in seconds.\n     * @fires WaveformPlayer#waveformplayer:timeupdate\n     * @fires WaveformPlayer#waveformplayer:ended\n     */\n    setProgress(currentTime, duration) {\n        if (!duration || duration <= 0) return;\n        this.progress = clamp(currentTime / duration);\n        // Mirror the existing display update code so callers don't have\n        // to know which DOM elements live where.\n        if (this.currentTimeEl)  this.currentTimeEl.textContent  = formatTime(currentTime);\n        // Publish the duration unconditionally \u2014 the accessible seek slider\n        // and keyboard seeking read getSeekDuration()/_extDuration even when\n        // there's no time display to update.\n        this._extDuration = duration;\n        if (this.totalTimeEl && (!this.totalTimeEl.dataset._extSet || this.totalTimeEl.dataset._extDur !== String(duration))) {\n            this.totalTimeEl.textContent = formatTime(duration);\n            this.totalTimeEl.dataset._extSet = '1';\n            this.totalTimeEl.dataset._extDur = String(duration);\n        }\n        this.drawWaveform?.();\n        this.updateActiveMarker();\n        this._emit('waveformplayer:timeupdate', {player: this, currentTime, duration, progress: this.progress, url: this.options.url});\n        // Same (currentTime, duration, player) signature as self mode \u2014 the\n        // arg order used to be swapped here, which made one shared handler\n        // impossible across audioModes.\n        if (this.options.onTimeUpdate) this.options.onTimeUpdate(currentTime, duration, this);\n\n        // External mode has no <audio> 'ended' event \u2014 synthesize one when the\n        // controller's progress reaches the end (fires once per playthrough).\n        if (this.progress >= 1) {\n            if (!this._extEnded) {\n                this._extEnded = true;\n                this._emit('waveformplayer:ended', {player: this, url: this.options.url, currentTime: duration, duration});\n                if (this.options.onEnd) this.options.onEnd(this);\n            }\n        } else {\n            this._extEnded = false;\n        }\n\n        this.updateSeekAccessibility();\n    }\n\n    /**\n     * Toggle between play and pause based on the current `isPlaying` state.\n     * Works in both audio modes (in external mode it routes through the\n     * request-play/pause events).\n     */\n    togglePlay() {\n        if (this.isPlaying) {\n            this.pause();\n        } else {\n            this.play();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to an absolute time, clamped to\n     * `[0, duration]`, and refresh progress. Self mode only \u2014 a no-op when\n     * there is no audio element or duration. External-mode keyboard/click\n     * seeks go through {@link WaveformPlayer#seekToSeconds} instead.\n     * @param {number} seconds - Target time in seconds.\n     */\n    seekTo(seconds) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = clamp(seconds, 0, this.audio.duration);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Seek the owned `<audio>` element to a fraction of the track, clamped to\n     * `[0, 1]`, and refresh progress. Self mode only \u2014 a no-op without an audio\n     * element or duration.\n     * @param {number} percent - Position as a fraction from 0 to 1.\n     */\n    seekToPercent(percent) {\n        if (this.audio && this.audio.duration) {\n            this.audio.currentTime = this.audio.duration * clamp(percent);\n            this.updateProgress();\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's volume, clamped to `[0, 1]`. Self mode\n     * only \u2014 a no-op in external mode where the controller owns volume.\n     * @param {number} volume - Volume from 0 (silent) to 1 (full).\n     */\n    setVolume(volume) {\n        // Coerce + guard: a non-finite value (e.g. from a bad config or stale\n        // storage) must not propagate NaN into audio.volume (which throws).\n        const v = Number(volume);\n        if (this.audio && Number.isFinite(v)) {\n            this.audio.volume = clamp(v);\n        }\n    }\n\n    /**\n     * Set the owned `<audio>` element's playback rate (clamped to 0.5\u20132),\n     * persist it onto `this.options.playbackRate`, and refresh the speed UI.\n     * Self mode only \u2014 a no-op in external mode.\n     * @param {number} rate - Desired playback rate; clamped to the 0.5\u20132 range.\n     */\n    setPlaybackRate(rate) {\n        if (!this.audio) return;\n\n        const clampedRate = clamp(rate, 0.5, 2);\n        this.audio.playbackRate = clampedRate;\n        this.options.playbackRate = clampedRate;\n\n        this.updateSpeedUI();\n    }\n\n    /**\n     * Tear down the player and release all resources.\n     *\n     * Flags destruction (so in-flight handlers bail), dispatches\n     * `waveformplayer:destroy`, stops playback and the animation loop, aborts\n     * every listener registered on the instance signal, disconnects the resize\n     * observer, removes the window-resize handler, drops the instance from the\n     * static map and `currentlyPlaying`, resets/releases the audio element, and\n     * empties the container.\n     * @fires WaveformPlayer#waveformplayer:destroy\n     */\n    destroy() {\n        // Set a flag to indicate we're destroying\n        this.isDestroying = true;\n\n        // Let listeners (analytics, controllers) release their references\n        // before teardown \u2014 the symmetric counterpart to waveformplayer:ready.\n        this._emit('waveformplayer:destroy', {player: this, url: this.options.url});\n\n        // Stop playback and animations\n        this.pause();\n        this.stopSmoothUpdate();\n        clearTimeout(this._markerLabelTimer);\n\n        // Tear down every document/container/seek listener in one shot.\n        this._ac?.abort();\n\n        // Disconnect observer\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = null;\n        }\n\n        // Remove window resize listener\n        if (this.resizeHandler) {\n            window.removeEventListener('resize', this.resizeHandler);\n            this.resizeHandler = null;\n        }\n\n        // Remove from instances map\n        WaveformPlayer.instances.delete(this.id);\n\n        // Clear current playing reference if it's this instance\n        if (WaveformPlayer.currentlyPlaying === this) {\n            WaveformPlayer.currentlyPlaying = null;\n        }\n\n        // Properly clean up audio element\n        if (this.audio) {\n            this.audio.pause();\n            this.audio.src = '';\n            this.audio.load(); // Reset the audio element\n            this.audio = null;\n        }\n\n        // Clear the container\n        this.container.innerHTML = '';\n\n        // Clear all references\n        this.canvas = null;\n        this.ctx = null;\n        this.playBtn = null;\n        this.waveformData = [];\n    }\n\n    // ============================================\n    // Static Methods\n    // ============================================\n\n    /**\n     * Get player instance by ID, element, or element ID\n     * @param {string|HTMLElement} idOrElement - Player ID, element, or element ID\n     * @returns {WaveformPlayer|undefined}\n     */\n    static getInstance(idOrElement) {\n        if (typeof idOrElement === 'string') {\n            const instance = this.instances.get(idOrElement);\n            if (instance) return instance;\n\n            const element = document.getElementById(idOrElement);\n            if (element) {\n                return Array.from(this.instances.values()).find(p => p.container === element);\n            }\n        }\n\n        if (idOrElement instanceof HTMLElement) {\n            return Array.from(this.instances.values()).find(p => p.container === idOrElement);\n        }\n\n        return undefined;\n    }\n\n    /**\n     * Get all player instances\n     * @returns {WaveformPlayer[]}\n     */\n    static getAllInstances() {\n        return Array.from(this.instances.values());\n    }\n\n    /**\n     * Destroy all player instances\n     */\n    static destroyAll() {\n        this.instances.forEach(player => player.destroy());\n        this.instances.clear();\n    }\n\n    /**\n     * Generate waveform data from audio URL\n     * @static\n     * @param {string} url - Audio URL\n     * @param {number} samples - Number of samples\n     * @returns {Promise<number[]>} Waveform peak data\n     */\n    static async generateWaveformData(url, samples = DEFAULT_SAMPLES) {\n        try {\n            const result = await generateWaveform(url, samples);\n            return result.peaks;\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to generate waveform:', error);\n            throw error;\n        }\n    }\n\n    /**\n     * Derive a peaks-JSON URL from an audio URL by swapping the\n     * extension. Strict counterpart to `generateWaveformData()`:\n     * `generateWaveformData` decodes the audio at runtime,\n     * `getPeaksUrl` assumes you generated the peaks at build time\n     * (e.g. with `@arraypress/waveform-gen`) and stored the JSON\n     * alongside the audio file.\n     *\n     * Use the result as the `waveform` option \u2014 the player detects\n     * the `.json` suffix, `fetch()`es the file, and skips the Web\n     * Audio decode pass entirely. Big perf win on catalogues with\n     * many tracks (saves ~1-5s decode per file on slow connections).\n     *\n     * Recognised extensions: mp3, wav, ogg, flac, m4a, aac.\n     * Preserves query strings + URL fragments. Returns `undefined`\n     * for unrecognised inputs so callers can pass through\n     * unconditionally:\n     *\n     *     new WaveformPlayer('#el', {\n     *       url: track.audioUrl,\n     *       waveform: WaveformPlayer.getPeaksUrl(track.audioUrl),\n     *     });\n     *\n     * @static\n     * @param {string|undefined|null} audioUrl - Audio file URL.\n     * @returns {string|undefined} Peaks JSON URL, or `undefined`\n     *   when the input is empty / has no recognised audio extension.\n     *\n     * @example\n     * WaveformPlayer.getPeaksUrl('/audio/track.mp3')\n     * // '/audio/track.json'\n     *\n     * WaveformPlayer.getPeaksUrl('/audio/track.wav?v=2')\n     * // '/audio/track.json?v=2'\n     *\n     * WaveformPlayer.getPeaksUrl(undefined)\n     * // undefined\n     */\n    static getPeaksUrl(audioUrl) {\n        if (!audioUrl) return undefined;\n        const swapped = audioUrl.replace(\n            /\\.(mp3|wav|ogg|flac|m4a|aac)(\\?[^#]*)?(#.*)?$/i,\n            '.json$2$3'\n        );\n        /* Nothing changed \u2192 unrecognised extension, return undefined\n         * so callers know to fall back to live decoding. */\n        return swapped === audioUrl ? undefined : swapped;\n    }\n\n}\n", "/**\n * @module index\n * @description Public entry point for the WaveformPlayer library.\n *\n * Wires together the runtime surfaces for the player: it re-exports the\n * {@link WaveformPlayer} class (default and named), exposes a static\n * `WaveformPlayer.init` hook, scans the DOM for declarative `[data-waveform-player]`\n * markup and auto-instantiates a player for each match, and attaches the class\n * to `window` for plain `<script>`/CDN usage. Loading this module is enough to\n * make any markup-driven players on the page come alive once the DOM is ready.\n */\n\n// Import the main class\nimport {WaveformPlayer} from './core.js';\nimport {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes} from './utils.js';\n\n// Expose a small set of pure helpers as a single source of truth so consumers\n// (e.g. @arraypress/waveform-bar, @arraypress/waveform-playlist) can reuse them\n// instead of shipping divergent copies. `parseDataAttributes` lets wrappers read\n// the player's full `data-*` option surface off a host element without\n// re-implementing (and drifting from) the contract. Attached to the class so\n// it's reachable from the IIFE global too.\nWaveformPlayer.utils = {formatTime, extractTitleFromUrl, escapeHtml, isSafeHref, parseDataAttributes};\n\n/**\n * Whether we're running in a browser (vs. SSR / Node), where `window` and\n * `document` are available. Guards the auto-init and global-attach steps.\n * @returns {boolean}\n */\nconst isBrowser = () => typeof window !== 'undefined' && typeof document !== 'undefined';\n\n/**\n * Scan the document for declarative player markup and instantiate one\n * {@link WaveformPlayer} per matching element.\n *\n * Finds every element carrying the `data-waveform-player` attribute and, for\n * each one not already initialized, constructs a player from it (the constructor\n * reads the element's `data-*` attributes for configuration). Each successfully\n * initialized element is flagged with `data-waveform-initialized=\"true\"` so\n * repeat calls are idempotent and never double-initialize the same element.\n * Construction errors are caught and logged so one broken element cannot abort\n * the rest of the scan. A no-op in non-DOM environments (e.g. SSR).\n *\n * @returns {void}\n */\nfunction autoInit() {\n    if (!isBrowser()) return;\n\n    const elements = document.querySelectorAll('[data-waveform-player]');\n\n    elements.forEach(element => {\n        if (element.dataset.waveformInitialized === 'true') return;\n\n        try {\n            new WaveformPlayer(element);\n            element.dataset.waveformInitialized = 'true';\n        } catch (error) {\n            console.error('[WaveformPlayer] Failed to initialize:', error, element);\n        }\n    });\n}\n\n// Initialize when DOM is ready: defer until DOMContentLoaded if the document is\n// still parsing, otherwise run the scan immediately on import.\nif (isBrowser()) {\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', autoInit);\n    } else {\n        autoInit();\n    }\n}\n\n/**\n * Static re-scan hook.\n *\n * Exposes {@link autoInit} as `WaveformPlayer.init` so callers can manually\n * (re-)scan the DOM after dynamically injecting `[data-waveform-player]` markup.\n * Already-initialized elements are skipped on subsequent calls.\n *\n * @type {typeof autoInit}\n */\nWaveformPlayer.init = autoInit;\n\n// For CDN/browser usage: expose the class as a global so it is reachable from a\n// plain <script> tag without an ES module loader.\nif (isBrowser()) {\n    window.WaveformPlayer = WaveformPlayer;\n}\n\n/**\n * The {@link WaveformPlayer} class.\n * @type {typeof WaveformPlayer}\n */\nexport default WaveformPlayer;\n\n// Named exports\nexport {WaveformPlayer};"],
+  "mappings": "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",
+  "names": ["maxOf", "values", "max", "escapeHtml", "str", "isSafeHref", "url", "u", "clamp", "value", "min", "parseBoolAttr", "parseColorValue", "parseDataAttributes", "element", "options", "setBool", "optKey", "dataKey", "v", "setNum", "float", "raw", "setJson", "e", "bs", "formatSeekValueText", "template", "args", "sequentialIndex", "match", "position", "index", "formatTime", "seconds", "hrs", "mins", "secs", "idCounter", "generateId", "hash", "i", "extractTitleFromUrl", "parts", "l", "perceivedBrightness", "color", "rgb", "r", "g", "b", "mergeOptions", "sources", "result", "source", "key", "debounce", "func", "wait", "timeout", "later", "resampleData", "data", "targetLength", "ratio", "lower", "upper", "fraction", "bucketSize", "start", "end", "count", "j", "nearestIndex", "makeFill", "ctx", "value", "canvas", "options", "w", "h", "dir", "x0", "y0", "x1", "y1", "grad", "c", "i", "fillBar", "x", "y", "radii", "r", "max", "clampR", "clamp", "barRadiusPx", "dpr", "barRadii", "capsulePath", "startX", "endX", "centerY", "barHeight", "drawBars", "peaks", "progress", "barWidth", "barSpacing", "barCount", "resampledPeaks", "resampleData", "height", "progressWidth", "baseFill", "progFill", "peakHeight", "drawMirror", "topRadii", "botRadii", "drawLine", "width", "amplitude", "drawCurve", "color", "lineWidth", "endProgress", "addGlow", "stroke", "solid", "points", "samples", "peakValue", "waveOffset", "cp1x", "cp1y", "cp2x", "cp2y", "drawBlocks", "blockSize", "blockGap", "blockCount", "j", "blockOffset", "drawDots", "dotRadius", "drawSeekbar", "borderRadius", "active", "DRAWING_STYLES", "draw", "detectBPM", "buffer", "channelData", "sampleRate", "onsets", "detectOnsets", "intervals", "i", "tempoGroups", "interval", "tempo", "bucket", "maxCount", "detectedBPM", "count", "e", "previousEnergy", "energy", "j", "energyDiff", "threshold", "lastOnset", "minDistance", "extractPeaks", "buffer", "samples", "sampleSize", "channels", "peaks", "c", "chan", "i", "start", "end", "min", "max", "j", "value", "peak", "maxPeak", "maxOf", "generateWaveform", "url", "shouldDetectBPM", "audioContext", "AudioCtx", "arrayBuffer", "audioBuffer", "normalizePeaks", "bpm", "detectBPM", "generatePlaceholderWaveform", "data", "base", "variation", "clamp", "targetMax", "scaleFactor", "hasThemeHint", "scheme", "root", "body", "detectColorScheme", "bodyBg", "brightness", "perceivedBrightness", "COLOR_PRESETS", "getColorPreset", "presetName", "detected", "DEFAULT_OPTIONS", "STYLE_DEFAULTS", "ARTWORK_FALLBACK", "SEEK_STEP_SECONDS", "SEEK_PAGE_SECONDS", "INTERACTIVE_ELEMENTS", "WaveformPlayer", "_WaveformPlayer", "container", "options", "dataOptions", "parseDataAttributes", "userOptions", "mergeOptions", "DEFAULT_OPTIONS", "preset", "getColorPreset", "COLOR_PRESETS", "detectColorScheme", "key", "value", "styleDefaults", "STYLE_DEFAULTS", "generateId", "type", "detail", "cancelable", "event", "percent", "error", "buttonAlign", "buttonHTML", "escapeHtml", "infoHTML", "rate", "img", "span", "artist", "titleEl", "artwork", "artworkAlt", "textEl", "speedBtn", "speedMenu", "isOpen", "setSpeedMenu", "open", "opts", "o", "focusOption", "i", "selectOption", "opt", "e", "player", "hasAudio", "currentTime", "actions", "clamp", "duration", "current", "target", "seconds", "clamped", "title", "label", "formatSeekValueText", "formatTime", "details", "onNext", "onPrev", "state", "d", "rect", "endDrag", "debounce", "url", "resolve", "reject", "metadataHandler", "errorHandler", "extractTitleFromUrl", "result", "generateWaveform", "generatePlaceholderWaveform", "hasArtworkOption", "hasArtworkAltOption", "data", "r", "json", "parsed", "draw", "dpr", "marker", "index", "position", "markerEl", "tooltip", "el", "els", "dur", "t", "active", "best", "mt", "tip", "clientX", "pct", "h", "targetPercent", "loading", "isPlaying", "playIcon", "pauseIcon", "update", "newProgress", "bpm", "refresh", "p", "obs", "mq", "speedValue", "btn", "on", "playing", "wasPlaying", "volume", "v", "clampedRate", "idOrElement", "instance", "element", "samples", "audioUrl", "swapped", "WaveformPlayer", "formatTime", "extractTitleFromUrl", "escapeHtml", "isSafeHref", "parseDataAttributes", "isBrowser", "autoInit", "element", "error", "index_default"]
 }
diff --git a/src/js/core.js b/src/js/core.js
index 93d8eb2..4e26b9d 100644
--- a/src/js/core.js
+++ b/src/js/core.js
@@ -344,12 +344,7 @@ export class WaveformPlayer {
         this.titleEl = this.container.querySelector('.waveform-title');
         this.artistEl = this.container.querySelector('.waveform-artist');
         this.artworkEl = this.container.querySelector('.waveform-artwork');
-        if (this.artworkEl) {
-            // Fall back to the placeholder tile if the cover URL fails to load.
-            this.artworkEl.addEventListener('error', () => {
-                if (!this.artworkEl.src.startsWith('data:')) this.artworkEl.src = ARTWORK_FALLBACK;
-            });
-        }
+        this.bindArtworkFallback(this.artworkEl);
         this.currentTimeEl = this.container.querySelector('.time-current');
         this.totalTimeEl = this.container.querySelector('.time-total');
         this.bpmEl = this.container.querySelector('.waveform-bpm');
@@ -367,6 +362,109 @@ export class WaveformPlayer {
         this.updateBPMDisplay();
     }
 
+    /**
+     * Bind the artwork error fallback to an image element.
+     *
+     * @param {HTMLImageElement|null} img - Artwork image element.
+     * @private
+     */
+    bindArtworkFallback(img) {
+        if (!img) return;
+
+        // Fall back to the placeholder tile if the cover URL fails to load.
+        img.addEventListener('error', () => {
+            if (!img.src.startsWith('data:')) img.src = ARTWORK_FALLBACK;
+        }, {signal: this._ac.signal});
+    }
+
+    /**
+     * Create an artwork image element matching the initial player markup.
+     *
+     * @returns {HTMLImageElement} Artwork image element.
+     * @private
+     */
+    createArtworkElement() {
+        const img = document.createElement('img');
+        img.className = 'waveform-artwork';
+        img.style.width = '40px';
+        img.style.height = '40px';
+        img.style.borderRadius = '4px';
+        img.style.objectFit = 'cover';
+        img.style.flexShrink = '0';
+        this.bindArtworkFallback(img);
+        return img;
+    }
+
+    /**
+     * Create an artist text element matching the initial player markup.
+     *
+     * @returns {HTMLSpanElement} Artist text element.
+     * @private
+     */
+    createArtistElement() {
+        const span = document.createElement('span');
+        span.className = 'waveform-artist';
+        return span;
+    }
+
+    /**
+     * Reconcile artist metadata and markup for the current track.
+     *
+     * @param {string|null} artist - Artist text, or a falsy value to remove it.
+     * @private
+     */
+    syncArtist(artist) {
+        this.options.artist = artist || null;
+
+        if (!this.options.showInfo) return;
+
+        if (!artist) {
+            this.artistEl?.remove();
+            this.artistEl = null;
+            return;
+        }
+
+        if (!this.artistEl) {
+            const titleEl = this.container.querySelector('.waveform-title');
+            if (!titleEl) return;
+            this.artistEl = this.createArtistElement();
+            titleEl.after(this.artistEl);
+        }
+
+        this.artistEl.textContent = artist;
+        this.artistEl.style.display = '';
+    }
+
+    /**
+     * Reconcile artwork metadata and markup for the current track.
+     *
+     * @param {string|null} artwork - Artwork image URL, or a falsy value to remove artwork.
+     * @param {string} artworkAlt - Artwork alt text.
+     * @private
+     */
+    syncArtwork(artwork, artworkAlt = '') {
+        this.options.artwork = artwork || null;
+        this.options.artworkAlt = artworkAlt || '';
+
+        if (!this.options.showInfo) return;
+
+        if (!artwork) {
+            this.artworkEl?.remove();
+            this.artworkEl = null;
+            return;
+        }
+
+        if (!this.artworkEl) {
+            const textEl = this.container.querySelector('.waveform-text');
+            if (!textEl) return;
+            this.artworkEl = this.createArtworkElement();
+            textEl.before(this.artworkEl);
+        }
+
+        this.artworkEl.src = artwork;
+        this.artworkEl.alt = artworkAlt || '';
+    }
+
     /**
      * Create audio element
      * @private
@@ -1045,10 +1143,13 @@ export class WaveformPlayer {
      * @param {string|null} [artist=null] - Track artist; pass `''` to hide
      *   the artist row, or null to keep the existing one.
      * @param {Object} [options={}] - Additional options to merge (e.g.
-     *   `preload`, `artwork`, `markers`, `autoplay`).
+     *   `preload`, `artwork`, `artworkAlt`, `markers`, `autoplay`).
      * @returns {Promise<void>}
      */
     async loadTrack(url, title = null, artist = null, options = {}) {
+        const hasArtworkOption = Object.prototype.hasOwnProperty.call(options, 'artwork');
+        const hasArtworkAltOption = Object.prototype.hasOwnProperty.call(options, 'artworkAlt');
+
         // Stop current playback and clear state
         if (this.isPlaying) {
             this.pause();
@@ -1079,29 +1180,37 @@ export class WaveformPlayer {
         // Update options (including preload if specified)
         this.options = mergeOptions(this.options, {
             url,
-            title: title || this.options.title,
-            artist: artist || this.options.artist,
+            title: title === null ? this.options.title : title,
+            artist: artist === null ? this.options.artist : artist,
             ...options
         });
+        if (hasArtworkOption) {
+            this.options.artwork = options.artwork || null;
+        }
+        if (hasArtworkAltOption) {
+            this.options.artworkAlt = options.artworkAlt || '';
+        } else if (hasArtworkOption) {
+            this.options.artworkAlt = this.options.artwork ? DEFAULT_OPTIONS.artworkAlt : '';
+        }
 
         // Apply preload setting if it was changed
         if (options.preload && this.audio) {
             this.audio.preload = options.preload;
         }
 
-        // Update UI elements
-        if (this.artistEl) {
-            if (artist) {
-                this.artistEl.textContent = artist;
-                this.artistEl.style.display = '';
-            } else if (artist === '') {
-                this.artistEl.style.display = 'none';
-            }
+        // Update artist only when explicitly provided. A null artist keeps the
+        // existing artist, while an empty string removes it.
+        if (artist !== null) {
+            this.syncArtist(artist);
         }
 
-        // Update artwork if provided
-        if (options.artwork && this.artworkEl) {
-            this.artworkEl.src = options.artwork;
+        // Update artwork when explicitly provided. The caller can pass an empty
+        // value to remove existing artwork from the in-place player.
+        if (hasArtworkOption || hasArtworkAltOption) {
+            this.syncArtwork(
+                hasArtworkOption ? options.artwork : this.options.artwork,
+                hasArtworkAltOption ? options.artworkAlt : this.options.artworkAlt
+            );
         }
 
         // Clear or update markers
@@ -2266,4 +2375,4 @@ export class WaveformPlayer {
         return swapped === audioUrl ? undefined : swapped;
     }
 
-}
\ No newline at end of file
+}
diff --git a/test/player.test.js b/test/player.test.js
index 314ed75..85ce7fc 100644
--- a/test/player.test.js
+++ b/test/player.test.js
@@ -265,6 +265,96 @@ describe('lifecycle + external events', () => {
 		await player.loadTrack('third.mp3', 'Third', 'Artist', { autoplay: false, waveform: [0.2, 0.4] });
 		expect(player.options.waveform).toEqual([0.2, 0.4]);
 	});
+
+	it('loadTrack updates existing artwork and alt text', async () => {
+		const { el, player } = track(mount({
+			artwork: 'first-cover.jpg',
+			artworkAlt: 'First cover',
+		}));
+		const img = el.querySelector('.waveform-artwork');
+
+		await player.loadTrack('next.mp3', 'Next', 'Artist', {
+			artwork: 'second-cover.jpg',
+			artworkAlt: 'Second cover',
+			autoplay: false,
+		});
+
+		expect(el.querySelector('.waveform-artwork')).toBe(img);
+		expect(img.getAttribute('src')).toBe('second-cover.jpg');
+		expect(img.getAttribute('alt')).toBe('Second cover');
+		expect(player.options.artwork).toBe('second-cover.jpg');
+		expect(player.options.artworkAlt).toBe('Second cover');
+	});
+
+	it('loadTrack updates existing artist text', async () => {
+		const { el, player } = track(mount({ artist: 'First Artist' }));
+		const artistEl = el.querySelector('.waveform-artist');
+
+		await player.loadTrack('next.mp3', 'Next', 'Second Artist', {
+			autoplay: false,
+		});
+
+		expect(el.querySelector('.waveform-artist')).toBe(artistEl);
+		expect(artistEl.textContent).toBe('Second Artist');
+		expect(player.options.artist).toBe('Second Artist');
+	});
+
+	it('loadTrack removes existing artist when artist is empty', async () => {
+		const { el, player } = track(mount({ artist: 'Artist' }));
+		expect(el.querySelector('.waveform-artist')).toBeTruthy();
+
+		await player.loadTrack('next.mp3', 'Next', '', {
+			autoplay: false,
+		});
+
+		expect(el.querySelector('.waveform-artist')).toBe(null);
+		expect(player.options.artist).toBe(null);
+	});
+
+	it('loadTrack creates artist text when the player was initialized without it', async () => {
+		const { el, player } = track(mount());
+		expect(el.querySelector('.waveform-artist')).toBe(null);
+
+		await player.loadTrack('next.mp3', 'Next', 'Artist', {
+			autoplay: false,
+		});
+
+		expect(el.querySelector('.waveform-artist').textContent).toBe('Artist');
+		expect(player.options.artist).toBe('Artist');
+	});
+
+	it('loadTrack removes existing artwork when artwork is empty', async () => {
+		const { el, player } = track(mount({
+			artwork: 'cover.jpg',
+			artworkAlt: 'Cover',
+		}));
+		expect(el.querySelector('.waveform-artwork')).toBeTruthy();
+
+		await player.loadTrack('next.mp3', 'Next', 'Artist', {
+			artwork: null,
+			autoplay: false,
+		});
+
+		expect(el.querySelector('.waveform-artwork')).toBe(null);
+		expect(player.options.artwork).toBe(null);
+		expect(player.options.artworkAlt).toBe('');
+	});
+
+	it('loadTrack creates artwork when the player was initialized without it', async () => {
+		const { el, player } = track(mount());
+		expect(el.querySelector('.waveform-artwork')).toBe(null);
+
+		await player.loadTrack('next.mp3', 'Next', 'Artist', {
+			artwork: 'cover.jpg',
+			artworkAlt: 'Cover',
+			autoplay: false,
+		});
+
+		const img = el.querySelector('.waveform-artwork');
+		expect(img).toBeTruthy();
+		expect(img.getAttribute('src')).toBe('cover.jpg');
+		expect(img.getAttribute('alt')).toBe('Cover');
+	});
 });
 
 describe('core additions for controllers (v1.8.0)', () => {