@prolibu-suite/cobalt-core 0.11.12 → 0.11.13

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

@@ -536,7 +536,7 @@ export class CoSidebarNav {
                     "references": {
                         "NavigateDetail": {
                             "location": "local",
-                            "path": "/Users/agox/worktrees/cobalt-release-a11y/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
+                            "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
                             "id": "src/components/co-sidebar-nav/co-sidebar-nav.tsx::NavigateDetail"
                         }
                     }

package/dist/collection/components/co-skeleton/co-skeleton.css

@@ -5,14 +5,11 @@
 .co-skeleton {
   height: 1em;
   border-radius: var(--co-border-radius-xs);
-  /* Base surface-muted (gray-200 claro / gray-650 oscuro): la de antes partía de
-     surface-secondary (= el fondo de la página) y la barra en reposo era invisible
-     (<=1,17:1). El brillo del sweep es la mezcla 50 % con surface-page. */
   background: linear-gradient(
     90deg,
-    var(--co-semantic-surface-muted) 0%,
-    color-mix(in srgb, var(--co-semantic-surface-muted), var(--co-semantic-surface-page) 50%) 50%,
-    var(--co-semantic-surface-muted) 100%
+    var(--co-semantic-surface-secondary) 0%,
+    var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04)) 50%,
+    var(--co-semantic-surface-secondary) 100%
   );
   background-size: 200% 100%;
   animation: co-skeleton-sweep 1.2s ease-in-out infinite;

package/dist/collection/components/co-slider/co-slider.css

@@ -96,13 +96,7 @@
 .co-slider__track {
   width: 100%;
   height: var(--co-slider-track-thickness, 4px);
-  /* Riel sin llenar = indicador no textual (WCAG 1.4.11): border-subtle (8 %) daba 1,17:1
-     contra la página. control-track-off (gray-500, la pista apagada de co-switch): 3,54 claro /
-     5,58 oscuro contra la página; el relleno queda a 4,78 (claro) / 3,54 (oscuro) del riel.
-     Compromiso aceptado: los rellenos de ESTADO (error/success/warning) quedan a ~1,6-1,9 del riel
-     gris; ahí el valor lo lleva el pulgar (mismo color, contra la página) y el estado, el texto de
-     ayuda. En suite-v2 solo se usa `error`, transitorio, en validación (FieldSlider). */
-  background: var(--co-semantic-control-track-off);
+  background: var(--co-semantic-border-subtle);
   border-radius: var(--co-border-radius-full);
   overflow: hidden;
 }
@@ -118,11 +112,6 @@
   background: var(--co-semantic-text-disabled);
 }
 
-/* Deshabilitado conserva el riel tenue de siempre (exento de 1.4.11). */
-.co-slider--disabled .co-slider__track {
-  background: var(--co-semantic-border-subtle);
-}
-
 .co-slider--error .co-slider__fill { background: var(--co-semantic-status-error); }
 .co-slider--success .co-slider__fill { background: var(--co-semantic-status-success); }
 .co-slider--warning .co-slider__fill { background: var(--co-color-status-review); }
@@ -278,15 +267,6 @@
   transition: none;
 }
 
-/* Foco de teclado (WCAG 2.4.7). El nodo enfocable es el `<input type="range">` oculto, que va
-   DESPUÉS del riel en el DOM: un `~` no alcanza al thumb, así que se sube por `:has()` desde la
-   raíz. Anillo de la casa: separador surface-page + trazo border-focus (3,29 claro / 5,33
-   oscuro). Va DESPUÉS de `--dragging` y pesa (0,3,0): el foco por teclado se ve aunque el
-   arrastre siga marcado. `:focus-visible`, nunca `:focus` pelado: el click no lo prende. */
-.co-slider:has(.co-slider__native:focus-visible) .co-slider__thumb {
-  box-shadow: 0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus);
-}
-
 .co-slider--disabled .co-slider__thumb {
   background: var(--co-semantic-text-disabled);
 }

package/dist/collection/components/co-switch/co-switch.css

@@ -124,21 +124,15 @@
   flex-shrink: 0;
 }
 
-/* Foco por teclado (H1, auditoría a11y 2026-10-05): anillo de dos tonos — separación en
-   surface-page + trazo border-focus (≈3,3:1 claro / ≈5,3:1 oscuro). La pista encendida es
-   surface-primary (negra en claro): el trazo pegado se fundiría con ella, por eso el hueco. */
-.co-switch:focus-visible {
-  box-shadow: 0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus);
-}
-
 /* ─── TRACK COLORS ──────────────────────────────────────────── */
 .co-switch--on  { background: var(--co-semantic-surface-primary); }
 .co-switch--off {
   /* Sin backdrop-filter (D2): el track off vive sobre fondo uniforme
      (CellActiveToggle en fila de datatable, forms) → blur inerte.
-     Pista apagada por --co-semantic-control-track-off: gray-500 opaco en claro y oscuro
-     (≥3:1 contra página, pulgar y pista encendida). El color-mix de surface-muted al 35%
-     (el fallback, solo sin tokens) quedaba a ~1,07:1 de la página: el switch no se veía. */
+     Pista apagada por --co-semantic-control-track-off (D8, auditoría oscuro): en claro vale
+     el mismo color-mix de siempre (también es el fallback); en oscuro, gray-500 opaco — el
+     35% de surface-muted quedaba a 1,06:1 de la página y el pulgar oscuro se perdía encima.
+     El pulgar sigue en control-thumb (base-negro en oscuro: 4,78:1 sobre la pista). */
   background: var(--co-semantic-control-track-off, color-mix(in srgb, var(--co-semantic-surface-muted) 35%, transparent));
 }
 

package/dist/collection/components/co-tab/co-tab.css

@@ -127,7 +127,7 @@
 
 /* ─── Segmented variant ─────────────────────────────────────── */
 /* Lives inside a .co-tab-group--segmented track. Transparent chip by
-   default; the selected tab becomes a surface-raised bordered pill with the lg
+   default; the selected tab becomes a white bordered pill with the lg
    shadow. The transparent border on the base state reserves the 1px so
    selecting a tab never shifts layout. */
 .co-tab--segmented {
@@ -147,22 +147,16 @@
   color: var(--co-semantic-text-default);
 }
 
