@prolibu-suite/cobalt-core 0.11.4 → 0.11.5

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-27T16:55:03",
+  "timestamp": "2026-09-28T18:52:48",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.4",
@@ -1434,7 +1434,7 @@
             "references": {
               "AutocompleteOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
                 "id": "src/components/co-autocomplete/co-autocomplete.tsx::AutocompleteOption"
               }
             }
@@ -2270,7 +2270,7 @@
             "references": {
               "CoAvatarGroupItem": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
                 "id": "src/components/co-avatar-group/co-avatar-group.tsx::CoAvatarGroupItem"
               }
             }
@@ -7047,7 +7047,7 @@
             "references": {
               "CheckboxOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
                 "id": "src/components/co-checkbox-group/co-checkbox-group.tsx::CheckboxOption"
               }
             }
@@ -8162,7 +8162,7 @@
             "references": {
               "ColorAreaDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-color-area/co-color-area.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-color-area/co-color-area.tsx",
                 "id": "src/components/co-color-area/co-color-area.tsx::ColorAreaDetail"
               }
             }
@@ -8182,7 +8182,7 @@
             "references": {
               "ColorAreaDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-color-area/co-color-area.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-color-area/co-color-area.tsx",
                 "id": "src/components/co-color-area/co-color-area.tsx::ColorAreaDetail"
               }
             }
@@ -8688,7 +8688,7 @@
             "references": {
               "ColorSliderChannel": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-color-slider/co-color-slider.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-color-slider/co-color-slider.tsx",
                 "id": "src/components/co-color-slider/co-color-slider.tsx::ColorSliderChannel"
               }
             }
@@ -9908,7 +9908,7 @@
             "references": {
               "ComboboxOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-combobox/co-combobox.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-combobox/co-combobox.tsx",
                 "id": "src/components/co-combobox/co-combobox.tsx::ComboboxOption"
               }
             }
@@ -10617,7 +10617,7 @@
             "references": {
               "CommandItem": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-command-search/co-command-search.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-command-search/co-command-search.tsx",
                 "id": "src/components/co-command-search/co-command-search.tsx::CommandItem"
               }
             }
@@ -11009,7 +11009,7 @@
             "references": {
               "CoDataTableColumn": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-data-table/co-data-table.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-data-table/co-data-table.tsx",
                 "id": "src/components/co-data-table/co-data-table.tsx::CoDataTableColumn"
               }
             }
@@ -15179,7 +15179,7 @@
             "references": {
               "DateRangeValue": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                 "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
               }
             }
@@ -15255,7 +15255,7 @@
             "references": {
               "DateRangeValue": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                 "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
               }
             }
@@ -16469,7 +16469,7 @@
             "references": {
               "DocumentFeatures": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentFeatures"
               }
             }
@@ -16652,7 +16652,7 @@
             "references": {
               "DocumentMargins": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentMargins"
               }
             }
@@ -16687,7 +16687,7 @@
             "references": {
               "DocumentPageSize": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentPageSize"
               }
             }
@@ -17164,7 +17164,7 @@
             "references": {
               "DocumentActionDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentActionDetail"
               }
             }
@@ -17219,7 +17219,7 @@
             "references": {
               "DocumentHeaderDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentHeaderDetail"
               }
             }
@@ -30467,7 +30467,7 @@
             "references": {
               "PopoverPlacement": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-popover/co-popover.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-popover/co-popover.tsx",
                 "id": "src/components/co-popover/co-popover.tsx::PopoverPlacement"
               }
             }
@@ -31653,7 +31653,7 @@
             "references": {
               "RadioOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-radio-group/co-radio-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-radio-group/co-radio-group.tsx",
                 "id": "src/components/co-radio-group/co-radio-group.tsx::RadioOption"
               }
             }
@@ -33454,7 +33454,7 @@
               },
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             },
@@ -33483,7 +33483,7 @@
             "references": {
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             }
@@ -33573,7 +33573,7 @@
             "references": {
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             }
@@ -33621,7 +33621,7 @@
             "references": {
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             }
@@ -35954,7 +35954,7 @@
             "references": {
               "CoSegment": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
                 "id": "src/components/co-segmented-bar/co-segmented-bar.tsx::CoSegment"
               }
             }
