@prolibu-suite/cobalt-core 0.9.0 → 0.9.1

package/dist/types/components/co-select/co-select.d.ts

@@ -33,6 +33,10 @@ export declare class CoSelect {
     searchable: boolean;
     searchPlaceholder: string;
     emptyText: string;
+    /** Footer de confirmación al pie del panel (paridad co-combobox/co-ref-field). */
+    showFooter: boolean;
+    /** Label del botón primario del footer. */
+    footerPrimaryLabel: string;
     isOpen: boolean;
     scrollTop: number;
     searchText: string;
@@ -46,6 +50,8 @@ export declare class CoSelect {
     private static readonly OVERSCAN;
     coChange: EventEmitter<string | string[]>;
     coClear: EventEmitter<void>;
+    /** Click en el botón primario del footer (el panel se cierra solo). */
+    coFooterPrimary: EventEmitter<void>;
     private lastOptionsRaw;
     private lastParsedOptions;
     private lastRankInput?;
@@ -67,6 +73,7 @@ export declare class CoSelect {
     private handlePopoverOpen;
     private handlePopoverClose;
     private handleClear;
+    private handleFooterPrimary;
     private handleOptionClick;
     private syncOverlayScrollbars;
     componentDidRender(): void;

package/dist/types/components.d.ts

@@ -3217,7 +3217,7 @@ export namespace Components {
     }
     interface CoPopover {
         /**
-          * Close when clicking outside the component.
+          * Close when clicking outside the component.  ⚠️ In a stacked popover scenario, only the top-of-stack layer reacts to outside clicks (see `handleDocumentClickManual`). If the TOP layer sets this to `false` (a persistent popover), outside clicks are swallowed entirely — popovers below it in the stack lose their dismiss too.
           * @default true
          */
         "closeOnClickOutside": boolean;
@@ -3512,6 +3512,10 @@ export namespace Components {
           * @default 'auto'
          */
         "panelTheme": 'auto' | 'dark' | 'light';
+        /**
+          * Fixed panel width (CSS size, e.g. '264px'). By default the panel matches the trigger width (form-field convention); set this for compact triggers whose panel needs room of its own (e.g. the navbar workspace selector with its panel-footer switch). The panel stays anchored to the trigger's start edge.
+         */
+        "panelWidth"?: string;
         /**
           * @default 'Select…'
          */
@@ -3558,6 +3562,16 @@ export namespace Components {
           * @default 0
          */
         "total": number;
+        /**
+          * Phosphor icon rendered as a small status badge after the selected label in the trigger (e.g. 'funnel' = strict workspace filter active). Only shows while a value is selected. Empty = no badge. Tint the pill via --co-ref-field-trigger-badge-bg.
+          * @default ''
+         */
+        "triggerBadgeIcon": string;
+        /**
+          * Accessible name / tooltip for the trigger badge.
+          * @default ''
+         */
+        "triggerBadgeLabel": string;
         /**
           * Selected value: single ID string or JSON array of IDs.
           * @default ''
@@ -3807,6 +3821,11 @@ export namespace Components {
           * @default 'No results'
          */
         "emptyText": string;
+        /**
+          * Label del botón primario del footer.
+          * @default 'Ok'
+         */
+        "footerPrimaryLabel": string;
         "helperText"?: string;
         "iconLeft"?: string;
         "label"?: string;
@@ -3842,6 +3861,11 @@ export namespace Components {
          */
         "searchable": boolean;
         "secondaryLabel"?: string;
+        /**
+          * Footer de confirmación al pie del panel (paridad co-combobox/co-ref-field).
+          * @default false
+         */
+        "showFooter": boolean;
         /**
           * @default 'md'
          */
@@ -6384,6 +6408,7 @@ declare global {
     interface HTMLCoSelectElementEventMap {
         "coChange": string | string[];
         "coClear": void;
+        "coFooterPrimary": void;
     }
     interface HTMLCoSelectElement extends Components.CoSelect, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCoSelectElementEventMap>(type: K, listener: (this: HTMLCoSelectElement, ev: CoSelectCustomEvent<HTMLCoSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -10392,7 +10417,7 @@ declare namespace LocalJSX {
     }
     interface CoPopover {
         /**
-          * Close when clicking outside the component.
+          * Close when clicking outside the component.  ⚠️ In a stacked popover scenario, only the top-of-stack layer reacts to outside clicks (see `handleDocumentClickManual`). If the TOP layer sets this to `false` (a persistent popover), outside clicks are swallowed entirely — popovers below it in the stack lose their dismiss too.
           * @default true
          */
         "closeOnClickOutside"?: boolean;
@@ -10704,6 +10729,10 @@ declare namespace LocalJSX {
           * @default 'auto'
          */
         "panelTheme"?: 'auto' | 'dark' | 'light';
+        /**
+          * Fixed panel width (CSS size, e.g. '264px'). By default the panel matches the trigger width (form-field convention); set this for compact triggers whose panel needs room of its own (e.g. the navbar workspace selector with its panel-footer switch). The panel stays anchored to the trigger's start edge.
+         */
+        "panelWidth"?: string;
         /**
           * @default 'Select…'
          */
@@ -10750,6 +10779,16 @@ declare namespace LocalJSX {
           * @default 0
          */
         "total"?: number;
+        /**
+          * Phosphor icon rendered as a small status badge after the selected label in the trigger (e.g. 'funnel' = strict workspace filter active). Only shows while a value is selected. Empty = no badge. Tint the pill via --co-ref-field-trigger-badge-bg.
+          * @default ''
+         */
+        "triggerBadgeIcon"?: string;
+        /**
+          * Accessible name / tooltip for the trigger badge.
+          * @default ''
+         */
+        "triggerBadgeLabel"?: string;
         /**
           * Selected value: single ID string or JSON array of IDs.
           * @default ''
@@ -11031,6 +11070,11 @@ declare namespace LocalJSX {
           * @default 'No results'
          */
         "emptyText"?: string;
+        /**
+          * Label del botón primario del footer.
+          * @default 'Ok'
+         */
+        "footerPrimaryLabel"?: string;
         "helperText"?: string;
         "iconLeft"?: string;
         "label"?: string;
@@ -11045,6 +11089,10 @@ declare namespace LocalJSX {
         "multiple"?: boolean;
         "onCoChange"?: (event: CoSelectCustomEvent<string | string[]>) => void;
         "onCoClear"?: (event: CoSelectCustomEvent<void>) => void;
+        /**
+          * Click en el botón primario del footer (el panel se cierra solo).
+         */
+        "onCoFooterPrimary"?: (event: CoSelectCustomEvent<void>) => void;
         /**
           * @default '[]'
          */
@@ -11068,6 +11116,11 @@ declare namespace LocalJSX {
          */
         "searchable"?: boolean;
         "secondaryLabel"?: string;
+        /**
+          * Footer de confirmación al pie del panel (paridad co-combobox/co-ref-field).
+          * @default false
+         */
+        "showFooter"?: boolean;
         /**
           * @default 'md'
          */
@@ -12717,6 +12770,9 @@ declare namespace LocalJSX {
         "footerSecondaryLabel": string;
         "maxChips": number;
         "panelTheme": 'auto' | 'dark' | 'light';
+        "triggerBadgeIcon": string;
+        "triggerBadgeLabel": string;
+        "panelWidth": string;
         "avatarShape": 'circle' | 'square';
     }
     interface CoRichTextEditorAttributes {
@@ -12788,6 +12844,8 @@ declare namespace LocalJSX {
         "searchable": boolean;
         "searchPlaceholder": string;
         "emptyText": string;
+        "showFooter": boolean;
+        "footerPrimaryLabel": string;
     }
     interface CoSeparatorAttributes {
         "vertical": boolean;

package/dist/types/utils/columnResize.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Pure math for co-data-table's column-resize drag.
+ *
+ * Growing a column past the viewport needs the scroll container to CHASE the
+ * pointer: while it hovers an edge zone, each frame the drag adds
+ * `edgeAutoScrollSpeed()` px to the column width AND scrolls by the same
+ * amount, so the boundary keeps following the pointer instead of dying at the
+ * viewport edge (release → scrollbar → drag again).
+ */
+export interface EdgeAutoScrollInput {
+    /** Pointer clientX. */
+    pointerX: number;
+    /** Scroll container's viewport bounds (getBoundingClientRect). */
+    containerLeft: number;
+    containerRight: number;
+    /**
+     * Zone inside each edge that triggers auto-scroll. The 72px default clears a
+     * consumer sticky-right actions column (48px) + vertical scrollbar, so the
+     * growth continues BEFORE the pointer dives under it.
+     */
+    edgeZone?: number;
+    /** px per frame at (or past) the container edge. */
+    maxSpeed?: number;
+}
+/**
+ * Signed px/frame to scroll (and grow the column) for the current pointer
+ * position: positive inside the right zone, negative inside the left zone,
+ * 0 in the middle. Speed ramps linearly across the zone so entering it never
+ * jumps, and clamps at maxSpeed past the container edge (the pointer can
+ * leave the viewport mid-drag).
+ */
+export declare function edgeAutoScrollSpeed({ pointerX, containerLeft, containerRight, edgeZone, maxSpeed, }: EdgeAutoScrollInput): number;
+export interface ResizeWidthInput {
+    startWidth: number;
+    minWidth: number;
+    /** pointerX - dragStartX */
+    pointerDelta: number;
+    /** Accumulated auto-scroll growth (px). */
+    autoScrollExtra: number;
+}
+/** Column width for the current drag state, clamped to the column's minimum. */
+export declare function resizeWidth({ startWidth, minWidth, pointerDelta, autoScrollExtra }: ResizeWidthInput): number;

package/dist/types/utils/popover-stack.d.ts

@@ -0,0 +1,5 @@
+export declare function pushLayer(el: HTMLElement): void;
+export declare function removeLayer(el: HTMLElement): void;
+export declare function isTopLayer(el: HTMLElement): boolean;
+/** Solo para tests: vacía la pila entre casos. */
+export declare function _resetLayers(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prolibu-suite/cobalt-core",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Cobalt Design System — Framework-agnostic Web Components built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -51,9 +51,9 @@
     "dompurify": "^3.2.6",
     "overlayscrollbars": "^2.16.0",
     "@prolibu-suite/cobalt-calendar-utils": "0.1.0",
+    "@prolibu-suite/cobalt-rich-text": "0.1.2",
     "@prolibu-suite/cobalt-date-utils": "0.1.1",
-    "@prolibu-suite/cobalt-tokens": "0.4.0",
-    "@prolibu-suite/cobalt-rich-text": "0.1.2"
+    "@prolibu-suite/cobalt-tokens": "0.4.0"
   },
   "devDependencies": {
     "@stencil/core": "^4.43.4",

package/dist/cobalt/p-212ed2ba.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,a as o}from"./p-CrtiywTB.js";import{c as e,g as h,f as r}from"./p-BMdapAL8.js";const n=["top","bottom","left","right"].map((t=>`co-popover__panel--${t}`)),a=class{constructor(s){t(this,s),this.coOpen=i(this,"coOpen",3),this.coClose=i(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=t=>{this.open&&this.closeOnClickOutside&&(t.composedPath().includes(this.el)||(this.open=!1))},this.handleDocumentKeydownManual=t=>{this.open&&this.closeOnEscape&&"Escape"===t.key&&(t.stopPropagation(),this.open=!1)},this.updatePosition=()=>{if(!this.open||!this.triggerEl||!this.panelEl)return;const t=this.triggerEl.getBoundingClientRect(),i=DOMRect.fromRect({width:this.panelEl.offsetWidth,height:this.panelEl.offsetHeight}),{top:s,left:o,actualPlacement:r}=e(t,i,{placement:this.placement,offset:this.offset,flip:this.flip});let a=s,c=o;if(!this.panelEl.matches(":popover-open")&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=h(this.panelEl),this.offsetAncestorComputed=!0),this.cachedOffsetAncestor)){const t=this.cachedOffsetAncestor.getBoundingClientRect();a-=t.top,c-=t.left}const p={top:`${a}px`,left:`${c}px`};if(this.matchWidth&&(p.width=`${t.width}px`),this.panelEl){Object.assign(this.panelEl.style,p);const t=`co-popover__panel--${r.split("-")[0]}`;this.panelEl.classList.contains(t)||(this.panelEl.classList.remove(...n),this.panelEl.classList.add(t)),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}}componentDidLoad(){this.open&&this.onOpenChange(!0)}disconnectedCallback(){this.unbindDocListeners(),this.cleanupListeners()}onOpenChange(t){t?(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 t=this.panelEl;if(t&&"function"==typeof t.showPopover)try{t.matches(":popover-open")||t.showPopover()}catch(t){}}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=[];const t=r(this.el);t&&(t.addEventListener("scroll",this.scheduleUpdate,{passive:!0}),this.scrollParents.push(t))}cleanupListeners(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const t of this.scrollParents)t.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){return s("div",{key:"52d7ebec42ee6e0306bbc31f177454810299fd97",class:"co-popover"},s("div",{key:"7b3b35302f130c9aef3d352b896ded7aa85590a4",class:"co-popover__trigger",ref:t=>this.triggerEl=t,onClick:this.handleTriggerClick},s("slot",{key:"b601a5bfa04b45a5d4d7fe8001b4537a855ef168",name:"trigger"})),this.open&&s("div",{key:"7281452d76e80934192c5d0c945e8b00672dab0c",class:"co-popover__panel",popover:"manual",ref:t=>{t&&t!==this.panelEl&&(this.panelEl=t,this.promotePanel(),this.scheduleUpdate())}},s("slot",{key:"d0903b97d26f0f16be36054f15dd64d6ae9a3d77"})))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};a.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;opacity:0;transform:scale(0.98);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;opacity:1;transform:scale(1);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out),     transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-popover__panel--bottom{transform-origin:top center}.co-popover__panel--top{transform-origin:bottom center}.co-popover__panel--right{transform-origin:center left}.co-popover__panel--left{transform-origin:center right}";export{a as co_popover}

package/dist/cobalt/p-2aeb1471.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-CrtiywTB.js";const c=class{constructor(a){e(this,a)}render(){return a("div",{key:"0d1ce2960b81a9a7ace9a47e4dfe4211f9aa5751",class:"co-page-header",part:"page-header"},a("div",{key:"cd0989d7a005a8549cebb5a443afa95c38edb551",class:"co-page-header__left"},this.icon&&a("span",{key:"b5bbc595c87abea99bb3aea5141b796241ae9232",class:"co-page-header__icon"},a("co-icon",{key:"514c8687d716cf7b70a2166d5f618fa97d715051",name:this.icon,size:24})),a("span",{key:"b8c3f604c0122e961bd964c6816112cbc9467c0b",class:"co-page-header__title"},a("slot",{key:"460a789271c89a4f9defdeb7640fe97434a1e6e8"},this.heading))),a("div",{key:"84b84a5e9df01d796e5d0bd2c4736da6e47b59f3",class:"co-page-header__actions"},a("slot",{key:"c89df3f9fd5e0e8c2017881a4f62b5fac3ad8adb",name:"actions"})))}};c.style=":host{display:block}.co-page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-lg) var(--co-spacing-xl);font-family:var(--co-font-family-primary);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-page);min-height:72px;box-sizing:border-box}.co-page-header__left{display:flex;align-items:center;gap:var(--co-spacing-md)}.co-page-header__icon{display:flex;color:var(--co-semantic-text-muted)}.co-page-header__title{font-size:var(--co-font-size-18);font-weight:600;color:var(--co-semantic-text-default)}.co-page-header__actions{display:flex;align-items:center;gap:var(--co-spacing-md)}.co-page-header__actions:empty{display:none}";export{c as co_page_header}

package/dist/cobalt/p-2d0354cc.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as s,a as o}from"./p-CrtiywTB.js";const i=class{constructor(s){e(this,s),this.coOpen=t(this,"coOpen",3),this.coClose=t(this,"coClose",3),this.placement="bottom-end",this.offset=4,this.autoClose=!0,this.open=!1,this.handleKeydown=e=>{if(this.open)switch(e.key){case"Escape":e.preventDefault(),e.stopPropagation(),this.open=!1;break;case"ArrowDown":case"ArrowUp":e.preventDefault(),this.moveFocus("ArrowDown"===e.key?1:-1)}},this.handlePopoverOpen=()=>{this.open=!0,this.coOpen.emit()},this.handlePopoverClose=()=>{this.open=!1,this.coClose.emit()}}handleMenuSelect(){this.autoClose&&(this.open=!1)}onOpenChange(e){e?(document.addEventListener("keydown",this.handleKeydown,!0),requestAnimationFrame((()=>this.focusFirstItem()))):document.removeEventListener("keydown",this.handleKeydown,!0)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeydown,!0)}async focusFirstItem(){var e,t;null===(t=null===(e=this.getMenuItems()[0])||void 0===e?void 0:e.focusItem)||void 0===t||t.call(e)}getMenuItems(){return Array.from(this.el.querySelectorAll("co-menu-item"))}moveFocus(e){var t,s;const o=this.getMenuItems().filter((e=>!e.disabled));if(0===o.length)return;const i=document.activeElement;let n=o.findIndex((e=>e===i||e.contains(i)));-1===n&&(n=e>0?-1:o.length),null===(s=null===(t=o[(n+e+o.length)%o.length])||void 0===t?void 0:t.focusItem)||void 0===s||s.call(t)}render(){return s("co-popover",{key:"a386ccd371e9eb5627b6c70f43e66d6844df0b8a",placement:this.placement,offset:this.offset,open:this.open,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},s("slot",{key:"9115ac2e7689183d9d397bd602d1a8651dcf364d",name:"trigger",slot:"trigger"}),s("div",{key:"a56a14dfc5810144b93ca68ce54aceb7e5c2b85c",class:"co-menu",role:"menu",style:this.width?{width:this.width,minWidth:this.width}:void 0},s("slot",{key:"045510a7bbde56d841eee17d7561249a090e6de3"})))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};i.style=":host{display:contents}.co-menu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:200px;display:flex;flex-direction:column;gap:2px;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default)}";export{i as co_menu}

package/dist/cobalt/p-30ec230e.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as t,a as r}from"./p-CrtiywTB.js";import{R as o}from"./p-T4la7ly_.js";import{F as s}from"./p-CQAYgqA6.js";const a=class{constructor(t){e(this,t),this.coChange=i(this,"coChange",7),this.coClear=i(this,"coClear",7),this.coSearch=i(this,"coSearch",7),this.coLoadMore=i(this,"coLoadMore",7),this.coOpen=i(this,"coOpen",3),this.coClose=i(this,"coClose",3),this.coRemove=i(this,"coRemove",7),this.coFooterPrimary=i(this,"coFooterPrimary",7),this.coFooterSecondary=i(this,"coFooterSecondary",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!0,this.multiple=!1,this.status="default",this.layout="vertical",this.size="md",this.variant="default",this.value="",this.options="[]",this.selectedDisplay="[]",this.loading=!1,this.total=0,this.searchable=!0,this.searchPlaceholder="Search…",this.searchDebounce=350,this.emptyMessage="No results found",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New",this.maxChips=0,this.panelTheme="auto",this.avatarShape="circle",this.isOpen=!1,this.overflowCount=0,this.lastChipsKey="\0",this.pendingFocus=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handleListChange=e=>{if(!this.multiple&&null===e.value)return this.value="",this.coClear.emit(),void(this.isOpen=!1);this.handleOptionClick(e.item)},this.handleOptionClick=e=>{if(this.multiple){const i=this.parsedValue;let t;t=i.indexOf(e._id)>=0?i.filter((i=>i!==e._id)):[...i,e._id],this.value=JSON.stringify(t),this.coChange.emit({value:t,item:e})}else this.value=e._id,this.coChange.emit({value:e._id,item:e}),this.isOpen=!1},this.handleReorder=e=>{this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit()},this.handleRemoveChip=(e,i)=>{i.stopPropagation();const t=this.parsedValue.filter((i=>i!==e));this.value=JSON.stringify(t),this.coRemove.emit(e)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}get normalizedSize(){return"default"===this.size?"md":this.size}get parsedOptions(){try{const e="string"==typeof this.options?JSON.parse(this.options):this.options;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedSelectedDisplay(){try{const e="string"==typeof this.selectedDisplay?JSON.parse(this.selectedDisplay):this.selectedDisplay;return Array.isArray(e)?e:[]}catch(e){return[]}}get effectiveDisplayItems(){const e=this.parsedValue;if(0===e.length)return[];const i=new Map;for(const e of this.parsedSelectedDisplay)i.set(e._id,e);for(const e of this.parsedOptions)i.has(e._id)||i.set(e._id,{_id:e._id,label:e.label,description:e.description,color:e.color,avatar:e.avatar,image:e.image});return e.map((e=>i.get(e))).filter(Boolean)}get parsedValue(){if(!this.value)return[];try{const e=JSON.parse(this.value);return Array.isArray(e)?e:[this.value]}catch(e){return this.value?[this.value]:[]}}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.calcOverflow()))}componentDidRender(){var e,i,t,r;this.chipsEl!==this.observedChipsEl&&(null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.chipsEl&&(null===(i=this.resizeObserver)||void 0===i||i.observe(this.chipsEl)),this.observedChipsEl=this.chipsEl);const o=null===(t=this.chipsEl)||void 0===t?void 0:t.querySelectorAll(".co-ref-field__chip"),s=o?Array.from(o,(e=>e.textContent)).join("
"):"";s!==this.lastChipsKey&&(this.lastChipsKey=s,this.calcOverflow()),this.pendingFocus&&(null===(r=this.optionListEl)||void 0===r?void 0:r.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}calcOverflow(){if(!this.multiple||this.maxChips>0||!this.chipsEl)return void(0!==this.overflowCount&&(this.overflowCount=0));const e=Array.from(this.chipsEl.querySelectorAll(".co-ref-field__chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const i=this.chipsEl.getBoundingClientRect().right;let t=0;for(let r=e.length-1;r>=0&&e[r].getBoundingClientRect().right>i+1;r--)t++;t!==this.overflowCount&&(this.overflowCount=t)}onOpenChange(e){e?(this.coOpen.emit(),this.pendingFocus=!0):this.coClose.emit()}renderTrigger(){const e=this.effectiveDisplayItems,i=e.length>0;return t("div",{class:{"co-ref-field__trigger":!0,"co-ref-field--open":this.isOpen,"co-ref-field--disabled":this.disabled,[`co-ref-field--${this.normalizedSize}`]:!0,[`co-ref-field--${this.status}`]:"default"!==this.status,"co-ref-field--flat":"flat"===this.variant},onClick:this.handleTriggerClick},this.iconLeft&&t("span",{class:"co-ref-field__icon"},t("co-icon",{name:this.iconLeft,size:16})),t("div",{class:"co-ref-field__value"},!i&&t("span",{class:"co-ref-field__placeholder",part:"trigger-placeholder"},this.placeholder),i&&!this.multiple&&this.renderSingleValue(e[0]),i&&this.multiple&&this.renderMultipleValue(e)),i&&this.clearable&&!this.disabled&&t("button",{class:"co-ref-field__clear",part:"trigger-clear",onClick:this.handleClear,type:"button"},t("co-icon",{name:"x",size:14})),t("span",{class:"co-ref-field__caret",part:"trigger-chevron"},t("co-icon",{name:"caret-up-down",size:16})))}renderItemAvatar(e){return e.image||e.avatar?t("co-avatar",{class:"co-ref-field__avatar",type:e.image?"image":"text",src:e.image,text:e.avatar,color:e.color,size:"xxs",shape:this.avatarShape}):e.color?t("span",{class:"co-ref-field__color-dot",style:{backgroundColor:e.color}}):null}renderSingleValue(e){return t("div",{class:"co-ref-field__selected"},this.renderItemAvatar(e),t("span",{class:"co-ref-field__selected-label",part:"trigger-text"},e.label))}renderMultipleValue(e){const i=this.maxChips>0,r=Math.min(this.overflowCount,Math.max(0,e.length-1)),o=i?e.slice(0,this.maxChips):e,a=i?e.length-this.maxChips:r,c=e.length-(i?0:r);return t("div",{class:"co-ref-field__chips-row"},t("div",{class:"co-ref-field__chips",ref:e=>this.chipsEl=e},o.map(((e,r)=>t(s,{key:e._id,baseClass:"co-ref-field__chip",label:e.label,modifiers:{"co-ref-field__chip--avatar":!(!e.image&&!e.avatar),"co-ref-field__chip--clipped":!i&&r>=c,[`co-ref-field__chip--${this.normalizedSize}`]:!0},onRemove:i=>this.handleRemoveChip(e._id,i)},e.image||e.avatar?this.renderItemAvatar(e):e.color?t("span",{class:"co-ref-field__chip-dot",style:{backgroundColor:e.color}}):null)))),a>0&&t("span",{class:"co-ref-field__chip-overflow"},"+",a))}renderPanel(){return t("div",{class:{"co-ref-field__panel":!0,"co-ref-field__panel--dark":"dark"===this.panelTheme,"co-ref-field__panel--light":"light"===this.panelTheme}},t("co-option-list",{ref:e=>this.optionListEl=e,items:"string"==typeof this.options?this.options:JSON.stringify(this.options),value:this.value,selectedItems:"string"==typeof this.selectedDisplay?this.selectedDisplay:JSON.stringify(this.selectedDisplay),multiple:this.multiple,selectedFirst:this.multiple,reorderable:this.multiple,selectedAffordance:"deselect",searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:this.searchDebounce,loading:this.loading,total:this.total,emptyMessage:this.emptyMessage,avatarShape:this.avatarShape,onCoSearch:e=>this.coSearch.emit(e.detail),onCoChange:e=>this.handleListChange(e.detail),onCoReorder:e=>this.handleReorder(e.detail),onCoLoadMore:()=>this.coLoadMore.emit()},this.showFooter&&t("div",{class:"co-ref-field__footer",slot:"footer"},t("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--secondary",type:"button",onClick:this.handleFooterSecondary},t("co-icon",{name:"plus",size:16}),t("span",null,this.footerSecondaryLabel)),t("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--primary",type:"button",onClick:this.handleFooterPrimary},t("co-icon",{name:"check",size:16}),t("span",null,this.footerPrimaryLabel)))))}render(){return t("div",{key:"8b4d5429c6c13f9dbea56dfe5673be2f2bf8e234",class:"co-ref-field"},(this.label||this.secondaryLabel)&&t("div",{key:"6fb3fb006ed5c6bf089608205cbecc4399f8131f",class:"co-ref-field__labels"},this.label&&t("label",{key:"045edee2c573f3b3a678377f7ac81baef16ca547",class:"co-ref-field__label"},this.labelIcon&&t("co-icon",{key:"8a3fe75b68f69f6bbc1eead72e3a71e4a02d9ff9",class:"co-ref-field__label-icon",name:this.labelIcon,size:16}),this.label,t(o,{key:"d0935348ad1aaca3ebeb302abfd212250ca01d2c",required:this.required})),this.secondaryLabel&&t("span",{key:"f1b2f5578de05162b97f64041250ec92c2d0601b",class:"co-ref-field__secondary-label"},this.secondaryLabel)),t("co-popover",{key:"126310c2e579a9f8ac530d0471db742f5f087433",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},t("div",{key:"07b0c236d0fadd7fef4f719b4f6f190e57a7c488",slot:"trigger"},this.renderTrigger()),this.isOpen&&this.renderPanel()),this.helperText&&t("div",{key:"31b252868ebfaca932adf5a47e3f61f4b03dc5a3",class:`co-ref-field__helper co-ref-field__helper--${this.status}`},"default"!==this.status&&t("co-icon",{key:"123ec829c6a45a960212521cfc49e4a98d5e1785",name:"error"===this.status?"warning-circle":"success"===this.status?"check-circle":"info",size:14}),t("span",{key:"24e573b9fb884a0f006d32136b00d9c7406e3722"},this.helperText)))}get el(){return r(this)}static get watchers(){return{isOpen:[{onOpenChange:0}]}}};a.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;position:relative}.co-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-ref-field-trigger-bg, var(--co-semantic-surface-page));border:1px solid var(--co-ref-field-trigger-border-color, var(--co-semantic-border-field));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;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-ref-field--flat{background:transparent;border-color:transparent}.co-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__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-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout='horizontal']) .co-ref-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-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-ref-field__label{white-space:normal}:host([layout='horizontal']) .co-ref-field>:not(.co-ref-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)')}";export{a as co_ref_field}

package/dist/cobalt/p-77593319.entry.js

@@ -1 +0,0 @@
-import{r,h as o}from"./p-CrtiywTB.js";const e=class{constructor(o){r(this,o)}render(){return o("hr",{key:"9896239f2395bd79f45309fb61e0a0173572947a",class:"co-menu-divider",role:"separator"})}};e.style=":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}";export{e as co_menu_divider}

package/dist/cobalt/p-e054cb52.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,H as o}from"./p-CrtiywTB.js";const c=class{constructor(r){e(this,r)}render(){return r(o,{key:"1c40138cc7732c414e5355dc9e0e77a1424f005e",role:"group","aria-roledescription":"slide"},r("slot",{key:"55d8ca50e2831597de8c142abecd1400394bc546"}))}};c.style=":host{display:block;flex:0 0 100%;min-width:100%;box-sizing:border-box}";export{c as co_carousel_item}

package/dist/cobalt/p-e612b43c.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,h as r,a as t}from"./p-CrtiywTB.js";import{R as a}from"./p-T4la7ly_.js";import{O as s}from"./p-ox7HzCZn.js";import{r as i,h as l}from"./p-CQY6Ul7q.js";const c=class{constructor(r){e(this,r),this.coChange=o(this,"coChange",7),this.coClear=o(this,"coClear",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!1,this.layout="vertical",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.size="md",this.variant="default",this.searchable=!1,this.searchPlaceholder="Search…",this.emptyText="No results",this.isOpen=!1,this.scrollTop=0,this.searchText="",this.sortSnapshot=new Set,this.lastParsedOptions=[],this.lastRankSearch="",this.lastRanked=[],this.handleSearchInput=e=>{this.searchText=e.target.value,this.scrollTop=0},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handlePopoverOpen=()=>{this.sortSnapshot=new Set(this.selectedValues),this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit(),this.coChange.emit(this.multiple?[]:"")},this.handleOptionClick=e=>{if(this.multiple){const o=[...this.selectedValues],r=o.indexOf(e);r>=0?o.splice(r,1):o.push(e),this.value=JSON.stringify(o),this.coChange.emit(o)}else this.value=e,this.isOpen=!1,this.coChange.emit(e)}}get parsedOptions(){const e=this.options;if(e===this.lastOptionsRaw)return this.lastParsedOptions;let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){o=[]}const r=Array.isArray(o)?o.map((e=>"string"==typeof e?{label:e,value:e}:e)):[];return this.lastOptionsRaw=e,this.lastParsedOptions=r,r}get filteredOptions(){const e=this.parsedOptions;let o;return this.searchable&&this.searchText.trim()?e===this.lastRankInput&&this.searchText===this.lastRankSearch?o=this.lastRanked:(o=i(e,this.searchText,(e=>e.label)),this.lastRankInput=e,this.lastRankSearch=this.searchText,this.lastRanked=o):o=e,this.multiple&&0!==this.sortSnapshot.size?[...o.filter((e=>this.sortSnapshot.has(e.value))),...o.filter((e=>!this.sortSnapshot.has(e.value)))]:o}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 selectedOption(){if(this.multiple)return;const e=this.selectedValues[0];return e?this.parsedOptions.find((o=>o.value===e)):void 0}get displayText(){const e=this.selectedValues;if(0===e.length)return"";if(!this.multiple){const o=this.parsedOptions.find((o=>o.value===e[0]));return o?o.label:e[0]}return e.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return o?o.label:e})).join(", ")}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(e){e?(this.scrollTop=0,this.searchable&&requestAnimationFrame((()=>{var e;return null===(e=this.searchInputEl)||void 0===e?void 0:e.focus()}))):this.searchText=""}syncOverlayScrollbars(){const e=this.isOpen&&!!this.optionsContainerEl;e&&!this.osInstance?this.osInstance=s(this.optionsContainerEl,{scrollbars:{theme:"os-theme-co",autoHide:"leave",autoHideDelay:300}},{scroll:e=>{this.scrollTop=e.elements().viewport.scrollTop}}):!e&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}componentDidRender(){this.syncOverlayScrollbars()}disconnectedCallback(){var e;null===(e=this.osInstance)||void 0===e||e.destroy(),this.osInstance=void 0}renderLabel(e){const o=this.searchable&&this.searchText?l(e,this.searchText):null;return o?[o.pre,r("span",{class:"co-select__match"},o.match),o.post]:e}getVirtualSlice(e){const{ITEM_HEIGHT:o,VIEWPORT_ITEMS:r,OVERSCAN:t}=c,a=e.length,s=a*o,i=Math.max(0,Math.floor(this.scrollTop/o)-t);return{totalHeight:s,startIdx:i,endIdx:Math.min(a,i+r+2*t),offsetY:i*o}}render(){var e;const o=this.selectedValues,t=this.filteredOptions;return r("div",{key:"dda1b5f2f72939374a748224137586c8cc67cfcb",class:{"co-select":!0,"co-select--open":this.isOpen,"co-select--disabled":this.disabled,[`co-select--${this.size}`]:!0,[`co-select--${this.status}`]:"default"!==this.status,"co-select--flat":"flat"===this.variant}},(this.label||this.secondaryLabel)&&r("div",{key:"5947cfc99c31904238dd3c86c4da4e42e7d94ba3",class:"co-select__labels"},this.label&&r("label",{key:"fac1de54916c5b0701c10b3b618c41f8319c3a50",class:"co-select__label"},this.label,r(a,{key:"12f175c2dc67ef19c949fd517e38cd2c32b55084",required:this.required})),this.secondaryLabel&&r("span",{key:"a1a0fa82fc220952e4c8225e13fa8bbb2cbbe310",class:"co-select__secondary-label"},this.secondaryLabel)),r("co-popover",{key:"126cb2923ea3a5e3646697fd514050258c82bcaa",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"0b3dd75a9d0bb427bc8e5c8f17fe5c297855a899",slot:"trigger",class:"co-select__trigger",onClick:this.handleTriggerClick},this.iconLeft&&r("co-icon",{key:"ad2fa6c5a6798314097d8e0715cddff8ce349586",name:this.iconLeft,size:16,class:"co-select__icon"}),(null===(e=this.selectedOption)||void 0===e?void 0:e.image)&&r("img",{key:"36e7407bf782a1adb15cd41432bc4f36d5605094",class:"co-select__flag",src:this.selectedOption.image,alt:""}),this.multiple&&this.hasValue?r("div",{class:"co-select__chips"},this.selectedValues.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return r("span",{class:"co-select__chip",key:e},r("span",{class:"co-select__chip-label"},o?o.label:e),r("button",{class:"co-select__chip-remove",type:"button",tabIndex:-1,"aria-label":"Remove",onClick:o=>{o.stopPropagation(),this.handleOptionClick(e)}},r("co-icon",{name:"x",size:12})))}))):r("span",{class:{"co-select__text":!0,"co-select__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder),this.clearable&&this.hasValue&&!this.disabled&&r("button",{key:"3e97e8239b922280a21cd0fa53d37cbb15f313ba",class:"co-select__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},r("co-icon",{key:"da2171535417fed8e6a3422120c13f4f860354e3",name:"x-circle",size:16,weight:"fill"})),r("co-icon",{key:"e262edfb38a2bcd9771082c78af22ae3816a4472",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-select__caret"})),r("div",{key:"d557662d3722a7a60e7b499fea0c47a11bb86737",class:"co-select__dropdown"},this.isOpen&&this.searchable&&r("div",{key:"7248c5417c929016e43eba3754ef74cb68e21d76",class:"co-select__search"},r("co-icon",{key:"a88c9f7da98cb112d33a7bc6f970f503d7fbfcdc",name:"magnifying-glass",size:16,class:"co-select__search-icon"}),r("input",{key:"ed90bd495b6d92941af5f585d24ad9a4986757d9",class:"co-select__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchText,onInput:this.handleSearchInput,ref:e=>this.searchInputEl=e})),this.isOpen&&this.searchable&&0===t.length&&r("div",{key:"0b9a0a98cb298dd25f2f869f7c6d01ced4c030a8",class:"co-select__empty"},this.emptyText),r("div",{key:"4c0aa1f9e0f0f3fcede94decb037217466c80ca5",class:"co-select__options",ref:e=>this.optionsContainerEl=e},this.isOpen&&(()=>{const{totalHeight:e,startIdx:a,endIdx:s,offsetY:i}=this.getVirtualSlice(t);return r("div",{class:"co-select__virtual-spacer",style:{height:`${e}px`,position:"relative"}},r("div",{style:{position:"absolute",top:`${i}px`,left:"0",right:"0"}},t.slice(a,s).map((e=>{const t=o.includes(e.value),a=!!e.disabled;return r("div",{class:{"co-select__option":!0,"co-select__option--selected":t,"co-select__option--disabled":a},onClick:()=>!a&&this.handleOptionClick(e.value)},e.image?r("img",{class:"co-select__option-flag",src:e.image,alt:"",loading:"lazy"}):e.icon?r("co-icon",{name:e.icon,size:20,class:"co-select__option-icon"}):null,r("span",{class:"co-select__option-label"},this.renderLabel(e.label)),t&&r("co-icon",{name:"check",size:16,class:"co-select__option-check"}))}))))})()))),this.helperText&&r("div",{key:"b7f14d7e02dd3fe15be6c0f82b13df14edc0db60",class:`co-select__helper co-select__helper--${this.status}`},this.statusIcon&&r("co-icon",{key:"80dbcc3fe68bbe9e89256fa7a3dae7d846280d33",name:this.statusIcon,size:14,class:"co-select__helper-icon"}),r("span",{key:"d2162ba7ac4c287720185295643ef1c3e2187c84",class:"co-select__helper-text"},this.helperText)))}get el(){return t(this)}static get watchers(){return{isOpen:[{onOpenChange: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-select{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-select__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-select__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-select__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-select--disabled .co-select__label,.co-select--disabled .co-select__secondary-label{color:var(--co-semantic-text-disabled)}.co-select__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);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;cursor:pointer;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-select--flat .co-select__trigger{background:transparent;border-color:transparent}.co-select__chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) 0}.co-select__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:200px}.co-select__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-select__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-select__chip-remove:hover{color:var(--co-semantic-text-default)}.co-select--s .co-select__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-select--sm .co-select__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-select--lg .co-select__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-select--open .co-select__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-select--disabled .co-select__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-select--error .co-select__trigger{border-color:var(--co-semantic-status-error)}.co-select--success .co-select__trigger{border-color:var(--co-semantic-status-success)}.co-select--warning .co-select__trigger{border-color:var(--co-color-status-review)}.co-select--info .co-select__trigger{border-color:var(--co-semantic-status-info)}.co-select__flag,.co-select__option-flag{flex-shrink:0;width:20px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px var(--co-semantic-border-subtle)}.co-select__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-select__text{flex:1;min-width:0;color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-select__text--placeholder{color:var(--co-semantic-text-muted)}.co-select--disabled .co-select__text{color:var(--co-semantic-text-disabled)}.co-select__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-select__clear:hover{color:var(--co-semantic-text-default)}.co-select__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-select__dropdown{padding:var(--co-spacing-sm2)}.co-select__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);margin-bottom:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);height:32px;box-sizing:border-box;color:var(--co-semantic-text-muted)}.co-select__search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-14, 14px);line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-select__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-select__match{font-weight:700;color:var(--co-semantic-text-default)}.co-select__empty{padding:var(--co-spacing-md);text-align:center;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14, 14px)}.co-select__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-select__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 var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:32px;box-sizing:border-box}.co-select__option:hover{background:var(--co-semantic-surface-hover)}.co-select__option--selected{background:var(--co-semantic-surface-muted)}.co-select__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-select__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-select__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-select__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-select__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-select__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-select__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-select__helper--error .co-select__helper-icon,.co-select__helper--error .co-select__helper-text{color:var(--co-semantic-status-error)}.co-select__helper--success .co-select__helper-icon,.co-select__helper--success .co-select__helper-text{color:var(--co-semantic-status-success)}.co-select__helper--warning .co-select__helper-icon,.co-select__helper--warning .co-select__helper-text{color:var(--co-color-status-review)}.co-select__helper--info .co-select__helper-icon,.co-select__helper--info .co-select__helper-text{color:var(--co-semantic-status-info)}:host([layout=\'horizontal\']) .co-select{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-select__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-select__label{white-space:normal}:host([layout=\'horizontal\']) .co-select>:not(.co-select__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)\')}';export{c as co_select}

package/dist/cobalt/p-f1284fcd.entry.js

@@ -1 +0,0 @@
-import{r as i,h as e}from"./p-CrtiywTB.js";const t=class{constructor(e){i(this,e),this.video=!1,this.height="132px",this.radius=10}toCss(i){if("number"==typeof i)return`${i}px`;const e=String(i).trim();return/^-?\d*\.?\d+$/.test(e)?`${e}px`:e}render(){var i;return e("div",{key:"acd021eb5ebcc987eeb1528b874fdbdfa48f8b52",class:{"co-media-thumb":!0,"co-media-thumb--video":this.video},part:"thumb",style:{height:this.toCss(this.height),borderRadius:`${this.radius}px`}},this.src?e("img",{class:"co-media-thumb__img",src:this.src,alt:null!==(i=this.alt)&&void 0!==i?i:"",part:"img"}):e("slot",null),this.video&&e("div",{key:"a6ec84bed9d75673b7b917b2cb513f01545d5bf2",class:"co-media-thumb__scrim",part:"scrim"},e("div",{key:"9ce636bf0a3d9e53eb271803fc0bbd60f4314989",class:"co-media-thumb__play",part:"play"},e("svg",{key:"07016dfed6ee4ff793650d830f152d2555731550",class:"co-media-thumb__play-icon",width:"16",height:"18",viewBox:"0 0 16 18",fill:"none","aria-hidden":"true"},e("path",{key:"825b3921b94248f28b30ce91b63525fd2fda5b35",d:"M2 2l12 7-12 7z",fill:"var(--co-color-base-negro, #1f1c1b)"})))))}};t.style=":host{display:block}.co-media-thumb{position:relative;overflow:hidden;width:100%;background:var(--co-color-gray-100, #f6f6f6);box-sizing:border-box}.co-media-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.co-media-thumb__scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(31, 28, 27, 0.28)}.co-media-thumb__play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255, 255, 255, 0.92)}.co-media-thumb__play-icon{display:block;margin-left:2px;}";export{t as co_media_thumb}

package/dist/cobalt/p-f1731fe9.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,a as o}from"./p-CrtiywTB.js";const i=class{constructor(a){t(this,a),this.coSort=e(this,"coSort",7),this.coRowSelect=e(this,"coRowSelect",7),this.coSelectAll=e(this,"coSelectAll",7),this.coColumnResize=e(this,"coColumnResize",7),this.coColumnPin=e(this,"coColumnPin",7),this.coHeaderFilter=e(this,"coHeaderFilter",7),this.coRowDblClick=e(this,"coRowDblClick",7),this.coRowClick=e(this,"coRowClick",7),this.coEmptyAction=e(this,"coEmptyAction",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.emptyActionVariant="stroke",this.sortField="",this.sortOrder="",this.filteredFields="[]",this.indirectFilteredFields="[]",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.parsedFilteredFields=[],this.parsedIndirectFields=[],this.columnWidths=new Map,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0,this.suppressNextSort=!1}parseColumns(){try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}parseFilteredFields(){try{this.parsedFilteredFields="string"==typeof this.filteredFields?JSON.parse(this.filteredFields):this.filteredFields||[]}catch(t){this.parsedFilteredFields=[]}}parseIndirectFields(){try{this.parsedIndirectFields="string"==typeof this.indirectFilteredFields?JSON.parse(this.indirectFilteredFields):this.indirectFilteredFields||[]}catch(t){this.parsedIndirectFields=[]}}componentWillLoad(){this.parseColumns(),this.parseRows(),this.parseSelectedKeys(),this.parseFilteredFields(),this.parseIndirectFields()}handleSort(t){if(this.suppressNextSort)return void(this.suppressNextSort=!1);let e;e=this.sortField===t?"asc"===this.sortOrder?"desc":"desc"===this.sortOrder?"":"asc":"asc",this.sortField=""===e?"":t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(String(t[this.rowKey]))))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(String(t[this.rowKey])))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=String(t[this.rowKey]),a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150;const a=t=>{var e;if(!this.resizingColumn)return;const a=t.clientX-this.resizeStartX,o=(null===(e=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===e?void 0:e.minWidth)||80,i=Math.max(o,this.resizeStartWidth+a);this.columnWidths=new Map(this.columnWidths.set(this.resizingColumn,i))},o=()=>{if(this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t}),this.suppressNextSort=!0}this.resizingColumn=null,document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}handleColumnFilter(t,e){e.stopPropagation();const a=e.currentTarget.getBoundingClientRect();this.coHeaderFilter.emit({field:t,rect:{top:a.top,left:a.left,bottom:a.bottom,right:a.right,width:a.width,height:a.height}})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?String(t):Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?String(t.name):t.title?String(t.title):t.label?String(t.label):t.stageName?String(t.stageName):t.companyName?String(t.companyName):t.dealName?String(t.dealName):t._id&&Object.keys(t).length<=3?String(t._id):JSON.stringify(t):String(t)}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return a("colgroup",null,this.selectable&&a("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>a("col",{style:{width:`${this.getColumnWidth(t)}px`,minWidth:`${t.minWidth||80}px`}}))))}renderSortIcon(t){if(!t.sortable)return null;const e=this.sortField===t.field&&""!==this.sortOrder;return a("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":e}},a("co-icon",{name:e?"asc"===this.sortOrder?"caret-up":"caret-down":"caret-up-down",size:16,weight:e?"fill":"regular"}))}renderHeader(){return a("thead",{class:"co-data-table__head"},a("tr",{class:"co-data-table__header-row"},this.selectable&&a("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},a("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>a("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,[`co-data-table__th--align-${t.align||"left"}`]:!0},style:this.getColumnStyle(t),"aria-sort":t.sortable&&this.sortField===t.field&&""!==this.sortOrder?"asc"===this.sortOrder?"ascending":"descending":void 0},a("span",{class:"co-data-table__th-content"},a("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},a("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),t.sortable?a("button",{type:"button",class:"co-data-table__sort-button","aria-label":`Sort by ${t.label}`,onClick:()=>this.handleSort(t.field)},a("span",{class:"co-data-table__th-label"},t.label),this.renderSortIcon(t)):a("span",{class:"co-data-table__th-label"},t.label),t.filterable&&a("span",{class:{"co-data-table__filter-icon":!0,"co-data-table__filter-icon--active":this.parsedFilteredFields.includes(t.field),"co-data-table__filter-icon--indirect":!this.parsedFilteredFields.includes(t.field)&&this.parsedIndirectFields.includes(t.field)},title:this.parsedFilteredFields.includes(t.field)?"Edit column filter":this.parsedIndirectFields.includes(t.field)?"Filtered by other filters":"Filter column",onClick:e=>this.handleColumnFilter(t.field,e)},a("co-icon",{name:"funnel",size:14,weight:this.parsedFilteredFields.includes(t.field)?"fill":"regular"}))),this.resizable&&e<this.parsedColumns.length-1&&a("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e),onClick:t=>t.stopPropagation()}))))))}renderSkeletonBody(){return a("tbody",{class:"co-data-table__body co-data-table__body--skeleton","aria-hidden":"true"},Array.from({length:this.skeletonRows}).map(((t,e)=>a("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:`skeleton-${e}`},this.selectable&&a("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},a("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>a("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},a("div",{class:"co-data-table__skeleton"}))))))))}renderEmpty(){return this.loading||this.parsedRows.length>0?null:a("div",{class:"co-data-table__empty",part:"empty"},a("div",{class:"co-data-table__empty-icon"},a("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&a("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&a("p",{class:"co-data-table__empty-message"},this.emptyMessage),a("div",{class:"co-data-table__empty-action"},this.emptyActionLabel?a("co-button",{variant:this.emptyActionVariant,size:"m",label:this.emptyActionLabel,iconLeft:this.emptyActionIcon,onClick:()=>this.coEmptyAction.emit()}):a("slot",{name:"empty-action"})))}render(){return a("div",{key:"baf9a797b25e76d4b054513b3e4c90aacce24a80",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},a("div",{key:"132100357cb7fed5d27054e2e3a66c218dddad9d",class:"co-data-table__scroll"},a("table",{key:"0e183744b6f1c7c44ec8dd741eb8cdbbbdf5b638",class:"co-data-table__table",style:{width:`${this.getTableWidth()}px`,minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),a("slot",{key:"c3c58515f63fdfdfa760ba483f00c686863ddb20"}),this.loading?this.renderSkeletonBody():null)),this.renderEmpty())}get el(){return o(this)}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}],filteredFields:[{parseFilteredFields:0}],indirectFilteredFields:[{parseIndirectFields:0}]}}};i.style="co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;height:40px;padding:0 var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background-image:linear-gradient(var(--co-semantic-surface-hover), var(--co-semantic-surface-hover))}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__th:hover .co-data-table__filter-icon{opacity:1}.co-data-table__filter-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__filter-icon--active{opacity:1;color:var(--co-color-primary-azul)}.co-data-table__filter-icon--indirect{opacity:0.45;color:var(--co-semantic-text-muted)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:0 var(--co-spacing-md);text-align:center;line-height:0;}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:inherit;border-bottom:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);border-right:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent);vertical-align:middle;font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-lg) }.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-24);font-weight:var(--co-font-weight-medium, 500);line-height:1.25;color:var(--co-semantic-text-default);letter-spacing:-0.03em}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:538px ;line-height:1.25}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:linear-gradient(     90deg,     var(--co-semantic-surface-secondary) 0%,     var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%,     var(--co-semantic-surface-secondary) 100%   );background-size:200% 100%;animation:co-dt-shimmer 1.2s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.co-data-table__skeleton{animation:none}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}";export{i as co_data_table}