-/* Contorno border-default (16 %), no border-subtle (8 %): desde #8 B el track es
-   transparente, así que la pill ya no se recorta contra un gris. Relleno
-   surface-raised: blanco en claro (el mismo valor que surface-page: sin cambio
-   visual) y gray-700 en oscuro, donde surface-page (gray-800) era el MISMO color de
-   la página y la pill solo se distinguía por contorno + tinta + peso. Respaldo a
-   surface-page para hosts con tokens anteriores al semántico. */
 .co-tab--segmented.co-tab--selected {
-  background: var(--co-semantic-surface-raised, var(--co-semantic-surface-page));
-  border-color: var(--co-semantic-border-default);
+  background: var(--co-semantic-surface-page);
+  border-color: var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));
   box-shadow: var(--co-shadow-lg);
   font-weight: 500;
   color: var(--co-semantic-text-default);
 }
 
 .co-tab--segmented.co-tab--selected:hover:not(:disabled) {
-  background: var(--co-semantic-surface-raised, var(--co-semantic-surface-page));
+  background: var(--co-semantic-surface-page);
   color: var(--co-semantic-text-default);
 }
 
@@ -187,8 +181,8 @@
 }
 
 .co-tab--segmented.co-tab--s.co-tab--selected {
-  background: var(--co-semantic-surface-raised, var(--co-semantic-surface-page));
-  border-color: var(--co-semantic-border-default);
+  background: var(--co-semantic-surface-page);
+  border-color: var(--co-semantic-border-subtle);
   box-shadow: var(--co-shadow-lg);
   color: var(--co-semantic-text-default);
   font-weight: 500;
@@ -209,8 +203,8 @@
 }
 
 .co-tab--segmented.co-tab--xs.co-tab--selected {
-  background: var(--co-semantic-surface-raised, var(--co-semantic-surface-page));
-  border-color: var(--co-semantic-border-default);
+  background: var(--co-semantic-surface-page);
+  border-color: var(--co-semantic-border-subtle);
   box-shadow: var(--co-shadow-lg);
   color: var(--co-semantic-text-default);
   font-weight: 500;

package/dist/collection/components/co-tab-group/co-tab-group.css

@@ -78,29 +78,23 @@
 }
 
 /* ─── Segmented variant ─────────────────────────────────────── */
-/* Track TRANSPARENTE con contorno de 1px border-default + pill surface-raised (blanca en claro, gray-700 en oscuro) activa
-   (auditoría de contraste #8 B, 2026-10-05). Antes: relleno surface-control
-   (gray-100) + borde inferior hairline, un gris de 1,08:1 que no se veía. El
-   contorno va por box-shadow inset para no mover la geometría. Ojo: un inset se
-   pinta DENTRO del borde, así que el border-bottom transparente de 1px que traía
-   el track dejaba la línea inferior 1px más arriba que la caja (hueco abajo y
-   esquinas desparejas). Ese 1px pasa al padding inferior: misma caja, contorno
-   uniforme en los cuatro lados.
-   Each co-tab styles its own pill. Hosts must not add their own separator
-   under the track. */
+/* Gray track + white active pill (Figma segmented control, node
+   3500:93295). The track hugs its content; each co-tab styles its
+   own pill. The subtle bottom border is part of the track itself —
+   hosts must not add their own separator under it. */
 .co-tab-group--segmented {
   display: inline-flex;
   gap: var(--co-spacing-xxs, 2px);
-  padding: var(--co-spacing-sm, 6px) var(--co-spacing-sm, 6px) calc(var(--co-spacing-sm, 6px) + 1px);
-  background: transparent;
-  box-shadow: inset 0 0 0 1px var(--co-semantic-border-default);
+  padding: var(--co-spacing-sm, 6px);
+  background: var(--co-semantic-surface-control);
+  border-bottom: 1px solid var(--co-semantic-border-hairline);
   border-radius: var(--co-border-radius-sm, 12px);
 }
 
 /* Track compacto para pestañas size="s" (28px, D-19) — dos clases le ganan
-   por especificidad a `.co-tab-group--segmented` sin importar el orden. Nunca
-   tuvo el 1px inferior: el padding uniforme de 4px lo pisa también abajo. */
+   por especificidad a `.co-tab-group--segmented` sin importar el orden. */
 .co-tab-group--segmented.co-tab-group--size-s {
   padding: 4px;
   border-radius: var(--co-border-radius-xs, 8px);
+  border-bottom: none;
 }

package/dist/collection/components/co-tags-field/co-tags-field.css

@@ -175,10 +175,9 @@
   color: var(--co-semantic-text-muted);
 }
 
-/* Inline chip editing input. Contorno border-field, el de todo campo: border-focus es tinta
-   sólida desde #2D/#3D (auditoría 2026-10-05) y no va como borde sin estado. */
+/* Inline chip editing input */
 .co-tags-field__edit {
-  border: 1px solid var(--co-semantic-border-field);
+  border: 1px solid var(--co-semantic-border-focus);
   border-radius: var(--co-border-radius-xxs);
   outline: none;
   background: var(--co-semantic-surface-page);

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

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

package/dist/collection/components/co-toggle-button/co-toggle-button.css

@@ -263,18 +263,13 @@
 }
 
 /* Pill — chips de filtro del Figma (página Academy): pastillas sueltas de 40px,
-   la seleccionada en la superficie inversa. Todo semántico: gira en oscuro.
-   Auditoría de contraste #8 B (2026-10-05): la NO seleccionada perdió el relleno
-   surface-control (gray-100: 1,08:1 sobre la página, no se veía) → transparente
-   con contorno de 1px border-default (el borde de 1px ya existía, transparente:
-   la caja no cambia). Hover = tinte text-default al 4 %, más liviano que la
-   seleccionada. La seleccionada conserva su look (inversa, sin contorno visible). */
+   la seleccionada en la superficie inversa. Todo semántico: gira en oscuro. */
 :host([variant='pill']) .co-toggle-button {
   height: 40px;
   padding: 0 var(--co-spacing-lg);
   border-radius: var(--co-border-radius-full);
-  border-color: var(--co-semantic-border-default);
-  background: transparent;
+  border-color: transparent;
+  background: var(--co-semantic-surface-control);
   color: var(--co-toggle-button-color, var(--co-semantic-text-default));
   font-size: var(--co-toggle-button-font-size, var(--co-font-size-14));
   font-weight: var(--co-font-weight-regular);
@@ -284,11 +279,10 @@
 }
 
 :host([variant='pill']) .co-toggle-button:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent);
+  background: var(--co-semantic-surface-hover);
 }
 
 :host([variant='pill']) .co-toggle-button--selected {
-  border-color: transparent;
   background: var(--co-semantic-surface-primary);
   color: var(--co-toggle-button-color-selected, var(--co-semantic-on-primary));
 }

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

@@ -731,8 +731,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 }
 
 .co-transfer-list__panel-count {
-  /* text-secondary, no text-muted: va sobre surface-muted y muted ahí da 4,15:1 claro / 3,65:1 oscuro. */
-  color: var(--co-semantic-text-secondary);
+  color: var(--co-semantic-text-muted);
   font-size: var(--co-font-size-12);
 }
 
