@prolibu-suite/cobalt-core 0.9.6 → 0.10.1

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/worktrees/cobalt-release/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: 'a825b7cf49067c0a12ccddb81554c172d90a888f', 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: '354b3b676401d0265e5f64aed1b137b97a147468', class: "co-rating__label" }, this.label), h("div", { key: '29c8af2cde2482ac803e75025dc5533c7051c2ff', 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: '0fcc95b7e125f1ef57c67ed9e46d4511da5d3eaa', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'c9cb1f60e902c0b52a45225bedacd92ba08ae0b4', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), h("span", { key: '8a5479175de97fccb5947f2f8f2c87888481b104', 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.css

@@ -163,6 +163,46 @@
   text-overflow: ellipsis;
 }
 
+/* Valor heredado (inheritedLabel): lo que aplica por defecto con el campo
+   vacío. Se lee como contenido (text-secondary), no como hint (muted), y va
+   con un chip outlined opcional (inheritedBadgeLabel) que cabe en el trigger
+   md de 40px (22px = alto del contenido). */
+/* El host block del co-tooltip es el ítem flex: min-width:0 acá y display:block
+   en el span son lo que deja truncar (un inline dentro del trigger no trunca). */
+.co-ref-field__inherited-tip {
+  min-width: 0;
+  max-width: 100%;
+}
+
+.co-ref-field__inherited {
+  display: block;
+  color: var(--co-semantic-text-secondary);
+  font-size: inherit;
+  font-weight: 400;
+  line-height: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.co-ref-field__inherited-badge {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  height: 22px;
+  padding: 0 var(--co-spacing-sm2);
+  /* Escapes temáticos como el resto del trigger (--co-ref-field-trigger-*):
+     sobre una isla oscura en tema light, border-default (negro 16%) desaparece. */
+  border: 1px solid var(--co-ref-field-inherited-badge-border, var(--co-semantic-border-default));
+  border-radius: var(--co-border-radius-full);
+  color: var(--co-ref-field-inherited-badge-color, var(--co-semantic-text-secondary));
+  font-size: var(--co-font-size-12);
+  font-weight: 400;
+  line-height: 1;
+  white-space: nowrap;
+}
+
 .co-ref-field__caret {
   flex-shrink: 0;
   color: var(--co-semantic-text-muted);

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

@@ -79,6 +79,15 @@ export class CoRefField {
         this.triggerBadgeIcon = '';
         /** Accessible name / tooltip for the trigger badge. */
         this.triggerBadgeLabel = '';
+        /**
+         * Valor HEREDADO: texto que se pinta cuando NO hay valor, en lugar del
+         * placeholder, para mostrar lo que aplica por defecto (p. ej. el layout
+         * predeterminado del workspace en Deal.proposal.template.layout). No es un
+         * valor: `value` sigue vacío y no hay ×. Vacío = placeholder de siempre.
+         */
+        this.inheritedLabel = '';
+        /** Chip outlined junto al valor heredado (p. ej. 'Predeterminado'). Solo con inheritedLabel. */
+        this.inheritedBadgeLabel = '';
         /**
          * Shape of the leading avatar (selected value + option rows). Defaults to
          * 'circle' (people refs); use 'square' for company/workspace refs — it renders
@@ -89,11 +98,21 @@ export class CoRefField {
         this.pinnable = false;
         /** Drag-reorder de la lista del panel (forward a co-option-list). */
         this.listReorderable = false;
+        /** Tooltip del valor heredado: co-tooltip lee `disabled` en el mouseenter
+         *  (scheduleShow), así que el truncado se mide ANTES del hover — al montar /
+         *  redimensionar el span (RO propio: el de los chips hace disconnect() por
+         *  render) y al cambiar el texto — nunca en el hover mismo. */
+        this.inheritedTruncated = false;
         this.isOpen = false;
         /** How many trailing chips don't fit the trigger width (responsive mode). */
         this.overflowCount = 0;
         this.lastChipsKey = '\x00';
         this.pendingFocus = false;
+        /** El host proyecta su PROPIO panel (`<div slot="panel">`: galería, grid…)
+         *  en lugar de la co-option-list. Se detecta al ABRIR — los hijos light-DOM
+         *  ya existen y el panel se monta on-demand — y el host cierra/selecciona
+         *  vía los métodos `selectOption`/`closePanel`. El footer se conserva. */
+        this.hasPanelSlot = false;
         // ── Popover event handlers ─────────────────────────────────
         this.handlePopoverOpen = () => {
             this.isOpen = true;
@@ -101,6 +120,28 @@ export class CoRefField {
         this.handlePopoverClose = () => {
             this.isOpen = false;
         };
+        this.measureInherited = () => {
+            const el = this.inheritedEl;
+            const truncated = el ? el.scrollWidth > el.clientWidth + 1 : false;
+            if (truncated !== this.inheritedTruncated)
+                this.inheritedTruncated = truncated;
+        };
+        // Stencil llama el ref con null al desmontar (nullifyVNodeRefs): observar /
+        // des-observar en el mismo lugar. observe() dispara una notificación inicial
+        // → primera medición sin hover previo.
+        this.setInheritedEl = (el) => {
+            var _a, _b;
+            const next = el || undefined;
+            if (next === this.inheritedEl)
+                return;
+            if (this.inheritedEl)
+                (_a = this.inheritedResizeObserver) === null || _a === void 0 ? void 0 : _a.unobserve(this.inheritedEl);
+            this.inheritedEl = next;
+            if (next)
+                (_b = this.inheritedResizeObserver) === null || _b === void 0 ? void 0 : _b.observe(next);
+            else if (this.inheritedTruncated)
+                this.inheritedTruncated = false;
+        };
         this.handleTriggerClick = (e) => {
             if (this.disabled)
                 e.stopPropagation();
@@ -259,6 +300,11 @@ export class CoRefField {
         // Responsive chips: refit on any trigger width change (same pattern as
         // co-combobox).
         this.resizeObserver = new ResizeObserver(() => this.calcOverflow());
+        this.inheritedResizeObserver = new ResizeObserver(() => this.measureInherited());
+        // Reconexión del host: el observer es nuevo pero el span ya está montado y
+        // el ref no vuelve a llamarse (mismo elemento) → re-observar acá.
+        if (this.inheritedEl)
+            this.inheritedResizeObserver.observe(this.inheritedEl);
     }
     componentDidRender() {
         var _a, _b, _c, _d;
@@ -287,8 +333,9 @@ export class CoRefField {
         }
     }
     disconnectedCallback() {
-        var _a;
+        var _a, _b;
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_b = this.inheritedResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
     }
     /**
      * Counts how many trailing chips overflow the single-line chips wrapper
@@ -324,6 +371,7 @@ export class CoRefField {
     // ── Watchers ───────────────────────────────────────────────
     onOpenChange(isOpen) {
         if (isOpen) {
+            this.hasPanelSlot = !!this.el.querySelector(':scope > [slot="panel"]');
             this.coOpen.emit();
             // The panel is mounted on-demand: co-option-list takes its selected-first
             // snapshot in componentWillLoad on every open; we only need to focus the
@@ -338,6 +386,12 @@ export class CoRefField {
             this.restoreTriggerFocus();
         }
     }
+    // ── Valor heredado: medición del truncado (drives co-tooltip `disabled`) ──
+    onInheritedLabelChange() {
+        // El span no cambia de caja al cambiar el texto (overflow:hidden) → el RO
+        // no dispara: medir tras el render.
+        requestAnimationFrame(this.measureInherited);
+    }
     /** Devuelve el foco al trigger al cerrar el panel (Escape, selección),
      *  salvo que el cierre venga de un click-outside que ya movió el foco a
      *  otro elemento — en ese caso no robarlo. */
@@ -348,6 +402,25 @@ export class CoRefField {
             (_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }
+    /** Selección desde un panel proyectado (slot `panel`): mismo contrato que un
+     *  click en la co-option-list — actualiza `value`, emite `coChange` con
+     *  `{ value, item }` y cierra en single. */
+    async selectOption(option) {
+        this.handleOptionClick(option);
+    }
+    /** Cierra el panel (Escape/Enter manejados por un panel proyectado). */
+    async closePanel() {
+        this.isOpen = false;
+    }
+    /** Abre el panel. Espejo de `closePanel` para un panel proyectado que se
+     *  cierra a sí mismo (p.ej. para mostrar un modal — un click dentro de un
+     *  co-modal cuenta como click-outside del popover) y quiere volver a abrirse
+     *  después. No-op si está disabled, igual que el trigger. */
+    async openPanel() {
+        if (this.disabled)
+            return;
+        this.isOpen = true;
+    }
     // ── Render helpers ─────────────────────────────────────────
     renderTrigger() {
         const selected = this.effectiveDisplayItems;
@@ -359,7 +432,7 @@ export class CoRefField {
                 [`co-ref-field--${this.normalizedSize}`]: true,
                 [`co-ref-field--${this.status}`]: this.status !== 'default',
                 'co-ref-field--flat': this.variant === 'flat',
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-label": this.label || undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-controls": this.isOpen ? CoRefField.LIST_ID : undefined, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.iconLeft && (h("span", { class: "co-ref-field__icon" }, h("co-icon", { name: this.iconLeft, size: 16 }))), h("div", { class: "co-ref-field__value" }, !hasValue && h("span", { class: "co-ref-field__placeholder", part: "trigger-placeholder" }, this.placeholder), hasValue && !this.multiple && this.renderSingleValue(selected[0]), hasValue && this.multiple && this.renderMultipleValue(selected)), hasValue && this.triggerBadgeIcon && (h("span", { class: "co-ref-field__trigger-badge", part: "trigger-badge", role: "img", title: this.triggerBadgeLabel || undefined, "aria-label": this.triggerBadgeLabel || undefined }, h("co-icon", { name: this.triggerBadgeIcon, size: 11, weight: "fill" }))), hasValue && !this.multiple && this.editable && !this.disabled && (h("button", { class: "co-ref-field__edit", part: "trigger-edit", tabIndex: -1, onClick: this.handleEditClick, type: "button", title: this.editLabel || undefined, "aria-label": this.editLabel || undefined }, h("co-icon", { name: "pencil-simple", size: 14 }))), hasValue && this.clearable && !this.disabled && (h("button", { class: "co-ref-field__clear", part: "trigger-clear", tabIndex: -1, onClick: this.handleClear, type: "button" }, h("co-icon", { name: "x", size: 14 }))), h("span", { class: "co-ref-field__caret", part: "trigger-chevron" }, h("co-icon", { name: "caret-up-down", size: 16 }))));
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-label": this.label || undefined, "aria-disabled": this.disabled ? 'true' : undefined, "aria-controls": this.isOpen ? CoRefField.LIST_ID : undefined, tabIndex: this.disabled ? -1 : 0, ref: (el) => (this.triggerEl = el), onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, this.iconLeft && (h("span", { class: "co-ref-field__icon" }, h("co-icon", { name: this.iconLeft, size: 16 }))), h("div", { class: "co-ref-field__value" }, !hasValue && this.inheritedLabel && (h("co-tooltip", { block: true, class: "co-ref-field__inherited-tip", content: this.inheritedLabel, placement: "top", disabled: !this.inheritedTruncated }, h("span", { class: "co-ref-field__inherited", part: "trigger-inherited", ref: this.setInheritedEl }, this.inheritedLabel))), !hasValue && !this.inheritedLabel && (h("span", { class: "co-ref-field__placeholder", part: "trigger-placeholder" }, this.placeholder)), hasValue && !this.multiple && this.renderSingleValue(selected[0]), hasValue && this.multiple && this.renderMultipleValue(selected)), !hasValue && this.inheritedLabel && this.inheritedBadgeLabel && (h("span", { class: "co-ref-field__inherited-badge", part: "trigger-inherited-badge" }, this.inheritedBadgeLabel)), hasValue && this.triggerBadgeIcon && (h("span", { class: "co-ref-field__trigger-badge", part: "trigger-badge", role: "img", title: this.triggerBadgeLabel || undefined, "aria-label": this.triggerBadgeLabel || undefined }, h("co-icon", { name: this.triggerBadgeIcon, size: 11, weight: "fill" }))), hasValue && !this.multiple && this.editable && !this.disabled && (h("button", { class: "co-ref-field__edit", part: "trigger-edit", tabIndex: -1, onClick: this.handleEditClick, type: "button", title: this.editLabel || undefined, "aria-label": this.editLabel || undefined }, h("co-icon", { name: "pencil-simple", size: 14 }))), hasValue && this.clearable && !this.disabled && (h("button", { class: "co-ref-field__clear", part: "trigger-clear", tabIndex: -1, onClick: this.handleClear, type: "button" }, h("co-icon", { name: "x", size: 14 }))), h("span", { class: "co-ref-field__caret", part: "trigger-chevron" }, h("co-icon", { name: "caret-up-down", size: 16 }))));
     }
     /**
      * Leading visual for a selected value / chip. Prefers a real avatar (image
@@ -408,16 +481,31 @@ export class CoRefField {
                 }, style: fill ? { backgroundColor: item.color } : undefined, onRemove: (e) => this.handleRemoveChip(item._id, e) }, item.image || item.avatar ? (this.renderItemAvatar(item)) : item.color && !fill ? (h("span", { class: "co-ref-field__chip-dot", style: { backgroundColor: item.color } })) : null));
         })), overflow > 0 && h("span", { class: "co-ref-field__chip-overflow" }, "+", overflow)));
     }
+    /** Botones del footer. `slotted`: dentro de la co-option-list van por su
+     *  slot `footer`; en el panel proyectado se pintan directo bajo el slot. */
+    renderFooter(slotted) {
+        if (!this.showFooter)
+            return null;
+        return (h("div", { class: "co-ref-field__footer", slot: slotted ? 'footer' : undefined }, this.footerSecondaryLabel && (h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--secondary", type: "button", onClick: this.handleFooterSecondary }, h("co-icon", { name: "plus", size: 16 }), h("span", null, this.footerSecondaryLabel))), h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--primary", type: "button", onClick: this.handleFooterPrimary }, h("co-icon", { name: "check", size: 16 }), h("span", null, this.footerPrimaryLabel))));
+    }
     renderPanel() {
-        return (h("div", { class: {
-                'co-ref-field__panel': true,
-                'co-ref-field__panel--dark': this.panelTheme === 'dark',
-                'co-ref-field__panel--light': this.panelTheme === 'light',
-            }, style: this.panelWidth ? { width: this.panelWidth } : undefined }, h("co-option-list", { id: CoRefField.LIST_ID, ref: (el) => (this.optionListEl = el), items: typeof this.options === 'string' ? this.options : JSON.stringify(this.options), value: this.value, selectedItems: typeof this.selectedDisplay === 'string' ? this.selectedDisplay : JSON.stringify(this.selectedDisplay), multiple: this.multiple, selectedFirst: this.multiple, reorderable: this.multiple, pinnable: this.pinnable, listReorderable: this.listReorderable, selectedAffordance: "deselect", searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: this.searchDebounce, loading: this.loading, total: this.total, emptyMessage: this.emptyMessage, avatarShape: this.avatarShape, onCoSearch: (e) => this.coSearch.emit(e.detail), onCoChange: (e) => this.handleListChange(e.detail), onCoReorder: (e) => this.handleReorder(e.detail), onCoPinToggle: (e) => this.coPinToggle.emit(e.detail), onCoListReorder: (e) => this.coListReorder.emit(e.detail), onCoLoadMore: () => this.coLoadMore.emit() }, h("slot", { name: "panel-footer", slot: "footer" }), this.showFooter && (h("div", { class: "co-ref-field__footer", slot: "footer" }, this.footerSecondaryLabel && (h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--secondary", type: "button", onClick: this.handleFooterSecondary }, h("co-icon", { name: "plus", size: 16 }), h("span", null, this.footerSecondaryLabel))), h("button", { class: "co-ref-field__footer-btn co-ref-field__footer-btn--primary", type: "button", onClick: this.handleFooterPrimary }, h("co-icon", { name: "check", size: 16 }), h("span", null, this.footerPrimaryLabel)))))));
+        const panelClass = {
+            'co-ref-field__panel': true,
+            'co-ref-field__panel--dark': this.panelTheme === 'dark',
+            'co-ref-field__panel--light': this.panelTheme === 'light',
+        };
+        const panelStyle = this.panelWidth ? { width: this.panelWidth } : undefined;
+        if (this.hasPanelSlot) {
+            // Panel del host: la búsqueda, las opciones y su a11y son suyas; acá
+            // quedan el chrome del panel (radius/tema/ancho), el id que el trigger
+            // referencia por aria-controls y el footer compartido.
+            return (h("div", { class: Object.assign(Object.assign({}, panelClass), { 'co-ref-field__panel--custom': true }), id: CoRefField.LIST_ID, style: panelStyle }, h("slot", { name: "panel" }), this.renderFooter(false)));
+        }
+        return (h("div", { class: panelClass, style: panelStyle }, h("co-option-list", { id: CoRefField.LIST_ID, ref: (el) => (this.optionListEl = el), items: typeof this.options === 'string' ? this.options : JSON.stringify(this.options), value: this.value, selectedItems: typeof this.selectedDisplay === 'string' ? this.selectedDisplay : JSON.stringify(this.selectedDisplay), multiple: this.multiple, selectedFirst: this.multiple, reorderable: this.multiple, pinnable: this.pinnable, listReorderable: this.listReorderable, selectedAffordance: "deselect", searchable: this.searchable, searchPlaceholder: this.searchPlaceholder, searchDebounce: this.searchDebounce, loading: this.loading, total: this.total, emptyMessage: this.emptyMessage, avatarShape: this.avatarShape, onCoSearch: (e) => this.coSearch.emit(e.detail), onCoChange: (e) => this.handleListChange(e.detail), onCoReorder: (e) => this.handleReorder(e.detail), onCoPinToggle: (e) => this.coPinToggle.emit(e.detail), onCoListReorder: (e) => this.coListReorder.emit(e.detail), onCoLoadMore: () => this.coLoadMore.emit() }, h("slot", { name: "panel-footer", slot: "footer" }), this.renderFooter(true))));
     }
     // ── Main render ────────────────────────────────────────────
     render() {
-        return (h("div", { key: '8904995ce46d0552556775029316fa42c0d1261e', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (h("div", { key: 'a3b1d77f18f04b0233d5cf9c5b18c484b60d06e4', class: "co-ref-field__labels" }, this.label && (h("label", { key: '837c1f52807a6b258874d4984fdd3aafd48737ed', class: "co-ref-field__label" }, this.labelIcon && (h("co-icon", { key: 'c9e74495eac50df1f9f074f3a25b3be7bcf36d1c', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, h(RequiredMark, { key: '49a4366d6fc20c7ddbad31d020a1d45ea4134554', required: this.required }))), this.secondaryLabel && (h("span", { key: '4f9dd9e68d79642cfafd16a71e51747599668f9e', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: '91ad529d27a62ccbcb8acac7f23cee7ac2ca33ce', open: this.isOpen, placement: "bottom-start", matchWidth: !this.panelWidth, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '809b6f7e0f64ffd7c6151c1fae340114f5887e72', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (h("div", { key: '4089f6e3cd993ce620742d619282d12542e87057', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (h("co-icon", { key: '3d9e658ba0cc04034778911930837f1268afeedd', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), h("span", { key: '8c26be0575794b6f8b410f1fd0b71efd715d5324' }, this.helperText)))));
+        return (h("div", { key: 'fa7de667cc9002d1a4a042b0d200524cbcb89b78', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (h("div", { key: 'a6ddd5b71364e4f5bdf63b04faa09bfc0a32f6bc', class: "co-ref-field__labels" }, this.label && (h("label", { key: '766f803c8be77f72e52e4d3cdd7b6d7a363a146a', class: "co-ref-field__label" }, this.labelIcon && (h("co-icon", { key: 'a8b6c7f189af4b9f37de8c3cc96cb489fd9183e4', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, h(RequiredMark, { key: '643edcb040ef9a91040e8d52f628bc0af06c36ba', required: this.required }))), this.secondaryLabel && (h("span", { key: '7a107c578e003760423acc6d450f2a42a0868375', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: '9938ca629c5927156ea137adfefd1d927104312b', open: this.isOpen, placement: "bottom-start", matchWidth: !this.panelWidth, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '7618ea5fb13e4944596fd728cf934b5c28bd29ab', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (h("div", { key: '1dd9fc7659e8f8791bb4b785407b0e89b32107c8', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (h("co-icon", { key: '399674b95ebcc91581f1f1cea54451f8ee33d9da', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), h("span", { key: '640adc4e5cd4cd742a171cac1319b75489cb7ef8' }, this.helperText)))));
     }
     static get is() { return "co-ref-field"; }
     static get encapsulation() { return "shadow"; }
@@ -1088,6 +1176,46 @@ export class CoRefField {
                 "attribute": "trigger-badge-label",
                 "defaultValue": "''"
             },
+            "inheritedLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valor HEREDADO: texto que se pinta cuando NO hay valor, en lugar del\nplaceholder, para mostrar lo que aplica por defecto (p. ej. el layout\npredeterminado del workspace en Deal.proposal.template.layout). No es un\nvalor: `value` sigue vac\u00EDo y no hay \u00D7. Vac\u00EDo = placeholder de siempre."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "inherited-label",
+                "defaultValue": "''"
+            },
+            "inheritedBadgeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Chip outlined junto al valor heredado (p. ej. 'Predeterminado'). Solo con inheritedLabel."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "inherited-badge-label",
+                "defaultValue": "''"
+            },
             "panelWidth": {
                 "type": "string",
                 "mutable": false,
@@ -1171,6 +1299,7 @@ export class CoRefField {
     }
     static get states() {
         return {
+            "inheritedTruncated": {},
             "isOpen": {},
             "overflowCount": {}
         };
@@ -1192,7 +1321,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/worktrees/cobalt-release/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                             "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
                         }
                     }
@@ -1333,7 +1462,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/worktrees/cobalt-release/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                             "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
                         }
                     }
@@ -1354,7 +1483,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/worktrees/cobalt-release/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                             "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
                         }
                     }
@@ -1376,11 +1505,78 @@ export class CoRefField {
                 }
             }];
     }
+    static get methods() {
+        return {
+            "selectOption": {
+                "complexType": {
+                    "signature": "(option: RefFieldOption) => Promise<void>",
+                    "parameters": [{
+                            "name": "option",
+                            "type": "RefFieldOption",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "RefFieldOption": {
+                            "location": "local",
+                            "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                            "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Selecci\u00F3n desde un panel proyectado (slot `panel`): mismo contrato que un\nclick en la co-option-list \u2014 actualiza `value`, emite `coChange` con\n`{ value, item }` y cierra en single.",
+                    "tags": []
+                }
+            },
+            "closePanel": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Cierra el panel (Escape/Enter manejados por un panel proyectado).",
+                    "tags": []
+                }
+            },
+            "openPanel": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Abre el panel. Espejo de `closePanel` para un panel proyectado que se\ncierra a s\u00ED mismo (p.ej. para mostrar un modal \u2014 un click dentro de un\nco-modal cuenta como click-outside del popover) y quiere volver a abrirse\ndespu\u00E9s. No-op si est\u00E1 disabled, igual que el trigger.",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
                 "propName": "isOpen",
                 "methodName": "onOpenChange"
+            }, {
+                "propName": "inheritedLabel",
+                "methodName": "onInheritedLabelChange"
             }];
     }
 }

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: '3acc844eb53d8b3568d9f72e053363b674e9ba87', 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: '53b6f47e19e422ab1c7b3e2d452f320495199c33', class: "co-rich-text-editor__labels" }, this.label && h("label", { key: 'c4c7eb0f49cbffc40cbd6cfd2a28848201623be9', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (h("span", { key: '13663ac237f80b637ebf8df841ba52c4aa73a0f4', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), h("div", { key: 'deb51dfabddb6ca08dc849f17f7850d635bee9e0', class: "co-rich-text-editor__frame" }, showToolbar && (h("co-rich-text-toolbar", { key: 'f62c2cf76ce791f0648bde14c30300c40417a22b', 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: 'af3c512a9ec4ed3dc62d83b8acbd13132c84f349', class: "co-rich-text-editor__box" }, h("div", { key: '3cacb60bf24487d631ec3e7153313b3ed940ea8e', 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: 'ac6511ee617587f29a55adeb5ef9840be559adcd', class: "co-rich-text-editor__footer" }, this.helperText && (h("div", { key: '8ae2c198a948e553d22111bad15d5119c7ee090f', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, h("co-icon", { key: 'a764d0daeeaeee64fae43c2358cdad9ecfe89b13', name: this.helperIcon, size: 14 }), h("span", { key: 'c1efcf1a97de016fa78a408306696cc0f4b29f29' }, this.helperText))), showCount && (h("span", { key: 'c68f01b407e6b2aa17582b58244b147825729138', 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: 'df05ce9c0da83cd61ce3a42e4a578ea4d038e12c', 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: 'fcd7514bd6071f16f8b92ace2651bf33b74a402e', class: "co-row__prefix" }, h("slot", { key: '47254fffd8803454f9d8f0cccfb6e80bb7058b38', name: "prefix" })), h("div", { key: '43aaab6683919b7e9e47c0a67203edffa3db81df', class: "co-row__content" }, h("slot", { key: '4fb7a8ea03f79313176ca8c5ae23f878eace9027' })), h("div", { key: '3c7bcd64ccf417e95620cec6ae87d7d9d1697bed', class: "co-row__suffix" }, h("slot", { key: 'af2e72debbcc68919ef3e28d03ff18cf747ccc43', name: "suffix" }))));
     }
     static get is() { return "co-row"; }
     static get encapsulation() { return "shadow"; }