npm - @prolibu-suite/cobalt-core - Versions diffs - 0.11.0 → 0.11.2 - Mend

@prolibu-suite/cobalt-core 0.11.0 → 0.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (651) hide show

package/dist/cjs/co-accordion.cjs.entry.js CHANGED Viewed

@@ -65,11 +65,11 @@ const CoAccordion = class {
         return !!(this.subheading && this.subheading.trim()) || this.hasSubheadingSlot;
     }
     render() {
-        return (index.h("div", { key: '48a22b997b1611f285c747c2ce30b4db2ac87fdc', class: {
+        return (index.h("div", { key: '0d1c2cca135ac9d62cb7d4b5c620843c5788101d', class: {
                 'co-accordion': true,
                 'co-accordion--open': this.open,
                 'co-accordion--disabled': this.disabled,
-            }, part: "accordion" }, index.h("div", { key: 'fde9b00c928e7aab65650975ece4539c6a8d54e7', class: "co-accordion__header", part: "header" }, index.h("span", { key: '884cf74c6207037ca4ee8ee4686af08677f15450', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, index.h("span", { key: '9019e1b204f06c5f5bb184b948a322a81110c79d', class: "co-accordion__heading", part: "heading" }, index.h("slot", { key: '9feb0b98d902bbfdf93c45340aa6854e4c473b31', name: "header" }, this.heading)), this.showSubheading && (index.h("span", { key: 'eaffac4798f56c63feb7796f43c58c06ef6e0fcb', class: "co-accordion__subheading", part: "subheading" }, index.h("slot", { key: '659cdde265f6325d3320f355ea9875fc0d50a480', name: "subheading" }, this.subheading)))), index.h("button", { key: 'a97f62583665f162085dcae31f08297a89bff184', 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" }, index.h("co-icon", { key: '2d34e356aa0a7817d59c838b4cad3addc0698386', name: "caret-up", size: 20 }))), index.h("div", { key: '6514d5a1ef7a7e3eeb33514705a83ad17e30826b', class: "co-accordion__body", part: "body" }, index.h("div", { key: '8dfcd782cda8973943a2619ce24d11a8655fad98', class: "co-accordion__body-inner", part: "body-inner" }, index.h("slot", { key: '7f9a2c929b8bb82ab2267ae590cf3916b8c55824' })))));
+            }, part: "accordion" }, index.h("div", { key: 'aa80683852ba2b131c7ab29eed528ec87d92a565', class: "co-accordion__header", part: "header" }, index.h("span", { key: '71c84f588f351279bb999a2ec84dd37b202203d0', class: "co-accordion__heading-group", onClick: this.handleHeadingClick }, index.h("span", { key: '42201833527fd73790ab6391668ba8eb7986ed90', class: "co-accordion__heading", part: "heading" }, index.h("slot", { key: '11528c94fa817e55ffb015975e29947111e98c08', name: "header" }, this.heading)), this.showSubheading && (index.h("span", { key: '73bd7f8b5d7b967f0a5c84f207ab4452e96f6805', class: "co-accordion__subheading", part: "subheading" }, index.h("slot", { key: '1cefb67a4b6809357ee9a5a9330ec3bcd3be42ab', name: "subheading" }, this.subheading)))), index.h("button", { key: 'fef96df91611513ab6f6074578a31c3e7b23b4c2', 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" }, index.h("co-icon", { key: 'f32612853d42ea6f2c34b2554951b22d155d1afc', name: "caret-up", size: 20 }))), index.h("div", { key: 'c3c90907e7114f20a917bae025012464182b8ea4', class: "co-accordion__body", part: "body" }, index.h("div", { key: '44877e54213ae200cde25d5a2fb5ae4ed95b7df9', class: "co-accordion__body-inner", part: "body-inner" }, index.h("slot", { key: '4ad41bab50239bb4ddca8ee8751afeb6dfb19227' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/co-action-bar.cjs.entry.js CHANGED Viewed

@@ -72,11 +72,11 @@ const CoActionBar = class {
         }
     }
     render() {
-        return (index.h("div", { key: '44994727b254742807ea5f9aa8eab97e621b623c', class: {
+        return (index.h("div", { key: '142b59b00b772502ea25dfb13537b9b3dd546080', class: {
                 'co-action-bar': true,
                 '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' }, index.h("span", { key: '0a2c1c9a2d78c91616c7453cf464e6d0b35604e3', class: "co-action-bar__live", "aria-live": "polite" }, this.liveText), index.h("span", { key: 'dc0f171a5daf70f1bc9d17cd9208449d778686b6', class: "co-action-bar__label", part: "label" }, index.h("slot", { key: '68255bae861d9f3c5bdf1ebf49983487dfcc0086', name: "label" }, this.label)), index.h("div", { key: '38b1b684b3c5b9aeddaf146219d977d9438804fa', class: "co-action-bar__actions", part: "actions" }, index.h("slot", { key: '6856aa1045f7a716fe33fc7b99f125175053325d' })), this.dismissible !== false && (index.h("co-icon-button", { key: '558f6857a0e8128fdd7ead83947b27069d473539', class: "co-action-bar__dismiss", part: "dismiss", icon: "x", variant: "ghost", surface: "dark", size: "xs", label: "Dismiss", onClick: this.handleDismiss }))));
+            }, part: "bar", role: "group", "aria-label": this.ariaLabelText || this.label, "aria-hidden": this.open ? null : 'true' }, index.h("span", { key: '8d250df3de2ac4a0c656f90e43f113d0cf2725e2', class: "co-action-bar__live", "aria-live": "polite" }, this.liveText), index.h("span", { key: '0787a2c1d6a145dd95c6cca688b8a410c50dd8db', class: "co-action-bar__label", part: "label" }, index.h("slot", { key: 'ece9079fc9e5a06a75b4f9ff4da8d5b9c0362bbf', name: "label" }, this.label)), index.h("div", { key: '29a587420ce044ee0fa1502bef229c15ab287a79', class: "co-action-bar__actions", part: "actions" }, index.h("slot", { key: '359ce62b1f45b4c3292ee575b5a4bcf9c684fc07' })), this.dismissible !== false && (index.h("co-icon-button", { key: '66439f013f0e3de6f184f6e600cd1eb5bca3b004', 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": [{

package/dist/cjs/co-app-shell.cjs.entry.js CHANGED Viewed

@@ -14,10 +14,10 @@ const CoAppShell = class {
         this.contentCard = true;
     }
     render() {
-        return (index.h(index.Host, { key: '6c6062fe507ad4000b316f249063d4adeb781bc2' }, index.h("aside", { key: '627e78f81460aecf933757d743a1517545055b90', class: "sidebar", part: "sidebar" }, index.h("div", { key: 'f76c26b2b7a702b1652cde3ec891f232b5974ffb', class: "sidebar__header", part: "sidebar-header" }, index.h("slot", { key: '72f4e04eea092d465742874633eab234b7eb8dd5', name: "sidebar-header" })), index.h("div", { key: '9a1490ddb0cd566d8711b6b611d685500c2f2d3e', class: "sidebar__body", part: "sidebar-body" }, index.h("slot", { key: '35c209d25f06da6627c4b09fe3e60fbf45f5f766', name: "sidebar" })), index.h("div", { key: '6b976c9326cd0fcb267910c3016d8c73a08ce793', class: "sidebar__footer", part: "sidebar-footer" }, index.h("slot", { key: '66274387d3b63e0dd04369c29f4efa60de7c915e', name: "sidebar-footer" }))), index.h("div", { key: '6bb53ff220634d5363447c11a485c5c316a0a926', class: "main co-sq-elevation co-sq-elevation-fallback", part: "main" }, index.h("div", { key: 'a394d95b686319a3b6d24af6ea85b12c677c50d3', class: "main__card co-sq-clip", part: "card" }, index.h("header", { key: 'a71028e8efd157c9e38691a94e61c0e20d60c06d', class: "main__header", part: "header" }, index.h("slot", { key: 'a8e9e4efc55445d49f117f35740cf43241d867af', name: "navbar" })), index.h("main", { key: 'b0dcd0b69e185076bbf0c3f7e102712a87bca4a0', class: {
+        return (index.h(index.Host, { key: '94ecab3775bfc41a8579c1d1c76c9312160aebad' }, index.h("aside", { key: '3ddf6675b4d7ce1697c48e3e5885c1e303cdbc5f', class: "sidebar", part: "sidebar" }, index.h("div", { key: 'b64ecb693c193e4c8b4ac1e2facce961487e56cf', class: "sidebar__header", part: "sidebar-header" }, index.h("slot", { key: '83d961e15824aea7b5fa7cc9da616d2e05da0cce', name: "sidebar-header" })), index.h("div", { key: '971f6ae8a723d811f2062963ab370a803284d5f8', class: "sidebar__body", part: "sidebar-body" }, index.h("slot", { key: 'be55e67e6344346e92eaf086fa139bc3e763949d', name: "sidebar" })), index.h("div", { key: '5b6680a3368ce37e0e34f99e8544e0007d1131c2', class: "sidebar__footer", part: "sidebar-footer" }, index.h("slot", { key: 'b0f72b695b2d5fd89e30d64982f9f43370c81341', name: "sidebar-footer" }))), index.h("div", { key: 'fa85fc8ea88350e90df48e3853429641d6527014', class: "main co-sq-elevation co-sq-elevation-fallback", part: "main" }, index.h("div", { key: '7a258e3649bb03756d8e56c69e1777bb9006cd53', class: "main__card co-sq-clip", part: "card" }, index.h("header", { key: 'bdfc99ad70e4c9772da3e8c99d631d2f7cbd7436', class: "main__header", part: "header" }, index.h("slot", { key: 'f697503aac1963ba4c86e57d45e5e5a3fe4781ee', name: "navbar" })), index.h("main", { key: 'ca66e612ed04f5f829a0b75ac509c01012a6b4a5', class: {
                 'main__content': true,
                 'main__content--card': this.contentCard,
-            }, part: "content" }, index.h("slot", { key: 'e0709811ba6219c5a71253440df09b4872264968' }))))));
+            }, part: "content" }, index.h("slot", { key: 'b99b1ea67e4ae8c059a3dcb03c0a04bbc2af569b' }))))));
     }
 };
 CoAppShell.style = coAppShellCss();

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

@@ -419,13 +419,13 @@ const CoAudioPlayer = class {
         // below `aria-valuenow` the moment playback advances. ARIA 1.2 makes valuemax
         // optional for `slider`, so leaving it off while unknown is well-formed.
         const ariaMax = total ? Math.floor(total) : undefined;
-        const bar = (hFrac, i, played = false) => (index.h("rect", { key: '613a55cc16a6e30b15cc4536d4b4c2be36d8e9cb', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
-        return (index.h("div", { key: 'c280d66da131a1275e55504ed6c7f149e4426a81', class: {
+        const bar = (hFrac, i, played = false) => (index.h("rect", { key: '4b294190b3be5e7cf15282d43e7e51164a3dda4c', x: i * UNIT, y: H / 2 - (hFrac * H) / 2, width: W, height: Math.max(hFrac * H, 2), rx: R, class: { 'co-audio-player__bar': true, 'co-audio-player__bar--played': played } }));
+        return (index.h("div", { key: '0758a438c4a71e822de94f8b41219945f62ae62d', class: {
                 'co-audio-player': true,
                 'co-audio-player--compact': this.compact,
                 'co-audio-player--error': this.hasError,
                 'co-audio-player--playing': this.isPlaying,
-            }, part: "player" }, index.h("button", { key: '66069dccca38a00ac2792dddb261ca086d7116ad', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, index.h("co-icon", { key: '7340e5754252c37e173aec9f5a1238a67f5ef0c5', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), index.h("div", { key: '40d64e320e18543586503779780956da58865a89', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": ariaMax, "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, index.h("svg", { key: '5ab7bd2f636bd6148ac99c72aa7e65919fa7b130', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), index.h("clipPath", { key: 'f9d0efe655633d90d9bbb3c4c13f73ac5669e2f8', id: "co-ap-clip" }, index.h("rect", { key: 'fce2341eb132c30c9cf460e5ebe528c1b4dbc881', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), index.h("g", { key: 'cf22c83391dd8e303f49a845eab2d3735ca5cc72', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), index.h("span", { key: '3cf02ddb3e26cab7964b295d188bb65122b30014', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (index.h("button", { key: '01768f7846ac3727b9e5cdd2578e7d805b10337e', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (index.h("button", { key: '451b5775bcf1ed6482d915f63bf7fe2c4c380b7b', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, index.h("co-icon", { key: '2798eec7e679f74f9fa7e25e6f8d1b88fac068e7', name: "download-simple", size: 14 })))));
+            }, part: "player" }, index.h("button", { key: '4c4161e7ba7344a9c6a32dcc8fd92c300b750d95', type: "button", class: "co-audio-player__play", part: "play", "aria-label": this.hasError ? 'Audio no disponible' : this.isPlaying ? 'Pausar' : 'Reproducir', "aria-busy": this.isLoading ? 'true' : 'false', disabled: this.hasError || !this.src, onClick: this.toggle }, index.h("co-icon", { key: 'ea749ee1cf627a49e3859029ca274170c8d69c63', name: this.hasError ? 'warning-circle' : this.isPlaying ? 'pause' : 'play', weight: "fill", size: this.compact ? 12 : 14 })), index.h("div", { key: 'f39bf8bf114860a672979fa53287672dccea1b7f', class: "co-audio-player__wave", part: "wave", role: "slider", tabindex: "0", "aria-label": "Progreso de reproducci\u00F3n", "aria-valuemin": 0, "aria-valuemax": ariaMax, "aria-valuenow": Math.floor(this.currentTime), ref: (el) => (this.waveEl = el), onClick: (e) => this.seekAt(e.clientX), onKeyDown: this.onWaveKey }, index.h("svg", { key: '2145f303271ca676988999b5ea7d76ab384c5e2d', class: "co-audio-player__svg", viewBox: `0 0 ${vbW} ${H}`, preserveAspectRatio: "none", "aria-hidden": "true" }, this.peaks.map((hFrac, i) => bar(hFrac, i)), index.h("clipPath", { key: '6014c9f96f5df60086265a5e01344be80ebff741', id: "co-ap-clip" }, index.h("rect", { key: '5857fa3098fc0eb9df58b643c2b44316cf819ae8', x: "0", y: "0", width: (pct / 100) * vbW, height: H })), index.h("g", { key: '241608ddfdb863ba5b18444ed2bffb39e72abeb5', "clip-path": "url(#co-ap-clip)" }, this.peaks.map((hFrac, i) => bar(hFrac, i, true))))), index.h("span", { key: '18f190b8b23f8939da5dd2c230214d42a5b330c1', class: "co-audio-player__time", part: "time" }, formatTime(this.currentTime), " / ", formatTime(this.duration)), !this.compact && (index.h("button", { key: '4a29cae938ab347997bc76e0cfe5621b402730f7', type: "button", class: "co-audio-player__speed", part: "speed", "aria-label": `Velocidad de reproducción ${this.playbackRate}x`, onClick: this.cycleSpeed }, this.playbackRate, "x")), !this.compact && !this.noDownload && (index.h("button", { key: 'c451449e629584bc3937b27b31b1124e510af91e', type: "button", class: "co-audio-player__dl", part: "download", "aria-label": "Descargar", onClick: () => this.download() }, index.h("co-icon", { key: 'f4d014129829ab57ddae0d3e32b1e0930f1bc288', name: "download-simple", size: 14 })))));
     }
     static get watchers() { return {
         "src": [{

package/dist/cjs/co-autocomplete.cjs.entry.js CHANGED Viewed

@@ -13,18 +13,25 @@ const CoAutocomplete = class {
         this.coClear = index.createEvent(this, "coClear", 7);
         /** Whether the field is required (renders a required marker on the label). */
         this.required = false;
+        /** Placeholder del input. */
         this.placeholder = 'Search…';
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Botón × para vaciar texto y selección (default `true`); emite `coClear` y `coChange`. */
         this.clearable = true;
         /** Label layout: vertical (label above) or horizontal (label beside) */
         this.layout = 'vertical';
         /** Field size (mirrors co-input): s 28 / sm 32 / md 40 / lg 48. */
         this.size = 'md';
+        /** Estado de validación: pinta el borde y el `helperText` con el color del estado. */
         this.status = 'default';
         /** Pre-loaded or server-returned options */
         this.options = '[]';
+        /** Selección: `value` de la opción elegida; en `multiple`, array o JSON array. El componente lo actualiza. */
         this.value = '';
+        /** Selección múltiple: lo elegido se muestra como chips. */
         this.multiple = false;
+        /** El host está buscando: muestra un loader en la lista de sugerencias. */
         this.loading = false;
         /** Minimum characters before emitting coSearch */
         this.minChars = 1;
@@ -177,16 +184,16 @@ const CoAutocomplete = class {
     render() {
         const options = this.parsedOptions;
         const selected = this.selectedValues;
-        return (index.h("div", { key: '0fad340e2daa5ee4b56e28325d5eaec4d60d7188', class: {
+        return (index.h("div", { key: '02fe5e70777f1a39038af676c76032ae1fbecbc8', class: {
                 'co-autocomplete': true,
                 'co-autocomplete--disabled': this.disabled,
                 'co-autocomplete--focused': this.focused,
                 [`co-autocomplete--${this.size}`]: true,
                 [`co-autocomplete--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'a724b6267fd6dbe267725f3619677e043843c96c', class: "co-autocomplete__labels" }, this.label && index.h("label", { key: '45c176c82f0967c6ff0f1f323d36834d247f8ac6', class: "co-autocomplete__label" }, this.label, index.h(requiredMark.RequiredMark, { key: '52940ac88fa7ba5f2b662990a66b0ad84d728ecc', required: this.required })), this.secondaryLabel && index.h("span", { key: '5eac2ccf44d59067f7ca070561c18c9b45b4cfc1', class: "co-autocomplete__secondary-label" }, this.secondaryLabel))), index.h("div", { key: '4837e011ac491a34efdfb84bd80f2baa52c4f451', class: "co-autocomplete__field" }, this.iconLeft && index.h("co-icon", { key: '1a46dba433dec3b8dec82b6d2e93cee0575f5673', name: this.iconLeft, size: 16, class: "co-autocomplete__icon" }), this.multiple && selected.length > 0 && (index.h("div", { key: '95054c8e5ec371ba04f6fa5938d74babffef473f', class: "co-autocomplete__chips" }, selected.map(val => {
+            } }, (this.label || this.secondaryLabel) && (index.h("div", { key: 'a9237e72752d5d3921d70cb2d63a160625db7e62', class: "co-autocomplete__labels" }, this.label && index.h("label", { key: 'f1284520b961bf6598e4b9c8a3d943b8b1aa847f', class: "co-autocomplete__label" }, this.label, index.h(requiredMark.RequiredMark, { key: '6c40530c3e2dca2b3adef8a8ce00c256b7070b48', required: this.required })), this.secondaryLabel && index.h("span", { key: '37a0de4ba199f1bc6503543e18261623642c00cf', class: "co-autocomplete__secondary-label" }, this.secondaryLabel))), index.h("div", { key: '30ff3eacbf9634085b212135356c3edbef6e8df9', class: "co-autocomplete__field" }, this.iconLeft && index.h("co-icon", { key: '3b8c564aae36e7db59c39fcc31fda7d98f55fae8', name: this.iconLeft, size: 16, class: "co-autocomplete__icon" }), this.multiple && selected.length > 0 && (index.h("div", { key: 'df7f0b08d2b456a048368f80c828ee83502b0a20', class: "co-autocomplete__chips" }, selected.map(val => {
             const opt = this.parsedOptions.find(o => o.value === val);
             return (index.h("co-chip", { label: opt ? opt.label : val, size: "small", removable: true, onCoRemove: () => this.handleChipRemove(val) }));
-        }))), index.h("input", { key: '016887bf4fa1872bafd1ba60a7fb960ca89e8b76', ref: el => (this.inputEl = el), class: "co-autocomplete__input", type: "text", value: this.query, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleInputKeyDown }), this.loading && index.h("div", { key: 'eac7e752a8d8f18b866c5fe4283707e851355328', class: "co-autocomplete__spinner" }), this.clearable && (this.hasValue || this.query) && !this.disabled && (index.h("button", { key: 'aac8dcfced13e8abf3bb6beb0fa56124814804ea', class: "co-autocomplete__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '8a5605cfe09eb17ca65c9fd97662ceec893431b7', name: "x-circle", size: 16, weight: "fill" })))), this.isOpen && (index.h("div", { key: '7263c42e73656db3ee8d1c1c2f5f5cd941b0e40b', class: "co-autocomplete__dropdown" }, index.h("co-option-list", { key: '32071562943c992b0013451c8b89da20590554cf', ref: (el) => (this.optionListEl = el), items: JSON.stringify(options.map((o) => ({ _id: o.value, label: o.label, icon: o.icon, disabled: o.disabled }))), value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", virtual: true, loading: this.loading, emptyMessage: this.emptyMessage, onCoChange: (e) => this.handleListChange(e.detail) }))), this.helperText && (index.h("div", { key: '47ba4956d829c700700a7509e8fd2fc58dd6e4d9', class: `co-autocomplete__helper co-autocomplete__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: 'b4363e83a7258241d23f4911c1f6fb352330c19d', name: this.statusIcon, size: 14, weight: "fill", class: "co-autocomplete__helper-icon" }), index.h("span", { key: '952777047bd27a6604daea9531f26ce5aab0c475', class: "co-autocomplete__helper-text" }, this.helperText)))));
+        }))), index.h("input", { key: 'e2d9cfa48001c20aa9e8a4ef5800135172b2aff9', ref: el => (this.inputEl = el), class: "co-autocomplete__input", type: "text", value: this.query, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onFocus: this.handleFocus, onKeyDown: this.handleInputKeyDown }), this.loading && index.h("div", { key: 'e58449cb033553a123f3c2b1daa9b9c62a571273', class: "co-autocomplete__spinner" }), this.clearable && (this.hasValue || this.query) && !this.disabled && (index.h("button", { key: 'ea8021e0807cd0eece9933f84772f5f497d2a63c', class: "co-autocomplete__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, index.h("co-icon", { key: '67a2f961d0ece0178811aa04fd9e5a082976ef6a', name: "x-circle", size: 16, weight: "fill" })))), this.isOpen && (index.h("div", { key: '562cc6f307edd60c361c60974d0423550d8f681a', class: "co-autocomplete__dropdown" }, index.h("co-option-list", { key: '3dec3da0d38adb8986b57960c74b697ffbc211dd', ref: (el) => (this.optionListEl = el), items: JSON.stringify(options.map((o) => ({ _id: o.value, label: o.label, icon: o.icon, disabled: o.disabled }))), value: this.multiple ? JSON.stringify(this.selectedValues) : (this.selectedValues[0] || ''), multiple: this.multiple, selectedAffordance: "check", virtual: true, loading: this.loading, emptyMessage: this.emptyMessage, onCoChange: (e) => this.handleListChange(e.detail) }))), this.helperText && (index.h("div", { key: '5c21f62defe09b0160aeec8eaeaa881408dbe964', class: `co-autocomplete__helper co-autocomplete__helper--${this.status}` }, this.statusIcon && index.h("co-icon", { key: '166ccdb5f1e308bb0212c473881bb36a33a8d2e4', name: this.statusIcon, size: 14, weight: "fill", class: "co-autocomplete__helper-icon" }), index.h("span", { key: 'bf4b038b665c269484b3bf841b19c92d5b0ceb27', class: "co-autocomplete__helper-text" }, this.helperText)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-avatar-group.cjs.entry.js CHANGED Viewed

@@ -63,13 +63,13 @@ const CoAvatarGroup = class {
                 onClick: this.activate,
             }
             : { role: 'group' };
-        return (index.h(Tag, Object.assign({ key: 'efe3aa5c3a13c33d220caf93f8ce7dfc929f9833', class: {
+        return (index.h(Tag, Object.assign({ key: '7e14b71d5b7391c15fcba50aa43964fdf65282e3', class: {
                 'co-avatar-group': true,
                 'co-avatar-group--interactive': this.interactive,
             } }, interactiveAttrs), visible.map((it, i) => {
             var _a, _b, _c;
             return (index.h("co-avatar", { key: i, class: "co-avatar-group__avatar", type: (_a = it.type) !== null && _a !== void 0 ? _a : (it.src ? 'image' : it.icon ? 'icon' : 'text'), size: this.size, shape: (_b = it.shape) !== null && _b !== void 0 ? _b : this.shape, text: it.text, src: it.src, icon: (_c = it.icon) !== null && _c !== void 0 ? _c : 'user', color: it.color, "ring-color": it.ringColor, name: it.name || it.text || '' }));
-        }), extra > 0 && (index.h("co-tooltip", { key: 'b6dffe856f5984d2e2731e84d9d4a46cfcfa0c7b', class: "co-avatar-group__slot", content: overflowLabel, placement: "bottom" }, index.h("div", { key: 'b7fe90ee1800ede2bdc3b8674d6ab0dcdfa4ac48', class: "co-avatar-group__overflow", style: { width: `${dim}px`, height: `${dim}px`, fontSize }, role: "img", "aria-label": `+${extra}` }, "+", extra)))));
+        }), extra > 0 && (index.h("co-tooltip", { key: 'f3cc2f5a9f1ceac07ea3b665e6bd0c87804d27ae', class: "co-avatar-group__slot", content: overflowLabel, placement: "bottom" }, index.h("div", { key: 'c0b5fcb8df88917b06a2a9b36f1c2798f10730ff', class: "co-avatar-group__overflow", style: { width: `${dim}px`, height: `${dim}px`, fontSize }, role: "img", "aria-label": `+${extra}` }, "+", extra)))));
     }
 };
 CoAvatarGroup.style = coAvatarGroupCss();

package/dist/cjs/co-avatar.cjs.entry.js CHANGED Viewed

@@ -30,7 +30,7 @@ const CoAvatar = class {
         this.icon = 'user';
         /** Icon weight */
         this.iconWeight = 'regular';
-        /** Shape of the avatar. `rounded` (Task C12) = radio chico
+        /** Shape of the avatar. `rounded` = radio chico
          *  (`--co-border-radius-xs`), sin máscara squircle — esquinas de radio fijo,
          *  no la superelipse de `square`. */
         this.shape = 'circle';

package/dist/cjs/co-badge.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const CoBadge = class {
         this.animated = false;
     }
     render() {
-        return (index.h("span", { key: 'be0a55884e7afcf9761712b0318ad46f54a82786', class: {
+        return (index.h("span", { key: 'b22315d54caf4150b599d5a8b576a08e68f8bfea', class: {
                 'co-badge': true,
                 [`co-badge--${this.size}`]: true,
                 [`co-badge--${this.color}`]: true,

package/dist/cjs/co-bottom-sheet.cjs.entry.js CHANGED Viewed

@@ -300,17 +300,17 @@ const CoBottomSheet = class {
         (_a = this.bodyEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('touchmove', this.touchBlocker);
     }
     render() {
-        return (index.h("div", { key: '9afac86d3b0bdab25d92b283b079304b2801fdcf', class: { 'co-bottom-sheet-root': true, 'co-bottom-sheet-root--open': this.open } }, index.h("div", { key: 'bc0152d32c577d2aafadcdcaae065aacb7442350', class: "co-bottom-sheet__backdrop", part: "backdrop", onClick: this.handleBackdropClick, ref: (el) => (this.backdropEl = el) }), index.h("section", { key: '457847247df72eb810149148e0a02a13152b86c1', class: { 'co-bottom-sheet': true, 'co-bottom-sheet--open': this.open }, part: "sheet", role: "dialog", "aria-modal": "true", "aria-labelledby": this.hasHeaderSlot
+        return (index.h("div", { key: '43f05669ad96312f6bd2ee1c1d4698538f029e2c', class: { 'co-bottom-sheet-root': true, 'co-bottom-sheet-root--open': this.open } }, index.h("div", { key: '86040a5efd513a6c06bbe551f82bcdc619817ea3', class: "co-bottom-sheet__backdrop", part: "backdrop", onClick: this.handleBackdropClick, ref: (el) => (this.backdropEl = el) }), index.h("section", { key: '46155a318f952b9be717a47497f1f513d3cf970f', class: { 'co-bottom-sheet': true, 'co-bottom-sheet--open': this.open }, part: "sheet", role: "dialog", "aria-modal": "true", "aria-labelledby": this.hasHeaderSlot
                 ? 'co-bottom-sheet-header'
                 : this.heading
                     ? 'co-bottom-sheet-heading'
-                    : undefined, style: { '--co-bottom-sheet-max-height': this.maxHeight }, onTransitionEnd: this.handleTransitionEnd, ref: (el) => (this.sheetEl = el) }, index.h("div", { key: 'b4acb6f614163fafe7c29c40664a646788cdb05b', class: "co-bottom-sheet__grip", onPointerDown: this.handleGripPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel }, this.showHandle && (index.h("div", { key: 'f72127311b1e3bf8939eac0bc227b98f8418e6f7', class: "co-bottom-sheet__handle", part: "handle", "aria-hidden": "true" })), index.h("header", { key: 'ba1be5188eb0e6eb3a0add620be5da8a99e65978', class: {
+                    : undefined, style: { '--co-bottom-sheet-max-height': this.maxHeight }, onTransitionEnd: this.handleTransitionEnd, ref: (el) => (this.sheetEl = el) }, index.h("div", { key: '8b4a140b235f9803f71fb8717763651557ec6ca6', class: "co-bottom-sheet__grip", onPointerDown: this.handleGripPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel }, this.showHandle && (index.h("div", { key: '0c61ae9e1faf72485cf5b8c529041f740831d3a1', class: "co-bottom-sheet__handle", part: "handle", "aria-hidden": "true" })), index.h("header", { key: 'cd7116cd2b12c66e6cde63753dab12eaab31d04c', class: {
                 'co-bottom-sheet__header': true,
                 'co-bottom-sheet__header--show': this.hasHeaderSlot || !!this.heading,
-            }, part: "header", id: "co-bottom-sheet-header" }, index.h("slot", { key: '53ab489d36588e8c7e604d16ae63b871a62cc833', name: "header", onSlotchange: this.handleHeaderSlotChange }, this.heading && (index.h("h2", { key: '4519555ec9333f9c0af56e86cc67f7bad914e1b5', class: "co-bottom-sheet__heading", id: "co-bottom-sheet-heading" }, this.heading))))), index.h("div", { key: '141df16f223b8a82fc1f412466669f999cbdba8a', class: "co-bottom-sheet__body", part: "body", onPointerDown: this.handleBodyPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '5299c10f8854ee5f32794608502777e08dc9cec7' })), index.h("footer", { key: 'b3ec3a0aa7779829783aea2d64fde9b2199ed73c', class: {
+            }, part: "header", id: "co-bottom-sheet-header" }, index.h("slot", { key: '8343901cfdb86eef24e3bbc7e7a9d270eeed6ed0', name: "header", onSlotchange: this.handleHeaderSlotChange }, this.heading && (index.h("h2", { key: '31874876e8fb9db7cf7ae57f3f704a569d4fb797', class: "co-bottom-sheet__heading", id: "co-bottom-sheet-heading" }, this.heading))))), index.h("div", { key: '126a26708b6d4b70c8bb74f6a4cd7fe43f74e725', class: "co-bottom-sheet__body", part: "body", onPointerDown: this.handleBodyPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: 'c8f5034ea3de0265d05203befc31e961f8340694' })), index.h("footer", { key: 'a2d40f9d6056df561388fa213995595a84044cd1', class: {
                 'co-bottom-sheet__footer': true,
                 'co-bottom-sheet__footer--show': this.hasFooter,
-            }, part: "footer" }, index.h("slot", { key: 'd97f14b88decd35ccfbb4cc7e4f63446ef30a4b5', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
+            }, part: "footer" }, index.h("slot", { key: '0d97eb87bc4de74db631629a478bd01ce5a473a6', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-breadcrumb-item.cjs.entry.js CHANGED Viewed

@@ -25,10 +25,10 @@ const CoBreadcrumbItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '6cb113e8326d6fa5fe9ee23dcd8083ab4664d343', part: "breadcrumb-item", class: {
+        return (index.h(index.Host, { key: 'e751e769b86efb5c9f929f818c6a7a020beeace6', part: "breadcrumb-item", class: {
                 'co-breadcrumb-item': true,
                 'co-breadcrumb-item--current': this.current,
-            } }, index.h("span", { key: '9031f0d3558c5ce7dcf298d6e2b04059dd463a34', class: "co-breadcrumb-item__sep", "aria-hidden": "true" }, index.h("co-icon", { key: '143800da5211dd7bdb1e3b06de8c90fbb8f94acf', name: this.separator, size: 13 })), index.h("span", { key: '23b11ae5ed8315fcf84ed83609b7d98c0142f50b', class: "co-breadcrumb-item__content", part: "content", role: "link", tabindex: "0", "aria-current": this.current ? 'page' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown }, this.icon && (index.h("span", { key: 'e70f21819a4e9bc117282b062399960810256c1e', class: "co-breadcrumb-item__icon" }, index.h("co-icon", { key: 'ed942c739f1c67cd0b27facc2eabd1d016391719', name: this.icon, size: 16 }))), index.h("span", { key: '0b2c28119d1123196d313015e3020a82618b932f', class: "co-breadcrumb-item__label" }, this.label, index.h("slot", { key: 'c83fcd1764b279aed0b9c4a1c791b47d011d711f' })))));
+            } }, index.h("span", { key: '65c70c55e16037e97c35c3ad65548b8e15d1e07d', class: "co-breadcrumb-item__sep", "aria-hidden": "true" }, index.h("co-icon", { key: '8e70db08814fa611cacd2e78bb96ece6a2d5e9db', name: this.separator, size: 13 })), index.h("span", { key: 'acc0e0a8a5b6e18aac7af27f4b5971bb4f5ed054', class: "co-breadcrumb-item__content", part: "content", role: "link", tabindex: "0", "aria-current": this.current ? 'page' : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown }, this.icon && (index.h("span", { key: '4f22d7482c0a70b3973c2a66d1ba84db4c07445d', class: "co-breadcrumb-item__icon" }, index.h("co-icon", { key: 'b16cbcbe67336c57230929f45985262ebb6ae093', name: this.icon, size: 16 }))), index.h("span", { key: '4dd03fea8de55ace99325fa57afdcb47c9b36e54', class: "co-breadcrumb-item__label" }, this.label, index.h("slot", { key: 'ec8a0a40d2e1ccbabde80b724eb5a473e123ac7d' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/co-breadcrumb.cjs.entry.js CHANGED Viewed

@@ -39,7 +39,7 @@ const CoBreadcrumb = class {
     }
     render() {
         const data = this.parseItems();
-        return (index.h(index.Host, { key: 'c57f833d27edfc2848a8f72de1805968e9536b72', part: "breadcrumb", role: "navigation", "aria-label": "Breadcrumb" }, data
+        return (index.h(index.Host, { key: 'e368c6a9c2842ee88e66d72d33164653b623616b', part: "breadcrumb", role: "navigation", "aria-label": "Breadcrumb" }, data
             ? data.map((it, i) => (index.h("co-breadcrumb-item", { key: i, label: it.label, value: it.value, icon: it.icon, separator: this.separator, current: i === data.length - 1 })))
             : index.h("slot", { onSlotchange: this.handleSlotChange })));
     }

package/dist/cjs/co-button-group.cjs.entry.js CHANGED Viewed

@@ -13,15 +13,16 @@ const CoButtonGroup = class {
         this.size = 'm';
         /** Orientation */
         this.direction = 'row';
+        /** Deshabilita el grupo entero (atenuado y sin clicks). */
         this.disabled = false;
     }
     render() {
-        return (index.h("div", { key: '5975d27cfd432bfd859212059c4bc79d2d8107d2', class: {
+        return (index.h("div", { key: '2240bc00c44e532340b3ae288cc9df099b9e1846', class: {
                 'co-button-group': true,
                 [`co-button-group--${this.direction}`]: true,
                 [`co-button-group--${this.variant}`]: true,
                 'co-button-group--disabled': this.disabled,
-            }, role: "group" }, index.h("slot", { key: '90c9338e9d00c71ae09189ebd0e70d8fa11e3825' })));
+            }, role: "group" }, index.h("slot", { key: '0a719f1a5f21883f5923cd9f20a818f467339846' })));
     }
 };
 CoButtonGroup.style = coButtonGroupCss();

package/dist/cjs/co-button.cjs.entry.js CHANGED Viewed

@@ -2,19 +2,19 @@
 var index = require('./index-bHoidDwv.js');
-const coButtonCss = () => `:host{display:inline-flex}:host([disabled]){pointer-events:none}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out),     background var(--co-motion-duration-fast) var(--co-motion-ease-out),     transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-button--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border-color:var(--co-button-border-color, color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent))}.co-button--secondary{background:color-mix(in srgb, var(--co-button-bg, var(--co-semantic-surface-secondary)) 55%, transparent);color:var(--co-button-color, var(--co-semantic-on-secondary));border-color:var(--co-button-border-color, var(--co-button-border, var(--co-semantic-border-subtle)))}.co-button--stroke{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 25%, transparent);color:var(--co-semantic-text-default);border-color:var(--co-button-border-color, var(--co-semantic-border-default))}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default);border-color:var(--co-button-border-color, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger{background:var(--co-semantic-status-error);color:var(--co-color-base-blanco);border-color:var(--co-button-border-color, transparent)}.co-button--success{background:var(--co-semantic-status-success);color:var(--co-color-base-blanco);border-color:var(--co-button-border-color, transparent)}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-hover) 60%, transparent);-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-button--danger:hover:not(:disabled),.co-button--success:hover:not(:disabled){opacity:0.88}.co-button:active:not(:disabled){transform:scale(0.97);transition-duration:var(--co-motion-duration-instant)}.co-button--primary{transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out),     background var(--co-motion-duration-fast) var(--co-motion-ease-out),     transform var(--co-motion-duration-slow) var(--co-motion-ease-spring)}.co-button--secondary.co-button--elevated{box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8)}.co-button--ghost.co-button--surface-dark,.co-button--stroke.co-button--surface-dark{color:var(--co-color-base-blanco, #fff)}.co-button--ghost.co-button--surface-dark:hover:not(:disabled),.co-button--stroke.co-button--surface-dark:hover:not(:disabled){background:var(--co-color-opacity-blanco-16);-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger.co-button--surface-dark:hover:not(:disabled){opacity:1;background:color-mix(in srgb, var(--co-semantic-status-error) 84%, var(--co-color-base-blanco, #fff))}.co-button--danger.co-button--surface-dark:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--co-color-base-blanco, #fff) 45%, transparent)}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}.co-button>co-icon{margin-block:-1px}@supports not (background: color-mix(in srgb, red, transparent)){.co-button--primary{background:var(--co-semantic-surface-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary)}.co-button--stroke{background:transparent}}.co-button--soft{background:var(--co-semantic-surface-control);color:var(--co-semantic-text-default);border-color:var(--co-button-border-color, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--soft:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-control), var(--co-semantic-surface-hover))}.co-button--rounded.co-button--sm{height:32px;padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-12);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--sm{height:32px;padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-12);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);border-radius:var(--co-border-radius-xs)}:host([full-width]){display:block;width:100%}:host([full-width]) .co-button{width:100%}co-icon{color:var(--co-button-icon-color, inherit)}`;
+const coButtonCss = () => `:host{display:inline-flex}:host([disabled]){pointer-events:none}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out),     background var(--co-motion-duration-fast) var(--co-motion-ease-out),     transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-button--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border-color:var(--co-button-border-color, color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent))}.co-button--secondary{background:color-mix(in srgb, var(--co-button-bg, var(--co-semantic-surface-secondary)) 55%, transparent);color:var(--co-button-color, var(--co-semantic-on-secondary));border-color:var(--co-button-border-color, var(--co-button-border, var(--co-semantic-border-subtle)))}.co-button--stroke{background:color-mix(in srgb, var(--co-semantic-surface-secondary) 25%, transparent);color:var(--co-semantic-text-default);border-color:var(--co-button-border-color, var(--co-semantic-border-default))}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default);border-color:var(--co-button-border-color, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger{background:var(--co-semantic-status-error);color:var(--co-color-base-blanco);border-color:var(--co-button-border-color, transparent)}.co-button--success{background:var(--co-semantic-status-success);color:var(--co-color-base-blanco);border-color:var(--co-button-border-color, transparent)}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-hover) 60%, transparent);-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-button--danger:hover:not(:disabled),.co-button--success:hover:not(:disabled){opacity:0.88}.co-button:active:not(:disabled){transform:scale(0.97);transition-duration:var(--co-motion-duration-instant)}.co-button--primary{transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out),     background var(--co-motion-duration-fast) var(--co-motion-ease-out),     transform var(--co-motion-duration-slow) var(--co-motion-ease-spring)}.co-button--secondary.co-button--elevated{box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8)}.co-button:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-surface-page),     0 0 0 4px var(--co-semantic-border-focus);outline:2px solid transparent;outline-offset:2px}.co-button--ghost.co-button--surface-dark,.co-button--stroke.co-button--surface-dark{color:var(--co-color-base-blanco, #fff)}.co-button--ghost.co-button--surface-dark:hover:not(:disabled),.co-button--stroke.co-button--surface-dark:hover:not(:disabled){background:var(--co-color-opacity-blanco-16);-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--danger.co-button--surface-dark:hover:not(:disabled){opacity:1;background:color-mix(in srgb, var(--co-semantic-status-error) 84%, var(--co-color-base-blanco, #fff))}.co-button--danger.co-button--surface-dark:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--co-color-base-blanco, #fff) 45%, transparent)}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}.co-button>co-icon{margin-block:-1px}@supports not (background: color-mix(in srgb, red, transparent)){.co-button--primary{background:var(--co-semantic-surface-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary)}.co-button--stroke{background:transparent}}.co-button--soft{background:var(--co-semantic-surface-control);color:var(--co-semantic-text-default);border-color:var(--co-button-border-color, transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.co-button--soft:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-control), var(--co-semantic-surface-hover))}.co-button--rounded.co-button--sm{height:32px;padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-12);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--sm{height:32px;padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-12);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);border-radius:var(--co-border-radius-xs)}:host([full-width]){display:block;width:100%}:host([full-width]) .co-button{width:100%}co-icon{color:var(--co-button-icon-color, inherit)}`;
 const ICON_SIZE = { l: 20, m: 18, s: 16, xs: 14, sm: 16 };
 const CoButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        /** Visual style. "soft" (Task C2, Fase 2 Cobalt): fondo gray-100 sólido, sin backdrop-filter — pensado para toolbars/paneles del editor. */
+        /** Visual style. "soft": fondo sólido `--co-semantic-surface-control` (gray-100 en claro), sin backdrop-filter — pensado para toolbars y paneles del editor. */
         this.variant = 'primary';
         /** Shape: pill or straight corners */
         this.shape = 'rounded';
-        /** Size. "sm" (Task C2, Fase 2 Cobalt): 32px fijo — escala unificada de tallas nuevas del editor (xs=24/s=28/sm=32). */
+        /** Size: `l`, `m` (default), `s`, `xs`; `sm` = 32px fijo, de la escala compacta del editor (xs=24/s=28/sm=32). Un valor fuera de la lista no da error: el botón queda sin estilos de talla (sin padding ni tamaño de fuente). */
         this.size = 'm';
-        /** Ocupa el 100% del ancho del contenedor (Task C2, Fase 2 Cobalt). Reflejado como atributo `full-width`. */
+        /** Ocupa el 100% del ancho del contenedor. Reflejado como atributo `full-width`. */
         this.fullWidth = false;
         /** Raised elevation — with variant="secondary" renders a white raised button (shadow-sm + inset hairline). */
         this.elevated = false;
@@ -60,7 +60,7 @@ const CoButton = class {
             customStyle.background = this.color;
         if (this.textColor)
             customStyle.color = this.textColor;
-        return (index.h("button", { key: 'a095e308b3bea917ecfb4da4f78e9a6c9e3dfba2', class: {
+        return (index.h("button", { key: 'e77a3b67e23b2690a818e6ad9aa38b21b4c8f972', class: {
                 'co-button': true,
                 [`co-button--${this.variant}`]: true,
                 [`co-button--${this.shape}`]: true,
@@ -70,7 +70,7 @@ const CoButton = class {
                 'co-button--disabled': this.disabled,
             }, style: Object.keys(customStyle).length ? customStyle : undefined, type: this.type, disabled: this.disabled, "aria-label": this.ariaLabelText || undefined, onClick: this.handleClick, part: "button" }, this.iconLeft
             ? index.h("co-icon", { name: this.iconLeft, weight: this.iconWeight, size: iconSize })
-            : null, index.h("slot", { key: '7a7dfff6e1dc249b423477263e9140183290bf18' }, this.label), this.iconRight
+            : null, index.h("slot", { key: 'ee52eb057c04ee3e1f5a5b2e87dc778a338d9887' }, this.label), this.iconRight
             ? index.h("co-icon", { name: this.iconRight, weight: this.iconWeight, size: iconSize })
             : null));
     }

package/dist/cjs/co-calendar-month_2.cjs.entry.js CHANGED Viewed

@@ -864,23 +864,35 @@ const CoCalendarTimegrid = class {
         this.coEventClick = index.createEvent(this, "coEventClick", 1);
         this.coEventDrop = index.createEvent(this, "coEventDrop", 1);
         this.coEventDblClick = index.createEvent(this, "coEventDblClick", 1);
+        /** Eventos ya normalizados por el motor (`@prolibu-suite/cobalt-calendar-utils`); propiedad JS. */
         this.events = [];
         /** Visible day keys "YYYY-MM-DD" (7 = week, 1 = day). */
         this.dates = [];
+        /** Locale BCP-47 de las cabeceras de día y las etiquetas de hora. */
         this.locale = 'es-CO';
+        /** Permite mover y redimensionar eventos arrastrando (salvo los que traen `editable: false`); emite `coEventDrop`. */
         this.editable = true;
+        /** Permite seleccionar un rango en un área vacía para crear; emite `coRangeSelect`. */
         this.selectable = true;
+        /** Minutos por fila de la grilla (default 15); también el paso del teclado. */
         this.slotMinutes = 15;
+        /** Minutos a los que se ajustan arrastres y selecciones (default 15). */
         this.snapMinutes = 15;
+        /** Duración en minutos del rango creado con un click simple (default 60). */
         this.defaultDurationMinutes = 60;
+        /** Hora `HH:mm` a la que scrollea la grilla al montar (default 07:00). */
         this.scrollTime = '07:00';
+        /** Línea de «ahora» en la columna del día actual. */
         this.nowIndicator = true;
         /** Cargando: en vez de los eventos pinta bloques skeleton en las columnas.
          *  La grilla (eje de horas, líneas, cabecera de días, franja de todo-el-día)
          *  se mantiene: lo único que todavía no se sabe son los eventos. */
         this.loading = false;
+        /** Franja superior de eventos de todo el día. */
         this.allDaySlot = true;
+        /** Primera hora visible `HH:mm` (default 00:00). */
         this.minTime = '00:00';
+        /** Última hora visible `HH:mm` (default 24:00). */
         this.maxTime = '24:00';
         /** Minute of "now" for the indicator; refreshed on a 60s timer. */
         this.nowMinutes = 0;
@@ -1551,11 +1563,11 @@ const CoCalendarTimegrid = class {
             '--co-cal-hour-h': `calc(${60 / this.slotM} * var(--co-cal-slot-h))`,
             '--co-cal-hour-offset': `calc(${((60 - (this.minM % 60)) % 60) / this.slotM} * var(--co-cal-slot-h))`,
         };
-        return (index.h("div", { key: '359362b29a9241b51f752889dc4021b5cd01e85a', class: "tg", tabIndex: 0, onKeyDown: this.handleKeyDown, ref: (el) => (this.rootEl = el) }, index.h("div", { key: '09c9b5330ccb8e43dda4e08f623ee6a17f842472', class: "tg__head" }, index.h("div", { key: 'f071542e19332046fb8c7142c85992ce54ba1884', class: "tg__head-spacer" }), index.h("div", { key: '843fbe8e97a99aea58e79b95b508fa80782a3bd9', class: "tg__head-days", style: { gridTemplateColumns: colsTemplate } }, dates$1.map((d) => {
+        return (index.h("div", { key: '55c583abdd12ac65d8188a8f9d4f0448e4fcf5b7', class: "tg", tabIndex: 0, onKeyDown: this.handleKeyDown, ref: (el) => (this.rootEl = el) }, index.h("div", { key: '33fa43418fdff096918441e6a2fdbf1d647980ec', class: "tg__head" }, index.h("div", { key: '2c4134daefc3cb99aa4965787c11318be9f27d40', class: "tg__head-spacer" }), index.h("div", { key: '0b6c10bbfb8b91723d62f05f1387d8c0513d7b09', class: "tg__head-days", style: { gridTemplateColumns: colsTemplate } }, dates$1.map((d) => {
             const ymd = dates.parseISO(d);
             const dow = utcDayOfWeek(d);
             return (index.h("div", { class: { 'tg__head-day': true, 'tg__head-day--today': dates.compareYMD(d, today) === 0 } }, index.h("span", { class: "tg__head-dow" }, short[dow]), index.h("span", { class: "tg__head-num" }, ymd.day)));
-        }))), this.allDaySlot && (index.h("div", { key: 'be9bb57aae5990d5e492c1188085946e92580989', class: "tg__allday" }, index.h("div", { key: '0875d60eede7447fa6895641c25148a8ca511713', class: "tg__allday-axis" }, gmtLabel(this.timeZone, dates$1[0])), index.h("div", { key: '2ae5911eb2d7f88cbfab6b540df2883e85d02278', class: "tg__allday-lane", style: { height: `${Math.max(1, allDay.laneCount) * ALLDAY_LANE_H + 4}px` } }, allDay.segments.map((seg) => this.renderAllDayBar(seg, dates$1.length, byId))))), index.h("div", { key: '65fef707d9de748f3d3b112bf1a0e49ca5165ae9', class: "tg__scroll", ref: (el) => (this.scrollEl = el) }, index.h("div", { key: 'cc7c058cec0dc047ff6f934ef47316d966b2f18f', class: "tg__body" }, index.h("div", { key: 'a5318ad33e9bf7ba4fc2c99a00cf81cd07bd5fbf', class: "tg__axis", style: { height: bodyHeight } }, this.hourList().map((m) => (index.h("span", { class: "tg__axis-hour", style: { top: `${minutesToFraction(m, this.minM, this.maxM) * 100}%` } }, hourLabel(m, this.locale))))), index.h("div", { key: '1338c80689f1c1567a652a88111687298170ceac', class: "tg__cols", style: Object.assign({ gridTemplateColumns: colsTemplate, height: bodyHeight }, hourVars) }, dates$1.map((d, i) => {
+        }))), this.allDaySlot && (index.h("div", { key: 'ac00b1d478138334f6b265e7e7861dc910ea778e', class: "tg__allday" }, index.h("div", { key: '52ea789daff3b284863e90fe2356b3f1f5ed8e75', class: "tg__allday-axis" }, gmtLabel(this.timeZone, dates$1[0])), index.h("div", { key: '24e0a67773437bad42a3fb183cf55f53f2e04d0f', class: "tg__allday-lane", style: { height: `${Math.max(1, allDay.laneCount) * ALLDAY_LANE_H + 4}px` } }, allDay.segments.map((seg) => this.renderAllDayBar(seg, dates$1.length, byId))))), index.h("div", { key: '19ee69ba01bcd63d015acebba5001390324b1c93', class: "tg__scroll", ref: (el) => (this.scrollEl = el) }, index.h("div", { key: '644e0cae08a22795bfdaa802227c176e733dd418', class: "tg__body" }, index.h("div", { key: '56a20d546083e0a0695c01a0910c80fdcaf56589', class: "tg__axis", style: { height: bodyHeight } }, this.hourList().map((m) => (index.h("span", { class: "tg__axis-hour", style: { top: `${minutesToFraction(m, this.minM, this.maxM) * 100}%` } }, hourLabel(m, this.locale))))), index.h("div", { key: '391004de33499561a0fdc75e3eabf401fb4e5561', class: "tg__cols", style: Object.assign({ gridTemplateColumns: colsTemplate, height: bodyHeight }, hourVars) }, dates$1.map((d, i) => {
             var _a;
             const isToday = dates.compareYMD(d, today) === 0;
             return (index.h("div", { class: { tg__col: true, 'tg__col--today': isToday }, "data-col-date": d, onPointerDown: (e) => this.startSelection(e, d, e.currentTarget), onPointerMove: (e) => this.extendSelection(e, e.currentTarget) }, this.loading

package/dist/cjs/co-calendar_3.cjs.entry.js CHANGED Viewed

@@ -422,7 +422,7 @@ const CoCalendar = class {
     render() {
         var _a, _b;
         const t = dateI18n.getDateStrings(this.locale);
-        return (index.h("div", { key: 'd093188dc77cea7856a4126828167ccd0e97a28a', class: "co-calendar", part: "root" }, index.h("div", { key: '9b133e1e7c2538df80ae86d463ac80bd2262364c', class: "co-calendar__header", part: "header" }, index.h("button", { key: 'c7b5f9407556ab1c68815c2896ee3ea6d87866ee', type: "button", class: "co-calendar__nav", onClick: this.handlePrev, "aria-label": (_a = this.prevMonthLabel) !== null && _a !== void 0 ? _a : t.prevMonth }, index.h("co-icon", { key: 'e76e3550772f7456d44fca6229a92146f4849ffc', name: "caret-left", size: 16 })), index.h("button", { key: '7e8d2620e5d73f8ab17a0e6f163e4fc7859db0b9', type: "button", class: "co-calendar__title", "aria-live": "polite", onClick: this.toggleView }, this.headerTitle(), index.h("co-icon", { key: '0f113778ee2f22843627a0fb6f0550e7fd861774', name: "caret-down", size: 12, class: "co-calendar__title-caret" })), index.h("button", { key: 'e49b124dadf06b2a5bf7f25aab160a80f4d1a539', type: "button", class: "co-calendar__nav", onClick: this.handleNext, "aria-label": (_b = this.nextMonthLabel) !== null && _b !== void 0 ? _b : t.nextMonth }, index.h("co-icon", { key: 'e1993eddaa8a0c33179e453dadd4996f2d5fd4fc', name: "caret-right", size: 16 }))), this.view === 'days' && this.renderDays(t), this.view === 'months' && this.renderMonths(), this.view === 'years' && this.renderYears()));
+        return (index.h("div", { key: '5ecdc23692eb69b8dc86b225857f51a3acf54838', class: "co-calendar", part: "root" }, index.h("div", { key: 'b66924b6b59f91d284210c6a0ed24294f211a5b7', class: "co-calendar__header", part: "header" }, index.h("button", { key: 'a4d52f3c02081b03f872a95955986c6351f9ca44', type: "button", class: "co-calendar__nav", onClick: this.handlePrev, "aria-label": (_a = this.prevMonthLabel) !== null && _a !== void 0 ? _a : t.prevMonth }, index.h("co-icon", { key: '6eaf089247fc85477a1bd9095af2c1c557d01bb3', name: "caret-left", size: 16 })), index.h("button", { key: '473815fa6114c82f601bea27e919b5c4546648f2', type: "button", class: "co-calendar__title", "aria-live": "polite", onClick: this.toggleView }, this.headerTitle(), index.h("co-icon", { key: '923647a98317c5e42ec7655ac21eed3e645224b6', name: "caret-down", size: 12, class: "co-calendar__title-caret" })), index.h("button", { key: '1ccbdf76cc5574021894f8f1c6bd381b9b524cfa', type: "button", class: "co-calendar__nav", onClick: this.handleNext, "aria-label": (_b = this.nextMonthLabel) !== null && _b !== void 0 ? _b : t.nextMonth }, index.h("co-icon", { key: '4b06c0827034a9f6924f1e80a51fdef924a0f8d1', name: "caret-right", size: 16 }))), this.view === 'days' && this.renderDays(t), this.view === 'months' && this.renderMonths(), this.view === 'years' && this.renderYears()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -481,9 +481,13 @@ const CoDateField = class {
         this.locale = 'es-CO';
         /** Display pattern (tokens yyyy/yy/MMMM/MMM/MM/M/dd/d). */
         this.displayFormat = 'd MMM yyyy';
+        /** Deshabilita el campo. */
         this.disabled = false;
+        /** Solo lectura: muestra la fecha pero no permite editarla. */
         this.readonly = false;
+        /** Campo obligatorio: marca la etiqueta con el indicador de requerido. */
         this.required = false;
+        /** Botón × para vaciar la fecha (default `true`). */
         this.clearable = true;
         /** External invalid flag (e.g. from a form controller). OR'd with internal parse failure. */
         this.invalid = false;
@@ -608,20 +612,20 @@ const CoDateField = class {
         // should still fall back to the localized default placeholder.
         const placeholder = this.placeholder || t.setDate;
         const helper = this.isInvalid ? this.errorMessage : this.helperText;
-        return (index.h("div", { key: '57a1f893056adf9fd06ba6569be6ca56279e9d0a', class: {
+        return (index.h("div", { key: 'd93a8860d06fcdd8b89dcb3aeccff5c9c5b38167', class: {
                 'co-date-field': true,
                 'co-date-field--disabled': this.disabled,
                 'co-date-field--focused': this.hasFocus,
                 'co-date-field--filled': this.hasValue,
                 'co-date-field--invalid': this.isInvalid,
                 [`co-date-field--${this.size}`]: true,
-            }, part: "wrapper" }, this.label && (index.h("div", { key: 'f1ca2acffbcfa44193a5706d1d812137c8b11c40', class: "co-date-field__labels" }, index.h("label", { key: '17427000b168ab491dc1ecdf14c6ed0be9d14071', class: "co-date-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: 'a76cd091616df282024058f56d34739183567931', required: this.required })))), index.h("div", { key: 'e76b4e754f36df73f75066fad89e3a00005423f7', class: "co-date-field__field-row" }, index.h("div", { key: '9970c2ef78fbfc573f0a6a39c9b3b3382e03b719', class: "co-date-field__field", part: "field" }, index.h("co-icon", { key: '9e4d98bf770be953b45bbc53e59d3ec5b38d11df', name: "calendar", size: 16, class: "co-date-field__icon" }), index.h("div", { key: 'ce818cd98844390212bbd9ee40693d7f741cafd9', class: "co-date-field__input-wrapper" }, index.h("input", { key: 'ccf4825809b19b93bf1027474333af02ad66fa4f', ref: (el) => (this.inputEl = el), class: "co-date-field__native", type: "text", inputMode: "numeric", autocomplete: "off", value: this.draft, placeholder: placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? t.dateLabel : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" })), this.clearable && (index.h("button", { key: '4e740ed04a5d7f44484626c2afa01f4355041d56', class: {
+            }, part: "wrapper" }, this.label && (index.h("div", { key: '6504b4f052600de1c04f02a06d8bf63e1328d22e', class: "co-date-field__labels" }, index.h("label", { key: '123e4c3eebf375fb7aa9071122a414236ecf4655', class: "co-date-field__label", part: "label" }, this.label, index.h(requiredMark.RequiredMark, { key: '2fbfbfe2c135f6c7205650a53085aad1b0eb353c', required: this.required })))), index.h("div", { key: '6149b5560bde2ef55d161bfefce6eeb09070db58', class: "co-date-field__field-row" }, index.h("div", { key: '4457e1e7ac2e11246d4c03d5b6c0ae876aba9ff7', class: "co-date-field__field", part: "field" }, index.h("co-icon", { key: 'd65eba1f429aaaa8e484525aa7c9d51b054bbc76', name: "calendar", size: 16, class: "co-date-field__icon" }), index.h("div", { key: 'f8a34bef5a3ffadb07f9a74f78a67ef321566a7b', class: "co-date-field__input-wrapper" }, index.h("input", { key: '2fc599d088b02d4bda53d7839c2c923d63d23552', ref: (el) => (this.inputEl = el), class: "co-date-field__native", type: "text", inputMode: "numeric", autocomplete: "off", value: this.draft, placeholder: placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? t.dateLabel : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" })), this.clearable && (index.h("button", { key: 'f255bb2cb791e9956ee6dc89d19fd320069f566b', class: {
                 'co-date-field__clear': true,
                 'co-date-field__clear--hidden': !showClear,
-            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClear, "aria-label": (_a = this.clearLabel) !== null && _a !== void 0 ? _a : t.clearDate, part: "clear" }, index.h("co-icon", { key: 'bdffd194b7e970843a1e78ac677aeec4db09ac1a', name: "x-circle", size: 16, weight: "fill" }))))), this.name && index.h("input", { key: '422332a357a4c32bb7192ea63f1537f64ebd3039', type: "hidden", name: this.name, value: (_b = this.value) !== null && _b !== void 0 ? _b : '' }), helper && (index.h("div", { key: '5c9e228508081f453aea404f19405c68a16d5157', class: {
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClear, "aria-label": (_a = this.clearLabel) !== null && _a !== void 0 ? _a : t.clearDate, part: "clear" }, index.h("co-icon", { key: '9d3aa2b050471790738c5744277c47a78b5c4f35', name: "x-circle", size: 16, weight: "fill" }))))), this.name && index.h("input", { key: '54a70ac066a6c20f644aecbd73c498485909b084', type: "hidden", name: this.name, value: (_b = this.value) !== null && _b !== void 0 ? _b : '' }), helper && (index.h("div", { key: '89574b44f7d194a5bfe36e639b00c9c2f62a438e', class: {
                 'co-date-field__helper': true,
                 'co-date-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: 'fe6e725310bb97ff25388ebf92f88816514241e0', name: "warning-circle", size: 14, class: "co-date-field__helper-icon" })), index.h("span", { key: 'fac146d794b97ca83ad7ee6e044411b549a1c472', class: "co-date-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (index.h("co-icon", { key: '6a3038de56a98bafdee4e6b11839031b37af9496', name: "warning-circle", size: 14, class: "co-date-field__helper-icon" })), index.h("span", { key: '9ac954adc74f2fac84abcd3a98fe68120edc1609', class: "co-date-field__helper-text" }, helper)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-card.cjs.entry.js CHANGED Viewed

@@ -30,13 +30,13 @@ const CoCard = class {
         return nodes.length > 0;
     }
     render() {
-        return (index.h("div", { key: 'e1ba367c02ad068e72d2daa1f90e2bbdcf262290', class: {
+        return (index.h("div", { key: '662e725ff539d1696eeaa99a42f8160df8ba13ae', class: {
                 'co-card': true,
                 [`co-card--${this.variant}`]: true,
                 [`co-card--pad-${this.padding}`]: true,
                 'co-card--clickable': this.clickable,
                 'co-card--stretch': this.stretch,
-            }, part: "card", role: this.clickable ? 'button' : undefined, tabIndex: this.clickable ? 0 : undefined }, index.h("div", { key: '265eae5ea9ca7765fa84c135d3141b21a1495212', class: { 'co-card__header': true, 'co-card__header--empty': !this.hasHeader }, part: "header" }, index.h("slot", { key: 'c639a5613b94a6cd5afadee4a508de80744f61a5', name: "header", onSlotchange: this.handleHeaderSlotChange })), index.h("div", { key: 'ace57349938320967253d0a6a32600c9a8580a47', class: "co-card__body", part: "body" }, index.h("slot", { key: '85b3b510c8004fe9753bce5de6a1c39754d09b38' })), index.h("div", { key: '011b688e835090f81c85d5207fc80fc7794b48fe', class: { 'co-card__footer': true, 'co-card__footer--empty': !this.hasFooter }, part: "footer" }, index.h("slot", { key: '565877135c3a16cbce2a8e15b0c9c4bc76dfbec1', name: "footer", onSlotchange: this.handleFooterSlotChange }))));
+            }, part: "card", role: this.clickable ? 'button' : undefined, tabIndex: this.clickable ? 0 : undefined }, index.h("div", { key: '63b8d7696663831f6151d66ea17855ce85421045', class: { 'co-card__header': true, 'co-card__header--empty': !this.hasHeader }, part: "header" }, index.h("slot", { key: 'b4318780fa0d1fb8c9475056d59b9dd3bf055594', name: "header", onSlotchange: this.handleHeaderSlotChange })), index.h("div", { key: '20d5231348b8031688380b08a8222f4bd3f68575', class: "co-card__body", part: "body" }, index.h("slot", { key: '2946cc5d8d80cbc23f98e710b97cb77d542a019e' })), index.h("div", { key: '90dd12b60204cbd2e1ddb6752c8e6a413db7f860', class: { 'co-card__footer': true, 'co-card__footer--empty': !this.hasFooter }, part: "footer" }, index.h("slot", { key: 'de9d77a21962ed35d2862059d13910b1067d1573', name: "footer", onSlotchange: this.handleFooterSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/co-carousel.cjs.entry.js CHANGED Viewed

@@ -231,12 +231,15 @@ const CoCarousel = class {
         this.restartAutoplay();
     }
     // ── Public methods ──────────────────────────────
+    /** Avanza al slide siguiente (con `loop`, del último vuelve al primero). */
     async next() {
         this.advance(1);
     }
+    /** Retrocede al slide anterior (con `loop`, del primero va al último). */
     async prev() {
         this.advance(-1);
     }
+    /** Va al slide `index` (base 0; se recorta al rango válido). Emite `coSlideChange`. */
     async goTo(index) {
         this.setActive(this.clampIndex(index));
     }
@@ -337,11 +340,11 @@ const CoCarousel = class {
         };
         if (this.dragging)
             trackStyle.transition = 'none';
-        return (index.h(index.Host, { key: '0a6bcad3e638f000faa62e097ea7ca5ddd4befa2' }, index.h("div", { key: 'ba81a5bb37400232010808adadc81e5cfe6c269e', class: { 'co-carousel': true, [aspectClass]: true }, part: "container", role: "region", "aria-roledescription": "carousel", "aria-label": s.carouselLabel, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut }, index.h("div", { key: '6cd3d1580bfcbc6cc37f5a6595249d7fa99eec76', class: "co-carousel__viewport", part: "viewport", ref: el => (this.viewportEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, onClickCapture: this.handleClickCapture }, index.h("div", { key: 'ee2d7b97a3efbf4571544eb05c070df5b766578b', class: "co-carousel__track", part: "track", style: trackStyle, "aria-live": this.rotating ? 'off' : 'polite' }, index.h("slot", { key: 'bea154687ae5058c2faaab4e5dfbeb620e6cde20', onSlotchange: this.handleSlotChange }))), this.arrows && multi && (index.h("button", { key: '78a660846e64ba45bb20af846d9a96b6d16f349b', class: { 'co-carousel__arrow': true, 'co-carousel__arrow--prev': true, 'co-carousel__arrow--disabled': !canPrev }, part: "arrow-prev", type: "button", "aria-label": s.prevSlide, disabled: !canPrev, onClick: () => this.advance(-1) }, index.h("co-icon", { key: '8994f7c1f5ca4d2f980b713686a3646f9da4ac02', name: "caret-left", size: 18, weight: "bold" }))), this.arrows && multi && (index.h("button", { key: 'abcbe009342b5894fdb8ac21f5999e5acf7e5dbb', class: { 'co-carousel__arrow': true, 'co-carousel__arrow--next': true, 'co-carousel__arrow--disabled': !canNext }, part: "arrow-next", type: "button", "aria-label": s.nextSlide, disabled: !canNext, onClick: () => this.advance(1) }, index.h("co-icon", { key: 'ca6bb4aadcaa416f72e0b8073cdebc86d1c907a5', name: "caret-right", size: 18, weight: "bold" }))), this.dots && multi && (
+        return (index.h(index.Host, { key: '893a30dd314f5d04c78c1824317b80db6d4326d4' }, index.h("div", { key: '799a7edfbd023adf57ea1e3dfb90fdd8e864954c', class: { 'co-carousel': true, [aspectClass]: true }, part: "container", role: "region", "aria-roledescription": "carousel", "aria-label": s.carouselLabel, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut }, index.h("div", { key: 'd6227b5963125ff1e2f9433d63d6ffb632e2f50a', class: "co-carousel__viewport", part: "viewport", ref: el => (this.viewportEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, onClickCapture: this.handleClickCapture }, index.h("div", { key: '74b2910ef5d37bd94f054984eb80f090c6a4f878', class: "co-carousel__track", part: "track", style: trackStyle, "aria-live": this.rotating ? 'off' : 'polite' }, index.h("slot", { key: 'b590ed5dd8ee443cf5875f929280cf860284cf3d', onSlotchange: this.handleSlotChange }))), this.arrows && multi && (index.h("button", { key: '92d9002c893bd3d200bc290cadb0cdf87fb2a493', class: { 'co-carousel__arrow': true, 'co-carousel__arrow--prev': true, 'co-carousel__arrow--disabled': !canPrev }, part: "arrow-prev", type: "button", "aria-label": s.prevSlide, disabled: !canPrev, onClick: () => this.advance(-1) }, index.h("co-icon", { key: '8608c83fb246ec45c2f34eb221d1f25dac51c680', name: "caret-left", size: 18, weight: "bold" }))), this.arrows && multi && (index.h("button", { key: 'd1279fa7a3ebef36f2d590e5834a2b0484c2f6b3', class: { 'co-carousel__arrow': true, 'co-carousel__arrow--next': true, 'co-carousel__arrow--disabled': !canNext }, part: "arrow-next", type: "button", "aria-label": s.nextSlide, disabled: !canNext, onClick: () => this.advance(1) }, index.h("co-icon", { key: 'cfa98cc4aad1e658e63b7411638522687f6c3650', name: "caret-right", size: 18, weight: "bold" }))), this.dots && multi && (
         // APG grouped-carousel picker pattern: plain always-tabbable
         // buttons in a labelled group (tablist/tab would demand
         // aria-controls + roving tabindex we don't implement).
-        index.h("div", { key: '7f1d08a6845604507e010db822fbb4ce13ee4904', class: "co-carousel__dots", part: "dots", role: "group", "aria-label": s.pickSlide }, Array.from({ length: this.itemCount }, (_, i) => (index.h("button", { class: { 'co-carousel__dot': true, 'co-carousel__dot--active': i === this.value }, part: "dot", type: "button", "aria-current": i === this.value ? 'true' : undefined, "aria-label": s.goToSlide.replace('{i}', String(i + 1)), onClick: () => this.setActive(i) }))))))));
+        index.h("div", { key: '98fbe34ec71504ff2089f380cce0354b52753d08', class: "co-carousel__dots", part: "dots", role: "group", "aria-label": s.pickSlide }, Array.from({ length: this.itemCount }, (_, i) => (index.h("button", { class: { 'co-carousel__dot': true, 'co-carousel__dot--active': i === this.value }, part: "dot", type: "button", "aria-current": i === this.value ? 'true' : undefined, "aria-label": s.goToSlide.replace('{i}', String(i + 1)), onClick: () => this.setActive(i) }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-checkbox-group.cjs.entry.js CHANGED Viewed

@@ -77,11 +77,11 @@ const CoCheckboxGroup = class {
         const hasLabels = this.label || this.secondaryLabel;
         const opts = this.parsedOptions;
         const selected = this.selectedValues;
-        return (index.h("div", { key: 'd3f34e7ee59ebcc1494ee6aabef1e4c476044dbd', class: {
+        return (index.h("div", { key: '9b4ee043c35d0be7da49ca2881671830d900dcb7', class: {
                 'co-checkbox-group': true,
                 'co-checkbox-group--disabled': this.disabled,
                 [`co-checkbox-group--${this.status}`]: this.status !== 'default',
-            }, role: "group", "aria-label": this.label || '' }, hasLabels && (index.h("div", { key: 'a47de05988ae37497154fc80e8cbf5f6f62bb1d4', class: "co-checkbox-group__labels" }, this.label && index.h("span", { key: 'fc39ff62eeea3136584a0667e71d816958a1ed57', class: "co-checkbox-group__label" }, this.label), this.secondaryLabel && (index.h("span", { key: '205c1cbdbfcba6d882c7f4c27bfd633e55acea0f', class: "co-checkbox-group__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: '33d6b03de2f2ba30afe1d1865a43ade7b8344f96', class: {
+            }, role: "group", "aria-label": this.label || '' }, hasLabels && (index.h("div", { key: 'fca5265d4bd96a5792840319443f48f4871f9e10', class: "co-checkbox-group__labels" }, this.label && index.h("span", { key: 'b53daed7cea22897e978dc83eee817d0b67e73d2', class: "co-checkbox-group__label" }, this.label), this.secondaryLabel && (index.h("span", { key: '88eb49c68465e27f53f91cdf73d9748effca7d8b', class: "co-checkbox-group__secondary-label" }, this.secondaryLabel)))), index.h("div", { key: 'dae5337bf83e5dbc46e0afc6fd6eed5bb4aee6db', class: {
                 'co-checkbox-group__options': true,
                 [`co-checkbox-group__options--${this.direction}`]: true,
             } }, opts.map(opt => {
@@ -96,7 +96,7 @@ const CoCheckboxGroup = class {
                     'co-checkbox-group__box--checked': isChecked,
                     'co-checkbox-group__box--disabled': isDisabled,
                 }, role: "checkbox", "aria-checked": String(isChecked), "aria-label": opt.label }), index.h("span", { class: "co-checkbox-group__option-label" }, opt.label)));
-        })), this.helperText && (index.h("div", { key: '7ac076bf100f66eb851d7e76e0b052d42fef69f8', class: `co-checkbox-group__helper co-checkbox-group__helper--${this.status}` }, this.statusIcon && (index.h("co-icon", { key: '7a13362e9a77a13ebb1e127ee57c10e7f64110fb', name: this.statusIcon, size: 14, weight: "fill", class: "co-checkbox-group__helper-icon" })), index.h("span", { key: '44e9f68fd19c5a50affde1eb743c3fc8e5eef8e4', class: "co-checkbox-group__helper-text" }, this.helperText)))));
+        })), this.helperText && (index.h("div", { key: 'af541135d225b51ad80e39edd3d6947f2567dd75', class: `co-checkbox-group__helper co-checkbox-group__helper--${this.status}` }, this.statusIcon && (index.h("co-icon", { key: '52297bb73168c15af67b65eedaf6349a7c5dd6f3', name: this.statusIcon, size: 14, weight: "fill", class: "co-checkbox-group__helper-icon" })), index.h("span", { key: '3ebd17867c2d36b0483d7620476bc5502c36fd73', class: "co-checkbox-group__helper-text" }, this.helperText)))));
     }
     static get watchers() { return {
         "value": [{