@@ -791,8 +790,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   width: 16px;
   height: 16px;
   border-radius: var(--co-border-radius-xxs, 4px);
-  /* #3D (auditoría de contraste 2026-10-05): casilla sin marcar = contorno de campo (≥3:1). */
-  border: 1px solid var(--co-semantic-border-field);
+  border: 1px solid var(--co-semantic-border-default);
   background: transparent;
   flex-shrink: 0;
   transition: background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);

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

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

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

@@ -116,7 +116,7 @@
 }
 
 .co-tree-item__caret:hover {
-  background-color: var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.08));
+  background-color: var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));
 }
 
 .co-tree-item__caret:focus-visible {

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

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

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

@@ -38,7 +38,7 @@
 }
 
 .co-video:focus-visible {
-  outline: 2px solid var(--co-semantic-border-focus);
+  outline: 2px solid var(--co-semantic-border-focus-ring);
   outline-offset: 2px;
 }
 
@@ -251,11 +251,9 @@
   height: var(--co-video-progress-height-hover);
 }
 
-/* La barra vive SOBRE el cuadro de video (fondo arbitrario): anillo de dos tonos
-   surface-page + text-default (H32, auditoría a11y 2026-10-05). */
 .co-video__progress:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-text-default);
+  outline: 2px solid var(--co-semantic-border-focus-ring);
+  outline-offset: 4px;
   border-radius: var(--co-border-radius-full);
 }
 

package/dist/collection/utils/dragMove.js

@@ -65,7 +65,7 @@ const INTERACTIVE_SELECTOR = [
     '[role="switch"]',
     '[role="combobox"]',
     '[role="option"]',
-    '[role^="menuitem"]',
+    '[role="menuitem"]',
     '[role="slider"]',
     '[role="tab"]',
     '[role="separator"]',

package/dist/components/co-accordion.js

@@ -1 +1 @@
-import{t as o,p as c,H as e,c as i,h as a}from"./index.js";import{d as t}from"./p-qMNHMnvI.js";function n(o){return"function"==typeof o.matches&&o.matches('a[href],button,input,select,textarea,label,summary,[contenteditable="true"],[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role^="menuitem"],[role="tab"],co-button,co-icon-button,co-switch,co-checkbox,co-radio,co-chip,co-input,co-select,co-combobox,co-autocomplete,co-ref-field,co-number-field,co-toggle-button,co-menu')}const r=c(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",3),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))},this.handleHeadingClick=o=>{if(this.disabled)return;const c=o.currentTarget;for(const e of o.composedPath()){if(e===c)break;if(n(e))return}this.handleToggle()}}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:"d477686c4426bac01fedcc0975acdb28d5de8d53",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"3fbbb44e513e7c8e66ca1bfaf56568bc1fb441cc",class:"co-accordion__header",part:"header"},a("span",{key:"e090a74991c94904898ccfc26ca811ea1a98cd1a",class:"co-accordion__heading-group",onClick:this.handleHeadingClick},a("span",{key:"896535a0074fafc9fda7d6f0beb0705ff18517dc",class:"co-accordion__heading",part:"heading"},a("slot",{key:"0f6c088e61270e49eb9f4ec21de2362154dc995a",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"bf4bb26b48e7d018d6571bec195aff5cd4be3c1c",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"fbf7719ffea35741770fe3b3937f5dfb393d6682",name:"subheading"},this.subheading))),a("button",{key:"c2c433dce96427231874e6454083753311be37bf",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:"a561c34c9ee2028718d0eb6dffb70075245b0090",name:"caret-up",size:20}))),a("div",{key:"cbc7c2a0f773bfc4d65af4734db07f940b705109",class:"co-accordion__body",part:"body"},a("div",{key:"5ef87ae96275711717b0f48aa65459e6ee454763",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"9b675cfe81faf2ad10e226d55a41aa2b4add32c8"}))))}get el(){return this}static get style(){return":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);cursor:pointer}.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-semantic-surface-hover, 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-md);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}.co-accordion--disabled .co-accordion__heading-group{cursor:default}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function d(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((c=>{switch(c){case"co-accordion":customElements.get(o(c))||customElements.define(o(c),r);break;case"co-icon":customElements.get(o(c))||t()}}))}d();const s=r,l=d;export{s as CoAccordion,l as defineCustomElement}
+import{t as o,p as e,H as c,c as i,h as a}from"./index.js";import{d as t}from"./p-qMNHMnvI.js";function n(o){return"function"==typeof o.matches&&o.matches('a[href],button,input,select,textarea,label,summary,[contenteditable="true"],[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role="menuitem"],[role="tab"],co-button,co-icon-button,co-switch,co-checkbox,co-radio,co-chip,co-input,co-select,co-combobox,co-autocomplete,co-ref-field,co-number-field,co-toggle-button,co-menu')}const r=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",3),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))},this.handleHeadingClick=o=>{if(this.disabled)return;const e=o.currentTarget;for(const c of o.composedPath()){if(c===e)break;if(n(c))return}this.handleToggle()}}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:"0d1c2cca135ac9d62cb7d4b5c620843c5788101d",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("div",{key:"aa80683852ba2b131c7ab29eed528ec87d92a565",class:"co-accordion__header",part:"header"},a("span",{key:"71c84f588f351279bb999a2ec84dd37b202203d0",class:"co-accordion__heading-group",onClick:this.handleHeadingClick},a("span",{key:"42201833527fd73790ab6391668ba8eb7986ed90",class:"co-accordion__heading",part:"heading"},a("slot",{key:"11528c94fa817e55ffb015975e29947111e98c08",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"73bd7f8b5d7b967f0a5c84f207ab4452e96f6805",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"1cefb67a4b6809357ee9a5a9330ec3bcd3be42ab",name:"subheading"},this.subheading))),a("button",{key:"fef96df91611513ab6f6074578a31c3e7b23b4c2",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:"f32612853d42ea6f2c34b2554951b22d155d1afc",name:"caret-up",size:20}))),a("div",{key:"c3c90907e7114f20a917bae025012464182b8ea4",class:"co-accordion__body",part:"body"},a("div",{key:"44877e54213ae200cde25d5a2fb5ae4ed95b7df9",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"4ad41bab50239bb4ddca8ee8751afeb6dfb19227"}))))}get el(){return this}static get style(){return":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);cursor:pointer}.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-md);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}.co-accordion--disabled .co-accordion__heading-group{cursor:default}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function d(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((e=>{switch(e){case"co-accordion":customElements.get(o(e))||customElements.define(o(e),r);break;case"co-icon":customElements.get(o(e))||t()}}))}d();const s=r,l=d;export{s as CoAccordion,l as defineCustomElement}

