@prolibu-suite/cobalt-core 0.11.7 → 0.11.9

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

@@ -1,190 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { normalizeText } from "../../utils/normalizeText";
-/** Default icon mapping for common Prolibu model keys → Phosphor icon names */
-const DEFAULT_ICON_MAP = {
-    // Directory
-    Home: 'house',
-    Contacts: 'address-book',
-    Companies: 'buildings',
-    // Sales
-    Presentations: 'presentation-chart',
-    Deals: 'handshake',
-    Invoices: 'receipt',
-    Payments: 'credit-card',
-    // Communications
-    Conversations: 'chat-circle',
-    Channels: 'broadcast',
-    ChannelProviders: 'plugs-connected',
-    ConversationFlows: 'flow-arrow',
-    PhoneNumbers: 'phone',
-    // Operations
-    Tasks: 'check-square',
-    TaskGroups: 'squares-four',
-    WorkOrders: 'clipboard-text',
-    // Support
-    Tickets: 'ticket',
-    CaseTypes: 'tag',
-    EmailHubs: 'at',
-    RoutingRules: 'path',
-    // Tools
-    Contracts: 'file-text',
-    Notes: 'note',
-    Meetings: 'video-camera',
-    Calls: 'phone-call',
-    CloudDrive: 'cloud',
-    // Libraries
-    Quotes: 'quotes',
-    ContentTemplates: 'article',
-    MessageTemplates: 'chat-text',
-    Skills: 'brain',
-    AiAgentProfiles: 'robot',
-    // Analytics
-    Insights: 'chart-line',
-    Dashboards: 'gauge',
-    Reports: 'chart-bar',
-    // Mailing
-    Emails: 'envelope',
-    ContactLists: 'users-three',
-    EmailCampaigns: 'megaphone',
-    // TourStudio
-    VirtualTours: 'cube',
-    Scenes: 'image',
-    Spots: 'map-pin',
-    FloorPlans: 'blueprint',
-    // Configuration
-    Users: 'user',
-    UserTeams: 'users',
-    UserGroups: 'user-circle-gear',
-    Roles: 'shield',
-    Workspaces: 'stack',
-    AuthenticationRules: 'lock-key',
-    OauthApps: 'key',
-    ServiceCredentials: 'certificate',
-    // Scheduling
-    Calendars: 'calendar',
-    CalendarPolicies: 'calendar-check',
-    CalendarGroups: 'calendar-dots',
-    CalendarEvents: 'calendar-plus',
-    // Wizards
-    ProposalWizards: 'magic-wand',
-    WizardGroups: 'folders',
-    // Advertising
-    AdHubs: 'storefront',
-    AdCampaigns: 'flag-banner',
-    // Pricing
-    Pricebooks: 'book-open',
-    PricebookEntries: 'list-numbers',
-    Products: 'package',
-    Taxes: 'percent',
-    ProductGroups: 'stack',
-    ProductFamilies: 'tree-structure',
-    ProductCategories: 'tag',
-    ProductRules: 'gear-six',
-    DiscountSchedules: 'piggy-bank',
-    // Notifications
-    LiveStreams: 'broadcast',
-    EventSubscriptions: 'bell-ringing',
-    // System
-    Stages: 'steps',
-    ContactFlows: 'flow-arrow',
-    Categories: 'folder-simple',
-    CustomFilters: 'funnel',
-    Logs: 'list-bullets',
-    // Iot
-    Devices: 'cpu',
-    // Development
-    Scripts: 'code',
-    Webhooks: 'webhooks-logo',
-    Endpoints: 'plug',
-    Sites: 'globe',
-    HealthChecks: 'heartbeat',
-    Plugins: 'puzzle-piece',
-    Cobs: 'cube',
-    CustomFields: 'textbox',
-    CustomUis: 'layout',
-    Documentation: 'book-open-text',
-    // Docs
-    Sections: 'article',
-    Articles: 'newspaper',
-    // Category-level icons
-    Directory: 'address-book',
-    Sales: 'currency-dollar',
-    Communications: 'chat-teardrop-text',
-    Operations: 'gear',
-    Support: 'lifebuoy',
-    Tools: 'wrench',
-    Configuration: 'sliders',
-    Analytics: 'chart-pie',
-    Mailing: 'envelope-simple',
-    Billing: 'money',
-    Libraries: 'books',
-    Scheduling: 'timer',
-    Pricing: 'tag',
-    Development: 'terminal',
-    AccessControl: 'shield-check',
-    Notifications: 'bell',
-    System: 'database',
-    Iot: 'wifi-high',
-    Advertising: 'megaphone',
-    Wizards: 'magic-wand',
-    TourStudio: 'cube',
-    Docs: 'file-text',
-    Setup: 'gear-six',
-    // Human Resources — Learning
-    Learning: 'graduation-cap',
-    Programs: 'path',
-    Courses: 'chalkboard-teacher',
-    Enrollments: 'student',
-    Certificates: 'certificate',
-    Assessments: 'exam',
-    // Human Resources — Recruitment
-    Recruitment: 'user-plus',
-    Vacancies: 'briefcase',
-    Candidates: 'user-list',
-    JobApplications: 'read-cv-logo',
-    Interviews: 'chats-circle',
-    // Human Resources — Asset Management
-    AssetManagement: 'package',
-    Assets: 'devices',
-    AssetAssignments: 'user-switch',
-    // Achievements / Recognition
-    Recognition: 'hands-clapping',
-    Achievements: 'trophy',
-    Rewards: 'gift',
-    Badges: 'medal',
-    BadgeNominations: 'star',
-    Prizes: 'trophy',
-    RewardsBudgets: 'wallet',
-    RedeemedPrizes: 'crown',
-    // Sales / Billing extras
-    PaymentReceipts: 'hand-coins',
-    Coupons: 'seal-percent',
-    // Events
-    EventManager: 'calendar-star',
-    EventProspects: 'users-four',
-    BusinessEvents: 'briefcase',
-    EventExpense: 'coins',
-    // Content
-    Content: 'folder-open',
-    Portals: 'app-window',
-    // Communication Center
-    CommunicationCenter: 'headset',
-    // Integrations
-    Integrations: 'plugs-connected',
-    Mcp: 'plug',
-    LifecycleHooks: 'arrows-clockwise',
-    PaymentProviders: 'credit-card',
-    Stripe: 'credit-card',
-    ThirdParty: 'plugs-connected',
-    Sendgrid: 'paper-plane-tilt',
-    Apollo: 'rocket-launch',
-    Kaspr: 'identification-card',
-    OpenAi: 'robot',
-    Ultramsg: 'whatsapp-logo',
-    Slack: 'slack-logo',
-    Telegram: 'telegram-logo',
-    Discord: 'discord-logo',
-};
+import { SIDEBAR_ICON_MAP } from "./sidebar-icon-map";
 /** Ícono de un ítem en modo `min` (sin label): 18 (20 se veía pesado; 16 = el de full, se perdía). */
 const MIN_ICON_SIZE = 18;
 /**
@@ -257,10 +73,10 @@ export class CoSidebarNav {
     }
     parseIconMap() {
         try {
-            this.parsedIconMap = Object.assign(Object.assign({}, DEFAULT_ICON_MAP), JSON.parse(this.iconMap));
+            this.parsedIconMap = Object.assign(Object.assign({}, SIDEBAR_ICON_MAP), JSON.parse(this.iconMap));
         }
         catch (_a) {
-            this.parsedIconMap = Object.assign({}, DEFAULT_ICON_MAP);
+            this.parsedIconMap = Object.assign({}, SIDEBAR_ICON_MAP);
         }
     }
     parseTranslations() {
@@ -514,10 +330,10 @@ export class CoSidebarNav {
         // `flyout-open` (min mode only) lets the CSS drop the host edge-fade mask
         // while a flyout is shown — a host mask would otherwise clip AND
         // mis-position the fixed flyout (mask makes the host a containing block).
-        h(Host, { key: '7e9637d98b9a2a698f6b82050b0f9cdadda66798', class: { 'flyout-open': !!this.flyoutKey } }, h("nav", { key: 'c3ad14a4e294be4c2b803c93a4ddbf42daae5dd0', class: {
+        h(Host, { key: 'a7c5661ad2613a6f2c45c37e6def2e4c8d7e9801', class: { 'flyout-open': !!this.flyoutKey } }, h("nav", { key: '597d59612958ab2014a7db0ad561abd1db15524f', class: {
                 'co-sidebar-nav': true,
                 'co-sidebar-nav--min': this.mode === 'min',
-            } }, this.renderSearch(), h("div", { key: '2b2f5c39b6a529e1993695f4cda5ba5c5965c17e', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item))))));
+            } }, this.renderSearch(), h("div", { key: '55a5bb260444a26e3e2228fb08c30c15746994a9', class: "co-sidebar-nav__items" }, items.map(item => this.renderItem(item))))));
     }
     static get is() { return "co-sidebar-nav"; }
     static get encapsulation() { return "shadow"; }
@@ -720,7 +536,7 @@ export class CoSidebarNav {
                     "references": {
                         "NavigateDetail": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-sidebar-icons/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
                             "id": "src/components/co-sidebar-nav/co-sidebar-nav.tsx::NavigateDetail"
                         }
                     }

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

@@ -0,0 +1,205 @@
+/**
+ * Clave del menú de Prolibu → ícono Phosphor (lo usa `co-sidebar-nav`; el prop `icon-map`
+ * lo extiende). Una clave sin entrada cae a `circle`: `sidebar-icon-map.test.ts` cruza este
+ * mapa con las claves que manda el backend y verifica que cada ícono exista en Phosphor.
+ */
+export const SIDEBAR_ICON_MAP = {
+    // Directory
+    Home: 'house',
+    Contacts: 'address-book',
+    Companies: 'buildings',
+    Leads: 'user-focus',
+    // Sales
+    Presentations: 'presentation-chart',
+    Deals: 'handshake',
+    TestDrive: 'steering-wheel',
+    Invoices: 'receipt',
+    Payments: 'credit-card',
+    // Communications
+    Conversations: 'chat-circle',
+    Channels: 'broadcast',
+    ChannelProviders: 'plugs-connected',
+    ConversationFlows: 'flow-arrow',
+    PhoneNumbers: 'phone',
+    // Operations
+    Tasks: 'check-square',
+    TaskGroups: 'squares-four',
+    WorkOrders: 'clipboard-text',
+    // Support
+    Tickets: 'ticket',
+    CaseTypes: 'tag',
+    EmailHubs: 'at',
+    RoutingRules: 'path',
+    // Tools
+    Contracts: 'file-text',
+    Notes: 'note',
+    Meetings: 'video-camera',
+    Calls: 'phone-call',
+    CloudDrive: 'cloud',
+    Forms: 'note-pencil',
+    // Libraries
+    Quotes: 'quotes',
+    ContentTemplates: 'article',
+    MessageTemplates: 'chat-text',
+    Skills: 'brain',
+    AiAgentProfiles: 'robot',
+    // Analytics
+    Insights: 'chart-line',
+    Dashboards: 'gauge',
+    Reports: 'chart-bar',
+    // Mailing
+    Emails: 'envelope',
+    ContactLists: 'users-three',
+    EmailCampaigns: 'megaphone',
+    // TourStudio
+    VirtualTours: 'cube',
+    Scenes: 'image',
+    Spots: 'map-pin',
+    FloorPlans: 'blueprint',
+    // Configuration
+    Users: 'user',
+    UserTeams: 'users',
+    Teams: 'users',
+    UserGroups: 'user-circle-gear',
+    Roles: 'shield',
+    Workspaces: 'stack',
+    AuthenticationRules: 'lock-key',
+    OauthApps: 'key',
+    ServiceCredentials: 'certificate',
+    // Scheduling
+    Calendars: 'calendar',
+    CalendarPolicies: 'calendar-check',
+    CalendarGroups: 'calendar-dots',
+    CalendarEvents: 'calendar-plus',
+    // Wizards
+    ProposalWizards: 'magic-wand',
+    WizardGroups: 'folders',
+    ProposalWizardGroup: 'folders',
+    // Advertising
+    AdHubs: 'storefront',
+    AdCampaigns: 'flag-banner',
+    // Pricing
+    Pricebooks: 'book-open',
+    PricebookEntries: 'list-numbers',
+    Products: 'package',
+    Taxes: 'percent',
+    ProductGroups: 'stack',
+    ProductFamilies: 'tree-structure',
+    ProductCategories: 'tag',
+    ProductRules: 'gear-six',
+    DiscountSchedules: 'piggy-bank',
+    // Notifications
+    LiveStreams: 'broadcast',
+    EventSubscriptions: 'bell-ringing',
+    // System
+    Stages: 'steps',
+    ContactFlows: 'flow-arrow',
+    Categories: 'folder-simple',
+    CustomFilters: 'funnel',
+    Logs: 'list-bullets',
+    ContactProtocols: 'list-checks',
+    Scorings: 'chart-line-up',
+    // Iot
+    Devices: 'cpu',
+    // Development
+    Scripts: 'code',
+    Webhooks: 'webhooks-logo',
+    Endpoints: 'plug',
+    Sites: 'globe',
+    HealthChecks: 'heartbeat',
+    Plugins: 'puzzle-piece',
+    Cobs: 'cube',
+    CustomFields: 'textbox',
+    CustomUis: 'layout',
+    Documentation: 'book-open-text',
+    // Docs
+    Sections: 'article',
+    Articles: 'newspaper',
+    // Category-level icons
+    Directory: 'address-book',
+    Sales: 'currency-dollar',
+    Communications: 'chat-teardrop-text',
+    Operations: 'gear',
+    Support: 'lifebuoy',
+    Tools: 'wrench',
+    Configuration: 'sliders',
+    Analytics: 'chart-pie',
+    Mailing: 'envelope-simple',
+    Billing: 'money',
+    Libraries: 'books',
+    Scheduling: 'timer',
+    Pricing: 'tag',
+    Development: 'terminal',
+    AccessControl: 'shield-check',
+    Notifications: 'bell',
+    System: 'database',
+    Iot: 'wifi-high',
+    Advertising: 'megaphone',
+    Wizards: 'magic-wand',
+    TourStudio: 'cube',
+    Docs: 'file-text',
+    Setup: 'gear-six',
+    SalesAndMarketing: 'trend-up',
+    CustomerService: 'lifebuoy',
+    HumanResources: 'identification-badge',
+    TicketsSetup: 'ticket',
+    CommunicationCenterSetup: 'headset',
+    // Inventory
+    Inventory: 'warehouse',
+    Branches: 'building-office',
+    ItemStock: 'barcode',
+    // Human Resources — Learning
+    Learning: 'graduation-cap',
+    Programs: 'path',
+    Courses: 'chalkboard-teacher',
+    Enrollments: 'student',
+    Certificates: 'certificate',
+    Assessments: 'exam',
+    // Human Resources — Recruitment
+    Recruitment: 'user-plus',
+    Vacancies: 'briefcase',
+    Candidates: 'user-list',
+    JobApplications: 'read-cv-logo',
+    Interviews: 'chats-circle',
+    // Human Resources — Asset Management
+    AssetManagement: 'package',
+    Assets: 'devices',
+    AssetAssignments: 'user-switch',
+    // Achievements / Recognition
+    Recognition: 'hands-clapping',
+    Achievements: 'trophy',
+    Rewards: 'gift',
+    Badges: 'medal',
+    BadgeNominations: 'star',
+    Prizes: 'trophy',
+    RewardsBudgets: 'wallet',
+    RedeemedPrizes: 'crown',
+    // Sales / Billing extras
+    PaymentReceipts: 'hand-coins',
+    Coupons: 'seal-percent',
+    // Events
+    EventManager: 'calendar-star',
+    EventProspects: 'users-four',
+    BusinessEvents: 'briefcase',
+    EventExpense: 'coins',
+    // Content
+    Content: 'folder-open',
+    Portals: 'app-window',
+    // Communication Center
+    CommunicationCenter: 'headset',
+    // Integrations
+    Integrations: 'plugs-connected',
+    Mcp: 'plug',
+    LifecycleHooks: 'arrows-clockwise',
+    PaymentProviders: 'credit-card',
+    Stripe: 'credit-card',
+    ThirdParty: 'plugs-connected',
+    Sendgrid: 'paper-plane-tilt',
+    Apollo: 'rocket-launch',
+    Kaspr: 'identification-card',
+    OpenAi: 'robot',
+    Ultramsg: 'whatsapp-logo',
+    Slack: 'slack-logo',
+    Telegram: 'telegram-logo',
+    Discord: 'discord-logo',
+};

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