package/dist/components/p-BUE9mBqk.js

@@ -1 +0,0 @@
-import{t as a,p as t,H as r,h as e}from"./index.js";import{d as o}from"./p-BCnjq3jN.js";import{d as i}from"./p-ushHimOL.js";function s(a){const t=function(a){if(!a||"string"!=typeof a)return null;const t=a.replace("#","");return 3===t.length?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16)}:6===t.length?{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}:null}(a);if(!t)return 0;const[r,e,o]=[t.r/255,t.g/255,t.b/255].map((a=>a<=.03928?a/12.92:Math.pow((a+.055)/1.055,2.4)));return.2126*r+.7152*e+.0722*o}const c={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},n={xl:32,lg:28,md:24,sm:20,xs:16,xxs:12},l={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)"},v=t(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.type="text",this.size="md",this.icon="user",this.iconWeight="regular",this.shape="circle",this.imgFailed=!1,this.handleImgError=()=>{this.imgFailed=!0}}render(){var a,t,r,o,i,v,L;const h=null!==(a=c[this.size])&&void 0!==a?a:56,p=null!==(t=n[this.size])&&void 0!==t?t:24,d=null!==(r=l[this.size])&&void 0!==r?r:"var(--co-font-size-18)",m="image"===this.type&&this.src&&!this.imgFailed,u="text"===this.type?this.text:"image"===this.type&&null!==(i=null!==(o=this.alt)&&void 0!==o?o:this.text)&&void 0!==i?i:this.icon,f=e("div",{class:{"co-avatar":!0,[`co-avatar--${this.size}`]:!0,[`co-avatar--${this.type}`]:!0,"co-avatar--square":"square"===this.shape,"co-avatar--light":!!this.color&&(g=this.color,s(g)>.4)},style:Object.assign(Object.assign({width:`var(--co-avatar-size, ${h}px)`,height:`var(--co-avatar-size, ${h}px)`,fontSize:d},this.color?{background:this.color}:{}),this.ringColor?{"--co-avatar-border-color":this.ringColor,"--co-avatar-border-width":"2px"}:{}),part:"avatar",role:"img","aria-label":u},m?e("img",{class:"co-avatar__img",src:this.src,alt:null!==(L=null!==(v=this.alt)&&void 0!==v?v:this.text)&&void 0!==L?L:"",onError:this.handleImgError}):"icon"===this.type?e("co-icon",{name:this.icon,weight:this.iconWeight,size:p}):e("span",{class:"co-avatar__text"},this.text));var g;return this.name?e("co-tooltip",{content:this.name},f):f}static get style(){return":host{display:inline-flex;--co-avatar-squircle:url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><path d='M100 50L99.94 68.06L99.75 73.81L99.44 77.94L99.01 81.26L98.44 84.05L97.74 86.46L96.91 88.57L95.94 90.43L94.81 92.07L93.53 93.53L92.07 94.81L90.43 95.94L88.57 96.91L86.46 97.74L84.05 98.44L81.26 99.01L77.94 99.44L73.81 99.75L68.06 99.94L50 100L31.94 99.94L26.19 99.75L22.06 99.44L18.74 99.01L15.95 98.44L13.54 97.74L11.43 96.91L9.57 95.94L7.93 94.81L6.47 93.53L5.19 92.07L4.06 90.43L3.09 88.57L2.26 86.46L1.56 84.05L0.99 81.26L0.56 77.94L0.25 73.81L0.06 68.06L0 50L0.06 31.94L0.25 26.19L0.56 22.06L0.99 18.74L1.56 15.95L2.26 13.54L3.09 11.43L4.06 9.57L5.19 7.93L6.47 6.47L7.93 5.19L9.57 4.06L11.43 3.09L13.54 2.26L15.95 1.56L18.74 0.99L22.06 0.56L26.19 0.25L31.94 0.06L50 0L68.06 0.06L73.81 0.25L77.94 0.56L81.26 0.99L84.05 1.56L86.46 2.26L88.57 3.09L90.43 4.06L92.07 5.19L93.53 6.47L94.81 7.93L95.94 9.57L96.91 11.43L97.74 13.54L98.44 15.95L99.01 18.74L99.44 22.06L99.75 26.19L99.94 31.94Z' fill='%23fff'/></svg>\")}.co-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);overflow:hidden;flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}.co-avatar::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 var(--co-avatar-border-width, 1px) var(--co-avatar-border-color, transparent)}.co-avatar__text{text-transform:uppercase}.co-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.co-avatar--square{border-radius:0;-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat}.co-avatar--square::after{--co-avatar-bw:var(--co-avatar-border-width, 1px);box-shadow:none;background:var(--co-avatar-border-color, transparent);-webkit-mask:var(--co-avatar-squircle) center / 100% 100% no-repeat,     var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;-webkit-mask-composite:xor;mask:var(--co-avatar-squircle) center / 100% 100% no-repeat,     var(--co-avatar-squircle) center / calc(100% - 2 * var(--co-avatar-bw)) calc(100% - 2 * var(--co-avatar-bw)) no-repeat;mask-composite:exclude}.co-avatar--light{color:rgba(0, 0, 0, 0.87)}co-tooltip{display:inline-flex;align-items:center;line-height:0}"}},[1,"co-avatar",{type:[1],size:[1],text:[1],src:[1],alt:[1],icon:[1],iconWeight:[1,"icon-weight"],shape:[1],color:[1],ringColor:[513,"ring-color"],name:[1],imgFailed:[32]}]);function L(){"undefined"!=typeof customElements&&["co-avatar","co-icon","co-tooltip"].forEach((t=>{switch(t){case"co-avatar":customElements.get(a(t))||customElements.define(a(t),v);break;case"co-icon":customElements.get(a(t))||o();break;case"co-tooltip":customElements.get(a(t))||i()}}))}L();export{v as C,L as d}

