@prolibu-suite/cobalt-core 0.4.0 → 0.6.0

package/dist/cjs/co-option-list.cjs.entry.js

@@ -1,379 +0,0 @@
-'use strict';
-
-var index = require('./index-NNvye1ul.js');
-var normalizeText = require('./normalizeText-B-v-XPKf.js');
-var overlayScroll = require('./overlayScroll-ifzDNeyb.js');
-require('./overlayscrollbars-BlBHo2Xx.js');
-
-// optionListLogic.ts — lógica pura de co-option-list (patrón commandSearchLogic).
-function parseItems(raw) {
-    let parsed = raw;
-    if (typeof raw === 'string') {
-        try {
-            parsed = JSON.parse(raw);
-        }
-        catch (_a) {
-            return [];
-        }
-    }
-    return Array.isArray(parsed) ? parsed : [];
-}
-function parseValue(raw) {
-    if (!raw)
-        return [];
-    try {
-        const parsed = JSON.parse(raw);
-        return Array.isArray(parsed) ? parsed : [raw];
-    }
-    catch (_a) {
-        return [raw];
-    }
-}
-/**
- * Selected-first contra el snapshot tomado al abrir (patrón co-ref-field):
- * idle → bloque seleccionado en orden de snapshot (sintetizando desde
- * snapshotDisplay los que la página actual no contiene) + resto en orden de
- * server; buscando → solo resultados reales, seleccionados primero.
- *
- * Invariante: todo id en `snapshotIds` DEBE tener una entrada correspondiente
- * en `snapshotDisplay` (armado por el caller desde selectedItems ∪ items al
- * tomar el snapshot). Un id sin display-item asociado se cae silenciosamente
- * de la lista en modo idle (el `byId.get(d._id) ?? d` sintetiza desde el
- * display-item mismo, pero no hay nada que sintetizar si el id nunca entró a
- * snapshotDisplay en primer lugar).
- */
-function orderItems(items, snapshotIds, snapshotDisplay, searching) {
-    var _a;
-    if (snapshotIds.size === 0)
-        return items;
-    const byId = new Map(items.map((i) => [i._id, i]));
-    const selectedBlock = [];
-    if (!searching) {
-        for (const d of snapshotDisplay)
-            selectedBlock.push((_a = byId.get(d._id)) !== null && _a !== void 0 ? _a : d);
-    }
-    else {
-        for (const i of items)
-            if (snapshotIds.has(i._id))
-                selectedBlock.push(i);
-    }
-    const rest = items.filter((i) => !snapshotIds.has(i._id));
-    return [...selectedBlock, ...rest];
-}
-/** Aplana a filas de render insertando un header cuando `group` cambia
- *  (groupItems de co-command-search). `index` cuenta solo items. */
-function buildRows(items) {
-    const rows = [];
-    let lastGroup;
-    let index = 0;
-    for (const it of items) {
-        if (it.group && it.group !== lastGroup)
-            rows.push({ kind: 'header', label: it.group });
-        lastGroup = it.group;
-        rows.push({ kind: 'item', item: it, index });
-        index++;
-    }
-    return rows;
-}
-/** Siguiente highlight: wrap, salta disabled. -1 = sin items navegables. */
-function nextActiveIndex(current, delta, items) {
-    const positions = [];
-    items.forEach((it, idx) => {
-        if (!it.disabled)
-            positions.push(idx);
-    });
-    if (positions.length === 0)
-        return -1;
-    const at = positions.indexOf(current);
-    if (at === -1)
-        return delta === 1 ? positions[0] : positions[positions.length - 1];
-    return positions[(at + delta + positions.length) % positions.length];
-}
-/** `total > 0` tiene precedencia (deriva remaining); si no, vale `hasMoreProp`. */
-function deriveMore(count, total, hasMoreProp) {
-    if (total > 0)
-        return { hasMore: count < total, remaining: Math.max(0, total - count) };
-    return { hasMore: hasMoreProp, remaining: 0 };
-}
-// Misma matemática que la virtualización de co-autocomplete / co-combobox.
-const VIRTUAL_ITEM_HEIGHT = 34;
-const VIRTUAL_VIEWPORT_ITEMS = 8;
-const VIRTUAL_OVERSCAN = 3;
-function virtualSlice(scrollTop, count) {
-    const totalHeight = count * VIRTUAL_ITEM_HEIGHT;
-    const startIdx = Math.max(0, Math.floor(scrollTop / VIRTUAL_ITEM_HEIGHT) - VIRTUAL_OVERSCAN);
-    const endIdx = Math.min(count, startIdx + VIRTUAL_VIEWPORT_ITEMS + VIRTUAL_OVERSCAN * 2);
-    return { totalHeight, startIdx, endIdx, offsetY: startIdx * VIRTUAL_ITEM_HEIGHT };
-}
-
-const coOptionListCss = () => `:host{display:block;font-family:var(--co-font-family-primary)}.co-option-list{display:flex;flex-direction:column;gap:var(--co-spacing-sm);min-width:0}.co-option-list__search{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-md);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-muted)}.co-option-list__search:focus-within{border-color:var(--co-semantic-border-focus)}.co-option-list__search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);color:var(--co-semantic-text-default)}.co-option-list__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-option-list__options{max-height:240px;overflow-y:auto;overflow-x:hidden}.co-option-list__inner{display:flex;flex-direction:column;min-width:0}.co-option-list__option{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0;padding:var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default)}.co-option-list__option--active{background:var(--co-semantic-surface-hover)}.co-option-list__option--selected .co-option-list__label{font-weight:600}.co-option-list__option--disabled{opacity:0.5;cursor:not-allowed}.co-option-list__avatar,.co-option-list__icon{flex-shrink:0}.co-option-list__dot{flex-shrink:0;width:10px;height:10px;border-radius:var(--co-border-radius-full)}.co-option-list__text{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);flex:1;min-width:0}.co-option-list__title{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}.co-option-list__label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__suffix{color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.co-option-list__badge{flex-shrink:0;padding:0 var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);color:var(--co-semantic-on-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:16px}.co-option-list__desc{font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__match{color:var(--co-color-primary-azul);font-weight:700}.co-option-list__check{flex-shrink:0;color:var(--co-color-primary-verde)}.co-option-list__row-action{flex-shrink:0;display:inline-flex;align-items:center;border:0;background:transparent;padding:0;cursor:pointer;color:var(--co-semantic-text-muted)}.co-option-list__row-action:hover{color:var(--co-semantic-text-default)}.co-option-list__group{padding:var(--co-spacing-sm) var(--co-spacing-sm) var(--co-spacing-xs);font-size:var(--co-font-size-11, 11px);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--co-semantic-text-muted)}.co-option-list__clear-row{display:flex;align-items:center;gap:var(--co-spacing-sm);width:100%;border:0;background:transparent;padding:var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);cursor:pointer;text-align:left;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary)}.co-option-list__clear-row:hover{background:var(--co-semantic-surface-hover)}.co-option-list__loading,.co-option-list__loading-more{display:flex;justify-content:center;padding:var(--co-spacing-sm)}.co-option-list__empty{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-sm);font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted)}.co-option-list__more{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);text-align:center}.co-option-list__option:focus-visible,.co-option-list__clear-row:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px}`;
-
-const CoOptionList = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.coSearch = index.createEvent(this, "coSearch", 3);
-        this.coChange = index.createEvent(this, "coChange", 3);
-        this.coLoadMore = index.createEvent(this, "coLoadMore", 3);
-        this.coClearSelection = index.createEvent(this, "coClearSelection", 3);
-        this.coRemoveItem = index.createEvent(this, "coRemoveItem", 3);
-        // ── Data (controlada) ──────────────────────────────────────
-        /** JSON string o array de OptionListItem. */
-        this.items = '[]';
-        /** Selección actual: id single o JSON array de ids. */
-        this.value = '';
-        /** Display-items de la selección (para selected-first con ids fuera de página). */
-        this.selectedItems = '[]';
-        this.multiple = false;
-        /** Partición selected-first (snapshot al llamar snapshotOrder()). */
-        this.selectedFirst = false;
-        /** Afford. del seleccionado: check (combobox/autocomplete) o X deselect (ref-field). */
-        this.selectedAffordance = 'check';
-        /** Botón remove por fila seleccionada en multiple (tags de combobox). */
-        this.removableItems = false;
-        // ── Search integrado (opcional) ────────────────────────────
-        this.searchable = false;
-        this.searchPlaceholder = 'Search…';
-        this.searchDebounce = 350;
-        /** Pre-seed del término (modo convert de las celdas). */
-        this.initialTerm = '';
-        // ── Estados ────────────────────────────────────────────────
-        this.loading = false;
-        /** Total del server: deriva hasMore + hint "N more results". */
-        this.total = 0;
-        /** Fallback cuando el host no conoce totales (⌘K). total>0 manda. */
-        this.hasMore = false;
-        this.emptyMessage = 'No results found';
-        /** Si se setea y hay selección, fila "quitar selección" al tope. */
-        this.clearOptionLabel = '';
-        // ── Presentación ───────────────────────────────────────────
-        /** Lista virtualizada (autocomplete/combobox). Ignora `group`. */
-        this.virtual = false;
-        /** Resalta el match del término en los labels. */
-        this.highlightMatches = false;
-        /** Término externo para highlight (input en el host, p.ej. ⌘K). */
-        this.highlightTerm = '';
-        this.avatarShape = 'circle';
-        this.term = '';
-        this.activeIndex = -1;
-        this.scrollTop = 0;
-        /** Snapshot selected-first (ver snapshotOrder). */
-        this.sortSnapshot = new Set();
-        this.displaySnapshot = [];
-        /**
-         * Enter sobre un control real (footer, fila clear) activa ese control
-         * nativamente — nunca el highlight (regla heredada de CellRefPicker).
-         */
-        this.onRootKeyDown = (e) => {
-            var _a, _b;
-            if (e.key === 'Enter') {
-                const origin = (((_a = e.composedPath) === null || _a === void 0 ? void 0 : _a.call(e)[0]) || e.target);
-                // `instanceof HTMLElement`, NO `Element`: el decorador `@Element` importado
-                // de `@stencil/core` arriba shadowea el nombre global `Element` en este
-                // módulo, así que `origin instanceof Element` referenciaría el decorador
-                // (siempre false / rompe el narrowing de TS) en vez del DOM Element.
-                if (origin instanceof HTMLElement && ((_b = origin.closest) === null || _b === void 0 ? void 0 : _b.call(origin, 'button:not(.co-option-list__option), co-list-footer')))
-                    return;
-            }
-            if (this.processKey(e.key))
-                e.preventDefault();
-        };
-        this.onSearchInput = (e) => {
-            const v = e.target.value;
-            this.term = v;
-            this.activeIndex = -1;
-            if (this.debounceTimer)
-                clearTimeout(this.debounceTimer);
-            this.debounceTimer = setTimeout(() => this.coSearch.emit(v), this.searchDebounce);
-        };
-        this.onNativeScroll = (e) => {
-            // Fallback pre-OverlayScrollbars (primer frame) — misma lógica.
-            const el = e.target;
-            this.scrollTop = el.scrollTop;
-            this.maybeLoadMore(el.scrollTop, el.clientHeight, el.scrollHeight);
-        };
-    }
-    // ── Parsed ─────────────────────────────────────────────────
-    get parsedItems() { return parseItems(this.items); }
-    get selectedIds() { return parseValue(this.value); }
-    get orderedItems() {
-        if (!this.selectedFirst)
-            return this.parsedItems;
-        return orderItems(this.parsedItems, this.sortSnapshot, this.displaySnapshot, !!this.term);
-    }
-    get effectiveHighlightTerm() {
-        if (!this.highlightMatches)
-            return '';
-        return this.searchable ? this.term : this.highlightTerm;
-    }
-    // ── Lifecycle ──────────────────────────────────────────────
-    componentWillLoad() {
-        this.term = this.initialTerm || '';
-        this.takeSnapshot();
-    }
-    componentDidRender() {
-        // OverlayScrollbars sobre el contenedor; wrapper interno estable para que
-        // Stencil pueda seguir agregando filas (infinite scroll) sin pelear con
-        // la reestructuración de DOM de OS (patrón co-ref-field).
-        if (this.optionsEl && !this.osInstance) {
-            this.osInstance = overlayScroll.initOverlayScroll(this.optionsEl, (vp) => {
-                this.scrollTop = vp.scrollTop;
-                this.maybeLoadMore(vp.scrollTop, vp.clientHeight, vp.scrollHeight);
-            });
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        if (this.debounceTimer)
-            clearTimeout(this.debounceTimer);
-        (_a = this.osInstance) === null || _a === void 0 ? void 0 : _a.destroy();
-        this.osInstance = undefined;
-    }
-    onItemsChange() {
-        // Nueva página / nuevos resultados: si el highlight quedó fuera de rango, resetea.
-        if (this.activeIndex >= this.orderedItems.length)
-            this.activeIndex = -1;
-        // Clamp defensivo del scroll virtual: si la nueva lista es más corta que el
-        // scrollTop actual (p.ej. búsqueda que redujo drásticamente el resultset),
-        // reencuadra dentro de rango. NO resetear a 0 incondicionalmente — eso
-        // rompería el infinite scroll por append (la lista crece hacia abajo y el
-        // usuario sigue viendo su posición de scroll).
-        const maxScrollTop = Math.max(0, this.orderedItems.length * VIRTUAL_ITEM_HEIGHT - VIRTUAL_VIEWPORT_ITEMS * VIRTUAL_ITEM_HEIGHT);
-        if (this.scrollTop > this.orderedItems.length * VIRTUAL_ITEM_HEIGHT) {
-            this.scrollTop = maxScrollTop;
-        }
-    }
-    // ── Métodos públicos ───────────────────────────────────────
-    /** Re-toma el snapshot selected-first. El host la llama al abrir su panel. */
-    async snapshotOrder() {
-        this.takeSnapshot();
-    }
-    /**
-     * Enfoca el input de búsqueda esperando visibilidad real: el panel del host
-     * se vuelve visible frames después (showPopover/position en rAF) y focus()
-     * sobre subtree oculto es no-op silencioso. Reintenta ~20 frames.
-     */
-    async focusSearch() {
-        var _a, _b;
-        for (let i = 0; i < 20; i++) {
-            (_a = this.searchInputEl) === null || _a === void 0 ? void 0 : _a.focus();
-            if (this.searchInputEl && ((_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.activeElement) === this.searchInputEl)
-                return;
-            await new Promise((resolve) => requestAnimationFrame(() => resolve()));
-        }
-    }
-    /** Navegación para hosts con input externo. true = tecla consumida (host hace preventDefault). */
-    async handleKey(e) {
-        return this.processKey(e.key);
-    }
-    // ── Internos ───────────────────────────────────────────────
-    takeSnapshot() {
-        this.sortSnapshot = new Set(this.selectedIds);
-        const byId = new Map();
-        for (const it of parseItems(this.selectedItems))
-            byId.set(it._id, it);
-        for (const it of this.parsedItems)
-            if (!byId.has(it._id))
-                byId.set(it._id, it);
-        this.displaySnapshot = this.selectedIds
-            .map((id) => byId.get(id))
-            .filter(Boolean);
-    }
-    processKey(key) {
-        const items = this.orderedItems;
-        switch (key) {
-            case 'ArrowDown':
-                this.activeIndex = nextActiveIndex(this.activeIndex, 1, items);
-                this.scrollActiveIntoView();
-                return true;
-            case 'ArrowUp':
-                this.activeIndex = nextActiveIndex(this.activeIndex, -1, items);
-                this.scrollActiveIntoView();
-                return true;
-            case 'Enter': {
-                const item = items[this.activeIndex];
-                if (item && !item.disabled) {
-                    this.pick(item);
-                    return true;
-                }
-                return false;
-            }
-            default:
-                return false;
-        }
-    }
-    pick(item) {
-        if (this.multiple) {
-            const current = this.selectedIds;
-            const idx = current.indexOf(item._id);
-            const next = idx >= 0 ? current.filter((id) => id !== item._id) : [...current, item._id];
-            this.coChange.emit({ value: next, item });
-        }
-        else {
-            this.coChange.emit({ value: item._id, item });
-        }
-    }
-    maybeLoadMore(scrollTop, clientHeight, scrollHeight) {
-        if (this.loading)
-            return;
-        const { hasMore } = deriveMore(this.parsedItems.length, this.total, this.hasMore);
-        if (hasMore && scrollTop + clientHeight >= scrollHeight - 40)
-            this.coLoadMore.emit();
-    }
-    scrollActiveIntoView() {
-        requestAnimationFrame(() => {
-            var _a, _b;
-            (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById(`co-optlist-${this.activeIndex}`)) === null || _b === void 0 ? void 0 : _b.scrollIntoView({ block: 'nearest' });
-        });
-    }
-    // ── Render helpers ─────────────────────────────────────────
-    renderLeading(item) {
-        if (item.image || item.avatar) {
-            return (index.h("co-avatar", { class: "co-option-list__avatar", type: item.image ? 'image' : 'text', src: item.image, text: item.avatar, color: item.color, size: "xs", shape: this.avatarShape }));
-        }
-        if (item.color)
-            return index.h("span", { class: "co-option-list__dot", style: { backgroundColor: item.color } });
-        if (item.icon)
-            return index.h("co-icon", { name: item.icon, size: 16, class: "co-option-list__icon" });
-        return null;
-    }
-    renderLabelText(label) {
-        const term = this.effectiveHighlightTerm;
-        const seg = term ? normalizeText.highlightMatch(label, term) : null;
-        if (!seg)
-            return label;
-        return [seg.pre, index.h("span", { class: "co-option-list__match" }, seg.match), seg.post];
-    }
-    renderRow(item, index$1, selectedIds) {
-        const isSelected = selectedIds.includes(item._id);
-        return (index.h("div", { class: {
-                'co-option-list__option': true,
-                'co-option-list__option--selected': isSelected,
-                'co-option-list__option--active': index$1 === this.activeIndex,
-                'co-option-list__option--disabled': !!item.disabled,
-            }, key: item._id, id: `co-optlist-${index$1}`, role: "option", "aria-selected": isSelected ? 'true' : 'false', "aria-disabled": item.disabled ? 'true' : 'false', onClick: () => !item.disabled && this.pick(item), onMouseEnter: () => { this.activeIndex = index$1; } }, this.renderLeading(item), index.h("div", { class: "co-option-list__text" }, index.h("span", { class: "co-option-list__title" }, index.h("span", { class: "co-option-list__label", style: item.labelColor ? { color: item.labelColor, fontWeight: '600' } : undefined }, this.renderLabelText(item.label)), item.suffix && index.h("span", { class: "co-option-list__suffix" }, "- ", item.suffix), item.badge && (index.h("span", { class: "co-option-list__badge", style: item.badge.color ? { backgroundColor: item.badge.color } : undefined }, item.badge.label))), item.description && index.h("span", { class: "co-option-list__desc" }, item.description)), isSelected && this.removableItems && this.multiple && (index.h("button", { class: "co-option-list__row-action", type: "button", tabIndex: -1, "aria-label": `Remove ${item.label}`, onClick: (e) => { e.stopPropagation(); this.coRemoveItem.emit(item._id); } }, index.h("co-icon", { name: "x-circle", size: 16, weight: "fill" }))), isSelected && !this.removableItems && this.selectedAffordance === 'deselect' && (index.h("button", { class: "co-option-list__row-action", type: "button", tabIndex: -1, "aria-label": `Deselect ${item.label}`, onClick: (e) => { e.stopPropagation(); this.pick(item); } }, index.h("co-icon", { name: "x-circle", size: 18, weight: "fill" }))), isSelected && !this.removableItems && this.selectedAffordance === 'check' && (index.h("co-icon", { name: "check", size: 16, class: "co-option-list__check" }))));
-    }
-    renderVirtual(items, selectedIds) {
-        const { totalHeight, startIdx, endIdx, offsetY } = virtualSlice(this.scrollTop, items.length);
-        return (index.h("div", { class: "co-option-list__spacer", style: { height: `${totalHeight}px`, position: 'relative' } }, index.h("div", { style: { position: 'absolute', top: `${offsetY}px`, left: '0', right: '0' } }, items.slice(startIdx, endIdx).map((item, i) => this.renderRow(item, startIdx + i, selectedIds)))));
-    }
-    render() {
-        const items = this.orderedItems;
-        const selectedIds = this.selectedIds;
-        const { hasMore, remaining } = deriveMore(this.parsedItems.length, this.total, this.hasMore);
-        const showClear = !!this.clearOptionLabel && selectedIds.length > 0;
-        return (index.h("div", { key: '2354775b63fe7419f03500639a66010c79e261d2', class: "co-option-list", onKeyDown: this.onRootKeyDown }, this.searchable && (index.h("div", { key: '9621030007e83e7906dcd07f59deb7623a06ef66', class: "co-option-list__search", part: "search" }, index.h("co-icon", { key: '9a28e5fa86aa8e0196a8efa47bb03ff361441d97', name: "magnifying-glass", size: 16 }), index.h("input", { key: 'd78d1a37d904811841e0077c07b74f8d6939848d', class: "co-option-list__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.term, onInput: this.onSearchInput, ref: (el) => (this.searchInputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list" }))), index.h("div", { key: '99335055c0ce9cef160ef84eaf0d85d79fc9ce17', class: "co-option-list__options", part: "options", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : 'false', ref: (el) => (this.optionsEl = el), onScroll: this.onNativeScroll }, index.h("div", { key: '716d4bd2d8fa07f6054c2b96eace6be78b2b07eb', class: "co-option-list__inner" }, showClear && (index.h("button", { key: '03eca612c006784e6d46ed0f4924b20c52582c75', class: "co-option-list__clear-row", type: "button", onClick: () => this.coClearSelection.emit() }, index.h("co-icon", { key: '2ea79932eb4d1e4aaec62cacbcb42aa008cbb5cf', name: "x-circle", size: 14 }), index.h("span", { key: '04348a03193f518a94aab87f95a885ff6ff10af6' }, this.clearOptionLabel))), this.loading && items.length === 0 && (index.h("div", { key: '5433843784a569c17ef7c2b51e82a4244f36d969', class: "co-option-list__loading" }, index.h("co-loader", { key: '52df16368ce659d2599b620affba0ca7715b7f3c', size: "sm" }))), !this.loading && items.length === 0 && (index.h("div", { key: 'f998f6dc92acf6e96c236e83e00d27cf837f5306', class: "co-option-list__empty" }, index.h("co-icon", { key: 'ebdaafcefda9a4502ecdb448d7b1a6bb89165484', name: "magnifying-glass", size: 20 }), index.h("span", { key: '6532f13666769f9496baa21348d709d08083f395' }, this.emptyMessage))), items.length > 0 && this.virtual
-            ? this.renderVirtual(items, selectedIds)
-            : buildRows(items).map((row) => row.kind === 'header'
-                ? index.h("div", { class: "co-option-list__group", role: "presentation" }, row.label)
-                : this.renderRow(row.item, row.index, selectedIds)), this.loading && items.length > 0 && (index.h("div", { key: 'b2e4c16e8f39a96f1154101a755f9edf43ecb354', class: "co-option-list__loading-more" }, index.h("co-loader", { key: 'c4a5161d81ddf6d5a106d8fe484f60d3c83e37db', size: "sm" }))), !this.loading && hasMore && remaining > 0 && (index.h("div", { key: '7adc44652a3c740e21e364d51fa69a96a654818c', class: "co-option-list__more" }, remaining, " more results")))), index.h("slot", { key: 'bf2d4d336ef235d9213bf176403d30a7a899437b', name: "footer" })));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "items": [{
-                "onItemsChange": 0
-            }]
-    }; }
-};
-CoOptionList.style = coOptionListCss();
-
-exports.co_option_list = CoOptionList;