@@ -189,7 +189,7 @@ export class CoToast {
                     "references": {
                         "CoToastActionsLayout": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-toast/co-toast.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-sidebar-icons/packages/core/src/components/co-toast/co-toast.tsx",
                             "id": "src/components/co-toast/co-toast.tsx::CoToastActionsLayout"
                         }
                     }
@@ -215,7 +215,7 @@ export class CoToast {
                     "references": {
                         "CoToastVariant": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-toast/co-toast.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-sidebar-icons/packages/core/src/components/co-toast/co-toast.tsx",
                             "id": "src/components/co-toast/co-toast.tsx::CoToastVariant"
                         }
                     }

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { computePosition, findScrollParents, getOffsetAncestor } from "../../utils/positioning";
+import { isPopoverOpen } from "../../utils/popoverApi";
 /**
  * Globo de ayuda que aparece al pasar el mouse o enfocar el control envuelto.
  * Es la forma de rotular un control de solo ícono (en lugar del `title`
@@ -144,7 +145,7 @@ export class CoTooltip {
             // top layer (Popover API), `position:fixed` resolves against the viewport
             // regardless of any transformed/filtered ancestor — so skip compensation
             // (it would double-shift). Only applies in the no-Popover-API fallback.
-            const promoted = this.panelEl.matches(':popover-open');
+            const promoted = isPopoverOpen(this.panelEl);
             if (!promoted) {
                 if (!this.offsetAncestorComputed) {
                     this.cachedOffsetAncestor = getOffsetAncestor(this.panelEl);
@@ -244,7 +245,7 @@ export class CoTooltip {
         if (!el || typeof el.showPopover !== 'function')
             return;
         try {
-            if (!el.matches(':popover-open'))
+            if (!isPopoverOpen(el))
                 el.showPopover();
         }
         catch (_a) {
@@ -279,7 +280,7 @@ export class CoTooltip {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (h("div", { key: '3764a4c115b507187115cbd30f0400deb374df09', class: "co-tooltip" }, h("div", { key: '50b0c6325f1254e156f07eebe07e1abc81d8955f', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: 'd38c1723c6429912c66174a8885fa7062d2294b6' })), (this.visible || this.closing) && this.content && (h("div", { key: 'ee7495acdb7bc60c922c6dd3e2719fac3d818034', id: "tooltip-panel", class: {
+        return (h("div", { key: '2254aedec8e6f6f5d2a5eb8421474d367bf88618', class: "co-tooltip" }, h("div", { key: '8e165c1e70c2147924f125b48c893a92ec23e6c7', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: 'c5cf8e75b1be170ed3cd7193677779e426b2eb90' })), (this.visible || this.closing) && this.content && (h("div", { key: '181da8ed7444cbeefecf4282e267737593c8be0b', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
                 'co-tooltip__panel--closing': this.closing,
@@ -292,7 +293,7 @@ export class CoTooltip {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: '97cfb106fdc759401fefafe9990aa9388bc8aed5', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: '81856efa759cfdc905ca23d7982c9469622bf89b', class: "co-tooltip__content" }, this.content), this.shortcut && h("co-kbd", { key: '2a1b2bf4728c9e085e0e198c93a4057dacf6381c', keys: this.shortcut, surface: "dark", size: "xs" })))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: '526fbe6d0317d185491a5e564739c5f2e793688a', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: '0a09d46f957d3231ee1584565acc815501ab1fbc', class: "co-tooltip__content" }, this.content), this.shortcut && h("co-kbd", { key: '15a382aa3e6d5547f8450389faa5360e2ee5ecac', keys: this.shortcut, surface: "dark", size: "xs" })))));
     }
     static get is() { return "co-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -214,7 +214,7 @@ export class CoTransferList {
                     "references": {
                         "TransferOption": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-sidebar-icons/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
                             "id": "src/components/co-transfer-list/co-transfer-list.tsx::TransferOption"
                         }
                     }

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

@@ -243,7 +243,7 @@ export class CoTreeItem {
                     "references": {
                         "TreeItemSelection": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-sidebar-icons/packages/core/src/components/co-tree-item/co-tree-item.tsx",
                             "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSelection"
                         }
                     }
@@ -269,7 +269,7 @@ export class CoTreeItem {
                     "references": {
                         "TreeItemSize": {
                             "location": "local",
-                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                            "path": "/Users/agox/worktrees/cobalt-sidebar-icons/packages/core/src/components/co-tree-item/co-tree-item.tsx",
                             "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSize"
                         }
                     }

package/dist/collection/utils/popoverApi.js

@@ -0,0 +1,23 @@
+/**
+ * Popover API (top layer) con caída segura para navegadores que no la traen
+ * (Chrome / Android WebView < 114: Android 12 sin actualizar viene con Chrome 99).
+ *
+ * ⛔ Nunca `el.matches(':popover-open')` pelado: en esos navegadores el pseudo-selector es
+ * DESCONOCIDO y `matches()` LANZA `SyntaxError` — en co-popover cortaba `updatePosition` antes de
+ * marcar el panel como posicionado y todo dropdown quedaba invisible (reporte 2026-10-01). Sin la
+ * API nada está promovido: el panel vive en su lugar con `position: fixed` + compensación del
+ * ancestro (la rama «fallback» que cada componente ya tiene).
+ */
+export function supportsPopover(el) {
+    return !!el && typeof el.showPopover === 'function';
+}
+export function isPopoverOpen(el) {
+    if (!supportsPopover(el))
+        return false;
+    try {
+        return el.matches(':popover-open');
+    }
+    catch (_a) {
+        return false;
+    }
+}

