@prolibu-suite/cobalt-core 0.7.0 → 0.8.0

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

@@ -0,0 +1,326 @@
+import { h, Host } from "@stencil/core";
+import { computePosition } from "../../utils/positioning";
+/**
+ * co-event-popover — anchored detail card (Google-Calendar-style) for a calendar
+ * event. Non-modal, dismissible. Anchors to a viewport `anchorRect` (the chip's
+ * getBoundingClientRect), promotes to the top-layer (the calendar shell has
+ * contain:layout ancestors that re-anchor position:fixed), and closes on Escape /
+ * outside-click. Content is slotted by the host (suite-v2 fills the meeting fields).
+ */
+export class CoEventPopover {
+    constructor() {
+        this.open = false;
+        this.placement = 'right-start';
+        /** Render the leading color dot. Set false for dot-less content (quick-create). */
+        this.dot = true;
+        this.closeOnEscape = true;
+        this.closeOnClickOutside = true;
+        this.position = () => {
+            if (!this.open || !this.panelEl || !this.anchorRect)
+                return;
+            const a = this.anchorRect;
+            const triggerRect = {
+                top: a.top, left: a.left, right: a.left + a.width, bottom: a.top + a.height,
+                width: a.width, height: a.height,
+            };
+            const panelRect = this.panelEl.getBoundingClientRect();
+            const { top, left } = computePosition(triggerRect, panelRect, {
+                placement: this.placement, offset: 8, flip: true,
+            });
+            this.panelEl.style.top = `${top}px`;
+            this.panelEl.style.left = `${left}px`;
+        };
+        // The anchor rect is a point-in-time snapshot: once the page scrolls or resizes
+        // it's stale, and a top-layer panel would stay pinned to a chip that has moved
+        // (or disappeared). Google Calendar closes the popover in that case — match it.
+        this.onScroll = () => {
+            if (this.open)
+                this.requestClose();
+        };
+        this.onKeydown = (e) => {
+            if (!this.open)
+                return;
+            if (this.closeOnEscape && e.key === 'Escape') {
+                e.stopPropagation();
+                this.requestClose();
+            }
+        };
+        this.onPointerDown = (e) => {
+            if (!this.open || !this.closeOnClickOutside || !this.panelEl)
+                return;
+            const path = e.composedPath();
+            if (path.includes(this.panelEl) || path.includes(this.el))
+                return;
+            this.requestClose();
+        };
+    }
+    componentDidLoad() {
+        // Stencil no dispara @Watch para el valor inicial (gotcha conocido del DS).
+        if (this.open)
+            this.onOpenChange(true);
+    }
+    onOpenChange(v) {
+        var _a;
+        if (v) {
+            this.prevFocus = (_a = document.activeElement) !== null && _a !== void 0 ? _a : undefined;
+            requestAnimationFrame(() => this.promoteAndPosition());
+        }
+        else {
+            this.dismissPanel();
+            if (this.prevFocus)
+                this.prevFocus.focus();
+        }
+    }
+    onAnchorChange() {
+        if (this.open)
+            this.position();
+    }
+    disconnectedCallback() {
+        this.teardownListeners();
+    }
+    promoteAndPosition() {
+        var _a, _b;
+        if (!this.open || !this.panelEl)
+            return;
+        // Promote to the top-layer so contain:layout ancestors don't re-anchor us.
+        try {
+            (_b = (_a = this.panelEl).showPopover) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+        catch ( /* already shown */_c) { /* already shown */ }
+        this.position();
+        // Dialog-pattern focus: focus the panel itself (tabIndex=-1). Slotted actions
+        // live in light DOM and co-icon-button is shadow — querySelector here can't
+        // reach them; Tab from the panel lands on the first slotted action naturally.
+        this.panelEl.focus();
+        window.addEventListener('resize', this.onScroll);
+        window.addEventListener('scroll', this.onScroll, true);
+        window.addEventListener('keydown', this.onKeydown, true);
+        window.addEventListener('pointerdown', this.onPointerDown, true);
+    }
+    dismissPanel() {
+        var _a, _b;
+        try {
+            (_b = (_a = this.panelEl) === null || _a === void 0 ? void 0 : _a.hidePopover) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+        catch ( /* noop */_c) { /* noop */ }
+        this.teardownListeners();
+    }
+    teardownListeners() {
+        window.removeEventListener('resize', this.onScroll);
+        window.removeEventListener('scroll', this.onScroll, true);
+        window.removeEventListener('keydown', this.onKeydown, true);
+        window.removeEventListener('pointerdown', this.onPointerDown, true);
+    }
+    requestClose() {
+        this.coClose.emit();
+    }
+    render() {
+        return (h(Host, { key: 'ac4fad8add6f42cd02cd516f32e0820f1bc7b1c6' }, h("div", { key: 'bd0f4d1adb5d21d329ec5b6dd06c08ef13e86cf4', class: "pop", popover: "manual", role: "dialog", "aria-modal": "false", "aria-label": this.popoverLabel, tabIndex: -1, ref: (el) => (this.panelEl = el) }, h("div", { key: '22599ea7ff5fdc39c38b0546ecc6869f6a6e0036', class: "pop__actions", part: "actions" }, h("slot", { key: 'fd9fd75cce78007b7407be5e7a0ef54f49ce2dcc', name: "actions" })), h("div", { key: '16b5af287977fbab204b69cc94e1591c5db963fb', class: "pop__head" }, this.dot && h("span", { key: '6bb8f39ef10c5a81ee461557e42837f43cd44c20', class: "pop__dot", style: this.color ? { background: this.color } : {} }), h("div", { key: '0dcd02e0da924f914015ada88388ddc1d9732447', class: "pop__body", part: "body" }, h("slot", { key: 'b00ade5c89b5a1e908e9cb463c6b461720609121' }))))));
+    }
+    static get is() { return "co-event-popover"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["co-event-popover.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["co-event-popover.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "open": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "open",
+                "defaultValue": "false"
+            },
+            "anchorRect": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ top: number; left: number; width: number; height: number }",
+                    "resolved": "undefined | { top: number; left: number; width: number; height: number; }",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Anchor rect in viewport coords (chip.getBoundingClientRect())."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "placement": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Placement",
+                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "references": {
+                        "Placement": {
+                            "location": "import",
+                            "path": "../../utils/positioning",
+                            "id": "src/utils/positioning.ts::Placement",
+                            "referenceLocation": "Placement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placement",
+                "defaultValue": "'right-start'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accent color for the leading dot (event color)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "color"
+            },
+            "dot": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Render the leading color dot. Set false for dot-less content (quick-create)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dot",
+                "defaultValue": "true"
+            },
+            "closeOnEscape": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-on-escape",
+                "defaultValue": "true"
+            },
+            "closeOnClickOutside": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "close-on-click-outside",
+                "defaultValue": "true"
+            },
+            "popoverLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name for the panel (role=\"dialog\" needs one)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "popover-label"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "coClose",
+                "name": "coClose",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "open",
+                "methodName": "onOpenChange"
+            }, {
+                "propName": "anchorRect",
+                "methodName": "onAnchorChange"
+            }];
+    }
+}

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

