@prolibu-suite/cobalt-core 0.10.3 → 0.11.0

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

@@ -0,0 +1,353 @@
+import { Host, h } from "@stencil/core";
+import { getTreeItemStrings } from "./treeItemI18n";
+/**
+ * Fila de un árbol (paneles Páginas y Capas del editor). Pensada para
+ * renderizar cientos de filas: UN solo shadow root propio (los iconos son
+ * `co-icon`; las acciones van en light DOM por slot), sin estado interno de
+ * selección/expansión y sin capturar teclado.
+ *
+ * - **Selección**: la decide el consumidor escuchando el `click` NATIVO del
+ *   host (ahí lee `metaKey` / `shiftKey`). Este componente no emite un evento
+ *   propio de selección ni captura Enter/Espacio; el `tabindex` (roving) lo
+ *   pone el consumidor en el host.
+ * - **Expansión**: controlada. El chevron emite `coToggle` con el estado
+ *   pedido (`!expanded`) y detiene la propagación de su `click` para que
+ *   pulsar el chevron no seleccione la fila. `coToggle` burbujea: con filas
+ *   anidadas en el slot por defecto, un listener por fila debe comprobar
+ *   `event.target === event.currentTarget` (o delegar en la raíz del árbol).
+ * - **Solo se corta el `click`** del chevron. `pointerdown` / `mousedown` SÍ
+ *   llegan al host (el chevron solo hace `preventDefault` del mousedown para
+ *   no robar el foco). Un consumidor con dnd-kit debe usar una restricción de
+ *   activación (`activationConstraint: { distance }`) o descartar el gesto
+ *   cuando `event.composedPath()` incluya el `[part="caret"]`.
+ * - **Hijos**: las filas hijas van en el slot por defecto. Con
+ *   `expandable && expanded` y contenido en ese slot, la fila padre lleva
+ *   radio solo arriba y el bloque de hijos pinta `--co-tree-item-group-bg`.
+ * - **Alineación con hermanos sin chevron**: por defecto una fila no
+ *   expandable no reserva el hueco del chevron. En un árbol mixto (Capas) se
+ *   reserva con `--co-tree-item-caret-space: 12px` en el contenedor.
+ *
+ * @slot prefix - Contenido antes del icono (p. ej. tirador de arrastre).
+ * @slot label  - Reemplaza el texto del `label` (input de renombrar en light DOM).
+ * @slot suffix - Acciones a la derecha (candado, ojo…), gap 8.
+ * @slot        - Filas hijas (`co-tree-item` anidados), envueltas en `part="children"`.
+ *
+ * @part row      - La fila (padding por `depth`, fondo de hover/selección).
+ * @part caret    - Botón del chevron.
+ * @part icon     - Contenedor del icono de tipo.
+ * @part label    - Texto del label.
+ * @part suffix   - Contenedor de las acciones.
+ * @part children - Bloque de filas hijas (`role="group"`).
+ */
+export class CoTreeItem {
+    constructor() {
+        /** Texto de la fila (se reemplaza con el slot `label`). */
+        this.label = '';
+        /** Profundidad en el árbol (0 = raíz). Sangría: `8px + depth × --co-tree-item-indent`. */
+        this.depth = 0;
+        /** Muestra el chevron y expone `aria-expanded`. */
+        this.expandable = false;
+        /** Estado de expansión (controlado: el componente nunca lo muta). */
+        this.expanded = false;
+        /** `solid` = accent (fila seleccionada); `soft` = tinte (descendiente de una selección). */
+        this.selection = 'none';
+        /** Alto de fila: `s` = 28 px (default), `xs` = 24 px. */
+        this.size = 's';
+        /** Atenúa la fila y desactiva el chevron. El click del host sigue llegando al consumidor. */
+        this.disabled = false;
+        /** Idioma del aria-label del chevron (es/en/pt; acepta locales completos). */
+        this.locale = 'es';
+        /** Hay contenido real en el slot por defecto (filas hijas). */
+        this.hasChildren = false;
+        // Cambios SOLO de light DOM (el consumidor monta/desmonta hijos sin tocar
+        // props) no re-renderizan: los atrapa el `slotchange` del slot por defecto.
+        this.syncHasChildren = () => {
+            const has = Array.from(this.el.childNodes).some((n) => {
+                var _a;
+                return (n.nodeType === 1 && !n.hasAttribute('slot')) ||
+                    (n.nodeType === 3 && !!((_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim()));
+            });
+            if (has !== this.hasChildren)
+                this.hasChildren = has;
+        };
+        // El chevron nunca selecciona: corta el `click` antes de que llegue al host
+        // (donde el consumidor escucha la selección). Con `disabled` tampoco emite.
+        // No se usa el `disabled` nativo del <button>: Chrome se traga el click
+        // entero y Firefox lo deja llegar a los ancestros — gatearlo acá es
+        // determinista en todos los navegadores.
+        this.handleCaretClick = (event) => {
+            event.stopPropagation();
+            if (this.disabled)
+                return;
+            this.coToggle.emit(!this.expanded);
+        };
+        // Pulsar el chevron no mueve el foco al botón del shadow: el foco (roving
+        // tabindex) sigue en el host, `:host(:focus-visible)` sigue matcheando y
+        // Enter/Espacio nunca caen en el botón (evitaría un click nativo → coToggle
+        // duplicado con el keydown del consumidor). Solo preventDefault: el
+        // mousedown/pointerdown SÍ siguen llegando al host (dnd-kit).
+        this.handleCaretMouseDown = (event) => {
+            event.preventDefault();
+        };
+    }
+    componentWillLoad() {
+        this.syncHasChildren();
+    }
+    // Un cambio de props re-renderiza; se re-mide aquí (síncrono, sin render
+    // extra) igual que hace co-accordion con su slot `subheading`.
+    componentWillRender() {
+        this.syncHasChildren();
+    }
+    render() {
+        var _a, _b, _c, _d;
+        // Defaults coalescidos: un consumidor React puede asignar `undefined`
+        // explícito (`depth={maybe}`) y Stencil no reaplica el default de clase.
+        const depth = (_a = this.depth) !== null && _a !== void 0 ? _a : 0;
+        const size = (_b = this.size) !== null && _b !== void 0 ? _b : 's';
+        const selection = (_c = this.selection) !== null && _c !== void 0 ? _c : 'none';
+        const expandable = !!this.expandable;
+        const expanded = expandable && !!this.expanded;
+        const isGroup = expanded && this.hasChildren;
+        const strings = getTreeItemStrings((_d = this.locale) !== null && _d !== void 0 ? _d : 'es');
+        return (h(Host, { key: '873d12e73414860f322eb2032f424c474216e7d4', role: "treeitem", "aria-level": String(depth + 1), "aria-expanded": expandable ? (expanded ? 'true' : 'false') : undefined, "aria-selected": selection !== 'none' ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined }, h("div", { key: 'a0629e12d90421a6f8bc3899acee21297e5a2f50', class: {
+                'co-tree-item': true,
+                'co-tree-item--xs': size === 'xs',
+                'co-tree-item--soft': selection === 'soft',
+                'co-tree-item--solid': selection === 'solid',
+                'co-tree-item--expanded': expanded,
+                'co-tree-item--group': isGroup,
+                'co-tree-item--disabled': !!this.disabled,
+            } }, h("div", { key: 'd8f1c942b7ee3ef6e1f85a78088544b4b06ea9ee', class: "co-tree-item__row", part: "row", style: { paddingLeft: `calc(8px + ${depth} * var(--co-tree-item-indent, 24px))` } }, expandable ? (h("button", { type: "button", class: "co-tree-item__caret", part: "caret", tabindex: "-1", "aria-label": expanded ? strings.collapse : strings.expand, "aria-disabled": this.disabled ? 'true' : undefined, onMouseDown: this.handleCaretMouseDown, onClick: this.handleCaretClick }, h("co-icon", { name: expanded ? 'caret-down' : 'caret-right', size: 8, weight: "fill" }))) : (h("span", { class: "co-tree-item__caret-space", "aria-hidden": "true" })), h("slot", { key: 'a21dc1c08d4c9b8a5077ebbac32a29475be573d8', name: "prefix" }), this.icon && (h("span", { key: '9bddf0697b6307069a3e7e744808c792196023d6', class: "co-tree-item__icon", part: "icon" }, h("co-icon", { key: 'fa4add61204749dd8ca1cbcc81e50ade12968e0c', name: this.icon, size: 12 }))), h("span", { key: '9f94f8a34705f48d4fe0d33aa277ff0d8eed04e2', class: "co-tree-item__label", part: "label" }, h("slot", { key: 'a94003f5dd1ceb7102002749686afd8872ce4d23', name: "label" }, this.label)), h("span", { key: '218b9fcd7dc0ce283a073b788ddb02254d587559', class: "co-tree-item__suffix", part: "suffix" }, h("slot", { key: '9c93a49a55d467aaa993f572dd8187ff9f8605f4', name: "suffix" }))), h("div", { key: 'afe218a752c68be204a04255bc00a54f5036e5c3', class: "co-tree-item__children", part: "children", role: "group" }, h("slot", { key: '3afaeaa63c458c01b43e5d4b33cd637c06c8cd31', onSlotchange: this.syncHasChildren })))));
+    }
+    static get is() { return "co-tree-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["co-tree-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["co-tree-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Texto de la fila (se reemplaza con el slot `label`)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "''"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Icono de tipo (nombre Phosphor), 12 px."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
+            },
+            "depth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Profundidad en el \u00E1rbol (0 = ra\u00EDz). Sangr\u00EDa: `8px + depth \u00D7 --co-tree-item-indent`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "depth",
+                "defaultValue": "0"
+            },
+            "expandable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Muestra el chevron y expone `aria-expanded`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "expandable",
+                "defaultValue": "false"
+            },
+            "expanded": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Estado de expansi\u00F3n (controlado: el componente nunca lo muta)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "expanded",
+                "defaultValue": "false"
+            },
+            "selection": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TreeItemSelection",
+                    "resolved": "\"none\" | \"soft\" | \"solid\"",
+                    "references": {
+                        "TreeItemSelection": {
+                            "location": "local",
+                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                            "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSelection"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "`solid` = accent (fila seleccionada); `soft` = tinte (descendiente de una selecci\u00F3n)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "selection",
+                "defaultValue": "'none'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TreeItemSize",
+                    "resolved": "\"s\" | \"xs\"",
+                    "references": {
+                        "TreeItemSize": {
+                            "location": "local",
+                            "path": "/Users/agox/worktrees/cobalt-release-2026-09-24/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                            "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Alto de fila: `s` = 28 px (default), `xs` = 24 px."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'s'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Aten\u00FAa la fila y desactiva el chevron. El click del host sigue llegando al consumidor."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Idioma del aria-label del chevron (es/en/pt; acepta locales completos)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "locale",
+                "defaultValue": "'es'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasChildren": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "coToggle",
+                "name": "coToggle",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Al pulsar el chevron, con el estado de expansi\u00F3n PEDIDO (`!expanded`)."
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}

package/dist/collection/components/co-tree-item/treeItemI18n.js

@@ -0,0 +1,16 @@
+/**
+ * Diccionario de strings de UI de co-tree-item (aria-label del chevron).
+ * Misma estrategia que carouselI18n / lightboxI18n: es/en/pt resueltos por la
+ * prop `locale`. Vive junto al componente (como `co-icon/iconLoader.ts`) para
+ * que la task no toque archivos compartidos fuera de `co-tree-item/*`.
+ */
+import { langFromLocale } from "../../utils/dateI18n";
+const DICT = {
+    es: { expand: 'Expandir', collapse: 'Contraer' },
+    en: { expand: 'Expand', collapse: 'Collapse' },
+    pt: { expand: 'Expandir', collapse: 'Recolher' },
+};
+/** Resuelve los strings integrados para un locale (`es`, `en-US`, `pt-BR`…). */
+export function getTreeItemStrings(locale) {
+    return DICT[langFromLocale(locale)];
+}

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

@@ -814,14 +814,14 @@ export class CoVideo {
     // ═══════════════════════════════════════════════════
     render() {
         const aspectClass = `co-video--${this.aspectRatio.replace(':', '-')}`;
-        return (h(Host, { key: '7547fe3cb220159ae7cb0d9bb890348ac8a62264' }, h("div", { key: 'efb33e16e1ce3f8312de4532528f217bcfd619be', class: {
+        return (h(Host, { key: '6cf0c87865e83b6022604a5bf2cfbe57832d283e' }, h("div", { key: 'ae2c18c38e9ffb9df78db8a562222effd5a07109', class: {
                 'co-video': true,
                 [aspectClass]: true,
                 [`co-video--rounded-${this.rounded}`]: true,
                 'co-video--disabled': this.disabled,
                 'co-video--fullscreen': this.isFullscreen,
                 'co-video--playing': this.isPlaying,
-            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '14bf786bae4288e2eeb8171893bec70cb3dd0fc8', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: '2e8b0cc3e3dbbb63aaebb44510ba43785de04fd4', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
+            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '8b0b5dfb94c4e0c62b782aa6011d056111eea5fb', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: '4e010f52473dddffd6bc188a5389de17c27966b1', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
     }
     static get is() { return "co-video"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/color.js

@@ -120,13 +120,17 @@ export function parseCssColor(input) {
     }
     return null;
 }
-/** WCAG sRGB relative luminance (0–1). */
+/** WCAG sRGB relative luminance (0–1) a partir de canales 0–255 (pueden venir
+ *  con decimales — p.ej. un color compuesto sobre blanco — sin pasar por hex). */
+export function luminanceRgb({ r, g, b }) {
+    const [rs, gs, bs] = [r / 255, g / 255, b / 255].map((v) => v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4));
+    return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
+}
+/** WCAG sRGB relative luminance (0–1). Wrapper fino de `luminanceRgb` para
+ *  un hex de 3/6 dígitos; lo que no es hex da 0 (comportamiento de siempre). */
 export function luminance(hex) {
     const c = parseHex(hex);
-    if (!c)
-        return 0;
-    const [rs, gs, bs] = [c.r / 255, c.g / 255, c.b / 255].map((v) => v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4));
-    return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
+    return c ? luminanceRgb(c) : 0;
 }
 /** Returns true when the color is perceptually light (needs dark foreground). */
 export function isLightColor(hex) {

package/dist/collection/utils/dragMove.js

@@ -0,0 +1,95 @@
+/**
+ * Núcleo puro de "arrastrar para mover un panel flotante" (Task D1).
+ *
+ * Solo aritmética: el desplazamiento acumulado del gesto y su acotado al
+ * viewport. Quien lo use aporta la cáscara (pointer events, escritura del
+ * estilo) — así el contrato se testea sin layout, que jsdom no calcula.
+ *
+ * El editor (Design Studio) tiene su propio gemelo de estas funciones en
+ * `lib/dragOffset.ts`: son dos paquetes sin dependencia entre sí y el núcleo
+ * son ~20 líneas; si alguna regla cambia, hay que cambiar las dos.
+ */
+/** Px del panel que SIEMPRE quedan dentro del viewport (un panel más chico no exige más de lo que mide). */
+export const DRAG_MIN_VISIBLE = 48;
+/**
+ * Desplazamiento del gesto: lo ya acumulado (`base`) más lo que se movió el
+ * puntero desde que empezó. `base` existe porque el gesto siguiente arranca
+ * donde quedó el anterior.
+ */
+export function dragOffsetOf(base, start, current) {
+    return { x: base.x + current.x - start.x, y: base.y + current.y - start.y };
+}
+/** Acota `value` a [min, max] con el 0 SIEMPRE dentro del rango — ver `clampDragOffset`. */
+function clampAxis(value, min, max) {
+    const lo = Math.min(min, 0);
+    const hi = Math.max(max, 0);
+    return Math.min(Math.max(value, lo), hi);
+}
+/**
+ * Acota el desplazamiento para que el panel no se pierda de pantalla:
+ *
+ * - Horizontal: siempre quedan `minVisible` px del panel dentro del viewport
+ *   (por cualquiera de los dos lados).
+ * - Vertical: el borde SUPERIOR nunca sube del borde del viewport (el header
+ *   —la zona de agarre— queda siempre alcanzable) y por abajo rige el mismo
+ *   `minVisible`.
+ *
+ * El rango incluye el 0 por construcción: un panel que ya nace fuera (más alto
+ * que el viewport) no debe SALTAR al agarrarlo; solo no se puede empeorar.
+ *
+ * `rect` es la caja del panel medida UNA vez, al empezar el gesto: medir en
+ * cada `pointermove` fuerza layout síncrono en cada frame.
+ */
+export function clampDragOffset(offset, rect, viewport, minVisible = DRAG_MIN_VISIBLE) {
+    const visibleX = Math.min(minVisible, rect.width);
+    const visibleY = Math.min(minVisible, rect.height);
+    return {
+        x: clampAxis(offset.x, visibleX - rect.left - rect.width, viewport.width - visibleX - rect.left),
+        y: clampAxis(offset.y, -rect.top, viewport.height - visibleY - rect.top),
+    };
+}
+/**
+ * Controles que NO arrastran aunque vivan en la zona de agarre: el ✕, los
+ * botones/enlaces y los campos. Lista gemela de la del editor
+ * (`apps/web/src/lib/dragOffset.ts`): las dos se mantienen en sincronía.
+ */
+const INTERACTIVE_SELECTOR = [
+    'button',
+    'a[href]',
+    'input',
+    'select',
+    'textarea',
+    '[role="button"]',
+    '[role="checkbox"]',
+    '[role="radio"]',
+    '[role="switch"]',
+    '[role="combobox"]',
+    '[role="option"]',
+    '[role="menuitem"]',
+    '[role="slider"]',
+    '[role="tab"]',
+    '[role="separator"]',
+    '[data-no-drag]',
+].join(', ');
+/**
+ * `true` si el evento nació en un control interactivo DENTRO de la zona de
+ * agarre. Recorre el `composedPath` (no `closest`) porque el origen puede venir
+ * de otro shadow root — el `<svg>` dentro del ✕, un control del consumidor
+ * proyectado en un slot.
+ *
+ * `handle` acota el recorrido: se corta al llegar al asa. Sin ese tope, un
+ * flotante montado dentro de un `<button>` o de un `[role=…]` del consumidor
+ * dejaba de arrastrar entero y sin diagnóstico (el ancestro matcheaba).
+ */
+export function isInteractiveDragTarget(event, handle) {
+    const path = typeof event.composedPath === 'function' ? event.composedPath() : [event.target];
+    for (const node of path) {
+        if (handle && node === handle)
+            return false;
+        if (node && typeof node.matches === 'function') {
+            if (node.matches(INTERACTIVE_SELECTOR))
+                return true;
+        }
+    }
+    return false;
+}

package/dist/collection/utils/gradientBarI18n.js

@@ -0,0 +1,24 @@
+/**
+ * Diccionario de strings de co-gradient-bar (aria labels). Misma estrategia
+ * que carouselI18n/dateI18n: es/en/pt resueltos por la prop `locale`. Las
+ * plantillas usan `{i}` / `{n}` / `{p}`.
+ */
+import { langFromLocale } from "./dateI18n";
+const DICT = {
+    es: {
+        barLabel: 'Degradado',
+        stopLabel: 'Parada {i} de {n}, {p}%',
+    },
+    en: {
+        barLabel: 'Gradient',
+        stopLabel: 'Stop {i} of {n}, {p}%',
+    },
+    pt: {
+        barLabel: 'Degradê',
+        stopLabel: 'Parada {i} de {n}, {p}%',
+    },
+};
+/** Resuelve los strings integrados para un locale. */
+export function getGradientBarStrings(locale) {
+    return DICT[langFromLocale(locale)];
+}