package/dist/components/co-autocomplete.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as i}from"./p-CWneqh4n.js";import{d as s}from"./p-CaFwCFgg.js";import{d as r}from"./p-BSt2t5Fy.js";import{d as l}from"./p-qMNHMnvI.js";import{d as n}from"./p-DldA2IL3.js";import{d as p}from"./p-BH184F0X.js";import{d as h}from"./p-_S5htX1i.js";import{d}from"./p-B5F93Ujt.js";const m=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(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.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),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=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{if(null==e.value)return this.value=this.multiple?"[]":"",this.query="",this.isOpen=!1,void this.coChange.emit({value:null,item:null});this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){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 e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return a("div",{key:"02fe5e70777f1a39038af676c76032ae1fbecbc8",class:{"co-autocomplete":!0,"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)&&a("div",{key:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&a("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,a(i,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&a("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("input",{key:"e2d9cfa48001c20aa9e8a4ef5800135172b2aff9",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&a("div",{key:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"3dec3da0d38adb8986b57960c74b697ffbc211dd",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&a("div",{key:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":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:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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-border-error, 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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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;}.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-text-error, 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-text-success, var(--co-semantic-status-success))}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-semantic-text-warning, 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-text-info, 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-semantic-text-error, 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)')}"}},[1,"co-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-kbd","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),m);break;case"co-avatar":customElements.get(e(t))||s();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-kbd":customElements.get(e(t))||n();break;case"co-loader":customElements.get(e(t))||p();break;case"co-option-list":customElements.get(e(t))||h();break;case"co-tooltip":customElements.get(e(t))||d()}}))}u();const f=m,b=u;export{f as CoAutocomplete,b as defineCustomElement}
+import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as i}from"./p-CWneqh4n.js";import{d as s}from"./p-BRIf9NGv.js";import{d as r}from"./p-BSt2t5Fy.js";import{d as l}from"./p-qMNHMnvI.js";import{d as n}from"./p-DldA2IL3.js";import{d as p}from"./p-BH184F0X.js";import{d as h}from"./p-BGNXvnDr.js";import{d}from"./p-DRL-a5hO.js";const m=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(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.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),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=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{if(null==e.value)return this.value=this.multiple?"[]":"",this.query="",this.isOpen=!1,void this.coChange.emit({value:null,item:null});this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){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 e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return a("div",{key:"02fe5e70777f1a39038af676c76032ae1fbecbc8",class:{"co-autocomplete":!0,"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)&&a("div",{key:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&a("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,a(i,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&a("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("input",{key:"e2d9cfa48001c20aa9e8a4ef5800135172b2aff9",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&a("div",{key:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"3dec3da0d38adb8986b57960c74b697ffbc211dd",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&a("div",{key:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":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:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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-border-error, 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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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;}.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-text-error, 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-text-success, var(--co-semantic-status-success))}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-semantic-text-warning, 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-text-info, 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-semantic-text-error, 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)')}"}},[1,"co-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-kbd","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),m);break;case"co-avatar":customElements.get(e(t))||s();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-kbd":customElements.get(e(t))||n();break;case"co-loader":customElements.get(e(t))||p();break;case"co-option-list":customElements.get(e(t))||h();break;case"co-tooltip":customElements.get(e(t))||d()}}))}u();const f=m,b=u;export{f as CoAutocomplete,b as defineCustomElement}

package/dist/components/co-avatar-group.js

@@ -1 +1 @@
-import{t as a,p as o,H as t,c as e,h as r}from"./index.js";import{d as i}from"./p-CaFwCFgg.js";import{d as s}from"./p-qMNHMnvI.js";import{d as c}from"./p-DldA2IL3.js";import{d as n}from"./p-B5F93Ujt.js";const l={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},v={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},p=o(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coClick=e(this,"coClick",3),this.items=[],this.max=4,this.size="xs",this.shape="circle",this.interactive=!1,this.activate=()=>{this.coClick.emit()}}accessibleLabel(a){return this.label?this.label:a.map((a=>a.name||a.text)).filter(Boolean).join(", ")}render(){var a,o;const t=Array.isArray(this.items)?this.items:[],e=this.max>0?this.max:t.length,i=t.slice(0,e),s=Math.max(0,t.length-e),c=null!==(a=l[this.size])&&void 0!==a?a:l.xs,n=null!==(o=v[this.size])&&void 0!==o?o:v.xs,p=t.slice(e).map((a=>a.name||a.text)).filter(Boolean).join(", "),u=this.interactive?"button":"div",d=this.interactive?{type:"button","aria-label":this.accessibleLabel(t),onClick:this.activate}:{role:"group"};return r(u,Object.assign({key:"7e14b71d5b7391c15fcba50aa43964fdf65282e3",class:{"co-avatar-group":!0,"co-avatar-group--interactive":this.interactive}},d),i.map(((a,o)=>{var t,e,i;return r("co-avatar",{key:o,class:"co-avatar-group__avatar",type:null!==(t=a.type)&&void 0!==t?t:a.src?"image":a.icon?"icon":"text",size:this.size,shape:null!==(e=a.shape)&&void 0!==e?e:this.shape,text:a.text,src:a.src,icon:null!==(i=a.icon)&&void 0!==i?i:"user",color:a.color,"ring-color":a.ringColor,name:a.name||a.text||""})})),s>0&&r("co-tooltip",{key:"f3cc2f5a9f1ceac07ea3b665e6bd0c87804d27ae",class:"co-avatar-group__slot",content:p,placement:"bottom"},r("div",{key:"c0b5fcb8df88917b06a2a9b36f1c2798f10730ff",class:"co-avatar-group__overflow",style:{width:c+"px",height:c+"px",fontSize:n},role:"img","aria-label":"+"+s},"+",s)))}static get style(){return":host{display:inline-flex}.co-avatar-group{display:inline-flex;align-items:center}.co-avatar-group--interactive{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;border-radius:var(--co-border-radius-full);outline:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-avatar-group--interactive:hover{opacity:0.88}.co-avatar-group--interactive:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus)}.co-avatar-group__slot{display:inline-flex;align-items:center;line-height:0}.co-avatar-group>*:not(:first-child){margin-left:calc(-1 * var(--co-avatar-group-overlap, var(--co-spacing-sm)))}.co-avatar-group__avatar::part(avatar),.co-avatar-group__overflow{box-shadow:0 0 0 var(--co-avatar-group-ring-width, 2px) var(--co-semantic-surface-page)}.co-avatar-group__avatar,.co-avatar-group__overflow{vertical-align:middle}.co-avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}"}},[1,"co-avatar-group",{items:[16],max:[2],size:[1],shape:[1],interactive:[4],label:[1]}]);function u(){"undefined"!=typeof customElements&&["co-avatar-group","co-avatar","co-icon","co-kbd","co-tooltip"].forEach((o=>{switch(o){case"co-avatar-group":customElements.get(a(o))||customElements.define(a(o),p);break;case"co-avatar":customElements.get(a(o))||i();break;case"co-icon":customElements.get(a(o))||s();break;case"co-kbd":customElements.get(a(o))||c();break;case"co-tooltip":customElements.get(a(o))||n()}}))}u();const d=p,f=u;export{d as CoAvatarGroup,f as defineCustomElement}
+import{t as a,p as o,H as t,c as e,h as r}from"./index.js";import{d as i}from"./p-BRIf9NGv.js";import{d as s}from"./p-qMNHMnvI.js";import{d as c}from"./p-DldA2IL3.js";import{d as n}from"./p-DRL-a5hO.js";const l={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},v={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},p=o(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coClick=e(this,"coClick",3),this.items=[],this.max=4,this.size="xs",this.shape="circle",this.interactive=!1,this.activate=()=>{this.coClick.emit()}}accessibleLabel(a){return this.label?this.label:a.map((a=>a.name||a.text)).filter(Boolean).join(", ")}render(){var a,o;const t=Array.isArray(this.items)?this.items:[],e=this.max>0?this.max:t.length,i=t.slice(0,e),s=Math.max(0,t.length-e),c=null!==(a=l[this.size])&&void 0!==a?a:l.xs,n=null!==(o=v[this.size])&&void 0!==o?o:v.xs,p=t.slice(e).map((a=>a.name||a.text)).filter(Boolean).join(", "),u=this.interactive?"button":"div",d=this.interactive?{type:"button","aria-label":this.accessibleLabel(t),onClick:this.activate}:{role:"group"};return r(u,Object.assign({key:"7e14b71d5b7391c15fcba50aa43964fdf65282e3",class:{"co-avatar-group":!0,"co-avatar-group--interactive":this.interactive}},d),i.map(((a,o)=>{var t,e,i;return r("co-avatar",{key:o,class:"co-avatar-group__avatar",type:null!==(t=a.type)&&void 0!==t?t:a.src?"image":a.icon?"icon":"text",size:this.size,shape:null!==(e=a.shape)&&void 0!==e?e:this.shape,text:a.text,src:a.src,icon:null!==(i=a.icon)&&void 0!==i?i:"user",color:a.color,"ring-color":a.ringColor,name:a.name||a.text||""})})),s>0&&r("co-tooltip",{key:"f3cc2f5a9f1ceac07ea3b665e6bd0c87804d27ae",class:"co-avatar-group__slot",content:p,placement:"bottom"},r("div",{key:"c0b5fcb8df88917b06a2a9b36f1c2798f10730ff",class:"co-avatar-group__overflow",style:{width:c+"px",height:c+"px",fontSize:n},role:"img","aria-label":"+"+s},"+",s)))}static get style(){return":host{display:inline-flex}.co-avatar-group{display:inline-flex;align-items:center}.co-avatar-group--interactive{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;border-radius:var(--co-border-radius-full);outline:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-avatar-group--interactive:hover{opacity:0.88}.co-avatar-group--interactive:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus)}.co-avatar-group__slot{display:inline-flex;align-items:center;line-height:0}.co-avatar-group>*:not(:first-child){margin-left:calc(-1 * var(--co-avatar-group-overlap, var(--co-spacing-sm)))}.co-avatar-group__avatar::part(avatar),.co-avatar-group__overflow{box-shadow:0 0 0 var(--co-avatar-group-ring-width, 2px) var(--co-semantic-surface-page)}.co-avatar-group__avatar,.co-avatar-group__overflow{vertical-align:middle}.co-avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}"}},[1,"co-avatar-group",{items:[16],max:[2],size:[1],shape:[1],interactive:[4],label:[1]}]);function u(){"undefined"!=typeof customElements&&["co-avatar-group","co-avatar","co-icon","co-kbd","co-tooltip"].forEach((o=>{switch(o){case"co-avatar-group":customElements.get(a(o))||customElements.define(a(o),p);break;case"co-avatar":customElements.get(a(o))||i();break;case"co-icon":customElements.get(a(o))||s();break;case"co-kbd":customElements.get(a(o))||c();break;case"co-tooltip":customElements.get(a(o))||n()}}))}u();const d=p,f=u;export{d as CoAvatarGroup,f as defineCustomElement}

package/dist/components/co-avatar.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-CaFwCFgg.js";const a=o,p=s;export{a as CoAvatar,p as defineCustomElement}
+import{C as o,d as s}from"./p-BRIf9NGv.js";const p=o,r=s;export{p as CoAvatar,r as defineCustomElement}