@@ -28,7 +28,7 @@ export class CoFab {
         const iconSize = this.size === 'xl' ? 24 : this.size === 'l' ? 24 : this.size === 's' ? 18 : 20;
         const hasLabel = !!this.label;
         const hoverExpand = hasLabel && this.expandOnHover;
-        return (h("button", { key: 'e321a7455329a1401504cf93f1761a37d7d45eff', class: {
+        return (h("button", { key: 'ffedc2aea8b7b813b8e646872f4a0814589f80ab', class: {
                 'co-fab': true,
                 [`co-fab--${this.variant}`]: true,
                 [`co-fab--${this.size}`]: true,
@@ -36,7 +36,7 @@ export class CoFab {
                 'co-fab--hover-expand': hoverExpand,
                 'co-fab--disabled': this.disabled,
                 [`co-fab--${this.position}`]: this.position !== 'none',
-            }, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, h("co-icon", { key: '66a36ba9144cf10b7ad8b4bef6a821ef92257892', name: this.icon, size: iconSize }), this.label && (h("span", { key: 'c01018d61ca455a0d1952082b94ec0e5efd807b8', class: "co-fab__label", ref: (el) => (this.labelEl = el) }, this.label))));
+            }, type: "button", disabled: this.disabled, onClick: this.handleClick, onPointerEnter: this.handleExpandMeasure, onFocusin: this.handleExpandMeasure, "aria-label": this.ariaLabelText || this.label || this.icon }, h("co-icon", { key: '34242af8b8de622400507b106e566b8214f53534', name: this.icon, size: iconSize }), this.label && (h("span", { key: '56cd6e22505608ebf909a1c0356ecba5c0bae418', class: "co-fab__label", ref: (el) => (this.labelEl = el) }, this.label))));
     }
     static get is() { return "co-fab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -341,12 +341,12 @@ export class CoFileField {
         const previews = items.filter((it) => isImage(it) && !this.failedPreviews.has(this.keyFor(it)));
         const canReorder = this.reorderable && this.multiple && !this.disabled && !this.readonly && items.length > 1;
         const capacity = this.capacityHint(s);
-        return (h("div", { key: '6f0c0d55291904a925ddf87b444279443b123414', class: {
+        return (h("div", { key: 'd69adf5472c920d9fda750d390c8d66495c7d912', class: {
                 'co-file-field': true,
                 'co-file-field--disabled': this.disabled,
                 'co-file-field--invalid': this.isInvalid,
                 [statusClass]: !!statusClass,
-            }, part: "wrapper" }, this.label && (h("div", { key: 'e3d624d4b904358132fcbdcf68c283a6fb1bcabb', class: "co-file-field__labels" }, h("label", { key: 'd96a9d10db3c9eaae4bf5e4d1bc3986f3f111c3c', class: "co-file-field__label", part: "label" }, this.label, h(RequiredMark, { key: '6810c17061391ead3343daf9cd06d71d3b03706c', required: this.required })))), showDropzone && (h("div", { key: 'b910dfaa918f1c6d04d4d817a67100b74b6f156f', class: {
+            }, part: "wrapper" }, this.label && (h("div", { key: '3e084a96b7fbd714fa07aeeea09146c3782af2b0', class: "co-file-field__labels" }, h("label", { key: '6618041eec9358983794238014f49ae8ad724d79', class: "co-file-field__label", part: "label" }, this.label, h(RequiredMark, { key: '16aa21951eedafb190180ee40c1cba13230ef128', required: this.required })))), showDropzone && (h("div", { key: '33bfe60be00c270fe9861f0250ffe6e4ddcf820b', class: {
                 'co-file-field__dropzone': true,
                 'co-file-field__dropzone--drag': this.dragOver,
             }, part: "dropzone", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleBrowse, onKeyDown: (e) => {
@@ -354,7 +354,7 @@ export class CoFileField {
                     e.preventDefault();
                     this.handleBrowse();
                 }
-            }, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("button", { key: 'a2a02be018cc925718943411aa28da509a2a2a96', class: "co-file-field__upload-btn", part: "upload-button", type: "button", tabIndex: -1 }, h("co-icon", { key: 'bb1879d1397ae93c5da975cbdbe6b7c1c907c490', name: "file-arrow-up", size: 18 }), h("span", { key: 'e4ad56d293a8bfcc082b7b6579dfefd9a02846bc' }, this.uploadButtonText || s.uploadButton)), h("span", { key: 'e9c32bdcd65a3138b08b38e52aa909c82b8d2047', class: "co-file-field__dropzone-text" }, this.dropText || s.dropHint), capacity && h("span", { key: '417fa71efaf202fc7a1483e02bca170d35d4bf9f', class: "co-file-field__dropzone-hint" }, capacity), h("div", { key: '3697aa6c3ccc065ea9bf999f931bd8efb46ea26f', class: "co-file-field__actions", part: "actions" }, h("slot", { key: 'b6cfb211a32883ca0a37a775a8442f1d7a60b1d2', name: "actions" })), h("input", { key: '2c8a8a4c7a5ec3b633d78f3d2194d5457a3c1be3', ref: (el) => (this.inputEl = el), class: "co-file-field__input", type: "file", multiple: this.multiple, accept: this.inputAccept, disabled: this.disabled, onChange: this.handleInputChange, "aria-hidden": "true", tabIndex: -1 }))), items.length > 0 && (h("div", { key: '793833955268b59bb86366b578558b0a25af3faf', class: "co-file-field__uploaded" }, this.multiple && (h("div", { key: 'd4141eed0257861c6640d0c91e4599278591619b', class: "co-file-field__uploaded-title", part: "uploaded-title" }, `${this.uploadedTitle || s.uploadedTitle} (${items.length})`)), previews.length > 0 && (h("div", { key: '22e632b0c0050bab853d481366ae970db13935cf', class: "co-file-field__previews", part: "previews" }, previews.map((item) => (h("button", { class: "co-file-field__preview", part: "preview", type: "button", key: `prev-${this.keyFor(item)}`, title: item.name, "aria-label": s.openPreview, onClick: () => this.handlePreviewOpen(item) }, h("img", { src: item.thumbnail || item.url, alt: item.name, loading: "lazy", onError: () => this.handlePreviewError(item) })))))), h("ul", { key: 'f4ae0f81158f1d69ca0dbde29a2358c13f7dce20', class: "co-file-field__list", part: "list" }, items.map((item) => {
+            }, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("button", { key: '219538469e33b0e5e2a1e26e1591d2b578b548ef', class: "co-file-field__upload-btn", part: "upload-button", type: "button", tabIndex: -1 }, h("co-icon", { key: '5021d06fe31100f7b4c6028a868b707aeb3df0c8', name: "file-arrow-up", size: 18 }), h("span", { key: 'ba785ab9e8cd6173f367ebf0a4320a37fa4b0832' }, this.uploadButtonText || s.uploadButton)), h("span", { key: '1fae290aace7b669b27cd53529ea30c36e009805', class: "co-file-field__dropzone-text" }, this.dropText || s.dropHint), capacity && h("span", { key: '999ac1eda129973f4b8710bd252337786e4eb99c', class: "co-file-field__dropzone-hint" }, capacity), h("div", { key: 'd2ce4783e5eba96fdf59e998f37411ef0f418458', class: "co-file-field__actions", part: "actions" }, h("slot", { key: '55e22bcaff045708471a2837d1c0345d53a0a748', name: "actions" })), h("input", { key: '773880ce9b881512d03eac3be0465942c6376843', ref: (el) => (this.inputEl = el), class: "co-file-field__input", type: "file", multiple: this.multiple, accept: this.inputAccept, disabled: this.disabled, onChange: this.handleInputChange, "aria-hidden": "true", tabIndex: -1 }))), items.length > 0 && (h("div", { key: '57164ac1e53062957a99ef182394ae9da7636c3e', class: "co-file-field__uploaded" }, this.multiple && (h("div", { key: '91894d7e208c62e0aa9407812bbaf7ad491ca275', class: "co-file-field__uploaded-title", part: "uploaded-title" }, `${this.uploadedTitle || s.uploadedTitle} (${items.length})`)), previews.length > 0 && (h("div", { key: 'c7f74b97051085770677b6433adb7b54fcf4405d', class: "co-file-field__previews", part: "previews" }, previews.map((item) => (h("button", { class: "co-file-field__preview", part: "preview", type: "button", key: `prev-${this.keyFor(item)}`, title: item.name, "aria-label": s.openPreview, onClick: () => this.handlePreviewOpen(item) }, h("img", { src: item.thumbnail || item.url, alt: item.name, loading: "lazy", onError: () => this.handlePreviewError(item) })))))), h("ul", { key: '4c55ead3dcdff97d502c2f41af86d372712ba478', class: "co-file-field__list", part: "list" }, items.map((item) => {
             const key = this.keyFor(item);
             const draggable = canReorder && item.status === 'done';
             return (h("li", { class: {
@@ -375,10 +375,10 @@ export class CoFileField {
                     'co-file-field__action': true,
                     'co-file-field__action--copied': this.copiedKey === key,
                 }, type: "button", tabIndex: -1, title: this.copiedKey === key ? s.copied : s.copyUrl, "aria-label": s.copyUrl, onClick: () => this.handleCopy(item) }, h("co-icon", { name: this.copiedKey === key ? 'check' : 'copy', size: 18 }))), !this.disabled && !this.readonly && (h("button", { class: "co-file-field__action", type: "button", tabIndex: -1, title: s.removeFile, "aria-label": s.removeFile, onClick: () => this.coRemove.emit(key) }, h("co-icon", { name: "trash", size: 18 })))));
-        })))), helper && (h("div", { key: '3c08efc8106a55cb9b52cca4b85a460b03284fbb', class: {
+        })))), helper && (h("div", { key: 'ba03c24a5c7e6e0c774b68af85f60ec2fc4a2f0e', class: {
                 'co-file-field__helper': true,
                 'co-file-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: '3e011f947147f1af67cd21222e26cd2ac3860c4a', name: "warning-circle", size: 14, class: "co-file-field__helper-icon" })), h("span", { key: '788a4a68794a0474289798cb5c48f75403d06bac', class: "co-file-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'ed936a52670f30b4626a1339ce7e6a246bdb65dd', name: "warning-circle", size: 14, class: "co-file-field__helper-icon" })), h("span", { key: '295f5de6a6dda88246441816f636cce156aefbe8', class: "co-file-field__helper-text" }, helper)))));
     }
     static get is() { return "co-file-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-file-type-tile/co-file-type-tile.js

@@ -54,7 +54,7 @@ export class CoFileTypeTile {
         const iconSize = Math.round(this.size * 0.5);
         const background = this.colorTags ? meta.tint : 'var(--co-color-gray-100)';
         const color = this.colorTags ? meta.accent : 'var(--co-color-gray-600)';
-        return (h("span", { key: 'dbb3fd6c1a09210ee166cbe08e10f0d96cbdfedf', class: {
+        return (h("span", { key: '5eb049a7b3503d2bc82245403da53bdd7fab0ee5', class: {
                 'co-file-type-tile': true,
                 [`co-file-type-tile--${type}`]: true,
                 'co-file-type-tile--mono': !this.colorTags,
@@ -64,7 +64,7 @@ export class CoFileTypeTile {
                 borderRadius: `${this.radius}px`,
                 background,
                 color,
-            } }, h("co-icon", { key: '787435edb87ccc8cd435e187613566779a90722a', name: meta.icon, size: iconSize, weight: "fill" })));
+            } }, h("co-icon", { key: 'ebb6d9ea5ffc35daefab825ad26519cb42ce2293', name: meta.icon, size: iconSize, weight: "fill" })));
     }
     static get is() { return "co-file-type-tile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-helper-text/co-helper-text.js

@@ -15,10 +15,10 @@ export class CoHelperText {
         };
     }
     render() {
-        return (h("div", { key: 'eebe2fd2d26c909c1523e10d2fa7dfb115cc8bd6', class: {
+        return (h("div", { key: 'e0e318d1f4c3a9f524d11d3a9ad648960d26bb7f', class: {
                 'co-helper-text': true,
                 [`co-helper-text--${this.status}`]: true,
-            }, part: "helper-text" }, h("co-icon", { key: 'b70b0c859fb54e8ca45e5f236620930e1120bb2b', name: this.STATUS_ICON[this.status], size: 14, weight: "fill", class: "co-helper-text__icon" }), h("span", { key: 'fa646c0828b21706fabe21b3d20b3c38536308d5', class: "co-helper-text__message" }, h("slot", { key: '9527e9abb17fff628bdc2d5ca729d201ac7915ef' }, this.message))));
+            }, part: "helper-text" }, h("co-icon", { key: 'a65678c3cf9a832ffde08f4f47e09974338745ff', name: this.STATUS_ICON[this.status], size: 14, weight: "fill", class: "co-helper-text__icon" }), h("span", { key: 'c3667f4f4b6e53748d5a90ab2fe12e3fcb9cdb2a', class: "co-helper-text__message" }, h("slot", { key: 'f854e37b266feee82a4b6281070d3ed84555f13c' }, this.message))));
     }
     static get is() { return "co-helper-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,12 +31,12 @@ export class CoIcon {
         this.svgContent = await loadSvg(this.name, this.weight);
     }
     render() {
-        return (h(Host, { key: 'd4dcafabbc956f3b5e8099fa30092d0d535c5d06', "aria-hidden": "true", style: {
+        return (h(Host, { key: '3d1fa57953812f68ff8a972f85aaf0d3f7b3ea9e', "aria-hidden": "true", style: {
                 display: 'inline-flex',
                 width: `${this.size}px`,
                 height: `${this.size}px`,
                 flexShrink: '0',
-            } }, h("span", { key: 'cd9008987f65922b0c770e1f080dc0a0764d62dd', part: "svg", innerHTML: this.svgContent })));
+            } }, h("span", { key: '07413295bbb15dcbacfaaca47e7a25d28744c71e', part: "svg", innerHTML: this.svgContent })));
     }
     static get is() { return "co-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,7 +41,7 @@ export class CoIconButton {
                     : 'var(--co-border-radius-full)',
             }
             : undefined;
-        return (h("button", { key: '5349ec99f898a9cc19df7a53fc01b3acb37f31f6', class: {
+        return (h("button", { key: '380bc110b581dba4f897ba8c8b733598c9e4f9ca', class: {
                 'co-icon-button': true,
                 [`co-icon-button--${this.variant}`]: true,
                 [`co-icon-button--${this.shape}`]: true,

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

@@ -97,17 +97,17 @@ export class CoJsonField {
     render() {
         const helper = this.internalInvalid ? this.invalidMessage : this.helperText;
         const statusClass = this.status !== 'default' ? `co-json-field--${this.status}` : '';
-        return (h("div", { key: 'ce1a39e0f1489b46e9610b060ca652e8896746b9', class: {
+        return (h("div", { key: 'd8b9c23bee6f09946081ce7cb91c1697941087e0', class: {
                 'co-json-field': true,
                 'co-json-field--disabled': this.disabled,
                 'co-json-field--focused': this.hasFocus,
                 'co-json-field--invalid': this.isInvalid,
                 [`co-json-field--${this.size}`]: true,
                 [statusClass]: !!statusClass,
-            }, part: "wrapper" }, this.label && (h("div", { key: 'e5ec0e7d2f454f1d671ed3929c2b5eb7dc4b8cf9', class: "co-json-field__labels" }, h("label", { key: 'd9961499b8d91c385d9278cbd856e04a44b28940', class: "co-json-field__label", part: "label" }, this.label, h(RequiredMark, { key: '8ba3b3249e0fa1cb3a1b2946ac6a1b7561d30ef1', required: this.required })))), h("div", { key: 'e6f28cf374cc9ad2714505854572504a59c7258c', class: "co-json-field__field", part: "field" }, h("textarea", { key: 'd380a4c0758152c5e39da71d61f5f81e28c22563', class: "co-json-field__native", rows: this.rows, spellcheck: false, autocomplete: "off", value: this.draft, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'JSON' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), this.name && h("input", { key: '97f76e4ffd9e8b3242515ca2d2d13b786cd390db', type: "hidden", name: this.name, value: this.draft }), helper && (h("div", { key: '310540578b3a2152a1c3f34b0d2f1a00677b5e76', class: {
+            }, part: "wrapper" }, this.label && (h("div", { key: 'f2ed5ce77d91b1387241a1094d56a75cb23ffe56', class: "co-json-field__labels" }, h("label", { key: 'bb29ba11182753c531d9c32a54312a85c82d79be', class: "co-json-field__label", part: "label" }, this.label, h(RequiredMark, { key: 'f43ada2a1eedea7338022114dcd1a9f3678a2eac', required: this.required })))), h("div", { key: 'c49bbb7fbebfb654bad666d651229fefc4fa1527', class: "co-json-field__field", part: "field" }, h("textarea", { key: 'e79137036d429efa440931e7b46f1d7e72cf8194', class: "co-json-field__native", rows: this.rows, spellcheck: false, autocomplete: "off", value: this.draft, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? 'JSON' : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), this.name && h("input", { key: 'f84bb6f034b7fe724af92d42b8d19fe6b9e183b1', type: "hidden", name: this.name, value: this.draft }), helper && (h("div", { key: '077147072123742355123df6e56fbbff44b12037', class: {
                 'co-json-field__helper': true,
                 'co-json-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'e604c4e4489ace1f2c189fb532f091f26962b5ff', name: "warning-circle", size: 14, class: "co-json-field__helper-icon" })), h("span", { key: 'eb0567a78a33fd41917c090f6aaccecac49f2519', class: "co-json-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: '8ba83b63c2283eb2ce26e43ceed41a7806f7a7b6', name: "warning-circle", size: 14, class: "co-json-field__helper-icon" })), h("span", { key: '7da6904539ed1ae85b2ceac2432824d0b9a7fbe2', class: "co-json-field__helper-text" }, helper)))));
     }
     static get is() { return "co-json-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -313,17 +313,17 @@ export class CoLightbox {
         const counter = s.counter
             .replace('{i}', String(this.index + 1))
             .replace('{n}', String(imgs.length));
-        return (h("div", { key: 'f29ff8f043b148f1f47fd477e3a12628e292f780', class: { 'co-lightbox': true, 'co-lightbox--open': this.open }, part: "overlay", role: "dialog", "aria-modal": "true", "aria-label": img === null || img === void 0 ? void 0 : img.alt, popover: "manual", ref: this.syncTopLayer, onClick: this.requestClose }, img && (h("div", { key: '8d258c9fb5f5c7ac7cd17b7195f3f5589030e5fe', class: "co-lightbox__toolbar", part: "toolbar", onClick: this.stop }, h("span", { key: 'fa246addb464b12803399c22fd7ecc7d47fdf424', class: "co-lightbox__caption", title: img.alt }, img.alt), h("div", { key: '05e9748c4b561c8f7169c87ab897192427531ac4', class: "co-lightbox__zoom" }, h("button", { key: 'c87d84e63161ff23f1b514f992781ff3ccc9d375', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomOut, title: s.zoomOut, onClick: () => this.zoomAt(this.scale / WHEEL_FACTOR, 0, 0) }, h("co-icon", { key: '80e9bf45f296b0c5ac16d265c19e88969511ccc6', name: "minus", size: 16 })), h("button", { key: 'aaecee75b60643d885376dee92a8773faf989a3a', class: "co-lightbox__btn co-lightbox__zoom-value", type: "button", "aria-label": s.zoomReset, title: s.zoomReset, onClick: () => this.resetView() }, Math.round(this.scale * 100), "%"), h("button", { key: '4ad7e8d83c933f0563304911facc8ef32ec88556', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomIn, title: s.zoomIn, onClick: () => this.zoomAt(this.scale * WHEEL_FACTOR, 0, 0) }, h("co-icon", { key: '7f5d57def9d10437913bb25f577a475eccf41851', name: "plus", size: 16 }))), h("button", { key: '32d00a606ccdc9b2694d8da797064e4f07b997a6', class: "co-lightbox__btn", type: "button", "aria-label": s.openOriginal, title: s.openOriginal, onClick: this.openOriginal }, h("co-icon", { key: '492f83405006a9642c9f6dd22e02c04a9b871909', name: "arrow-square-out", size: 16 })), h("button", { key: '14241c12b7f3cb4a07c2c22af2f8316c360c1541', class: "co-lightbox__btn", part: "close", type: "button", "aria-label": s.close, title: s.close, ref: (el) => (this.closeBtnEl = el), onClick: this.requestClose }, h("co-icon", { key: '44a2cdbfd7d79274f06f54663840776c05a95581', name: "x", size: 16 })))), img && (h("div", { key: '20bd42e8d80e481fec492b1cfdcd3fc54ea1e10f', class: "co-lightbox__stage", ref: (el) => (this.stageEl = el), onWheel: this.handleWheel }, h("img", { key: '1ba1c0942f2cd13f7f302777f28d961660c07fa8', class: {
+        return (h("div", { key: '409eeaf562838f77035c1ec68db8de59aa862f5e', class: { 'co-lightbox': true, 'co-lightbox--open': this.open }, part: "overlay", role: "dialog", "aria-modal": "true", "aria-label": img === null || img === void 0 ? void 0 : img.alt, popover: "manual", ref: this.syncTopLayer, onClick: this.requestClose }, img && (h("div", { key: '1e92d6f50ab44b6a70407a2c55acba360c0c66c0', class: "co-lightbox__toolbar", part: "toolbar", onClick: this.stop }, h("span", { key: '0181054cd227183e0b942e1262d42a29125852b5', class: "co-lightbox__caption", title: img.alt }, img.alt), h("div", { key: '97cb4d596a790dc1fe41cda38bdd4b0b4a7d873f', class: "co-lightbox__zoom" }, h("button", { key: '8c37c4b6978b8bfb1ce7a33a52fce30e2d740d4b', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomOut, title: s.zoomOut, onClick: () => this.zoomAt(this.scale / WHEEL_FACTOR, 0, 0) }, h("co-icon", { key: '294ee562bfe7be7bb2a181a8411045a4d0c1b684', name: "minus", size: 16 })), h("button", { key: 'f32438655d3a7e81a08196720471212443594d7d', class: "co-lightbox__btn co-lightbox__zoom-value", type: "button", "aria-label": s.zoomReset, title: s.zoomReset, onClick: () => this.resetView() }, Math.round(this.scale * 100), "%"), h("button", { key: 'c82db20eda5ef0bd671f551f24ff96771f30a579', class: "co-lightbox__btn", type: "button", "aria-label": s.zoomIn, title: s.zoomIn, onClick: () => this.zoomAt(this.scale * WHEEL_FACTOR, 0, 0) }, h("co-icon", { key: '855559de89e53c3aa8ae34802fbc04da8a04e28d', name: "plus", size: 16 }))), h("button", { key: '00cbfeec37137ba3a5c86801caf5e41e17a25c57', class: "co-lightbox__btn", type: "button", "aria-label": s.openOriginal, title: s.openOriginal, onClick: this.openOriginal }, h("co-icon", { key: '62f5c52bd92b3470b3940f59e61c4f89fad7e86b', name: "arrow-square-out", size: 16 })), h("button", { key: '800b50c607772142b2229b4a19fe970998a8e886', class: "co-lightbox__btn", part: "close", type: "button", "aria-label": s.close, title: s.close, ref: (el) => (this.closeBtnEl = el), onClick: this.requestClose }, h("co-icon", { key: '9850ddfb8c2aa409fa35ea9f357bbea2ace3aa41', name: "x", size: 16 })))), img && (h("div", { key: '4b669e9c6599a25743ba6d194c80faf1cdbfceec', class: "co-lightbox__stage", ref: (el) => (this.stageEl = el), onWheel: this.handleWheel }, h("img", { key: '34218bfdd2691dc399ed03ca25d64ee81106114c', class: {
                 'co-lightbox__img': true,
                 'co-lightbox__img--zoomed': this.scale > MIN_SCALE,
                 'co-lightbox__img--dragging': this.dragging,
-            }, part: "image", ref: (el) => (this.imgEl = el), src: img.src, alt: img.alt || '', draggable: false, style: { transform: `translate(${this.tx}px, ${this.ty}px) scale(${this.scale})` }, onClick: this.stop, onDblClick: this.handleDblClick, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerUp }))), img && multi && (h("button", { key: '61decb40ac1ee12a1d81d8a4da397860fe7ee116', class: "co-lightbox__nav co-lightbox__nav--prev", part: "prev", type: "button", "aria-label": s.prevImage, title: s.prevImage, onClick: (e) => {
+            }, part: "image", ref: (el) => (this.imgEl = el), src: img.src, alt: img.alt || '', draggable: false, style: { transform: `translate(${this.tx}px, ${this.ty}px) scale(${this.scale})` }, onClick: this.stop, onDblClick: this.handleDblClick, onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerUp }))), img && multi && (h("button", { key: 'dc9a8e78cfdf8e220e2173a8960f06a8bdeaea59', class: "co-lightbox__nav co-lightbox__nav--prev", part: "prev", type: "button", "aria-label": s.prevImage, title: s.prevImage, onClick: (e) => {
                 e.stopPropagation();
                 this.goTo(-1);
-            } }, h("co-icon", { key: '340f39ae3b741560bc3dc0eb6296dfa701699438', name: "caret-left", size: 24 }))), img && multi && (h("button", { key: '04cec8b520c3416ce5e38aefda815a18247b79fa', class: "co-lightbox__nav co-lightbox__nav--next", part: "next", type: "button", "aria-label": s.nextImage, title: s.nextImage, onClick: (e) => {
+            } }, h("co-icon", { key: '020e87affb9ad79b48ec9d77a7796923127b45b4', name: "caret-left", size: 24 }))), img && multi && (h("button", { key: '5dd82a8b66cc3b2abc4c04483141032a7a07bf2d', class: "co-lightbox__nav co-lightbox__nav--next", part: "next", type: "button", "aria-label": s.nextImage, title: s.nextImage, onClick: (e) => {
                 e.stopPropagation();
                 this.goTo(1);
-            } }, h("co-icon", { key: '1bb15d7437610cfad3003af07849edd8618b04c2', name: "caret-right", size: 24 }))), img && multi && (h("div", { key: '786357f804681f37cc1603e926b33ec3b8b7a76c', class: "co-lightbox__counter", part: "counter", onClick: this.stop }, counter))));
+            } }, h("co-icon", { key: '85e8aaebc526455e22eb635b2e64f5105730b56e', name: "caret-right", size: 24 }))), img && multi && (h("div", { key: '6976d3bb7f5594e8d40cf01b05cc7611cb6066cb', class: "co-lightbox__counter", part: "counter", onClick: this.stop }, counter))));
     }
     static get is() { return "co-lightbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class CoListFooter {
         this.handleSecondary = () => this.coSecondary.emit();
     }
     render() {
-        return (h("div", { key: '6b63ecd9bc5ba3a85bb379b825c23c8eac2dcfd6', class: "co-list-footer", part: "footer" }, this.secondaryLabel && (h("button", { key: '2e73e9e4918dbe1d05a13f8cc0989a14d3228fb7', class: "co-list-footer__btn co-list-footer__btn--secondary", type: "button", onClick: this.handleSecondary }, this.secondaryIcon && h("co-icon", { key: 'a408433a6d0bcf3b732538931e3adde214127ed0', name: this.secondaryIcon, size: 16 }), h("span", { key: 'de1b3807ed56be80732eb3b2867f85287f9833ae' }, this.secondaryLabel))), this.primaryLabel && (h("button", { key: '5d88aea121289757aeee5bf30619322bdd2c3371', class: "co-list-footer__btn co-list-footer__btn--primary", type: "button", onClick: this.handlePrimary }, this.primaryIcon && h("co-icon", { key: 'b5d3ab5e406bdf097bbbfeb182753c103cde81b4', name: this.primaryIcon, size: 16 }), h("span", { key: 'a089130f639fe642d11cbc1a5c80b21de9bbd038' }, this.primaryLabel))), h("slot", { key: 'd821c3e281bd10a66a67ae714f77fba1454214c9' })));
+        return (h("div", { key: '54b813b714dbcdfb535349f6f49c715e53bdadd7', class: "co-list-footer", part: "footer" }, this.secondaryLabel && (h("button", { key: '6fdf4c75f1803532e43b0609fd765aeb79ae3d89', class: "co-list-footer__btn co-list-footer__btn--secondary", type: "button", onClick: this.handleSecondary }, this.secondaryIcon && h("co-icon", { key: 'e4199ccd7f50044b12aa7bc16b3233fbc4ffd9bf', name: this.secondaryIcon, size: 16 }), h("span", { key: 'f6f81eaf8ae03526fd3cf5e31946d1470523adb3' }, this.secondaryLabel))), this.primaryLabel && (h("button", { key: '5ab90aceea926978ef73f6be77b7c9aa8fd45156', class: "co-list-footer__btn co-list-footer__btn--primary", type: "button", onClick: this.handlePrimary }, this.primaryIcon && h("co-icon", { key: '2693de047b35e795ee24932612b4b01c8050ef1f', name: this.primaryIcon, size: 16 }), h("span", { key: 'e29b11a48ee4bf3acda5a7a4f493cafdd6fc691d' }, this.primaryLabel))), h("slot", { key: '7f9ed9622ff7ed6486b5c253f9c3bd4e5c2ce1e3' })));
     }
     static get is() { return "co-list-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,21 +70,21 @@ export class CoListItem {
         requestAnimationFrame(this.measureTruncation);
     }
     render() {
-        return (h("div", { key: '6a80f6ea8ce1dcf4053aac0445956455f4d062e6', class: {
+        return (h("div", { key: '2833a06b0f1ced02b1c1d7b4002757985e5f6184', class: {
                 'co-list-item': true,
                 'co-list-item--selected': this.selected,
                 'co-list-item--disabled': this.disabled,
                 'co-list-item--dense': this.dense,
                 'co-list-item--has-description': !!this.description,
-            }, part: "item", role: "option", tabindex: this.disabled ? -1 : 0, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '71f567cab5e06b8d579af25254fe0b491ae707f0', class: "co-list-item__prefix" }, this.icon && h("co-icon", { key: '4c3312fa17aef519e2325d54e827f2f112ca6e50', name: this.icon, size: 18 }), h("slot", { key: 'f34a13461dc35afdee8cadd2bf4cfff4a7f92f70', name: "prefix" })), h("div", { key: '18f6a08c1311197e0572e83511b2aa193a05f0a6', class: "co-list-item__content" }, this.label && (h("co-tooltip", { key: '1862887315c011e64a20b54b275dd0dffc30371d', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, h("span", { key: '0944e54c5cc7e587083092b802d3c59259b2782a', class: "co-list-item__label", ref: (el) => {
+            }, part: "item", role: "option", tabindex: this.disabled ? -1 : 0, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("span", { key: '74bdab766a1820cb43b88b9a994ea158e1a8f0ae', class: "co-list-item__prefix" }, this.icon && h("co-icon", { key: 'f8b117b8b9e1d6db47785783acab5e60e4bb9e7a', name: this.icon, size: 18 }), h("slot", { key: '4c96820ce0925af1a2fec623c4038cc117d2f5c6', name: "prefix" })), h("div", { key: '3c988300fe272d3da9b2ae6a463a4fdc6b683224', class: "co-list-item__content" }, this.label && (h("co-tooltip", { key: '6f3d61fb883dc3d6fe4751044569ef791a87db03', block: true, class: "co-list-item__tip", content: this.label, placement: "top", disabled: !this.labelTruncated }, h("span", { key: '37edcae63b25f9c54e27349cfcc121804255c83e', class: "co-list-item__label", ref: (el) => {
                 this.labelEl = el;
                 if (el && this.ro)
                     this.ro.observe(el);
-            } }, this.label))), this.description && (h("co-tooltip", { key: '72ed627f3de4bb7dcbed17f156db8a89f2ab8ac3', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, h("span", { key: '1b4152152b72abddd00c92bff66be48d65b6f2ce', class: "co-list-item__description", ref: (el) => {
+            } }, this.label))), this.description && (h("co-tooltip", { key: '609ad1694738508bed362594fc34609565eb5559', block: true, class: "co-list-item__tip", content: this.description, placement: "top", disabled: !this.descTruncated }, h("span", { key: '4c2231492bab190bda98189ae5d770aaf3aec3e0', class: "co-list-item__description", ref: (el) => {
                 this.descEl = el;
                 if (el && this.ro)
                     this.ro.observe(el);
-            } }, this.description))), h("slot", { key: '623ddfa43f748e64ebd8ec8d3eea2301da57c448' })), h("span", { key: 'd4f663c8cfa8b4effb02e9708b7dd2ae6178f9fd', class: "co-list-item__suffix" }, h("slot", { key: '3287804582ca42d1d19283ea501e92782e9fad85', name: "suffix" }))));
+            } }, this.description))), h("slot", { key: 'edc4e2d138c4a888fa78981568a57beb9a5ef7e1' })), h("span", { key: 'ed100617bd1d7f54df33b05696948a187f5df07a', class: "co-list-item__suffix" }, h("slot", { key: '7f76f1a12a0b6c8f2e71e3140125797b62626e90', name: "suffix" }))));
     }
     static get is() { return "co-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-media-thumb/co-media-thumb.js

@@ -23,13 +23,13 @@ export class CoMediaThumb {
     }
     render() {
         var _a;
-        return (h("div", { key: '4ec4b72a39a7a7e2e741a6eb4322aae3d5d3d311', class: {
+        return (h("div", { key: '787947d309049a7ca5fa739a7748993833dfb80c', class: {
                 'co-media-thumb': true,
                 'co-media-thumb--video': this.video,
             }, part: "thumb", style: {
                 height: this.toCss(this.height),
                 borderRadius: `${this.radius}px`,
-            } }, this.src ? (h("img", { class: "co-media-thumb__img", src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '', part: "img" })) : (h("slot", null)), this.video && (h("div", { key: 'e1395ef9f3d637b055fad0b5a5b7bc42da448b76', class: "co-media-thumb__scrim", part: "scrim" }, h("div", { key: '52e3e782bf7c3068042ef4adf3e56788bc02a68a', class: "co-media-thumb__play", part: "play" }, h("svg", { key: 'c2ccdf296b70c891e4567c94c50ed24d206fb742', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, h("path", { key: '45abe6f8deabe45557adc7035e74b3425e9fcbae', d: "M2 2l12 7-12 7z", fill: "var(--co-color-base-negro, #1f1c1b)" })))))));
+            } }, this.src ? (h("img", { class: "co-media-thumb__img", src: this.src, alt: (_a = this.alt) !== null && _a !== void 0 ? _a : '', part: "img" })) : (h("slot", null)), this.video && (h("div", { key: '74c58b90643aa7cc33be7b42081a48e9f89127ed', class: "co-media-thumb__scrim", part: "scrim" }, h("div", { key: '752f888648a9c7dcbedadf880566646ff8280331', class: "co-media-thumb__play", part: "play" }, h("svg", { key: 'ee76649c415fbe00737d00584099bf359c1abcca', class: "co-media-thumb__play-icon", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", "aria-hidden": "true" }, h("path", { key: 'dd160a9aec688bc4d97fb3a9245bcd613ff85cb4', d: "M2 2l12 7-12 7z", fill: "var(--co-color-base-negro, #1f1c1b)" })))))));
     }
     static get is() { return "co-media-thumb"; }
     static get encapsulation() { return "shadow"; }

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

@@ -111,7 +111,7 @@ export class CoMenu {
         (_b = (_a = items[next]) === null || _a === void 0 ? void 0 : _a.focusItem) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     render() {
-        return (h("co-popover", { key: '1796401a56db5a123525da420b515349fa7e637f', placement: this.placement, offset: this.offset, open: this.open, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("slot", { key: 'a81ef8c2fc0bbc3d34f2745f19c657633f168ee3', name: "trigger", slot: "trigger" }), h("div", { key: 'a5b1324c7814922e18e92845257f7d2e5c638d13', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, h("slot", { key: '8fef31bd0da92c62c4d196fcd8394df82898cf1c' }))));
+        return (h("co-popover", { key: '92d59b733eb81e53e003ebcbe4324480fbcb4475', placement: this.placement, offset: this.offset, open: this.open, onCoOpen: this.handlePopoverOpen, onCoClose: this.handlePopoverClose }, h("slot", { key: 'd8e70f68b13dd8f96a75d2f5c96b87651e1afc18', name: "trigger", slot: "trigger" }), h("div", { key: '2787503b2711a88baafcacad615814c0abbeceb0', class: "co-menu", role: "menu", style: this.width ? { width: this.width, minWidth: this.width } : undefined }, h("slot", { key: 'f3e4139845c8f77970b735631e26f5cfc6710405' }))));
     }
     static get is() { return "co-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-menu-divider/co-menu-divider.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class CoMenuDivider {
     render() {
-        return h("hr", { key: 'e47780a9d8f80cf8a9b1b4585e71bb20b2bebf5d', class: "co-menu-divider", role: "separator" });
+        return h("hr", { key: 'a305638c4f791be63278b343966cb22d92448ad9', class: "co-menu-divider", role: "separator" });
     }
     static get is() { return "co-menu-divider"; }
     static get encapsulation() { return "shadow"; }