package/dist/components/co-action-bar.js

@@ -1 +1 @@
-import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-qMNHMnvI.js";import{d as s}from"./p-DpnlSVX3.js";const c=i(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=t(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"142b59b00b772502ea25dfb13537b9b3dd546080",class:{"co-action-bar":!0,"co-action-bar--open":this.open,"co-action-bar--animated":this.animated},part:"bar",role:"group","aria-label":this.ariaLabelText||this.label,"aria-hidden":this.open?null:"true"},e("span",{key:"8d250df3de2ac4a0c656f90e43f113d0cf2725e2",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"0787a2c1d6a145dd95c6cca688b8a410c50dd8db",class:"co-action-bar__label",part:"label"},e("slot",{key:"ece9079fc9e5a06a75b4f9ff4da8d5b9c0362bbf",name:"label"},this.label)),e("div",{key:"29a587420ce044ee0fa1502bef229c15ab287a79",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"359ce62b1f45b4c3292ee575b5a4bcf9c684fc07"})),!1!==this.dismissible&&e("co-icon-button",{key:"66439f013f0e3de6f184f6e600cd1eb5bca3b004",class:"co-action-bar__dismiss",part:"dismiss",icon:"x",variant:"ghost",surface:"dark",size:"xs",label:"Dismiss",onClick:this.handleDismiss}))}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);--co-surface-dark-ink:var(--co-semantic-on-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100% - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||n();break;case"co-icon-button":customElements.get(a(i))||s()}}))}r();const l=c,d=r;export{l as CoActionBar,d as defineCustomElement}
+import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-qMNHMnvI.js";import{d as s}from"./p-B70R6xWE.js";const c=i(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=t(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"142b59b00b772502ea25dfb13537b9b3dd546080",class:{"co-action-bar":!0,"co-action-bar--open":this.open,"co-action-bar--animated":this.animated},part:"bar",role:"group","aria-label":this.ariaLabelText||this.label,"aria-hidden":this.open?null:"true"},e("span",{key:"8d250df3de2ac4a0c656f90e43f113d0cf2725e2",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"0787a2c1d6a145dd95c6cca688b8a410c50dd8db",class:"co-action-bar__label",part:"label"},e("slot",{key:"ece9079fc9e5a06a75b4f9ff4da8d5b9c0362bbf",name:"label"},this.label)),e("div",{key:"29a587420ce044ee0fa1502bef229c15ab287a79",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"359ce62b1f45b4c3292ee575b5a4bcf9c684fc07"})),!1!==this.dismissible&&e("co-icon-button",{key:"66439f013f0e3de6f184f6e600cd1eb5bca3b004",class:"co-action-bar__dismiss",part:"dismiss",icon:"x",variant:"ghost",surface:"dark",size:"xs",label:"Dismiss",onClick:this.handleDismiss}))}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);--co-surface-dark-ink:var(--co-semantic-on-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100% - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||n();break;case"co-icon-button":customElements.get(a(i))||s()}}))}r();const l=c,d=r;export{l as CoActionBar,d as defineCustomElement}