package/dist/components/p-Bh2__nEw.js

@@ -1 +0,0 @@
-import{t,p as i,H as e,c as s,h as o}from"./index.js";import{l as n,r as a}from"./p-Dxa7c4Ap.js";import{d as r}from"./p-BCnjq3jN.js";import{d as h}from"./p-C-5cLeKr.js";import{d as l}from"./p-re2gJwnQ.js";import{c,z as d,a as u,w as g,t as v}from"./p-Ch837Ggl.js";import{c as f,m as p,M as b,s as _}from"./p-CF8OB_TM.js";import{b as m,t as x,e as y,d as w,p as k}from"./p-e5KibEs8.js";function M(t,i,e){const s=[...t].sort(((t,s)=>i(t)-i(s)||e(t)-e(s))),o=[];let n=[],a=[],r=-1/0;const h=()=>{const t=a.length;for(const i of n)o[i].columnCount=t;n=[],a=[],r=-1/0};for(const t of s){const s=i(t),l=e(t);n.length&&s>=r&&h();let c=-1;for(let t=0;t<a.length;t++)if(a[t]<=s){c=t;break}-1===c?(c=a.length,a.push(l)):a[c]=l,o.push({event:t,columnIndex:c,columnCount:1}),n.push(o.length-1),r=Math.max(r,l)}return h(),o}function D(t,i,e){const s=c(t),o=c(i);if(o<=s)return[];const n=[];let a=d(s,e),r=$(a,e);for(let t=0;t<366&&r<o;t++){const t=m(a,1),i=$(t,e),h=Math.max(s,r),l=Math.min(o,i);n.push({dateKey:a,startMinutes:h===r?0:u(h,e),endMinutes:l===i?1440:u(l,e),isStart:h===s,isEnd:l===o}),a=t,r=i}return n}const z=new Map;function $(t,i){const e=`${i}|${t}`;let s=z.get(e);if(void 0===s){const[o,n,a]=t.split("-").map(Number);s=g({year:o,month:n,day:a,hour:0,minute:0,second:0},i),z.size>1e3&&z.clear(),z.set(e,s)}return s}const C=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coRangeSelect=s(this,"coRangeSelect",1),this.coEventClick=s(this,"coEventClick",1),this.coEventDrop=s(this,"coEventDrop",1),this.coEventDblClick=s(this,"coEventDblClick",1),this.events=[],this.dates=[],this.locale="es-CO",this.editable=!0,this.selectable=!0,this.slotMinutes=15,this.snapMinutes=15,this.defaultDurationMinutes=60,this.scrollTime="07:00",this.nowIndicator=!0,this.loading=!1,this.allDaySlot=!0,this.minTime="00:00",this.maxTime="24:00",this.nowMinutes=0,this.nowDay="",this.focusDate="",this.focusMin=0,this.selDate=null,this.selStartMin=0,this.selEndMin=0,this.selecting=!1,this.pendingSel=null,this.selRaf=0,this.pendingDrag=null,this.dragRaf=0,this.onWindowPointerUp=()=>this.finishSelection(),this.dragId=null,this.dragMode=null,this.dragGrabOffsetMin=0,this.dragDurationMin=0,this.dragDate=null,this.dragStartMin=0,this.dragEndMin=0,this.origStartMin=0,this.origEndMin=0,this.origDate=null,this.suppressNextClick=!1,this.dragArmedId=null,this.dragStartPointer=null,this.onWindowPointerMove=t=>this.trackDrag(t),this.onWindowPointerUpDrag=()=>this.finishDrag(),this.colRects=[],this.gridRect=null,this.onDragViewportChange=()=>this.captureDragRects(),this.startSelection=(t,i,e)=>{if(!this.selectable||!this.isDayInteractable(i))return;if(t.target.closest(".tg__event, .tg__allday-bar"))return;t.preventDefault();const s=this.minutesFromPointer(t.clientY,e);this.selecting=!0,this.selDate=i,this.selStartMin=s,this.selEndMin=s,this.setInteracting(!0)},this.extendSelection=(t,i)=>{this.selecting&&(this.pendingSel={y:t.clientY,colEl:i},this.selRaf||(this.selRaf=requestAnimationFrame((()=>{this.selRaf=0;const t=this.pendingSel;if(this.pendingSel=null,!t||!this.selecting)return;const i=this.minutesFromPointer(t.y,t.colEl);i!==this.selEndMin&&(this.selEndMin=i)}))))},this.startMove=(t,i)=>{const e=this.eventById(i);if(!e||e.allDay||!this.editable||!1===e.editable||!1===e.startEditable)return;t.stopPropagation();const s=d(e.startMs,this.timeZone);if(this.captureDragRects(),!this.gridRect||!this.colRects.some((t=>t.d===s)))return;const o=this.minutesFromCachedY(t.clientY),n=u(e.startMs,this.timeZone);this.dragArmedId=i,this.dragMode="move",this.dragDate=s,this.dragGrabOffsetMin=o-n,this.dragDurationMin=Math.round((e.endMs-e.startMs)/6e4),this.dragStartMin=n,this.dragEndMin=n+this.dragDurationMin,this.origStartMin=n,this.origEndMin=n+this.dragDurationMin,this.origDate=s,this.dragStartPointer={x:t.clientX,y:t.clientY}},this.startResize=(t,i)=>{const e=this.eventById(i);if(!e||e.allDay||!this.editable||!1===e.editable||!1===e.durationEditable)return;t.stopPropagation();const s=d(e.startMs,this.timeZone);this.captureDragRects(),this.gridRect&&this.colRects.some((t=>t.d===s))&&(this.dragArmedId=i,this.dragMode="resize",this.dragDate=s,this.dragStartMin=u(e.startMs,this.timeZone),this.dragEndMin=u(e.endMs,this.timeZone),this.origStartMin=this.dragStartMin,this.origEndMin=this.dragEndMin,this.origDate=s,this.dragStartPointer={x:t.clientX,y:t.clientY})},this.handleKeyDown=t=>{const i=this.slotMinutes;let e=!0;switch(t.key){case"ArrowUp":this.focusMin=f(this.focusMin-i,this.minM,this.maxM-i);break;case"ArrowDown":this.focusMin=f(this.focusMin+i,this.minM,this.maxM-i);break;case"ArrowLeft":this.focusDate=this.shiftFocusDate(-1);break;case"ArrowRight":this.focusDate=this.shiftFocusDate(1);break;case"Enter":case" ":{if(!this.isDayInteractable(this.focusDate))break;const t=this.toInstant(this.focusDate,this.focusMin),i=this.toInstant(this.focusDate,Math.min(this.focusMin+this.defaultDurationMinutes,this.maxM));new Date(t).getTime()>=Date.now()&&this.coRangeSelect.emit({start:t,end:i});break}default:e=!1}e&&(t.preventDefault(),t.stopPropagation())}}componentWillLoad(){this.refreshNow(),this.focusDate=this.dates&&this.dates[0]||x(),this.focusMin=E(this.scrollTime,420)}componentDidLoad(){this.scrollToInitial(),this.nowTimer=window.setInterval((()=>this.refreshNow()),6e4),window.addEventListener("pointerup",this.onWindowPointerUp),window.addEventListener("pointermove",this.onWindowPointerMove),window.addEventListener("pointerup",this.onWindowPointerUpDrag)}disconnectedCallback(){this.nowTimer&&window.clearInterval(this.nowTimer),this.selRaf&&cancelAnimationFrame(this.selRaf),this.dragRaf&&cancelAnimationFrame(this.dragRaf),window.removeEventListener("pointerup",this.onWindowPointerUp),window.removeEventListener("pointermove",this.onWindowPointerMove),window.removeEventListener("pointerup",this.onWindowPointerUpDrag),this.bindDragViewportListeners(!1),this.hideGhost(),this.colRects=[],this.gridRect=null}async clearSelection(){this.selDate=null}onEventsChange(){this.selecting||(this.selDate=null)}refreshNow(){const t=Date.now();this.nowDay=d(t,this.timeZone),this.nowMinutes=u(t,this.timeZone)}get minM(){return E(this.minTime,0)}get maxM(){return E(this.maxTime,1440)}scrollToInitial(){var t,i,e;const s=null!==(t=this.scrollEl)&&void 0!==t?t:null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".tg__scroll"),o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".tg__body");if(!s||!o)return;const n=p(E(this.scrollTime,420),this.minM,this.maxM);s.scrollTop=n*o.offsetHeight}visibleDates(){return this.dates.length?this.dates:[x()]}get slotM(){return this.slotMinutes>0?this.slotMinutes:15}slotCount(){return Math.max(1,Math.ceil((this.maxM-this.minM)/this.slotM))}hourList(){const t=[];for(let i=60*Math.ceil(this.minM/60);i<this.maxM;i+=60)t.push(i);return t}minutesFromPointer(t,i){const e=i.getBoundingClientRect();return this.minutesAtFraction((t-e.top)/e.height)}minutesFromCachedY(t){const i=this.gridRect;return i&&i.height?this.minutesAtFraction((t-i.top)/i.height):this.minM}minutesAtFraction(t){return f(_(this.minM+t*(this.maxM-this.minM),this.snapMinutes),this.minM,this.maxM)}captureDragRects(){const t=this.el.shadowRoot,i=null==t?void 0:t.querySelector(".tg__cols"),e=null==t?void 0:t.querySelectorAll(".tg__col");if(!i||!e||!e.length)return this.colRects=[],void(this.gridRect=null);const s=i.getBoundingClientRect();this.gridRect={top:s.top,height:s.height},this.colRects=Array.from(e).map((t=>{var i;const e=t.getBoundingClientRect();return{d:null!==(i=t.dataset.colDate)&&void 0!==i?i:"",left:e.left,right:e.right}}))}bindDragViewportListeners(t){const i=this.scrollEl;t?(null==i||i.addEventListener("scroll",this.onDragViewportChange,{passive:!0}),window.addEventListener("resize",this.onDragViewportChange)):(null==i||i.removeEventListener("scroll",this.onDragViewportChange),window.removeEventListener("resize",this.onDragViewportChange))}setInteracting(t){var i;null===(i=this.rootEl)||void 0===i||i.classList.toggle("tg--interacting",t)}toInstant(t,i){const[e,s,o]=t.split("-").map(Number),n=g({year:e,month:s,day:o,hour:Math.floor(i/60),minute:i%60,second:0},this.timeZone);return v(n)}isDayInteractable(t){return!(this.minDate&&t<this.minDate||this.maxDate&&t>this.maxDate)}finishSelection(){if(!this.selecting)return;this.selRaf&&(cancelAnimationFrame(this.selRaf),this.selRaf=0);const t=this.pendingSel;if(this.pendingSel=null,t){const i=this.minutesFromPointer(t.y,t.colEl);i!==this.selEndMin&&(this.selEndMin=i)}this.selecting=!1,this.setInteracting(!1);const i=this.selDate;let e=Math.min(this.selStartMin,this.selEndMin),s=Math.max(this.selStartMin,this.selEndMin);s-e<this.snapMinutes&&(s=e+this.defaultDurationMinutes),s=Math.min(s,this.maxM);const o=i?this.selectionRect(i,e,s):void 0;if(!i)return;const n=this.toInstant(i,e),a=this.toInstant(i,s);new Date(n).getTime()<Date.now()?this.selDate=null:(this.selStartMin=e,this.selEndMin=s,this.coRangeSelect.emit({start:n,end:a,rect:o}))}selectionRect(t,i,e){var s;const o=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(`[data-col-date="${t}"]`);if(!o)return;const n=o.getBoundingClientRect();try{const t=p(i,this.minM,this.maxM),s=p(e,this.minM,this.maxM);return{top:n.top+t*n.height,left:n.left,width:n.width,height:(s-t)*n.height}}catch(t){return n}}eventById(t){return this.events.find((i=>i.id===t))}dateKeyAtX(t){for(const i of this.colRects)if(t>=i.left&&t<i.right)return i.d||null;return null}beginDragInteraction(){this.setInteracting(!0),this.bindDragViewportListeners(!0),this.paintGhost()}paintGhost(){const t=this.ghostEl;if(!t)return;const i=this.colRects.length,e=this.dragDate?this.colRects.findIndex((t=>t.d===this.dragDate)):-1;if(!i||e<0)return void(t.style.display="none");const s=this.maxM-this.minM||1,o=(this.dragStartMin-this.minM)/s,n=(this.dragEndMin-this.dragStartMin)/s;t.style.display="block",t.style.left=e/i*100+"%",t.style.width=`calc(${100/i}% - 2px)`,t.style.top=100*o+"%",t.style.height=100*n+"%"}hideGhost(){this.ghostEl&&(this.ghostEl.style.display="none")}trackDrag(t){if(this.dragArmedId&&!this.dragId){const i=this.dragStartPointer;if(!i)return;if(Math.hypot(t.clientX-i.x,t.clientY-i.y)<5)return;this.dragId=this.dragArmedId,this.dragArmedId=null,this.beginDragInteraction()}this.dragId&&this.dragMode&&this.dragDate&&(this.pendingDrag={x:t.clientX,y:t.clientY},this.dragRaf||(this.dragRaf=requestAnimationFrame((()=>{this.dragRaf=0;const t=this.pendingDrag;this.pendingDrag=null,t&&this.dragId&&this.dragMode&&this.dragDate&&this.applyDrag(t.x,t.y)}))))}applyDrag(t,i){var e;if(!this.dragId||!this.dragMode||!this.dragDate)return;if(!this.gridRect)return;const s=this.minutesFromCachedY(i);if("move"===this.dragMode){const i=null!==(e=this.dateKeyAtX(t))&&void 0!==e?e:this.dragDate;let o=s-this.dragGrabOffsetMin;o=f(_(o,this.snapMinutes),this.minM,this.maxM-this.dragDurationMin),this.dragDate=i,this.dragStartMin=o,this.dragEndMin=o+this.dragDurationMin}else this.dragEndMin=Math.max(this.dragStartMin+this.slotMinutes,s);this.paintGhost()}finishDrag(){if(this.dragArmedId&&!this.dragId)return this.dragArmedId=null,this.dragStartPointer=null,this.dragMode=null,this.dragDate=null,void(this.origDate=null);if(!this.dragId)return;this.dragRaf&&(cancelAnimationFrame(this.dragRaf),this.dragRaf=0);const t=this.pendingDrag;this.pendingDrag=null,t&&this.dragMode&&this.dragDate&&this.applyDrag(t.x,t.y),this.setInteracting(!1),this.bindDragViewportListeners(!1),this.hideGhost(),this.colRects=[],this.gridRect=null;const i=this.dragId,e=this.dragMode,s=this.dragDate,o=this.dragStartMin,n=this.dragEndMin,a=this.origStartMin,r=this.origEndMin,h=this.origDate;if(this.dragId=null,this.dragMode=null,this.dragDate=null,this.origDate=null,this.dragStartPointer=null,!i||!e||!s)return;const l=this.eventById(i);if(!l)return;if(!("move"===e?o!==a||s!==h:n!==r))return;const c="move"===e?this.toInstant(s,o):l.start,d=this.toInstant(s,n);new Date("move"===e?c:d).getTime()<Date.now()||this.isDayInteractable(s)&&(this.suppressNextClick=!0,setTimeout((()=>{this.suppressNextClick=!1}),0),this.coEventDrop.emit({id:i,start:c,end:d,oldStart:l.start,oldEnd:l.end,allDay:!1}))}shiftFocusDate(t){const i=this.dates.indexOf(this.focusDate)+t;return i<0||i>=this.dates.length?this.focusDate:this.dates[i]}renderSelectionGhost(){const t=Math.min(this.selStartMin,this.selEndMin),i=Math.max(this.selStartMin,this.selEndMin),e=p(t,this.minM,this.maxM),s=p(Math.max(i,t+this.snapMinutes),this.minM,this.maxM);return o("div",{class:"tg__selection",style:{top:100*e+"%",height:100*(s-e)+"%"}})}renderEventBox(t){var i;const e=t.event,s=e.endMs<=Date.now(),n=!0===(null===(i=e.extendedProps)||void 0===i?void 0:i.isExternal),r=!this.editable||!1===e.editable,h=100/t.columnCount,l={top:100*t.topFraction+"%",height:100*t.heightFraction+"%",left:t.columnIndex*h+"%",width:`calc(${h}% - 2px)`};if(e.backgroundColor){l["--co-cal-event-bg"]=e.backgroundColor;const t=a(this.rootEl,e.backgroundColor);t&&(l["--co-cal-event-text"]=t)}return o("button",{type:"button",key:`${e.id}-${t.dateKey}`,"data-event-id":e.id,"data-date":t.dateKey,class:{tg__event:!0,"tg__event--past":s,"tg__event--external":n,"tg__event--locked":r,"tg__event--dragging":this.dragId===e.id,"tg__event--tentative":"tentative"===e.responseState,"tg__event--cancelled":"cancelled"===e.responseState||"declined"===e.responseState},style:l,title:e.title,"aria-label":e.title,onClick:t=>{t.stopPropagation(),this.suppressNextClick?this.suppressNextClick=!1:this.coEventClick.emit({id:e.id,rect:t.currentTarget.getBoundingClientRect()})},onDblClick:t=>{t.stopPropagation(),this.coEventDblClick.emit({id:e.id,rect:t.currentTarget.getBoundingClientRect()})},onPointerDown:t=>{r||this.startMove(t,e.id)}},t.isStart&&o("span",{class:"tg__event-time"},function(t,i){const e=`${i}|${t}`,s=A.get(e);if(void 0!==s)return s;let o=I.get(i);o||(o=new Intl.DateTimeFormat(i,{hour:"numeric",minute:"2-digit"}),I.set(i,o));const n=Math.floor(t/60),a=o.format(new Date(2e3,0,1,n,t%60));return A.size>2e3&&A.clear(),A.set(e,a),a}(t.startMinutes,this.locale)),o("span",{class:"tg__event-title"},e.title||"—"),n&&(N(e)?o("co-provider-logo",{provider:N(e),size:11,plated:!0,class:"tg__event-ext"}):o("co-icon",{name:"link",size:11,class:"tg__event-ext"})),t.isEnd&&!r&&!1!==e.durationEditable&&o("span",{class:"tg__event-resize",onPointerDown:t=>this.startResize(t,e.id)}))}renderAllDayBar(t,i,e){const s=e.get(t.eventId);if(!s)return null;const n={left:t.startCol/i*100+"%",width:(t.endCol-t.startCol+1)/i*100+"%",top:22*t.lane+"px"};if(s.backgroundColor){n["--co-cal-event-bg"]=s.backgroundColor;const t=a(this.rootEl,s.backgroundColor);t&&(n["--co-cal-event-text"]=t)}return o("button",{type:"button",key:s.id,"data-event-id":s.id,class:{"tg__allday-bar":!0,"tg__allday-bar--continues-before":t.continuesBefore,"tg__allday-bar--continues-after":t.continuesAfter,"tg__allday-bar--tentative":"tentative"===s.responseState,"tg__allday-bar--cancelled":"cancelled"===s.responseState||"declined"===s.responseState},style:n,title:s.title,onClick:t=>{t.stopPropagation(),this.coEventClick.emit({id:s.id,rect:t.currentTarget.getBoundingClientRect()})},onDblClick:t=>{t.stopPropagation(),this.coEventDblClick.emit({id:s.id,rect:t.currentTarget.getBoundingClientRect()})}},s.title||"—")}getLayouts(t){const i=t.join(","),e=this.layoutCache;if(e&&e.events===this.events&&e.datesKey===i&&e.tz===this.timeZone&&e.minM===this.minM&&e.maxM===this.maxM)return e;const s=function(t,i,e){const s=e.minMinutes??0,o=e.maxMinutes??b,n=new Set(i),a={},r={},h={};for(const t of i)a[t]=[],r[t]=[],h[t]=[];for(const a of t)if(a.allDay){const t=a.start.slice(0,10),e=a.end.slice(0,10);for(const s of i)s>=t&&s<e&&r[s].push(a)}else for(const t of D(a.start,a.end,e.timeZone)){if(!n.has(t.dateKey))continue;const i=f(t.startMinutes,s,o),e=f(t.endMinutes,s,o);e<=i||h[t.dateKey].push({event:a,startMinutes:i,endMinutes:e,isStart:t.isStart&&i===t.startMinutes,isEnd:t.isEnd&&e===t.endMinutes})}for(const t of i){const i=M(h[t],(t=>t.startMinutes),(t=>t.endMinutes));a[t]=i.map((i=>{const e=p(i.event.startMinutes,s,o),n=p(i.event.endMinutes,s,o);return{event:i.event.event,dateKey:t,startMinutes:i.event.startMinutes,endMinutes:i.event.endMinutes,topFraction:e,heightFraction:n-e,columnIndex:i.columnIndex,columnCount:i.columnCount,isStart:i.event.isStart,isEnd:i.event.isEnd}}))}return{timed:a,allDay:r}}(this.events,t,{timeZone:this.timeZone,minMinutes:this.minM,maxMinutes:this.maxM}),o=function(t,i,e={}){const s=t.filter((t=>t.allDay)),o=n(s,[i],e);return{segments:o.segments.map((t=>({eventId:t.eventId,lane:t.lane,startCol:t.startCol,endCol:t.endCol,isStart:t.isStart,isEnd:t.isEnd,continuesBefore:t.continuesBefore,continuesAfter:t.continuesAfter}))),overflow:o.overflow,laneCount:o.laneCount}}(this.events,t,{timeZone:this.timeZone}),a=new Map(this.events.map((t=>[t.id,t])));return this.layoutCache={events:this.events,datesKey:i,tz:this.timeZone,minM:this.minM,maxM:this.maxM,layout:s,allDay:o,byId:a},this.layoutCache}render(){const t=this.visibleDates(),{layout:i,allDay:e,byId:s}=this.getLayouts(t),n=y(this.locale,0,"short"),a=`repeat(${t.length}, 1fr)`,r=x(),h=`calc(${this.slotCount()} * var(--co-cal-slot-h))`,l={"--co-cal-hour-h":`calc(${60/this.slotM} * var(--co-cal-slot-h))`,"--co-cal-hour-offset":`calc(${(60-this.minM%60)%60/this.slotM} * var(--co-cal-slot-h))`};return o("div",{key:"57f7c14647a8dbca49f999bfc256cf4dd58c6d5c",class:"tg",tabIndex:0,onKeyDown:this.handleKeyDown,ref:t=>this.rootEl=t},o("div",{key:"f50ac115f074e8749c19d57d47b3bb3486ae68c1",class:"tg__head"},o("div",{key:"adf1e34eae02f86ae7eb3721374660ff4c1e4fe8",class:"tg__head-spacer"}),o("div",{key:"5907deb540459a618374a1eb42736ddd3f3d23f6",class:"tg__head-days",style:{gridTemplateColumns:a}},t.map((t=>{const i=k(t),e=function(t){const[i,e,s]=t.split("-").map(Number);return new Date(Date.UTC(i,e-1,s)).getUTCDay()}(t);return o("div",{class:{"tg__head-day":!0,"tg__head-day--today":0===w(t,r)}},o("span",{class:"tg__head-dow"},n[e]),o("span",{class:"tg__head-num"},i.day))})))),this.allDaySlot&&o("div",{key:"e517b7a6418d50c418d5d799d0bc623b5946cafd",class:"tg__allday"},o("div",{key:"b470f6f08482c15459f05a95508c66f0e2244860",class:"tg__allday-axis"},function(t,i){if(!t)return"";const e=`${t}|${null!=i?i:""}`,s=T.get(e);if(void 0!==s)return s;const o=function(t,i){var e,s;try{const o=new Date(`${null!=i?i:"2026-01-01"}T12:00:00Z`),n=null!==(s=null===(e=new Intl.DateTimeFormat("en-US",{timeZone:t,timeZoneName:"shortOffset"}).formatToParts(o).find((t=>"timeZoneName"===t.type)))||void 0===e?void 0:e.value)&&void 0!==s?s:"",a=n.match(/GMT([+-])(\d{1,2})(?::(\d{2}))?/);if(!a)return n;const r=a[2].padStart(2,"0");return a[3]?`GMT${a[1]}${r}:${a[3]}`:`GMT${a[1]}${r}`}catch(t){return""}}(t,i);return T.size>2e3&&T.clear(),T.set(e,o),o}(this.timeZone,t[0])),o("div",{key:"50f2a093550f7320b602cc81dcfd1d1438071539",class:"tg__allday-lane",style:{height:22*Math.max(1,e.laneCount)+4+"px"}},e.segments.map((i=>this.renderAllDayBar(i,t.length,s))))),o("div",{key:"fc2f4ad9bf8ab22930907c6ca2f7239ed4a57659",class:"tg__scroll",ref:t=>this.scrollEl=t},o("div",{key:"db4a5798f1d587485b31884ebaa2ed853417c031",class:"tg__body"},o("div",{key:"168e7a54caee97f7219a26d46e6b42b51ac86f88",class:"tg__axis",style:{height:h}},this.hourList().map((t=>o("span",{class:"tg__axis-hour",style:{top:100*p(t,this.minM,this.maxM)+"%"}},function(t,i){const e=`${i}|${t}`,s=S.get(e);if(void 0!==s)return s;let o=F.get(i);o||(o=new Intl.DateTimeFormat(i,{hour:"numeric",hour12:!0}),F.set(i,o));const n=Math.floor(t/60),a=o.format(new Date(2e3,0,1,n,0));return S.size>2e3&&S.clear(),S.set(e,a),a}(t,this.locale))))),o("div",{key:"e0f1a5558b07db8abb5586d01cdf3f30eb5f0e3f",class:"tg__cols",style:Object.assign({gridTemplateColumns:a,height:h},l)},t.map(((t,e)=>{var s;const n=0===w(t,r);return o("div",{class:{tg__col:!0,"tg__col--today":n},"data-col-date":t,onPointerDown:i=>this.startSelection(i,t,i.currentTarget),onPointerMove:t=>this.extendSelection(t,t.currentTarget)},this.loading?j[e%j.length].map((([t,i])=>o("div",{class:"tg__event-skeleton","aria-hidden":"true",style:{top:`${t}%`,height:`${i}%`}},o("co-skeleton",{variant:"rect",width:"100%",height:"100%"})))):(null!==(s=i.timed[t])&&void 0!==s?s:[]).map((t=>this.renderEventBox(t))),this.selDate===t&&this.renderSelectionGhost(),this.focusDate===t&&o("div",{class:"tg__focus",style:{top:100*p(this.focusMin,this.minM,this.maxM)+"%",height:100*(p(this.focusMin+this.slotMinutes,this.minM,this.maxM)-p(this.focusMin,this.minM,this.maxM))+"%"}}),this.nowIndicator&&this.nowDay===t&&this.nowMinutes>=this.minM&&this.nowMinutes<this.maxM&&o("div",{class:"tg__now",style:{top:100*p(this.nowMinutes,this.minM,this.maxM)+"%"}}))})),o("div",{class:"tg__drag-ghost",key:"tg-drag-ghost",ref:t=>this.ghostEl=t})))))}get el(){return this}static get watchers(){return{events:[{onEventsChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;min-block-size:0;font-family:var(--co-font-family-primary);--co-cal-slot-h:12px;--co-cal-axis-w:56px;--co-cal-surface:var(--co-semantic-surface-page);--co-cal-border:var(--co-semantic-border-default);--co-cal-grid-line:color-mix(in srgb, var(--co-cal-border) 60%, transparent);--co-cal-text:var(--co-semantic-text-default);--co-cal-text-muted:var(--co-semantic-text-muted);--co-cal-hover:var(--co-semantic-surface-hover);--co-cal-today-ring:var(--co-color-primary-azul);--co-cal-now-color:var(--co-color-status-error, #AA2E1B);--co-cal-allday-h:28px;--co-cal-event-radius:6px;--co-cal-elevation-hover:var(--co-shadow-lg);--co-cal-event-bg:var(--co-color-primary-azul);--co-cal-event-border:transparent;--co-cal-event-text:var(--co-color-base-blanco, #fff);--co-cal-event-text-light:var(--co-color-base-blanco, #fff);--co-cal-event-text-dark:var(--co-semantic-text-default)}.tg{display:flex;flex-direction:column;min-block-size:0;border-radius:var(--co-border-radius-xs);overflow:hidden;background:var(--co-cal-surface)}.tg__head{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;border-bottom:1px solid var(--co-cal-border)}.tg__head-spacer{border-right:1px solid var(--co-cal-border)}.tg__head-days{display:grid}.tg__head-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--co-spacing-xs)}.tg__head-dow{font-size:var(--co-font-size-11, 11px);text-transform:uppercase;letter-spacing:0.04em;color:var(--co-cal-text-muted)}.tg__head-num{font-size:var(--co-font-size-20, 20px);color:var(--co-cal-text);min-width:34px;height:34px;line-height:34px;text-align:center;border-radius:var(--co-border-radius-full)}.tg__head-day--today .tg__head-dow{color:var(--co-cal-today-ring)}.tg__head-day--today .tg__head-num{background:var(--co-cal-today-ring);color:var(--co-color-base-blanco, #fff);font-weight:500}.tg__allday{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;min-height:var(--co-cal-allday-h);border-bottom:1px solid var(--co-cal-border)}.tg__allday-axis{border-right:1px solid var(--co-cal-border);font-size:var(--co-font-size-10, 10px);color:var(--co-cal-text-muted);padding:var(--co-spacing-xxs)}.tg__allday-lane{position:relative;min-height:var(--co-cal-allday-h);padding:2px 0}.tg__allday-bar{position:absolute;height:20px;box-sizing:border-box;padding:0 var(--co-spacing-xs);border:0;border-radius:var(--co-cal-event-radius);background:var(--co-cal-event-bg);color:var(--co-cal-event-text);font:500 var(--co-font-size-11, 11px)/20px var(--co-font-family-primary);text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.tg__allday-bar:hover{box-shadow:var(--co-cal-elevation-hover);z-index:2}.tg__allday-bar--continues-before{border-top-left-radius:0;border-bottom-left-radius:0}.tg__allday-bar--continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.tg__allday-bar--tentative{background-image:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 0 4px, transparent 4px 8px)}.tg__allday-bar--cancelled{opacity:0.6;text-decoration:line-through}.tg__allday-bar:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.tg__scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto}.tg__body{display:grid;grid-template-columns:var(--co-cal-axis-w) 1fr;position:relative}.tg__axis{border-right:1px solid var(--co-cal-border);position:relative}.tg__axis-hour{position:absolute;right:var(--co-spacing-xs);transform:translateY(-50%);font-size:var(--co-font-size-11, 11px);color:var(--co-cal-text-muted);white-space:nowrap}.tg__cols{display:grid;grid-auto-rows:100%;position:relative}.tg__col{position:relative;border-right:1px solid var(--co-cal-border);background-image:linear-gradient(     to bottom,     var(--co-cal-border) 0,     var(--co-cal-border) 1px,     transparent 1px   );background-size:100% var(--co-cal-hour-h, calc(4 * var(--co-cal-slot-h)));background-position:0 var(--co-cal-hour-offset, 0px);background-repeat:repeat-y}.tg__col:last-child{border-right:0}.tg--interacting .tg__event{pointer-events:none}.tg--interacting .tg__col{contain:layout}.tg__event{position:absolute;user-select:none;-webkit-user-select:none;touch-action:none;box-sizing:border-box;border-radius:var(--co-cal-event-radius);background:var(--co-cal-event-bg);color:var(--co-cal-event-text);border:1px solid var(--co-cal-event-border);padding:2px var(--co-spacing-xs);font-size:var(--co-font-size-11, 11px);line-height:1.15;overflow:hidden;cursor:pointer;text-align:left}.tg__event-skeleton{position:absolute;inset-inline:0 2px;box-sizing:border-box;border-radius:var(--co-cal-event-radius);overflow:hidden;pointer-events:none}.tg__event-skeleton co-skeleton{display:block;block-size:100%}.tg__event:hover{box-shadow:var(--co-cal-elevation-hover);z-index:5}.tg__event--dragging:hover{box-shadow:none}.tg__event:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.tg__event-time{display:block;font-variant-numeric:tabular-nums;opacity:0.85}.tg__event-title{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg__event-ext{position:absolute;top:3px;right:3px;opacity:0.9}.tg__event--past{opacity:0.55}.tg__event--external{border-style:dashed}.tg__event--locked{cursor:default}.tg__event--dragging{opacity:0.5}.tg__event--tentative{background-image:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.5) 0 4px, transparent 4px 8px)}.tg__event--cancelled{opacity:0.6}.tg__event--cancelled .tg__event-title{text-decoration:line-through}.tg__event-resize{position:absolute;left:0;right:0;bottom:0;height:6px;cursor:ns-resize}.tg__selection{position:absolute;left:0;right:0;box-sizing:border-box;z-index:2;background:color-mix(in srgb, var(--co-cal-today-ring) 22%, transparent);border:1px solid var(--co-cal-today-ring);border-radius:var(--co-border-radius-xxs);pointer-events:none}.tg__drag-ghost{position:absolute;display:none;box-sizing:border-box;z-index:4;pointer-events:none;background:color-mix(in srgb, var(--co-cal-today-ring) 22%, transparent);border:1px solid var(--co-cal-today-ring);border-radius:var(--co-border-radius-xxs);will-change:transform}.tg__focus{position:absolute;left:0;right:0;z-index:1;pointer-events:none;box-sizing:border-box;outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.tg__now{position:absolute;left:0;right:0;height:0;z-index:3;pointer-events:none}.tg__now::before{content:'';position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--co-cal-now-color)}.tg__now::after{content:'';position:absolute;left:0;right:0;top:0;border-top:2px solid var(--co-cal-now-color)}"}},[1,"co-calendar-timegrid",{events:[16],dates:[16],locale:[1],timeZone:[1,"time-zone"],editable:[4],selectable:[4],minDate:[1,"min-date"],maxDate:[1,"max-date"],slotMinutes:[2,"slot-minutes"],snapMinutes:[2,"snap-minutes"],defaultDurationMinutes:[2,"default-duration-minutes"],scrollTime:[1,"scroll-time"],nowIndicator:[4,"now-indicator"],loading:[4],allDaySlot:[4,"all-day-slot"],minTime:[1,"min-time"],maxTime:[1,"max-time"],nowMinutes:[32],nowDay:[32],focusDate:[32],focusMin:[32],selDate:[32],selStartMin:[32],selEndMin:[32],dragId:[32],clearSelection:[64]},void 0,{events:[{onEventsChange:0}]}]);function E(t,i){const e=/^(\d{1,2}):(\d{2})$/.exec(t);return e?60*Number(e[1])+Number(e[2]):i}const A=new Map,I=new Map,S=new Map,F=new Map,T=new Map,j=[[[26,8],[42,12]],[[30,14]],[[24,6],[38,9],[56,7]],[[34,11],[52,6]],[[28,9]],[[40,13],[60,8]],[[32,7],[46,10]]];function N(t){var i,e;const s=String(null!==(e=null===(i=t.extendedProps)||void 0===i?void 0:i.provider)&&void 0!==e?e:"").toLowerCase();return s.includes("google")?"google":s.includes("microsoft")||s.includes("outlook")?"microsoft":""}function B(){"undefined"!=typeof customElements&&["co-calendar-timegrid","co-icon","co-provider-logo","co-skeleton"].forEach((i=>{switch(i){case"co-calendar-timegrid":customElements.get(t(i))||customElements.define(t(i),C);break;case"co-icon":customElements.get(t(i))||r();break;case"co-provider-logo":customElements.get(t(i))||h();break;case"co-skeleton":customElements.get(t(i))||l()}}))}B();export{C,B as d}

package/dist/components/p-DTJsO_Eg.js

@@ -1 +0,0 @@
-import{t,p as i,H as s,c as o,h as e}from"./index.js";import{c as n,g as h,f as a}from"./p-BMdapAL8.js";const r=["top","bottom","left","right"].map((t=>`co-popover__panel--${t}`)),c=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coOpen=o(this,"coOpen",3),this.coClose=o(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=t=>{this.open&&this.closeOnClickOutside&&(t.composedPath().includes(this.el)||(this.open=!1))},this.handleDocumentKeydownManual=t=>{this.open&&this.closeOnEscape&&"Escape"===t.key&&(t.stopPropagation(),this.open=!1)},this.updatePosition=()=>{if(!this.open||!this.triggerEl||!this.panelEl)return;const t=this.triggerEl.getBoundingClientRect(),i=DOMRect.fromRect({width:this.panelEl.offsetWidth,height:this.panelEl.offsetHeight}),{top:s,left:o,actualPlacement:e}=n(t,i,{placement:this.placement,offset:this.offset,flip:this.flip});let a=s,c=o;if(!this.panelEl.matches(":popover-open")&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=h(this.panelEl),this.offsetAncestorComputed=!0),this.cachedOffsetAncestor)){const t=this.cachedOffsetAncestor.getBoundingClientRect();a-=t.top,c-=t.left}const p={top:`${a}px`,left:`${c}px`};if(this.matchWidth&&(p.width=`${t.width}px`),this.panelEl){Object.assign(this.panelEl.style,p);const t=`co-popover__panel--${e.split("-")[0]}`;this.panelEl.classList.contains(t)||(this.panelEl.classList.remove(...r),this.panelEl.classList.add(t)),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}}componentDidLoad(){this.open&&this.onOpenChange(!0)}disconnectedCallback(){this.unbindDocListeners(),this.cleanupListeners()}onOpenChange(t){t?(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 t=this.panelEl;if(t&&"function"==typeof t.showPopover)try{t.matches(":popover-open")||t.showPopover()}catch(t){}}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=[];const t=a(this.el);t&&(t.addEventListener("scroll",this.scheduleUpdate,{passive:!0}),this.scrollParents.push(t))}cleanupListeners(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const t of this.scrollParents)t.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){return e("div",{key:"52d7ebec42ee6e0306bbc31f177454810299fd97",class:"co-popover"},e("div",{key:"7b3b35302f130c9aef3d352b896ded7aa85590a4",class:"co-popover__trigger",ref:t=>this.triggerEl=t,onClick:this.handleTriggerClick},e("slot",{key:"b601a5bfa04b45a5d4d7fe8001b4537a855ef168",name:"trigger"})),this.open&&e("div",{key:"7281452d76e80934192c5d0c945e8b00672dab0c",class:"co-popover__panel",popover:"manual",ref:t=>{t&&t!==this.panelEl&&(this.panelEl=t,this.promotePanel(),this.scheduleUpdate())}},e("slot",{key:"d0903b97d26f0f16be36054f15dd64d6ae9a3d77"})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":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;opacity:0;transform:scale(0.98);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;opacity:1;transform:scale(1);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out),     transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-popover__panel--bottom{transform-origin:top center}.co-popover__panel--top{transform-origin:bottom center}.co-popover__panel--right{transform-origin:center left}.co-popover__panel--left{transform-origin:center right}"}},[257,"co-popover",{open:[1540],placement:[1],matchWidth:[516,"match-width"],offset:[2],closeOnClickOutside:[4,"close-on-click-outside"],closeOnEscape:[4,"close-on-escape"],flip:[4],toggle:[64],show:[64],hide:[64]},void 0,{open:[{onOpenChange:0}]}]);function p(){"undefined"!=typeof customElements&&["co-popover"].forEach((i=>{"co-popover"===i&&(customElements.get(t(i))||customElements.define(t(i),c))}))}p();export{c as C,p as d}