@prolibu-suite/cobalt-core 0.11.3 → 0.11.5

package/dist/components/co-number-field.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as r,h as o}from"./index.js";import{R as n}from"./p-CWneqh4n.js";import{d as s}from"./p-KK2vAKs-.js";const c=(e,t)=>({integer:e.slice(0,15),decimals:t.slice(0,8)});function a(e,t=!1){const i=(null!=e?e:"")+"",r=t&&/^\s*-/.test(i),o=i.replace(/[^\d.]/g,""),[n,...s]=o.split("."),{integer:a,decimals:l}=c(n,s.join("")),d=s.length?`${a}.${l}`:a;return d?r?"-"+d:d:r?"-":""}function l(e){if(!e)return"";const t=e.startsWith("-"),i=t?e.slice(1):e,r=i.indexOf("."),o=r>=0?i.slice(0,r):i,n=r>=0?i.slice(r):"";let s="";for(let e=0;e<o.length;e++)e>0&&(o.length-e)%3==0&&(s+=","),s+=o[e];return`${t?"-":""}${s}${n}`}const d=/[^0-9.,-]/g,u=/[0-9.-]/,f=e=>{let t=0;for(const i of e)u.test(i)&&t++;return t},h=(e,t)=>{if(t<=0)return 0;let i=0;for(let r=0;r<e.length;r++)if(u.test(e[r])&&(i++,i===t))return r+1;return e.length},b=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.required=!1,this.layout="vertical",this.status="default",this.value=0,this.step=1,this.disabled=!1,this.placeholder="0",this.size="md",this.clearable=!1,this.hideControls=!1,this.focused=!1,this.emptiedByUser=!1,this.handleDecrement=()=>{this.canDecrement&&(this.emitValue(this.current-this.step),this.syncInputText())},this.handleIncrement=()=>{this.canIncrement&&(this.emitValue(this.current+this.step),this.syncInputText())},this.handleInput=e=>{var t;const i=e.target;if(this.isAmount)return void this.handleAmountInput(i);let r=i.value;const o=r.replace(d,"");if(o!==r){const e=(null!==(t=i.selectionStart)&&void 0!==t?t:r.length)-(r.length-o.length);i.value=o;const n=e<0?0:e;i.setSelectionRange(n,n),r=o}if(""===r)return void(this.clearable?(this.value=null,this.coChange.emit(null)):this.emptiedByUser=!0);if("-"===r)return;const n=parseFloat(r);isNaN(n)||this.emitValue(this.fromDisplay(n))},this.handlePaste=e=>{var t,i,r,o;if(!this.isAmount)return;e.preventDefault();const n=e.target,s=null!==(i=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text"))&&void 0!==i?i:"";let d=function(e){const t=((null!=e?e:"")+"").replace(/[^\d.,]/g,"");if(!t)return"";const i=t.lastIndexOf("."),r=t.lastIndexOf(",");let o=-1;if(i>=0&&r>=0)o=Math.max(i,r);else if(i>=0||r>=0){const e=i>=0?".":",",r=t.split(e);2===r.length&&3!==r[1].length&&(o=t.lastIndexOf(e))}const{integer:n,decimals:s}=c((o>=0?t.slice(0,o):t).replace(/[.,]/g,""),o>=0?t.slice(o+1).replace(/[.,]/g,""):"");return n||s?s?`${n||"0"}.${s}`:n:""}(s);d&&this.allowNegative&&/^\s*-/.test(s)&&(d="-"+d);const u=null!==(r=n.selectionStart)&&void 0!==r?r:n.value.length,b=null!==(o=n.selectionEnd)&&void 0!==o?o:u,m=a(n.value.slice(0,u),this.allowNegative),p=a(n.value.slice(b)),_=a(m+d+p,this.allowNegative),g=l(_);n.value=g;const v=h(g,f(m+d));if(n.setSelectionRange(v,v),""===_||"-"===_)return void(""===_&&this.clearable?(this.value=null,this.coChange.emit(null)):""===_&&(this.emptiedByUser=!0));const x=parseFloat(_);isNaN(x)||this.emitValue(x)},this.handleClear=()=>{var e;this.value=null,this.syncInputText(),this.coClear.emit(),this.coChange.emit(null),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleBlur=()=>{var e;this.focused=!1,this.emptiedByUser?this.emitValue(null!==(e=this.min)&&void 0!==e?e:0):this.isEmpty||this.emitValue(this.value),this.syncInputText()},this.handleFocus=()=>{this.focused=!0},this.handleKeyDown=e=>{"ArrowUp"===e.key?(e.preventDefault(),this.handleIncrement()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrement())}}onValueChange(){this.inputEl&&!this.focused&&this.inputEl.value!==this.displayValue&&(this.inputEl.value=this.displayValue)}get isEmpty(){return null==this.value||Number.isNaN(this.value)}get current(){var e;return this.isEmpty?null!==(e=this.min)&&void 0!==e?e:0:this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}get canDecrement(){return!this.disabled&&(void 0===this.min||this.current>this.min)}get canIncrement(){return!this.disabled&&(void 0===this.max||this.current<this.max)}clamp(e){return void 0!==this.min&&e<this.min?this.min:void 0!==this.max&&e>this.max?this.max:e}get scaled(){return"rate"===this.format||"percent"===this.format}get isAmount(){return"amount"===this.format}get allowNegative(){return void 0===this.min||this.min<0}get displayValue(){if(this.isEmpty)return"";const e=this.toDisplay(this.value)+"";return this.isAmount?l(e):e}toDisplay(e){return this.scaled?Number((100*e).toFixed(6)):e}fromDisplay(e){return this.scaled?e/100:e}emitValue(e){this.emptiedByUser=!1;const t=this.clamp(e);this.value=t,this.coChange.emit(t)}handleAmountInput(e){var t;const i=e.value,r=null!==(t=e.selectionStart)&&void 0!==t?t:i.length,o=f(i.slice(0,r)),n=a(i,this.allowNegative),s=l(n);if(e.value!==s){e.value=s;const t=h(s,o);e.setSelectionRange(t,t)}if(""===n)return void(this.clearable?(this.value=null,this.coChange.emit(null)):this.emptiedByUser=!0);if("-"===n)return;const c=parseFloat(n);isNaN(c)||this.emitValue(c)}syncInputText(){this.inputEl&&this.inputEl.value!==this.displayValue&&(this.inputEl.value=this.displayValue)}get affixText(){return void 0!==this.suffix?this.suffix||null:this.scaled&&!this.isEmpty?"%":null}render(){return o("div",{key:"cf4d63ce0278fd8f429aa4bf541497b7cf178ffe",class:{"co-number-field":!0,"co-number-field--disabled":this.disabled,"co-number-field--focused":this.focused,["co-number-field--"+this.size]:!0,["co-number-field--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&o("div",{key:"ecf9fd16f18a3ebbaef5b81b0c8ae41b80f04abf",class:"co-number-field__labels"},this.label&&o("label",{key:"7602d901e085e3380dff2a355d61ac1dc515428b",class:"co-number-field__label"},this.label,o(n,{key:"361743bf41c66ff28ceec00aba583328f2404713",required:this.required})),this.secondaryLabel&&o("span",{key:"ec9af4b27f3915704ef89ed6f51e7184eb5e1dd4",class:"co-number-field__secondary-label"},this.secondaryLabel)),o("div",{key:"30f1716aed06da03f924fa1da2b2ab29dbede0bb",class:"co-number-field__row",part:"row"},!this.hideControls&&o("button",{key:"1dbee1178df2a86e54ae42572a20ecf30484b8bc",class:"co-number-field__btn co-number-field__btn--minus",type:"button",tabIndex:-1,disabled:!this.canDecrement,onClick:this.handleDecrement,"aria-label":"Decrease"},o("co-icon",{key:"40f61bd3774fb03b6aaceaef006dd45f2df260d3",name:"minus",size:16})),o("input",{key:"254a74cd61a2776a69953965f8b289267b25fbb2",ref:e=>this.inputEl=e,class:"co-number-field__input",type:"text",inputMode:"decimal",value:this.focused&&this.inputEl?this.inputEl.value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onPaste:this.handlePaste,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"}),this.affixText&&o("span",{key:"836ea4e4cba0b21a36b1017d6fc0c4d621d69e56",class:"co-number-field__affix","aria-hidden":"true"},this.affixText),this.clearable&&!this.isEmpty&&!this.disabled&&o("button",{key:"5eefa937a055dea1855d1bc3bae675003d8382c8",class:"co-number-field__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},o("co-icon",{key:"096dec8d88b7b241cd83a04788bc4db05feec585",name:"x-circle",size:16,weight:"fill"})),o("slot",{key:"1ea7d1ff2c61d74b0884e7b8f1b7b54de4978876",name:"suffix"}),!this.hideControls&&o("button",{key:"9ae95697534b85dcd928c0d0e7f72a3b8c5402c7",class:"co-number-field__btn co-number-field__btn--plus",type:"button",tabIndex:-1,disabled:!this.canIncrement,onClick:this.handleIncrement,"aria-label":"Increase"},o("co-icon",{key:"af526ac4278865052f32ae7359a571aa485492af",name:"plus",size:16}))),this.helperText&&o("div",{key:"9bad3ffd8c70ce49205132f9f73294a83b6ebbc3",class:"co-number-field__helper co-number-field__helper--"+this.status},this.statusIcon&&o("co-icon",{key:"4987bc82011c4bb93e1bd00ef1ffd45d2e8681f4",name:this.statusIcon,size:14,weight:"fill",class:"co-number-field__helper-icon"}),o("span",{key:"8eac5821653dc0110113f94833e13f27411188a7",class:"co-number-field__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-number-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-number-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-number-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-number-field__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-number-field--disabled .co-number-field__label,.co-number-field--disabled .co-number-field__secondary-label{color:var(--co-semantic-text-disabled)}.co-number-field__row{display:flex;align-items:center;gap:0;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;overflow:hidden;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-number-field--s .co-number-field__row{min-height:28px}.co-number-field--s .co-number-field__btn{width:28px}.co-number-field--sm .co-number-field__row{min-height:32px}.co-number-field--sm .co-number-field__btn{width:32px}.co-number-field--lg .co-number-field__row{min-height:48px}.co-number-field--lg .co-number-field__btn{width:48px}.co-number-field--focused .co-number-field__row{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-number-field--disabled .co-number-field__row{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-number-field--error .co-number-field__row{border-color:var(--co-semantic-status-error)}.co-number-field--success .co-number-field__row{border-color:var(--co-semantic-status-success)}.co-number-field--warning .co-number-field__row{border-color:var(--co-color-status-review)}.co-number-field--info .co-number-field__row{border-color:var(--co-semantic-status-info)}.co-number-field__btn{display:flex;align-items:center;justify-content:center;width:40px;align-self:stretch;flex-shrink:0;border:none;background:transparent;color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-number-field__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-number-field__btn:active:not(:disabled){background:var(--co-semantic-surface-muted)}.co-number-field__btn:disabled{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-number-field__btn--minus{border-right:1px solid var(--co-semantic-border-subtle)}.co-number-field__btn--plus{border-left:1px solid var(--co-semantic-border-subtle)}.co-number-field__clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:100%;padding:0;border:none;background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-number-field__clear:hover{color:var(--co-semantic-text-default)}.co-number-field__input{flex:1;min-width:0;border:none;background:transparent;text-align:center;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:var(--co-spacing-sm2) var(--co-spacing-sm2);outline:none;-moz-appearance:textfield}.co-number-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-number-field__affix{flex-shrink:0;padding-right:var(--co-spacing-sm2);color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;pointer-events:none;user-select:none}::slotted([slot='suffix']){flex-shrink:0;margin-right:var(--co-spacing-xxs)}:host([hide-controls]) .co-number-field__input{text-align:right;padding-left:var(--co-spacing-md);padding-right:var(--co-spacing-md)}:host([hide-controls]) .co-number-field__affix{padding-right:var(--co-spacing-md);font-size:var(--co-font-size-12)}.co-number-field__input::-webkit-outer-spin-button,.co-number-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.co-number-field--disabled .co-number-field__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-number-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-number-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-number-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-number-field__helper--error .co-number-field__helper-icon,.co-number-field__helper--error .co-number-field__helper-text{color:var(--co-semantic-status-error)}.co-number-field__helper--success .co-number-field__helper-icon,.co-number-field__helper--success .co-number-field__helper-text{color:var(--co-semantic-status-success)}.co-number-field__helper--warning .co-number-field__helper-icon,.co-number-field__helper--warning .co-number-field__helper-text{color:var(--co-color-status-review)}.co-number-field__helper--info .co-number-field__helper-icon,.co-number-field__helper--info .co-number-field__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-number-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-number-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-number-field__label{white-space:normal}:host([layout='horizontal']) .co-number-field>:not(.co-number-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[257,"co-number-field",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],layout:[513],status:[1],value:[1538],min:[2],max:[2],step:[2],disabled:[4],placeholder:[1],size:[513],clearable:[4],format:[513],hideControls:[516,"hide-controls"],suffix:[1],focused:[32]},void 0,{value:[{onValueChange:0}]}]);function m(){"undefined"!=typeof customElements&&["co-number-field","co-icon"].forEach((t=>{switch(t){case"co-number-field":customElements.get(e(t))||customElements.define(e(t),b);break;case"co-icon":customElements.get(e(t))||s()}}))}m();const p=b,_=m;export{p as CoNumberField,_ as defineCustomElement}
+import{t as e,p as t,H as i,c as r,h as o}from"./index.js";import{R as n}from"./p-CWneqh4n.js";import{d as s}from"./p-KK2vAKs-.js";const c=(e,t)=>({integer:e.slice(0,15),decimals:t.slice(0,8)});function a(e,t=!1){const i=(null!=e?e:"")+"",r=t&&/^\s*-/.test(i),o=i.replace(/[^\d.]/g,""),[n,...s]=o.split("."),{integer:a,decimals:l}=c(n,s.join("")),d=s.length?`${a}.${l}`:a;return d?r?"-"+d:d:r?"-":""}function l(e){if(!e)return"";const t=e.startsWith("-"),i=t?e.slice(1):e,r=i.indexOf("."),o=r>=0?i.slice(0,r):i,n=r>=0?i.slice(r):"";let s="";for(let e=0;e<o.length;e++)e>0&&(o.length-e)%3==0&&(s+=","),s+=o[e];return`${t?"-":""}${s}${n}`}const d=/[^0-9.,-]/g,u=/[0-9.-]/,h=e=>{let t=0;for(const i of e)u.test(i)&&t++;return t},f=(e,t)=>{if(t<=0)return 0;let i=0;for(let r=0;r<e.length;r++)if(u.test(e[r])&&(i++,i===t))return r+1;return e.length},b=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.required=!1,this.layout="vertical",this.status="default",this.value=0,this.step=1,this.disabled=!1,this.placeholder="0",this.size="md",this.clearable=!1,this.hideControls=!1,this.focused=!1,this.emptiedByUser=!1,this.handleDecrement=()=>{this.canDecrement&&(this.emitValue(this.current-this.step),this.syncInputText())},this.handleIncrement=()=>{this.canIncrement&&(this.emitValue(this.current+this.step),this.syncInputText())},this.handleInput=e=>{var t;const i=e.target;if(this.isAmount)return void this.handleAmountInput(i);let r=i.value;const o=r.replace(d,"");if(o!==r){const e=(null!==(t=i.selectionStart)&&void 0!==t?t:r.length)-(r.length-o.length);i.value=o;const n=e<0?0:e;i.setSelectionRange(n,n),r=o}if(""===r)return void(this.clearable?(this.value=null,this.coChange.emit(null)):this.emptiedByUser=!0);if("-"===r)return;const n=parseFloat(function(e){return 1!=e.split(",").length-1||e.includes(".")?e:e.replace(",",".")}(r));isNaN(n)||this.emitValue(this.fromDisplay(n))},this.handlePaste=e=>{var t,i,r,o;if(!this.isAmount)return;e.preventDefault();const n=e.target,s=null!==(i=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text"))&&void 0!==i?i:"";let d=function(e){const t=((null!=e?e:"")+"").replace(/[^\d.,]/g,"");if(!t)return"";const i=t.lastIndexOf("."),r=t.lastIndexOf(",");let o=-1;if(i>=0&&r>=0)o=Math.max(i,r);else if(i>=0||r>=0){const e=i>=0?".":",",r=t.split(e);2===r.length&&3!==r[1].length&&(o=t.lastIndexOf(e))}const{integer:n,decimals:s}=c((o>=0?t.slice(0,o):t).replace(/[.,]/g,""),o>=0?t.slice(o+1).replace(/[.,]/g,""):"");return n||s?s?`${n||"0"}.${s}`:n:""}(s);d&&this.allowNegative&&/^\s*-/.test(s)&&(d="-"+d);const u=null!==(r=n.selectionStart)&&void 0!==r?r:n.value.length,b=null!==(o=n.selectionEnd)&&void 0!==o?o:u,m=a(n.value.slice(0,u),this.allowNegative),p=a(n.value.slice(b)),_=a(m+d+p,this.allowNegative),g=l(_);n.value=g;const v=f(g,h(m+d));if(n.setSelectionRange(v,v),""===_||"-"===_)return void(""===_&&this.clearable?(this.value=null,this.coChange.emit(null)):""===_&&(this.emptiedByUser=!0));const x=parseFloat(_);isNaN(x)||this.emitValue(x)},this.handleClear=()=>{var e;this.value=null,this.syncInputText(),this.coClear.emit(),this.coChange.emit(null),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleBlur=()=>{var e;this.focused=!1,this.emptiedByUser?this.emitValue(null!==(e=this.min)&&void 0!==e?e:0):this.isEmpty||this.emitValue(this.value),this.syncInputText()},this.handleFocus=()=>{this.focused=!0},this.handleKeyDown=e=>{"ArrowUp"===e.key?(e.preventDefault(),this.handleIncrement()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrement())}}onValueChange(){this.inputEl&&!this.focused&&this.inputEl.value!==this.displayValue&&(this.inputEl.value=this.displayValue)}get isEmpty(){return null==this.value||Number.isNaN(this.value)}get current(){var e;return this.isEmpty?null!==(e=this.min)&&void 0!==e?e:0:this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}get canDecrement(){return!this.disabled&&(void 0===this.min||this.current>this.min)}get canIncrement(){return!this.disabled&&(void 0===this.max||this.current<this.max)}clamp(e){return void 0!==this.min&&e<this.min?this.min:void 0!==this.max&&e>this.max?this.max:e}get scaled(){return"rate"===this.format||"percent"===this.format}get isAmount(){return"amount"===this.format}get allowNegative(){return void 0===this.min||this.min<0}get displayValue(){if(this.isEmpty)return"";const e=this.toDisplay(this.value)+"";return this.isAmount?l(e):e}toDisplay(e){return this.scaled?Number((100*e).toFixed(6)):e}fromDisplay(e){return this.scaled?e/100:e}emitValue(e){this.emptiedByUser=!1;const t=this.clamp(e);this.value=t,this.coChange.emit(t)}handleAmountInput(e){var t;const i=e.value,r=null!==(t=e.selectionStart)&&void 0!==t?t:i.length,o=h(i.slice(0,r)),n=a(i,this.allowNegative),s=l(n);if(e.value!==s){e.value=s;const t=f(s,o);e.setSelectionRange(t,t)}if(""===n)return void(this.clearable?(this.value=null,this.coChange.emit(null)):this.emptiedByUser=!0);if("-"===n)return;const c=parseFloat(n);isNaN(c)||this.emitValue(c)}syncInputText(){this.inputEl&&this.inputEl.value!==this.displayValue&&(this.inputEl.value=this.displayValue)}get affixText(){return void 0!==this.suffix?this.suffix||null:this.scaled&&!this.isEmpty?"%":null}render(){return o("div",{key:"87d77047c35e2f0b3b9a978839e5b3c99541dc2e",class:{"co-number-field":!0,"co-number-field--disabled":this.disabled,"co-number-field--focused":this.focused,["co-number-field--"+this.size]:!0,["co-number-field--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&o("div",{key:"22f0674035a68861fae6ce37aba4e51b10c03226",class:"co-number-field__labels"},this.label&&o("label",{key:"442ee74bed62bf7c800f231ad4992b791b85a30c",class:"co-number-field__label"},this.label,o(n,{key:"ff7517b83b8e942512dcb8c1f504eafab55cea90",required:this.required})),this.secondaryLabel&&o("span",{key:"736889aae85065fb28a56131e2f7a3da9fc86a48",class:"co-number-field__secondary-label"},this.secondaryLabel)),o("div",{key:"fd6163c7cb83073db2c19c3477447076372abb44",class:"co-number-field__row",part:"row"},!this.hideControls&&o("button",{key:"e1a52831b83c3255ce63c4ed48a228fe4fdb1629",class:"co-number-field__btn co-number-field__btn--minus",type:"button",tabIndex:-1,disabled:!this.canDecrement,onClick:this.handleDecrement,"aria-label":"Decrease"},o("co-icon",{key:"86e0ce9b9801e50d9bda6b18a8e1f6f96581b178",name:"minus",size:16})),o("input",{key:"4bdf89e9a4958841a948b3bd6e9886898917f464",ref:e=>this.inputEl=e,class:"co-number-field__input",type:"text",inputMode:"decimal",value:this.focused&&this.inputEl?this.inputEl.value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onPaste:this.handlePaste,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"}),this.affixText&&o("span",{key:"7bc7c12c6fe2708691d9a2972f9ed3037e82a1a8",class:"co-number-field__affix","aria-hidden":"true"},this.affixText),this.clearable&&!this.isEmpty&&!this.disabled&&o("button",{key:"2ef7c424a34a8a6cbfe8ac4cd0a5d8f0ed74e6d4",class:"co-number-field__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},o("co-icon",{key:"c428ca841c0de013cd151bd356686be43992de04",name:"x-circle",size:16,weight:"fill"})),o("slot",{key:"fb127a663d3839bbb10b8232b250eaf67faab898",name:"suffix"}),!this.hideControls&&o("button",{key:"684329d2f32a58f6be2a124f0cd20986a7fc49af",class:"co-number-field__btn co-number-field__btn--plus",type:"button",tabIndex:-1,disabled:!this.canIncrement,onClick:this.handleIncrement,"aria-label":"Increase"},o("co-icon",{key:"7ef48466e060efb314466d62216a8e00168ddbcd",name:"plus",size:16}))),this.helperText&&o("div",{key:"2cf6df2556160fef3c1dfd1b525991eb822cb285",class:"co-number-field__helper co-number-field__helper--"+this.status},this.statusIcon&&o("co-icon",{key:"905ad795d9714fa9ae8fc2b9d4b9f6a7bba2d2ce",name:this.statusIcon,size:14,weight:"fill",class:"co-number-field__helper-icon"}),o("span",{key:"0c4825c4145298700de006eb3170e9ec3b52d3b7",class:"co-number-field__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-number-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-number-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-number-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-number-field__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-number-field--disabled .co-number-field__label,.co-number-field--disabled .co-number-field__secondary-label{color:var(--co-semantic-text-disabled)}.co-number-field__row{display:flex;align-items:center;gap:0;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;overflow:hidden;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-number-field--s .co-number-field__row{min-height:28px}.co-number-field--s .co-number-field__btn{width:28px}.co-number-field--sm .co-number-field__row{min-height:32px}.co-number-field--sm .co-number-field__btn{width:32px}.co-number-field--lg .co-number-field__row{min-height:48px}.co-number-field--lg .co-number-field__btn{width:48px}.co-number-field--focused .co-number-field__row{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-number-field--disabled .co-number-field__row{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-number-field--error .co-number-field__row{border-color:var(--co-semantic-status-error)}.co-number-field--success .co-number-field__row{border-color:var(--co-semantic-status-success)}.co-number-field--warning .co-number-field__row{border-color:var(--co-color-status-review)}.co-number-field--info .co-number-field__row{border-color:var(--co-semantic-status-info)}.co-number-field__btn{display:flex;align-items:center;justify-content:center;width:40px;align-self:stretch;flex-shrink:0;border:none;background:transparent;color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-number-field__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-number-field__btn:active:not(:disabled){background:var(--co-semantic-surface-muted)}.co-number-field__btn:disabled{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-number-field__btn--minus{border-right:1px solid var(--co-semantic-border-subtle)}.co-number-field__btn--plus{border-left:1px solid var(--co-semantic-border-subtle)}.co-number-field__clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:100%;padding:0;border:none;background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-number-field__clear:hover{color:var(--co-semantic-text-default)}.co-number-field__input{flex:1;min-width:0;border:none;background:transparent;text-align:center;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:var(--co-spacing-sm2) var(--co-spacing-sm2);outline:none;-moz-appearance:textfield}.co-number-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-number-field__affix{flex-shrink:0;padding-right:var(--co-spacing-sm2);color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;pointer-events:none;user-select:none}::slotted([slot='suffix']){flex-shrink:0;margin-right:var(--co-spacing-xxs)}:host([hide-controls]) .co-number-field__input{text-align:right;padding-left:var(--co-spacing-md);padding-right:var(--co-spacing-md)}:host([hide-controls]) .co-number-field__affix{padding-right:var(--co-spacing-md);font-size:var(--co-font-size-12)}.co-number-field__input::-webkit-outer-spin-button,.co-number-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.co-number-field--disabled .co-number-field__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-number-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-number-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-number-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-number-field__helper--error .co-number-field__helper-icon,.co-number-field__helper--error .co-number-field__helper-text{color:var(--co-semantic-status-error)}.co-number-field__helper--success .co-number-field__helper-icon,.co-number-field__helper--success .co-number-field__helper-text{color:var(--co-semantic-status-success)}.co-number-field__helper--warning .co-number-field__helper-icon,.co-number-field__helper--warning .co-number-field__helper-text{color:var(--co-color-status-review)}.co-number-field__helper--info .co-number-field__helper-icon,.co-number-field__helper--info .co-number-field__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-number-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-number-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-number-field__label{white-space:normal}:host([layout='horizontal']) .co-number-field>:not(.co-number-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[257,"co-number-field",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],layout:[513],status:[1],value:[1538],min:[2],max:[2],step:[2],disabled:[4],placeholder:[1],size:[513],clearable:[4],format:[513],hideControls:[516,"hide-controls"],suffix:[1],focused:[32]},void 0,{value:[{onValueChange:0}]}]);function m(){"undefined"!=typeof customElements&&["co-number-field","co-icon"].forEach((t=>{switch(t){case"co-number-field":customElements.get(e(t))||customElements.define(e(t),b);break;case"co-icon":customElements.get(e(t))||s()}}))}m();const p=b,_=m;export{p as CoNumberField,_ as defineCustomElement}

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

@@ -51,6 +51,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)
@@ -70,6 +131,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 {
@@ -108,8 +268,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;
@@ -238,17 +405,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;
@@ -287,56 +459,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();
     }
@@ -417,13 +569,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) => (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 (h("div", { key: '0758a438c4a71e822de94f8b41219945f62ae62d', class: {
+        const bar = (hFrac, i, played = false) => (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 (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" }, 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 }, h("co-icon", { key: 'ea749ee1cf627a49e3859029ca274170c8d69c63', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), 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 }, 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)), h("clipPath", { key: '6014c9f96f5df60086265a5e01344be80ebff741', id: "co-ap-clip" }, h("rect", { key: '5857fa3098fc0eb9df58b643c2b44316cf819ae8', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), h("g", { key: '241608ddfdb863ba5b18444ed2bffb39e72abeb5', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), h("span", { key: '18f190b8b23f8939da5dd2c230214d42a5b330c1', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (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 && (h("button", { key: 'c451449e629584bc3937b27b31b1124e510af91e', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, h("co-icon", { key: 'f4d014129829ab57ddae0d3e32b1e0930f1bc288', name: "download-simple", size: 14 })))));
+            }, part: "player" }, 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 }, h("co-icon", { key: 'e7a566257df253914593712bd20029bb8f1bcdfd', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), 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 }, 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)), h("clipPath", { key: 'f0d37d76b3d6ab09dbd09582c8657b3fe7cb8c4c', id: "co-ap-clip" }, h("rect", { key: '436de0ce10f98c868760c76505d134f3db2dbb54', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), h("g", { key: '939a1a8851d6e41b4d3c37d7201f87a6403830bb', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), h("span", { key: 'bd57bdd97a780864aa633ec5174d4f733799a278', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (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 && (h("button", { key: 'a1503b85bb2edf02566dcad9b8e83b1fea20b159', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, h("co-icon", { key: 'dc96b8afdb8036e76a0c515d76c625460f4fc44d', name: "download-simple", size: 14 })))));
     }
     static get watchers() { return {
         "src": [{

package/dist/esm/co-number-field.entry.js

@@ -108,6 +108,11 @@ const coNumberFieldCss = () => `:host{display:block;font-family:var(--co-font-fa
  * blur—, solo impide que el campo muestre algo que no es un número.
  */
 const NON_NUMERIC = /[^0-9.,-]/g;
+/** «12,5» → «12.5»; con dos comas o con punto no se adivina (queda igual). */
+function decimalCommaToDot(raw) {
+    const commas = raw.split(',').length - 1;
+    return commas === 1 && !raw.includes('.') ? raw.replace(',', '.') : raw;
+}
 /** Caracteres que CUENTAN para el caret en modo amount (la coma es decorado). */
 const SIGNIFICANT = /[0-9.-]/;
 const countSignificant = (text) => {
@@ -215,7 +220,10 @@ const CoNumberField = class {
             }
             if (raw === '-')
                 return;
-            const num = parseFloat(raw);
+            // Una coma sola y sin punto es el separador decimal (es/pt: «12,5»): parseFloat
+            // cortaría en ella y commitearía 12. Solo se normaliza lo que se parsea — el
+            // texto del campo queda como lo tipeó el usuario (y el caret en su lugar).
+            const num = parseFloat(decimalCommaToDot(raw));
             if (!isNaN(num)) {
                 this.emitValue(this.fromDisplay(num));
             }
@@ -430,18 +438,18 @@ const CoNumberField = class {
         return this.scaled && !this.isEmpty ? '%' : null;
     }
     render() {
-        return (h("div", { key: 'cf4d63ce0278fd8f429aa4bf541497b7cf178ffe', class: {
+        return (h("div", { key: '87d77047c35e2f0b3b9a978839e5b3c99541dc2e', class: {
                 'co-number-field': true,
                 'co-number-field--disabled': this.disabled,
                 'co-number-field--focused': this.focused,
                 [`co-number-field--${this.size}`]: true,
                 [`co-number-field--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel) && (h("div", { key: 'ecf9fd16f18a3ebbaef5b81b0c8ae41b80f04abf', class: "co-number-field__labels" }, this.label && h("label", { key: '7602d901e085e3380dff2a355d61ac1dc515428b', class: "co-number-field__label" }, this.label, h(RequiredMark, { key: '361743bf41c66ff28ceec00aba583328f2404713', required: this.required })), this.secondaryLabel && h("span", { key: 'ec9af4b27f3915704ef89ed6f51e7184eb5e1dd4', class: "co-number-field__secondary-label" }, this.secondaryLabel))), h("div", { key: '30f1716aed06da03f924fa1da2b2ab29dbede0bb', class: "co-number-field__row", part: "row" }, !this.hideControls && (h("button", { key: '1dbee1178df2a86e54ae42572a20ecf30484b8bc', class: "co-number-field__btn co-number-field__btn--minus", type: "button", tabIndex: -1, disabled: !this.canDecrement, onClick: this.handleDecrement, "aria-label": "Decrease" }, h("co-icon", { key: '40f61bd3774fb03b6aaceaef006dd45f2df260d3', name: "minus", size: 16 }))), h("input", { key: '254a74cd61a2776a69953965f8b289267b25fbb2', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal",
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: '22f0674035a68861fae6ce37aba4e51b10c03226', class: "co-number-field__labels" }, this.label && h("label", { key: '442ee74bed62bf7c800f231ad4992b791b85a30c', class: "co-number-field__label" }, this.label, h(RequiredMark, { key: 'ff7517b83b8e942512dcb8c1f504eafab55cea90', required: this.required })), this.secondaryLabel && h("span", { key: '736889aae85065fb28a56131e2f7a3da9fc86a48', class: "co-number-field__secondary-label" }, this.secondaryLabel))), h("div", { key: 'fd6163c7cb83073db2c19c3477447076372abb44', class: "co-number-field__row", part: "row" }, !this.hideControls && (h("button", { key: 'e1a52831b83c3255ce63c4ed48a228fe4fdb1629', class: "co-number-field__btn co-number-field__btn--minus", type: "button", tabIndex: -1, disabled: !this.canDecrement, onClick: this.handleDecrement, "aria-label": "Decrease" }, h("co-icon", { key: '86e0ce9b9801e50d9bda6b18a8e1f6f96581b178', name: "minus", size: 16 }))), h("input", { key: '4bdf89e9a4958841a948b3bd6e9886898917f464', ref: el => (this.inputEl = el), class: "co-number-field__input", type: "text", inputMode: "decimal",
             // Mismo guard `focused` que el @Watch: mientras el usuario edita, su
             // texto manda. Sin esto, el re-render que dispara emitValue repinta
             // el input desde el NÚMERO y se come el texto en construcción
             // ("34,640.00" pegado quedaba "34,640"; un "12." perdería el punto).
-            value: this.focused && this.inputEl ? this.inputEl.value : this.displayValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }), this.affixText && (h("span", { key: '836ea4e4cba0b21a36b1017d6fc0c4d621d69e56', class: "co-number-field__affix", "aria-hidden": "true" }, this.affixText)), this.clearable && !this.isEmpty && !this.disabled && (h("button", { key: '5eefa937a055dea1855d1bc3bae675003d8382c8', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '096dec8d88b7b241cd83a04788bc4db05feec585', name: "x-circle", size: 16, weight: "fill" }))), h("slot", { key: '1ea7d1ff2c61d74b0884e7b8f1b7b54de4978876', name: "suffix" }), !this.hideControls && (h("button", { key: '9ae95697534b85dcd928c0d0e7f72a3b8c5402c7', class: "co-number-field__btn co-number-field__btn--plus", type: "button", tabIndex: -1, disabled: !this.canIncrement, onClick: this.handleIncrement, "aria-label": "Increase" }, h("co-icon", { key: 'af526ac4278865052f32ae7359a571aa485492af', name: "plus", size: 16 })))), this.helperText && (h("div", { key: '9bad3ffd8c70ce49205132f9f73294a83b6ebbc3', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '4987bc82011c4bb93e1bd00ef1ffd45d2e8681f4', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), h("span", { key: '8eac5821653dc0110113f94833e13f27411188a7', class: "co-number-field__helper-text" }, this.helperText)))));
+            value: this.focused && this.inputEl ? this.inputEl.value : this.displayValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onPaste: this.handlePaste, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }), this.affixText && (h("span", { key: '7bc7c12c6fe2708691d9a2972f9ed3037e82a1a8', class: "co-number-field__affix", "aria-hidden": "true" }, this.affixText)), this.clearable && !this.isEmpty && !this.disabled && (h("button", { key: '2ef7c424a34a8a6cbfe8ac4cd0a5d8f0ed74e6d4', class: "co-number-field__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: 'c428ca841c0de013cd151bd356686be43992de04', name: "x-circle", size: 16, weight: "fill" }))), h("slot", { key: 'fb127a663d3839bbb10b8232b250eaf67faab898', name: "suffix" }), !this.hideControls && (h("button", { key: '684329d2f32a58f6be2a124f0cd20986a7fc49af', class: "co-number-field__btn co-number-field__btn--plus", type: "button", tabIndex: -1, disabled: !this.canIncrement, onClick: this.handleIncrement, "aria-label": "Increase" }, h("co-icon", { key: '7ef48466e060efb314466d62216a8e00168ddbcd', name: "plus", size: 16 })))), this.helperText && (h("div", { key: '2cf6df2556160fef3c1dfd1b525991eb822cb285', class: `co-number-field__helper co-number-field__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '905ad795d9714fa9ae8fc2b9d4b9f6a7bba2d2ce', name: this.statusIcon, size: 14, weight: "fill", class: "co-number-field__helper-icon" }), h("span", { key: '0c4825c4145298700de006eb3170e9ec3b52d3b7', class: "co-number-field__helper-text" }, this.helperText)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/index-DJkaRtbb.js

@@ -383,10 +383,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-loader.entry.js').then(processMod, consoleError);
-                case 'co-audio-player':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './co-audio-player.entry.js').then(processMod, consoleError);
                 case 'co-bottom-sheet':
                     return import(
                       /* webpackMode: "lazy" */
@@ -455,6 +451,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './co-icon.entry.js').then(processMod, consoleError);
+                case 'co-audio-player':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './co-audio-player.entry.js').then(processMod, consoleError);
                 case 'co-color-picker':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/types/components/co-audio-player/co-audio-player.d.ts

@@ -60,7 +60,8 @@ export declare class CoAudioPlayer {
     }>;
     private audio?;
     private waveEl?;
-    private rawChannelData;
+    private peakEnvelope;
+    private exactPeaks;
     private decodedDuration;
     private loadToken;
     private resizeObserver?;
@@ -77,8 +78,14 @@ export declare class CoAudioPlayer {
     disconnectedCallback(): void;
     onSrcChange(): void;
     private rebuildBars;
+    private decodedBars;
     private init;
     private teardown;
+    /**
+     * 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.
+     */
     private extractPeaks;
     /** Re-derive the shown duration from whichever source knows it. Called from both
      *  `loadedmetadata` and the end of the decode, because either can land first. */

package/dist/types/components/co-audio-player/co-audio-player.peaks-cache.d.ts

@@ -0,0 +1,58 @@
+import { type PeakEnvelope } from './co-audio-player.utils';
+/**
+ * Caché de picos de `co-audio-player`, a nivel de MÓDULO (compartido por todas las
+ * instancias del documento).
+ *
+ * Por qué: la misma grabación suele estar montada dos veces (la tarjeta de la
+ * llamada y su detalle) y cada instancia descargaba y decodificaba el audio
+ * completo por su cuenta. Acá se guarda solo lo que la onda necesita —la
+ * envolvente acotada y la duración decodificada— y los pedidos simultáneos de la
+ * misma URL comparten una sola promesa.
+ *
+ * Fidelidad de la onda: mientras el PCM existe (dentro del decode) se calculan las
+ * barras EXACTAS —`resamplePeaks`, lo mismo que antes— para el ancho vigente de cada
+ * instancia que está esperando ese decode; esas se pintan idénticas a como se
+ * pintaban. Solo un ancho que aparece después (resize, u otra instancia con el caché
+ * ya caliente) sale de la envolvente (`resampleEnvelope`, alta resolución).
+ *
+ * Key = la URL TAL CUAL. No se normaliza: una URL firmada (S3 `?X-Amz-Signature=…`)
+ * que se renueva es otra entrada y vuelve a descargar. Es un límite aceptado: una
+ * normalización propia (quitar la query) podría confundir dos recursos distintos.
+ */
+export interface AudioPeaks {
+    envelope: PeakEnvelope;
+    /** Barras exactas (del PCM) por cantidad de barras, para los anchos pedidos
+     *  mientras el decode estaba en vuelo. Unas pocas entradas de cientos de valores. */
+    exact: ReadonlyMap<number, number[]>;
+    /** `AudioBuffer.duration` (s): la única duración fiable de un blob sin cabecera. */
+    duration: number;
+}
+/** Cantidad de barras que una instancia quiere AHORA; se consulta al terminar el
+ *  decode (no al pedirlo: el ancho se mide después de `componentWillLoad`). Un valor
+ *  no positivo = ya no le interesa (src cambiada, desmontada). */
+export type BarsWanted = () => number;
+/** `null` = el entorno no puede decodificar (sin WebAudio o sin fetch): no es un error.
+ *  `wanted` es un conjunto VIVO: puede crecer mientras la carga está en vuelo. */
+export type PeaksLoader = (url: string, wanted: ReadonlySet<BarsWanted>) => Promise<AudioPeaks | null>;
+/** 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). */
+export declare const PEAKS_CACHE_MAX = 16;
+/**
+ * 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.
+ */
+export declare function loadAudioPeaks(url: string, wantBars?: BarsWanted, loader?: PeaksLoader): Promise<AudioPeaks | null>;
+/** Vacía el caché (tests; y un host que necesite liberar memoria a mano). */
+export declare function clearAudioPeaksCache(): void;
+/**
+ * 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.
+ */
+export declare function decodeAudioPeaks(url: string, wanted?: ReadonlySet<BarsWanted>): Promise<AudioPeaks | null>;
+/** Barras exactas para cada ancho que las instancias en espera quieren ahora mismo. */
+export declare function exactBarsFor(pcm: Float32Array | number[], wanted: ReadonlySet<BarsWanted>): Map<number, number[]>;

package/dist/types/components/co-audio-player/co-audio-player.utils.d.ts

@@ -19,6 +19,39 @@ export declare function formatTime(seconds: number): string;
 export declare function resolveDuration(fromAudio: number, fromDecode: number): number;
 /** Downsample raw PCM to `bars` peak heights, each normalized to a 0..1 fraction. */
 export declare function resamplePeaks(channelData: Float32Array | number[], bars: number): number[];
+/**
+ * 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).
+ */
+export declare const PEAK_ENVELOPE_BINS = 65536;
+/** Máximos absolutos por bloque de `blockSize` muestras contiguas: lo único que se
+ *  retiene de un decode. `length` es la cantidad de muestras del PCM original, que
+ *  `resampleEnvelope` necesita para reproducir el paso de `resamplePeaks`. */
+export interface PeakEnvelope {
+    peaks: Float32Array;
+    blockSize: number;
+    length: number;
+}
+/** 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). */
+export declare function buildPeakEnvelope(channelData: Float32Array | number[], maxBins?: number): PeakEnvelope;
+/**
+ * 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).
+ */
+export declare function resampleEnvelope(env: PeakEnvelope, bars: number): number[];
 /** Deterministic pseudo-waveform (stable render + testable — no Math.random). */
 export declare function fallbackPeaks(bars: number): number[];
 /** Clamped 0..1 position of a click within a track rect. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prolibu-suite/cobalt-core",
-  "version": "0.11.3",
+  "version": "0.11.5",
   "description": "Cobalt Design System — Framework-agnostic Web Components built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -50,10 +50,10 @@
     "@phosphor-icons/core": "^2.1.1",
     "dompurify": "^3.2.6",
     "overlayscrollbars": "^2.16.0",
-    "@prolibu-suite/cobalt-calendar-utils": "0.1.1",
-    "@prolibu-suite/cobalt-tokens": "0.6.0",
     "@prolibu-suite/cobalt-date-utils": "0.1.2",
-    "@prolibu-suite/cobalt-rich-text": "0.2.1"
+    "@prolibu-suite/cobalt-tokens": "0.6.0",
+    "@prolibu-suite/cobalt-rich-text": "0.2.1",
+    "@prolibu-suite/cobalt-calendar-utils": "0.1.1"
   },
   "devDependencies": {
     "@stencil/core": "^4.43.4",