package/dist/components/co-autocomplete.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as i}from"./p-CWneqh4n.js";import{d as s}from"./p-BRIf9NGv.js";import{d as r}from"./p-CpwIdVV5.js";import{d as l}from"./p-qMNHMnvI.js";import{d as n}from"./p-DldA2IL3.js";import{d as p}from"./p-BH184F0X.js";import{d as h}from"./p-BXDvRVSp.js";import{d}from"./p-DRL-a5hO.js";const m=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{if(null==e.value)return this.value=this.multiple?"[]":"",this.query="",this.isOpen=!1,void this.coChange.emit({value:null,item:null});this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return a("div",{key:"02fe5e70777f1a39038af676c76032ae1fbecbc8",class:{"co-autocomplete":!0,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,["co-autocomplete--"+this.size]:!0,["co-autocomplete--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&a("div",{key:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&a("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,a(i,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&a("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("input",{key:"e2d9cfa48001c20aa9e8a4ef5800135172b2aff9",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&a("div",{key:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"3dec3da0d38adb8986b57960c74b697ffbc211dd",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&a("div",{key:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-autocomplete__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-autocomplete{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-autocomplete__label{white-space:normal}:host([layout='horizontal']) .co-autocomplete>:not(.co-autocomplete__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-kbd","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),m);break;case"co-avatar":customElements.get(e(t))||s();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-kbd":customElements.get(e(t))||n();break;case"co-loader":customElements.get(e(t))||p();break;case"co-option-list":customElements.get(e(t))||h();break;case"co-tooltip":customElements.get(e(t))||d()}}))}u();const f=m,b=u;export{f as CoAutocomplete,b as defineCustomElement}
+import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as i}from"./p-CWneqh4n.js";import{d as s}from"./p-BRIf9NGv.js";import{d as r}from"./p-BSt2t5Fy.js";import{d as l}from"./p-qMNHMnvI.js";import{d as n}from"./p-DldA2IL3.js";import{d as p}from"./p-BH184F0X.js";import{d as h}from"./p-BGNXvnDr.js";import{d}from"./p-DRL-a5hO.js";const m=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{if(null==e.value)return this.value=this.multiple?"[]":"",this.query="",this.isOpen=!1,void this.coChange.emit({value:null,item:null});this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return a("div",{key:"02fe5e70777f1a39038af676c76032ae1fbecbc8",class:{"co-autocomplete":!0,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,["co-autocomplete--"+this.size]:!0,["co-autocomplete--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&a("div",{key:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&a("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,a(i,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&a("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("input",{key:"e2d9cfa48001c20aa9e8a4ef5800135172b2aff9",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&a("div",{key:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"3dec3da0d38adb8986b57960c74b697ffbc211dd",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&a("div",{key:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-autocomplete__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout='horizontal']) .co-autocomplete{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-autocomplete__label{white-space:normal}:host([layout='horizontal']) .co-autocomplete>:not(.co-autocomplete__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, var(--co-color-status-error))}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-kbd","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),m);break;case"co-avatar":customElements.get(e(t))||s();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-kbd":customElements.get(e(t))||n();break;case"co-loader":customElements.get(e(t))||p();break;case"co-option-list":customElements.get(e(t))||h();break;case"co-tooltip":customElements.get(e(t))||d()}}))}u();const f=m,b=u;export{f as CoAutocomplete,b as defineCustomElement}

package/dist/components/co-calendar-month.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-BDk4ffI3.js";const f=o,p=s;export{f as CoCalendarMonth,p as defineCustomElement}
+import{C as o,d as s}from"./p-BfDYq7JS.js";const p=o,r=s;export{p as CoCalendarMonth,r as defineCustomElement}

package/dist/components/co-calendar-timegrid.js

@@ -1 +1 @@
-import{C as o,d as p}from"./p-Ct4MpUdn.js";const s=o,t=p;export{s as CoCalendarTimegrid,t as defineCustomElement}
+import{C as o,d as s}from"./p-DMW9TJ7Z.js";const p=o,r=s;export{p as CoCalendarTimegrid,r as defineCustomElement}

package/dist/components/co-carousel.js

@@ -1 +1 @@
-import{p as t,H as s,c as i,h as o,a as e,t as a}from"./index.js";import{l as r}from"./p-jYd9gu_c.js";import{d as c}from"./p-qMNHMnvI.js";const l={es:{prevSlide:"Diapositiva anterior",nextSlide:"Diapositiva siguiente",goToSlide:"Ir a la diapositiva {i}",pickSlide:"Elegir diapositiva",carouselLabel:"Carrusel",slideLabel:"{i} de {n}"},en:{prevSlide:"Previous slide",nextSlide:"Next slide",goToSlide:"Go to slide {i}",pickSlide:"Choose slide",carouselLabel:"Carousel",slideLabel:"{i} of {n}"},pt:{prevSlide:"Slide anterior",nextSlide:"Próximo slide",goToSlide:"Ir para o slide {i}",pickSlide:"Escolher slide",carouselLabel:"Carrossel",slideLabel:"{i} de {n}"}};function h(t){return l[r(t)]}const n=t(class t extends s{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.coSlideChange=i(this,"coSlideChange",7),this.value=0,this.autoplay=!1,this.interval=6e3,this.loop=!0,this.arrows=!0,this.dots=!0,this.pauseOnHover=!0,this.swipe=!0,this.aspectRatio="auto",this.locale="es",this.itemCount=0,this.dragDx=0,this.dragging=!1,this.rotating=!1,this.hovering=!1,this.focusWithin=!1,this.reducedMotion=!1,this.pointerStartX=0,this.pointerStartY=0,this.pointerId=-1,this.suppressClick=!1,this.handleSlotChange=()=>{this.refreshItems()},this.handleVisibilityChange=()=>{document.hidden?this.stopAutoplay():this.restartAutoplay()},this.handleMotionChange=t=>{this.reducedMotion=t.matches,this.restartAutoplay()},this.handleMouseEnter=()=>{this.hovering=!0,this.pauseOnHover&&this.stopAutoplay()},this.handleMouseLeave=()=>{this.hovering=!1,this.restartAutoplay()},this.handleFocusIn=()=>{this.focusWithin=!0,this.stopAutoplay()},this.handleFocusOut=t=>{t.relatedTarget&&this.el.contains(t.relatedTarget)||(this.focusWithin=!1,this.restartAutoplay())},this.handlePointerDown=t=>{this.dragging||!this.swipe||this.itemCount<=1||"mouse"===t.pointerType&&0!==t.button||(this.suppressClick=!1,this.pointerId=t.pointerId,this.pointerStartX=t.clientX,this.pointerStartY=t.clientY,this.dragDx=0)},this.handlePointerMove=s=>{var i;if(s.pointerId!==this.pointerId)return;const o=s.clientX-this.pointerStartX,e=s.clientY-this.pointerStartY;if(!this.dragging){if(Math.abs(o)<t.DRAG_SLOP||Math.abs(o)<Math.abs(e))return;this.dragging=!0,null===(i=this.viewportEl)||void 0===i||i.setPointerCapture(s.pointerId)}this.dragDx=o},this.handlePointerUp=s=>{var i;if(s.pointerId!==this.pointerId)return;if(this.pointerId=-1,!this.dragging)return;const o=this.dragDx;this.dragging=!1,this.dragDx=0,this.suppressClick=!0,null===(i=this.viewportEl)||void 0===i||i.releasePointerCapture(s.pointerId),o<=-t.SWIPE_THRESHOLD?this.advance(1):o>=t.SWIPE_THRESHOLD&&this.advance(-1),this.restartAutoplay()},this.handlePointerCancel=t=>{t.pointerId===this.pointerId&&(this.pointerId=-1,this.dragging=!1,this.dragDx=0,this.suppressClick=!1)},this.handleClickCapture=t=>{this.suppressClick&&(this.suppressClick=!1,t.preventDefault(),t.stopPropagation())},this.handleKeyDown=t=>{"ArrowRight"===t.key?(t.preventDefault(),this.advance(1)):"ArrowLeft"===t.key&&(t.preventDefault(),this.advance(-1))}}componentWillLoad(){var t,s;"undefined"!=typeof window&&window.matchMedia&&(this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.reducedMotion=this.motionQuery.matches,null===(s=(t=this.motionQuery).addEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange))}componentDidLoad(){this.refreshItems(),document.addEventListener("visibilitychange",this.handleVisibilityChange),this.restartAutoplay()}disconnectedCallback(){var t,s;this.stopAutoplay(),document.removeEventListener("visibilitychange",this.handleVisibilityChange),null===(s=null===(t=this.motionQuery)||void 0===t?void 0:t.removeEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange)}watchValue(){const t=this.clampIndex(this.value);t===this.value?this.syncItems():this.value=t}watchLocale(){this.syncItems()}watchAutoplay(){this.restartAutoplay()}async next(){this.advance(1)}async prev(){this.advance(-1)}async goTo(t){this.setActive(this.clampIndex(t))}getItems(){return Array.from(this.el.querySelectorAll(":scope > co-carousel-item"))}refreshItems(){const t=this.getItems();this.itemCount=t.length,this.value>0&&this.value>=this.itemCount&&(this.value=Math.max(0,this.itemCount-1)),this.syncItems(),this.restartAutoplay()}syncItems(){const t=this.getItems(),s=t.length,i=h(this.locale);t.forEach(((t,o)=>{const e=o===this.value;t.setAttribute("aria-label",i.slideLabel.replace("{i}",o+1+"").replace("{n}",s+"")),t.setAttribute("aria-hidden",e?"false":"true"),t.toggleAttribute("inert",!e)}))}clampIndex(t){return 0===this.itemCount?0:Math.max(0,Math.min(this.itemCount-1,t))}setActive(t){t===this.value||t<0||t>=this.itemCount||(this.value=t,this.coSlideChange.emit(t))}advance(t){if(this.itemCount<=1)return;let s=this.value+t;if(s>=this.itemCount){if(!this.loop)return;s=0}else if(s<0){if(!this.loop)return;s=this.itemCount-1}this.setActive(s)}restartAutoplay(){this.stopAutoplay(),!this.autoplay||this.itemCount<=1||this.reducedMotion||this.pauseOnHover&&this.hovering||this.focusWithin||"undefined"!=typeof document&&document.hidden||(this.timer=setInterval((()=>{this.dragging||(!this.loop&&this.value>=this.itemCount-1?this.stopAutoplay():this.advance(1))}),Math.max(1e3,this.interval)),this.rotating=!0)}stopAutoplay(){this.timer&&(clearInterval(this.timer),this.timer=void 0),this.rotating=!1}render(){const t=h(this.locale),s=this.itemCount>1,i=this.loop||this.value>0,a=this.loop||this.value<this.itemCount-1,r="co-carousel--"+this.aspectRatio.replace(":","-"),c={transform:this.dragging?`translateX(calc(${100*-this.value}% + ${this.dragDx}px))`:`translateX(${100*-this.value}%)`};return this.dragging&&(c.transition="none"),o(e,{key:"893a30dd314f5d04c78c1824317b80db6d4326d4"},o("div",{key:"799a7edfbd023adf57ea1e3dfb90fdd8e864954c",class:{"co-carousel":!0,[r]:!0},part:"container",role:"region","aria-roledescription":"carousel","aria-label":t.carouselLabel,tabindex:0,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut},o("div",{key:"d6227b5963125ff1e2f9433d63d6ffb632e2f50a",class:"co-carousel__viewport",part:"viewport",ref:t=>this.viewportEl=t,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,onClickCapture:this.handleClickCapture},o("div",{key:"74b2910ef5d37bd94f054984eb80f090c6a4f878",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},o("slot",{key:"b590ed5dd8ee443cf5875f929280cf860284cf3d",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&o("button",{key:"92d9002c893bd3d200bc290cadb0cdf87fb2a493",class:{"co-carousel__arrow":!0,"co-carousel__arrow--prev":!0,"co-carousel__arrow--disabled":!i},part:"arrow-prev",type:"button","aria-label":t.prevSlide,disabled:!i,onClick:()=>this.advance(-1)},o("co-icon",{key:"8608c83fb246ec45c2f34eb221d1f25dac51c680",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&o("button",{key:"d1279fa7a3ebef36f2d590e5834a2b0484c2f6b3",class:{"co-carousel__arrow":!0,"co-carousel__arrow--next":!0,"co-carousel__arrow--disabled":!a},part:"arrow-next",type:"button","aria-label":t.nextSlide,disabled:!a,onClick:()=>this.advance(1)},o("co-icon",{key:"cfa98cc4aad1e658e63b7411638522687f6c3650",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&o("div",{key:"98fbe34ec71504ff2089f380cce0354b52753d08",class:"co-carousel__dots",part:"dots",role:"group","aria-label":t.pickSlide},Array.from({length:this.itemCount},((s,i)=>o("button",{class:{"co-carousel__dot":!0,"co-carousel__dot--active":i===this.value},part:"dot",type:"button","aria-current":i===this.value?"true":void 0,"aria-label":t.goToSlide.replace("{i}",i+1+""),onClick:()=>this.setActive(i)}))))))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);--co-carousel-arrow-size:36px;--co-carousel-arrow-bg:var(--co-semantic-surface-page);--co-carousel-arrow-color:var(--co-semantic-text-default);--co-carousel-dot-size:6px;--co-carousel-dot-color:var(--co-semantic-border-default);--co-carousel-dot-active-color:var(--co-semantic-text-default);--co-carousel-transition:320ms cubic-bezier(0.25, 0.8, 0.4, 1)}.co-carousel{position:relative;width:100%;outline:none}.co-carousel:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-sm)}.co-carousel--16-9{aspect-ratio:16 / 9}.co-carousel--4-3{aspect-ratio:4 / 3}.co-carousel--1-1{aspect-ratio:1 / 1}.co-carousel--21-9{aspect-ratio:21 / 9}.co-carousel--auto{aspect-ratio:unset}.co-carousel--16-9 .co-carousel__viewport,.co-carousel--4-3 .co-carousel__viewport,.co-carousel--1-1 .co-carousel__viewport,.co-carousel--21-9 .co-carousel__viewport{position:absolute;inset:0}.co-carousel__viewport{overflow:hidden;width:100%;height:100%;touch-action:pan-y}.co-carousel__track{display:flex;width:100%;height:100%;transition:transform var(--co-carousel-transition);will-change:transform}@media (prefers-reduced-motion: reduce){.co-carousel__track{transition:none}}.co-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--co-carousel-arrow-size);height:var(--co-carousel-arrow-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--co-semantic-border-subtle);border-radius:50%;background:var(--co-carousel-arrow-bg);color:var(--co-carousel-arrow-color);cursor:pointer;padding:0;opacity:0.9;transition:opacity 120ms ease, background 120ms ease;z-index:1}.co-carousel__arrow:hover{opacity:1;background:var(--co-semantic-surface-hover)}.co-carousel__arrow:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-text-default)}.co-carousel__arrow--prev{left:var(--co-spacing-sm, 8px)}.co-carousel__arrow--next{right:var(--co-spacing-sm, 8px)}.co-carousel__arrow--disabled{opacity:0.35;cursor:default;pointer-events:none}.co-carousel__dots{position:absolute;left:50%;bottom:var(--co-spacing-sm, 8px);transform:translateX(-50%);display:flex;gap:6px;padding:6px 10px;border-radius:var(--co-border-radius-xl);background:color-mix(in srgb, var(--co-semantic-surface-page) 65%, transparent);backdrop-filter:blur(4px);z-index:1}.co-carousel__dot{width:var(--co-carousel-dot-size);height:var(--co-carousel-dot-size);border-radius:50%;border:none;padding:0;background:var(--co-carousel-dot-color);cursor:pointer;transition:background 120ms ease, width 200ms ease}.co-carousel__dot--active{background:var(--co-carousel-dot-active-color);width:calc(var(--co-carousel-dot-size) * 2.6);border-radius:var(--co-border-radius-xl)}.co-carousel__dot:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-text-default)}"}},[257,"co-carousel",{value:[1538],autoplay:[4],interval:[2],loop:[4],arrows:[4],dots:[4],pauseOnHover:[4,"pause-on-hover"],swipe:[4],aspectRatio:[1,"aspect-ratio"],locale:[1],itemCount:[32],dragDx:[32],dragging:[32],rotating:[32],next:[64],prev:[64],goTo:[64]},void 0,{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}]);function d(){"undefined"!=typeof customElements&&["co-carousel","co-icon"].forEach((t=>{switch(t){case"co-carousel":customElements.get(a(t))||customElements.define(a(t),n);break;case"co-icon":customElements.get(a(t))||c()}}))}n.DRAG_SLOP=8,n.SWIPE_THRESHOLD=40,d();const u=n,p=d;export{u as CoCarousel,p as defineCustomElement}
+import{p as t,H as s,c as i,h as o,a as e,t as a}from"./index.js";import{l as r}from"./p-jYd9gu_c.js";import{d as c}from"./p-qMNHMnvI.js";const l={es:{prevSlide:"Diapositiva anterior",nextSlide:"Diapositiva siguiente",goToSlide:"Ir a la diapositiva {i}",pickSlide:"Elegir diapositiva",carouselLabel:"Carrusel",slideLabel:"{i} de {n}"},en:{prevSlide:"Previous slide",nextSlide:"Next slide",goToSlide:"Go to slide {i}",pickSlide:"Choose slide",carouselLabel:"Carousel",slideLabel:"{i} of {n}"},pt:{prevSlide:"Slide anterior",nextSlide:"Próximo slide",goToSlide:"Ir para o slide {i}",pickSlide:"Escolher slide",carouselLabel:"Carrossel",slideLabel:"{i} de {n}"}};function h(t){return l[r(t)]}const n=t(class t extends s{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.coSlideChange=i(this,"coSlideChange",7),this.value=0,this.autoplay=!1,this.interval=6e3,this.loop=!0,this.arrows=!0,this.dots=!0,this.pauseOnHover=!0,this.swipe=!0,this.aspectRatio="auto",this.locale="es",this.itemCount=0,this.dragDx=0,this.dragging=!1,this.rotating=!1,this.hovering=!1,this.focusWithin=!1,this.reducedMotion=!1,this.pointerStartX=0,this.pointerStartY=0,this.pointerId=-1,this.suppressClick=!1,this.handleSlotChange=()=>{this.refreshItems()},this.handleVisibilityChange=()=>{document.hidden?this.stopAutoplay():this.restartAutoplay()},this.handleMotionChange=t=>{this.reducedMotion=t.matches,this.restartAutoplay()},this.handleMouseEnter=()=>{this.hovering=!0,this.pauseOnHover&&this.stopAutoplay()},this.handleMouseLeave=()=>{this.hovering=!1,this.restartAutoplay()},this.handleFocusIn=()=>{this.focusWithin=!0,this.stopAutoplay()},this.handleFocusOut=t=>{t.relatedTarget&&this.el.contains(t.relatedTarget)||(this.focusWithin=!1,this.restartAutoplay())},this.handlePointerDown=t=>{this.dragging||!this.swipe||this.itemCount<=1||"mouse"===t.pointerType&&0!==t.button||(this.suppressClick=!1,this.pointerId=t.pointerId,this.pointerStartX=t.clientX,this.pointerStartY=t.clientY,this.dragDx=0)},this.handlePointerMove=s=>{var i;if(s.pointerId!==this.pointerId)return;const o=s.clientX-this.pointerStartX,e=s.clientY-this.pointerStartY;if(!this.dragging){if(Math.abs(o)<t.DRAG_SLOP||Math.abs(o)<Math.abs(e))return;this.dragging=!0,null===(i=this.viewportEl)||void 0===i||i.setPointerCapture(s.pointerId)}this.dragDx=o},this.handlePointerUp=s=>{var i;if(s.pointerId!==this.pointerId)return;if(this.pointerId=-1,!this.dragging)return;const o=this.dragDx;this.dragging=!1,this.dragDx=0,this.suppressClick=!0,null===(i=this.viewportEl)||void 0===i||i.releasePointerCapture(s.pointerId),o<=-t.SWIPE_THRESHOLD?this.advance(1):o>=t.SWIPE_THRESHOLD&&this.advance(-1),this.restartAutoplay()},this.handlePointerCancel=t=>{t.pointerId===this.pointerId&&(this.pointerId=-1,this.dragging=!1,this.dragDx=0,this.suppressClick=!1)},this.handleClickCapture=t=>{this.suppressClick&&(this.suppressClick=!1,t.preventDefault(),t.stopPropagation())},this.handleKeyDown=t=>{"ArrowRight"===t.key?(t.preventDefault(),this.advance(1)):"ArrowLeft"===t.key&&(t.preventDefault(),this.advance(-1))}}componentWillLoad(){var t,s;"undefined"!=typeof window&&window.matchMedia&&(this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.reducedMotion=this.motionQuery.matches,null===(s=(t=this.motionQuery).addEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange))}componentDidLoad(){this.refreshItems(),document.addEventListener("visibilitychange",this.handleVisibilityChange),this.restartAutoplay()}disconnectedCallback(){var t,s;this.stopAutoplay(),document.removeEventListener("visibilitychange",this.handleVisibilityChange),null===(s=null===(t=this.motionQuery)||void 0===t?void 0:t.removeEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange)}watchValue(){const t=this.clampIndex(this.value);t===this.value?this.syncItems():this.value=t}watchLocale(){this.syncItems()}watchAutoplay(){this.restartAutoplay()}async next(){this.advance(1)}async prev(){this.advance(-1)}async goTo(t){this.setActive(this.clampIndex(t))}getItems(){return Array.from(this.el.querySelectorAll(":scope > co-carousel-item"))}refreshItems(){const t=this.getItems();this.itemCount=t.length,this.value>0&&this.value>=this.itemCount&&(this.value=Math.max(0,this.itemCount-1)),this.syncItems(),this.restartAutoplay()}syncItems(){const t=this.getItems(),s=t.length,i=h(this.locale);t.forEach(((t,o)=>{const e=o===this.value;t.setAttribute("aria-label",i.slideLabel.replace("{i}",o+1+"").replace("{n}",s+"")),t.setAttribute("aria-hidden",e?"false":"true"),t.toggleAttribute("inert",!e)}))}clampIndex(t){return 0===this.itemCount?0:Math.max(0,Math.min(this.itemCount-1,t))}setActive(t){t===this.value||t<0||t>=this.itemCount||(this.value=t,this.coSlideChange.emit(t))}advance(t){if(this.itemCount<=1)return;let s=this.value+t;if(s>=this.itemCount){if(!this.loop)return;s=0}else if(s<0){if(!this.loop)return;s=this.itemCount-1}this.setActive(s)}restartAutoplay(){this.stopAutoplay(),!this.autoplay||this.itemCount<=1||this.reducedMotion||this.pauseOnHover&&this.hovering||this.focusWithin||"undefined"!=typeof document&&document.hidden||(this.timer=setInterval((()=>{this.dragging||(!this.loop&&this.value>=this.itemCount-1?this.stopAutoplay():this.advance(1))}),Math.max(1e3,this.interval)),this.rotating=!0)}stopAutoplay(){this.timer&&(clearInterval(this.timer),this.timer=void 0),this.rotating=!1}render(){const t=h(this.locale),s=this.itemCount>1,i=this.loop||this.value>0,a=this.loop||this.value<this.itemCount-1,r="co-carousel--"+this.aspectRatio.replace(":","-"),c={transform:this.dragging?`translateX(calc(${100*-this.value}% + ${this.dragDx}px))`:`translateX(${100*-this.value}%)`};return this.dragging&&(c.transition="none"),o(e,{key:"893a30dd314f5d04c78c1824317b80db6d4326d4"},o("div",{key:"799a7edfbd023adf57ea1e3dfb90fdd8e864954c",class:{"co-carousel":!0,[r]:!0},part:"container",role:"region","aria-roledescription":"carousel","aria-label":t.carouselLabel,tabindex:0,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut},o("div",{key:"d6227b5963125ff1e2f9433d63d6ffb632e2f50a",class:"co-carousel__viewport",part:"viewport",ref:t=>this.viewportEl=t,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,onClickCapture:this.handleClickCapture},o("div",{key:"74b2910ef5d37bd94f054984eb80f090c6a4f878",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},o("slot",{key:"b590ed5dd8ee443cf5875f929280cf860284cf3d",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&o("button",{key:"92d9002c893bd3d200bc290cadb0cdf87fb2a493",class:{"co-carousel__arrow":!0,"co-carousel__arrow--prev":!0,"co-carousel__arrow--disabled":!i},part:"arrow-prev",type:"button","aria-label":t.prevSlide,disabled:!i,onClick:()=>this.advance(-1)},o("co-icon",{key:"8608c83fb246ec45c2f34eb221d1f25dac51c680",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&o("button",{key:"d1279fa7a3ebef36f2d590e5834a2b0484c2f6b3",class:{"co-carousel__arrow":!0,"co-carousel__arrow--next":!0,"co-carousel__arrow--disabled":!a},part:"arrow-next",type:"button","aria-label":t.nextSlide,disabled:!a,onClick:()=>this.advance(1)},o("co-icon",{key:"cfa98cc4aad1e658e63b7411638522687f6c3650",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&o("div",{key:"98fbe34ec71504ff2089f380cce0354b52753d08",class:"co-carousel__dots",part:"dots",role:"group","aria-label":t.pickSlide},Array.from({length:this.itemCount},((s,i)=>o("button",{class:{"co-carousel__dot":!0,"co-carousel__dot--active":i===this.value},part:"dot",type:"button","aria-current":i===this.value?"true":void 0,"aria-label":t.goToSlide.replace("{i}",i+1+""),onClick:()=>this.setActive(i)}))))))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);--co-carousel-arrow-size:36px;--co-carousel-arrow-bg:var(--co-semantic-surface-page);--co-carousel-arrow-color:var(--co-semantic-text-default);--co-carousel-dot-size:6px;--co-carousel-dot-color:var(--co-semantic-border-default);--co-carousel-dot-active-color:var(--co-semantic-text-default);--co-carousel-transition:320ms cubic-bezier(0.25, 0.8, 0.4, 1)}.co-carousel{position:relative;width:100%;outline:none}.co-carousel:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:2px;border-radius:var(--co-border-radius-sm)}.co-carousel--16-9{aspect-ratio:16 / 9}.co-carousel--4-3{aspect-ratio:4 / 3}.co-carousel--1-1{aspect-ratio:1 / 1}.co-carousel--21-9{aspect-ratio:21 / 9}.co-carousel--auto{aspect-ratio:unset}.co-carousel--16-9 .co-carousel__viewport,.co-carousel--4-3 .co-carousel__viewport,.co-carousel--1-1 .co-carousel__viewport,.co-carousel--21-9 .co-carousel__viewport{position:absolute;inset:0}.co-carousel__viewport{overflow:hidden;width:100%;height:100%;touch-action:pan-y}.co-carousel__track{display:flex;width:100%;height:100%;transition:transform var(--co-carousel-transition);will-change:transform}@media (prefers-reduced-motion: reduce){.co-carousel__track{transition:none}}.co-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--co-carousel-arrow-size);height:var(--co-carousel-arrow-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--co-semantic-border-subtle);border-radius:50%;background:var(--co-carousel-arrow-bg);color:var(--co-carousel-arrow-color);cursor:pointer;padding:0;opacity:0.9;transition:opacity 120ms ease, background 120ms ease;z-index:1}.co-carousel__arrow:hover{opacity:1;background:var(--co-semantic-surface-hover)}.co-carousel__arrow:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}.co-carousel__arrow--prev{left:var(--co-spacing-sm, 8px)}.co-carousel__arrow--next{right:var(--co-spacing-sm, 8px)}.co-carousel__arrow--disabled{opacity:0.35;cursor:default;pointer-events:none}.co-carousel__dots{position:absolute;left:50%;bottom:var(--co-spacing-sm, 8px);transform:translateX(-50%);display:flex;gap:6px;padding:6px 10px;border-radius:var(--co-border-radius-xl);background:color-mix(in srgb, var(--co-semantic-surface-page) 65%, transparent);backdrop-filter:blur(4px);z-index:1}.co-carousel__dot{width:var(--co-carousel-dot-size);height:var(--co-carousel-dot-size);border-radius:50%;border:none;padding:0;background:var(--co-carousel-dot-color);cursor:pointer;transition:background 120ms ease, width 200ms ease}.co-carousel__dot--active{background:var(--co-carousel-dot-active-color);width:calc(var(--co-carousel-dot-size) * 2.6);border-radius:var(--co-border-radius-xl)}.co-carousel__dot:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}"}},[257,"co-carousel",{value:[1538],autoplay:[4],interval:[2],loop:[4],arrows:[4],dots:[4],pauseOnHover:[4,"pause-on-hover"],swipe:[4],aspectRatio:[1,"aspect-ratio"],locale:[1],itemCount:[32],dragDx:[32],dragging:[32],rotating:[32],next:[64],prev:[64],goTo:[64]},void 0,{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}]);function d(){"undefined"!=typeof customElements&&["co-carousel","co-icon"].forEach((t=>{switch(t){case"co-carousel":customElements.get(a(t))||customElements.define(a(t),n);break;case"co-icon":customElements.get(a(t))||c()}}))}n.DRAG_SLOP=8,n.SWIPE_THRESHOLD=40,d();const u=n,p=d;export{u as CoCarousel,p as defineCustomElement}