@@ -36494,7 +36494,7 @@
             "references": {
               "SelectOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-select/co-select.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-select/co-select.tsx",
                 "id": "src/components/co-select/co-select.tsx::SelectOption"
               }
             }
@@ -37568,7 +37568,7 @@
             "references": {
               "NavigateDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
                 "id": "src/components/co-sidebar-nav/co-sidebar-nav.tsx::NavigateDetail"
               }
             }
@@ -41104,7 +41104,7 @@
             "references": {
               "CoToastActionsLayout": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-toast/co-toast.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-toast/co-toast.tsx",
                 "id": "src/components/co-toast/co-toast.tsx::CoToastActionsLayout"
               }
             }
@@ -41280,7 +41280,7 @@
             "references": {
               "CoToastVariant": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-toast/co-toast.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-toast/co-toast.tsx",
                 "id": "src/components/co-toast/co-toast.tsx::CoToastVariant"
               }
             }
@@ -42660,7 +42660,7 @@
             "references": {
               "TransferOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
                 "id": "src/components/co-transfer-list/co-transfer-list.tsx::TransferOption"
               }
             }
@@ -43090,7 +43090,7 @@
             "references": {
               "TreeItemSelection": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-tree-item/co-tree-item.tsx",
                 "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSelection"
               }
             }
@@ -43134,7 +43134,7 @@
             "references": {
               "TreeItemSize": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-number-comma/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-tree-item/co-tree-item.tsx",
                 "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSize"
               }
             }

package/dist/cjs/co-audio-player.cjs.entry.js

@@ -53,6 +53,67 @@ function resamplePeaks(channelData, bars) {
     }
     return peaks;
 }