package/dist/cobalt/p-06c27cc5.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,a as e}from"./p-Es9IUmmt.js";import{c as o,g as h,f as a}from"./p-C2mZ7x_Y.js";const n=class{constructor(s){i(this,s),this.coOpen=t(this,"coOpen",3),this.coClose=t(this,"coClose",3),this.open=!1,this.placement="bottom-start",this.matchWidth=!1,this.offset=4,this.closeOnClickOutside=!0,this.closeOnEscape=!0,this.flip=!0,this.scrollParents=[],this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.docListenersBound=!1,this.handleDocumentClickManual=i=>{this.open&&this.closeOnClickOutside&&(i.composedPath().includes(this.el)||(this.open=!1))},this.handleDocumentKeydownManual=i=>{this.open&&this.closeOnEscape&&"Escape"===i.key&&(i.stopPropagation(),this.open=!1)},this.updatePosition=()=>{if(!this.open||!this.triggerEl||!this.panelEl)return;const i=this.triggerEl.getBoundingClientRect(),t=this.panelEl.getBoundingClientRect(),{top:s,left:e}=o(i,t,{placement:this.placement,offset:this.offset,flip:this.flip});let a=s,n=e;if(!this.panelEl.matches(":popover-open")&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=h(this.panelEl),this.offsetAncestorComputed=!0),this.cachedOffsetAncestor)){const i=this.cachedOffsetAncestor.getBoundingClientRect();a-=i.top,n-=i.left}const r={top:`${a}px`,left:`${n}px`};this.matchWidth&&(r.width=`${i.width}px`),this.panelEl&&(Object.assign(this.panelEl.style,r),this.panelEl.classList.add("co-popover__panel--positioned"))},this.scheduleUpdate=()=>{this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.updatePosition)},this.handleTriggerClick=()=>{this.open=!this.open}}disconnectedCallback(){this.unbindDocListeners(),this.cleanupListeners()}onOpenChange(i){i?(this.coOpen.emit(),this.bindDocListeners(),this.scheduleUpdate(),requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updatePosition()}))})),this.addScrollListeners()):(this.coClose.emit(),this.cleanupListeners(),this.unbindDocListeners(),this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.panelEl=void 0)}bindDocListeners(){this.docListenersBound||(document.addEventListener("click",this.handleDocumentClickManual,!0),document.addEventListener("keydown",this.handleDocumentKeydownManual,!0),this.docListenersBound=!0)}unbindDocListeners(){this.docListenersBound&&(document.removeEventListener("click",this.handleDocumentClickManual,!0),document.removeEventListener("keydown",this.handleDocumentKeydownManual,!0),this.docListenersBound=!1)}async toggle(){this.open=!this.open}async show(){this.open=!0}async hide(){this.open=!1}promotePanel(){const i=this.panelEl;if(i&&"function"==typeof i.showPopover)try{i.matches(":popover-open")||i.showPopover()}catch(i){}}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=[];const i=a(this.el);i&&(i.addEventListener("scroll",this.scheduleUpdate,{passive:!0}),this.scrollParents.push(i))}cleanupListeners(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const i of this.scrollParents)i.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){return s("div",{key:"1d797487362744cb7d90dd47f428ee1dd859abfa",class:"co-popover"},s("div",{key:"ab088b70a9f179a3ea98378fe6004f7e7ba7634a",class:"co-popover__trigger",ref:i=>this.triggerEl=i,onClick:this.handleTriggerClick},s("slot",{key:"a087953350db65b6671466b136f8fad5dee9dba0",name:"trigger"})),this.open&&s("div",{key:"a951cb121f3b258b51a90ee75450d555e87f3eb0",class:"co-popover__panel",popover:"manual",ref:i=>{i&&i!==this.panelEl&&(this.panelEl=i,this.promotePanel(),this.scheduleUpdate())}},s("slot",{key:"dc00cee702a8162705b7891684b0765400289bb4"})))}get el(){return e(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};n.style=":host{display:inline-block;position:relative}:host([match-width]){display:block;width:100%}.co-popover{display:block;width:100%}.co-popover__trigger{display:block;width:100%;cursor:pointer}.co-popover__panel{position:fixed;inset:auto;top:0;left:0;margin:0;padding:0;width:auto;height:auto;max-width:none;max-height:none;z-index:10000;visibility:hidden;background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:visible}.co-popover__panel--positioned{visibility:visible}";export{n as co_popover}

package/dist/cobalt/p-075f6ca4.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,a}from"./p-Es9IUmmt.js";const i=class{constructor(e){t(this,e),this.coChange=s(this,"coChange",7),this.coClear=s(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=t=>{this.value=JSON.stringify(t.detail),this.coChange.emit(t.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return e("co-date-range-picker",{key:"a366a10a7980292014ac8a9f48a97077cac09299",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return a(this)}};i.style=":host{display:block}";export{i as co_date_range}

package/dist/cobalt/p-0810ee1e.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as r,a as t}from"./p-Es9IUmmt.js";import{R as o}from"./p-BUgUTjOB.js";const n=class{constructor(r){e(this,r),this.coChange=i(this,"coChange",7),this.coClear=i(this,"coClear",7),this.required=!1,this.layout="vertical",this.status="default",this.value=0,this.step=1,this.disabled=!1,this.placeholder="0",this.size="md",this.clearable=!1,this.focused=!1,this.handleDecrement=()=>{this.canDecrement&&this.emitValue(this.current-this.step)},this.handleIncrement=()=>{this.canIncrement&&this.emitValue(this.current+this.step)},this.handleInput=e=>{const i=e.target.value;if(""===i)return void(this.clearable&&(this.value=null,this.coChange.emit(null)));if("-"===i)return;const r=parseFloat(i);isNaN(r)||this.emitValue(this.fromDisplay(r))},this.handleClear=()=>{var e;this.value=null,this.coClear.emit(),this.coChange.emit(null),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleBlur=()=>{this.focused=!1,this.isEmpty||this.emitValue(this.value)},this.handleFocus=()=>{this.focused=!0},this.handleKeyDown=e=>{"ArrowUp"===e.key?(e.preventDefault(),this.handleIncrement()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrement())}}get isEmpty(){return null==this.value||Number.isNaN(this.value)}get current(){var e;return this.isEmpty?null!==(e=this.min)&&void 0!==e?e:0:this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}get canDecrement(){return!this.disabled&&(void 0===this.min||this.current>this.min)}get canIncrement(){return!this.disabled&&(void 0===this.max||this.current<this.max)}clamp(e){return void 0!==this.min&&e<this.min?this.min:void 0!==this.max&&e>this.max?this.max:e}get scaled(){return"rate"===this.format||"percent"===this.format}toDisplay(e){return this.scaled?Number((100*e).toFixed(6)):e}fromDisplay(e){return this.scaled?e/100:e}emitValue(e){const i=this.clamp(e);this.value=i,this.coChange.emit(i)}render(){return r("div",{key:"b9d2918682c1943728aa412b5abb4e17c842d9bd",class:{"co-number-field":!0,"co-number-field--disabled":this.disabled,"co-number-field--focused":this.focused,[`co-number-field--${this.size}`]:!0,[`co-number-field--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel)&&r("div",{key:"baa117f0cfeba73015fe6a396b7001c83db76079",class:"co-number-field__labels"},this.label&&r("label",{key:"2593906b02ca0935ab1b3e8bcf51d8867a2b416a",class:"co-number-field__label"},this.label,r(o,{key:"40cc658fedb70c38e92e07cf1cd0b8a628fd6ca6",required:this.required})),this.secondaryLabel&&r("span",{key:"b495275c3f9108442d6a4cc1d36b23b510e9f151",class:"co-number-field__secondary-label"},this.secondaryLabel)),r("div",{key:"ac482c099f7952d26142b4e8aacac74fad2cd469",class:"co-number-field__row"},r("button",{key:"617f9d33a8371bce87c9d8e56df88aef77dcc724",class:"co-number-field__btn co-number-field__btn--minus",type:"button",tabIndex:-1,disabled:!this.canDecrement,onClick:this.handleDecrement,"aria-label":"Decrease"},r("co-icon",{key:"3242ac9dbbbcfeca024812b69d5f17a00fe4928a",name:"minus",size:16})),r("input",{key:"beaab19de433dcc7b6ffd13678b68f2b229d8311",ref:e=>this.inputEl=e,class:"co-number-field__input",type:"text",inputMode:"decimal",value:this.isEmpty?"":String(this.toDisplay(this.value)),placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown}),this.scaled&&!this.isEmpty&&r("span",{key:"5426965b700dccf1387071138d8dae113cf4fdf4",class:"co-number-field__affix","aria-hidden":"true"},"%"),this.clearable&&!this.isEmpty&&!this.disabled&&r("button",{key:"f6f2e6a7f9a5a77fc96a8223a0eaad7880599e55",class:"co-number-field__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},r("co-icon",{key:"1c29c52af8720ffd2dbd5c5aa960107ad16c7613",name:"x-circle",size:16,weight:"fill"})),r("button",{key:"3a1265f41fcf4ca88b25e88f3921d0087aeede99",class:"co-number-field__btn co-number-field__btn--plus",type:"button",tabIndex:-1,disabled:!this.canIncrement,onClick:this.handleIncrement,"aria-label":"Increase"},r("co-icon",{key:"ac97bb8ee26e535b2c278e647b2edb1d3dbaac1b",name:"plus",size:16}))),this.helperText&&r("div",{key:"714e6fcd1f7ac625ec6702d97f72487b0448e8ed",class:`co-number-field__helper co-number-field__helper--${this.status}`},this.statusIcon&&r("co-icon",{key:"69cf83620410820ca2eaf3e473a0f815c812c69e",name:this.statusIcon,size:14,weight:"fill",class:"co-number-field__helper-icon"}),r("span",{key:"e185964aaa4a7410e5f5e78da88bd6b78de072b4",class:"co-number-field__helper-text"},this.helperText)))}get el(){return t(this)}};n.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-number-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-number-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-number-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-number-field__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-number-field--disabled .co-number-field__label,.co-number-field--disabled .co-number-field__secondary-label{color:var(--co-semantic-text-disabled)}.co-number-field__row{display:flex;align-items:center;gap:0;background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;overflow:hidden;box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-number-field--s .co-number-field__row{min-height:28px}.co-number-field--s .co-number-field__btn{width:28px;height:28px}.co-number-field--sm .co-number-field__row{min-height:32px}.co-number-field--sm .co-number-field__btn{width:32px;height:32px}.co-number-field--lg .co-number-field__row{min-height:48px}.co-number-field--lg .co-number-field__btn{width:48px;height:48px}.co-number-field--focused .co-number-field__row{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-number-field--disabled .co-number-field__row{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-number-field--error .co-number-field__row{border-color:var(--co-semantic-status-error)}.co-number-field--success .co-number-field__row{border-color:var(--co-semantic-status-success)}.co-number-field--warning .co-number-field__row{border-color:var(--co-color-status-review)}.co-number-field--info .co-number-field__row{border-color:var(--co-semantic-status-info)}.co-number-field__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;background:transparent;color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background 0.1s ease}.co-number-field__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-number-field__btn:active:not(:disabled){background:var(--co-semantic-surface-muted)}.co-number-field__btn:disabled{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-number-field__btn--minus{border-right:1px solid var(--co-semantic-border-subtle)}.co-number-field__btn--plus{border-left:1px solid var(--co-semantic-border-subtle)}.co-number-field__clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:100%;padding:0;border:none;background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;transition:color 0.15s ease}.co-number-field__clear:hover{color:var(--co-semantic-text-default)}.co-number-field__input{flex:1;min-width:0;border:none;background:transparent;text-align:center;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:var(--co-spacing-sm2) var(--co-spacing-sm2);outline:none;-moz-appearance:textfield}.co-number-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-number-field__affix{flex-shrink:0;padding-right:var(--co-spacing-sm2);color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;pointer-events:none;user-select:none}.co-number-field__input::-webkit-outer-spin-button,.co-number-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.co-number-field--disabled .co-number-field__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-number-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-number-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-number-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-number-field__helper--error .co-number-field__helper-icon,.co-number-field__helper--error .co-number-field__helper-text{color:var(--co-semantic-status-error)}.co-number-field__helper--success .co-number-field__helper-icon,.co-number-field__helper--success .co-number-field__helper-text{color:var(--co-semantic-status-success)}.co-number-field__helper--warning .co-number-field__helper-icon,.co-number-field__helper--warning .co-number-field__helper-text{color:var(--co-color-status-review)}.co-number-field__helper--info .co-number-field__helper-icon,.co-number-field__helper--info .co-number-field__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-number-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-number-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-number-field__label{white-space:normal}:host([layout='horizontal']) .co-number-field>:not(.co-number-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-number-field__row{background:var(--co-semantic-surface-secondary)}}";export{n as co_number_field}

package/dist/cobalt/p-0b41e76e.entry.js

@@ -1 +0,0 @@
-import{r as o,c as e,h as a}from"./p-Es9IUmmt.js";const r=class{constructor(a){o(this,a),this.coTabSelect=e(this,"coTabSelect",7),this.label="",this.value="",this.selected=!1,this.size="small",this.variant="pill",this.disabled=!1,this.handleClick=()=>{this.disabled||this.coTabSelect.emit(this.value||this.label)}}render(){const o="underline"===this.variant?16:"large"===this.size?18:14;return a("button",{key:"6f181c1c0f6de62256ba768f656d0671b3e1968f",class:{"co-tab":!0,[`co-tab--${this.size}`]:!0,[`co-tab--${this.variant}`]:!0,"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&&a("co-icon",{key:"0fd0c49bf5e1836ed1250f98efcd68a7752a0c34",name:this.iconLeft,size:o}),a("span",{key:"2b71c8f428d2c775675c6f96d7e2e2f9733081b5",class:"co-tab__label"},this.label),this.badge&&a("span",{key:"168c7695c9694026442662632e57f41f907ca727",class:"co-tab__badge",part:"badge"},this.badge),this.iconRight&&a("co-icon",{key:"1d290f34920e4d5d451f5f0d145796244fb94884",name:this.iconRight,size:o}))}};r.style=":host{display:inline-flex}.co-tab{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);border:none;outline:none;cursor:pointer;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;white-space:nowrap;border-radius:var(--co-border-radius-full);background:transparent;color:var(--co-color-gris-500, #888);transition:background 0.15s ease, color 0.15s ease, font-weight 0.15s ease;box-sizing:border-box}.co-tab--small{padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14);height:32px}.co-tab--large{padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16);height:40px}.co-tab--pill:hover:not(:disabled){background:var(--co-color-gris-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--selected{background:var(--co-color-gris-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}.co-tab--pill.co-tab--selected:hover:not(:disabled){background:var(--co-color-gris-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--disabled{opacity:0.4;cursor:not-allowed}.co-tab:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px}.co-tab--underline{height:var(--co-spacing-4xl, 40px);padding:0 var(--co-spacing-md, 12px);gap:var(--co-spacing-sm2, 8px);border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--co-color-gray-500, #888888);font-size:var(--co-font-size-14, 14px);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);transition:color 0.12s ease}.co-tab--underline.co-tab--selected{background:transparent;border-bottom-color:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}.co-tab__badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:var(--co-border-radius-full, 9999px);font-size:11px;font-weight:500;line-height:1;background:var(--co-color-gray-200, #e3e3e3);color:var(--co-color-gray-600, #585858)}.co-tab--selected .co-tab__badge{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff)}";export{r as co_tab}

package/dist/cobalt/p-19f7ee64.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as c}from"./p-Es9IUmmt.js";import{R as t}from"./p-BUgUTjOB.js";const a=class{constructor(c){e(this,c),this.coChange=r(this,"coChange",7),this.checked=!1,this.disabled=!1,this.required=!1,this.status="default",this.handleClick=()=>{this.disabled||(this.checked=!this.checked,this.coChange.emit(this.checked))}}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const e=this.label||this.secondaryLabel,r=!!this.helperText;return c("div",{key:"38cc6534a6d29b3453180409c4140b41e41c5970",class:{"co-switch-wrapper":!0,"co-switch-wrapper--disabled":this.disabled,[`co-switch-wrapper--${this.status}`]:"default"!==this.status}},c("div",{key:"5bec2bdbf3de9f5470840fac1c4abfad098e289a",class:"co-switch-wrapper__row",onClick:this.handleClick},c("button",{key:"d0039ee4818969f46c7014dbc1b29cb6fa3a021c",role:"switch","aria-checked":String(this.checked),"aria-label":this.label||"",class:{"co-switch":!0,"co-switch--on":this.checked,"co-switch--off":!this.checked,"co-switch--disabled":this.disabled},disabled:this.disabled,part:"track"},c("span",{key:"b7bfcd10fb3e0eaa4083f1f08ba01ed4e7d05b48",class:"co-switch__thumb",part:"thumb"})),e&&c("div",{key:"46497aa93ae79b1d8beb0dcdbacf9ebd07a93fa9",class:"co-switch-wrapper__labels"},this.label&&c("span",{key:"0f0364713a3d6f29f1f496d91ad0d89b957e92fe",class:"co-switch-wrapper__label",part:"label"},this.label,c(t,{key:"de427dfa828e8bb55d6b05ac6fa854fd6ce9d128",required:this.required})),this.secondaryLabel&&c("span",{key:"b00e86fd005b72fcea23db91dbe4f3d39cf8026c",class:"co-switch-wrapper__secondary-label",part:"secondary-label"},this.secondaryLabel))),r&&c("div",{key:"6ab547b5c56216132685647f026eae7a879b6338",class:`co-switch-wrapper__helper co-switch-wrapper__helper--${this.status}`},this.statusIcon&&c("co-icon",{key:"e5eedf552bff62777946b448da584512a0a8c9b5",name:this.statusIcon,size:14,weight:"fill",class:"co-switch-wrapper__helper-icon"}),c("span",{key:"c2d3242dbb21c85cdba0d7eb48b263fa6b555b73",class:"co-switch-wrapper__helper-text"},this.helperText)))}};a.style=":host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-switch-wrapper{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-switch-wrapper__row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-switch-wrapper--disabled .co-switch-wrapper__row{cursor:not-allowed}.co-switch-wrapper__labels{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-switch-wrapper__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-switch-wrapper__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;margin-left:auto}.co-switch-wrapper--disabled .co-switch-wrapper__label,.co-switch-wrapper--disabled .co-switch-wrapper__secondary-label{color:var(--co-semantic-text-disabled)}.co-switch-wrapper__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding-left:calc(44px + var(--co-spacing-sm2));}.co-switch-wrapper__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-switch-wrapper__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-switch-wrapper__helper--error .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--error .co-switch-wrapper__helper-text{color:var(--co-semantic-status-error)}.co-switch-wrapper__helper--success .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--success .co-switch-wrapper__helper-text{color:var(--co-semantic-status-success)}.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--warning .co-switch-wrapper__helper-text{color:var(--co-color-status-review)}.co-switch-wrapper__helper--info .co-switch-wrapper__helper-icon,.co-switch-wrapper__helper--info .co-switch-wrapper__helper-text{color:var(--co-semantic-status-info)}.co-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:var(--co-border-radius-full);border:none;outline:none;cursor:pointer;padding:0;overflow:hidden;transition:background 0.2s ease;box-sizing:border-box;flex-shrink:0}.co-switch--on{background:var(--co-semantic-surface-primary)}.co-switch--off{background:color-mix(in srgb, var(--co-semantic-surface-muted) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))}.co-switch__thumb{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-control-thumb);transition:left 0.2s ease;box-shadow:0 1px 3px var(--co-semantic-control-shadow)}.co-switch--off .co-switch__thumb{left:2px}.co-switch--on .co-switch__thumb{left:22px}.co-switch--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-switch--off{background:var(--co-semantic-surface-muted)}}";export{a as co_switch}

package/dist/cobalt/p-23c9208a.entry.js

@@ -1 +0,0 @@
-import{r as o,c as r,h as e,a}from"./p-Es9IUmmt.js";import{R as t}from"./p-BUgUTjOB.js";import{i as s}from"./p-DqyWGweA.js";import{r as i,h as l}from"./p-CQY6Ul7q.js";import"./p-ox7HzCZn.js";const c=class{constructor(e){o(this,e),this.coChange=r(this,"coChange",7),this.coOpen=r(this,"coOpen",3),this.coClose=r(this,"coClose",3),this.coClear=r(this,"coClear",7),this.coFooterPrimary=r(this,"coFooterPrimary",7),this.coFooterSecondary=r(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.scrollTop=0,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit([])},this.handleOptionClick=o=>{const r=[...this.selectedValues],e=r.indexOf(o);e>=0?r.splice(e,1):this.multiple?r.push(o):(r.length=0,r.push(o),this.isOpen=!1),this.value=JSON.stringify(r),this.coChange.emit(r)},this.handleRemoveOption=(o,r)=>{o.stopPropagation();const e=this.selectedValues.filter((o=>o!==r));this.value=JSON.stringify(e),this.coChange.emit(e)},this.handleSearchInput=o=>{this.searchQuery=o.target.value,this.scrollTop=0,this.optionsContainerEl&&(this.optionsContainerEl.scrollTop=0)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()},this.handleOptionsScroll=o=>{this.scrollTop=o.target.scrollTop}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?i(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}renderLabel(o){const r=this.searchQuery?l(o,this.searchQuery):null;return r?[r.pre,e("span",{class:"co-combobox__match"},r.match),r.post]:o}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const r=this.parsedOptions.find((r=>r.value===o[0]));return r?r.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((r=>r.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.scrollTop=0,this.coOpen.emit()):this.coClose.emit()}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o,r;null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(r=this.osInstance)||void 0===r||r.destroy(),this.osInstance=void 0}componentDidRender(){var o,r;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(r=this.resizeObserver)||void 0===r||r.observe(this.chipContainerEl)),this.calcOverflow(),this.isOpen&&this.optionsContainerEl&&!this.osInstance?this.osInstance=s(this.optionsContainerEl,(o=>{this.scrollTop=o.scrollTop})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,r=Array.from(o.querySelectorAll("co-chip"));if(0===r.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const e=o.getBoundingClientRect().right;let a=0;for(let o=r.length-1;o>=0&&r[o].getBoundingClientRect().right>e+1;o--)a++;a!==this.overflowCount&&(this.overflowCount=a)}getVirtualSlice(o){const{ITEM_HEIGHT:r,VIEWPORT_ITEMS:e,OVERSCAN:a}=c,t=o.length,s=t*r,i=Math.max(0,Math.floor(this.scrollTop/r)-a);return{totalHeight:s,startIdx:i,endIdx:Math.min(t,i+e+2*a),offsetY:i*r}}render(){const o=this.selectedValues,r=this.filteredOptions;return e("div",{key:"335a823bd69e0d57af567bd92befdc31b2449612",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,"co-combobox--filled":this.hasValue,[`co-combobox--${this.size}`]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&e("div",{key:"690ffddf411810f8fd5828914a157b2e888d2034",class:"co-combobox__labels"},this.label&&e("label",{key:"6a7b3f9cc3761e43b702d4086553bb0e3039360d",class:"co-combobox__label",part:"label"},this.label,e(t,{key:"acc1ca3c620d928bdadb17b42906f46fa9e09581",required:this.required})),this.secondaryLabel&&e("span",{key:"b5d6b6d6acbd12e866a836a5545dbc69c8f885f0",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),e("co-popover",{key:"e7d3d4fcbc8e5cb70da61c046ffbb7b3611e0c6a",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},e("div",{key:"cc07aefc63d82777d8caf01929a8d7c356bf5007",slot:"trigger",class:"co-combobox__trigger",part:"trigger",onClick:this.handleTriggerClick},this.iconLeft&&e("co-icon",{key:"06690ca640c14bfbbb5e34ea8a1e85efc7fa5640",name:this.iconLeft,size:16,class:"co-combobox__icon"}),e("div",{key:"8c93b09f144f23fabaead4286b4910ad2da676cc",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>e("co-chip",{size:"small","icon-mode":"both",label:o.label},e("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),e("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:r=>this.handleRemoveOption(r,o.value)})))):e("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&e("span",{key:"a01c9e41462e5d449b1dccfcd9e174dabc88f296",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&e("button",{key:"f832fdba50c709bf7b53f2d3271b68f8ad51f7fc",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},e("co-icon",{key:"fc4f790ad7842769d5a0e0a7655da17ef57fdd72",name:"x-circle",size:16,weight:"fill"})),e("co-icon",{key:"9280e1d22d8bfa69c1cc40abdd926ae91751db67",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),e("div",{key:"3724c9e0424fc971a2bd4f509e66a658d678d3ce",class:"co-combobox__dropdown",part:"dropdown"},this.searchable&&e("div",{key:"dc05b68524224a2132f328537e653bf1923e1974",class:"co-combobox__search",part:"search"},e("co-icon",{key:"550f7cd1af9076fd7ed6fea1621b0b698d7be40b",name:"magnifying-glass",size:16,class:"co-combobox__search-icon"}),e("input",{key:"5a7c2544d673ccb3c82b8b4ba02351664fb017f6",class:"co-combobox__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchQuery,onInput:this.handleSearchInput,part:"search-input"})),e("div",{key:"621fd43f35764335737d9d572fa6f5f5e6673959",class:"co-combobox__options",part:"options",ref:o=>this.optionsContainerEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:a,startIdx:t,endIdx:s,offsetY:i}=this.getVirtualSlice(r);return e("div",{class:"co-combobox__virtual-spacer",style:{height:`${a}px`,position:"relative"}},e("div",{style:{position:"absolute",top:`${i}px`,left:"0",right:"0"}},r.slice(t,s).map((r=>{const a=o.includes(r.value);return e("div",{class:{"co-combobox__option":!0,"co-combobox__option--selected":a},onClick:()=>this.handleOptionClick(r.value),part:"option"},e("div",{class:"co-combobox__option-content"},r.icon&&e("div",{class:"co-combobox__option-icon-wrapper"},e("co-icon",{name:r.icon,size:20,class:"co-combobox__option-icon"})),e("span",{class:"co-combobox__option-label"},this.renderLabel(r.label))),a&&this.multiple&&e("button",{class:"co-combobox__option-remove",type:"button",tabIndex:-1,onClick:o=>this.handleRemoveOption(o,r.value),"aria-label":`Remove ${r.label}`},e("co-icon",{name:"x-circle",size:16,weight:"fill"})),a&&!this.multiple&&e("co-icon",{name:"check",size:16,class:"co-combobox__option-check"}))}))))})()),this.showFooter&&e("co-list-footer",{key:"6ae233e2944648a21c09c3ef252cb89b05be86e3",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary}))),this.helperText&&e("div",{key:"6896e1e0ae6f7a29f9b3916759f57adc65c4ba4b",class:`co-combobox__helper co-combobox__helper--${this.status}`,part:"helper"},this.statusIcon&&e("co-icon",{key:"a4e65d03cf076985fd72c835143718fb5e3b39ba",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),e("span",{key:"83ed79b8f7cd06824619e5a337d3dd373c098f37",class:"co-combobox__helper-text"},this.helperText)))}get el(){return a(this)}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}};c.ITEM_HEIGHT=34,c.VIEWPORT_ITEMS=8,c.OVERSCAN=3,c.style='.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--s .co-combobox__input-wrapper,.co-combobox--sm .co-combobox__input-wrapper{min-height:0;padding:0}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:24px;padding:var(--co-spacing-xxs) 0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-info, #2563eb);color:#fff;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);overflow:hidden;height:32px;box-sizing:border-box}.co-combobox__search-icon{flex-shrink:0;color:var(--co-semantic-text-muted);opacity:0.7;display:flex;align-items:center}.co-combobox__search-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-12, 12px);font-weight:500;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-combobox__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-combobox__options{max-height:280px;overflow-y:auto;overflow-x:hidden}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-combobox__virtual-spacer{width:100%}.co-combobox__option{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);cursor:pointer;height:32px;margin-bottom:2px;box-sizing:border-box;transition:background 0.1s ease}.co-combobox__option:hover{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-combobox__option-content{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-combobox__option-icon-wrapper{width:24px;height:24px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-combobox__option-icon{color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox__match{font-weight:700;color:var(--co-semantic-text-default)}.co-combobox__option-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__option-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;overflow:hidden;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__option-remove:hover{color:var(--co-semantic-text-default)}.co-combobox__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout=\'horizontal\']) .co-combobox{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout=\'horizontal\']) .co-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-combobox__label{white-space:normal}:host([layout=\'horizontal\']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, \' (required)\')}@supports not (background: color-mix(in srgb, red, transparent)){.co-combobox__trigger{background:var(--co-semantic-surface-secondary)}}';export{c as co_combobox}

package/dist/cobalt/p-311118cb.entry.js

@@ -1 +0,0 @@
-import{r as o,c as e,h as r,a}from"./p-Es9IUmmt.js";import{R as t}from"./p-BUgUTjOB.js";import{i as s}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const i=class{constructor(r){o(this,r),this.coSearch=e(this,"coSearch",7),this.coChange=e(this,"coChange",7),this.coClear=e(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.debounce=300,this.emptyText="No results",this.isOpen=!1,this.query="",this.scrollTop=0,this.focused=!1,this.handleInput=o=>{const e=o.target.value;this.query=e,this.debounceTimer&&clearTimeout(this.debounceTimer),e.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(e)),this.debounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=o=>{var e;o.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit(this.multiple?[]:""),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleOptionClick=o=>{if(this.multiple){const e=[...this.selectedValues],r=e.indexOf(o);r>=0?e.splice(r,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}else{this.value=o;const e=this.parsedOptions.find((e=>e.value===o));this.query=e?e.label:o,this.isOpen=!1,this.coChange.emit(o)}},this.handleChipRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit(e)},this.handleOptionsScroll=o=>{this.scrollTop=o.target.scrollTop}}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const o=this.parsedOptions.find((o=>o.value===this.value));this.query=o?o.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(o){this.el.contains(o.target)||(this.isOpen=!1,this.focused=!1)}getVirtualSlice(o){const{ITEM_HEIGHT:e,VIEWPORT_ITEMS:r,OVERSCAN:a}=i,t=o.length,s=t*e,l=Math.max(0,Math.floor(this.scrollTop/e)-a);return{totalHeight:s,startIdx:l,endIdx:Math.min(t,l+r+2*a),offsetY:l*e}}componentDidRender(){this.isOpen&&this.optionsEl&&!this.osInstance?this.osInstance=s(this.optionsEl,(o=>{this.scrollTop=o.scrollTop})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}disconnectedCallback(){var o;null===(o=this.osInstance)||void 0===o||o.destroy(),this.osInstance=void 0}render(){const o=this.parsedOptions,e=this.selectedValues;return r("div",{key:"dfab9ff6344118bbaa21bc911671f701ca321d14",class:{"co-autocomplete":!0,"co-autocomplete--open":this.isOpen,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,[`co-autocomplete--${this.size}`]:!0,[`co-autocomplete--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel)&&r("div",{key:"2870599c3af0b8a7ee0ced25f54f3dff7118506e",class:"co-autocomplete__labels"},this.label&&r("label",{key:"2bd76cb15d591d71430ff0ac592b8c2910fdb4ce",class:"co-autocomplete__label"},this.label,r(t,{key:"766aac3940792e1b04b48e44c76d02f754ded4c3",required:this.required})),this.secondaryLabel&&r("span",{key:"7f0baeed0eaf6b877e4ee7177e27d8553b6ed82a",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),r("div",{key:"faff4ef114f15478992548784a11127f2d14ba27",class:"co-autocomplete__field"},this.iconLeft&&r("co-icon",{key:"8638177d1a8a17e68849c2ffffc386ad76b6365d",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&e.length>0&&r("div",{key:"59ba38d7a3b44d1502e6668920850098b140e2a3",class:"co-autocomplete__chips"},e.map((o=>{const e=this.parsedOptions.find((e=>e.value===o));return r("co-chip",{label:e?e.label:o,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(o)})}))),r("input",{key:"0196cedcbccae1f159b3b3cf4575964a37398d6a",ref:o=>this.inputEl=o,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus}),this.loading&&r("div",{key:"b9ab823198d9268c6fb97f60ddb91f508006d27c",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&r("button",{key:"e13078152b14056cd0640f90c26e68e1b2faa65a",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},r("co-icon",{key:"8db7105cb2865347cb0340b5c1f2a5b5f9da13d3",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&r("div",{key:"101741284b39462d6f080c35dbec305e911674a9",class:"co-autocomplete__dropdown"},this.loading&&0===o.length?r("div",{class:"co-autocomplete__loading"},r("co-loader",{size:"sm"})):0===o.length?r("div",{class:"co-autocomplete__empty"},this.emptyText):r("div",{class:"co-autocomplete__options",ref:o=>this.optionsEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:a,startIdx:t,endIdx:s,offsetY:i}=this.getVirtualSlice(o);return r("div",{class:"co-autocomplete__virtual-spacer",style:{height:`${a}px`,position:"relative"}},r("div",{style:{position:"absolute",top:`${i}px`,left:"0",right:"0"}},o.slice(t,s).map((o=>{const a=e.includes(o.value),t=!!o.disabled;return r("div",{class:{"co-autocomplete__option":!0,"co-autocomplete__option--selected":a,"co-autocomplete__option--disabled":t},onClick:()=>!t&&this.handleOptionClick(o.value)},o.icon&&r("co-icon",{name:o.icon,size:20,class:"co-autocomplete__option-icon"}),r("span",{class:"co-autocomplete__option-label"},o.label),a&&r("co-icon",{name:"check",size:16,class:"co-autocomplete__option-check"}))}))))})())),this.helperText&&r("div",{key:"10718ee7ba24570057e2f130ef950b304c510c02",class:`co-autocomplete__helper co-autocomplete__helper--${this.status}`},this.statusIcon&&r("co-icon",{key:"e8d88e8278f9ea3b28f6b5767991e484d6fc7eb6",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),r("span",{key:"0a9a6ef20def10b8efe92c55d3e66f1acd34525f",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return a(this)}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}};i.ITEM_HEIGHT=34,i.VIEWPORT_ITEMS=8,i.OVERSCAN=3,i.style='.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-autocomplete__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__options{max-height:calc(34px * 8);overflow-y:auto}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-autocomplete__option{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background 0.1s ease;min-height:32px;box-sizing:border-box}.co-autocomplete__option:hover{background:var(--co-semantic-surface-hover)}.co-autocomplete__option--selected{background:var(--co-semantic-surface-muted)}.co-autocomplete__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-autocomplete__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-autocomplete__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-autocomplete__loading,.co-autocomplete__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-md);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-status-error)}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-status-success)}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-color-status-review)}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-status-info)}:host([layout=\'horizontal\']) .co-autocomplete{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout=\'horizontal\']) .co-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-autocomplete__label{white-space:normal}:host([layout=\'horizontal\']) .co-autocomplete>:not(.co-autocomplete__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, \' (required)\')}@supports not (background: color-mix(in srgb, red, transparent)){.co-autocomplete__field{background:var(--co-semantic-surface-secondary)}}';export{i as co_autocomplete}

package/dist/cobalt/p-48c5f311.entry.js

@@ -1 +0,0 @@
-import{r as o,c as a,h as t}from"./p-Es9IUmmt.js";const e=class{constructor(t){o(this,t),this.coClick=a(this,"coClick",7),this.icon="plus",this.variant="primary",this.size="m",this.disabled=!1,this.position="none",this.handleClick=()=>{this.disabled||this.coClick.emit()}}render(){const o="l"===this.size?24:"s"===this.size?18:20,a=!!this.label;return t("button",{key:"a3dd864b2e80488b07b9fc4214281a34045c3968",class:{"co-fab":!0,[`co-fab--${this.variant}`]:!0,[`co-fab--${this.size}`]:!0,"co-fab--extended":a,"co-fab--disabled":this.disabled,[`co-fab--${this.position}`]:"none"!==this.position},type:"button",disabled:this.disabled,onClick:this.handleClick,"aria-label":this.label||this.icon},t("co-icon",{key:"3d2e12a325d1ca7b006579f34e9c0c2d6f792a40",name:this.icon,size:o}),this.label&&t("span",{key:"f209c549b6960bc4737763f8a47efb2771bb8aff",class:"co-fab__label"},this.label))}};e.style=":host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--l{width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:24px;right:24px;z-index:1000}.co-fab--bottom-left{position:fixed;bottom:24px;left:24px;z-index:1000}.co-fab--top-right{position:fixed;top:24px;right:24px;z-index:1000}.co-fab--top-left{position:fixed;top:24px;left:24px;z-index:1000}.co-fab__label{line-height:1}";export{e as co_fab}