@prolibu-suite/cobalt-core 0.9.0 → 0.9.2

package/dist/collection/components/co-tags-field/co-tags-field.js

@@ -186,14 +186,14 @@ export class CoTagsField {
         const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
         const helper = this.isInvalid ? this.errorMessage : this.helperText;
         const showInput = !this.readonly && !this.atCapacity;
-        return (h("div", { key: '1cddcc09b84bd9986332518809b22727e0ea6be8', class: {
+        return (h("div", { key: '2e0ef9e89f150a136193f4963463ad884a4b3eb7', class: {
                 'co-tags-field': true,
                 'co-tags-field--disabled': this.disabled,
                 'co-tags-field--focused': this.hasFocus,
                 'co-tags-field--filled': this.hasValue,
                 'co-tags-field--invalid': this.isInvalid,
                 [`co-tags-field--${this.size}`]: true,
-            }, part: "wrapper" }, this.label && (h("div", { key: '2a17c1550fb77d74795e29019865decf25b62637', class: "co-tags-field__labels" }, h("label", { key: 'b4fa98a4375ebf9cb09854528bae440310dd6e7a', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: '491ec28ffeade76cc659e5920654d4b25474348b', required: this.required })))), h("div", { key: '5959a21a0586e453bdd260a32aa4e9e6f9ee5b97', class: "co-tags-field__field-row" }, h("div", { key: 'babe8f7f15287758aaa6e644edbdd20bea271085', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: '6f2a17374c0fd13463cd62f9596f7ff896b0b4b4', class: "co-tags-field__input-wrapper" }, tags.map((tag, index) => this.editingIndex === index ? (h("input", { key: `edit-${index}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
+            }, part: "wrapper" }, this.label && (h("div", { key: '7026f6e9256dc97bde2dc5784437c2901b349b34', class: "co-tags-field__labels" }, h("label", { key: 'ee209adce424a052f92745178ceda6de8a9d24ff', class: "co-tags-field__label", part: "label" }, this.label, h(RequiredMark, { key: 'b80ec58705dd3f8e2351e506104acffee7db4998', required: this.required })))), h("div", { key: 'b29f0fa6a8a795ed541a655bda54f55ada8ec7f8', class: "co-tags-field__field-row" }, h("div", { key: '1f932a0c350bd8e7bb1ae8d84396d7a84b4cde43', class: "co-tags-field__field", part: "field", onClick: this.handleFieldClick }, h("div", { key: 'f066e81827d30d3293c6ef49c72b780d95eac4d0', class: "co-tags-field__input-wrapper" }, tags.map((tag, index) => this.editingIndex === index ? (h("input", { key: `edit-${index}`, ref: (el) => (this.editEl = el), class: "co-tags-field__edit", type: "text", value: this.editingDraft, onInput: (e) => (this.editingDraft = e.target.value), onKeyDown: this.handleEditKeyDown, onBlur: () => this.saveEdit() })) : (
         // Shared field-chip (utils/fieldChip.tsx) per the Figma
         // "Tipo=Chips" spec — same look as co-ref-field's chips.
         h(FieldChip, { key: `chip-${index}-${tag}`, baseClass: "co-tags-field__chip", label: tag, title: tag, onChipDblClick: () => this.startEdit(index), onRemove: !this.disabled && !this.readonly
@@ -201,13 +201,13 @@ export class CoTagsField {
                     e.stopPropagation();
                     this.removeTag(index);
                 }
-                : undefined }))), showInput && (h("input", { key: '13fb645e7da2b931d565591cdca76010cc585d3d', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (h("button", { key: 'c7285e54cc7fbad03c5f0b107d01c31e63204f4b', class: {
+                : undefined }))), showInput && (h("input", { key: '23d2b229eefdf70cac665b1f54c4706bdd4f7eae', ref: (el) => (this.inputEl = el), class: "co-tags-field__native", type: "text", autocomplete: "off", value: this.draft, placeholder: tags.length === 0 ? this.placeholder : '', disabled: this.disabled, required: this.required && tags.length === 0, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'Tags' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" }))), this.clearable && (h("button", { key: '16e425b88e60e91b17df0552ca7d8e8fc8519ba5', class: {
                 'co-tags-field__clear': true,
                 'co-tags-field__clear--hidden': !showClear,
-            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: '9361a6e3f0d35bb2e976106a77dd6ee3c0053490', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: 'b0d3ea0609153c6237337bdf7463d3eaac0977d5', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: 'be4a5527ef638303d3c4583063a364f03a26fbf6', class: {
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClearAll, "aria-label": "Clear all", part: "clear" }, h("co-icon", { key: '92add95993cd8013019f754ff3207793128ca51e', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: '029a5b91a03ca2ca8653378d87489996d5f492fe', type: "hidden", name: this.name, value: JSON.stringify(tags) }), helper && (h("div", { key: 'fed6f3bd7df1414a0e5f97eb48ea7eb0f5e3953e', class: {
                 'co-tags-field__helper': true,
                 'co-tags-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'b945852d4bc7cebf2440afb5507be3151009a789', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: '92a7ac0cc4d84f63a4c9ca4b17c922bae485ffd6', class: "co-tags-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'a952b7423a78bd2858b6b221ca1ceb4691e413cf', name: "warning-circle", size: 14, class: "co-tags-field__helper-icon" })), h("span", { key: 'ee650cda04dab278333db5f01061cb5bb3589024', class: "co-tags-field__helper-text" }, helper)))));
     }
     static get is() { return "co-tags-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-textarea/co-textarea.js

@@ -76,7 +76,7 @@ export class CoTextarea {
         const showClear = this.clearable && this.hasValue && !this.disabled && !this.readonly;
         const isOverLimit = this.maxLength != null && this.charCount > this.maxLength;
         const statusClass = this.status !== 'default' ? `co-textarea--${this.status}` : '';
-        return (h("div", { key: '9d323b813a3c11f045f48556233675ce07ceb79d', class: {
+        return (h("div", { key: 'f2ccc7aee2d49eb7d30a1b3126d8f43449d5a507', class: {
                 'co-textarea': true,
                 'co-textarea--disabled': this.disabled,
                 'co-textarea--focused': this.hasFocus,
@@ -85,13 +85,13 @@ export class CoTextarea {
                 [`co-textarea--${this.size}`]: true,
                 [statusClass]: !!statusClass,
                 'co-textarea--flat': this.variant === 'flat',
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: 'efd2f5901bbb5e9ecd6ef6cecf9c58917dc310bc', class: "co-textarea__labels" }, this.label && (h("label", { key: '006c3e9b5b219164e1794617e0fee742a195f18e', class: "co-textarea__label", part: "label" }, this.label, h(RequiredMark, { key: '7a2842c50c8151104fb529bba60ea02045384744', required: this.required }))), this.secondaryLabel && (h("span", { key: '76798fcfeae6ed5f7fa7dcd5be4c5c32fc345198', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), h("div", { key: '8ea7e80d1d39807d4b5097a7c010e79726caf6cf', class: "co-textarea__field", part: "field" }, h("textarea", { key: 'aeed03e98299c0bbdc11dc35c7ffb8964b5f5785', ref: (el) => (this.textareaEl = el), class: {
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: 'afd5a0b21e688ebf95f66f80e8cdb115b1ef731d', class: "co-textarea__labels" }, this.label && (h("label", { key: 'bcc7f15e3e0eaaf98f3b19fa8d98fb6804d70f3e', class: "co-textarea__label", part: "label" }, this.label, h(RequiredMark, { key: 'bbb2aaae400435e7fa5b3ffc0813b4461dd06ef2', required: this.required }))), this.secondaryLabel && (h("span", { key: '260d96d2700e783b33e85934f815cc93483a5dc5', class: "co-textarea__secondary-label" }, this.secondaryLabel)))), h("div", { key: '15e0df28e0dc7556f03fb250dd41219cfc91f990', class: "co-textarea__field", part: "field" }, h("textarea", { key: '1a768ee4e3238a7b5f766d7fd874268c37689efa', ref: (el) => (this.textareaEl = el), class: {
                 'co-textarea__native': true,
                 [`co-textarea__native--resize-${this.resize}`]: true,
-            }, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (h("button", { key: '886cea9e161fff68046654f854a110f8fbefa320', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '8f1055f7e0ea57b0811c0bed69e41fb7e70aaf34', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (h("div", { key: '998fe8b200baac9f1f8198747b05f6836fedeb3d', class: "co-textarea__footer" }, this.helperText && (h("div", { key: 'deef703967cf1e57dab1a6df16b2e04139e41ed5', class: {
+            }, rows: this.rows, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.status === 'error' || isOverLimit ? 'true' : 'false', onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" }), showClear && (h("button", { key: 'dca996eb57a14cc72e2c11e71f70a71e369b004d', class: "co-textarea__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '34af750ee1b162b83a62579f69bffe01ee843220', name: "x-circle", size: 16, weight: "fill" })))), (this.helperText || this.maxLength != null) && (h("div", { key: '5ee0bfd1a9a51b1e35ec0bf1103bea87e4585d49', class: "co-textarea__footer" }, this.helperText && (h("div", { key: 'c79cdcf441072b79a4adaf75f6dee59ae8f9d96c', class: {
                 'co-textarea__helper': true,
                 'co-textarea__helper--error': this.status === 'error',
-            }, part: "helper" }, this.status === 'error' && (h("co-icon", { key: '6f42cf1cb23657ca1db2cb2b5db5a4bbad94c05b', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), h("span", { key: '85ab87ee37978ee22fffbca0cfc75d9609b97212', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (h("span", { key: '97a0c33e19dc4f39da62daadb3122a1373884622', class: {
+            }, part: "helper" }, this.status === 'error' && (h("co-icon", { key: '9bad2a6c50361bcd1451af88ba5ca1cc6d703ca7', name: "warning-circle", size: 14, class: "co-textarea__helper-icon" })), h("span", { key: 'f6857823bb264d208bde50dfba615b677027129e', class: "co-textarea__helper-text" }, this.helperText))), this.maxLength != null && (h("span", { key: 'cb68c0f5d640f01d9bf3aa2163daa84f55d97442', class: {
                 'co-textarea__counter': true,
                 'co-textarea__counter--over': isOverLimit,
             }, part: "counter" }, this.charCount, "/", this.maxLength))))));

package/dist/collection/components/co-toast/co-toast.js

@@ -76,8 +76,8 @@ export class CoToast {
             'co-toast--progress': hasProgress,
             'co-toast--in': this.entered,
         };
-        const content = (h("div", { key: '5782bc9fab6ba26b7a73628f3d4155d8c8b948b5', class: "co-toast__content" }, h("span", { key: 'e10a34acb31b7486fe3d26b8dce48e80d643181e', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: '8b6d2c9db99fe292b5a7d183c4a7a43d8b551f7d', class: "co-toast__description" }, this.description))));
-        return (h("div", { key: '30b8670f843101c9c3c409fa89f06d4e86167bc2', class: rootClass, part: "toast", role: role }, (drawsCheck || resolvedIcon) && (h("span", { key: 'e1420c1642606f7687fd7f093881e077b627cdc0', class: "co-toast__icon" }, resolvedIcon ? (h("co-icon", { name: resolvedIcon, size: 20 })) : (h("svg", { class: "co-toast__check", viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true" }, h("path", { d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: '400ec792a47ad70c8c43dbf4ee2893e0424423bb', class: "co-toast__body" }, hasProgress ? (h("div", { class: "co-toast__progress" }, h("div", { class: "co-toast__progress-header" }, content, h("span", { class: "co-toast__percent" }, clampedProgress, "%")), h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (h("div", { key: 'f23e18bdd93f6edc8b1a5af7bf78bcc73e0b7659', class: "co-toast__actions" }, h("slot", { key: '690f4816bd3cdbfbefd1c3942aea88c4be1bdd9b', name: "action" })))), !isStacked && (h("div", { key: '9c26cb590848ff43481fa1073b97b5199dde01ca', class: "co-toast__actions" }, h("slot", { key: 'ee2e7247f74064bfbd88fae99b3c6924db37e4be', name: "action" }))), this.dismissible && (h("button", { key: 'd061e369a02d7ebb5fd851bd20554dfbf149e536', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: '8d8ce58403181a0710bf16cc21b1f4f3a10be8f3', name: "x", size: 16 })))));
+        const content = (h("div", { key: '5479799fdc6e1290192530a8cbda7308a610821e', class: "co-toast__content" }, h("span", { key: '7d3b310377e78b8e5551cc80f2941aa621ea9bcb', class: "co-toast__message" }, this.message), hasDescription && (h("span", { key: 'f3d0a88cc99ba0884875217454192bf285480b65', class: "co-toast__description" }, this.description))));
+        return (h("div", { key: '1194ce0b8e6b279dcf747467df23903c9f79770d', class: rootClass, part: "toast", role: role }, (drawsCheck || resolvedIcon) && (h("span", { key: '46c9ed361690be9f2ad60235efbefbd9ab30bb0d', class: "co-toast__icon" }, resolvedIcon ? (h("co-icon", { name: resolvedIcon, size: 20 })) : (h("svg", { class: "co-toast__check", viewBox: "0 0 16 16", width: "20", height: "20", "aria-hidden": "true" }, h("path", { d: "M3.5 8.5l3 3 6-6.5", pathLength: "1", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("div", { key: 'e277b37fccc9c3770e3c102cb0039cd97f83223a', class: "co-toast__body" }, hasProgress ? (h("div", { class: "co-toast__progress" }, h("div", { class: "co-toast__progress-header" }, content, h("span", { class: "co-toast__percent" }, clampedProgress, "%")), h("div", { class: "co-toast__track", part: "track", role: "progressbar", "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100 }, h("span", { class: "co-toast__fill", part: "fill", style: { width: `${clampedProgress}%` } })))) : (content), isStacked && (h("div", { key: '029587321c2cd209fa838c24a435027b7a029a90', class: "co-toast__actions" }, h("slot", { key: 'c937442479f63185efc37428b9c25680ed72248d', name: "action" })))), !isStacked && (h("div", { key: 'b4f2be5646b30478315256d04cf86e4eb939fcb9', class: "co-toast__actions" }, h("slot", { key: '689ef19ee688a4f4abc38b4c8ec7918aed4338bf', name: "action" }))), this.dismissible && (h("button", { key: '7424c7bacc165e5e6828fa28233c3e8151c769f3', class: "co-toast__dismiss", type: "button", "aria-label": "Dismiss", onClick: () => this.coDismiss.emit() }, h("co-icon", { key: '64149b651baa0cdd39a4ed17a865d5624872d4a9', name: "x", size: 16 })))));
     }
     static get is() { return "co-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -180,7 +180,7 @@ export class CoToast {
                     "references": {
                         "CoToastActionsLayout": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-toast/co-toast.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-toast/co-toast.tsx",
                             "id": "src/components/co-toast/co-toast.tsx::CoToastActionsLayout"
                         }
                     }
@@ -206,7 +206,7 @@ export class CoToast {
                     "references": {
                         "CoToastVariant": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-toast/co-toast.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-toast/co-toast.tsx",
                             "id": "src/components/co-toast/co-toast.tsx::CoToastVariant"
                         }
                     }

package/dist/collection/components/co-toggle-button/co-toggle-button.js

@@ -18,13 +18,13 @@ export class CoToggleButton {
     render() {
         const iconSize = this.variant === 'track' ? 18 : this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
         const iconWeight = this.selected && this.selectedIconWeight ? this.selectedIconWeight : undefined;
-        return (h("button", { key: '8e7cae7ef747e0f9c1dae261c4a405ab067f3682', class: {
+        return (h("button", { key: '01e466c86b14cbd508881c85a833e30281345a30', class: {
                 'co-toggle-button': true,
                 'co-toggle-button--selected': this.selected,
                 [`co-toggle-button--${this.size}`]: true,
                 'co-toggle-button--disabled': this.disabled,
                 'co-toggle-button--icon-only': !this.label && (!!this.iconLeft || !!this.iconRight),
-            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, h("slot", { key: 'e1d87665d05262e7b254d1a794837a9ae498abed', name: "leading" }), this.iconLeft && h("co-icon", { key: '0ecf3a91f22ac583166ebc823eedd1b889b708cb', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: '25cc1de5e1d12cd7d3cc575ce82b9e4f87f91afd', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: '15b8d7d2c140185ebfd2f53e8afcd52590a42243', name: this.iconRight, size: iconSize, weight: iconWeight })));
+            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, h("slot", { key: '395d8fb745fbcc903ce45bc5bba9b13b06f2ff7f', name: "leading" }), this.iconLeft && h("co-icon", { key: '372b60a45fc545e525162ff3760896ab77da36eb', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: '6e37705d4e3911fc2333ba2929dbd0c06aeddbfa', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: 'a6390c8abc9d2e889485d9bf3a3f441af85fb13c', name: this.iconRight, size: iconSize, weight: iconWeight })));
     }
     static get is() { return "co-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.js

@@ -65,13 +65,13 @@ export class CoToggleButtonGroup {
         });
     }
     render() {
-        return (h("div", { key: 'b8ab02efbc0d6d8490f5ab75af56290f05f45e6e', class: {
+        return (h("div", { key: '1b6e22dee9634178aea0d3dc3a0f411ec91cc5aa', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
                 [`co-toggle-button-group--${this.variant}`]: true,
                 'co-toggle-button-group--disabled': this.disabled,
                 'co-toggle-button-group--full': this.fullWidth,
-            }, role: "group" }, h("slot", { key: 'a43e7b7faf9051abac32eda76634ada88f0e3d5f' })));
+            }, role: "group" }, h("slot", { key: 'a86ecce7e4e3ade114cee1e6f023df88c0a6df4c' })));
     }
     static get is() { return "co-toggle-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-tooltip/co-tooltip.js

@@ -225,7 +225,7 @@ export class CoTooltip {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (h("div", { key: '5a96ea6ece5fc1b0f0479013317ce436a6d1c7a1', class: "co-tooltip" }, h("div", { key: 'fec326dce031c56e8f03963dd681bf63f80e3438', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: 'a480bf1d93a8a234c7d903fc5e4008b40b75c6ed' })), this.visible && this.content && (h("div", { key: '8ed6640fd0e44f115efeaf41994804030749bc0c', id: "tooltip-panel", class: {
+        return (h("div", { key: '0b716923cacfbf88ec2fbb06c2fcf3b641fcc778', class: "co-tooltip" }, h("div", { key: 'c6229d2d8680bca5b43560e7b424226dc920fe76', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: 'd295ed465e59b83768f1cbedfa29782e6f1ed49b' })), this.visible && this.content && (h("div", { key: '8b1ae750b750f1b935338f9829546be6ce632d0f', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
             }, role: "tooltip", popover: "manual", ref: (el) => {
@@ -234,7 +234,7 @@ export class CoTooltip {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: 'ed6b26c594bddbb9d5d044a279f481c37194dd4c', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'd776ef95bc1ff38c6128ce1557ac6d0929ca063a', class: "co-tooltip__content" }, this.content)))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: 'a460586e3da5c050c24a290ae4271e3ca4656ca2', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'ecb878eac97a22f9071d9e379a795cd560031ff7', class: "co-tooltip__content" }, this.content)))));
     }
     static get is() { return "co-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-transfer-list/co-transfer-list.js

@@ -117,11 +117,11 @@ export class CoTransferList {
         this.osInstances = [];
     }
     render() {
-        return (h("div", { key: '9a616d53e0fe957aec9e59ea5d199c09d4083297', class: {
+        return (h("div", { key: 'a66d26c3f7d91cc1ad33a1c347637d6c03e13a2e', class: {
                 'co-transfer-list': true,
                 'co-transfer-list--disabled': this.disabled,
                 [`co-transfer-list--${this.status}`]: this.status !== 'default',
-            } }, this.label && h("label", { key: '24302a86a4f08e1ddcbbe9535b5b12b6ee94c25d', class: "co-transfer-list__label" }, this.label), h("div", { key: 'bd7ad2f3b43d126bc230be464f2e25cd4a3949d3', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: 'e647f1e14d17e47cd82fa12ee1b28af48ba0aad7', class: "co-transfer-list__actions" }, h("button", { key: 'd4be83c7e045c082ad9e740893fa3df1201a7c4d', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: 'ae0b82548e8ba9f7adf3fc21c82b99fad0b9e2a3', name: "caret-double-right", size: 16 })), h("button", { key: '31bcece1626c32ab14c942169ea292456af32f5f', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: '014f67a3bb60923eceb398f1daa2a828520edbc3', name: "caret-right", size: 16 })), h("button", { key: '667465966f2951dbd1a67379fcb9a5267171bb07', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '1ca76a18e2b600c59d582f772d11734759a01f91', name: "caret-left", size: 16 })), h("button", { key: 'f6dd471e953cd8e1015dd692028a6142ad23c48b', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: '1c153936bda438f919da2637b7b865d40bd80c4c', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: '319b978ec04dce9abb1f8d48cb43cbc3939428db', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'cae67b4fbf235a07f23e8e368cd345333f239f5d', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: 'c0812b03a33d8543ffd19b3c34f071ae59a31876', class: "co-transfer-list__helper-text" }, this.helperText)))));
+            } }, this.label && h("label", { key: '08cf6b7951890739f73e79edf2dd76a4de5131c3', class: "co-transfer-list__label" }, this.label), h("div", { key: 'e83826673d6ba30e6700bd4401c122820a5db9be', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: '7e65ed93739f9eed3160d4ff26ff3c3bf8f7f48e', class: "co-transfer-list__actions" }, h("button", { key: 'cc4a2b991dc65f2660e589e7f11122359a465aec', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: 'def57d75c3ed67224f023e6de630de2fa0cb3043', name: "caret-double-right", size: 16 })), h("button", { key: 'd072365087785e09a0a34a3e3f9f2b9f5e56e1df', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: 'd298964acff41d2dc6c4d6eb39ae9bcc916973dc', name: "caret-right", size: 16 })), h("button", { key: '5c3cc98de6ee806d35f6369623cbbc7ffdf906b7', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '04084366aa7437612e8dee522f94266db6bea4cd', name: "caret-left", size: 16 })), h("button", { key: '3fa6e88f7ec9ea49b34d5f18cbccf21124509bff', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: 'fd0a35d20f5d7a8c1b4fb2010bb82e19cbc07225', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: 'd4cca5feb1972a4a43039bf68780e1ef43bba802', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '065ecb392fb716cc2df70eb01993e89f3fa14ad6', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: '293fd383071786d53318b2f2c2713fed39400a21', class: "co-transfer-list__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-transfer-list"; }
     static get encapsulation() { return "shadow"; }
@@ -205,7 +205,7 @@ export class CoTransferList {
                     "references": {
                         "TransferOption": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
                             "id": "src/components/co-transfer-list/co-transfer-list.tsx::TransferOption"
                         }
                     }

package/dist/collection/components/co-video/co-video.js

@@ -789,14 +789,14 @@ export class CoVideo {
     // ═══════════════════════════════════════════════════
     render() {
         const aspectClass = `co-video--${this.aspectRatio.replace(':', '-')}`;
-        return (h(Host, { key: '4ce2bbc8f36581a0683493f8690a788b7aa79873' }, h("div", { key: '15aca30a1ab1397d4135e350ba027b1b050e908b', class: {
+        return (h(Host, { key: '144618baaec004b7463e60aba02101b72b25aba2' }, h("div", { key: 'ea68f39191f31f9ee58537e24f0feac63b31fd9d', class: {
                 'co-video': true,
                 [aspectClass]: true,
                 [`co-video--rounded-${this.rounded}`]: true,
                 'co-video--disabled': this.disabled,
                 'co-video--fullscreen': this.isFullscreen,
                 'co-video--playing': this.isPlaying,
-            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '314574fe3e636ac479ee73fb429d14aeaba3371c', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: '6883591629786aea9faed0d2c239942ba1900fad', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
+            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '548fab677d588d471e69ce2572990498085ed369', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: 'cabe6a6d5b1c18cb92034fffd6464873eef25a7c', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
     }
     static get is() { return "co-video"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/columnResize.js

@@ -0,0 +1,37 @@
+/**
+ * Pure math for co-data-table's column-resize drag.
+ *
+ * Growing a column past the viewport needs the scroll container to CHASE the
+ * pointer: while it hovers an edge zone, each frame the drag adds
+ * `edgeAutoScrollSpeed()` px to the column width AND scrolls by the same
+ * amount, so the boundary keeps following the pointer instead of dying at the
+ * viewport edge (release → scrollbar → drag again).
+ */
+/**
+ * Signed px/frame to scroll (and grow the column) for the current pointer
+ * position: positive inside the right zone, negative inside the left zone,
+ * 0 in the middle. Speed ramps linearly across the zone so entering it never
+ * jumps, and clamps at maxSpeed past the container edge (the pointer can
+ * leave the viewport mid-drag).
+ */
+export function edgeAutoScrollSpeed({ pointerX, containerLeft, containerRight, edgeZone = 72, maxSpeed = 24, }) {
+    const width = containerRight - containerLeft;
+    // Unmeasured/degenerate rect (display:none, JSDOM) → never auto-scroll.
+    if (width <= 0)
+        return 0;
+    // Narrow containers: cap zones at a third of the width so they never overlap.
+    const zone = Math.min(edgeZone, width / 3);
+    const rightStart = containerRight - zone;
+    if (pointerX > rightStart) {
+        return Math.min(maxSpeed, ((pointerX - rightStart) / zone) * maxSpeed);
+    }
+    const leftStart = containerLeft + zone;
+    if (pointerX < leftStart) {
+        return -Math.min(maxSpeed, ((leftStart - pointerX) / zone) * maxSpeed);
+    }
+    return 0;
+}
+/** Column width for the current drag state, clamped to the column's minimum. */
+export function resizeWidth({ startWidth, minWidth, pointerDelta, autoScrollExtra }) {
+    return Math.max(minWidth, startWidth + pointerDelta + autoScrollExtra);
+}

package/dist/collection/utils/emojiI18n.js

@@ -0,0 +1,92 @@
+/**
+ * Built-in UI string dictionary for co-emoji-picker (chrome + aria labels +
+ * category names). Same strategy as dateI18n/lightboxI18n/carouselI18n: ships
+ * es/en/pt keyed by the `locale` prop, with per-string prop overrides
+ * (`search-placeholder`, `empty-message`) for full host control.
+ *
+ * Los NOMBRES de los emoji no están acá: viven en los packs generados
+ * (`emojiNames.<locale>.ts`), que se cargan bajo demanda.
+ */
+import { langFromLocale } from "./dateI18n";
+const DICT = {
+    es: {
+        searchPlaceholder: 'Buscar emoji…',
+        emptyMessage: 'Sin resultados',
+        pickerLabel: 'Selector de emoji',
+        gridLabel: 'Emojis',
+        categoriesLabel: 'Categorías',
+        categories: {
+            smileys: 'Caras y emociones',
+            people: 'Personas y cuerpo',
+            animals: 'Animales y naturaleza',
+            food: 'Comida y bebida',
+            travel: 'Viajes y lugares',
+            activities: 'Actividades',
+            objects: 'Objetos',
+            symbols: 'Símbolos',
+            flags: 'Banderas',
+            recent: 'Recientes',
+        },
+        skinToneLabel: 'Tono de piel',
+        skinTones: ['Por defecto', 'Claro', 'Claro medio', 'Medio', 'Oscuro medio', 'Oscuro'],
+    },
+    en: {
+        searchPlaceholder: 'Search emoji…',
+        emptyMessage: 'No results found',
+        pickerLabel: 'Emoji picker',
+        gridLabel: 'Emojis',
+        categoriesLabel: 'Categories',
+        categories: {
+            smileys: 'Smileys & emotion',
+            people: 'People & body',
+            animals: 'Animals & nature',
+            food: 'Food & drink',
+            travel: 'Travel & places',
+            activities: 'Activities',
+            objects: 'Objects',
+            symbols: 'Symbols',
+            flags: 'Flags',
+            recent: 'Recently used',
+        },
+        skinToneLabel: 'Skin tone',
+        skinTones: ['Default', 'Light', 'Medium-light', 'Medium', 'Medium-dark', 'Dark'],
+    },
+    pt: {
+        searchPlaceholder: 'Buscar emoji…',
+        emptyMessage: 'Nenhum resultado',
+        pickerLabel: 'Seletor de emoji',
+        gridLabel: 'Emojis',
+        categoriesLabel: 'Categorias',
+        categories: {
+            smileys: 'Rostos e emoções',
+            people: 'Pessoas e corpo',
+            animals: 'Animais e natureza',
+            food: 'Comida e bebida',
+            travel: 'Viagens e lugares',
+            activities: 'Atividades',
+            objects: 'Objetos',
+            symbols: 'Símbolos',
+            flags: 'Bandeiras',
+            recent: 'Recentes',
+        },
+        skinToneLabel: 'Tom de pele',
+        skinTones: ['Padrão', 'Claro', 'Claro médio', 'Médio', 'Escuro médio', 'Escuro'],
+    },
+};
+/** Ícono Phosphor de cada categoría, para el strip de navegación. */
+export const EMOJI_CATEGORY_ICONS = {
+    smileys: 'smiley',
+    people: 'hand-waving',
+    animals: 'dog',
+    food: 'hamburger',
+    travel: 'airplane-tilt',
+    activities: 'basketball',
+    objects: 'lightbulb',
+    symbols: 'heart',
+    flags: 'flag',
+    recent: 'clock-counter-clockwise',
+};
+/** Resolve the built-in UI strings for a locale. */
+export function getEmojiStrings(locale) {
+    return DICT[langFromLocale(locale)];
+}

package/dist/collection/utils/popover-stack.js

@@ -0,0 +1,28 @@
+/**
+ * Pila global de popovers abiertos (orden de apertura). Permite que el
+ * outside-click y ESC cierren SOLO el popover de más arriba: con un dropdown
+ * anidado dentro de un panel (filtro de columna), el primer click afuera
+ * cierra el dropdown y el segundo cierra el panel — no todo junto.
+ *
+ * Alcance: EXCLUSIVAMENTE co-popover. co-drawer, co-modal, co-overlay y
+ * co-bottom-sheet NO participan de esta pila — resuelven su propio layering
+ * por separado (co-drawer, por ejemplo, con un querySelector de drawers/
+ * modales abiertos). No es un layer manager global.
+ */
+const stack = [];
+export function pushLayer(el) {
+    removeLayer(el); // re-open: mover al tope, nunca duplicar
+    stack.push(el);
+}
+export function removeLayer(el) {
+    const i = stack.indexOf(el);
+    if (i !== -1)
+        stack.splice(i, 1);
+}
+export function isTopLayer(el) {
+    return stack.length > 0 && stack[stack.length - 1] === el;
+}
+/** Solo para tests: vacía la pila entre casos. */
+export function _resetLayers() {
+    stack.length = 0;
+}

package/dist/collection/utils/slotContent.js

@@ -0,0 +1,30 @@
+/**
+ * Slotted-content detection for shadow-DOM wrappers.
+ *
+ * WHY THIS EXISTS — `:empty` cannot see across a `<slot>`. A wrapper that holds
+ * only `<slot name="footer" />` always has ONE element child (the `<slot>`
+ * itself), so `.wrapper:empty` NEVER matches, and the wrapper keeps painting its
+ * padding / border-top even when the consumer projects nothing. The classic
+ * symptom is a footer strip with a divider line under an otherwise empty modal
+ * or drawer, which consumers then patch away with `::part(footer){display:none}`.
+ *
+ * Slotted presence therefore has to be tracked in JS, driven by `slotchange`,
+ * and mapped to a `--empty` / `--show` modifier class the CSS can key off.
+ *
+ * The `<slot>` itself must stay MOUNTED for this to work: never gate the slot
+ * behind the resulting flag (`{hasFooter && <slot/>}`), or the slot disappears,
+ * `slotchange` can never fire again and content projected later never shows up.
+ * Hide the WRAPPER, keep the slot.
+ */
+export function slotHasContent(e) {
+    const slot = e.target;
+    if (!slot || typeof slot.assignedNodes !== 'function')
+        return false;
+    // Whitespace-only text nodes are what a pretty-printed consumer template
+    // leaves behind, and Vue/framework `v-if` placeholders arrive as comment
+    // nodes — neither counts as content.
+    return slot
+        .assignedNodes({ flatten: true })
+        .some((node) => node.nodeType === Node.ELEMENT_NODE ||
+        (node.nodeType === Node.TEXT_NODE && (node.textContent || '').trim() !== ''));
+}

package/dist/components/co-accordion.js

@@ -1 +1 @@
-import{t as o,p as a,H as c,c as e,h as i}from"./index.js";import{d as t}from"./p-BCnjq3jN.js";const n=a(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=e(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return i("div",{key:"0f3dbc80f6d32d3fb9c662430880c64e46208d68",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},i("div",{key:"bf832d3fdcce29d2e784a628c1a135a6a374ecf1",class:"co-accordion__header",part:"header"},i("span",{key:"f967f96bc1203dc14e1319fb3b62ec24e917abfd",class:"co-accordion__heading-group"},i("span",{key:"fadae27bbce21aa4550412a7d1ee50ee56b68261",class:"co-accordion__heading",part:"heading"},i("slot",{key:"a6d0989a503301fd690256eca6a8349ee2f2f536",name:"header"},this.heading)),this.showSubheading&&i("span",{key:"d12ab60f67edcd4c9a03489c3ddeb2229ec2e749",class:"co-accordion__subheading",part:"subheading"},i("slot",{key:"cc0e6c422cdffe2a8b7fd2b542d3158fb35fe25a",name:"subheading"},this.subheading))),i("button",{key:"b37af2d153398cd344dfab1adbbcf9b0ac147dad",class:"co-accordion__caret",type:"button","aria-expanded":this.open?"true":"false","aria-label":this.heading||"Toggle section",disabled:this.disabled,onClick:this.handleToggle,part:"caret"},i("co-icon",{key:"d0ed683ed331e1d8ac5ae46e9893a287fc18fb07",name:"caret-up",size:20}))),i("div",{key:"2b4af900a1c3364cc6e45bd099315ada9f4927d9",class:"co-accordion__body",part:"body"},i("div",{key:"041a960bac7760658f6ad5da17658766fbc73129",class:"co-accordion__body-inner",part:"body-inner"},i("slot",{key:"05405a5354af0e7d38128ba39e33ab902c86a1e2"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{padding-top:0}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-slow)}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function r(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((a=>{switch(a){case"co-accordion":customElements.get(o(a))||customElements.define(o(a),n);break;case"co-icon":customElements.get(o(a))||t()}}))}r();const d=n,s=r;export{d as CoAccordion,s as defineCustomElement}
+import{t as o,p as c,H as e,c as i,h as a}from"./index.js";import{d as t}from"./p-Q6caHt79.js";const n=c(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"4e2089349432ce39bb797397aacaebd022fcbcee",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"4337878858bd31822201a925010f3150568fa056",class:"co-accordion__header",part:"header"},a("span",{key:"cf69c69cc786981ca6bd54bd0f6a6c38a3baa0b6",class:"co-accordion__heading-group"},a("span",{key:"0e7efd52e6d48c35ce0270485e8ce6099c6a3302",class:"co-accordion__heading",part:"heading"},a("slot",{key:"b575ce7ae5611007490724f430819f083781f84d",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"996a58f3f3b5cd656849b413b0f998675452cc2f",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"a9029aa67f51162ad54c010d23bf20545883ef45",name:"subheading"},this.subheading))),a("button",{key:"757286aaf2914fe7d32fc14ab0f5de57ffeab48c",class:"co-accordion__caret",type:"button","aria-expanded":this.open?"true":"false","aria-label":this.heading||"Toggle section",disabled:this.disabled,onClick:this.handleToggle,part:"caret"},a("co-icon",{key:"b4c3c96489a30607727a44955dbff2d504ef2b6e",name:"caret-up",size:20}))),a("div",{key:"bd56b12cbd7484f61fec140740312800536d7b18",class:"co-accordion__body",part:"body"},a("div",{key:"1f2ff56e7bd7a49f8484c988ecdf434d108ef4ed",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"25ef25609ccece786a05709d90a32e7e135fec72"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{padding-top:0}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-slow)}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function r(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((c=>{switch(c){case"co-accordion":customElements.get(o(c))||customElements.define(o(c),n);break;case"co-icon":customElements.get(o(c))||t()}}))}r();const d=n,s=r;export{d as CoAccordion,s as defineCustomElement}

package/dist/components/co-action-bar.js

@@ -1 +1 @@
-import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-BCnjq3jN.js";import{d as s}from"./p-2zy1K6zg.js";const c=i(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=t(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"3548a603f2b815a2fd08c49325645d18da63300d",class:{"co-action-bar":!0,"co-action-bar--open":this.open,"co-action-bar--animated":this.animated},part:"bar",role:"group","aria-label":this.ariaLabelText||this.label,"aria-hidden":this.open?null:"true"},e("span",{key:"113c8106d50409e1feb1a3393bd6bfee512eae53",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"a1d97aca67706c3d5260af28ea5bd6e5c2bce224",class:"co-action-bar__label",part:"label"},e("slot",{key:"91d58fee83bf5b234481e8bc9353e7fb94faf946",name:"label"},this.label)),e("div",{key:"cc710ea2bdabe99bab3e2b03dbfe0d79b9508f42",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"41e26a49665ed6294826b1630cd27039abd1240f"})),!1!==this.dismissible&&e("co-icon-button",{key:"1b7253ca63195f9169144634984d5da3c8142f7d",class:"co-action-bar__dismiss",part:"dismiss",icon:"x",variant:"ghost",surface:"dark",size:"xs",label:"Dismiss",onClick:this.handleDismiss}))}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100vw - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-color-base-blanco, #fff) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||n();break;case"co-icon-button":customElements.get(a(i))||s()}}))}r();const l=c,d=r;export{l as CoActionBar,d as defineCustomElement}
+import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-Q6caHt79.js";import{d as s}from"./p-WWlZiln1.js";const c=i(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=t(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"c350ea38a12157a5cefe26f303ef7100938d55c9",class:{"co-action-bar":!0,"co-action-bar--open":this.open,"co-action-bar--animated":this.animated},part:"bar",role:"group","aria-label":this.ariaLabelText||this.label,"aria-hidden":this.open?null:"true"},e("span",{key:"9f2d3d5729fd150e5aa0c487067c7c8ad6cd8b59",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"d2617507df8f2b48a743c1bb20482d9cc2e227df",class:"co-action-bar__label",part:"label"},e("slot",{key:"aad415247f017bd8ea38e38f84a0cd768a2f6f38",name:"label"},this.label)),e("div",{key:"8999cd574e430246824effda0bfa531d62a3530a",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"f06636fd076da38bc07982637f7def5d75df733e"})),!1!==this.dismissible&&e("co-icon-button",{key:"4227fa464073430c67190ac4afc6c6534b627934",class:"co-action-bar__dismiss",part:"dismiss",icon:"x",variant:"ghost",surface:"dark",size:"xs",label:"Dismiss",onClick:this.handleDismiss}))}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100vw - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-color-base-blanco, #fff) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||n();break;case"co-icon-button":customElements.get(a(i))||s()}}))}r();const l=c,d=r;export{l as CoActionBar,d as defineCustomElement}

package/dist/components/co-app-shell.js

@@ -1 +1 @@
-import{t as a,p as e,H as r,c as o,h as t,a as s}from"./index.js";const c=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return t(s,{key:"b81530338deb27cbf6cd7477f68c39bc9218bc00"},t("aside",{key:"023cd3028d18aad6d3ad18c17dd9ae66560e167c",class:"sidebar",part:"sidebar"},t("div",{key:"3287855013349c3e75b315ea6f8da35a28e473dd",class:"sidebar__header",part:"sidebar-header"},t("slot",{key:"bd82a6bca22dcb0058fe08f7e4b0fb3a5ed51fae",name:"sidebar-header"})),t("div",{key:"0226a4f9f41645ab7e89da48e6e5324c2755334d",class:"sidebar__body",part:"sidebar-body"},t("slot",{key:"151d6e2dfb2ba62627d8f30d89fd0a7827b28429",name:"sidebar"})),t("div",{key:"a5d1e73173da9a4b08bfe56fc22ed4a3ec494abe",class:"sidebar__footer",part:"sidebar-footer"},t("slot",{key:"5531392bd7d8fd37407d6b423a125e4db168e7cd",name:"sidebar-footer"}))),t("div",{key:"542b36579d0aa7703c5509d96c29d180ca4477ca",class:"main",part:"main"},t("div",{key:"9dc426144097434cf92c936aa9ff1495300a113f",class:"main__card",part:"card"},t("header",{key:"1045a59aab51c9bcbdc81d270fd67f68f037164a",class:"main__header",part:"header"},t("slot",{key:"5770b6d5ec74a4a66dbbd78975e56166f3ae7481",name:"navbar"})),t("main",{key:"c9e972900a046985f29004fa637e26149bb8d7de",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},t("slot",{key:"f7fec778bc6365da00b6c780c948618c88be489b"})))))}static get style(){return':host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient(     180deg,     var(--co-color-base-off-white) 0%,     var(--co-color-neutral-100) 50%,     var(--co-color-neutral-100) 100%   ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out);padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-shell-r:var(--co-border-radius-md);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>")}.main__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.main__content--card{background:var(--co-semantic-surface-secondary)}'}},[257,"co-app-shell",{sidebarMode:[1537,"sidebar-mode"],contentCard:[4,"content-card"]}]);function i(){"undefined"!=typeof customElements&&["co-app-shell"].forEach((e=>{"co-app-shell"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}i();const d=c,n=i;export{d as CoAppShell,n as defineCustomElement}
+import{t as a,p as e,H as r,c as o,h as t,a as c}from"./index.js";const s=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return t(c,{key:"7a45ab21e3ad256e25f05df33ad827931532c34a"},t("aside",{key:"5ca5469a35e630b4ab01be23cae46efc43cb1519",class:"sidebar",part:"sidebar"},t("div",{key:"f4243197b46e67b4d632aa8abad803b07f471bb2",class:"sidebar__header",part:"sidebar-header"},t("slot",{key:"b609c8272c05f7e4cbb2c8ae1ab0c24430541f84",name:"sidebar-header"})),t("div",{key:"72ca1118e1eeb6b5f3467c16c82dac60c4dc4042",class:"sidebar__body",part:"sidebar-body"},t("slot",{key:"48c65d150a4836996cf7406f32142bcb86e545df",name:"sidebar"})),t("div",{key:"be09567b81d7abae1738decfd30b9b7b6edb47f2",class:"sidebar__footer",part:"sidebar-footer"},t("slot",{key:"d202466aa14916d7fd3be163a615ce1156151150",name:"sidebar-footer"}))),t("div",{key:"d8b6f0cfdf0c4123b413d5d8bad78813fb7ba1a9",class:"main",part:"main"},t("div",{key:"0efa85801eaa0cd339875ff4a1fd9cedcd715751",class:"main__card",part:"card"},t("header",{key:"befa647b3822ed055166c3e2da9aca9fb54c1204",class:"main__header",part:"header"},t("slot",{key:"b08034b07963d178f3b8e9cee16d3975f97a7b90",name:"navbar"})),t("main",{key:"3b0adfc33dd08b08fb2edf84a5f098c0ff7d1003",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},t("slot",{key:"4c38a0a04548bc6cd2cc04d9b3fb095f5548fdde"})))))}static get style(){return':host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient(     180deg,     var(--co-color-base-off-white) 0%,     var(--co-color-neutral-100) 50%,     var(--co-color-neutral-100) 100%   ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out);padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-shell-r:var(--co-border-radius-md);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>")}.main__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.main__content--card{background:var(--co-semantic-surface-secondary)}'}},[257,"co-app-shell",{sidebarMode:[1537,"sidebar-mode"],contentCard:[4,"content-card"]}]);function i(){"undefined"!=typeof customElements&&["co-app-shell"].forEach((e=>{"co-app-shell"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}i();const d=s,n=i;export{d as CoAppShell,n as defineCustomElement}

package/dist/components/co-audio-player.js

@@ -1 +1 @@
-import{t,p as i,H as a,c as e,h as s}from"./index.js";import{d as o}from"./p-BCnjq3jN.js";function r(t){const i=Math.max(0,Math.floor(t||0));return`${Math.floor(i/60)}:${(""+i%60).padStart(2,"0")}`}function c(t,i){const a=t.length;if(!a||i<=0)return[];const e=Math.max(1,Math.floor(a/i)),s=[];for(let o=0;o<i;o++){let i=0;const r=o*e;for(let s=r;s<r+e&&s<a;s++){const a=Math.abs(t[s]);a>i&&(i=a)}s.push(.12+.88*i)}return s}function h(t){if(t<=0)return[];const i=[];for(let a=0;a<t;a++)i.push(.12+(.6*Math.sin(a/Math.max(1,t)*Math.PI)+.3)*(.75+.25*Math.abs(Math.sin(1.7*a)))*.88);return i}const n=i(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coPlay=e(this,"coPlay",7),this.coPause=e(this,"coPause",7),this.coEnded=e(this,"coEnded",7),this.coError=e(this,"coError",7),this.compact=!1,this.bars=64,this.barDensity=3,this.preload="metadata",this.downloadFilename="audio",this.noDownload=!1,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.currentTime=0,this.duration=0,this.peaks=[],this.containerWidth=0,this.playbackRate=1,this.rawChannelData=null,this.onMeta=()=>{var t;this.duration=(null===(t=this.audio)||void 0===t?void 0:t.duration)||0},this.onCanPlay=()=>{this.isLoading=!1},this.onWaiting=()=>{this.isLoading=!0},this.onTime=()=>{var t;this.currentTime=(null===(t=this.audio)||void 0===t?void 0:t.currentTime)||0},this.onEnded=()=>{this.isPlaying=!1,this.currentTime=0,this.coEnded.emit()},this.onErr=t=>{this.isLoading=!1,this.hasError=!0,this.coError.emit(t)},this.toggle=()=>{this.audio&&!this.hasError&&(this.isPlaying?(this.audio.pause(),this.isPlaying=!1,this.coPause.emit()):this.audio.play().then((()=>{this.isPlaying=!0,this.coPlay.emit()})).catch((()=>{})))},this.SPEEDS=[1,1.5,2,.5],this.cycleSpeed=()=>{const t=this.SPEEDS.indexOf(this.playbackRate);this.playbackRate=this.SPEEDS[(t+1)%this.SPEEDS.length],this.audio&&(this.audio.playbackRate=this.playbackRate)},this.seekAt=t=>{if(!this.audio||!this.waveEl||!this.duration)return;const i=function(t,i){return i.width?Math.max(0,Math.min(1,(t-i.left)/i.width)):0}(t,this.waveEl.getBoundingClientRect());this.audio.currentTime=i*this.duration,this.currentTime=this.audio.currentTime},this.onWaveKey=t=>{if(" "===t.key||"Enter"===t.key)return t.preventDefault(),void this.toggle();if(this.audio&&this.duration){if("ArrowRight"===t.key)this.audio.currentTime=Math.min(this.duration,this.audio.currentTime+5);else{if("ArrowLeft"!==t.key)return;this.audio.currentTime=Math.max(0,this.audio.currentTime-5)}this.currentTime=this.audio.currentTime}}}get effectiveBars(){return this.containerWidth>0?Math.max(24,Math.floor(this.containerWidth/this.barDensity)):this.bars}componentWillLoad(){this.init()}componentDidLoad(){if("undefined"==typeof ResizeObserver||!this.waveEl)return;this.resizeObserver=new ResizeObserver((t=>{var i;for(const a of t){const t=(null===(i=a.contentRect)||void 0===i?void 0:i.width)||a.target.clientWidth||0;t>2&&Math.abs(t-this.containerWidth)>2&&(this.containerWidth=t,this.rebuildBars())}})),this.resizeObserver.observe(this.waveEl);const t=this.waveEl.clientWidth||0;t>2&&(this.containerWidth=t,this.rebuildBars())}disconnectedCallback(){var t;this.teardown(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0}onSrcChange(){this.init()}rebuildBars(){this.peaks=this.rawChannelData?c(this.rawChannelData,this.effectiveBars):h(this.effectiveBars)}init(){if(this.teardown(),this.rawChannelData=null,this.peaks=h(this.effectiveBars),this.currentTime=0,this.duration=0,this.playbackRate=1,this.hasError=!1,!this.src)return;if(this.isLoading=!0,this.extractPeaks(this.src),"undefined"==typeof Audio)return;const t=new Audio;t.preload=this.preload,t.crossOrigin="anonymous",t.src=this.src,t.addEventListener("loadedmetadata",this.onMeta),t.addEventListener("timeupdate",this.onTime),t.addEventListener("ended",this.onEnded),t.addEventListener("error",this.onErr),t.addEventListener("canplay",this.onCanPlay),t.addEventListener("waiting",this.onWaiting),this.audio=t}teardown(){this.audio&&(this.audio.pause(),this.audio.removeEventListener("loadedmetadata",this.onMeta),this.audio.removeEventListener("timeupdate",this.onTime),this.audio.removeEventListener("ended",this.onEnded),this.audio.removeEventListener("error",this.onErr),this.audio.removeEventListener("canplay",this.onCanPlay),this.audio.removeEventListener("waiting",this.onWaiting),this.audio.src="",this.audio=void 0),this.isPlaying=!1}async extractPeaks(t){try{const i=window.AudioContext||window.webkitAudioContext;if(!i||"undefined"==typeof fetch)return;const a=new i,e=await(await fetch(t)).arrayBuffer(),s=await a.decodeAudioData(e);this.rawChannelData=s.getChannelData(0),this.peaks=c(this.rawChannelData,this.effectiveBars),a.close()}catch(t){this.rawChannelData=null,this.peaks=h(this.effectiveBars)}}async download(){if(this.src&&"undefined"!=typeof fetch)try{const t=await(await fetch(this.src)).blob(),i=URL.createObjectURL(t),a=document.createElement("a");a.href=i,a.download=this.downloadFilename,document.body.appendChild(a),a.click(),a.remove(),URL.revokeObjectURL(i)}catch(t){}}render(){const t=Math.max(1,3*this.peaks.length),i=this.duration?this.currentTime/this.duration*100:0,a=(t,i,a=!1)=>s("rect",{key:"4775b84d9af61824dcd56d79aca4d198802fd9ab",x:3*i,y:20-40*t/2,width:1.8,height:Math.max(40*t,2),rx:.6,class:{"co-audio-player__bar":!0,"co-audio-player__bar--played":a}});return s("div",{key:"b1e8e33109602b0f88c2d95a1bc004d282ae1985",class:{"co-audio-player":!0,"co-audio-player--compact":this.compact,"co-audio-player--error":this.hasError,"co-audio-player--playing":this.isPlaying},part:"player"},s("button",{key:"37c0b83df324d87382aa6c3c1793597f74f9cefe",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},s("co-icon",{key:"5dd0f24e7ca67fa080e4e9dd8b0512b322d5e53e",name:this.hasError?"warning-circle":this.isPlaying?"pause":"play",weight:"fill",size:this.compact?12:14})),s("div",{key:"ad0e201fec15d2cebf9d049c83a19221f9a00f68",class:"co-audio-player__wave",part:"wave",role:"slider",tabindex:"0","aria-label":"Progreso de reproducción","aria-valuemin":0,"aria-valuemax":Math.floor(this.duration),"aria-valuenow":Math.floor(this.currentTime),ref:t=>this.waveEl=t,onClick:t=>this.seekAt(t.clientX),onKeyDown:this.onWaveKey},s("svg",{key:"2407820a1b05cfd4f433a15824be006698353d05",class:"co-audio-player__svg",viewBox:`0 0 ${t} 40`,preserveAspectRatio:"none","aria-hidden":"true"},this.peaks.map(((t,i)=>a(t,i))),s("clipPath",{key:"ef30411f2c3db0167adbe22828c3eff9fbc9faf9",id:"co-ap-clip"},s("rect",{key:"c63779f30c3cc18b5e44d33f243ab8ddf209bb06",x:"0",y:"0",width:i/100*t,height:40})),s("g",{key:"0d56c6299e0affdea922048205365ced7e5b135b","clip-path":"url(#co-ap-clip)"},this.peaks.map(((t,i)=>a(t,i,!0)))))),s("span",{key:"d123e909e5c0641968d5d5c18f11a48e416a9ccc",class:"co-audio-player__time",part:"time"},r(this.currentTime)," / ",r(this.duration)),!this.compact&&s("button",{key:"ec9bf8ec5d81105dfc8346d69f6cd63b127a3d72",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&&s("button",{key:"28be3e9a09967e836fde4a4422971edb576998f0",type:"button",class:"co-audio-player__dl",part:"download","aria-label":"Descargar",onClick:()=>this.download()},s("co-icon",{key:"fad58b255cc75b70f692136c516913131c25677c",name:"download-simple",size:14})))}static get watchers(){return{src:[{onSrcChange:0}]}}static get style(){return":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}"}},[1,"co-audio-player",{src:[1],compact:[4],bars:[2],barDensity:[2,"bar-density"],preload:[1],downloadFilename:[1,"download-filename"],noDownload:[4,"no-download"],isPlaying:[32],isLoading:[32],hasError:[32],currentTime:[32],duration:[32],peaks:[32],containerWidth:[32],playbackRate:[32]},void 0,{src:[{onSrcChange:0}]}]);function d(){"undefined"!=typeof customElements&&["co-audio-player","co-icon"].forEach((i=>{switch(i){case"co-audio-player":customElements.get(t(i))||customElements.define(t(i),n);break;case"co-icon":customElements.get(t(i))||o()}}))}d();const l=n,u=d;export{l as CoAudioPlayer,u as defineCustomElement}
+import{t,p as i,H as a,c as e,h as s}from"./index.js";import{d as o}from"./p-Q6caHt79.js";function r(t){const i=Math.max(0,Math.floor(t||0));return`${Math.floor(i/60)}:${(""+i%60).padStart(2,"0")}`}function c(t,i){const a=t.length;if(!a||i<=0)return[];const e=Math.max(1,Math.floor(a/i)),s=[];for(let o=0;o<i;o++){let i=0;const r=o*e;for(let s=r;s<r+e&&s<a;s++){const a=Math.abs(t[s]);a>i&&(i=a)}s.push(.12+.88*i)}return s}function h(t){if(t<=0)return[];const i=[];for(let a=0;a<t;a++)i.push(.12+(.6*Math.sin(a/Math.max(1,t)*Math.PI)+.3)*(.75+.25*Math.abs(Math.sin(1.7*a)))*.88);return i}const n=i(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coPlay=e(this,"coPlay",7),this.coPause=e(this,"coPause",7),this.coEnded=e(this,"coEnded",7),this.coError=e(this,"coError",7),this.compact=!1,this.bars=64,this.barDensity=3,this.preload="metadata",this.downloadFilename="audio",this.noDownload=!1,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.currentTime=0,this.duration=0,this.peaks=[],this.containerWidth=0,this.playbackRate=1,this.rawChannelData=null,this.onMeta=()=>{var t;this.duration=(null===(t=this.audio)||void 0===t?void 0:t.duration)||0},this.onCanPlay=()=>{this.isLoading=!1},this.onWaiting=()=>{this.isLoading=!0},this.onTime=()=>{var t;this.currentTime=(null===(t=this.audio)||void 0===t?void 0:t.currentTime)||0},this.onEnded=()=>{this.isPlaying=!1,this.currentTime=0,this.coEnded.emit()},this.onErr=t=>{this.isLoading=!1,this.hasError=!0,this.coError.emit(t)},this.toggle=()=>{this.audio&&!this.hasError&&(this.isPlaying?(this.audio.pause(),this.isPlaying=!1,this.coPause.emit()):this.audio.play().then((()=>{this.isPlaying=!0,this.coPlay.emit()})).catch((()=>{})))},this.SPEEDS=[1,1.5,2,.5],this.cycleSpeed=()=>{const t=this.SPEEDS.indexOf(this.playbackRate);this.playbackRate=this.SPEEDS[(t+1)%this.SPEEDS.length],this.audio&&(this.audio.playbackRate=this.playbackRate)},this.seekAt=t=>{if(!this.audio||!this.waveEl||!this.duration)return;const i=function(t,i){return i.width?Math.max(0,Math.min(1,(t-i.left)/i.width)):0}(t,this.waveEl.getBoundingClientRect());this.audio.currentTime=i*this.duration,this.currentTime=this.audio.currentTime},this.onWaveKey=t=>{if(" "===t.key||"Enter"===t.key)return t.preventDefault(),void this.toggle();if(this.audio&&this.duration){if("ArrowRight"===t.key)this.audio.currentTime=Math.min(this.duration,this.audio.currentTime+5);else{if("ArrowLeft"!==t.key)return;this.audio.currentTime=Math.max(0,this.audio.currentTime-5)}this.currentTime=this.audio.currentTime}}}get effectiveBars(){return this.containerWidth>0?Math.max(24,Math.floor(this.containerWidth/this.barDensity)):this.bars}componentWillLoad(){this.init()}componentDidLoad(){if("undefined"==typeof ResizeObserver||!this.waveEl)return;this.resizeObserver=new ResizeObserver((t=>{var i;for(const a of t){const t=(null===(i=a.contentRect)||void 0===i?void 0:i.width)||a.target.clientWidth||0;t>2&&Math.abs(t-this.containerWidth)>2&&(this.containerWidth=t,this.rebuildBars())}})),this.resizeObserver.observe(this.waveEl);const t=this.waveEl.clientWidth||0;t>2&&(this.containerWidth=t,this.rebuildBars())}disconnectedCallback(){var t;this.teardown(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0}onSrcChange(){this.init()}rebuildBars(){this.peaks=this.rawChannelData?c(this.rawChannelData,this.effectiveBars):h(this.effectiveBars)}init(){if(this.teardown(),this.rawChannelData=null,this.peaks=h(this.effectiveBars),this.currentTime=0,this.duration=0,this.playbackRate=1,this.hasError=!1,!this.src)return;if(this.isLoading=!0,this.extractPeaks(this.src),"undefined"==typeof Audio)return;const t=new Audio;t.preload=this.preload,t.crossOrigin="anonymous",t.src=this.src,t.addEventListener("loadedmetadata",this.onMeta),t.addEventListener("timeupdate",this.onTime),t.addEventListener("ended",this.onEnded),t.addEventListener("error",this.onErr),t.addEventListener("canplay",this.onCanPlay),t.addEventListener("waiting",this.onWaiting),this.audio=t}teardown(){this.audio&&(this.audio.pause(),this.audio.removeEventListener("loadedmetadata",this.onMeta),this.audio.removeEventListener("timeupdate",this.onTime),this.audio.removeEventListener("ended",this.onEnded),this.audio.removeEventListener("error",this.onErr),this.audio.removeEventListener("canplay",this.onCanPlay),this.audio.removeEventListener("waiting",this.onWaiting),this.audio.src="",this.audio=void 0),this.isPlaying=!1}async extractPeaks(t){try{const i=window.AudioContext||window.webkitAudioContext;if(!i||"undefined"==typeof fetch)return;const a=new i,e=await(await fetch(t)).arrayBuffer(),s=await a.decodeAudioData(e);this.rawChannelData=s.getChannelData(0),this.peaks=c(this.rawChannelData,this.effectiveBars),a.close()}catch(t){this.rawChannelData=null,this.peaks=h(this.effectiveBars)}}async download(){if(this.src&&"undefined"!=typeof fetch)try{const t=await(await fetch(this.src)).blob(),i=URL.createObjectURL(t),a=document.createElement("a");a.href=i,a.download=this.downloadFilename,document.body.appendChild(a),a.click(),a.remove(),URL.revokeObjectURL(i)}catch(t){}}render(){const t=Math.max(1,3*this.peaks.length),i=this.duration?this.currentTime/this.duration*100:0,a=(t,i,a=!1)=>s("rect",{key:"ffe5ce97626e52c12e60b953b62d237f14acb582",x:3*i,y:20-40*t/2,width:1.8,height:Math.max(40*t,2),rx:.6,class:{"co-audio-player__bar":!0,"co-audio-player__bar--played":a}});return s("div",{key:"012710aded6ca183e80d7fde087cb0fdf413249b",class:{"co-audio-player":!0,"co-audio-player--compact":this.compact,"co-audio-player--error":this.hasError,"co-audio-player--playing":this.isPlaying},part:"player"},s("button",{key:"2505b88e97e73fd39aa31e3dad5e7fe0c1b94c80",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},s("co-icon",{key:"e0e0d2dd5f6e0578ba80a3c235e5c221a6e8fe21",name:this.hasError?"warning-circle":this.isPlaying?"pause":"play",weight:"fill",size:this.compact?12:14})),s("div",{key:"d2b32119c69c64d2f68d469fe4ae056780446322",class:"co-audio-player__wave",part:"wave",role:"slider",tabindex:"0","aria-label":"Progreso de reproducción","aria-valuemin":0,"aria-valuemax":Math.floor(this.duration),"aria-valuenow":Math.floor(this.currentTime),ref:t=>this.waveEl=t,onClick:t=>this.seekAt(t.clientX),onKeyDown:this.onWaveKey},s("svg",{key:"fb9643df152d2d0b119580954f639cb3a9c2cd66",class:"co-audio-player__svg",viewBox:`0 0 ${t} 40`,preserveAspectRatio:"none","aria-hidden":"true"},this.peaks.map(((t,i)=>a(t,i))),s("clipPath",{key:"c2901cfe7c7e910bd53c8c92894b2d2395cde270",id:"co-ap-clip"},s("rect",{key:"8129a85201e09ba6646b08ed0075798b0a0b0dfc",x:"0",y:"0",width:i/100*t,height:40})),s("g",{key:"69bc1780122d48f1a545d1c59bf7ed6536285ed2","clip-path":"url(#co-ap-clip)"},this.peaks.map(((t,i)=>a(t,i,!0)))))),s("span",{key:"3747622619bd81545f85e7eb2f9c19b1aca6e7c2",class:"co-audio-player__time",part:"time"},r(this.currentTime)," / ",r(this.duration)),!this.compact&&s("button",{key:"84341856fb2e0b6a094c673a727370b148190e30",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&&s("button",{key:"d6767d185317f20299b40c4050a806d88165682f",type:"button",class:"co-audio-player__dl",part:"download","aria-label":"Descargar",onClick:()=>this.download()},s("co-icon",{key:"a0f0a09cdf705ecf15e0156cf93011f89f41ffa5",name:"download-simple",size:14})))}static get watchers(){return{src:[{onSrcChange:0}]}}static get style(){return":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}"}},[1,"co-audio-player",{src:[1],compact:[4],bars:[2],barDensity:[2,"bar-density"],preload:[1],downloadFilename:[1,"download-filename"],noDownload:[4,"no-download"],isPlaying:[32],isLoading:[32],hasError:[32],currentTime:[32],duration:[32],peaks:[32],containerWidth:[32],playbackRate:[32]},void 0,{src:[{onSrcChange:0}]}]);function d(){"undefined"!=typeof customElements&&["co-audio-player","co-icon"].forEach((i=>{switch(i){case"co-audio-player":customElements.get(t(i))||customElements.define(t(i),n);break;case"co-icon":customElements.get(t(i))||o()}}))}d();const l=n,u=d;export{l as CoAudioPlayer,u as defineCustomElement}