+/**
+ * Resolución de la envolvente que se retiene por grabación, en bloques.
+ *
+ * Las barras EXACTAS del ancho vigente se calculan del PCM antes de soltarlo (ver
+ * `co-audio-player.peaks-cache`); la envolvente solo sirve los anchos que aparecen
+ * DESPUÉS (resize, o una segunda instancia que llega con el caché ya caliente). El
+ * reproductor deriva las barras del ancho (`floor(ancho / barDensity)`, ~853 a
+ * 2560 px), así que la envolvente tiene que ir muy por encima de eso: 65 536 bloques
+ * = ≥ 76 bloques por barra hasta 2560 px, y pesan 256 KB (Float32) frente a ~32 MB
+ * del PCM de 3 min a 44,1 kHz. Medido contra el exacto con PCM sintético de 3 min:
+ * desvío máx. ≈ 1 px de 40 en las barras que difieren (≈ 0,8 px con ruido blanco).
+ */
+const PEAK_ENVELOPE_BINS = 65536;
+/** PCM → envolvente de a lo sumo `maxBins` bloques. Con `length ≤ maxBins` el bloque
+ *  es de 1 muestra y la envolvente ES |PCM| (sin pérdida). */
+function buildPeakEnvelope(channelData, maxBins = PEAK_ENVELOPE_BINS) {
+    const length = channelData.length;
+    const blockSize = Math.max(1, Math.ceil(length / Math.max(1, maxBins)));
+    const bins = Math.ceil(length / blockSize);
+    const peaks = new Float32Array(bins);
+    for (let b = 0; b < bins; b++) {
+        let max = 0;
+        const end = Math.min(length, (b + 1) * blockSize);
+        for (let j = b * blockSize; j < end; j++) {
+            const abs = Math.abs(channelData[j]);
+            if (abs > max)
+                max = abs;
+        }
+        peaks[b] = max;
+    }
+    return { peaks, blockSize, length };
+}
+/**
+ * Las mismas barras que `resamplePeaks(pcm, bars)`, calculadas desde la envolvente:
+ * mismo paso (`floor(length / bars)` muestras), mismo recorte de la cola y misma
+ * fórmula de altura. Cada barra toma el máximo de los bloques que TOCA su rango de
+ * muestras, así que el resultado es IDÉNTICO cuando `blockSize` es 1 o divide el
+ * paso, y en el caso general solo puede sumar el pico de un bloque parcial en cada
+ * borde (nunca queda por debajo del exacto).
+ */
+function resampleEnvelope(env, bars) {
+    const { peaks: blocks, blockSize, length: len } = env;
+    if (!len || bars <= 0)
+        return [];
+    const step = Math.max(1, Math.floor(len / bars));
+    const peaks = [];
+    for (let i = 0; i < bars; i++) {
+        const start = i * step;
+        const end = Math.min(start + step, len); // exclusivo, como el bucle de resamplePeaks
+        let max = 0;
+        if (start < end) {
+            const last = Math.floor((end - 1) / blockSize);
+            for (let b = Math.floor(start / blockSize); b <= last; b++) {
+                if (blocks[b] > max)
+                    max = blocks[b];
+            }
+        }
+        peaks.push(0.12 + max * 0.88);
+    }
+    return peaks;
+}
 /** Deterministic pseudo-waveform (stable render + testable — no Math.random). */
 function fallbackPeaks(bars) {
     if (bars <= 0)
@@ -72,6 +133,105 @@ function scrubFraction(clientX, rect) {
     return Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
 }
 
+/** Tope de entradas. Cada una pesa ≤ 256 KB (`PEAK_ENVELOPE_BINS` Float32) más unas
+ *  pocas listas de barras exactas, así que el caché lleno queda en ~4 MB. Una
+ *  instancia montada conserva SU envolvente aunque la entrada se desaloje (es la
+ *  misma referencia, no una copia). */
+const PEAKS_CACHE_MAX = 16;
+// Map conserva el orden de inserción: la primera clave es la menos usada (LRU).
+const cache = new Map();
+const inflight = new Map();
+function remember(url, value) {
+    cache.delete(url);
+    cache.set(url, value);
+    while (cache.size > PEAKS_CACHE_MAX)
+        cache.delete(cache.keys().next().value);
+}
+/**
+ * Picos + duración de `url`: del caché si están, uniéndose a la carga en vuelo si
+ * otra instancia ya la pidió, o cargándolos. Solo se cachea un resultado real: un
+ * error (CORS, red, códec) o un `null` se devuelven tal cual y el próximo pedido
+ * reintenta.
+ */
+function loadAudioPeaks(url, wantBars, loader = decodeAudioPeaks) {
+    const hit = cache.get(url);
+    if (hit) {
+        remember(url, hit); // refresca su posición LRU
+        return Promise.resolve(hit);
+    }
+    const pending = inflight.get(url);
+    if (pending) {
+        if (wantBars)
+            pending.wanted.add(wantBars);
+        return pending.promise;
+    }
+    const wanted = new Set(wantBars ? [wantBars] : []);
+    const p = loader(url, wanted).then((res) => {
+        inflight.delete(url);
+        if (res)
+            remember(url, res);
+        return res;
+    }, (err) => {
+        inflight.delete(url);
+        throw err;
+    });
+    inflight.set(url, { promise: p, wanted });
+    return p;
+}
+/**
+ * Descarga + decode con Web Audio, reducido a la envolvente. El `AudioBuffer`
+ * (y con él el PCM completo) no sale de esta función: queda sin referencias
+ * apenas se calcula la envolvente.
+ */
+async function decodeAudioPeaks(url, wanted = new Set()) {
+    var _a;
+    let ctx;
+    try {
+        /**
+         * `OfflineAudioContext` FIRST, and a live `AudioContext` only as the
+         * fallback: decoding a waveform needs no audio OUTPUT, and a live context
+         * created before the user has interacted trips the browser's autoplay
+         * policy — "The AudioContext was not allowed to start. It must be resumed
+         * (or created) after a user gesture on the page", once per player. A page
+         * with 15 recordings logged it 15 times. The offline one has no output
+         * device, so the policy does not apply to it.
+         *
+         * Its arguments are placeholders: nothing is ever rendered through this
+         * context, it is only the host for `decodeAudioData`.
+         */
+        const OfflineCtx = window.OfflineAudioContext || window.webkitOfflineAudioContext;
+        const Ctx = window.AudioContext || window.webkitAudioContext;
+        if ((!OfflineCtx && !Ctx) || typeof fetch === 'undefined')
+            return null;
+        ctx = OfflineCtx ? new OfflineCtx(1, 1, 44100) : new Ctx();
+        const buf = await (await fetch(url)).arrayBuffer();
+        const audioBuf = await ctx.decodeAudioData(buf);
+        const pcm = audioBuf.getChannelData(0);
+        return { envelope: buildPeakEnvelope(pcm), exact: exactBarsFor(pcm, wanted), duration: audioBuf.duration };
+    }
+    finally {
+        // Always release the context. Chrome caps concurrent AudioContexts per
+        // document, so leaking one per failed decode would eventually stop every
+        // later player on the page from decoding at all. `close()` lives on
+        // AudioContext, not on every BaseAudioContext (an OfflineAudioContext
+        // needs no closing and may not implement it): optional call, not a cast.
+        try {
+            await ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.close) === null || _a === void 0 ? void 0 : _a.call(ctx));
+        }
+        catch ( /* already closed */_b) { /* already closed */ }
+    }
+}
+/** Barras exactas para cada ancho que las instancias en espera quieren ahora mismo. */
+function exactBarsFor(pcm, wanted) {
+    const exact = new Map();
+    for (const want of wanted) {
+        const bars = want();
+        if (bars > 0 && !exact.has(bars))
+            exact.set(bars, resamplePeaks(pcm, bars));
+    }
+    return exact;
+}
+
 const coAudioPlayerCss = () => `:host{display:block;font-family:var(--co-font-family-primary)}.co-audio-player{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-sm) var(--co-spacing-md);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);min-width:180px}.co-audio-player--compact{gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm);min-width:140px}.co-audio-player__play{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);display:inline-flex;align-items:center;justify-content:center}.co-audio-player--compact .co-audio-player__play{width:24px;height:24px}.co-audio-player__play:disabled{opacity:.5;cursor:not-allowed}.co-audio-player__play:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-audio-player__wave{flex:1;height:40px;min-width:0;cursor:pointer;display:flex;align-items:center}.co-audio-player__wave:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-xxs)}.co-audio-player__svg{width:100%;height:100%;display:block}.co-audio-player__bar{fill:var(--co-semantic-border-field);transition:fill var(--co-motion-duration-fast)}.co-audio-player__wave:hover .co-audio-player__bar{fill:var(--co-semantic-text-muted)}.co-audio-player__bar--played{fill:var(--co-semantic-surface-primary)}.co-audio-player__time{flex:0 0 auto;font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums;min-width:62px;text-align:right}.co-audio-player__speed{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:2px 4px;color:var(--co-semantic-text-muted);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.co-audio-player__speed:hover{color:var(--co-semantic-text-default)}.co-audio-player__speed:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-xxs)}.co-audio-player__dl{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:2px;color:var(--co-semantic-text-muted);display:inline-flex}.co-audio-player__dl:hover{color:var(--co-semantic-text-default)}.co-audio-player__dl:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-audio-player--error .co-audio-player__wave{opacity:.5}.co-audio-player--error .co-audio-player__play{background:var(--co-color-status-error);color:var(--co-semantic-text-inverse);opacity:1}`;
 
 const CoAudioPlayer = class {
@@ -110,8 +270,15 @@ const CoAudioPlayer = class {
         this.containerWidth = 0;
         /** Current playback rate; the speed control cycles through `SPEEDS`. */
         this.playbackRate = 1;
-        // Decoded mono PCM, kept so bars can be re-resampled on resize without re-fetching.
-        this.rawChannelData = null;
+        // Envolvente acotada del decode (≤ PEAK_ENVELOPE_BINS máximos por bloque), para
+        // re-derivar las barras al redimensionar sin volver a descargar. NUNCA el PCM
+        // completo: ese pesaba ~32 MB por 3 min de audio y por instancia. La envolvente es
+        // la misma referencia que guarda el caché de módulo (compartida, no copiada).
+        this.peakEnvelope = null;
+        // Barras exactas (del PCM, calculadas dentro del decode) para los anchos que esta
+        // instancia —u otra con la misma src— tenía mientras el decode estaba en vuelo.
+        // Un ancho que no esté acá sale de la envolvente.
+        this.exactPeaks = null;
         // Length reported by the WebAudio decode; NaN when nothing has decoded (yet).
         // It is the only trustworthy duration for a container without a duration header.
         this.decodedDuration = NaN;
@@ -240,17 +407,22 @@ const CoAudioPlayer = class {
         this.resizeObserver = undefined;
     }
     onSrcChange() { this.init(); }
-    // Re-derive bars for the current width: from cached PCM if decoded, else the
+    // Re-derive bars for the current width: from the decoded envelope if any, else the
     // deterministic fallback shape. Reassign the array so Stencil re-renders.
     rebuildBars() {
-        this.peaks = this.rawChannelData
-            ? resamplePeaks(this.rawChannelData, this.effectiveBars)
+        this.peaks = this.peakEnvelope
+            ? this.decodedBars(this.effectiveBars)
             : fallbackPeaks(this.effectiveBars);
     }
+    decodedBars(bars) {
+        var _a, _b;
+        return (_b = (_a = this.exactPeaks) === null || _a === void 0 ? void 0 : _a.get(bars)) !== null && _b !== void 0 ? _b : resampleEnvelope(this.peakEnvelope, bars);
+    }
     init() {
         this.teardown();
         const token = ++this.loadToken;
-        this.rawChannelData = null;
+        this.peakEnvelope = null;
+        this.exactPeaks = null;
         this.decodedDuration = NaN;
         this.peaks = fallbackPeaks(this.effectiveBars); // draw immediately; refine with real peaks
         this.currentTime = 0;
@@ -289,56 +461,36 @@ const CoAudioPlayer = class {
         }
         this.isPlaying = false;
     }
+    /**
+     * Picos + duración del decode, vía el caché de módulo (`co-audio-player.peaks-cache`):
+     * dos instancias con la misma `src` comparten UNA descarga y UN decode, y lo que
+     * vuelve es la envolvente acotada, no el PCM.
+     */
     async extractPeaks(url, token) {
-        var _a;
-        let ctx;
         try {
-            /**
-             * `OfflineAudioContext` FIRST, and a live `AudioContext` only as the
-             * fallback: decoding a waveform needs no audio OUTPUT, and a live context
-             * created before the user has interacted trips the browser's autoplay
-             * policy — "The AudioContext was not allowed to start. It must be resumed
-             * (or created) after a user gesture on the page", once per player. A page
-             * with 15 recordings logged it 15 times. The offline one has no output
-             * device, so the policy does not apply to it.
-             *
-             * Its arguments are placeholders: nothing is ever rendered through this
-             * context, it is only the host for `decodeAudioData`.
-             */
-            const OfflineCtx = window.OfflineAudioContext || window.webkitOfflineAudioContext;
-            const Ctx = window.AudioContext || window.webkitAudioContext;
-            if ((!OfflineCtx && !Ctx) || typeof fetch === 'undefined')
-                return; // keep fallback
-            ctx = OfflineCtx ? new OfflineCtx(1, 1, 44100) : new Ctx();
-            const buf = await (await fetch(url)).arrayBuffer();
-            const audioBuf = await ctx.decodeAudioData(buf);
+            // El ancho se consulta al TERMINAR el decode (no ahora: acá todavía no se midió);
+            // 0 si esta carga ya no es la vigente, para no pagar barras que nadie pinta.
+            const res = await loadAudioPeaks(url, () => (token === this.loadToken ? this.effectiveBars : 0));
             if (token !== this.loadToken)
                 return; // a newer src superseded this decode
-            this.rawChannelData = audioBuf.getChannelData(0);
-            this.decodedDuration = audioBuf.duration;
-            this.peaks = resamplePeaks(this.rawChannelData, this.effectiveBars);
+            if (!res)
+                return; // no WebAudio/fetch here: keep the fallback
+            this.peakEnvelope = res.envelope;
+            this.exactPeaks = res.exact;
+            this.decodedDuration = res.duration;
+            this.peaks = this.decodedBars(this.effectiveBars);
         }
-        catch (_b) {
+        catch (_a) {
             if (token !== this.loadToken)
                 return;
             // Undecodable (codec WebAudio can't handle, CORS, network): keep the
             // deterministic fallback wave and let <audio> own the duration — playback,
             // seek and the time readout all still work, or degrade to `--:--`.
-            this.rawChannelData = null;
+            this.peakEnvelope = null;
+            this.exactPeaks = null;
             this.decodedDuration = NaN;
             this.peaks = fallbackPeaks(this.effectiveBars); // stays functional
         }
-        finally {
-            // Always release the context. Chrome caps concurrent AudioContexts per
-            // document, so leaking one per failed decode would eventually stop every
-            // later player on the page from decoding at all. `close()` lives on
-            // AudioContext, not on every BaseAudioContext (an OfflineAudioContext
-            // needs no closing and may not implement it): optional call, not a cast.
-            try {
-                await ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.close) === null || _a === void 0 ? void 0 : _a.call(ctx));
-            }
-            catch ( /* already closed */_c) { /* already closed */ }
-        }
         if (token === this.loadToken)
             this.syncDuration();
     }
@@ -419,13 +571,13 @@ const CoAudioPlayer = class {
         // below `aria-valuenow` the moment playback advances. ARIA 1.2 makes valuemax
         // optional for `slider`, so leaving it off while unknown is well-formed.
         const ariaMax = total ? Math.floor(total) : undefined;
-        const bar = (hFrac, i, played = false) => (index.h("rect", { key: '4b294190b3be5e7cf15282d43e7e51164a3dda4c', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
-        return (index.h("div", { key: '0758a438c4a71e822de94f8b41219945f62ae62d', class: {
+        const bar = (hFrac, i, played = false) => (index.h("rect", { key: 'a3d5a225a904e22ba9905ef8198fa7e1b14e0e2f', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
+        return (index.h("div", { key: 'afbbf524713a1146653e69928ee21e263202315f', class: {
                 'co-audio-player': true,
                 'co-audio-player--compact': this.compact,
                 'co-audio-player--error': this.hasError,
                 'co-audio-player--playing': this.isPlaying,
-            }, part: "player" }, index.h("button", { key: '4c4161e7ba7344a9c6a32dcc8fd92c300b750d95', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, index.h("co-icon", { key: 'ea749ee1cf627a49e3859029ca274170c8d69c63', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), index.h("div", { key: 'f39bf8bf114860a672979fa53287672dccea1b7f', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": ariaMax, "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, index.h("svg", { key: '2145f303271ca676988999b5ea7d76ab384c5e2d', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), index.h("clipPath", { key: '6014c9f96f5df60086265a5e01344be80ebff741', id: "co-ap-clip" }, index.h("rect", { key: '5857fa3098fc0eb9df58b643c2b44316cf819ae8', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), index.h("g", { key: '241608ddfdb863ba5b18444ed2bffb39e72abeb5', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), index.h("span", { key: '18f190b8b23f8939da5dd2c230214d42a5b330c1', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (index.h("button", { key: '4a29cae938ab347997bc76e0cfe5621b402730f7', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (index.h("button", { key: 'c451449e629584bc3937b27b31b1124e510af91e', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, index.h("co-icon", { key: 'f4d014129829ab57ddae0d3e32b1e0930f1bc288', name: "download-simple", size: 14 })))));
+            }, part: "player" }, index.h("button", { key: '5918385fbd8fb6fad4795e1a75eed5d073e0654c', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, index.h("co-icon", { key: 'e7a566257df253914593712bd20029bb8f1bcdfd', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), index.h("div", { key: '70488015726d0c966fa3e738d9f2893d71b99ebf', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": ariaMax, "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, index.h("svg", { key: '8c70e4f74537e5f8ab6f66bc0da464a72507e81c', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), index.h("clipPath", { key: 'f0d37d76b3d6ab09dbd09582c8657b3fe7cb8c4c', id: "co-ap-clip" }, index.h("rect", { key: '436de0ce10f98c868760c76505d134f3db2dbb54', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), index.h("g", { key: '939a1a8851d6e41b4d3c37d7201f87a6403830bb', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), index.h("span", { key: 'bd57bdd97a780864aa633ec5174d4f733799a278', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (index.h("button", { key: 'd1f559546da0b0f97009afca79fe922ce569e67f', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (index.h("button", { key: 'a1503b85bb2edf02566dcad9b8e83b1fea20b159', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, index.h("co-icon", { key: 'dc96b8afdb8036e76a0c515d76c625460f4fc44d', name: "download-simple", size: 14 })))));
     }
     static get watchers() { return {
         "src": [{

package/dist/cjs/index-bHoidDwv.js

@@ -403,10 +403,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './co-loader.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'co-audio-player.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './co-audio-player.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'co-bottom-sheet.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -475,6 +471,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './co-icon.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'co-audio-player.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './co-audio-player.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'co-color-picker.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */