@prolibu-suite/cobalt-core 0.9.0 → 0.9.2

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

@@ -17,15 +17,15 @@ export class CoRadio {
         };
     }
     render() {
-        return (h("div", { key: '58271c736f2b068e5453c904aac03fdb38b128f5', class: {
+        return (h("div", { key: '1726b4dd23985c0cae5ce04d795924e069511ccb', class: {
                 'co-radio-row': true,
                 'co-radio-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, h("button", { key: '9bf5caf7c7b0197caa624e0893acb26c42b446d7', role: "radio", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            }, onClick: this.handleClick }, h("button", { key: '2164e458b160a853127a50af15560c6ff94bb3e5', 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: '4f09ee5fe9807a7f2ebca3a1497edcfa482dbd99', class: "co-radio__label", part: "label" }, this.label))));
+            }, disabled: this.disabled, part: "circle" }), this.label && (h("span", { key: 'ac519d76a29d186bcbfa8b5e100272f3ccb305ef', 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/Documents/Prolibu/prolibu-cobalt/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: 'e0c349a8291d8e6070491da043a7e25f6a1760c9', class: {
+        return (h("div", { key: '781b724e9eee1223d988d0669983b33c0e0867c2', class: {
                 'co-rating': true,
                 'co-rating--disabled': this.disabled,
                 'co-rating--readonly': this.readOnly,
                 [`co-rating--${this.size}`]: true,
-            } }, this.label && h("label", { key: '9b94b9f984de01b62b4fa8d81b9306373ace35ea', class: "co-rating__label" }, this.label), h("div", { key: '314c6ad766a0166ec840ef09a4e25f7215e7b431', class: "co-rating__stars", onMouseLeave: this.handleMouseLeave }, stars.map(star => (h("button", { class: {
+            } }, 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: {
                 '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: '5dc15f3ca66f0c187ee8cd285f8750dbae053d4a', class: `co-rating__helper co-rating__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'ef84a476928b566635cff02144637800b1e72e6e', name: this.statusIcon, size: 14, weight: "fill", class: "co-rating__helper-icon" }), h("span", { key: 'b4ddff2a4fee37645bb5352ab4bbfa7e222f51e4', 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: '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)))));
     }
     static get is() { return "co-rating"; }
     static get encapsulation() { return "shadow"; }

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

@@ -162,6 +162,21 @@
   align-items: center;
 }
 
+/* Badge de estado del trigger (triggerBadgeIcon): pill chico tras el label.
+   El fondo por defecto es un velo neutro que funciona sobre triggers tintados
+   (navbar por color de workspace); los hosts lo ajustan vía
+   --co-ref-field-trigger-badge-bg. */
+.co-ref-field__trigger-badge {
+  flex-shrink: 0;
+  display: grid;
+  place-items: center;
+  width: 18px;
+  height: 18px;
+  border-radius: var(--co-border-radius-xxs);
+  background: var(--co-ref-field-trigger-badge-bg, rgba(0, 0, 0, 0.22));
+  color: var(--co-semantic-text-default);
+}
+
 .co-ref-field__clear {
   flex-shrink: 0;
   display: flex;

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

@@ -56,6 +56,15 @@ export class CoRefField {
         this.maxChips = 0;
         /** Panel color theme. 'auto' follows trigger, 'dark' forces dark panel, 'light' forces light. */
         this.panelTheme = 'auto';
+        /**
+         * Phosphor icon rendered as a small status badge after the selected label in
+         * the trigger (e.g. 'funnel' = strict workspace filter active). Only shows
+         * while a value is selected. Empty = no badge. Tint the pill via
+         * --co-ref-field-trigger-badge-bg.
+         */
+        this.triggerBadgeIcon = '';
+        /** Accessible name / tooltip for the trigger badge. */
+        this.triggerBadgeLabel = '';
         /**
          * Shape of the leading avatar (selected value + option rows). Defaults to
          * 'circle' (people refs); use 'square' for company/workspace refs — it renders
@@ -285,7 +294,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',
-            }, onClick: this.handleTriggerClick }, 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.clearable && !this.disabled && (h("button", { class: "co-ref-field__clear", part: "trigger-clear", 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 }))));
+            }, onClick: this.handleTriggerClick }, 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.clearable && !this.disabled && (h("button", { class: "co-ref-field__clear", part: "trigger-clear", 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
@@ -332,11 +341,11 @@ export class CoRefField {
                 'co-ref-field__panel': true,
                 'co-ref-field__panel--dark': this.panelTheme === 'dark',
                 'co-ref-field__panel--light': this.panelTheme === 'light',
-            } }, h("co-option-list", { 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, 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), onCoLoadMore: () => this.coLoadMore.emit() }, this.showFooter && (h("div", { class: "co-ref-field__footer", slot: "footer" }, 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)))))));
+            }, style: this.panelWidth ? { width: this.panelWidth } : undefined }, h("co-option-list", { 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, 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), 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)))))));
     }
     // ── Main render ────────────────────────────────────────────
     render() {
-        return (h("div", { key: '8b4d5429c6c13f9dbea56dfe5673be2f2bf8e234', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (h("div", { key: '6fb3fb006ed5c6bf089608205cbecc4399f8131f', class: "co-ref-field__labels" }, this.label && (h("label", { key: '045edee2c573f3b3a678377f7ac81baef16ca547', class: "co-ref-field__label" }, this.labelIcon && (h("co-icon", { key: '8a3fe75b68f69f6bbc1eead72e3a71e4a02d9ff9', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, h(RequiredMark, { key: 'd0935348ad1aaca3ebeb302abfd212250ca01d2c', required: this.required }))), this.secondaryLabel && (h("span", { key: 'f1b2f5578de05162b97f64041250ec92c2d0601b', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: '126310c2e579a9f8ac530d0471db742f5f087433', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '07b0c236d0fadd7fef4f719b4f6f190e57a7c488', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (h("div", { key: '31b252868ebfaca932adf5a47e3f61f4b03dc5a3', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (h("co-icon", { key: '123ec829c6a45a960212521cfc49e4a98d5e1785', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), h("span", { key: '24e573b9fb884a0f006d32136b00d9c7406e3722' }, this.helperText)))));
+        return (h("div", { key: '2947ab90a0811a53bc77263f96f13da30a2ed975', class: "co-ref-field" }, (this.label || this.secondaryLabel) && (h("div", { key: '5e16afd2e37e56191e019cdf4be27aea292836eb', class: "co-ref-field__labels" }, this.label && (h("label", { key: '28b97b7f577fa1a1ea2c2c9a8bbd31aa9915ef7f', class: "co-ref-field__label" }, this.labelIcon && (h("co-icon", { key: 'a02fdfc4ebd37c6b7fe1ff84788fb5b94b11c5bf', class: "co-ref-field__label-icon", name: this.labelIcon, size: 16 })), this.label, h(RequiredMark, { key: '933bb1d1d78894a9d127d0666f184a470bbe621f', required: this.required }))), this.secondaryLabel && (h("span", { key: 'cfe226e11e1cafb1187a90c4bba8abfe2318a9ca', class: "co-ref-field__secondary-label" }, this.secondaryLabel)))), h("co-popover", { key: 'd6fb3e669735e53c4b01269a69c018d703761758', open: this.isOpen, placement: "bottom-start", matchWidth: !this.panelWidth, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '7f80d30580f77a23b38f85a4771b6fb1170f6791', slot: "trigger" }, this.renderTrigger()), this.isOpen && this.renderPanel()), this.helperText && (h("div", { key: '9ed05c93faee76f9d4ff18f41f8ae1e8ce60a734', class: `co-ref-field__helper co-ref-field__helper--${this.status}` }, this.status !== 'default' && (h("co-icon", { key: 'ffcb659c5dd52bc6f8b14ca982d0cba5f4089529', name: this.status === 'error' ? 'warning-circle' : this.status === 'success' ? 'check-circle' : 'info', size: 14 })), h("span", { key: 'ab0f53e7e2ade7d635389767b0b31d89844697ae' }, this.helperText)))));
     }
     static get is() { return "co-ref-field"; }
     static get encapsulation() { return "shadow"; }
@@ -907,6 +916,65 @@ export class CoRefField {
                 "attribute": "panel-theme",
                 "defaultValue": "'auto'"
             },
+            "triggerBadgeIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Phosphor icon rendered as a small status badge after the selected label in\nthe trigger (e.g. 'funnel' = strict workspace filter active). Only shows\nwhile a value is selected. Empty = no badge. Tint the pill via\n--co-ref-field-trigger-badge-bg."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "trigger-badge-icon",
+                "defaultValue": "''"
+            },
+            "triggerBadgeLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name / tooltip for the trigger badge."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "trigger-badge-label",
+                "defaultValue": "''"
+            },
+            "panelWidth": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fixed panel width (CSS size, e.g. '264px'). By default the panel matches\nthe trigger width (form-field convention); set this for compact triggers\nwhose panel needs room of its own (e.g. the navbar workspace selector with\nits panel-footer switch). The panel stays anchored to the trigger's start\nedge."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "panel-width"
+            },
             "avatarShape": {
                 "type": "string",
                 "mutable": false,
@@ -952,7 +1020,7 @@ export class CoRefField {
                     "references": {
                         "RefFieldOption": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/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"
                         }
                     }

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

@@ -2031,7 +2031,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: 'd06c3fe4d1a84c49a525a694986d2f096b11df79', class: {
+        return (h("div", { key: '27f9e0072f0f8066a193bd6d0ce89dcb3f554477', class: {
                 'co-rich-text-editor': true,
                 'co-rich-text-editor--focused': this.hasFocus,
                 'co-rich-text-editor--disabled': this.disabled,
@@ -2039,10 +2039,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: 'd9bba1f9e070de2e1e0210adf8a292a2052297fd', class: "co-rich-text-editor__labels" }, this.label && h("label", { key: '01f5ceb0e3e35da72480a422f434c16913e9aa7b', class: "co-rich-text-editor__label", part: "label" }, this.label), this.secondaryLabel && (h("span", { key: 'cf4ba75489c3e413a6dfcd1cac5ff964e3aa0290', class: "co-rich-text-editor__secondary-label" }, this.secondaryLabel)))), h("div", { key: '106915b5caa63689763b01ff7c2253d085ddf628', class: "co-rich-text-editor__frame" }, showToolbar && (h("co-rich-text-toolbar", { key: 'd9e9367a4b549e5c1c751b9098219a632d295d60', 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: '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) => {
                 e.stopPropagation();
                 this.coAttachmentsSelected.emit(e.detail);
-            }, ref: (el) => (this.toolbarEl = el) })), h("div", { key: 'bccd38caf855288ad9582720dd39c77ddfeaf998', class: "co-rich-text-editor__box" }, h("div", { key: 'a6f75d24d978e52f1337ee408ddc61417099bf13', 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: 'dbdade68814a3d62c383ca3e545a6bf1912c3945', class: "co-rich-text-editor__footer" }, this.helperText && (h("div", { key: '918e3b3c204e60aa5063828d82970857aca94e9a', class: `co-rich-text-editor__helper co-rich-text-editor__helper--${this.status}`, part: "helper" }, h("co-icon", { key: 'dc1ee710ef02258eff5f42a9df736871bf9b27fa', name: this.helperIcon, size: 14 }), h("span", { key: '050d504bd35f4cfbb336e10bda956a686ae1844b' }, this.helperText))), showCount && (h("span", { key: 'b071610cf144259292a6f771038862f742ae09c8', 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: '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}` : '')))));
     }
     static get is() { return "co-rich-text-editor"; }
     static get originalStyleUrls() {

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

@@ -13,11 +13,11 @@ export class CoRow {
         this.size = 'sm';
     }
     render() {
-        return (h("div", { key: '7be514198a0f47409e33fc0feadadb2d8552253f', class: {
+        return (h("div", { key: '70696fccf41033a652d645d1729c6a1623a29dba', class: {
                 'co-row': true,
                 [`co-row--${this.position}`]: true,
                 [`co-row--${this.size}`]: true,
-            }, part: "row" }, h("div", { key: '0ac40c40dd298e54265899610508d53f4fe38355', class: "co-row__prefix" }, h("slot", { key: '0853d494025ad3a628a9eb3a4e2289b4771bdd2b', name: "prefix" })), h("div", { key: '6c6601273fb708aa91d4df52340a54a0f528fdd6', class: "co-row__content" }, h("slot", { key: 'e2046193d773aa0982c5f7b71e7f4ace816cecd7' })), h("div", { key: 'd754723e7a464f8ef23eb0eb64e6d6c99cf11e13', class: "co-row__suffix" }, h("slot", { key: '8584a30c593bc4e1db33e0bdcc26b450c4269893', name: "suffix" }))));
+            }, 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" }))));
     }
     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/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release/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

@@ -25,6 +25,10 @@ export class CoSelect {
         this.searchable = false;
         this.searchPlaceholder = 'Search…';
         this.emptyText = 'No results';
+        /** Footer de confirmación al pie del panel (paridad co-combobox/co-ref-field). */
+        this.showFooter = false;
+        /** Label del botón primario del footer. */
+        this.footerPrimaryLabel = 'Ok';
         this.isOpen = false;
         this.scrollTop = 0;
         this.searchText = '';
@@ -56,6 +60,10 @@ export class CoSelect {
             this.coClear.emit();
             this.coChange.emit(this.multiple ? [] : '');
         };
+        this.handleFooterPrimary = () => {
+            this.coFooterPrimary.emit();
+            this.isOpen = false;
+        };
         this.handleOptionClick = (optionValue) => {
             if (this.multiple) {
                 const sel = [...this.selectedValues];
@@ -213,20 +221,20 @@ export class CoSelect {
         var _a;
         const selected = this.selectedValues;
         const options = this.filteredOptions;
-        return (h("div", { key: 'dda1b5f2f72939374a748224137586c8cc67cfcb', class: {
+        return (h("div", { key: 'bad4f3499f16c7bbe02c6ca688350224dafc5d6b', class: {
                 'co-select': true,
                 'co-select--open': this.isOpen,
                 'co-select--disabled': this.disabled,
                 [`co-select--${this.size}`]: true,
                 [`co-select--${this.status}`]: this.status !== 'default',
                 'co-select--flat': this.variant === 'flat',
-            } }, (this.label || this.secondaryLabel) && (h("div", { key: '5947cfc99c31904238dd3c86c4da4e42e7d94ba3', class: "co-select__labels" }, this.label && h("label", { key: 'fac1de54916c5b0701c10b3b618c41f8319c3a50', class: "co-select__label" }, this.label, h(RequiredMark, { key: '12f175c2dc67ef19c949fd517e38cd2c32b55084', required: this.required })), this.secondaryLabel && h("span", { key: 'a1a0fa82fc220952e4c8225e13fa8bbb2cbbe310', class: "co-select__secondary-label" }, this.secondaryLabel))), h("co-popover", { key: '126cb2923ea3a5e3646697fd514050258c82bcaa', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '0b3dd75a9d0bb427bc8e5c8f17fe5c297855a899', slot: "trigger", class: "co-select__trigger", onClick: this.handleTriggerClick }, this.iconLeft && h("co-icon", { key: 'ad2fa6c5a6798314097d8e0715cddff8ce349586', name: this.iconLeft, size: 16, class: "co-select__icon" }), ((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.image) && (h("img", { key: '36e7407bf782a1adb15cd41432bc4f36d5605094', class: "co-select__flag", src: this.selectedOption.image, alt: "" })), this.multiple && this.hasValue ? (h("div", { class: "co-select__chips" }, this.selectedValues.map((v) => {
+            } }, (this.label || this.secondaryLabel) && (h("div", { key: '16f9d5d6b49559400c9bec5e14e1c4df027ce1ea', class: "co-select__labels" }, this.label && h("label", { key: '83943deadacbad791de84a140721c9ec4f33f614', class: "co-select__label" }, this.label, h(RequiredMark, { key: 'f8d016bdce053c0f9ff11a197a9786eadb80b2c8', required: this.required })), this.secondaryLabel && h("span", { key: '33a470cf9faa4dbd57a935efa076f6cfcacbf56e', class: "co-select__secondary-label" }, this.secondaryLabel))), h("co-popover", { key: '363d1cbfab691acc7b63fb0c42864a9753e66b72', open: this.isOpen, placement: "bottom-start", matchWidth: true, offset: 4, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("div", { key: '9f5c31a29ea2027dc4721e6bf3eedeeb3bab1627', slot: "trigger", class: "co-select__trigger", onClick: this.handleTriggerClick }, this.iconLeft && h("co-icon", { key: 'a1a0379af6cbcf5ff9d03dd21b8a6eed67681aa3', name: this.iconLeft, size: 16, class: "co-select__icon" }), ((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.image) && (h("img", { key: 'a6f2c211809d1db409f76d549ae8283d503e34e9', class: "co-select__flag", src: this.selectedOption.image, alt: "" })), this.multiple && this.hasValue ? (h("div", { class: "co-select__chips" }, this.selectedValues.map((v) => {
             const opt = this.parsedOptions.find((o) => o.value === v);
             return (h("span", { class: "co-select__chip", key: v }, h("span", { class: "co-select__chip-label" }, opt ? opt.label : v), h("button", { class: "co-select__chip-remove", type: "button", tabIndex: -1, "aria-label": "Remove", onClick: (e) => {
                     e.stopPropagation();
                     this.handleOptionClick(v);
                 } }, h("co-icon", { name: "x", size: 12 }))));
-        }))) : (h("span", { class: { 'co-select__text': true, 'co-select__text--placeholder': !this.hasValue } }, this.hasValue ? this.displayText : this.placeholder)), this.clearable && this.hasValue && !this.disabled && (h("button", { key: '3e97e8239b922280a21cd0fa53d37cbb15f313ba', class: "co-select__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: 'da2171535417fed8e6a3422120c13f4f860354e3', name: "x-circle", size: 16, weight: "fill" }))), h("co-icon", { key: 'e262edfb38a2bcd9771082c78af22ae3816a4472', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-select__caret" })), h("div", { key: 'd557662d3722a7a60e7b499fea0c47a11bb86737', class: "co-select__dropdown" }, this.isOpen && this.searchable && (h("div", { key: '7248c5417c929016e43eba3754ef74cb68e21d76', class: "co-select__search" }, h("co-icon", { key: 'a88c9f7da98cb112d33a7bc6f970f503d7fbfcdc', name: "magnifying-glass", size: 16, class: "co-select__search-icon" }), h("input", { key: 'ed90bd495b6d92941af5f585d24ad9a4986757d9', class: "co-select__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.searchText, onInput: this.handleSearchInput, ref: (el) => (this.searchInputEl = el) }))), this.isOpen && this.searchable && options.length === 0 && (h("div", { key: '0b9a0a98cb298dd25f2f869f7c6d01ced4c030a8', class: "co-select__empty" }, this.emptyText)), h("div", { key: '4c0aa1f9e0f0f3fcede94decb037217466c80ca5', class: "co-select__options", ref: (el) => (this.optionsContainerEl = el) }, this.isOpen && (() => {
+        }))) : (h("span", { class: { 'co-select__text': true, 'co-select__text--placeholder': !this.hasValue } }, this.hasValue ? this.displayText : this.placeholder)), this.clearable && this.hasValue && !this.disabled && (h("button", { key: '3d166cacb8bffe7a9d1afb3024393ecab45983db', class: "co-select__clear", type: "button", tabIndex: -1, onClick: this.handleClear, "aria-label": "Clear" }, h("co-icon", { key: '9c294164bffc014958d650f0f73abe89590bf0d4', name: "x-circle", size: 16, weight: "fill" }))), h("co-icon", { key: '5fa3c25ee20c61b2a108051bfcae41e1a806230b', name: this.isOpen ? 'caret-up' : 'caret-down', size: 16, class: "co-select__caret" })), h("div", { key: 'b332004740d6b9b28009521b7462eabd5c9e34e5', class: "co-select__dropdown" }, this.isOpen && this.searchable && (h("div", { key: '5e74135218cae4f3ac081e484e0f8fd6ff243349', class: "co-select__search" }, h("co-icon", { key: '3c696854ee11e8e5dc5f2ebc30bb64b07ad251a4', name: "magnifying-glass", size: 16, class: "co-select__search-icon" }), h("input", { key: '7c3982eb4a72a89a41e6495faf9fb67ff59e39dc', class: "co-select__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.searchText, onInput: this.handleSearchInput, ref: (el) => (this.searchInputEl = el) }))), this.isOpen && this.searchable && options.length === 0 && (h("div", { key: '076020e18baab05215d3203d8b75feede2e00f40', class: "co-select__empty" }, this.emptyText)), h("div", { key: '3d1ea578714f6ed2cf078365869cd15424b5e120', class: "co-select__options", ref: (el) => (this.optionsContainerEl = el) }, this.isOpen && (() => {
             const { totalHeight, startIdx, endIdx, offsetY } = this.getVirtualSlice(options);
             return (h("div", { class: "co-select__virtual-spacer", style: { height: `${totalHeight}px`, position: 'relative' } }, h("div", { style: { position: 'absolute', top: `${offsetY}px`, left: '0', right: '0' } }, options.slice(startIdx, endIdx).map(opt => {
                 const isSelected = selected.includes(opt.value);
@@ -237,7 +245,7 @@ export class CoSelect {
                         'co-select__option--disabled': isDisabled,
                     }, onClick: () => !isDisabled && this.handleOptionClick(opt.value) }, opt.image ? (h("img", { class: "co-select__option-flag", src: opt.image, alt: "", loading: "lazy" })) : opt.icon ? (h("co-icon", { name: opt.icon, size: 20, class: "co-select__option-icon" })) : null, h("span", { class: "co-select__option-label" }, this.renderLabel(opt.label)), isSelected && h("co-icon", { name: "check", size: 16, class: "co-select__option-check" })));
             }))));
-        })()))), this.helperText && (h("div", { key: 'b7f14d7e02dd3fe15be6c0f82b13df14edc0db60', class: `co-select__helper co-select__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '80dbcc3fe68bbe9e89256fa7a3dae7d846280d33', name: this.statusIcon, size: 14, class: "co-select__helper-icon" }), h("span", { key: 'd2162ba7ac4c287720185295643ef1c3e2187c84', class: "co-select__helper-text" }, this.helperText)))));
+        })()), this.isOpen && this.showFooter && (h("co-list-footer", { key: '2111c0b465b9bb197c1dcd4adfb9a779f8683872', class: "co-select__footer", primaryLabel: this.footerPrimaryLabel, primaryIcon: "check", onCoPrimary: this.handleFooterPrimary })))), this.helperText && (h("div", { key: '4b1b97363bda399af6e8d60dbd5a4ffc2c844c87', class: `co-select__helper co-select__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '466b666be057e2a6090c3b695c12215b1f1fa629', name: this.statusIcon, size: 14, class: "co-select__helper-icon" }), h("span", { key: '3da8e3ecaa7380a17c9cc61d98025737659c066a', class: "co-select__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-select"; }
     static get encapsulation() { return "shadow"; }
@@ -458,7 +466,7 @@ export class CoSelect {
                     "references": {
                         "SelectOption": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-select/co-select.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-select/co-select.tsx",
                             "id": "src/components/co-select/co-select.tsx::SelectOption"
                         }
                     }
@@ -614,6 +622,46 @@ export class CoSelect {
                 "reflect": false,
                 "attribute": "empty-text",
                 "defaultValue": "'No results'"
+            },
+            "showFooter": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Footer de confirmaci\u00F3n al pie del panel (paridad co-combobox/co-ref-field)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-footer",
+                "defaultValue": "false"
+            },
+            "footerPrimaryLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Label del bot\u00F3n primario del footer."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "footer-primary-label",
+                "defaultValue": "'Ok'"
             }
         };
     }
@@ -656,6 +704,21 @@ export class CoSelect {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "coFooterPrimary",
+                "name": "coFooterPrimary",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Click en el bot\u00F3n primario del footer (el panel se cierra solo)."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }];
     }
     static get elementRef() { return "el"; }

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: 'e3dae08fe134e1d4e1769aa9e66c59b8b0eb62ae', class: {
+        return (h("hr", { key: '0dc126dcca1c3c1a9b7c81f826ea6dc88e5fe8cf', 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: 'a854ad248b6f55fdcb1b08ed15272154a5044e55', class: {
+        return (h("nav", { key: 'fca10c02609e09fc438ce161abd1d78c09c69069', class: {
                 'co-sidebar': true,
                 [`co-sidebar--${this.mode}`]: true,
-            }, part: "sidebar" }, h("div", { key: '17a14f8625168e7f163c984d782df2b387c3684e', class: "co-sidebar__header", part: "header" }, h("slot", { key: 'e9152aa47751f8ced84384a4a5ced1d05f410cf3', name: "header" })), h("div", { key: 'df4ad1cd15d33678c60c47ee231ac765993a3d28', class: "co-sidebar__body", part: "body" }, h("slot", { key: 'be0e6031883c828b50bcf65f2052c4055370efba' })), h("div", { key: '6ab4f6793e2ce3c81f50e143cf0764b25a2b0048', class: "co-sidebar__footer", part: "footer" }, h("slot", { key: '930905e30ea4ddf297bb313294d5d2eb4dafa721', name: "footer" }))));
+            }, 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" }))));
     }
     static get is() { return "co-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -496,10 +496,10 @@ export class CoSidebarNav {
         // `flyout-open` (min mode only) lets the CSS drop the host edge-fade mask
         // while a flyout is shown — a host mask would otherwise clip AND
         // mis-position the fixed flyout (mask makes the host a containing block).
-        h(Host, { key: '637707894cb777ff149c0516aff13786054e5393', class: { 'flyout-open': !!this.flyoutKey } }, h("nav", { key: '3d98909c4d5d0f17eb478fbd01603884d040f45f', class: {
+        h(Host, { key: 'fa9a50c4a517fa550406669bb3d40abbf12db32a', class: { 'flyout-open': !!this.flyoutKey } }, h("nav", { key: '5df964b67ed0e376a268dd28e1095b985c0b328b', class: {
                 'co-sidebar-nav': true,
                 'co-sidebar-nav--min': this.mode === 'min',
-            } }, this.renderSearch(), h("div", { key: 'd46c1e3b5e60ded1d232e7ccf8beb768d34ffe88', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item))))));
+            } }, this.renderSearch(), h("div", { key: 'c276aacf1b0b9eb66e35977d124465c400c96cd1', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item))))));
     }
     static get is() { return "co-sidebar-nav"; }
     static get encapsulation() { return "shadow"; }
@@ -702,7 +702,7 @@ export class CoSidebarNav {
                     "references": {
                         "NavigateDetail": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-release/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.js

@@ -16,7 +16,7 @@ export class CoSkeleton {
         const style = { width: this.width };
         if (this.height)
             style.height = this.height;
-        return (h("div", { key: '319cb18749e7b42bdb62cb8c845f97a3b92a3cae', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
+        return (h("div", { key: '73b02d1b6b08093d3a6126cffe84c7174ceac5e1', class: { 'co-skeleton': true, [`co-skeleton--${this.variant}`]: true }, part: "skeleton", style: style, "aria-hidden": "true" }));
     }
     static get is() { return "co-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -72,12 +72,12 @@ export class CoSlider {
     }
     render() {
         const pct = this.percentage;
-        return (h("div", { key: '4027635cf79ecb8673a36a63bda49528b3affe3d', class: {
+        return (h("div", { key: 'f82f6a02b6aa537469b2cf09296e313bd2e3580a', class: {
                 'co-slider': true,
                 'co-slider--disabled': this.disabled,
                 'co-slider--dragging': this.dragging,
                 [`co-slider--${this.status}`]: this.status !== 'default',
-            } }, (this.label || this.secondaryLabel || this.showValue) && (h("div", { key: '63340e4f0e30dc8d764ec1e53d1382ed7439f2ff', class: "co-slider__labels" }, h("div", { key: '3d7eb11db7b0b3a02dca5ab7dfdad3d46eca0f99', class: "co-slider__labels-left" }, this.label && h("label", { key: 'ca00277f2008cb58bc28cf4783f445d2f56e8427', class: "co-slider__label" }, this.label), this.secondaryLabel && h("span", { key: '90b3d3afc80a0ecfafbd3e379c181a1679192aab', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && h("span", { key: 'ac9f0a0b1dc054838c6d2635db0f036bcf8949ad', class: "co-slider__value" }, this.value))), h("div", { key: 'e16828daeb3549bb2b892cbb237313a90551c731', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, h("div", { key: '094704838f8898680e950ecb31d71a396fbd46ee', class: "co-slider__track" }, h("div", { key: '0c47a259e49d126aaf7471ef56e887b99c2636de', class: "co-slider__fill", style: { width: `${pct}%` } })), h("div", { key: '61cb3dd1621bdcb6b103f073eefceb5a11f08806', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (h("div", { key: '60ea2eb0db6393ca95d712e1441b316f34b2e39d', class: "co-slider__marks" }, h("span", { key: '3ef4f78b7ee3b920dc1be7be1cad43c2cd268ce6', class: "co-slider__mark" }, this.min), h("span", { key: 'c1b0bb6ada1ec898c7ae8ff9160f53c58454a5c9', class: "co-slider__mark" }, this.max))), h("input", { key: 'c38e3b83d4e546a3349fa504022592face8f7ef5', class: "co-slider__native", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.handleInputChange, "aria-label": this.label || 'Slider' }), this.helperText && (h("div", { key: 'f3a87f53d9411991b55656e964c826ed0f6a4583', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '5532c726e5aa75d9c24b850daf27162502fa898a', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), h("span", { key: 'c992c8393ed716d12bbe70dccc62c998c16da751', class: "co-slider__helper-text" }, this.helperText)))));
+            } }, (this.label || this.secondaryLabel || this.showValue) && (h("div", { key: '161e77eb5a416d015741a0ff2d5ff1f542d1d90b', class: "co-slider__labels" }, h("div", { key: '95c0753a65a5cd74c3d07cd671b43e5c2bb4bb9a', class: "co-slider__labels-left" }, this.label && h("label", { key: 'eb490ec9892724486017891173cbd67c601a31ea', class: "co-slider__label" }, this.label), this.secondaryLabel && h("span", { key: '26c67f92cd5c9cfc1b241405758f4b8f22755027', class: "co-slider__secondary-label" }, this.secondaryLabel)), this.showValue && h("span", { key: 'af025c1f222f3107d63e303a432a42086889768f', class: "co-slider__value" }, this.value))), h("div", { key: 'f80d84c22398217d91a746a2acf87fe3017aafc1', class: "co-slider__track-wrapper", ref: el => (this.trackEl = el), onPointerDown: this.handlePointerDown }, h("div", { key: 'c97e2b09211935a2e7a330e136ddb2ab4f2a6a99', class: "co-slider__track" }, h("div", { key: '6eae65d3c54756f9ec2415afa5247264b5b234bc', class: "co-slider__fill", style: { width: `${pct}%` } })), h("div", { key: 'c7be4df591f311cc9563c0e83446d30c34861f7b', class: "co-slider__thumb", style: { left: `${pct}%` } })), this.showMarks && (h("div", { key: 'c6136669a27ea7ecd0f59b41e870a7ae97fa0e23', class: "co-slider__marks" }, h("span", { key: 'b66409d99e858e3d1b7bad094ed8cac1b3adc103', class: "co-slider__mark" }, this.min), h("span", { key: '3bd6b1b89600d3f32097b780cc5f2c4a34787e4a', class: "co-slider__mark" }, this.max))), h("input", { key: 'db4cb887608ace24b68df88a72749995548c61b5', class: "co-slider__native", type: "range", min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled, onInput: this.handleInputChange, "aria-label": this.label || 'Slider' }), this.helperText && (h("div", { key: '4e497982df811e9929a6a33ac6a442faa2f9bc77', class: `co-slider__helper co-slider__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '8b07a87a0dcb8ce622884f0d26f8605442c4696f', name: this.statusIcon, size: 14, weight: "fill", class: "co-slider__helper-icon" }), h("span", { key: '3287eabd8005685c8247202c891cf0b3939178cc', class: "co-slider__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,16 +29,16 @@ export class CoSwitch {
     render() {
         const hasLabels = this.label || this.secondaryLabel;
         const hasHelper = !!this.helperText;
-        return (h("div", { key: '9c2ab9ebe8300b1a0430ee3abd450844801dce02', class: {
+        return (h("div", { key: '41dd889ef58fd3d7a6b2317d8784791d8083e26a', class: {
                 'co-switch-wrapper': true,
                 'co-switch-wrapper--disabled': this.disabled,
                 [`co-switch-wrapper--${this.status}`]: this.status !== 'default',
-            } }, h("div", { key: 'becf03e42f9d2df55852aeabcbeb5c0ee8526584', class: "co-switch-wrapper__row", onClick: this.handleClick }, h("button", { key: 'd7930e7325b081f72696d7c9714e87cfc8fdc4d3', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
+            } }, h("div", { key: 'e3a421799c7112db888f9707fd6fc83c6eb04549', class: "co-switch-wrapper__row", onClick: this.handleClick }, h("button", { key: 'bb053dd1564d84af742676d37b385db37c7d6643', role: "switch", "aria-checked": String(this.checked), "aria-label": this.label || '', class: {
                 'co-switch': true,
                 'co-switch--on': this.checked,
                 'co-switch--off': !this.checked,
                 'co-switch--disabled': this.disabled,
-            }, disabled: this.disabled, part: "track" }, h("span", { key: '916a6994673e9d91f9acd1a983f7a071f6e13de6', class: "co-switch__thumb", part: "thumb" })), hasLabels && (h("div", { key: '41ab06a752560079d9cde87bd761320aa44722eb', class: "co-switch-wrapper__labels" }, this.label && h("span", { key: 'cd56a3a783507bb0aae71032ef71d8d1375fb96d', class: "co-switch-wrapper__label", part: "label" }, this.label, h(RequiredMark, { key: 'a6da50ef41d10d45d7d0b8a4fbdb8d1e445cc8be', required: this.required })), this.secondaryLabel && (h("span", { key: '294791b598a8ef01ce63d3324bad895e8751ec7c', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (h("div", { key: '2a387c0a099a6d0774d9228c70a00a550f0515ab', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: '1184f6971047834c8527234c3b97bc4332425644', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), h("span", { key: 'cbb3ea33790321d59111c74dc4282b9393be5c54', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
+            }, disabled: this.disabled, part: "track" }, h("span", { key: '0432985aef597b86de60864b9b45595beece935c', class: "co-switch__thumb", part: "thumb" })), hasLabels && (h("div", { key: '1af63ce6265cc677c7a415fe8955bd68ec0b9fe6', class: "co-switch-wrapper__labels" }, this.label && h("span", { key: 'f9813aaeb56fc6b754d76b7bebf1f2a0d9282b94', class: "co-switch-wrapper__label", part: "label" }, this.label, h(RequiredMark, { key: '6039ff298e3d0c55064cd1ea7650b00411bd03b0', required: this.required })), this.secondaryLabel && (h("span", { key: '21a42e2ef46ee5d84c2558c40f8c536ede49212b', class: "co-switch-wrapper__secondary-label", part: "secondary-label" }, this.secondaryLabel))))), hasHelper && (h("div", { key: 'db03ce9ca2516535d9c04e8375a592df2971ffe0', class: `co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}` }, this.statusIcon && (h("co-icon", { key: 'ef34308ef4d0976c89a2ad6cc4ecb7615165d022', name: this.statusIcon, size: 14, weight: "fill", class: "co-switch-wrapper__helper-icon" })), h("span", { key: '65e07eef8ee79d1fea4808a03f012b46959322a9', class: "co-switch-wrapper__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-switch"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,13 +21,13 @@ export class CoTab {
     }
     render() {
         const iconSize = this.variant === 'underline' ? 16 : this.size === 'large' ? 18 : 14;
-        return (h("button", { key: '85ffca32d8f2fb7c2be25e9b2cf8c0570a438f54', class: {
+        return (h("button", { key: '50b55fc41a8edcb9647e47c5a3fa28eea836c420', class: {
                 'co-tab': true,
                 [`co-tab--${this.size}`]: true,
                 [`co-tab--${this.variant}`]: true,
                 'co-tab--selected': this.selected,
                 'co-tab--disabled': this.disabled,
-            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (h("co-icon", { key: 'a5084c288fbbf42f418450343b0cbcd1c36f3553', name: this.iconLeft, size: iconSize })), h("span", { key: '9dda4ae43156ee5e7274de262fb0df601b9a2221' }, this.label), this.badge && (h("span", { key: '84205996d20e27a69ac6dc49f88bf690ef9bb33d', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (h("co-icon", { key: '7281ba1b981fca02a57b28f461877d2aa831e360', name: this.iconRight, size: iconSize }))));
+            }, type: "button", role: "tab", "aria-selected": this.selected ? 'true' : 'false', disabled: this.disabled, part: "tab", onClick: this.handleClick }, this.iconLeft && (h("co-icon", { key: '4612c89b1ca388c0b155767d2756953df1c1ccaa', name: this.iconLeft, size: iconSize })), h("span", { key: '832a5daf1f7a40233c4d972dd28b7d8c5688a470' }, this.label), this.badge && (h("span", { key: 'ac9d188902b8c906117d50751c2d58da16f095ca', class: "co-tab__badge", part: "badge" }, this.badge)), this.iconRight && (h("co-icon", { key: 'f2b32323ce754284d0a6468203e9c5c803a37761', name: this.iconRight, size: iconSize }))));
     }
     static get is() { return "co-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,10 +49,10 @@ export class CoTabGroup {
         });
     }
     render() {
-        return (h("div", { key: '8987563ec721e13e7cbc186b11ab4c6b28f82068', class: {
+        return (h("div", { key: 'b358bcbc4623e89d4c8182fec57aa09431f5bf5b', class: {
                 'co-tab-group': true,
                 [`co-tab-group--${this.variant}`]: true,
-            }, role: "tablist", part: "tab-group", onWheel: this.onWheel }, h("slot", { key: '9adad54c12867486cdf0677e92f5c5007f2b55e1', onSlotchange: this.onSlotChange })));
+            }, role: "tablist", part: "tab-group", onWheel: this.onWheel }, h("slot", { key: '19257745a3473078f4c8200eba3a1edf9ff37594', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "co-tab-group"; }
     static get encapsulation() { return "shadow"; }