@prolibu-suite/cobalt-core 0.10.0 → 0.10.1

package/dist/types/components.d.ts

@@ -163,11 +163,19 @@ export namespace Components {
           * @default false
          */
         "noDownload": boolean;
+        /**
+          * Start playback if it is not already running (no-op on a failed load).
+         */
+        "play": () => Promise<void>;
         /**
           * Passthrough to the underlying <audio> preload.
           * @default 'metadata'
          */
         "preload": 'none' | 'metadata';
+        /**
+          * Move the playhead. Clamped to `[0, duration]`: `audio.currentTime` takes a restricted double and THROWS on a non-finite value, and a duration that is not known yet reads as 0 (see `knownDuration`).
+         */
+        "seek": (seconds: number) => Promise<void>;
         /**
           * Audio URL (use a signedUrl for private buckets).
          */
@@ -834,6 +842,10 @@ export namespace Components {
           * @default 'default'
          */
         "appearance": 'default' | 'overlay';
+        /**
+          * Accessible name when there is NO visible `label` (icon-less row toggles). Same `ariaLabelText` precedent as co-button; `label` wins when present. An `aria-label` on the host never reaches the inner role="checkbox".
+         */
+        "ariaLabelText"?: string;
         /**
           * Whether the checkbox is checked
           * @default false
@@ -2638,9 +2650,9 @@ export namespace Components {
          */
         "secondaryLabel"?: string;
         /**
-          * Programmatically focus the inner input (post-hydration safe).
+          * Enfoca el input nativo. `options` se reenvía a `focus()` — p. ej. `{ preventScroll: true }` para un buscador que vive en un panel top-layer (co-popover): el scroll nativo hacia el foco trepa por los ancestros del light DOM y arrastra al host (drawer) sin necesidad.
          */
-        "setFocus": () => Promise<void>;
+        "setFocus": (options?: FocusOptions) => Promise<void>;
         /**
           * Size variant: s (28px), sm (32px), md (40px, default), lg (48px). In the filled search-pill variant (`fill`) this drives the pill height instead (s ≈ 38px).
           * @default 'md'
@@ -3024,6 +3036,11 @@ export namespace Components {
           * Subtitle / description
          */
         "description"?: string;
+        /**
+          * Hairline between header and body. `false` lets the body run straight under the heading (Figma modals whose first row is a segmented control).
+          * @default true
+         */
+        "headerDivider": boolean;
         /**
           * Modal title
           * @default ''
@@ -3598,6 +3615,10 @@ export namespace Components {
           * @default true
          */
         "clearable": boolean;
+        /**
+          * Cierra el panel (Escape/Enter manejados por un panel proyectado).
+         */
+        "closePanel": () => Promise<void>;
         /**
           * How `item.color` paints the selected chips (multiple mode). 'dot' (default) = neutral chip with a leading 8px color dot. 'fill' = the color becomes the chip BACKGROUND (label/remove switch to WCAG-contrast text) — the tag look. Avatar/image items keep the avatar.
           * @default 'dot'
@@ -3633,6 +3654,16 @@ export namespace Components {
         "footerSecondaryLabel": string;
         "helperText"?: string;
         "iconLeft"?: string;
+        /**
+          * Chip outlined junto al valor heredado (p. ej. 'Predeterminado'). Solo con inheritedLabel.
+          * @default ''
+         */
+        "inheritedBadgeLabel": string;
+        /**
+          * Valor HEREDADO: texto que se pinta cuando NO hay valor, en lugar del placeholder, para mostrar lo que aplica por defecto (p. ej. el layout predeterminado del workspace en Deal.proposal.template.layout). No es un valor: `value` sigue vacío y no hay ×. Vacío = placeholder de siempre.
+          * @default ''
+         */
+        "inheritedLabel": string;
         "label"?: string;
         /**
           * Phosphor icon name rendered before the label text.
@@ -3662,6 +3693,10 @@ export namespace Components {
           * @default false
          */
         "multiple": boolean;
+        /**
+          * Abre el panel. Espejo de `closePanel` para un panel proyectado que se cierra a sí mismo (p.ej. para mostrar un modal — un click dentro de un co-modal cuenta como click-outside del popover) y quiere volver a abrirse después. No-op si está disabled, igual que el trigger.
+         */
+        "openPanel": () => Promise<void>;
         /**
           * JSON array of options to display: RefFieldOption[]
           * @default '[]'
@@ -3703,6 +3738,10 @@ export namespace Components {
          */
         "searchable": boolean;
         "secondaryLabel"?: string;
+        /**
+          * Selección desde un panel proyectado (slot `panel`): mismo contrato que un click en la co-option-list — actualiza `value`, emite `coChange` con `{ value, item }` y cierra en single.
+         */
+        "selectOption": (option: RefFieldOption) => Promise<void>;
         /**
           * JSON array of display items for selected values: RefFieldDisplayItem[]
           * @default '[]'
@@ -3974,6 +4013,10 @@ export namespace Components {
         "trackColor": string;
     }
     interface CoSelect {
+        /**
+          * Accessible name for the combobox when there is NO visible `label` (compact rows that drop the field label). Same `ariaLabelText` precedent as co-button / co-icon-button / co-fab. `label` still wins as the visible name; this only fills the gap — an `aria-label` on the host never crosses the shadow boundary, so without it a label-less select is nameless.
+         */
+        "ariaLabelText"?: string;
         /**
           * @default false
          */
@@ -5184,6 +5227,7 @@ declare global {
         "coPause": void;
         "coEnded": void;
         "coError": unknown;
+        "coTimeUpdate": { currentTime: number; duration: number };
     }
     interface HTMLCoAudioPlayerElement extends Components.CoAudioPlayer, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCoAudioPlayerElementEventMap>(type: K, listener: (this: HTMLCoAudioPlayerElement, ev: CoAudioPlayerCustomEvent<HTMLCoAudioPlayerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -7158,7 +7202,7 @@ declare namespace LocalJSX {
          */
         "heading"?: string;
         /**
-          * Emitted when the user toggles the section.
+          * Nuevo estado tras el click en el caret. `bubbles: false`: es un evento de ESTADO del propio acordeón y todo consumidor lo escucha en su host — si burbujeara, colapsar un fieldset anidado (FieldObject dentro de otra sección) colapsaba también al padre, cuyo handler hace `open = e.detail`.
          */
         "onCoToggle"?: (event: CoAccordionCustomEvent<boolean>) => void;
         /**
@@ -7267,6 +7311,10 @@ declare namespace LocalJSX {
         "onCoError"?: (event: CoAudioPlayerCustomEvent<unknown>) => void;
         "onCoPause"?: (event: CoAudioPlayerCustomEvent<void>) => void;
         "onCoPlay"?: (event: CoAudioPlayerCustomEvent<void>) => void;
+        /**
+          * Playback position, on the `<audio>` element's own `timeupdate` cadence (~4×/s while playing, plus every seek). Exists so a host can follow the playhead — a transcript highlighting the line being spoken, for one — without reaching into this component's shadow DOM for its `<audio>`.
+         */
+        "onCoTimeUpdate"?: (event: CoAudioPlayerCustomEvent<{ currentTime: number; duration: number }>) => void;
         /**
           * Passthrough to the underlying <audio> preload.
           * @default 'metadata'
@@ -8009,6 +8057,10 @@ declare namespace LocalJSX {
           * @default 'default'
          */
         "appearance"?: 'default' | 'overlay';
+        /**
+          * Accessible name when there is NO visible `label` (icon-less row toggles). Same `ariaLabelText` precedent as co-button; `label` wins when present. An `aria-label` on the host never reaches the inner role="checkbox".
+         */
+        "ariaLabelText"?: string;
         /**
           * Whether the checkbox is checked
           * @default false
@@ -10529,6 +10581,11 @@ declare namespace LocalJSX {
           * Subtitle / description
          */
         "description"?: string;
+        /**
+          * Hairline between header and body. `false` lets the body run straight under the heading (Figma modals whose first row is a segmented control).
+          * @default true
+         */
+        "headerDivider"?: boolean;
         /**
           * Modal title
           * @default ''
@@ -11184,6 +11241,16 @@ declare namespace LocalJSX {
         "footerSecondaryLabel"?: string;
         "helperText"?: string;
         "iconLeft"?: string;
+        /**
+          * Chip outlined junto al valor heredado (p. ej. 'Predeterminado'). Solo con inheritedLabel.
+          * @default ''
+         */
+        "inheritedBadgeLabel"?: string;
+        /**
+          * Valor HEREDADO: texto que se pinta cuando NO hay valor, en lugar del placeholder, para mostrar lo que aplica por defecto (p. ej. el layout predeterminado del workspace en Deal.proposal.template.layout). No es un valor: `value` sigue vacío y no hay ×. Vacío = placeholder de siempre.
+          * @default ''
+         */
+        "inheritedLabel"?: string;
         "label"?: string;
         /**
           * Phosphor icon name rendered before the label text.
@@ -11578,6 +11645,10 @@ declare namespace LocalJSX {
         "trackColor"?: string;
     }
     interface CoSelect {
+        /**
+          * Accessible name for the combobox when there is NO visible `label` (compact rows that drop the field label). Same `ariaLabelText` precedent as co-button / co-icon-button / co-fab. `label` still wins as the visible name; this only fills the gap — an `aria-label` on the host never crosses the shadow boundary, so without it a label-less select is nameless.
+         */
+        "ariaLabelText"?: string;
         /**
           * @default false
          */
@@ -12709,6 +12780,7 @@ declare namespace LocalJSX {
         "size": 'small' | 'medium' | 'large';
         "disabled": boolean;
         "label": string;
+        "ariaLabelText": string;
         "value": string;
         "checkedColor": string;
         "appearance": 'default' | 'overlay';
@@ -13213,6 +13285,7 @@ declare namespace LocalJSX {
         "closeOnEscape": boolean;
         "size": 'sm' | 'md' | 'lg' | 'full';
         "noDividers": boolean;
+        "headerDivider": boolean;
     }
     interface CoNavbarAttributes {
         "variant": 'default' | 'filled' | 'bordered' | 'dark';
@@ -13379,6 +13452,8 @@ declare namespace LocalJSX {
         "colorMode": 'dot' | 'fill';
         "triggerBadgeIcon": string;
         "triggerBadgeLabel": string;
+        "inheritedLabel": string;
+        "inheritedBadgeLabel": string;
         "panelWidth": string;
         "avatarShape": 'circle' | 'square';
         "pinnable": boolean;
@@ -13436,6 +13511,7 @@ declare namespace LocalJSX {
     }
     interface CoSelectAttributes {
         "label": string;
+        "ariaLabelText": string;
         "required": boolean;
         "secondaryLabel": string;
         "placeholder": string;

package/package.json

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

package/dist/cobalt/p-15d59169.entry.js

@@ -1 +0,0 @@
-import{r as o,c as i,h as a,a as c}from"./p-DH5lfRNj.js";const e=class{constructor(a){o(this,a),this.coToggle=i(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"4e2089349432ce39bb797397aacaebd022fcbcee",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"4337878858bd31822201a925010f3150568fa056",class:"co-accordion__header",part:"header"},a("span",{key:"cf69c69cc786981ca6bd54bd0f6a6c38a3baa0b6",class:"co-accordion__heading-group"},a("span",{key:"0e7efd52e6d48c35ce0270485e8ce6099c6a3302",class:"co-accordion__heading",part:"heading"},a("slot",{key:"b575ce7ae5611007490724f430819f083781f84d",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"996a58f3f3b5cd656849b413b0f998675452cc2f",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"a9029aa67f51162ad54c010d23bf20545883ef45",name:"subheading"},this.subheading))),a("button",{key:"757286aaf2914fe7d32fc14ab0f5de57ffeab48c",class:"co-accordion__caret",type:"button","aria-expanded":this.open?"true":"false","aria-label":this.heading||"Toggle section",disabled:this.disabled,onClick:this.handleToggle,part:"caret"},a("co-icon",{key:"b4c3c96489a30607727a44955dbff2d504ef2b6e",name:"caret-up",size:20}))),a("div",{key:"bd56b12cbd7484f61fec140740312800536d7b18",class:"co-accordion__body",part:"body"},a("div",{key:"1f2ff56e7bd7a49f8484c988ecdf434d108ef4ed",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"25ef25609ccece786a05709d90a32e7e135fec72"}))))}get el(){return c(this)}};e.style=":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm, 6px);width:100%;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--co-border-radius-full, 9999px);color:var(--co-semantic-text-default);cursor:pointer;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), background-color var(--co-motion-duration-fast) var(--co-motion-ease-out);transform:rotate(180deg);}.co-accordion__caret:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{padding-top:0}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-slow)}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:padding-top var(--co-motion-duration-slow) var(--co-motion-ease-out), visibility 0s linear 0s}.co-accordion__caret:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:2px}.co-accordion--disabled .co-accordion__header{opacity:0.5}.co-accordion--disabled .co-accordion__caret{cursor:not-allowed}";export{e as co_accordion}

package/dist/cobalt/p-1788aab5.entry.js

@@ -1 +0,0 @@
-import{r as o,c as e,h as r,a as i}from"./p-DH5lfRNj.js";import{R as t}from"./p-fMqVDypp.js";import{h as c,a,p as s,b as n,i as l}from"./p-BRbgGqLw.js";import{l as h,f as d}from"./p-gKnOhsd2.js";const p={en:{swatches:"Color presets",groupNeutrals:"Neutrals",groupBrand:"Brand colors",area:"Saturation and brightness",hue:"Hue",hueValue:"{n} degrees",saturation:"Saturation",satValue:"Saturation {n}%",brightness:"Brightness",briValue:"Brightness {n}%",area2D:"2D slider",hexField:"Hex code",eyedropper:"Pick a color from the screen",copy:"Copy"},es:{swatches:"Colores predefinidos",groupNeutrals:"Neutros",groupBrand:"Colores de marca",area:"Saturación y brillo",hue:"Matiz",hueValue:"{n} grados",saturation:"Saturación",satValue:"Saturación {n} %",brightness:"Brillo",briValue:"Brillo {n} %",area2D:"Control 2D",hexField:"Código hexadecimal",eyedropper:"Elegir un color de la pantalla",copy:"Copiar"},pt:{swatches:"Cores predefinidas",groupNeutrals:"Neutros",groupBrand:"Cores da marca",area:"Saturação e brilho",hue:"Matiz",hueValue:"{n} graus",saturation:"Saturação",satValue:"Saturação {n} %",brightness:"Brilho",briValue:"Brilho {n} %",area2D:"Controle 2D",hexField:"Código hexadecimal",eyedropper:"Escolher uma cor da tela",copy:"Copiar"}},u=o=>{var e;return"string"==typeof o?{key:o,name:o,value:o,synthesizedKey:!0}:null!=o.key?{key:o.key,name:o.name,value:o.value}:{key:null!==(e=o.name)&&void 0!==e?e:o.value,name:o.name,value:o.value,synthesizedKey:!0}},b=[{key:"black",name:"Black",value:"#1F1C1B"},{key:"gray",name:"Gray",value:"#585858"},{key:"silver",name:"Silver",value:"#C4C4C4"},{key:"smoke",name:"Smoke",value:"#E3E3E3"},{key:"bone",name:"Bone",value:"#F7F6F0"},{key:"green",name:"Green",value:"#02A270"},{key:"olive",name:"Olive",value:"#AAB43C"},{key:"yellow",name:"Yellow",value:"#FDBF00"},{key:"orange",name:"Orange",value:"#F0821E"},{key:"red",name:"Red",value:"#EB1E1E"},{key:"pink",name:"Pink",value:"#F32A73"},{key:"burgundy",name:"Burgundy",value:"#811137"},{key:"violet",name:"Violet",value:"#5F4BD7"},{key:"electricBlue",name:"Electric blue",value:"#000AFF"},{key:"blue",name:"Blue",value:"#2563EB"},{key:"lightBlue",name:"Light blue",value:"#00BEE6"},{key:"teal",name:"Teal",value:"#00AFAF"}],g=["black","gray","silver","smoke","bone"],f=b.filter((o=>!g.includes(o.key))).map((o=>o.key)),v=new Set(g),m=new Set(f),k=/^#?[0-9a-f]*$/i,x=Object.freeze({h:0,s:100,v:100}),_=o=>o.reduce(((o,e)=>o.concat(e.items)),[]),y=class{constructor(r){o(this,r),this.coChange=e(this,"coChange",7),this.coInput=e(this,"coInput",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.presets="",this.locale="en",this.isOpen=!1,this.copied=!1,this.hsv=x,this.hexDraft="",this.hexEditing=!1,this.areaAxis="s",this.emitted="",this.committed="",this.focusedIndex=0,this.areaDragging=!1,this.handlePopoverOpen=()=>{this.isOpen=!0,this.areaDragging=!1,this.resetHexDraft();const o=this.flatPresets.findIndex((o=>o.value.toUpperCase()===(this.value||"").toUpperCase()));this.focusedIndex=o>=0?o:0},this.handlePopoverClose=()=>{this.isOpen=!1,this.finishHexEdit(),this.restoreTriggerFocus()},this.handleTriggerKeyDown=o=>{this.disabled||("Enter"===o.key||" "===o.key?(o.preventDefault(),this.isOpen=!this.isOpen):"ArrowDown"!==o.key||this.isOpen||(o.preventDefault(),this.isOpen=!0))},this.pointerToHsv=o=>{var e;const r=null===(e=this.areaEl)||void 0===e?void 0:e.getBoundingClientRect();if(!(r&&r.width>0&&r.height>0))return!1;const i=Math.min(Math.max((o.clientX-r.left)/r.width,0),1),t=Math.min(Math.max((o.clientY-r.top)/r.height,0),1);return this.previewHsv({s:100*i,v:100*(1-t)}),!0},this.handleAreaPointerDown=o=>{var e,r;this.disabled||0!==o.button||(null===(r=null===(e=this.areaEl)||void 0===e?void 0:e.setPointerCapture)||void 0===r||r.call(e,o.pointerId),this.areaDragging=this.pointerToHsv(o))},this.handleAreaPointerMove=o=>{!this.disabled&&this.areaDragging&&1===o.buttons&&this.pointerToHsv(o)},this.handleAreaPointerCancel=()=>{this.areaDragging=!1},this.handleAreaPointerUp=o=>{this.areaDragging&&0===o.button&&(this.areaDragging=!1,this.disabled||this.commit(c(this.hsv)))},this.handleAreaKeyDown=o=>{if(this.disabled)return;const e=y.AREA_KEYS[o.key];if(!e)return;o.preventDefault();const r=Math.min(100,Math.max(0,this.hsv[e.axis]+e.dir*(o.shiftKey?10:1)));this.focusAxis(e.axis),this.previewHsv({[e.axis]:r}),this.commit(c(this.hsv))},this.handleHueKeyDown=o=>{if(this.disabled||!o.shiftKey)return;const e="ArrowRight"===o.key||"ArrowUp"===o.key?1:"ArrowLeft"===o.key||"ArrowDown"===o.key?-1:0;if(!e)return;o.preventDefault();const r=Math.min(360,Math.max(0,this.hsv.h+10*e));this.previewHsv({h:r}),this.commit(c(this.hsv))},this.handleGridKeyDown=o=>{var e;const r=this.presetGroups,i=_(r),t=i.length;if(!t)return;const c=Math.min(Math.max(this.focusedIndex,0),t-1);let a=c;switch(o.key){case"ArrowRight":a=(c+1)%t;break;case"ArrowLeft":a=(c-1+t)%t;break;case"ArrowDown":a=this.verticalNeighbor(r,c,1);break;case"ArrowUp":a=this.verticalNeighbor(r,c,-1);break;case"Home":a=0;break;case"End":a=t-1;break;case"Enter":case" ":return o.preventDefault(),void this.handleSwatchClick(i[c].value);default:return}o.preventDefault(),this.focusedIndex=a,null===(e=this.optionEls()[a])||void 0===e||e.focus()},this.handleHexInput=o=>{var e,r;if(this.disabled)return;const i=o.target,t=this.escapeHex(i.value);if(i.value!==t){const o=null!==(e=i.selectionStart)&&void 0!==e?e:i.value.length,c=Math.min(this.escapeHex(i.value.slice(0,o)).length,t.length);i.value=t,null===(r=i.setSelectionRange)||void 0===r||r.call(i,c,c)}this.hexEditing=!0,this.hexDraft=t,a(t)&&this.previewHex(this.expandHex(t))},this.handleHexBlur=()=>{this.finishHexEdit()},this.handleHexKeyDown=o=>{"Enter"===o.key&&(o.preventDefault(),this.finishHexEdit())},this.handleHexPaste=o=>{var e,r;if(this.disabled)return;const i=(null!==(r=null===(e=o.clipboardData)||void 0===e?void 0:e.getData("text"))&&void 0!==r?r:"").trim(),t=s(i);if(t)return o.preventDefault(),this.hexEditing=!1,this.hexDraft=this.escapeHex(t),void this.commit(t);k.test(i)||o.preventDefault()},this.handleEyeDropper=async()=>{if(this.finishHexEdit(),this.hasEyeDropper)try{const o=window.EyeDropper,{sRGBHex:e}=await(new o).open(),r=s(e);r&&this.commit(r)}catch(o){}}}syncFromValue(o){if(this.syncHexDraft(o),(o||"").toUpperCase()===(this.emitted||"").toUpperCase())return;this.committed=o,this.emitted=o;const e=n(o||"");e&&(this.hsv=e)}componentWillLoad(){const o=n(this.value||"");this.hsv=null!=o?o:x,this.areaAxis="s",this.resetHexDraft(),this.committed=this.value,this.emitted=this.value}previewHsv(o){this.hsv=Object.assign(Object.assign({},this.hsv),o),this.emitPreview(c(this.hsv))}previewHex(o){const e=n(o);e&&(this.hsv=e),this.emitPreview(o)}emitPreview(o){this.emitted=o,this.value=o,this.coInput.emit(o)}commit(o){if(c(this.hsv)!==o){const e=n(o);e&&(this.hsv=e)}this.emitted=o,this.committed=o,this.value=o,this.coChange.emit(o)}get strings(){return p[h(this.locale)]}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map(u);if("string"==typeof this.presets&&this.presets.trim())try{const o=JSON.parse(this.presets);if(Array.isArray(o))return o.map((o=>u(o)))}catch(o){}return b}get presetGroups(){const o=this.parsedPresets,e=function(o){const e=[],r=[];for(const i of o){if(i.synthesizedKey)return null;if(v.has(i.key))e.push(i);else{if(!m.has(i.key))return null;r.push(i)}}return e.length&&r.length?{neutrals:e,brand:r}:null}(o);return e?[{label:this.strings.groupNeutrals,items:e.neutrals,from:0},{label:this.strings.groupBrand,items:e.brand,from:e.neutrals.length}]:[{label:void 0,items:o,from:0}]}get flatPresets(){return _(this.presetGroups)}restoreTriggerFocus(){var o;const e=document.activeElement;(e===this.el||this.el.contains(e))&&(null===(o=this.triggerEl)||void 0===o||o.focus())}handleSwatchClick(o){this.commit(o),this.isOpen=!1,this.restoreTriggerFocus()}focusAxis(o){this.areaAxis=o;const e="s"===o?this.satEl:this.valEl;e&&(e.removeAttribute("aria-hidden"),e.focus())}optionEls(){var o,e;return Array.from(null!==(e=null===(o=this.gridEl)||void 0===o?void 0:o.querySelectorAll('[role="option"]'))&&void 0!==e?e:[])}verticalNeighbor(o,e,r){const i=o.findIndex((o=>e>=o.from&&e<o.from+o.items.length));if(i<0)return e;const t=o[i],c=e-t.from,a=c%6,s=Math.ceil(t.items.length/6),n=Math.floor(c/6)+r;if(n>=0&&n<s)return t.from+Math.min(6*n+a,t.items.length-1);const l=o[i+r];if(!l)return e;const h=Math.ceil(l.items.length/6)||1;return l.from+Math.min(6*(1===r?0:h-1)+a,l.items.length-1)}renderArea(){const{h:o,s:e,v:i}=this.hsv,t="s"===this.areaAxis;return r("div",{class:"co-color-picker__area",role:"group","aria-label":this.strings.area,ref:o=>this.areaEl=o,style:{"--co-color-picker-hue":`${o}`},onPointerDown:this.handleAreaPointerDown,onPointerMove:this.handleAreaPointerMove,onPointerUp:this.handleAreaPointerUp,onPointerCancel:this.handleAreaPointerCancel},r("span",{class:"co-color-picker__area-thumb",role:"presentation",style:{left:`${e}%`,top:100-i+"%",background:this.value}}),r("input",{type:"range",min:"0",max:"100",step:"1",class:"co-color-picker__channel","data-channel":"s",value:Math.round(e),ref:o=>this.satEl=o,tabIndex:t?0:-1,"aria-hidden":t?void 0:"true","aria-label":this.strings.saturation,"aria-roledescription":this.strings.area2D,"aria-valuetext":d(this.strings.satValue,{n:Math.round(e)}),"aria-orientation":"horizontal",disabled:this.disabled,onFocus:()=>this.areaAxis="s",onInput:o=>this.previewHsv({s:+o.target.value}),onChange:()=>this.commit(c(this.hsv)),onKeyDown:this.handleAreaKeyDown}),r("input",{type:"range",min:"0",max:"100",step:"1",class:"co-color-picker__channel","data-channel":"v",value:Math.round(i),ref:o=>this.valEl=o,tabIndex:t?-1:0,"aria-hidden":t?"true":void 0,"aria-label":this.strings.brightness,"aria-roledescription":this.strings.area2D,"aria-valuetext":d(this.strings.briValue,{n:Math.round(i)}),"aria-orientation":"vertical",disabled:this.disabled,onFocus:()=>this.areaAxis="v",onInput:o=>this.previewHsv({v:+o.target.value}),onChange:()=>this.commit(c(this.hsv)),onKeyDown:this.handleAreaKeyDown}))}renderHue(){return r("input",{type:"range",min:"0",max:"360",step:"1",class:"co-color-picker__hue-input",value:Math.round(this.hsv.h),"aria-label":this.strings.hue,"aria-valuetext":d(this.strings.hueValue,{n:Math.round(this.hsv.h)}),disabled:this.disabled,onInput:o=>this.previewHsv({h:+o.target.value}),onChange:()=>this.commit(c(this.hsv)),onKeyDown:this.handleHueKeyDown})}renderSwatches(){return r("div",{class:"co-color-picker__grid",role:"listbox","aria-label":this.strings.swatches,ref:o=>this.gridEl=o,onKeyDown:this.handleGridKeyDown},this.presetGroups.map((o=>r("div",{class:"co-color-picker__grid-group",key:o.from,role:o.label?"group":"presentation","aria-label":o.label},o.items.map(((e,i)=>{const t=o.from+i,c=e.value.toUpperCase()===(this.value||"").toUpperCase();return r("div",{key:e.value,role:"option","aria-selected":c?"true":"false","aria-label":e.name,tabIndex:t===this.focusedIndex?0:-1,class:{"co-color-picker__grid-item":!0,"co-color-picker__grid-item--selected":c,"co-color-picker__grid-item--light":l(e.value)},style:{background:e.value},onFocus:()=>this.focusedIndex=t,onClick:()=>this.handleSwatchClick(e.value)},c&&r("co-icon",{name:"check",size:16,weight:"bold",class:"co-color-picker__grid-check"}))}))))))}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}escapeHex(o){return(o||"").replace(/[^0-9a-f]/gi,"").substring(0,6).toUpperCase()}expandHex(o){const e=o.replace("#","");return`#${(3===e.length?e[0]+e[0]+e[1]+e[1]+e[2]+e[2]:e).toUpperCase()}`}resetHexDraft(){this.hexEditing=!1,this.syncHexDraft(this.value)}syncHexDraft(o){this.hexEditing||o&&!a(o)||(this.hexDraft=this.escapeHex(o))}finishHexEdit(){const o=this.hexEditing;if(this.hexEditing=!1,!this.disabled){if(o&&a(this.hexDraft)){const o=this.expandHex(this.hexDraft);return this.commit(o),void this.syncHexDraft(o)}this.revertToCommitted()}}revertToCommitted(){const o=this.committed;this.syncHexDraft(o),o||(this.hsv=x),(this.value||"").toUpperCase()!==(o||"").toUpperCase()&&(this.value=o,this.emitted=o,this.coInput.emit(o))}get hasEyeDropper(){return"undefined"!=typeof window&&"EyeDropper"in window}renderHexRow(){const o=!!this.value;return r("div",{class:"co-color-picker__hex-row"},r("span",{class:"co-color-picker__hex-prefix"},"#"),r("input",{type:"text",class:"co-color-picker__hex-input",value:this.hexDraft,spellcheck:!1,autocomplete:"off",maxLength:6,"aria-label":this.strings.hexField,disabled:this.disabled,onInput:this.handleHexInput,onBlur:this.handleHexBlur,onKeyDown:this.handleHexKeyDown,onPaste:this.handleHexPaste}),this.hasEyeDropper&&r("button",{type:"button",class:"co-color-picker__eyedropper",title:this.strings.eyedropper,"aria-label":this.strings.eyedropper,disabled:this.disabled,onClick:this.handleEyeDropper},r("co-icon",{name:"eyedropper",size:16})),r("button",{type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:this.strings.copy,"aria-label":this.strings.copy,disabled:this.disabled||!o,onClick:()=>this.handleCopy()},r("co-icon",{name:this.copied?"check":"copy",size:16})))}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(o){}}render(){const o=!!this.value;return r("div",{key:"d0069249895cc3cf148c963f149ff7b3a15ab939",class:`co-color-picker co-color-picker--${this.size} ${"default"!==this.status?`co-color-picker--${this.status}`:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&r("label",{key:"e28d265aefc19f7e86ed36bfbfe6b6ec537d1ca2",class:"co-color-picker__label"},this.label,r(t,{key:"0aff2dde3002e1c9a79f2c3a385b64d33dc3418c",required:this.required})),r("co-popover",{key:"edac2d09e0d15c2f09dfff2ea0a2b95f5384d8de",open:this.isOpen,placement:"bottom-start",offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"98c2e3c5ed50f8cc869c1cf791ddce85e8887b8e",slot:"trigger",class:"co-color-picker__trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"dialog","aria-controls":this.isOpen?y.PANEL_ID:void 0,"aria-label":this.label||void 0,"aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,ref:o=>this.triggerEl=o,onKeyDown:this.handleTriggerKeyDown},r("span",{key:"65e49a6246c71b6366f7907c715c64259c30be46",class:"co-color-picker__swatch",style:{background:o?this.value:"transparent"}}),r("span",{key:"d8e6e852383ec925c4336f9b49a69e73d88e2234",class:"co-color-picker__value "+(o?"":"co-color-picker__value--empty")},o?this.value:this.placeholder)),this.isOpen&&r("div",{key:"2893b57d82d7ac2edc4e3bd8eac266fdc6cbfba0",class:"co-color-picker__panel",id:y.PANEL_ID,role:"dialog","aria-label":this.label||this.placeholder},this.renderArea(),this.renderHue(),this.renderSwatches(),this.renderHexRow())),this.helperText&&r("div",{key:"ca583c8033afaafa5bdd59ccd63e711eaf02e6df",class:"co-color-picker__helper"},this.statusIcon&&r("co-icon",{key:"aca2fd8186658e7d4e13ab67dc7a6e93c2fd8b89",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),r("span",{key:"e8e3cdf72353a1f5fb8b53fe725389386c7d75ea",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return i(this)}static get watchers(){return{value:[{syncFromValue:0}]}}};y.PANEL_ID="co-color-picker-panel",y.AREA_KEYS={ArrowRight:{axis:"s",dir:1},ArrowLeft:{axis:"s",dir:-1},ArrowUp:{axis:"v",dir:1},ArrowDown:{axis:"v",dir:-1}},y.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.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)')}.co-color-picker co-popover{display:block;width:100%}.co-color-picker__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-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:22px;height:22px;box-sizing:border-box;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__area{position:relative;height:132px;border-radius:var(--co-border-radius-xxs);cursor:crosshair;touch-action:none;background:linear-gradient(to top, black, transparent),     linear-gradient(to right, white, transparent),     hsl(var(--co-color-picker-hue, 0) 100% 50%)}.co-color-picker__area-thumb{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:var(--co-border-radius-full);border:2px solid var(--co-semantic-surface-page);box-shadow:0 0 0 1px var(--co-semantic-border-default);box-sizing:border-box;pointer-events:none}.co-color-picker__channel{position:absolute;inset:0;opacity:0;pointer-events:none;margin:0}.co-color-picker__area:focus-within{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-color-picker__hue-input{width:100%;height:12px;margin:0;appearance:none;-webkit-appearance:none;border-radius:var(--co-border-radius-full);background:linear-gradient(to right,     hsl(0 100% 50%), hsl(60 100% 50%), hsl(120 100% 50%),     hsl(180 100% 50%), hsl(240 100% 50%), hsl(300 100% 50%), hsl(360 100% 50%));cursor:pointer}.co-color-picker__hue-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-page);box-shadow:0 0 0 1px var(--co-semantic-border-default);cursor:grab}.co-color-picker__hue-input::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-page);box-shadow:0 0 0 1px var(--co-semantic-border-default)}.co-color-picker__hue-input:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-color-picker__grid{display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid-group{display:grid;grid-template-columns:repeat(6, 32px);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;box-sizing:border-box;transition:transform var(--co-motion-duration-fast) var(--co-motion-ease-out),     border-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__grid-item--light{box-shadow:inset 0 0 0 1px var(--co-semantic-border-default)}.co-color-picker__grid-item--light.co-color-picker__grid-item--selected{box-shadow:inset 0 0 0 1px var(--co-semantic-border-default),     0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__grid-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-surface-page),     0 0 0 4px var(--co-semantic-border-focus)}.co-color-picker__grid-item--light:focus-visible{box-shadow:inset 0 0 0 1px var(--co-semantic-border-default),     0 0 0 2px var(--co-semantic-surface-page),     0 0 0 4px var(--co-semantic-border-focus)}.co-color-picker__grid-check{color:var(--co-semantic-surface-page)}.co-color-picker__grid-item--light .co-color-picker__grid-check{color:var(--co-semantic-text-default)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-row:has(>.co-color-picker__hex-input:focus){border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-color-picker__hex-input{flex:1;min-width:0;box-sizing:border-box;border:none;background:transparent;padding:0;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase}.co-color-picker__hex-input:focus,.co-color-picker__hex-input:focus-visible{outline:none}.co-color-picker__hex-input:disabled{color:var(--co-semantic-text-muted);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--co-semantic-text-muted)}.co-color-picker__eyedropper{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-color-picker__eyedropper:hover:not(:disabled){color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__eyedropper:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-color-picker__eyedropper:disabled{cursor:not-allowed;opacity:0.5}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-color-picker__copy-btn:hover:not(:disabled){color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-color-picker__copy-btn:disabled{cursor:not-allowed;opacity:0.5}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-picker{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-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}";export{y as co_color_picker}

package/dist/cobalt/p-20a39218.entry.js

@@ -1 +0,0 @@
-import{r as o,c,h as e}from"./p-DH5lfRNj.js";const r=class{constructor(e){o(this,e),this.coChange=c(this,"coChange",7),this.checked=!1,this.indeterminate=!1,this.size="small",this.disabled=!1,this.value="",this.appearance="default",this.handleClick=()=>{this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!1,this.coChange.emit(!1)):(this.checked=!this.checked,this.coChange.emit(this.checked)))},this.handleKeyDown=o=>{" "===o.key&&(o.preventDefault(),this.handleClick())}}render(){const o="overlay"===this.appearance,c=this.checkedColor&&(this.checked||this.indeterminate)?{background:this.checkedColor}:void 0;return e("div",{key:"ba8053a262557bdfc35e16d743158b26e1783932",class:{"co-checkbox-row":!0,"co-checkbox-row--disabled":this.disabled},onClick:this.handleClick},e("span",{key:"fa4f7cddb61bce3636c949bba3b3cd0b681d3744",role:"checkbox","aria-checked":this.indeterminate?"mixed":String(this.checked),"aria-label":this.label||"","aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown,class:{"co-checkbox":!0,[`co-checkbox--${this.size}`]:!0,"co-checkbox--overlay":o,"co-checkbox--checked":this.checked&&!this.indeterminate,"co-checkbox--indeterminate":this.indeterminate,"co-checkbox--disabled":this.disabled},style:c,part:"box"},e("svg",{key:"3eb81bcb492a7ef932538542ddb37cb0143596e4",class:"co-checkbox__glyph",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},e("path",{key:"1affb22b56c8a907d5c98bd4bba88dc52d19fb76",class:"co-checkbox__check",d:"M3.5 8.5l3 3 6-6.5",pathLength:"1","stroke-linecap":"round","stroke-linejoin":"round"}),e("path",{key:"ad29a5205bc73f358333f648847e34ceedcb9800",class:"co-checkbox__dash",d:"M3 8h10",pathLength:"1","stroke-linecap":"round"}))),this.label&&e("span",{key:"09b729390669959e52c78a54b426b56c22267bde",class:"co-checkbox__label",part:"label"},this.label))}};r.style=":host{display:inline-flex;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-checkbox-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer}.co-checkbox-row--disabled{cursor:not-allowed}.co-checkbox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;user-select:none}.co-checkbox-row--disabled .co-checkbox__label{color:var(--co-semantic-text-disabled)}.co-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;padding:0;overflow:hidden;flex-shrink:0;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out),     border-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-checkbox--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs);}.co-checkbox--medium{width:20px;height:20px;border-radius:var(--co-spacing-sm);}.co-checkbox--large{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-checkbox:not(.co-checkbox--checked){background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);border:1px solid color-mix(in srgb, var(--co-semantic-border-default) 75%, transparent)}.co-checkbox--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox--indeterminate{background:var(--co-semantic-surface-primary);border:none}.co-checkbox--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox--overlay{border-radius:6px}.co-checkbox--overlay.co-checkbox--small{width:20px;height:20px;border-radius:6px}.co-checkbox--overlay.co-checkbox--medium,.co-checkbox--overlay.co-checkbox--large{width:22px;height:22px;border-radius:6px}.co-checkbox--overlay:not(.co-checkbox--checked):not(.co-checkbox--indeterminate){background:rgba(255, 255, 255, 0.9);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16));border:none;-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-checkbox--overlay.co-checkbox--checked,.co-checkbox--overlay.co-checkbox--indeterminate{background:var(--co-color-primary-azul, #2563eb);border:none;box-shadow:none}.co-checkbox__glyph{display:block;pointer-events:none}.co-checkbox__glyph path{stroke:var(--co-semantic-on-primary);stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.co-checkbox--checked .co-checkbox__check,.co-checkbox--indeterminate .co-checkbox__dash{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-checkbox--small .co-checkbox__glyph{width:12px;height:12px}.co-checkbox--medium .co-checkbox__glyph{width:14px;height:14px}.co-checkbox--large .co-checkbox__glyph{width:18px;height:18px}.co-checkbox--small .co-checkbox__check{stroke-width:2;}.co-checkbox--medium .co-checkbox__check{stroke-width:1.714;}.co-checkbox--large .co-checkbox__check{stroke-width:1.333;}.co-checkbox--small .co-checkbox__dash{stroke-width:2;}.co-checkbox--medium .co-checkbox__dash{stroke-width:2;}.co-checkbox--large .co-checkbox__dash{stroke-width:1.778;}.co-checkbox--overlay .co-checkbox__glyph{width:100%;height:100%}.co-checkbox--overlay .co-checkbox__glyph path{stroke:#fff;stroke-width:2.2}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox:not(.co-checkbox--checked){background:transparent}}.co-checkbox.co-checkbox:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus)}";export{r as co_checkbox}

package/dist/cobalt/p-3cc3ff93.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as o,a as n}from"./p-DH5lfRNj.js";import{R as e}from"./p-fMqVDypp.js";const c=class{constructor(o){i(this,o),this.coInput=t(this,"coInput",7),this.coChange=t(this,"coChange",7),this.coClear=t(this,"coClear",7),this.coFocus=t(this,"coFocus",7),this.coBlur=t(this,"coBlur",7),this.coAction=t(this,"coAction",7),this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.autoFocus=!1,this.status="default",this.size="md",this.variant="default",this.fill=!1,this.hasFocus=!1,this.shaking=!1,this.handleInput=i=>{this.value=i.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=i=>{if("Enter"===i.key){const i=this.el.closest("form");i&&i.requestSubmit()}},this.handleClear=()=>{var i;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(i=this.inputEl)||void 0===i||i.focus()},this.handleAction=()=>{this.coAction.emit()},this.handleShakeEnd=i=>{"co-input-shake"===i.animationName&&(this.shaking=!1)}}onValueChange(i){if(!this.inputEl||this.hasFocus)return;const t=null==i?"":String(i);this.inputEl.value!==t&&(this.inputEl.value=t)}onStatusChange(i,t){"error"===i&&"error"!==t?this.shaking=!0:"error"!==i&&(this.shaking=!1)}async setFocus(){var i;null===(i=this.inputEl)||void 0===i||i.focus()}componentDidLoad(){var i;this.autoFocus&&(null===(i=this.inputEl)||void 0===i||i.focus())}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";case"info":return"info";default:return null}}renderFill(){const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.iconLeft||"magnifying-glass";return o("div",{class:{"co-input":!0,"co-input--fill":!0,[`co-input--${this.size}`]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue},part:"wrapper"},o("div",{class:"co-input__field-row"},o("div",{class:"co-input__field",part:"field"},o("co-icon",{name:t,size:17,class:"co-input__icon co-input__icon--left"}),o("div",{class:"co-input__input-wrapper"},o("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&o("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},o("co-icon",{name:"x",size:14})))))}render(){if(this.fill)return this.renderFill();const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return o("div",{class:{"co-input":!0,[`co-input--${this.layout}`]:!0,[`co-input--${this.size}`]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,[`co-input--${this.status}`]:"default"!==this.status,"co-input--has-action":this.hasAction,"co-input--flat":"flat"===this.variant,"co-input--shake":this.shaking},part:"wrapper"},(this.label||this.secondaryLabel)&&o("div",{class:"co-input__labels"},this.label&&o("label",{class:"co-input__label",part:"label"},this.label,o(e,{required:this.required})),this.secondaryLabel&&o("span",{class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),o("div",{class:"co-input__field-row"},o("div",{class:"co-input__field",part:"field",onAnimationEnd:this.handleShakeEnd},this.iconLeft&&o("co-icon",{name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),o("slot",{name:"chips"}),o("div",{class:"co-input__input-wrapper"},o("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&o("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},o("co-icon",{name:"x-circle",size:16,weight:"fill"})),this.iconRight&&o("co-icon",{name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&o("co-icon",{name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),o("slot",{name:"suffix"}),o("slot",null),o("slot",{name:"action"})),this.hasAction&&o("button",{class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&o("co-icon",{name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&o("span",{class:"co-input__action-label"},this.actionLabel))),this.helperText&&o("div",{class:`co-input__helper co-input__helper--${this.status}`,part:"helper"},this.helperIcon&&o("co-icon",{name:this.helperIcon,size:14,class:"co-input__helper-icon"}),o("span",{class:"co-input__helper-text"},this.helperText)))}get el(){return n(this)}static get watchers(){return{value:[{onValueChange:0}],status:[{onStatusChange:0}]}}};c.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input{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-input__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-input__label{white-space:normal}:host([layout='horizontal']) .co-input>:not(.co-input__labels){grid-column:2;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{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);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);min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--flat .co-input__field{background:transparent;border-color:transparent}.co-input--s .co-input__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-input--sm .co-input__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-input--lg .co-input__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot=\"action\"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot=\"chips\"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__native[type='number']::-webkit-inner-spin-button,.co-input__native[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.co-input__native[type='number']{-moz-appearance:textfield;appearance:textfield}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;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-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--shake .co-input__field{animation:co-input-shake calc(var(--co-motion-duration-instant) * 3.5) var(--co-motion-ease-out) both}@keyframes co-input-shake{0%{transform:translateX(0);animation-timing-function:var(--co-motion-ease-out)}28.57%{transform:translateX(-6px);animation-timing-function:var(--co-motion-ease-out)}57.14%{transform:translateX(6px);animation-timing-function:var(--co-motion-ease-out)}78.57%{transform:translateX(-4px);animation-timing-function:var(--co-motion-ease-out)}100%{transform:translateX(0)}}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-input__field{background:var(--co-semantic-surface-secondary)}}.co-input--fill .co-input__field{background:var(--co-color-gray-100, #f6f6f6);border:none;box-shadow:none;border-radius:10px;padding:0 12px;gap:var(--co-spacing-sm2);min-height:46px;font-size:13.5px;-webkit-backdrop-filter:none;backdrop-filter:none}.co-input--fill.co-input--s .co-input__field{min-height:38px}.co-input--fill.co-input--sm .co-input__field{min-height:42px}.co-input--fill.co-input--lg .co-input__field{min-height:52px}.co-input--fill .co-input__native{font-size:13.5px;font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body)}.co-input--fill .co-input__native::placeholder{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__icon{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear:hover{color:var(--co-color-gray-600, #585858)}.co-input--fill.co-input--focused .co-input__field{border-color:transparent;box-shadow:none}";export{c as co_input}

package/dist/cobalt/p-4908f33f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-DH5lfRNj.js";const c=class{constructor(a){e(this,a)}render(){return a("div",{key:"305f42c88d10f238351f362b72283abe82eaeb20",class:"co-page-header",part:"page-header"},a("div",{key:"10185fe127049bfece585c59f92824888113861e",class:"co-page-header__left"},this.icon&&a("span",{key:"017bc4f2aed8d05999c581ce0d7a4797aa84eff6",class:"co-page-header__icon"},a("co-icon",{key:"7d5863437875aa09ad3bbe9e12c0b5d5c9f5c0c7",name:this.icon,size:24})),a("span",{key:"e62ead8cb061045d8995689dce3009e9843e3997",class:"co-page-header__title"},a("slot",{key:"9e1d01a94942daeeb1c56f1d0f05534b45125422"},this.heading))),a("div",{key:"5a2dd08e5b11ab33e64ddb581196d8535deb0925",class:"co-page-header__actions"},a("slot",{key:"7fd3a5ea06593c9208a59ba2812bb827f1d39815",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-63825d7f.entry.js

@@ -1 +0,0 @@
-import{r as o,c as i,h as t,a as r}from"./p-DH5lfRNj.js";import{h as e}from"./p-CQY6Ul7q.js";import{i as s}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const a=class{constructor(t){o(this,t),this.coRemove=i(this,"coRemove",7),this.coClick=i(this,"coClick",7),this.shape="rounded",this.size="large",this.iconMode="none",this.variant="filled",this.color="default",this.iconWeight="regular",this.removable=!1,this.dot=!1,this.clickable=!1,this.disabled=!1,this.selected=!1,this.handleClick=()=>{this.disabled||this.clickable&&this.coClick.emit()},this.handleRemove=o=>{o.stopPropagation(),this.disabled||this.coRemove.emit()}}render(){const o="left"===this.iconMode||"both"===this.iconMode,i="both"===this.iconMode&&!this.removable,r="large"===this.size?16:10,e="large"===this.size?16:10,s="filter"===this.variant?13:r,a=o||!!this.iconLeft||this.dot,c=i||!!this.iconRight||this.removable||!!this.trailingIcon;let n;return n=a&&c?"both":a?"left":c?"right":"none",t(this.clickable?"button":"div",{key:"385173584372bbad8872565f1fc95e8ae8e14563",class:{"co-chip":!0,[`co-chip--${this.shape}`]:!0,[`co-chip--${this.size}`]:!0,[`co-chip--icon-${n}`]:!0,[`co-chip--${this.variant}`]:!0,[`co-chip--${this.color}`]:"default"!==this.color,"co-chip--clickable":this.clickable,"co-chip--disabled":this.disabled,"co-chip--selected":this.selected},part:"chip",type:this.clickable?"button":void 0,disabled:this.clickable?this.disabled:void 0,onClick:this.handleClick},this.dot&&t("span",{key:"a680c376ac13140b2c073e01fc901f2cfa54bde8",class:"co-chip__dot",part:"dot",style:this.dotColor?{color:this.dotColor}:void 0},t("co-icon",{key:"73e58b8b90234eb883b6a1e49b5e37b267f03d1b",name:"circle",size:r,weight:"fill"})),this.iconLeft&&!o&&t("span",{key:"b944fbf0a0161846411d8fc2fe034c48c77d42ea",class:"co-chip__icon-left",part:"icon-left"},t("co-icon",{key:"b24a5a3c64d0eda1b9d87c66ac93c0d4703973bc",name:this.iconLeft,size:r,weight:this.iconWeight})),o&&t("span",{key:"9f1e7fa47bd86e1d7e4812ec0fe5f61490ab0878",class:"co-chip__icon-left",part:"icon-left"},t("slot",{key:"e52df105783ff84c932bc289f6e88304ccc4240a",name:"icon-left"})),t("span",{key:"269f54eca09a4ff301d9ec4e673bf9c8d19ccd87",class:"co-chip__label"},t("slot",{key:"31fba7c9c05b830562800cc46c48e667e7dc046c"},this.label),null!=this.valueLabel&&""!==this.valueLabel&&t("span",{key:"a455314236c688f2bff9185135787899da52ea5f",class:"co-chip__value",part:"value"},`: ${this.valueLabel}`)),this.iconRight&&!i&&!this.removable&&t("span",{key:"13e5862e03e2fcf7129230a4d68ce7e2b1b4f11e",class:"co-chip__icon-right",part:"icon-right"},t("co-icon",{key:"66fc09efbdeea37f1dbce3b5ad4443a760618b66",name:this.iconRight,size:r,weight:this.iconWeight})),i&&t("span",{key:"7acfa1a23e294cb92b17d5174ec0a78161877624",class:"co-chip__icon-right",part:"icon-right"},t("slot",{key:"9e8ded0f256a72ab81c587a82d2bb570930288f9",name:"icon-right"})),this.removable&&t("span",{key:"e30345ce825c823fbf7da1aaaec4141351e18a02",class:"co-chip__remove",part:"remove",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleRemove,"aria-label":"Remove"},t("co-icon",{key:"3d9777c29b706cda71ee64b313961c97e215b900",name:"x-circle",size:e,weight:"fill"})),this.trailingIcon&&t("span",{key:"d99af23fbbb7a8557b8cefd15a4cebdc7437ff43",class:"co-chip__trailing",part:"trailing"},t("co-icon",{key:"aa99f2c0f6ec96f95656c607ca5846c282447e35",name:this.trailingIcon,size:s,weight:this.iconWeight})))}};function c(o){let i=o;if("string"==typeof o)try{i=JSON.parse(o)}catch(o){return[]}return Array.isArray(i)?i:[]}function n(o,i,t){const r=[];if(t.forEach(((o,i)=>{o.disabled||r.push(i)})),0===r.length)return-1;const e=r.indexOf(o);return-1===e?1===i?r[0]:r[r.length-1]:r[(e+i+r.length)%r.length]}function l(o,i,t){return i>0?{hasMore:o<i,remaining:Math.max(0,i-o)}:{hasMore:t,remaining:0}}a.style=":host{display:inline-flex;max-width:var(--co-chip-max-width, none)}.co-chip{display:inline-flex;align-items:center;justify-content:center;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;max-width:100%;overflow:hidden;border:1px solid transparent;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);cursor:default;margin:0;padding:0}button.co-chip{cursor:pointer;outline:none}button.co-chip:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.co-chip__value{color:var(--co-chip-value-color, var(--co-color-gray-500, #888888))}.co-chip--filled{background:var(--co-chip-bg, var(--co-semantic-surface-muted));color:var(--co-chip-color, var(--co-semantic-text-default));border-color:var(--co-chip-border, transparent)}.co-chip--filled.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-color-opacity-negro-8, rgba(0, 0, 0, 0.08))}.co-chip--filled.co-chip--clickable:active:not(.co-chip--disabled){opacity:0.85}.co-chip--filled.co-chip--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-chip--filled.co-chip--primary.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-primary);opacity:0.85}.co-chip--filled.co-chip--success{background:var(--co-semantic-status-success);color:#fff}.co-chip--filled.co-chip--error{background:var(--co-semantic-status-error);color:#fff}.co-chip--filled.co-chip--warning{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--info{background:var(--co-semantic-status-info);color:#fff}.co-chip--filled.co-chip--pending{background:var(--co-color-status-pending);color:#fff}.co-chip--filled.co-chip--progress{background:var(--co-color-status-progress);color:#fff}.co-chip--filled.co-chip--review{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--submitted{background:var(--co-color-status-submitted);color:#fff}.co-chip--outlined{background:transparent;color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-chip--outlined.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-hover)}.co-chip--outlined.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-muted)}.co-chip--outlined.co-chip--primary{color:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-chip--outlined.co-chip--success{color:var(--co-semantic-status-success);border-color:var(--co-semantic-status-success)}.co-chip--outlined.co-chip--error{color:var(--co-semantic-status-error);border-color:var(--co-semantic-status-error)}.co-chip--outlined.co-chip--warning{color:var(--co-color-status-review);border-color:var(--co-color-status-review)}.co-chip--outlined.co-chip--info{color:var(--co-semantic-status-info);border-color:var(--co-semantic-status-info)}.co-chip--filled.co-chip--selected{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.co-chip--outlined.co-chip--selected{background:var(--co-semantic-surface-muted);border-width:2px}.co-chip--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.co-chip--disabled{pointer-events:auto;}.co-chip--large{font-size:var(--co-font-size-12)}.co-chip--large.co-chip--icon-none{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:0}.co-chip--large.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm2) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm2);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-sm)}.co-chip--small{font-size:var(--co-font-size-10)}.co-chip--small.co-chip--icon-none{padding:var(--co-spacing-xs) var(--co-spacing-sm);gap:0}.co-chip--small.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm) var(--co-spacing-xs) var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--rounded{border-radius:var(--co-border-radius-full)}.co-chip--square{border-radius:var(--co-spacing-sm)}.co-chip__icon-left,.co-chip__icon-right,.co-chip__dot,.co-chip__trailing{display:inline-flex;flex-shrink:0;align-items:center}.co-chip__trailing{color:var(--co-chip-trailing-color, currentColor)}.co-chip--large .co-chip__icon-left,.co-chip--large .co-chip__icon-right,.co-chip--large .co-chip__dot{width:16px;height:16px}.co-chip--small .co-chip__icon-left,.co-chip--small .co-chip__icon-right,.co-chip--small .co-chip__dot{width:10px;height:10px}.co-chip__remove{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;opacity:1;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);border:none;background:transparent;padding:0;color:inherit}.co-chip__remove:hover{opacity:0.7}.co-chip--large .co-chip__remove{width:16px;height:16px}.co-chip--small .co-chip__remove{width:10px;height:10px}::slotted(*){display:inline-flex;width:100%;height:100%}.co-chip.co-chip--filter{height:34px;padding:0 12px;gap:7px;font-size:13.5px;border-radius:var(--co-border-radius-full);background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(0, 0, 0, 0.16))}.co-chip--filter .co-chip__icon-left{color:var(--co-color-gray-500, #888888)}.co-chip--filter .co-chip__trailing{color:var(--co-color-gray-400, #a0a0a0)}.co-chip--filter.co-chip--clickable:hover:not(.co-chip--disabled){box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-25, rgba(0, 0, 0, 0.25))}.co-chip--filter.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-color-gray-100, #f6f6f6)}.co-chip--filter.co-chip--selected{background:var(--co-color-gray-100, #f6f6f6)}";const d=34,p=class{constructor(t){o(this,t),this.coSearch=i(this,"coSearch",1),this.coChange=i(this,"coChange",1),this.coLoadMore=i(this,"coLoadMore",1),this.coClearSelection=i(this,"coClearSelection",1),this.coRemoveItem=i(this,"coRemoveItem",1),this.coReorder=i(this,"coReorder",1),this.coPinToggle=i(this,"coPinToggle",1),this.coListReorder=i(this,"coListReorder",1),this.items="[]",this.value="",this.selectedItems="[]",this.multiple=!1,this.selectedFirst=!1,this.selectedAffordance="check",this.removableItems=!1,this.reorderable=!1,this.pinnable=!1,this.listReorderable=!1,this.searchable=!1,this.searchPlaceholder="Search…",this.searchDebounce=350,this.initialTerm="",this.loading=!1,this.total=0,this.hasMore=!1,this.emptyMessage="No results found",this.clearOptionLabel="",this.virtual=!1,this.highlightMatches=!1,this.highlightTerm="",this.avatarShape="circle",this.suffixAlign="inline",this.autoHighlight=!1,this.term="",this.activeIndex=-1,this.scrollTop=0,this.armedKey="",this.dragKey="",this.overKey="",this.dropAfter=!1,this.lastFillLen=-1,this.sortSnapshot=new Set,this.displaySnapshot=[],this.previewOrder=[],this.onRootKeyDown=o=>{var i,t;if("Enter"===o.key){const r=(null===(i=o.composedPath)||void 0===i?void 0:i.call(o)[0])||o.target;if(r instanceof HTMLElement&&(null===(t=r.closest)||void 0===t?void 0:t.call(r,"button:not(.co-option-list__option), co-list-footer")))return}this.processKey(o.key)&&o.preventDefault()},this.onSearchInput=o=>{const i=o.target.value;this.term=i,this.activeIndex=-1,this.lastFillLen=-1,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.coSearch.emit(i)),this.searchDebounce)},this.onPtrMove=o=>{const i=this.ptrDrag;if(!i)return;if(!i.started){if(Math.abs(o.clientY-i.startY)<3)return;i.started=!0,this.dragKey=i.id,this.previewOrder=i.originOrder,this.el.style.userSelect="none",this.sortSnapshot.has(i.id)||this.applyPreview([...i.originOrder])}o.preventDefault();const t=this.previewOrder.length;i.desiredTop=Math.max(i.blockTop,Math.min(i.blockTop+(t-1)*i.pitch,o.clientY-i.grabDY)),this.positionLifted();const r=this.previewOrder.indexOf(i.id),e=Math.max(0,Math.min(t-1,Math.round((i.desiredTop-i.blockTop)/i.pitch)));if(e!==r&&-1!==r){const o=[...this.previewOrder];o.splice(e,0,o.splice(r,1)[0]),this.applyPreview(o)}},this.onPtrUp=()=>{const o=this.ptrDrag;if(this.removePtrListeners(),this.ptrDrag=void 0,!o||!o.started)return;const i=o=>{o.stopPropagation(),o.preventDefault()};if(window.addEventListener("click",i,!0),setTimeout((()=>window.removeEventListener("click",i,!0)),0),this.settleLifted(o),this.previewOrder.length&&this.previewOrder.join(" ")!==o.originOrder.join(" ")){const i=new Map(this.displaySnapshot.map((o=>[o._id,o])));this.coReorder.emit({value:this.previewOrder,item:i.get(o.id)})}this.previewOrder=[]},this.onPtrKey=o=>{var i;if("Escape"!==o.key||!this.ptrDrag)return;o.stopPropagation(),o.preventDefault();const t=this.ptrDrag;if(this.removePtrListeners(),this.ptrDrag=void 0,t.started){if(this.displaySnapshot!==t.originDisplay){this.pendingFlip={tops:this.captureRowTops(),movedId:t.id,spring:!0};const o=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.co-option-list__option[data-id="${CSS.escape(t.id)}"]`);o&&(o.style.transition="none",o.style.transform=""),this.displaySnapshot=t.originDisplay,this.sortSnapshot=t.originSort,this.dragKey="",this.el.style.userSelect=""}else this.settleLifted(t);this.previewOrder=[]}},this.handleRowDragEnd=()=>{this.resetDragState()},this.handleRowDragLeave=(o,i)=>{this.overKey!==i||o.currentTarget.contains(o.relatedTarget)||(this.overKey="")},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.onNativeScroll=o=>{const i=o.target;this.scrollTop=i.scrollTop,this.maybeLoadMore(i.scrollTop,i.clientHeight,i.scrollHeight)}}get parsedItems(){return c(this.items)}get selectedIds(){return function(o){if(!o)return[];try{const i=JSON.parse(o);return Array.isArray(i)?i:[o]}catch(i){return[o]}}(this.value)}get orderedItems(){return this.selectedFirst?function(o,i,t,r){var e;if(0===i.size)return o;const s=new Map(o.map((o=>[o._id,o]))),a=[];if(r)for(const t of o)i.has(t._id)&&a.push(t);else for(const o of t)a.push(null!==(e=s.get(o._id))&&void 0!==e?e:o);const c=o.filter((o=>!i.has(o._id)));return[...a,...c]}(this.parsedItems,this.sortSnapshot,this.displaySnapshot,!!this.term):this.parsedItems}get effectiveHighlightTerm(){return this.highlightMatches?this.searchable?this.term:this.highlightTerm:""}componentWillLoad(){this.term=this.initialTerm||"",this.takeSnapshot(),this.autoHighlight&&(this.activeIndex=n(-1,1,this.orderedItems))}componentDidRender(){this.optionsEl&&!this.osInstance&&(this.osInstance=s(this.optionsEl,(o=>{this.scrollTop=o.scrollTop,this.maybeLoadMore(o.scrollTop,o.clientHeight,o.scrollHeight)}))),this.fillViewport(),this.runFlip(),this.positionLifted()}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){var o;this.debounceTimer&&clearTimeout(this.debounceTimer),null===(o=this.osInstance)||void 0===o||o.destroy(),this.osInstance=void 0,window.removeEventListener("mouseup",this.disarmDrag),this.removePtrListeners()}onItemsChange(){this.autoHighlight?this.activeIndex=n(-1,1,this.orderedItems):this.activeIndex>=this.orderedItems.length&&(this.activeIndex=-1);const o=Math.max(0,this.orderedItems.length*d-272);this.scrollTop>this.orderedItems.length*d&&(this.scrollTop=o)}async snapshotOrder(){this.takeSnapshot()}async focusSearch(){var o,i;for(let t=0;t<20;t++){if(null===(o=this.searchInputEl)||void 0===o||o.focus(),this.searchInputEl&&(null===(i=this.el.shadowRoot)||void 0===i?void 0:i.activeElement)===this.searchInputEl)return;await new Promise((o=>requestAnimationFrame((()=>o()))))}}async scrollToSelected(){var o,i,t,r;const e=function(o,i){const t=new Set(i);return o.findIndex((o=>t.has(o._id)&&!o.disabled))}(this.orderedItems,this.selectedIds);if(-1!==e){this.activeIndex=e;for(let s=0;s<20;s++){const s=null!==(i=null===(o=this.osInstance)||void 0===o?void 0:o.elements().viewport)&&void 0!==i?i:this.optionsEl;if(s&&s.clientHeight>0){if(this.virtual){const o=e*d;let i=s.scrollTop;o<i?i=o:o+d>i+s.clientHeight&&(i=o+d-s.clientHeight),this.scrollTop=i,s.scrollTop=i}else null===(r=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(`co-optlist-${e}`))||void 0===r||r.scrollIntoView({block:"nearest"});return}await new Promise((o=>requestAnimationFrame((()=>o()))))}}}async handleKey(o){return this.processKey(o.key)}takeSnapshot(){this.sortSnapshot=new Set(this.selectedIds);const o=new Map;for(const i of c(this.selectedItems))o.set(i._id,i);for(const i of this.parsedItems)o.has(i._id)||o.set(i._id,i);this.displaySnapshot=this.selectedIds.map((i=>o.get(i))).filter(Boolean)}processKey(o){const i=this.orderedItems;switch(o){case"ArrowDown":return this.activeIndex=n(this.activeIndex,1,i),this.scrollActiveIntoView(),!0;case"ArrowUp":return this.activeIndex=n(this.activeIndex,-1,i),this.scrollActiveIntoView(),!0;case"Enter":{if(this.loading)return!0;const o=i[this.activeIndex];return!(!o||o.disabled||(this.pick(o),0))}default:return!1}}deselectItem(o){if(this.multiple){const i=this.selectedIds.filter((i=>i!==o._id));this.coChange.emit({value:i,item:o})}else this.coChange.emit({value:null,item:o})}pick(o){if(this.multiple){const i=this.selectedIds,t=i.indexOf(o._id)>=0?i.filter((i=>i!==o._id)):[...i,o._id];this.coChange.emit({value:t,item:o})}else this.coChange.emit({value:o._id,item:o})}get listDragActive(){return this.listReorderable&&!(this.reorderable&&this.selectedFirst)}dragOrderIds(){return this.orderedItems.map((o=>o._id))}handleRowDragStart(o,i){this.armedKey===i?(this.dragKey=i,o.dataTransfer&&(o.dataTransfer.effectAllowed="move",o.dataTransfer.setData("text/plain",i))):o.preventDefault()}handleRowDragOver(o,i){if(!this.dragKey||this.dragKey===i)return;o.preventDefault(),o.dataTransfer&&(o.dataTransfer.dropEffect="move"),this.overKey=i;const t=this.dragOrderIds();this.dropAfter=t.indexOf(this.dragKey)<t.indexOf(i)}applyPreview(o){this.pendingFlip={tops:this.captureRowTops(),movedId:this.dragKey,spring:!1};const i=new Map(this.orderedItems.map((o=>[o._id,o])));for(const o of this.displaySnapshot)i.has(o._id)||i.set(o._id,o);this.sortSnapshot=new Set(o),this.displaySnapshot=o.map((o=>i.get(o))).filter(Boolean),this.previewOrder=o}startPointerDrag(o,i){var t;if(0!==o.button||this.ptrDrag)return;const r=function(o,i){const t=new Set(i);return o.filter((o=>t.has(o._id))).map((o=>o._id))}(this.orderedItems,this.selectedIds);if(!r.includes(i))return;const e=o.currentTarget.closest(".co-option-list__option");if(!e)return;o.preventDefault(),o.stopPropagation();const s=e.getBoundingClientRect(),a=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".co-option-list__option[data-id]"),c=null==a?void 0:a[0],n=a&&a.length>=2?a[1].getBoundingClientRect().top-a[0].getBoundingClientRect().top:s.height||d,l=c?this.orderedItems.findIndex((o=>o._id===c.dataset.id)):0,p=c?c.getBoundingClientRect().top-Math.max(0,l)*n:s.top;this.ptrDrag={id:i,grabDY:o.clientY-s.top,blockTop:p,pitch:n,originOrder:r,originDisplay:this.displaySnapshot,originSort:this.sortSnapshot,desiredTop:s.top,startY:o.clientY,started:!1},window.addEventListener("pointermove",this.onPtrMove),window.addEventListener("pointerup",this.onPtrUp),window.addEventListener("keydown",this.onPtrKey,!0)}positionLifted(){var o;const i=this.ptrDrag;if(!i||!i.started)return;const t=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelector(`.co-option-list__option[data-id="${CSS.escape(i.id)}"]`);if(!t)return;const r=this.previewOrder.indexOf(i.id);if(-1===r)return;const e=i.blockTop+r*i.pitch;t.style.transition="none",t.style.transform=`translateY(${i.desiredTop-e}px) scale(1.02)`}settleLifted(o){var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.co-option-list__option[data-id="${CSS.escape(o.id)}"]`),r=()=>{this.dragKey="",this.el.style.userSelect=""};t?(t.style.transition="transform var(--co-motion-duration-base) var(--co-motion-ease-spring)",t.style.transform="",t.addEventListener("transitionend",(()=>{t.style.transition="",r()}),{once:!0})):r()}removePtrListeners(){window.removeEventListener("pointermove",this.onPtrMove),window.removeEventListener("pointerup",this.onPtrUp),window.removeEventListener("keydown",this.onPtrKey,!0)}handleRowDrop(o,i){o.preventDefault(),o.stopPropagation();const t=this.dragKey,r=this.dragOrderIds();if(this.resetDragState(),t===i||!r.includes(t)||!r.includes(i))return;const e=new Map(this.orderedItems.map((o=>[o._id,o]))),s=function(o,i,t,r){return r(i)||r(t)?o:function(o,i,t){if(i===t)return o;const r=o.indexOf(i),e=o.indexOf(t);if(-1===r||-1===e)return o;const s=[...o];return s.splice(e,0,s.splice(r,1)[0]),s}(o,i,t)}(r,t,i,(o=>{var i;return!!(null===(i=e.get(o))||void 0===i?void 0:i.pinned)}));s!==r&&this.coListReorder.emit({value:s,item:e.get(t)})}captureRowTops(){var o;const i=new Map;return null===(o=this.el.shadowRoot)||void 0===o||o.querySelectorAll(".co-option-list__option[data-id]").forEach((o=>i.set(o.dataset.id,o.getBoundingClientRect().top))),i}runFlip(){var o,i,t;if(!this.pendingFlip)return;const{tops:r,movedId:e,spring:s}=this.pendingFlip;this.pendingFlip=void 0;const a=Array.from(null!==(i=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelectorAll(".co-option-list__option[data-id]"))&&void 0!==i?i:[]),c=(null===(t=this.ptrDrag)||void 0===t?void 0:t.started)?this.ptrDrag.id:null;for(const o of a)o.dataset.id!==c&&(o.style.transition="none",o.style.transform="");const n=[];for(const o of a){const i=o.dataset.id;if(i===c)continue;const t=r.get(i);if(void 0===t)continue;const a=t-o.getBoundingClientRect().top;a&&n.push({row:o,delta:a,spring:s&&i===e})}for(const{row:o,delta:i}of n)o.style.transform=`translateY(${i}px)`;for(const o of a){if(o.dataset.id===c)continue;const i=n.find((i=>i.row===o));i?(o.style.transition="transform var(--co-motion-duration-base) "+(i.spring?"var(--co-motion-ease-spring)":"var(--co-motion-ease-out)"),o.style.transform="",o.addEventListener("transitionend",(()=>{o.style.transition=""}),{once:!0})):o.style.transition=""}}resetDragState(){this.armedKey="",this.dragKey="",this.overKey="",this.dropAfter=!1}maybeLoadMore(o,i,t){if(this.loading)return;const{hasMore:r}=l(this.parsedItems.length,this.total,this.hasMore);r&&o+i>=t-40&&this.coLoadMore.emit()}fillViewport(){var o,i;const t=this.parsedItems.length;if(this.loading||0===t||t===this.lastFillLen)return;const{hasMore:r}=l(t,this.total,this.hasMore);if(!r)return;const e=null!==(i=null===(o=this.osInstance)||void 0===o?void 0:o.elements().viewport)&&void 0!==i?i:this.optionsEl;e&&0!==e.clientHeight&&e.scrollHeight-e.clientHeight<=40&&(this.lastFillLen=t,this.coLoadMore.emit())}scrollActiveIntoView(){requestAnimationFrame((()=>{var o,i;null===(i=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.getElementById(`co-optlist-${this.activeIndex}`))||void 0===i||i.scrollIntoView({block:"nearest"})}))}renderLeading(o){return o.image||o.avatar?t("co-avatar",{class:"co-option-list__avatar",type:o.image?"image":"text",src:o.image,text:o.avatar,color:o.color,size:"xxs",shape:this.avatarShape}):o.color?t("span",{class:"co-option-list__dot",style:{backgroundColor:o.color}}):o.icon?t("co-icon",{name:o.icon,size:16,class:"co-option-list__icon"}):null}renderLabelText(o){const i=this.effectiveHighlightTerm,r=i?e(o,i):null;return r?[r.pre,t("span",{class:"co-option-list__match"},r.match),r.post]:o}renderBadge(o){const i=t("span",{class:"co-option-list__badge",style:o.color?{backgroundColor:o.color,color:"var(--co-color-base-blanco, #fff)"}:void 0},o.label);return o.tooltip?t("co-tooltip",{class:"co-option-list__badge-tip",content:o.tooltip},i):i}renderRow(o,i,r){const e=r.includes(o._id),s=!this.listDragActive&&this.reorderable&&this.selectedFirst&&e&&!this.term,a=this.listDragActive&&!o.pinned&&!this.term;return t("div",{class:{"co-option-list__option":!0,"co-option-list__option--selected":e,"co-option-list__option--active":i===this.activeIndex,"co-option-list__option--disabled":!!o.disabled,"co-option-list__option--dragging":this.listDragActive&&this.dragKey===o._id,"co-option-list__option--lifted":!this.listDragActive&&this.dragKey===o._id,"co-option-list__option--drop-before":this.listDragActive&&this.overKey===o._id&&!this.dropAfter,"co-option-list__option--drop-after":this.listDragActive&&this.overKey===o._id&&this.dropAfter},key:o._id,id:`co-optlist-${i}`,"data-id":o._id,role:"option","aria-selected":e?"true":"false","aria-disabled":o.disabled?"true":"false",draggable:a&&this.armedKey===o._id,onClick:()=>!o.disabled&&this.pick(o),onMouseEnter:()=>{this.activeIndex=i},onDragStart:a?i=>this.handleRowDragStart(i,o._id):void 0,onDragOver:a?i=>this.handleRowDragOver(i,o._id):void 0,onDrop:a?i=>this.handleRowDrop(i,o._id):void 0,onDragEnd:a?this.handleRowDragEnd:void 0,onDragLeave:a?i=>this.handleRowDragLeave(i,o._id):void 0},(s||a)&&t("span",{class:"co-option-list__drag-handle",part:"drag-handle",title:"Drag to reorder",onMouseDown:a?()=>this.armedKey=o._id:void 0,onPointerDown:s?i=>this.startPointerDrag(i,o._id):void 0,onClick:o=>o.stopPropagation()},t("co-icon",{name:"dots-six-vertical",size:16})),this.renderLeading(o),t("div",{class:"co-option-list__text"},t("span",{class:"co-option-list__title"},t("span",{class:"co-option-list__label",style:o.labelColor?{color:o.labelColor,fontWeight:"600"}:void 0},this.renderLabelText(o.label)),o.suffix&&"end"!==this.suffixAlign&&t("span",{class:"co-option-list__suffix"},"- ",o.suffix),o.badge&&this.renderBadge(o.badge)),o.description&&t("span",{class:"co-option-list__desc"},o.description)),o.suffix&&"end"===this.suffixAlign&&t("span",{class:"co-option-list__suffix co-option-list__suffix--end"},o.suffix),this.pinnable&&t("button",{class:{"co-option-list__pin":!0,"co-option-list__pin--active":!!o.pinned},type:"button",tabIndex:-1,"aria-label":o.pinned?`Unpin ${o.label}`:`Pin ${o.label}`,"aria-pressed":o.pinned?"true":"false",onClick:i=>{i.stopPropagation(),this.coPinToggle.emit({item:o})}},t("co-icon",{name:"push-pin",size:16,weight:o.pinned?"fill":"regular"})),e&&this.removableItems&&this.multiple&&t("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Remove ${o.label}`,onClick:i=>{i.stopPropagation(),this.coRemoveItem.emit(o._id)}},t("co-icon",{name:"x-circle",size:16,weight:"fill"})),e&&!this.removableItems&&"deselect"===this.selectedAffordance&&t("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Deselect ${o.label}`,onClick:i=>{i.stopPropagation(),this.deselectItem(o)}},t("co-icon",{name:"x-circle",size:16,weight:"fill"})),e&&!this.removableItems&&"check"===this.selectedAffordance&&t("co-icon",{name:"check",size:16,class:"co-option-list__check"}))}renderVirtual(o,i){const{totalHeight:r,startIdx:e,endIdx:s,offsetY:a}=function(o,i){const t=i*d,r=Math.max(0,Math.floor(o/d)-3);return{totalHeight:t,startIdx:r,endIdx:Math.min(i,r+8+6),offsetY:r*d}}(this.scrollTop,o.length);return t("div",{class:"co-option-list__spacer",style:{height:`${r}px`,position:"relative"}},t("div",{style:{position:"absolute",top:`${a}px`,left:"0",right:"0"}},o.slice(e,s).map(((o,t)=>this.renderRow(o,e+t,i)))))}render(){const o=this.orderedItems,i=this.selectedIds,{hasMore:r,remaining:e}=l(this.parsedItems.length,this.total,this.hasMore),s=!!this.clearOptionLabel&&i.length>0;return t("div",{key:"fc7f56eb7837405c1c3c1addabb9748f4c955fed",class:"co-option-list",onKeyDown:this.onRootKeyDown},this.searchable&&t("div",{key:"44a31021a6cd49ec0ddf169c2cf2a0cdd0088f1d",class:"co-option-list__search",part:"search"},t("co-icon",{key:"4d375787abbc1dd93fda1200a8cfb76928775e6f",name:"magnifying-glass",size:16}),t("input",{key:"ffcad867196edd9f8384eda74d215873f2b2f857",class:"co-option-list__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.term,onInput:this.onSearchInput,ref:o=>this.searchInputEl=o,role:"combobox","aria-expanded":"true","aria-autocomplete":"list"})),t("div",{key:"a1d5b69d184accaf8ee4ff4b0674823cee4da659",class:"co-option-list__options",part:"options",role:"listbox","aria-multiselectable":this.multiple?"true":"false",ref:o=>this.optionsEl=o,onScroll:this.onNativeScroll},t("div",{key:"3b6761a9bd95bcdaea14dd13619024841e9b6e22",class:"co-option-list__inner"},s&&t("button",{key:"0b9fce9a2439733e5a3bb0d74542eafcbb3754b9",class:"co-option-list__clear-row",type:"button",onClick:()=>this.coClearSelection.emit()},t("co-icon",{key:"6db442c304c7d36fa9e41befb78a1ee4ebe8a415",name:"x-circle",size:14}),t("span",{key:"12d6b290acc9789dea62cfd036f62eae2a28b33d"},this.clearOptionLabel)),this.loading&&0===o.length&&t("div",{key:"cc358dc94a3db4208ef85f16f8dce2d0592d4193",class:"co-option-list__loading"},t("co-loader",{key:"9373dbe39674b9e5b18d03cf540ffa83309ea3fe",size:"sm"})),!this.loading&&0===o.length&&t("div",{key:"732747e33e2ec29968eb7f19b050d89e4b2cca00",class:"co-option-list__empty"},t("co-icon",{key:"6defcd47ad121509bea43da488382a47a846f728",name:"magnifying-glass",size:20}),t("span",{key:"73729f8c52962e522125b6c258b0f1fb04eff533"},this.emptyMessage)),o.length>0&&this.virtual?this.renderVirtual(o,i):function(o){const i=[];let t,r=0;for(const e of o)e.group&&e.group!==t&&i.push({kind:"header",label:e.group}),t=e.group,i.push({kind:"item",item:e,index:r}),r++;return i}(o).map((o=>"header"===o.kind?t("div",{class:"co-option-list__group",role:"presentation"},o.label):this.renderRow(o.item,o.index,i))),this.loading&&o.length>0&&t("div",{key:"915e9c5dd03a7f77a2d680137b962e0f100fa903",class:"co-option-list__loading-more"},t("co-loader",{key:"dea515b0c90e0fac1f16fd4140ed38bddcd0cda4",size:"sm"})),!this.loading&&r&&e>0&&t("div",{key:"9f3be3b39ccc00a380c3d88d30ac8695102e22a4",class:"co-option-list__more"},e," more results"))),t("slot",{key:"6b6a06ef1819241ef5f5ff5870e79ab8b0765ed8",name:"footer"}))}get el(){return r(this)}static get watchers(){return{items:[{onItemsChange:0}]}}};p.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, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif)}.co-option-list{display:flex;flex-direction:column;min-width:0}.co-option-list__search{display:flex;align-items:center;gap:var(--co-spacing-sm, 6px);height:32px;box-sizing:border-box;margin:var(--co-spacing-md, 12px) var(--co-spacing-md, 12px) 0;padding:0 var(--co-spacing-sm2, 8px) 0 var(--co-spacing-xs, 4px);border:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));border-radius:var(--co-border-radius-xs, 8px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__search:focus-within{border-color:var(--co-semantic-border-focus, rgba(31, 28, 27, 0.25))}.co-option-list__search co-icon{flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;opacity:0.7}.co-option-list__search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:0;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--co-font-size-14, 14px);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);line-height:1;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__search-input::placeholder{color:var(--co-semantic-text-muted, #888888)}.co-option-list__options{max-height:var(--co-option-list-max-height, 280px);overflow-y:auto;overflow-x:hidden;padding:var(--co-spacing-md, 12px)}.co-option-list__inner{display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px);min-width:0}.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, 9999px);--os-handle-bg:var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16));--os-handle-bg-hover:var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));--os-handle-bg-active:var(--co-color-opacity-negro-50, rgba(31, 28, 27, 0.5));--os-handle-min-size:24px}.co-option-list__option{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);min-width:0;min-height:var(--co-option-list-item-min-height, 32px);box-sizing:border-box;padding:var(--co-option-list-item-padding-y, var(--co-spacing-xs, 4px)) var(--co-spacing-sm2, 8px) var(--co-option-list-item-padding-y, var(--co-spacing-xs, 4px)) var(--co-spacing-xs, 4px);border-radius:var(--co-border-radius-xs, 8px);cursor:pointer;font-size:var(--co-font-size-14, 14px);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-semantic-text-default, #1f1c1b);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out),     opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-option-list__spacer .co-option-list__option{height:32px;margin-bottom:var(--co-spacing-xxs, 2px)}.co-option-list__option--active{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__option--selected{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__option--disabled{opacity:0.5;cursor:not-allowed}.co-option-list__avatar,.co-option-list__icon{flex-shrink:0}.co-option-list__icon{margin:0 var(--co-spacing-xs, 4px)}.co-option-list__dot{flex-shrink:0;width:10px;height:10px;margin:0 7px;border-radius:var(--co-border-radius-full, 9999px)}.co-option-list__text{display:flex;flex-direction:column;gap:var(--co-option-list-text-gap, var(--co-spacing-xxs, 2px));flex:1;min-width:0}.co-option-list__title{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}.co-option-list__label{font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__suffix{color:var(--co-semantic-text-secondary, #585858);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.co-option-list__suffix--end{flex-shrink:0;margin-left:auto;text-align:right;white-space:nowrap;font-size:var(--co-font-size-13, 13px);color:var(--co-semantic-text-default, #1f1c1b);font-variant-numeric:tabular-nums}.co-option-list__badge{flex-shrink:0;padding:0 var(--co-spacing-xs, 4px);border-radius:var(--co-border-radius-full, 9999px);background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04));color:var(--co-semantic-text-default, #1f1c1b);font-size:var(--co-font-size-10, 10px);font-weight:600;line-height:16px}.co-option-list__badge-tip{display:inline-flex;align-items:center;flex-shrink:0}.co-option-list__desc{font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #888888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__match{color:var(--co-color-primary-azul, #2563eb);font-weight:700}.co-option-list__check{flex-shrink:0;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__row-action{flex-shrink:0;display:inline-flex;align-items:center;border:0;background:transparent;padding:0;cursor:pointer;color:var(--co-semantic-text-muted, #888888);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-option-list__row-action:hover{color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__pin{flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;padding:var(--co-spacing-xxs, 2px);background:transparent;cursor:pointer;border-radius:var(--co-border-radius-xxs, 4px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__pin:hover{color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__pin--active{color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__drag-handle{display:inline-flex;align-items:center;cursor:grab;color:var(--co-semantic-text-muted);margin-right:var(--co-spacing-xs);flex:0 0 auto}.co-option-list__drag-handle:active{cursor:grabbing}.co-option-list__drag-handle{touch-action:none}.co-option-list__option--dragging{opacity:0.5}.co-option-list__option--lifted{position:relative;z-index:2;background:var(--co-semantic-surface-page, #fff);box-shadow:var(--co-shadow-lg);cursor:grabbing}.co-option-list__option--drop-before{box-shadow:inset 0 2px 0 0 var(--co-semantic-border-focus)}.co-option-list__option--drop-after{box-shadow:inset 0 -2px 0 0 var(--co-semantic-border-focus)}.co-option-list__group{padding:var(--co-spacing-sm2, 8px) var(--co-spacing-xs, 4px) var(--co-spacing-xs, 4px);font-family:var(--co-font-family-mono, 'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace);font-size:var(--co-font-size-10, 10px);font-weight:400;text-transform:uppercase;letter-spacing:var(--co-font-letter-spacing-overline, 0.08em);line-height:1.1;color:var(--co-semantic-text-default, #1f1c1b)}.co-option-list__clear-row{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);width:100%;min-height:32px;box-sizing:border-box;border:0;background:transparent;padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm2, 8px);border-radius:var(--co-border-radius-xs, 8px);cursor:pointer;text-align:left;font-family:var(--co-font-family-primary, 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--co-font-size-14, 14px);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-semantic-text-secondary, #585858)}.co-option-list__clear-row:hover{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-option-list__loading,.co-option-list__loading-more{display:flex;justify-content:center;padding:var(--co-spacing-sm, 6px)}.co-option-list__empty{display:flex;align-items:center;gap:var(--co-spacing-sm2, 8px);padding:var(--co-spacing-md, 12px) var(--co-spacing-xs, 4px);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-muted, #888888)}.co-option-list__more{padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 6px);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #888888);text-align:center}.co-option-list__option:focus-visible,.co-option-list__clear-row:focus-visible{outline:2px solid var(--co-semantic-border-focus, rgba(31, 28, 27, 0.25));outline-offset:-2px}";export{a as co_chip,p as co_option_list}

package/dist/cobalt/p-6f700f0d.entry.js

@@ -1 +0,0 @@
-import{r as o,c as a,h as e}from"./p-DH5lfRNj.js";import{a as r}from"./p-Ch1jfwZ2.js";import{s as t}from"./p-CBX_oabB.js";const s=class{constructor(e){o(this,e),this.coClose=a(this,"coClose",7),this.coAfterClose=a(this,"coAfterClose",3),this.coAfterOpen=a(this,"coAfterOpen",3),this.open=!1,this.heading="",this.closable=!0,this.closeOnOverlay=!0,this.closeOnEscape=!1,this.size="md",this.noDividers=!1,this.hasFooter=!1,this.handleFooterSlotChange=o=>{this.hasFooter=t(o)},this.handleOverlayClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleCloseClick=()=>{this.coClose.emit()},this.stopPropagation=o=>{o.stopPropagation()},this.handleTransitionEnd=o=>{if(o.target!==this.modalEl)return;const a=r(o.propertyName,this.open,"transform");"after-open"===a?this.coAfterOpen.emit():"after-close"===a&&this.coAfterClose.emit()}}handleKeydown(o){this.open&&this.closeOnEscape&&"Escape"===o.key&&this.coClose.emit()}render(){return e("co-overlay",{key:"40c8e5bd7300ba5b9b9dbe5eed4d3f369f15002d",open:this.open,onCoClose:this.handleOverlayClick},e("div",{key:"466391dc8b03381f4a00f4e95605c1c22d2eb052",class:"co-modal__frame co-sq-elevation-fallback"},e("div",{key:"af09fd79f4c716cfc76eda669ccab0da258d6dde",class:{"co-modal":!0,"co-sq-clip":!0,"co-sq-elevation":!0,"co-modal--open":this.open,"co-modal--sm":"sm"===this.size,"co-modal--lg":"lg"===this.size,"co-modal--full":"full"===this.size,"co-modal--no-dividers":this.noDividers},part:"modal",ref:o=>this.modalEl=o,role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"modal-heading":void 0,onClick:this.stopPropagation,onTransitionEnd:this.handleTransitionEnd},e("div",{key:"5149098013107e3dab0149131f4110e2f039d6b6",class:"co-modal__header",part:"header"},e("div",{key:"2c9c7d6378b7bb536f9c4ade2af7643b4d1e8e9f",class:"co-modal__header-text"},e("h2",{key:"36f1000d5795862fe319dda98c40b68578b794df",class:"co-modal__heading",id:"modal-heading"},this.heading),this.description&&e("p",{key:"ac1e07eb244b986b29763eecfbafcddab36626da",class:"co-modal__description"},this.description)),this.closable&&e("button",{key:"5727e992fef9c2e4ab7e53624734d71de8ef28fe",class:"co-modal__close",type:"button","aria-label":"Close",onClick:this.handleCloseClick},e("co-icon",{key:"ad217f504bccd348576cb2badb63786179d70122",name:"x",size:20}))),!this.noDividers&&e("div",{key:"7a1c7801132cb4470914167acddafda8f789ec92",class:"co-modal__body",part:"body"},e("slot",{key:"d00f9a7566eb30a73a40539c42f55061e1c27e12"})),e("div",{key:"461f22cf012d9ea515863ae249ed257337c17bff",class:{"co-modal__footer":!0,"co-modal__footer--empty":!this.hasFooter},part:"footer"},e("slot",{key:"641074e1b09f74d5bb817fe60ea97953fa1f6b99",name:"footer",onSlotchange:this.handleFooterSlotChange})))))}};s.style='.co-sq-elevation{border-radius:var(--co-sq-r);corner-shape:squircle;box-shadow:var(--co-sq-shadow)}.co-sq-clip{overflow:hidden;border-radius:var(--co-sq-r);corner-shape:squircle}@supports not (corner-shape: squircle){.co-sq-elevation{box-shadow:none}.co-sq-elevation-fallback{filter:var(--co-sq-drop-shadow)}.co-sq-clip{border-radius:0;--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>");-webkit-mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat}}:host{display:contents;--co-overlay-blur:8px;--co-overlay-bg:rgba(31, 28, 27, 0.35)}.co-modal__frame{display:flex;contain:layout;--co-sq-drop-shadow:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 14px 34px rgba(31, 28, 27, 0.16))}.co-modal{display:flex;flex-direction:column;background:var(--co-semantic-surface-secondary);--co-modal-r:var(--co-border-radius-xl);--co-sq-r:var(--co-modal-r);--co-sq-shadow:0 1px 4px rgba(31, 28, 27, 0.06), 0 14px 68px rgba(31, 28, 27, 0.16);max-width:540px;width:90vw;max-height:80vh;font-family:var(--co-font-family-primary);transform:scale(0.96);opacity:0;transition:transform var(--co-motion-duration-fast) var(--co-motion-ease-in), opacity var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-modal--sm{max-width:400px}.co-modal--lg{max-width:680px}.co-modal--full{max-width:min(1400px, 95vw);width:95vw;height:92vh;max-height:92vh}.co-modal--full .co-modal__body{flex:1;min-height:0;padding:0;overflow:hidden}.co-modal--open{transform:scale(1);opacity:1;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out), opacity var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-modal__header{display:flex;align-items:flex-start;gap:var(--co-spacing-md);padding:var(--co-spacing-xl) var(--co-spacing-xl) var(--co-spacing-md)}.co-modal__header-text{display:flex;flex-direction:column;gap:var(--co-spacing-sm);flex:1}.co-modal__heading{margin:0;font-size:var(--co-font-size-20);font-weight:700;color:var(--co-semantic-text-default);line-height:1.3}.co-modal__description{margin:0;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.5}.co-modal__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-modal__close:hover{background:var(--co-semantic-surface-hover)}.co-modal__body{padding:var(--co-spacing-lg) var(--co-spacing-xl);overflow-y:auto;overscroll-behavior:contain;font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary);line-height:1.6;border-top:1px solid var(--co-semantic-border-default)}.co-modal__body:empty{display:none}.co-modal__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);--co-button-radius:var(--co-border-radius-xs)}.co-modal__footer--empty{display:none}.co-modal--no-dividers .co-modal__footer{border-top:none}';export{s as co_modal}

package/dist/cobalt/p-88195a63.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as a}from"./p-DH5lfRNj.js";function e(t){if(!Number.isFinite(t)||t<0)return"--:--";const i=Math.floor(t);return`${Math.floor(i/60)}:${(i%60).toString().padStart(2,"0")}`}function s(t,i){const a=t.length;if(!a||i<=0)return[];const e=Math.max(1,Math.floor(a/i)),s=[];for(let o=0;o<i;o++){let i=0;const r=o*e;for(let s=r;s<r+e&&s<a;s++){const a=Math.abs(t[s]);a>i&&(i=a)}s.push(.12+.88*i)}return s}function o(t){if(t<=0)return[];const i=[];for(let a=0;a<t;a++){const e=.6*Math.sin(a/Math.max(1,t)*Math.PI)+.3,s=.75+.25*Math.abs(Math.sin(1.7*a));i.push(.12+e*s*.88)}return i}const r=class{constructor(a){t(this,a),this.coPlay=i(this,"coPlay",7),this.coPause=i(this,"coPause",7),this.coEnded=i(this,"coEnded",7),this.coError=i(this,"coError",7),this.compact=!1,this.bars=64,this.barDensity=3,this.preload="metadata",this.downloadFilename="audio",this.noDownload=!1,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.currentTime=0,this.duration=NaN,this.peaks=[],this.containerWidth=0,this.playbackRate=1,this.rawChannelData=null,this.decodedDuration=NaN,this.loadToken=0,this.onMeta=()=>{this.syncDuration()},this.onCanPlay=()=>{this.isLoading=!1},this.onWaiting=()=>{this.isLoading=!0},this.onTime=()=>{var t;this.currentTime=(null===(t=this.audio)||void 0===t?void 0:t.currentTime)||0},this.onEnded=()=>{this.isPlaying=!1,this.currentTime=0,this.coEnded.emit()},this.onErr=t=>{this.isLoading=!1,this.hasError=!0,this.coError.emit(t)},this.toggle=()=>{this.audio&&!this.hasError&&(this.isPlaying?(this.audio.pause(),this.isPlaying=!1,this.coPause.emit()):this.audio.play().then((()=>{this.isPlaying=!0,this.coPlay.emit()})).catch((()=>{})))},this.SPEEDS=[1,1.5,2,.5],this.cycleSpeed=()=>{const t=this.SPEEDS.indexOf(this.playbackRate);this.playbackRate=this.SPEEDS[(t+1)%this.SPEEDS.length],this.audio&&(this.audio.playbackRate=this.playbackRate)},this.seekAt=t=>{const i=this.knownDuration;if(!this.audio||!this.waveEl||!i)return;const a=function(t,i){return i.width?Math.max(0,Math.min(1,(t-i.left)/i.width)):0}(t,this.waveEl.getBoundingClientRect());this.audio.currentTime=a*i,this.currentTime=this.audio.currentTime},this.onWaveKey=t=>{if(" "===t.key||"Enter"===t.key)return t.preventDefault(),void this.toggle();if(!this.audio)return;const i=this.knownDuration,a=this.audio.currentTime;if("ArrowRight"===t.key)this.audio.currentTime=i?Math.min(i,a+5):a+5;else{if("ArrowLeft"!==t.key)return;this.audio.currentTime=Math.max(0,a-5)}this.currentTime=this.audio.currentTime}}get knownDuration(){return Number.isFinite(this.duration)&&this.duration>0?this.duration:0}get effectiveBars(){return this.containerWidth>0?Math.max(24,Math.floor(this.containerWidth/this.barDensity)):this.bars}componentWillLoad(){this.init()}componentDidLoad(){if("undefined"==typeof ResizeObserver||!this.waveEl)return;this.resizeObserver=new ResizeObserver((t=>{var i;for(const a of t){const t=(null===(i=a.contentRect)||void 0===i?void 0:i.width)||a.target.clientWidth||0;t>2&&Math.abs(t-this.containerWidth)>2&&(this.containerWidth=t,this.rebuildBars())}})),this.resizeObserver.observe(this.waveEl);const t=this.waveEl.clientWidth||0;t>2&&(this.containerWidth=t,this.rebuildBars())}disconnectedCallback(){var t;this.loadToken++,this.teardown(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0}onSrcChange(){this.init()}rebuildBars(){this.peaks=this.rawChannelData?s(this.rawChannelData,this.effectiveBars):o(this.effectiveBars)}init(){this.teardown();const t=++this.loadToken;if(this.rawChannelData=null,this.decodedDuration=NaN,this.peaks=o(this.effectiveBars),this.currentTime=0,this.duration=NaN,this.playbackRate=1,this.hasError=!1,!this.src)return;if(this.isLoading=!0,this.extractPeaks(this.src,t),"undefined"==typeof Audio)return;const i=new Audio;i.preload=this.preload,i.crossOrigin="anonymous",i.src=this.src,i.addEventListener("loadedmetadata",this.onMeta),i.addEventListener("timeupdate",this.onTime),i.addEventListener("ended",this.onEnded),i.addEventListener("error",this.onErr),i.addEventListener("canplay",this.onCanPlay),i.addEventListener("waiting",this.onWaiting),this.audio=i}teardown(){this.audio&&(this.audio.pause(),this.audio.removeEventListener("loadedmetadata",this.onMeta),this.audio.removeEventListener("timeupdate",this.onTime),this.audio.removeEventListener("ended",this.onEnded),this.audio.removeEventListener("error",this.onErr),this.audio.removeEventListener("canplay",this.onCanPlay),this.audio.removeEventListener("waiting",this.onWaiting),this.audio.src="",this.audio=void 0),this.isPlaying=!1}async extractPeaks(t,i){let a;try{const e=window.AudioContext||window.webkitAudioContext;if(!e||"undefined"==typeof fetch)return;a=new e;const o=await(await fetch(t)).arrayBuffer(),r=await a.decodeAudioData(o);if(i!==this.loadToken)return;this.rawChannelData=r.getChannelData(0),this.decodedDuration=r.duration,this.peaks=s(this.rawChannelData,this.effectiveBars)}catch(t){if(i!==this.loadToken)return;this.rawChannelData=null,this.decodedDuration=NaN,this.peaks=o(this.effectiveBars)}finally{try{await(null==a?void 0:a.close())}catch(t){}}i===this.loadToken&&this.syncDuration()}syncDuration(){var t,i;const a=(e=null!==(i=null===(t=this.audio)||void 0===t?void 0:t.duration)&&void 0!==i?i:NaN,s=this.decodedDuration,Number.isFinite(e)&&e>0?e:Number.isFinite(s)&&s>0?s:NaN);var e,s;Object.is(a,this.duration)||(this.duration=a)}async download(){if(this.src&&"undefined"!=typeof fetch)try{const t=await(await fetch(this.src)).blob(),i=URL.createObjectURL(t),a=document.createElement("a");a.href=i,a.download=this.downloadFilename,document.body.appendChild(a),a.click(),a.remove(),URL.revokeObjectURL(i)}catch(t){}}render(){const t=Math.max(1,3*this.peaks.length),i=this.knownDuration,s=i?this.currentTime/i*100:0,o=i?Math.floor(i):void 0,r=(t,i,e=!1)=>a("rect",{key:"997dcefc32f5188c41afa0a7b5135c70cceeed1d",x:3*i,y:20-40*t/2,width:1.8,height:Math.max(40*t,2),rx:.6,class:{"co-audio-player__bar":!0,"co-audio-player__bar--played":e}});return a("div",{key:"8ac91ab3f8eb417df5e7cf4d1e016d6ca7eb45a3",class:{"co-audio-player":!0,"co-audio-player--compact":this.compact,"co-audio-player--error":this.hasError,"co-audio-player--playing":this.isPlaying},part:"player"},a("button",{key:"0e5897dc64c91ee67432f17d7b0d57a27f44cd0e",type:"button",class:"co-audio-player__play",part:"play","aria-label":this.hasError?"Audio no disponible":this.isPlaying?"Pausar":"Reproducir","aria-busy":this.isLoading?"true":"false",disabled:this.hasError||!this.src,onClick:this.toggle},a("co-icon",{key:"4843751a2a3709942a49ae03ff9ba0eb08ab7d97",name:this.hasError?"warning-circle":this.isPlaying?"pause":"play",weight:"fill",size:this.compact?12:14})),a("div",{key:"b7aebd0e0c5197b0dec6257bbec7c9dd8dd55d6f",class:"co-audio-player__wave",part:"wave",role:"slider",tabindex:"0","aria-label":"Progreso de reproducción","aria-valuemin":0,"aria-valuemax":o,"aria-valuenow":Math.floor(this.currentTime),ref:t=>this.waveEl=t,onClick:t=>this.seekAt(t.clientX),onKeyDown:this.onWaveKey},a("svg",{key:"a504d058a27bb33dd57733ec32db306eb0ed87e9",class:"co-audio-player__svg",viewBox:`0 0 ${t} 40`,preserveAspectRatio:"none","aria-hidden":"true"},this.peaks.map(((t,i)=>r(t,i))),a("clipPath",{key:"9cfa69ba28801893baf62c8f66b18a31319fdebe",id:"co-ap-clip"},a("rect",{key:"6e5cb34baeb2b7dddd6ef7e94f8585ef912e0315",x:"0",y:"0",width:s/100*t,height:40})),a("g",{key:"4b78a29dde762cabc85d7921aacbcd261d8fa6b5","clip-path":"url(#co-ap-clip)"},this.peaks.map(((t,i)=>r(t,i,!0)))))),a("span",{key:"9067d22b0e2994e46ef49c60356292ec59f61a21",class:"co-audio-player__time",part:"time"},e(this.currentTime)," / ",e(this.duration)),!this.compact&&a("button",{key:"f6149a9996e6ce15230221c2f6fcec95fec5f485",type:"button",class:"co-audio-player__speed",part:"speed","aria-label":`Velocidad de reproducción ${this.playbackRate}x`,onClick:this.cycleSpeed},this.playbackRate,"x"),!this.compact&&!this.noDownload&&a("button",{key:"73d291d31d92bcb0e18e230fe0ac35d3ab4077b2",type:"button",class:"co-audio-player__dl",part:"download","aria-label":"Descargar",onClick:()=>this.download()},a("co-icon",{key:"9ab09f5d6b975f4f5544019f70bd2ca1ee521068",name:"download-simple",size:14})))}static get watchers(){return{src:[{onSrcChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary)}.co-audio-player{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-sm) var(--co-spacing-md);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);min-width:180px}.co-audio-player--compact{gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm);min-width:140px}.co-audio-player__play{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);display:inline-flex;align-items:center;justify-content:center}.co-audio-player--compact .co-audio-player__play{width:24px;height:24px}.co-audio-player__play:disabled{opacity:.5;cursor:not-allowed}.co-audio-player__play:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-audio-player__wave{flex:1;height:40px;min-width:0;cursor:pointer;display:flex;align-items:center}.co-audio-player__wave:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-xxs)}.co-audio-player__svg{width:100%;height:100%;display:block}.co-audio-player__bar{fill:var(--co-semantic-border-field);transition:fill var(--co-motion-duration-fast)}.co-audio-player__wave:hover .co-audio-player__bar{fill:var(--co-semantic-text-muted)}.co-audio-player__bar--played{fill:var(--co-semantic-surface-primary)}.co-audio-player__time{flex:0 0 auto;font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums;min-width:62px;text-align:right}.co-audio-player__speed{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:2px 4px;color:var(--co-semantic-text-muted);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.co-audio-player__speed:hover{color:var(--co-semantic-text-default)}.co-audio-player__speed:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-xxs)}.co-audio-player__dl{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:2px;color:var(--co-semantic-text-muted);display:inline-flex}.co-audio-player__dl:hover{color:var(--co-semantic-text-default)}.co-audio-player__dl:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-audio-player--error .co-audio-player__wave{opacity:.5}.co-audio-player--error .co-audio-player__play{background:var(--co-color-status-error);color:var(--co-semantic-text-inverse);opacity:1}";export{r as co_audio_player}

package/dist/cobalt/p-8fa5dc4a.entry.js

@@ -1 +0,0 @@
-import{r as a,c as e,h as d}from"./p-DH5lfRNj.js";const o=class{constructor(d){a(this,d),this.coModeChange=e(this,"coModeChange",7),this.mode="full"}render(){return d("nav",{key:"ad5f66c721365f3a9ca2192765df243e8dea492e",class:{"co-sidebar":!0,[`co-sidebar--${this.mode}`]:!0},part:"sidebar"},d("div",{key:"45a2250516e1080f79b4a4554a0db7715c30066d",class:"co-sidebar__header",part:"header"},d("slot",{key:"04a468d4eb6cf9bbd2acc482ba50defc4271166e",name:"header"})),d("div",{key:"730e37997945ce8bc7bc2d177beb25bbd0a1813f",class:"co-sidebar__body",part:"body"},d("slot",{key:"22c20554c8f2d85952d43484cda5903dbf33588d"})),d("div",{key:"6bb53d0394b9107ea1553e21047d51ea5fe0f292",class:"co-sidebar__footer",part:"footer"},d("slot",{key:"2b326d1beed32288d50ba17abad459929ed1e940",name:"footer"})))}};o.style=":host{display:flex;height:100%}.co-sidebar{display:flex;flex-direction:column;background:var(--co-semantic-surface-page);border-right:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-sidebar--full{width:256px}.co-sidebar--min{width:58px;align-items:center}.co-sidebar__header{padding:var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__header{padding:var(--co-spacing-md)}.co-sidebar__body{flex:1;overflow-y:auto;padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-sidebar--min .co-sidebar__body{padding:var(--co-spacing-sm2)}.co-sidebar__footer{padding:var(--co-spacing-md) var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__footer{padding:var(--co-spacing-md)}.co-sidebar__header:empty,.co-sidebar__footer:empty{display:none}";export{o as co_sidebar}