@prolibu-suite/cobalt-core 0.9.6 → 0.10.0

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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { computePosition, findNearestScrollParent, getOffsetAncestor } from "../../utils/positioning";
+import { computePosition, findScrollParents, getOffsetAncestor } from "../../utils/positioning";
 import { pushLayer, removeLayer, isTopLayer } from "../../utils/popover-stack";
 /** Side classes driving the entrance `transform-origin` (see co-popover.css). */
 const SIDE_CLASSES = ['top', 'bottom', 'left', 'right'].map((s) => `co-popover__panel--${s}`);
@@ -27,6 +27,8 @@ export class CoPopover {
         this.closeOnEscape = true;
         /** Flip placement when the panel would overflow the viewport. */
         this.flip = true;
+        /** Fase de salida: mantiene el panel montado mientras corre la transición de cierre. */
+        this.closing = false;
         this.scrollParents = [];
         // Cached offset ancestor + a flag to distinguish "not computed yet" from
         // "computed and there is none". Avoids re-walking the DOM + calling
@@ -38,6 +40,20 @@ export class CoPopover {
         // had every popover instance (open or not) running capture-phase document
         // click handlers, growing O(N) with popover count in the page.
         this.docListenersBound = false;
+        this.finishClose = () => {
+            clearTimeout(this.closeFallbackTimer);
+            if (this.open)
+                return; // reabierto durante el cierre
+            this.closing = false;
+            this.panelEl = undefined;
+        };
+        this.handlePanelTransitionEnd = (e) => {
+            if (this.open || !this.closing)
+                return;
+            if (e.target !== this.panelEl || e.propertyName !== 'transform')
+                return;
+            this.finishClose();
+        };
         // ── Click outside (manual, capture phase) ──────────────────
         // Attached/detached in connectedCallback/disconnectedCallback. Using capture
         // phase so we run before any inner-element listeners that might stop
@@ -77,8 +93,8 @@ export class CoPopover {
                 return;
             const triggerRect = this.triggerEl.getBoundingClientRect();
             // ⚠️ El panel arrastra el `transform: scale()` de la entrada, y
-            // getBoundingClientRect() devuelve la caja TRANSFORMADA: 0.98× al montar y
-            // ~0.982× en la segunda pasada del watcher (~16ms de los 180ms). Medir con
+            // getBoundingClientRect() devuelve la caja TRANSFORMADA: 0.97× al montar y
+            // ~0.972× en la segunda pasada del watcher (~16ms de los `base` 250ms). Medir con
             // ella metía el factor de escala DENTRO de la matemática de posicionamiento,
             // y ~2% del error quedaba en la posición de reposo: las alineaciones que
             // restan el tamaño del panel (`bottom-end` — el default de co-menu —, `top*`,
@@ -133,6 +149,7 @@ export class CoPopover {
                 if (!this.panelEl.classList.contains(sideClass)) {
                     this.panelEl.classList.remove(...SIDE_CLASSES);
                     this.panelEl.classList.add(sideClass);
+                    this.coPlacement.emit({ placement: actualPlacement });
                 }
                 this.panelEl.classList.add('co-popover__panel--positioned');
             }
@@ -166,10 +183,18 @@ export class CoPopover {
         removeLayer(this.el);
         this.unbindDocListeners();
         this.cleanupListeners();
+        clearTimeout(this.closeFallbackTimer);
+        // Desconectado a mitad del exit (p.ej. host removido por un v-if del
+        // padre mientras corre la transición de cierre): si se reconecta luego
+        // (:key remount, teleport) sin pasar por finishClose, `closing` quedaría
+        // stale en true y el panel nacería en fase de salida.
+        this.closing = false;
     }
     // ── Watchers ───────────────────────────────────────────────
     onOpenChange(isOpen) {
         if (isOpen) {
+            this.closing = false;
+            clearTimeout(this.closeFallbackTimer);
             pushLayer(this.el);
             this.coOpen.emit();
             this.bindDocListeners();
@@ -190,10 +215,16 @@ export class CoPopover {
             this.unbindDocListeners();
             this.cachedOffsetAncestor = null;
             this.offsetAncestorComputed = false;
-            // The panel is removed from the DOM by the conditional render (which also
-            // evicts it from the top layer); drop the now-detached ref so no async
-            // updatePosition can touch a stale element before the next open re-sets it.
-            this.panelEl = undefined;
+            // Panel keeps its ref/position frozen through the exit animation — the
+            // ref is dropped only when `finishClose` actually unmounts the node
+            // (transitionend, or the fallback timer). `panelEl` is intentionally
+            // NOT cleared here.
+            this.closing = true;
+            // Fallback por si transitionend no dispara (tab oculta, display:none ancestro).
+            // ⚠️ Atado al token: debe superar --co-motion-duration-fast (150ms) con margen —
+            // si el retune sube `fast` por encima de ~350ms, revisar esta constante.
+            clearTimeout(this.closeFallbackTimer);
+            this.closeFallbackTimer = setTimeout(() => this.finishClose(), 400);
         }
     }
     bindDocListeners() {
@@ -242,19 +273,24 @@ export class CoPopover {
         }
     }
     // ── Scroll/resize listeners ────────────────────────────────
-    // Listen to window resize/scroll (covers most layout changes) and to the
-    // NEAREST scrollable ancestor (covers internal-scroll containers like a
-    // datatable body or co-drawer). Previously walked the entire ancestor chain,
-    // attaching N listeners per popover open — for deep trees, that was 5-10
-    // extra listeners per popover × per-scroll-tick getBoundingClientRect calls.
+    // Listen to window resize/scroll and to every ancestor that ACTUALLY scrolls
+    // (co-drawer/co-modal body, datatable body…).
+    //
+    // El listener de window NO alcanza por sí solo: los eventos `scroll` no son
+    // `composed`, así que el de un scroller que vive dentro de un shadow root
+    // —el caso de `.co-drawer__body`— nunca cruza el límite y el capture de
+    // window no lo ve. Por eso hay que engancharse al scroller mismo.
+    //
+    // Se recorre la cadena entera y no solo el ancestro más cercano porque los
+    // scrollers se anidan; `findScrollParents` ya filtra por `overflow` real, así
+    // que la lista queda en 1-2 elementos y no en los 5-10 que motivaron acotar
+    // esto a uno solo en su momento.
     addScrollListeners() {
         window.addEventListener('resize', this.scheduleUpdate, { passive: true });
         window.addEventListener('scroll', this.scheduleUpdate, { passive: true, capture: true });
-        this.scrollParents = [];
-        const scrollAncestor = findNearestScrollParent(this.el);
-        if (scrollAncestor) {
-            scrollAncestor.addEventListener('scroll', this.scheduleUpdate, { passive: true });
-            this.scrollParents.push(scrollAncestor);
+        this.scrollParents = findScrollParents(this.el);
+        for (const parent of this.scrollParents) {
+            parent.addEventListener('scroll', this.scheduleUpdate, { passive: true });
         }
     }
     cleanupListeners() {
@@ -271,13 +307,13 @@ export class CoPopover {
     }
     // ── Render ─────────────────────────────────────────────────
     render() {
-        return (h("div", { key: '8a4ccad04a131824d9990759a41905e4772fd56c', class: "co-popover" }, h("div", { key: 'b71344c25aa5f785dbcb65425931f25403877173', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, h("slot", { key: '3a2ad77fbf1d79f917f9c7278faef8ecb65a364e', name: "trigger" })), this.open && (h("div", { key: 'dd6d65a867b15ad3d6fe18658d1f3fdd89be8806', class: "co-popover__panel", popover: "manual", ref: (el) => {
+        return (h("div", { key: 'f8460e212fabe8828f1e33f08304d7e680a7cab0', class: "co-popover" }, h("div", { key: 'c9caad8ae7f16c82173e4b30ad5cc053dc73b6da', class: "co-popover__trigger", ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick }, h("slot", { key: 'afa0443ba85607cf24f517e8c7fe0cee689df024', name: "trigger" })), (this.open || this.closing) && (h("div", { key: 'd2a081f8923f53ac456edd6e5eb7422dc5ab7daa', class: { 'co-popover__panel': true, 'co-popover__panel--closing': this.closing }, popover: "manual", onTransitionEnd: this.handlePanelTransitionEnd, ref: (el) => {
                 if (el && el !== this.panelEl) {
                     this.panelEl = el;
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            } }, h("slot", { key: '3082d046fc973bd5f571b4f9b845844be6e6bf9c' })))));
+            } }, h("slot", { key: '8466f617bd6b8a497e2040d3275b384156de126c' })))));
     }
     static get is() { return "co-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -322,7 +358,7 @@ export class CoPopover {
                     "references": {
                         "PopoverPlacement": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-popover/co-popover.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-popover/co-popover.tsx",
                             "id": "src/components/co-popover/co-popover.tsx::PopoverPlacement"
                         }
                     }
@@ -441,6 +477,11 @@ export class CoPopover {
             }
         };
     }
+    static get states() {
+        return {
+            "closing": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "coOpen",
@@ -472,6 +513,28 @@ export class CoPopover {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "coPlacement",
+                "name": "coPlacement",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "El placement REAL con el que qued\u00F3 el panel, ya pasado por el flip \u2014 que\npuede no ser el de la prop `placement`. Lo consume `co-menu-item` para que\nuna cadena de submen\u00FAs herede la direcci\u00F3n (ver utils/submenu.ts): sin\nesto, un submen\u00FA anidado vuelve a abrir hacia la derecha y se dibuja\nencima del men\u00FA padre del que sali\u00F3.\n\nSe emite SOLO cuando el lado cambia (mismo guard que la clase del panel),\nas\u00ED el path de scroll/resize no dispara un evento por tick."
+                },
+                "complexType": {
+                    "original": "{ placement: Placement }",
+                    "resolved": "{ placement: Placement; }",
+                    "references": {
+                        "Placement": {
+                            "location": "import",
+                            "path": "../../utils/positioning",
+                            "id": "src/utils/positioning.ts::Placement",
+                            "referenceLocation": "Placement"
+                        }
+                    }
+                }
             }];
     }
     static get methods() {

package/dist/collection/components/co-progress-bar/co-progress-bar.js

@@ -18,12 +18,12 @@ export class CoProgressBar {
     render() {
         const clamped = Math.max(0, Math.min(100, this.value));
         const indeterminate = this.indeterminate;
-        return (h("div", { key: 'ec9ad8aa5fec0758148920a219a9ad38bbb2d26a', class: {
+        return (h("div", { key: '1d46449d4034da8868004f4204007301126526dd', class: {
                 'co-progress-bar': true,
                 [`co-progress-bar--${this.status}`]: true,
                 [`co-progress-bar--${this.variant}`]: true,
                 'co-progress-bar--indeterminate': indeterminate,
-            }, role: "progressbar", "aria-valuenow": indeterminate ? undefined : clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "bar", style: { height: `${this.thickness}px` } }, h("div", { key: '18185890f38b6fba049d914a98644c655d0f5cbe', class: "co-progress-bar__fill", style: indeterminate ? undefined : { width: `${clamped}%` } })));
+            }, role: "progressbar", "aria-valuenow": indeterminate ? undefined : clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "bar", style: { height: `${this.thickness}px` } }, h("div", { key: '2bbc631c4ee331cc265b1fb779006b72f6cd436e', class: "co-progress-bar__fill", style: indeterminate ? undefined : { width: `${clamped}%` } })));
     }
     static get is() { return "co-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-progress-circle/co-progress-circle.js

@@ -19,7 +19,7 @@ export class CoProgressCircle {
         const clamped = Math.max(0, Math.min(100, this.value));
         const angle = (clamped / 100) * 360;
         const safeStroke = Math.min(this.strokeWidth, this.size / 2);
-        return (h("div", { key: '54589f277b5c2b8b0d79ee514d96c58fc82f7f55', class: {
+        return (h("div", { key: '161f80b35c78efff11e7ecbff1c9cb234bb85390', class: {
                 'co-progress-circle': true,
                 [`co-progress-circle--${this.status}`]: true,
             }, role: "progressbar", "aria-valuenow": clamped, "aria-valuemin": 0, "aria-valuemax": 100, part: "circle", style: {
@@ -27,7 +27,7 @@ export class CoProgressCircle {
                 height: `${this.size}px`,
                 '--co-pc-angle': `${angle}deg`,
                 '--co-pc-stroke': `${safeStroke}px`,
-            } }, h("div", { key: '531012a9eb019c39b11037e0ab6748ece8c946f1', class: "co-progress-circle__track" }), this.showLabel && (h("span", { key: '6ca9aff7a1069d59ad8cc65e5fb8c913084c6aa2', class: "co-progress-circle__label" }, clamped, "%"))));
+            } }, h("div", { key: 'f68892a3b122f6ad97cb3a2415fd7456055fdc3a', class: "co-progress-circle__track" }), this.showLabel && (h("span", { key: '4bac057faa45335a4fba807b7a58eebdabd26489', class: "co-progress-circle__label" }, clamped, "%"))));
     }
     static get is() { return "co-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,15 +17,15 @@ export class CoRadio {
         };
     }
     render() {
-        return (h("div", { key: '1726b4dd23985c0cae5ce04d795924e069511ccb', class: {
+        return (h("div", { key: '4d3635f594d87efe5dbfee2dae2c57dd359c79f8', class: {
                 'co-radio-row': true,
                 'co-radio-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, h("button", { key: '2164e458b160a853127a50af15560c6ff94bb3e5', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            }, onClick: this.handleClick }, h("button", { key: '8e438682bc870404be748acba71589ab87f63dec', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
                 'co-radio': true,
                 [`co-radio--${this.size}`]: true,
                 'co-radio--checked': this.checked,
                 'co-radio--disabled': this.disabled,
-            }, disabled: this.disabled, part: "circle" }), this.label && (h("span", { key: 'ac519d76a29d186bcbfa8b5e100272f3ccb305ef', class: "co-radio__label", part: "label" }, this.label))));
+            }, disabled: this.disabled, part: "circle" }), this.label && (h("span", { key: '17668c66e61b664e3b49a2acd230b99b2cf8409b', class: "co-radio__label", part: "label" }, this.label))));
     }
     static get is() { return "co-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-radio-group/co-radio-group.js

@@ -219,7 +219,7 @@ export class CoRadioGroup {
                     "references": {
                         "RadioOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-radio-group/co-radio-group.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-radio-group/co-radio-group.tsx",
                             "id": "src/components/co-radio-group/co-radio-group.tsx::RadioOption"
                         }
                     }

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

@@ -36,16 +36,16 @@ export class CoRating {
         const iconSize = this.size === 'large' ? 28 : 20;
         const active = this.hoverValue || this.value;
         const stars = Array.from({ length: this.max }, (_, i) => i + 1);
-        return (h("div", { key: '781b724e9eee1223d988d0669983b33c0e0867c2', class: {
+        return (h("div", { key: '3e6bb945a46ad896a07d2588c6a4d969bce3dfcf', class: {
                 'co-rating': true,
                 'co-rating--disabled': this.disabled,
                 'co-rating--readonly': this.readOnly,
                 [`co-rating--${this.size}`]: true,
-            } }, this.label && h("label", { key: '77788be712df1d8ad302969a408c02b47ba5fd61', class: "co-rating__label" }, this.label), h("div", { key: '5f3bbad8e8f1a7a2e79eabb0e8e9bd3a3effeba9', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (h("button", { class: {
+            } }, this.label && h("label", { key: 'ef9971e3314eb4f270c35b94d2a85f25b8861b68', class: "co-rating__label" }, this.label), h("div", { key: 'b1c3997ec8a3a8950e24ef97af571d5db7283b50', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (h("button", { class: {
                 'co-rating__star': true,
                 'co-rating__star--active': star <= active,
                 'co-rating__star--hover': this.hoverValue > 0 && star <= this.hoverValue,
-            }, type: "button", tabIndex: this.disabled || this.readOnly ? -1 : 0, disabled: this.disabled, onClick: () => this.handleClick(star), onMouseEnter: () => this.handleMouseEnter(star), "aria-label": `${star} of ${this.max}` }, h("co-icon", { name: this.icon, size: iconSize, weight: star <= active ? 'fill' : 'regular' }))))), this.helperText && (h("div", { key: 'e8d0f15c83777dc5d3c3bd1db3d9c16a9c120f56', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'cd3f94380d0165845fab30aba00700304082b566', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), h("span", { key: 'b4e9e93a4a8d7c02016ea3f53735b48cef5a3754', class: "co-rating__helper-text" }, this.helperText)))));
+            }, type: "button", tabIndex: this.disabled || this.readOnly ? -1 : 0, disabled: this.disabled, onClick: () => this.handleClick(star), onMouseEnter: () => this.handleMouseEnter(star), "aria-label": `${star} of ${this.max}` }, h("co-icon", { name: this.icon, size: iconSize, weight: star <= active ? 'fill' : 'regular' }))))), this.helperText && (h("div", { key: '523e14b17fceb0f52f77cd1e9b4053fdd25dffba', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'ae894de5a6c390837c511364b5e8b7ba8a8123f1', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), h("span", { key: '23d04a20799d6b15693c7eb119922e5584031373', class: "co-rating__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-rating"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1192,7 +1192,7 @@ export class CoRefField {
                     "references": {
                         "RefFieldOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                             "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
                         }
                     }
@@ -1333,7 +1333,7 @@ export class CoRefField {
                     "references": {
                         "RefFieldOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                             "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
                         }
                     }
@@ -1354,7 +1354,7 @@ export class CoRefField {
                     "references": {
                         "RefFieldOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                             "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
                         }
                     }

package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.css

@@ -441,6 +441,14 @@ co-rich-text-editor {
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
   user-select: none;
   white-space: nowrap;
+  /* En hosts angostos (panel de foco del quote builder, 480px) la fila con el
+     form de link abierto medía más que el editor y se recortaba contra el
+     overflow del panel — floating-ui shiftéa pero no puede achicar. Cap al
+     ancho del offset parent (el editor) + wrap a segunda línea. border-box:
+     sin él, max-width + padding desbordan igual (no hay reset global). */
+  max-width: 100%;
+  box-sizing: border-box;
+  flex-wrap: wrap;
 }
 
 .co-rte-bubble__drag-handle {
@@ -467,7 +475,12 @@ co-rich-text-editor {
   display: flex;
   align-items: center;
   gap: 2px;
-  flex-wrap: nowrap;
+  /* wrap: la fila hereda el cap de ancho del bubble — con el form de link
+     abierto en un host angosto, el input baja a la segunda línea en vez de
+     recortarse (ver .co-rte-bubble). */
+  flex-wrap: wrap;
+  max-width: 100%;
+  min-width: 0;
 }
 
 .co-rte-bubble__btn {

package/dist/collection/components/co-rich-text-editor/co-rich-text-editor.js

@@ -716,8 +716,10 @@ export class CoRichTextEditor {
         linkInput.addEventListener('keydown', (e) => {
             if (e.key === 'Enter')
                 this.submitBubbleLinkImperative();
-            if (e.key === 'Escape')
+            if (e.key === 'Escape') {
+                e.stopPropagation();
                 this.toggleBubbleLinkForm(false);
+            }
         });
         const linkSubmit = document.createElement('button');
         linkSubmit.type = 'button';
@@ -1281,6 +1283,7 @@ export class CoRichTextEditor {
                     }
                 }
                 if (e.key === 'Escape') {
+                    e.stopPropagation();
                     panel.style.display = 'none';
                 }
             });
@@ -2031,7 +2034,7 @@ export class CoRichTextEditor {
     render() {
         const showToolbar = this.resolvedToolbar !== 'none' && !this.readonly && !this.disabled;
         const showCount = this.showCharacterCount || this.maxLength != null;
-        return (h("div", { key: '27f9e0072f0f8066a193bd6d0ce89dcb3f554477', class: {
+        return (h("div", { key: '135188e840e6c824750f41311c8317677754a57e', class: {
                 'co-rich-text-editor': true,
                 'co-rich-text-editor--focused': this.hasFocus,
                 'co-rich-text-editor--disabled': this.disabled,
@@ -2039,10 +2042,10 @@ export class CoRichTextEditor {
                 'co-rich-text-editor--loading': !this.ready,
                 [`co-rich-text-editor--${this.status}`]: this.status !== 'default',
                 'co-rich-text-editor--flat': this.variant === 'flat',
-            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: 'c45d77264e26bb840952a488b6d6b5e7f9806886', class: "co-rich-text-editor__labels" }, this.label && h("label", { key: 'aee6d4babf7db51bfdc56b79cb66093a3c405a1d', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (h("span", { key: '7accfc51bf56f8e58ba1662cad7b6cf3c32f4111', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), h("div", { key: 'a728ccc17bd1295278c7dc07d1b5254f954b0fbf', class: "co-rich-text-editor__frame" }, showToolbar && (h("co-rich-text-toolbar", { key: 'fa79e86fc7e11e9663e848189ba831d46f34166e', class: "co-rich-text-editor__toolbar", part: "toolbar", variant: this.resolvedToolbar, disabled: this.disabled || this.readonly, locale: this.locale, attachmentsEnabled: this.attachmentsEnabled, attachmentAccept: this.attachmentAccept, onCoAttachmentsSelected: (e) => {
+            }, part: "wrapper" }, (this.label || this.secondaryLabel) && (h("div", { key: '6efe3d162583d450797bde27f772ed400f764f89', class: "co-rich-text-editor__labels" }, this.label && h("label", { key: 'e7e4b81fe3c7ac101b7583ef2aa75635c9730fc9', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (h("span", { key: '57d843617b4faadb72997c94f89d3032da83c0ef', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), h("div", { key: '8bdfacbab4a4b782d19cb1f3b42237387ed686c0', class: "co-rich-text-editor__frame" }, showToolbar && (h("co-rich-text-toolbar", { key: 'ef14095c7489e7f090cebaf227345a6ec7e8681f', class: "co-rich-text-editor__toolbar", part: "toolbar", variant: this.resolvedToolbar, disabled: this.disabled || this.readonly, locale: this.locale, attachmentsEnabled: this.attachmentsEnabled, attachmentAccept: this.attachmentAccept, onCoAttachmentsSelected: (e) => {
                 e.stopPropagation();
                 this.coAttachmentsSelected.emit(e.detail);
-            }, ref: (el) => (this.toolbarEl = el) })), h("div", { key: '2e3724a1692a91bb98e054bb71a4802a057db3f2', class: "co-rich-text-editor__box" }, h("div", { key: 'c1ebc7ba2ffab04ae55acabe19b09a1c641729e6', class: "co-rte-content", part: "content", role: "textbox", "aria-multiline": "true", "aria-label": this.label, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.status === 'error' ? 'true' : undefined, ref: (el) => (this.contentEl = el) }))), h("div", { key: '13340aec99b0250e59e0fdc7fa71484907bd6674', class: "co-rich-text-editor__footer" }, this.helperText && (h("div", { key: '9b6ca8c34a4df7a55bced0df8a8816097c7db1b0', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, h("co-icon", { key: '29858116e3978fc15da5f6de79334741c494b513', name: this.helperIcon, size: 14 }), h("span", { key: 'dd863ec791e6b082512bdc92453e623dd1b5df0a' }, this.helperText))), showCount && (h("span", { key: '42ce76f53ad1447027fff7aaf9b0605b42804edb', class: "co-rich-text-editor__count", ref: (el) => (this.charCountEl = el) }, this.charCount, this.maxLength != null ? ` / ${this.maxLength}` : '')))));
+            }, ref: (el) => (this.toolbarEl = el) })), h("div", { key: '554599eaefefb60470801d1ef6ced9ad271b197c', class: "co-rich-text-editor__box" }, h("div", { key: '85a5e5ace0ad305a58b4a18dd1f5cf102b5f480a', class: "co-rte-content", part: "content", role: "textbox", "aria-multiline": "true", "aria-label": this.label, "aria-required": this.required ? 'true' : undefined, "aria-invalid": this.status === 'error' ? 'true' : undefined, ref: (el) => (this.contentEl = el) }))), h("div", { key: 'dbc4bdbafa74e8fc19b243c151e5ade688b8f463', class: "co-rich-text-editor__footer" }, this.helperText && (h("div", { key: '464cbd83eef858073cd82cfc2d71772bf0a7904a', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, h("co-icon", { key: '1bd007d69fac6948e30d585ad7b9f3ece0fe85ca', name: this.helperIcon, size: 14 }), h("span", { key: '33c618629fc830ff7cdb1bdb1b576bbbc3369435' }, this.helperText))), showCount && (h("span", { key: 'c0bfa6e67be05fe892c2f51b12392810e4d3fed0', class: "co-rich-text-editor__count", ref: (el) => (this.charCountEl = el) }, this.charCount, this.maxLength != null ? ` / ${this.maxLength}` : '')))));
     }
     static get is() { return "co-rich-text-editor"; }
     static get originalStyleUrls() {
@@ -2082,7 +2085,7 @@ export class CoRichTextEditor {
                 "mutable": false,
                 "complexType": {
                     "original": "RichTextPreset",
-                    "resolved": "\"block-email\" | \"comment\" | \"document\" | \"email\" | \"task\"",
+                    "resolved": "\"block-email\" | \"comment\" | \"document\" | \"email\" | \"notes\" | \"task\"",
                     "references": {
                         "RichTextPreset": {
                             "location": "import",
@@ -2345,7 +2348,7 @@ export class CoRichTextEditor {
                 "mutable": false,
                 "complexType": {
                     "original": "ToolbarVariant",
-                    "resolved": "\"auto\" | \"basic\" | \"compact\" | \"compact-assets\" | \"full\" | \"none\"",
+                    "resolved": "\"auto\" | \"basic\" | \"compact\" | \"compact-assets\" | \"full\" | \"none\" | \"notes\"",
                     "references": {
                         "ToolbarVariant": {
                             "location": "import",

package/dist/collection/components/co-rich-text-toolbar/co-rich-text-toolbar.js

@@ -782,8 +782,10 @@ export class CoRichTextToolbar {
             } }, h("input", { type: "url", class: "co-rich-text-toolbar__popover-input", placeholder: placeholder, value: this.popoverInput, onInput: (e) => { this.popoverInput = e.target.value; }, onKeyDown: (e) => {
                 if (e.key === 'Enter')
                     this.submitPopover(item.action);
-                if (e.key === 'Escape')
+                if (e.key === 'Escape') {
+                    e.stopPropagation();
                     this.closePopover();
+                }
             }, ref: (el) => el && setTimeout(() => el.focus(), 0) }), h("div", { class: "co-rich-text-toolbar__popover-actions" }, h("button", { type: "button", class: "co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary", onMouseDown: (e) => e.preventDefault(), onClick: () => this.submitPopover(item.action) }, this.s.add), hasExisting && (h("button", { type: "button", class: "co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--danger", onMouseDown: (e) => e.preventDefault(), onClick: () => isLink ? this.removeLink() : this.removeIframe() }, this.s.remove)), h("button", { type: "button", class: "co-rich-text-toolbar__popover-btn", onMouseDown: (e) => e.preventDefault(), onClick: () => this.closePopover() }, this.s.cancel))));
     }
     renderImagePopover() {
@@ -796,6 +798,7 @@ export class CoRichTextToolbar {
                     if (e.key === 'Enter')
                         this.submitPopover('image');
                     if (e.key === 'Escape') {
+                        e.stopPropagation();
                         this.imagePopoverMode = 'menu';
                     }
                 }, ref: (el) => el && setTimeout(() => el.focus(), 0) }), h("div", { class: "co-rich-text-toolbar__popover-actions" }, h("button", { type: "button", class: "co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary", onMouseDown: (e) => e.preventDefault(), onClick: () => this.submitPopover('image') }, this.s.add), h("button", { type: "button", class: "co-rich-text-toolbar__popover-btn", onMouseDown: (e) => e.preventDefault(), onClick: () => { this.imagePopoverMode = 'menu'; } }, this.s.back))));
@@ -1081,6 +1084,7 @@ export class CoRichTextToolbar {
                     }
                 }
                 else if (e.key === 'Escape') {
+                    e.stopPropagation();
                     this.closePopover();
                 }
             } })), h("button", { type: "button", class: "co-rich-text-toolbar__color-clear", onMouseDown: (e) => e.preventDefault(), onClick: () => this.clearColor(item.action) }, h("co-icon", { name: "x", size: 12 }), h("span", null, this.s.removeColor))));
@@ -1139,8 +1143,8 @@ export class CoRichTextToolbar {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'none' | 'compact' | 'compact-assets' | 'basic' | 'full'",
-                    "resolved": "\"basic\" | \"compact\" | \"compact-assets\" | \"full\" | \"none\"",
+                    "original": "'none' | 'compact' | 'compact-assets' | 'basic' | 'notes' | 'full'",
+                    "resolved": "\"basic\" | \"compact\" | \"compact-assets\" | \"full\" | \"none\" | \"notes\"",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/co-rich-text-viewer/co-rich-text-viewer.js

@@ -14,6 +14,7 @@ import DOMPurify from "dompurify";
 const ALLOWED_TAGS = {
     comment: ['p', 'br', 'strong', 'em', 'a', 'span'],
     task: ['p', 'br', 'strong', 'em', 'a', 'span', 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote'],
+    notes: ['p', 'br', 'strong', 'em', 'a', 'span', 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote', 'mark'],
     email: ['p', 'br', 'strong', 'em', 'a', 'span', 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote', 'h2', 'h3', 'div', 'img'],
     document: ['p', 'br', 'strong', 'em', 'a', 'span', 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'hr', 'div', 'mark', 'img', 'table', 'thead', 'tbody', 'tr', 'th', 'td', 'iframe'],
     'block-email': ['p', 'br', 'strong', 'em', 'a', 'span', 'u', 's', 'code', 'ul', 'ol', 'li', 'blockquote', 'h2', 'h3', 'div', 'img'],
@@ -72,7 +73,7 @@ export class CoRichTextViewer {
         // the mention chip keeps its style hook in read mode — the new markup
         // (data-mention-id/label) is always allowed. image/variables attrs are
         // already in the base list below.
-        const allowedAttr = ['href', 'target', 'rel', 'data-variable', 'data-mention-id', 'data-mention-label', 'style', 'colspan', 'rowspan', 'src', 'alt', 'width', 'height', 'allowfullscreen', 'frameborder', 'allow', 'loading', 'data-youtube-video', 'data-iframe', 'data-image-layout', 'data-file-id', 'type', 'checked', 'disabled'];
+        const allowedAttr = ['href', 'target', 'rel', 'data-variable', 'data-mention-id', 'data-mention-label', 'style', 'colspan', 'rowspan', 'src', 'alt', 'width', 'height', 'allowfullscreen', 'frameborder', 'allow', 'loading', 'data-youtube-video', 'data-iframe', 'data-image-layout', 'data-file-id', 'type', 'checked', 'disabled', 'data-color'];
         if ((_a = this.parsedFeatures) === null || _a === void 0 ? void 0 : _a.mentions) {
             for (const a of ['data-id', 'data-value', 'data-denotation-char', 'data-index']) {
                 if (!allowedAttr.includes(a))
@@ -181,7 +182,7 @@ export class CoRichTextViewer {
                 "mutable": false,
                 "complexType": {
                     "original": "RichTextPreset",
-                    "resolved": "\"block-email\" | \"comment\" | \"document\" | \"email\" | \"task\"",
+                    "resolved": "\"block-email\" | \"comment\" | \"document\" | \"email\" | \"notes\" | \"task\"",
                     "references": {
                         "RichTextPreset": {
                             "location": "import",

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

@@ -13,11 +13,11 @@ export class CoRow {
         this.size = 'sm';
     }
     render() {
-        return (h("div", { key: '70696fccf41033a652d645d1729c6a1623a29dba', class: {
+        return (h("div", { key: 'cf40ecb8896089a87f527be917396d1f01057cec', class: {
                 'co-row': true,
                 [`co-row--${this.position}`]: true,
                 [`co-row--${this.size}`]: true,
-            }, part: "row" }, h("div", { key: '9340e93c22c524dcfefaa045a33708d6716d2e71', class: "co-row__prefix" }, h("slot", { key: '25849a63e71d4b0135bb4f0cd4fb7a770d6ad891', name: "prefix" })), h("div", { key: 'a3334d91df254818ea3a930064e9aff841156453', class: "co-row__content" }, h("slot", { key: '6a5715653ce606e9b305e3ac028f0516b0fe1e53' })), h("div", { key: '14108da97477a0b126aa4e0d5ca9a88589ff581c', class: "co-row__suffix" }, h("slot", { key: '2739761ef763685df0a7a72414ebde1098edf45a', name: "suffix" }))));
+            }, part: "row" }, h("div", { key: '8d24887fb9704673fe0facfaabd792ca455bd479', class: "co-row__prefix" }, h("slot", { key: 'd2546cc155fe508f8f2a7eba580a99e370e82887', name: "prefix" })), h("div", { key: '5e6c33efacc0dde29f202a09c664294ad7524572', class: "co-row__content" }, h("slot", { key: '5efffa62218f021f439ad12eba00cb1479ccfc58' })), h("div", { key: '42cc9c00f8ca199e4e29ac8e2f6b6b585c2b3a99', class: "co-row__suffix" }, h("slot", { key: '3389e9ef5a2914629a7c2d1246d37c5fa956be33', name: "suffix" }))));
     }
     static get is() { return "co-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-segmented-bar/co-segmented-bar.js

@@ -154,7 +154,7 @@ export class CoSegmentedBar {
                     "references": {
                         "CoSegment": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
                             "id": "src/components/co-segmented-bar/co-segmented-bar.tsx::CoSegment"
                         }
                     }

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

@@ -718,7 +718,7 @@ export class CoSelect {
                     "references": {
                         "SelectOption": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-select/co-select.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-select/co-select.tsx",
                             "id": "src/components/co-select/co-select.tsx::SelectOption"
                         }
                     }

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

@@ -57,7 +57,7 @@ export class CoSeparator {
                 style['--co-separator-inset-end'] = '0px';
             }
         }
-        return (h("hr", { key: '0dc126dcca1c3c1a9b7c81f826ea6dc88e5fe8cf', class: {
+        return (h("hr", { key: 'e3424f147cc4168638d2ac823046351fb880ac57', class: {
                 'co-separator': true,
                 'co-separator--vertical': this.vertical,
                 'co-separator--dark': this.dark,

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

@@ -10,10 +10,10 @@ export class CoSidebar {
         this.mode = 'full';
     }
     render() {
-        return (h("nav", { key: 'fca10c02609e09fc438ce161abd1d78c09c69069', class: {
+        return (h("nav", { key: 'ad5f66c721365f3a9ca2192765df243e8dea492e', class: {
                 'co-sidebar': true,
                 [`co-sidebar--${this.mode}`]: true,
-            }, part: "sidebar" }, h("div", { key: '1544927cf558bb7531a0f7b4c0b8c65639221c20', class: "co-sidebar__header", part: "header" }, h("slot", { key: 'be023481e358dca947923cf2832326b4c9226d81', name: "header" })), h("div", { key: 'd949188bc503b24fd01324c70ff422ac0ec63515', class: "co-sidebar__body", part: "body" }, h("slot", { key: '49bfd3625171421229664033cdb18f7117938c7d' })), h("div", { key: '511cf30ca3a8102d50c6351c7d56a4ac5f05da9e', class: "co-sidebar__footer", part: "footer" }, h("slot", { key: 'f299146e4692b337dbd3fe2dfbb1fe7d4bd52fb4', name: "footer" }))));
+            }, part: "sidebar" }, h("div", { key: '45a2250516e1080f79b4a4554a0db7715c30066d', class: "co-sidebar__header", part: "header" }, h("slot", { key: '04a468d4eb6cf9bbd2acc482ba50defc4271166e', name: "header" })), h("div", { key: '730e37997945ce8bc7bc2d177beb25bbd0a1813f', class: "co-sidebar__body", part: "body" }, h("slot", { key: '22c20554c8f2d85952d43484cda5903dbf33588d' })), h("div", { key: '6bb53d0394b9107ea1553e21047d51ea5fe0f292', class: "co-sidebar__footer", part: "footer" }, h("slot", { key: '2b326d1beed32288d50ba17abad459929ed1e940', name: "footer" }))));
     }
     static get is() { return "co-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.css

@@ -263,8 +263,8 @@
      defaults (mismos valores que co-button/co-icon-button). */
   --co-glass-blur: 12px;
   --co-glass-saturate: 1.3;
-  -webkit-backdrop-filter: blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));
-  backdrop-filter: blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));
+  -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)));
 }
 
 /* Hover on the ACTIVE item: keep the workspace pill, just MORE opaque (solid

package/dist/collection/components/co-sidebar-nav/co-sidebar-nav.js

@@ -702,7 +702,7 @@ export class CoSidebarNav {
                     "references": {
                         "NavigateDetail": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-rel-20260827-tooltip/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
                             "id": "src/components/co-sidebar-nav/co-sidebar-nav.tsx::NavigateDetail"
                         }
                     }

package/dist/collection/components/co-skeleton/co-skeleton.css

@@ -18,6 +18,24 @@
 .co-skeleton--text { border-radius: var(--co-border-radius-xxs); }
 .co-skeleton--circle { border-radius: var(--co-border-radius-full); }
 
+/* Handoff de reveal: el host marca `revealed` cuando el contenido real llegó;
+   el skeleton se desvanece y avisa con coRevealEnd para el desmonte.
+   ease-in-out (spec): es un crossfade de handoff, no una salida seca.
+   opacity-only (sin filter/blur): el skeleton puede ser full-height (p.ej.
+   DataTableGridView a 100%×100%) — blur en una superficie grande está
+   prohibido por la convención de motion. */
+.co-skeleton {
+  transition: opacity var(--co-motion-duration-base) var(--co-motion-ease-in-out);
+}
+
+.co-skeleton--revealed {
+  opacity: 0;
+  pointer-events: none;
+  /* Apaga el sweep infinito durante/después del reveal — sin esto sigue
+     repintando bajo opacity:0 (invisible pero no gratis). */
+  animation: none;
+}
+
 @keyframes co-skeleton-sweep {
   0% { background-position: 200% 0; }
   100% { background-position: -200% 0; }