@prolibu-suite/cobalt-core 0.6.0 → 0.7.0

package/dist/esm/co-calendar_3.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-tT-aZV0-.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
 import { g as getDateStrings } from './dateI18n-C1DCLOEl.js';
 import { b as addMonths, d as addDays, a as todayYMD, p as parseISO, i as isValidYMD, h as isDisabled, s as startOfMonth, c as compareYMD, e as getMonthLabel, j as getWeekdayLabels, g as getMonthMatrix, k as getFullDateLabel, f as formatDisplay, l as parseFlexible } from './dates-tPYikBRJ.js';
-import { R as RequiredMark } from './requiredMark-C7-_2UhB.js';
+import { R as RequiredMark } from './requiredMark-D7kAMXHM.js';
 
 const coCalendarCss = () => `:host{display:inline-block;font-family:var(--co-font-family-primary);--co-calendar-day-size:36px}:host([data-touch]){--co-calendar-day-size:44px}.co-calendar{display:flex;flex-direction:column;gap:var(--co-spacing-sm);width:max-content}.co-calendar__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-calendar__month{font-size:var(--co-font-size-14);font-weight:600;color:var(--co-semantic-text-default);text-transform:capitalize}.co-calendar__title{display:inline-flex;align-items:center;gap:var(--co-spacing-xxs);background:none;border:0;cursor:pointer;font-family:inherit;font-size:var(--co-font-size-14);font-weight:600;color:var(--co-semantic-text-default);text-transform:capitalize;padding:var(--co-spacing-xxs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs)}.co-calendar__title:hover{background:var(--co-semantic-surface-hover)}.co-calendar__title:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.co-calendar__title-caret{color:var(--co-semantic-text-muted)}.co-calendar__panel{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--co-spacing-xs);width:calc(var(--co-calendar-day-size) * 7 + 12px);padding-top:var(--co-spacing-xs)}.co-calendar__cell{height:calc(var(--co-calendar-day-size) + 8px);display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--co-border-radius-xs);font-family:inherit;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);cursor:pointer;text-transform:capitalize;transition:background 0.1s ease, color 0.1s ease, border-color 0.1s ease}.co-calendar__cell:hover:not(.co-calendar__cell--disabled):not(.co-calendar__cell--selected){background:var(--co-semantic-surface-hover)}.co-calendar__cell:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.co-calendar__cell--muted{color:var(--co-semantic-text-muted)}.co-calendar__cell--today{border-color:var(--co-semantic-surface-primary);font-weight:600}.co-calendar__cell--selected{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-weight:600}.co-calendar__cell--disabled{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-calendar__nav{background:none;border:0;cursor:pointer;padding:var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);display:inline-flex;align-items:center;color:var(--co-semantic-text-default)}.co-calendar__nav:hover{background:var(--co-semantic-surface-hover)}.co-calendar__nav:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.co-calendar__grid{display:flex;flex-direction:column;gap:2px}.co-calendar__row{display:grid;grid-template-columns:repeat(7, var(--co-calendar-day-size));gap:2px}.co-calendar__row--dow{margin-bottom:2px}.co-calendar__dow{height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--co-font-size-10, 10px);font-weight:600;color:var(--co-semantic-text-muted);text-transform:uppercase;letter-spacing:0.04em}.co-calendar__day{width:var(--co-calendar-day-size);height:var(--co-calendar-day-size);display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease, color 0.1s ease, border-color 0.1s ease}.co-calendar__day:hover:not(.co-calendar__day--disabled):not(.co-calendar__day--selected){background:var(--co-semantic-surface-hover)}.co-calendar__day:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.co-calendar__day--outside{color:var(--co-semantic-text-muted)}.co-calendar__day--today{border-color:var(--co-semantic-surface-primary);font-weight:600}.co-calendar__day--selected{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-weight:600}.co-calendar__day--disabled{color:var(--co-semantic-text-disabled);cursor:not-allowed;pointer-events:none}.co-calendar__day--in-range{background:color-mix(in srgb, var(--co-semantic-surface-primary) 8%, transparent);border-radius:0;color:var(--co-semantic-text-default)}.co-calendar__day--range-start,.co-calendar__day--range-end{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-weight:600}.co-calendar__day--range-start:not(.co-calendar__day--range-end){border-top-right-radius:0;border-bottom-right-radius:0}.co-calendar__day--range-end:not(.co-calendar__day--range-start){border-top-left-radius:0;border-bottom-left-radius:0}`;
 
@@ -355,7 +355,7 @@ const CoCalendar = class {
     render() {
         var _a, _b;
         const t = getDateStrings(this.locale);
-        return (h("div", { key: '0ac8e641a51319d8c46c2c22dfa5d059d208060f', class: "co-calendar", part: "root" }, h("div", { key: 'b97ce34ea675a7936d80b47daafa1c2ee3db4325', class: "co-calendar__header", part: "header" }, h("button", { key: 'c02f19300f44dcc31fa233290449af38146fdc05', type: "button", class: "co-calendar__nav", onClick: this.handlePrev, "aria-label": (_a = this.prevMonthLabel) !== null && _a !== void 0 ? _a : t.prevMonth }, h("co-icon", { key: '73bbc58da5b724b48aba584233e591eb196b1cba', name: "caret-left", size: 16 })), h("button", { key: '19f1a44b9f74c529c81c76f677c9ec08143c1b2a', type: "button", class: "co-calendar__title", "aria-live": "polite", onClick: this.toggleView }, this.headerTitle(), h("co-icon", { key: 'f78863f1ac71fb17b49c3a8bd19d709c4f9326e4', name: "caret-down", size: 12, class: "co-calendar__title-caret" })), h("button", { key: '13ab9824881a7346422fe178ccdb02ea279e6070', type: "button", class: "co-calendar__nav", onClick: this.handleNext, "aria-label": (_b = this.nextMonthLabel) !== null && _b !== void 0 ? _b : t.nextMonth }, h("co-icon", { key: '66611f127b366f9f8132bfb3354badfd9e562b99', name: "caret-right", size: 16 }))), this.view === 'days' && this.renderDays(t), this.view === 'months' && this.renderMonths(), this.view === 'years' && this.renderYears()));
+        return (h("div", { key: 'fa986ed0bf6bfa7627832868ed26a2f614d7105c', class: "co-calendar", part: "root" }, h("div", { key: '0c86b865fee2c71fb42bacf7a87ab28f2c1a06d1', class: "co-calendar__header", part: "header" }, h("button", { key: 'de9c951364750e616f03cf83ce06a74ee7b4ba36', type: "button", class: "co-calendar__nav", onClick: this.handlePrev, "aria-label": (_a = this.prevMonthLabel) !== null && _a !== void 0 ? _a : t.prevMonth }, h("co-icon", { key: '44f0feeecf0ad89e39afb1c353bc40a8c1dabc96', name: "caret-left", size: 16 })), h("button", { key: '14350a7ca5aedf29d49ddfcecd6f0c098a3fbf5e', type: "button", class: "co-calendar__title", "aria-live": "polite", onClick: this.toggleView }, this.headerTitle(), h("co-icon", { key: 'af1f42e2efac0338e4d1af9c29c2b233fd0a4fbf', name: "caret-down", size: 12, class: "co-calendar__title-caret" })), h("button", { key: '0d34428c859f99d0689cf405a54effee4d9e91e7', type: "button", class: "co-calendar__nav", onClick: this.handleNext, "aria-label": (_b = this.nextMonthLabel) !== null && _b !== void 0 ? _b : t.nextMonth }, h("co-icon", { key: '52a7ccc6e7081221a9f81b25e8352e7e50ba864b', name: "caret-right", size: 16 }))), this.view === 'days' && this.renderDays(t), this.view === 'months' && this.renderMonths(), this.view === 'years' && this.renderYears()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -409,7 +409,7 @@ function normalizeNumberArray(v) {
 }
 CoCalendar.style = coCalendarCss();
 
-const coDateFieldCss = () => `: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-date-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-date-field__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-date-field__field-row{display:flex;align-items:stretch}.co-date-field--s .co-date-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm)}.co-date-field--sm .co-date-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm)}.co-date-field--lg .co-date-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg)}.co-date-field--s .co-date-field__input-wrapper,.co-date-field--sm .co-date-field__input-wrapper{min-height:0;padding:0}.co-date-field__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-color-opacity-negro-25, rgba(31, 28, 27, 0.25));border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-date-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-date-field__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:24px;padding:var(--co-spacing-xxs) 0}.co-date-field__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-date-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-date-field__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 0.15s ease}.co-date-field__clear--hidden{visibility:hidden;pointer-events:none}.co-date-field__clear:hover{color:var(--co-semantic-text-default)}.co-date-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-date-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-date-field__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-date-field--focused .co-date-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-field--disabled .co-date-field__labels .co-date-field__label{color:var(--co-semantic-text-disabled)}.co-date-field--disabled .co-date-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-date-field--disabled .co-date-field__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-date-field--disabled .co-date-field__native::placeholder{color:var(--co-semantic-text-disabled)}.co-date-field--disabled .co-date-field__icon{color:var(--co-semantic-text-disabled)}.co-date-field--invalid .co-date-field__field{border-color:var(--co-semantic-status-error)}.co-date-field--invalid.co-date-field--focused .co-date-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-date-field__helper--error .co-date-field__helper-icon,.co-date-field__helper--error .co-date-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-date-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-field__label{white-space:normal}:host([layout='horizontal']) .co-date-field>:not(.co-date-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
+const coDateFieldCss = () => `: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-date-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-date-field__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-date-field__field-row{display:flex;align-items:stretch}.co-date-field--s .co-date-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm)}.co-date-field--sm .co-date-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm)}.co-date-field--lg .co-date-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg)}.co-date-field__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 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-date-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-date-field__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-date-field__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-date-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-date-field__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 0.15s ease}.co-date-field__clear--hidden{visibility:hidden;pointer-events:none}.co-date-field__clear:hover{color:var(--co-semantic-text-default)}.co-date-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-date-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-date-field__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-date-field--focused .co-date-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-field--disabled .co-date-field__labels .co-date-field__label{color:var(--co-semantic-text-disabled)}.co-date-field--disabled .co-date-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-date-field--disabled .co-date-field__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-date-field--disabled .co-date-field__native::placeholder{color:var(--co-semantic-text-disabled)}.co-date-field--disabled .co-date-field__icon{color:var(--co-semantic-text-disabled)}.co-date-field--invalid .co-date-field__field{border-color:var(--co-semantic-status-error)}.co-date-field--invalid.co-date-field--focused .co-date-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-date-field__helper--error .co-date-field__helper-icon,.co-date-field__helper--error .co-date-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-date-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-field__label{white-space:normal}:host([layout='horizontal']) .co-date-field>:not(.co-date-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}`;
 
 const CoDateField = class {
     constructor(hostRef) {
@@ -555,20 +555,20 @@ const CoDateField = class {
         // should still fall back to the localized default placeholder.
         const placeholder = this.placeholder || t.setDate;
         const helper = this.isInvalid ? this.errorMessage : this.helperText;
-        return (h("div", { key: '7c7de06d53bf9ab7dab40906d533bfaf1874e41e', class: {
+        return (h("div", { key: '3536bc260fea07e059915baf8b094426b5304b7f', class: {
                 'co-date-field': true,
                 'co-date-field--disabled': this.disabled,
                 'co-date-field--focused': this.hasFocus,
                 'co-date-field--filled': this.hasValue,
                 'co-date-field--invalid': this.isInvalid,
                 [`co-date-field--${this.size}`]: true,
-            }, part: "wrapper" }, this.label && (h("div", { key: '30828a7b19aae5f304a26ec5025dba14039060d2', class: "co-date-field__labels" }, h("label", { key: '0b004de41209191ee0a03cf8436eb4dba96bb99c', class: "co-date-field__label", part: "label" }, this.label, h(RequiredMark, { key: '810008c09dbc2fd5e889adc71230a546ab4e78df', required: this.required })))), h("div", { key: '8e488bd0ceb0b011fc4a903d66f3dd17a668cea3', class: "co-date-field__field-row" }, h("div", { key: '9a7fb685c5fc65ee9f731dba6c34a527044a1388', class: "co-date-field__field", part: "field" }, h("co-icon", { key: '81aa74d44ff1b524c253e278345c8add4fb3fe9f', name: "calendar", size: 16, class: "co-date-field__icon" }), h("div", { key: '4dc0d25d37fb8d099860566af1c2ac59d5111e4a', class: "co-date-field__input-wrapper" }, h("input", { key: '1aedac94aff9df44316509d9062e41f86a405a33', ref: (el) => (this.inputEl = el), class: "co-date-field__native", type: "text", inputMode: "numeric", autocomplete: "off", value: this.draft, placeholder: placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? t.dateLabel : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" })), this.clearable && (h("button", { key: '0e91b71755c341971064186ee1371d59353cdd1c', class: {
+            }, part: "wrapper" }, this.label && (h("div", { key: '5e241dc942081c61b96b8c58a69e03bba89ccdce', class: "co-date-field__labels" }, h("label", { key: '0b5c7b758d48d322dcb4587a662ebb4ca2f5843b', class: "co-date-field__label", part: "label" }, this.label, h(RequiredMark, { key: '3b134781a1b1199bf96140a74e37e5269ec58f86', required: this.required })))), h("div", { key: '3985035d2fb8b52c91dd3e5ad12989e0e94d59a6', class: "co-date-field__field-row" }, h("div", { key: '075d979038a918cb9936153031e8a4753d6fed19', class: "co-date-field__field", part: "field" }, h("co-icon", { key: 'c95e2441e0301031e54a57dfac9f58b071f50e9c', name: "calendar", size: 16, class: "co-date-field__icon" }), h("div", { key: 'bc0c45cf1bcc0f26cdb3e0e5d757fe1db60b2b5e', class: "co-date-field__input-wrapper" }, h("input", { key: '804eedd12a02fc505e2b6743b17d189c4f3cf7cb', ref: (el) => (this.inputEl = el), class: "co-date-field__native", type: "text", inputMode: "numeric", autocomplete: "off", value: this.draft, placeholder: placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, "aria-invalid": this.isInvalid ? 'true' : 'false', "aria-label": !this.label ? t.dateLabel : undefined, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, part: "input" })), this.clearable && (h("button", { key: 'f39034c484ebb4d07e173feea4bcc7fe16d53b5a', class: {
                 'co-date-field__clear': true,
                 'co-date-field__clear--hidden': !showClear,
-            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClear, "aria-label": (_a = this.clearLabel) !== null && _a !== void 0 ? _a : t.clearDate, part: "clear" }, h("co-icon", { key: 'c4714d0444f27adf4c85f9303d0a510cb63af406', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: '257a873a76fdf65494778b1d514717ae2627f4ef', type: "hidden", name: this.name, value: (_b = this.value) !== null && _b !== void 0 ? _b : '' }), helper && (h("div", { key: '345fe8ad6fd0c5c512c038249f7d8f95ff286838', class: {
+            }, type: "button", tabIndex: -1, onMouseDown: (e) => e.preventDefault() /* keep input focus */, onClick: this.handleClear, "aria-label": (_a = this.clearLabel) !== null && _a !== void 0 ? _a : t.clearDate, part: "clear" }, h("co-icon", { key: 'ca94d8bca29632e70e08f99ef5605f24df458d25', name: "x-circle", size: 16, weight: "fill" }))))), this.name && h("input", { key: '3dd400a30b59443f232d8001852811aeaa4945f5', type: "hidden", name: this.name, value: (_b = this.value) !== null && _b !== void 0 ? _b : '' }), helper && (h("div", { key: 'd5981fda3e0ab19fea518acddc4cf1c2641bbdd1', class: {
                 'co-date-field__helper': true,
                 'co-date-field__helper--error': this.isInvalid,
-            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: '32b6d53b1f8d78fdff90c960c039ac109c80c137', name: "warning-circle", size: 14, class: "co-date-field__helper-icon" })), h("span", { key: '6f9ad478ddb4401d314ad7ef4fb98b21230b5ef1', class: "co-date-field__helper-text" }, helper)))));
+            }, part: "helper" }, this.isInvalid && (h("co-icon", { key: 'e111d135454ac081770edddb290929903c376fea', name: "warning-circle", size: 14, class: "co-date-field__helper-icon" })), h("span", { key: 'da47256ba021dce0590ce3adfcd602b8715d7184', class: "co-date-field__helper-text" }, helper)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/co-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-tT-aZV0-.js';
+import { r as registerInstance, h, a as getElement } from './index-BCEz3S-z.js';
 
 const coCardCss = () => `:host{display:block}:host([stretch]){height:100%}.co-card{display:flex;flex-direction:column;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);overflow:hidden;box-sizing:border-box}.co-card--stretch{height:100%}.co-card--elevated{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06)}.co-card--outlined{border:1px solid var(--co-semantic-border-subtle)}.co-card--flat{background:var(--co-semantic-surface-muted)}.co-card--pad-none .co-card__header,.co-card--pad-none .co-card__body,.co-card--pad-none .co-card__footer{padding:0}.co-card--pad-none .co-card__header{border-bottom:none}.co-card--pad-none .co-card__footer{border-top:none}.co-card--pad-sm .co-card__header,.co-card--pad-sm .co-card__body,.co-card--pad-sm .co-card__footer{padding:var(--co-spacing-sm) var(--co-spacing-md)}.co-card--pad-md .co-card__header,.co-card--pad-md .co-card__body,.co-card--pad-md .co-card__footer{padding:var(--co-spacing-md) var(--co-spacing-lg)}.co-card--pad-lg .co-card__header,.co-card--pad-lg .co-card__body,.co-card--pad-lg .co-card__footer{padding:var(--co-spacing-lg) var(--co-spacing-xl)}.co-card__body{flex:1;display:flex;flex-direction:column}.co-card__header{border-bottom:1px solid var(--co-semantic-border-subtle)}.co-card__header--empty{display:none}.co-card__footer{border-top:1px solid var(--co-semantic-border-subtle)}.co-card__footer--empty{display:none}.co-card--clickable{cursor:pointer;transition:box-shadow 0.2s ease, transform 0.2s ease}.co-card--clickable:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.co-card--clickable:active{transform:translateY(0)}.co-card--clickable:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}`;
 
@@ -28,13 +28,13 @@ const CoCard = class {
         return nodes.length > 0;
     }
     render() {
-        return (h("div", { key: 'accbb972f6881a7e13b37a5523d10a3614730603', class: {
+        return (h("div", { key: 'e1ea28f75af30a37b0a0792b9302c982c2b45094', class: {
                 'co-card': true,
                 [`co-card--${this.variant}`]: true,
                 [`co-card--pad-${this.padding}`]: true,
                 'co-card--clickable': this.clickable,
                 'co-card--stretch': this.stretch,
-            }, part: "card", role: this.clickable ? 'button' : undefined, tabIndex: this.clickable ? 0 : undefined }, h("div", { key: '282946088ac5d725587fbc21678e09b430ac2492', class: { 'co-card__header': true, 'co-card__header--empty': !this.hasHeader }, part: "header" }, h("slot", { key: '7a23d56c1c2024fe163f6d4dc8d484cf8b718901', name: "header", onSlotchange: this.handleHeaderSlotChange })), h("div", { key: 'dcec3cc0ab89d8e9b5abbc4bded028a18f5108a9', class: "co-card__body", part: "body" }, h("slot", { key: '94b9b7db62590372a19b87372c2c288658848896' })), h("div", { key: '8aa4852f91fdaa4ad785b7d6f90f6c9d1dffef99', class: { 'co-card__footer': true, 'co-card__footer--empty': !this.hasFooter }, part: "footer" }, h("slot", { key: '3417ff7a18b113f42b172593e86fafc8268c613a', name: "footer", onSlotchange: this.handleFooterSlotChange }))));
+            }, part: "card", role: this.clickable ? 'button' : undefined, tabIndex: this.clickable ? 0 : undefined }, h("div", { key: 'e0019a733fcff7c2dfd83e828e7dd5e65febf833', class: { 'co-card__header': true, 'co-card__header--empty': !this.hasHeader }, part: "header" }, h("slot", { key: 'aff49ea9c68e0d7a9f01660204e7dee4adfce624', name: "header", onSlotchange: this.handleHeaderSlotChange })), h("div", { key: '4a72f6d3549a1495e39a18ce3ee940c49e336a84', class: "co-card__body", part: "body" }, h("slot", { key: '48b574aac71e28f58938c8a7586f00f120a372f5' })), h("div", { key: 'cc6bd0344905c13602383e0a6c89b725cbffe2fb', class: { 'co-card__footer': true, 'co-card__footer--empty': !this.hasFooter }, part: "footer" }, h("slot", { key: 'fb5bfec7c5b62715002cc002807889e81a2f5df4', name: "footer", onSlotchange: this.handleFooterSlotChange }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/co-carousel-item.entry.js

@@ -0,0 +1,15 @@
+import { r as registerInstance, h, H as Host } from './index-BCEz3S-z.js';
+
+const coCarouselItemCss = () => `:host{display:block;flex:0 0 100%;min-width:100%;box-sizing:border-box}`;
+
+const CoCarouselItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h(Host, { key: '70a79bb97b8a0dd47b48c1df02e58a63d9a0f712', role: "group", "aria-roledescription": "slide" }, h("slot", { key: '9b639772cf96b15aa38ff4b2821ef9ca2a7faa53' })));
+    }
+};
+CoCarouselItem.style = coCarouselItemCss();
+
+export { CoCarouselItem as co_carousel_item };

package/dist/esm/co-carousel.entry.js

@@ -0,0 +1,366 @@
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BCEz3S-z.js';
+import { l as langFromLocale } from './dateI18n-C1DCLOEl.js';
+
+/**
+ * Built-in UI string dictionary for co-carousel (aria labels).
+ * Same strategy as lightboxI18n/dateI18n: ships es/en/pt keyed by the
+ * `locale` prop. Templates use `{i}` / `{n}` placeholders.
+ */
+const DICT = {
+    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}',
+    },
+};
+/** Resolve the built-in UI strings for a locale. */
+function getCarouselStrings(locale) {
+    return DICT[langFromLocale(locale)];
+}
+
+const coCarouselCss = () => `: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}`;
+
+const CoCarousel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.coSlideChange = createEvent(this, "coSlideChange", 7);
+        /** Active slide index */
+        this.value = 0;
+        /** Auto-advance slides */
+        this.autoplay = false;
+        /** Autoplay interval in milliseconds (floored at 1000) */
+        this.interval = 6000;
+        /** Wrap around at the ends */
+        this.loop = true;
+        /** Show prev/next arrows */
+        this.arrows = true;
+        /** Show dot indicators */
+        this.dots = true;
+        /** Pause autoplay while hovered */
+        this.pauseOnHover = true;
+        /** Enable pointer swipe navigation */
+        this.swipe = true;
+        /** Container aspect ratio */
+        this.aspectRatio = 'auto';
+        /** Language for aria labels (es/en/pt, accepts full locales) */
+        this.locale = 'es';
+        this.itemCount = 0;
+        this.dragDx = 0;
+        this.dragging = false;
+        /** True while the autoplay interval is actually running (drives aria-live). */
+        this.rotating = false;
+        this.hovering = false;
+        this.focusWithin = false;
+        this.reducedMotion = false;
+        this.pointerStartX = 0;
+        this.pointerStartY = 0;
+        this.pointerId = -1;
+        this.suppressClick = false;
+        this.handleSlotChange = () => {
+            // Vue renders slides async: re-count on every slot mutation.
+            this.refreshItems();
+        };
+        this.handleVisibilityChange = () => {
+            if (document.hidden) {
+                this.stopAutoplay();
+            }
+            else {
+                this.restartAutoplay();
+            }
+        };
+        this.handleMotionChange = (e) => {
+            this.reducedMotion = e.matches;
+            this.restartAutoplay();
+        };
+        this.handleMouseEnter = () => {
+            this.hovering = true;
+            if (this.pauseOnHover)
+                this.stopAutoplay();
+        };
+        this.handleMouseLeave = () => {
+            this.hovering = false;
+            this.restartAutoplay();
+        };
+        // Keyboard users get the same pause treatment as hover: rotation stops
+        // while focus is anywhere inside the carousel (focusin/focusout bubble,
+        // including from slotted light-DOM content).
+        this.handleFocusIn = () => {
+            this.focusWithin = true;
+            this.stopAutoplay();
+        };
+        this.handleFocusOut = (e) => {
+            if (e.relatedTarget && this.el.contains(e.relatedTarget))
+                return;
+            this.focusWithin = false;
+            this.restartAutoplay();
+        };
+        // ── Swipe (umbral de drag para no romper clicks de CTA) ──
+        this.handlePointerDown = (e) => {
+            // While a captured drag is in flight, a second touch must not hijack the
+            // gesture tracking (it would jump the track and swallow the active drag).
+            if (this.dragging)
+                return;
+            if (!this.swipe || this.itemCount <= 1 || (e.pointerType === 'mouse' && e.button !== 0))
+                return;
+            // New gesture starts clean: a stale flag from a swipe whose trailing click
+            // never fired must not poison this gesture's tap.
+            this.suppressClick = false;
+            this.pointerId = e.pointerId;
+            this.pointerStartX = e.clientX;
+            this.pointerStartY = e.clientY;
+            this.dragDx = 0;
+        };
+        this.handlePointerMove = (e) => {
+            var _a;
+            if (e.pointerId !== this.pointerId)
+                return;
+            const dx = e.clientX - this.pointerStartX;
+            const dy = e.clientY - this.pointerStartY;
+            if (!this.dragging) {
+                // Slop: ignore until clearly horizontal, so taps and vertical scroll win.
+                if (Math.abs(dx) < CoCarousel.DRAG_SLOP || Math.abs(dx) < Math.abs(dy))
+                    return;
+                this.dragging = true;
+                (_a = this.viewportEl) === null || _a === void 0 ? void 0 : _a.setPointerCapture(e.pointerId);
+            }
+            this.dragDx = dx;
+        };
+        this.handlePointerUp = (e) => {
+            var _a;
+            if (e.pointerId !== this.pointerId)
+                return;
+            this.pointerId = -1;
+            if (!this.dragging)
+                return;
+            const dx = this.dragDx;
+            this.dragging = false;
+            this.dragDx = 0;
+            this.suppressClick = true;
+            (_a = this.viewportEl) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(e.pointerId);
+            if (dx <= -CoCarousel.SWIPE_THRESHOLD) {
+                this.advance(1);
+            }
+            else if (dx >= CoCarousel.SWIPE_THRESHOLD) {
+                this.advance(-1);
+            }
+            this.restartAutoplay();
+        };
+        this.handlePointerCancel = (e) => {
+            if (e.pointerId !== this.pointerId)
+                return;
+            this.pointerId = -1;
+            this.dragging = false;
+            this.dragDx = 0;
+            this.suppressClick = false;
+        };
+        this.handleClickCapture = (e) => {
+            // Swallow the click that follows a drag so CTAs inside slides
+            // don't fire after a swipe.
+            if (this.suppressClick) {
+                this.suppressClick = false;
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        };
+        // ── Keyboard ────────────────────────────────────
+        this.handleKeyDown = (e) => {
+            if (e.key === 'ArrowRight') {
+                e.preventDefault();
+                this.advance(1);
+            }
+            else if (e.key === 'ArrowLeft') {
+                e.preventDefault();
+                this.advance(-1);
+            }
+        };
+    }
+    // ── Lifecycle ───────────────────────────────────
+    componentWillLoad() {
+        var _a, _b;
+        if (typeof window !== 'undefined' && window.matchMedia) {
+            this.motionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+            this.reducedMotion = this.motionQuery.matches;
+            (_b = (_a = this.motionQuery).addEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'change', this.handleMotionChange);
+        }
+    }
+    componentDidLoad() {
+        this.refreshItems();
+        document.addEventListener('visibilitychange', this.handleVisibilityChange);
+        this.restartAutoplay();
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        this.stopAutoplay();
+        document.removeEventListener('visibilitychange', this.handleVisibilityChange);
+        (_b = (_a = this.motionQuery) === null || _a === void 0 ? void 0 : _a.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'change', this.handleMotionChange);
+    }
+    // ── Watchers ────────────────────────────────────
+    watchValue() {
+        const clamped = this.clampIndex(this.value);
+        if (clamped !== this.value) {
+            this.value = clamped;
+            return;
+        }
+        this.syncItems();
+    }
+    watchLocale() {
+        this.syncItems();
+    }
+    watchAutoplay() {
+        this.restartAutoplay();
+    }
+    // ── Public methods ──────────────────────────────
+    async next() {
+        this.advance(1);
+    }
+    async prev() {
+        this.advance(-1);
+    }
+    async goTo(index) {
+        this.setActive(this.clampIndex(index));
+    }
+    // ── Items (light DOM, patrón co-tab-group) ─────
+    getItems() {
+        // :scope > : solo hijos directos — un carrusel anidado dentro de un slide
+        // no debe aportar sus items al conteo/aria del padre.
+        return Array.from(this.el.querySelectorAll(':scope > co-carousel-item'));
+    }
+    refreshItems() {
+        const items = this.getItems();
+        this.itemCount = items.length;
+        if (this.value > 0 && this.value >= this.itemCount) {
+            this.value = Math.max(0, this.itemCount - 1);
+        }
+        this.syncItems();
+        this.restartAutoplay();
+    }
+    syncItems() {
+        const items = this.getItems();
+        const n = items.length;
+        const s = getCarouselStrings(this.locale);
+        items.forEach((item, i) => {
+            const active = i === this.value;
+            item.setAttribute('aria-label', s.slideLabel.replace('{i}', String(i + 1)).replace('{n}', String(n)));
+            item.setAttribute('aria-hidden', active ? 'false' : 'true');
+            item.toggleAttribute('inert', !active);
+        });
+    }
+    // ── Navigation ──────────────────────────────────
+    clampIndex(i) {
+        if (this.itemCount === 0)
+            return 0;
+        return Math.max(0, Math.min(this.itemCount - 1, i));
+    }
+    setActive(index) {
+        if (index === this.value || index < 0 || index >= this.itemCount)
+            return;
+        this.value = index;
+        this.coSlideChange.emit(index);
+    }
+    advance(dir) {
+        if (this.itemCount <= 1)
+            return;
+        let next = this.value + dir;
+        if (next >= this.itemCount) {
+            if (!this.loop)
+                return;
+            next = 0;
+        }
+        else if (next < 0) {
+            if (!this.loop)
+                return;
+            next = this.itemCount - 1;
+        }
+        this.setActive(next);
+    }
+    // ── Autoplay ────────────────────────────────────
+    restartAutoplay() {
+        this.stopAutoplay();
+        if (!this.autoplay || this.itemCount <= 1 || this.reducedMotion)
+            return;
+        if (this.pauseOnHover && this.hovering)
+            return;
+        if (this.focusWithin)
+            return;
+        if (typeof document !== 'undefined' && document.hidden)
+            return;
+        this.timer = setInterval(() => {
+            if (this.dragging)
+                return;
+            if (!this.loop && this.value >= this.itemCount - 1) {
+                this.stopAutoplay();
+                return;
+            }
+            this.advance(1);
+        }, Math.max(1000, this.interval));
+        this.rotating = true;
+    }
+    stopAutoplay() {
+        if (this.timer) {
+            clearInterval(this.timer);
+            this.timer = undefined;
+        }
+        this.rotating = false;
+    }
+    // ── Render ──────────────────────────────────────
+    render() {
+        const s = getCarouselStrings(this.locale);
+        const multi = this.itemCount > 1;
+        const canPrev = this.loop || this.value > 0;
+        const canNext = this.loop || this.value < this.itemCount - 1;
+        const aspectClass = `co-carousel--${this.aspectRatio.replace(':', '-')}`;
+        const trackStyle = {
+            transform: this.dragging
+                ? `translateX(calc(${-this.value * 100}% + ${this.dragDx}px))`
+                : `translateX(${-this.value * 100}%)`,
+        };
+        if (this.dragging)
+            trackStyle.transition = 'none';
+        return (h(Host, { key: '29c8bdeb6a2c402aa46e6a1b3a442abbb8f9967c' }, h("div", { key: '5a57b4b999cdac0def308039ba0a4edcfba9adf5', class: { 'co-carousel': true, [aspectClass]: true }, part: "container", role: "region", "aria-roledescription": "carousel", "aria-label": s.carouselLabel, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut }, h("div", { key: 'a20cec4e9d8144868ac4f53f72d536272def9119', class: "co-carousel__viewport", part: "viewport", ref: el => (this.viewportEl = el), onPointerDown: this.handlePointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, onClickCapture: this.handleClickCapture }, h("div", { key: '98755bee7cd2d8da45a8ffb2abcd048f0de440ad', class: "co-carousel__track", part: "track", style: trackStyle, "aria-live": this.rotating ? 'off' : 'polite' }, h("slot", { key: 'a3e9a2bffb93be5ebb60ba61130ab362f3793ccb', onSlotchange: this.handleSlotChange }))), this.arrows && multi && (h("button", { key: '516649b789c44ba235991f6fe3c6aab2a6a2fcf7', class: { 'co-carousel__arrow': true, 'co-carousel__arrow--prev': true, 'co-carousel__arrow--disabled': !canPrev }, part: "arrow-prev", type: "button", "aria-label": s.prevSlide, disabled: !canPrev, onClick: () => this.advance(-1) }, h("co-icon", { key: 'ffcddd1e02ce1d699052290e8df6ab2463b27a20', name: "caret-left", size: 18, weight: "bold" }))), this.arrows && multi && (h("button", { key: 'a7d6989b1c18d3598dc6c7c9e6606b2cf31fc026', class: { 'co-carousel__arrow': true, 'co-carousel__arrow--next': true, 'co-carousel__arrow--disabled': !canNext }, part: "arrow-next", type: "button", "aria-label": s.nextSlide, disabled: !canNext, onClick: () => this.advance(1) }, h("co-icon", { key: '9e26adf68047395cd0cb265cfeaba3b4af6b950e', name: "caret-right", size: 18, weight: "bold" }))), this.dots && multi && (
+        // APG grouped-carousel picker pattern: plain always-tabbable
+        // buttons in a labelled group (tablist/tab would demand
+        // aria-controls + roving tabindex we don't implement).
+        h("div", { key: 'd64ee6b57da49e5025c6f5a6faa3f58ba6855f49', class: "co-carousel__dots", part: "dots", role: "group", "aria-label": s.pickSlide }, Array.from({ length: this.itemCount }, (_, i) => (h("button", { class: { 'co-carousel__dot': true, 'co-carousel__dot--active': i === this.value }, part: "dot", type: "button", "aria-current": i === this.value ? 'true' : undefined, "aria-label": s.goToSlide.replace('{i}', String(i + 1)), onClick: () => this.setActive(i) }))))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "value": [{
+                "watchValue": 0
+            }],
+        "locale": [{
+                "watchLocale": 0
+            }],
+        "autoplay": [{
+                "watchAutoplay": 0
+            }],
+        "interval": [{
+                "watchAutoplay": 0
+            }]
+    }; }
+};
+/** Minimum horizontal travel (px) before a pointer gesture counts as a drag. */
+CoCarousel.DRAG_SLOP = 8;
+/** Horizontal travel (px) needed to change slide on release. */
+CoCarousel.SWIPE_THRESHOLD = 40;
+CoCarousel.style = coCarouselCss();
+
+export { CoCarousel as co_carousel };

package/dist/esm/co-checkbox-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-tT-aZV0-.js';
+import { r as registerInstance, c as createEvent, h } from './index-BCEz3S-z.js';
 
 const coCheckboxGroupCss = () => `: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-checkbox-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-checkbox-group__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-checkbox-group__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-checkbox-group--disabled .co-checkbox-group__label,.co-checkbox-group--disabled .co-checkbox-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__options{display:flex;gap:var(--co-spacing-md)}.co-checkbox-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-checkbox-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-checkbox-group__item--disabled{cursor:not-allowed}.co-checkbox-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-checkbox-group__item--disabled .co-checkbox-group__option-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease, border-color 0.15s ease;overflow:hidden}.co-checkbox-group__box--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs)}.co-checkbox-group__box--large{width:24px;height:24px;border-radius:var(--co-spacing-sm)}.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle)}.co-checkbox-group__box--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox-group__box--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox-group__box--small.co-checkbox-group__box--checked::after{width:7px;height:4px}.co-checkbox-group__box--large.co-checkbox-group__box--checked::after{width:10px;height:6px}.co-checkbox-group__box--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox-group--error .co-checkbox-group__box:not(.co-checkbox-group__box--checked){border-color:var(--co-semantic-status-error)}.co-checkbox-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-checkbox-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-checkbox-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-checkbox-group__helper--error .co-checkbox-group__helper-icon,.co-checkbox-group__helper--error .co-checkbox-group__helper-text{color:var(--co-semantic-status-error)}.co-checkbox-group__helper--success .co-checkbox-group__helper-icon,.co-checkbox-group__helper--success .co-checkbox-group__helper-text{color:var(--co-semantic-status-success)}.co-checkbox-group__helper--warning .co-checkbox-group__helper-icon,.co-checkbox-group__helper--warning .co-checkbox-group__helper-text{color:var(--co-color-status-review)}.co-checkbox-group__helper--info .co-checkbox-group__helper-icon,.co-checkbox-group__helper--info .co-checkbox-group__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-checkbox-group{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-checkbox-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-checkbox-group__label{white-space:normal}:host([layout='horizontal']) .co-checkbox-group>:not(.co-checkbox-group__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:transparent}}`;
 

package/dist/esm/co-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-tT-aZV0-.js';
+import { r as registerInstance, c as createEvent, h } from './index-BCEz3S-z.js';
 
 const coCheckboxCss = () => `: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 0.15s ease, border-color 0.15s ease}.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);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle)}.co-checkbox--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox--small.co-checkbox--checked::after{width:7px;height:4px}.co-checkbox--medium.co-checkbox--checked::after{width:8px;height:5px}.co-checkbox--large.co-checkbox--checked::after{width:10px;height:6px}.co-checkbox--indeterminate{background:var(--co-semantic-surface-primary);border:none}.co-checkbox--indeterminate::after{content:'';display:block;background:var(--co-semantic-on-primary);border-radius:1px}.co-checkbox--small.co-checkbox--indeterminate::after{width:8px;height:1.5px}.co-checkbox--medium.co-checkbox--indeterminate::after{width:10px;height:1.75px}.co-checkbox--large.co-checkbox--indeterminate::after{width:12px;height:2px}.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}.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--overlay.co-checkbox--checked::after,.co-checkbox--overlay.co-checkbox--indeterminate::after{content:none}.co-checkbox__glyph{display:block;width:100%;height:100%;pointer-events:none}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox:not(.co-checkbox--checked){background:transparent}}`;
 
@@ -42,17 +42,17 @@ const CoCheckbox = class {
         // Only override the fill when a custom color is provided AND the box is "on".
         // Leaving this undefined keeps the default appearance byte-identical to before.
         const boxStyle = this.onColor && isOn ? { background: this.onColor } : undefined;
-        return (h("div", { key: 'b52aa4d0412e9ab8b170f11d7a323bbbc80057e5', class: {
+        return (h("div", { key: '7d7318c97238d5784bc5e97b4d062324567f4298', class: {
                 'co-checkbox-row': true,
                 'co-checkbox-row--disabled': this.disabled,
-            }, onClick: this.handleClick }, h("span", { key: 'd3a1caff03ad0358ea005bcb88a8ad607e9d3d24', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.label || '', class: {
+            }, onClick: this.handleClick }, h("span", { key: '6a9eb80dd31b3fdcbad3fd5375c24a7039d7ed91', role: "checkbox", "aria-checked": this.indeterminate ? 'mixed' : String(this.checked), "aria-label": this.label || '', class: {
                 'co-checkbox': true,
                 [`co-checkbox--${this.size}`]: true,
                 'co-checkbox--overlay': isOverlay,
                 'co-checkbox--checked': this.checked && !this.indeterminate,
                 'co-checkbox--indeterminate': this.indeterminate,
                 'co-checkbox--disabled': this.disabled,
-            }, style: boxStyle, part: "box" }, isOverlay && this.indeterminate && (h("svg", { key: 'e6783c1035b4c9f8bb529b4a8f7efc75d9bb093a', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '19c92d5cd4cbda22338c1a675cabf444e5f58bfc', d: "M3 8h10", stroke: "#fff", "stroke-width": "2.2", "stroke-linecap": "round" }))), isOverlay && this.checked && !this.indeterminate && (h("svg", { key: 'b84d28ddb24652658b0afc88bafce1a3ae7a83c6', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: 'b5e21ca2634667abca82f16d30a6952ab8ccbc88', d: "M3.5 8.5l3 3 6-6.5", stroke: "#fff", "stroke-width": "2.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.label && (h("span", { key: 'f311bec251f6fd375d81dcd06cafdb380d6206f0', class: "co-checkbox__label", part: "label" }, this.label))));
+            }, style: boxStyle, part: "box" }, isOverlay && this.indeterminate && (h("svg", { key: 'ea2fc2c66f3fdf9a385d30fe1c15a50196d61502', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '9a0c46128e14f5e62e956f51d292f8d59aa23bee', d: "M3 8h10", stroke: "#fff", "stroke-width": "2.2", "stroke-linecap": "round" }))), isOverlay && this.checked && !this.indeterminate && (h("svg", { key: '5898d1b96e97a2ba71bd80ef4ee9446a1250e88e', class: "co-checkbox__glyph", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" }, h("path", { key: '9dcac76996e654417555489e7d2c1467848ca242', d: "M3.5 8.5l3 3 6-6.5", stroke: "#fff", "stroke-width": "2.2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.label && (h("span", { key: '3833a6596021f89ac26cd5201911d8fa4ca2f19a', class: "co-checkbox__label", part: "label" }, this.label))));
     }
 };
 CoCheckbox.style = coCheckboxCss();

package/dist/esm/co-chip_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-tT-aZV0-.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BCEz3S-z.js';
 import { h as highlightMatch } from './normalizeText-CQY6Ul7q.js';
 import { i as initOverlayScroll } from './overlayScroll-Bpv882_z.js';
 import './overlayscrollbars-ox7HzCZn.js';
@@ -74,7 +74,7 @@ const CoChip = class {
         else
             effectiveIconMode = 'none';
         const Tag = this.clickable ? 'button' : 'div';
-        return (h(Tag, { key: '3210b69426aa37cc7e1f9cc7d7a9add9fd0dd93b', class: {
+        return (h(Tag, { key: '05440263b3d6ba10c01b5c85e345dcaa121e3237', class: {
                 'co-chip': true,
                 [`co-chip--${this.shape}`]: true,
                 [`co-chip--${this.size}`]: true,
@@ -84,7 +84,7 @@ const CoChip = class {
                 'co-chip--clickable': this.clickable,
                 'co-chip--disabled': this.disabled,
                 'co-chip--selected': this.selected,
-            }, part: "chip", type: this.clickable ? 'button' : undefined, disabled: this.clickable ? this.disabled : undefined, onClick: this.handleClick }, this.dot && (h("span", { key: '105306abb8267ebec6a4241b85be844ce9e0fe9e', class: "co-chip__dot", part: "dot", style: this.dotColor ? { color: this.dotColor } : undefined }, h("co-icon", { key: 'a6e6bbf79ec321916bae16fea448b63f22109bd0', name: "circle", size: iconSize, weight: "fill" }))), this.iconLeft && !hasLeftSlot && (h("span", { key: '6ddd3f25eca0380831c10fce157aa042d5195da5', class: "co-chip__icon-left", part: "icon-left" }, h("co-icon", { key: 'd331947abb472bede535a794dfae052a021d06b1', name: this.iconLeft, size: iconSize, weight: this.iconWeight }))), hasLeftSlot && (h("span", { key: 'ddf803655d633a17901ecab726739ad69ae03d5c', class: "co-chip__icon-left", part: "icon-left" }, h("slot", { key: '4602a3f28aa74f31bd7a5124b9ef1a1337f4d960', name: "icon-left" }))), h("span", { key: 'aebc08bb058e32d13ef3c962e1cf23cfdbc3baf5', class: "co-chip__label" }, h("slot", { key: 'be0e8625634f0b4a9da70944e32bb7d2c80c3a00' }, this.label), this.valueLabel != null && this.valueLabel !== '' && (h("span", { key: '11634b783e3a482fe161781658fd22d0ec015265', class: "co-chip__value", part: "value" }, `: ${this.valueLabel}`))), this.iconRight && !hasRightSlot && !this.removable && (h("span", { key: '49837e189f540874558c337bce19a983a5bd77f2', class: "co-chip__icon-right", part: "icon-right" }, h("co-icon", { key: '6510c33b909da03ef0e6ee59fb52b5c12a5faa86', name: this.iconRight, size: iconSize, weight: this.iconWeight }))), hasRightSlot && (h("span", { key: '9c6e6ccea304803daaecf447a5651d5e8a67cc07', class: "co-chip__icon-right", part: "icon-right" }, h("slot", { key: '3bdd7c888bba838894b88a41039df45af8f7547c', name: "icon-right" }))), this.removable && (h("span", { key: 'a4d45167d0c3fc237692371a131af5a76840a89a', class: "co-chip__remove", part: "remove", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleRemove, "aria-label": "Remove" }, h("co-icon", { key: 'ce146e623ce90a936c54a8bfad349b7ea04691fa', name: "x-circle", size: removeIconSize, weight: "fill" }))), this.trailingIcon && (h("span", { key: 'fe01795e08be25909f530d6da4f57cb38b6f8a8e', class: "co-chip__trailing", part: "trailing" }, h("co-icon", { key: '2d8c0bba14a8fa9128c9f9673d9d295f191f1e5c', name: this.trailingIcon, size: trailingIconSize, weight: this.iconWeight })))));
+            }, part: "chip", type: this.clickable ? 'button' : undefined, disabled: this.clickable ? this.disabled : undefined, onClick: this.handleClick }, this.dot && (h("span", { key: 'd71d63015f9a594587f146cc041032381b22d369', class: "co-chip__dot", part: "dot", style: this.dotColor ? { color: this.dotColor } : undefined }, h("co-icon", { key: 'fbf6114ccdbac2b6f7cce84d98b5d695a141bcd1', name: "circle", size: iconSize, weight: "fill" }))), this.iconLeft && !hasLeftSlot && (h("span", { key: 'db9984dcec5a53b9ddbd3d535031b46e25477b83', class: "co-chip__icon-left", part: "icon-left" }, h("co-icon", { key: 'cd745b03f23e86da95bc0eba975ebc3764b9661c', name: this.iconLeft, size: iconSize, weight: this.iconWeight }))), hasLeftSlot && (h("span", { key: '696a9b35c06a12b107cff95192e01584e167f147', class: "co-chip__icon-left", part: "icon-left" }, h("slot", { key: 'c485bf176b6f45ad04de0ce40e76c3fee9810a44', name: "icon-left" }))), h("span", { key: '30f93d2f29ced9dc817619f9b83c7e12e69c6664', class: "co-chip__label" }, h("slot", { key: '3e103e98d2557ac3fa9eb130a1ddac431c2005d3' }, this.label), this.valueLabel != null && this.valueLabel !== '' && (h("span", { key: '65bd6af3007737372daef2afe379820ccc8addef', class: "co-chip__value", part: "value" }, `: ${this.valueLabel}`))), this.iconRight && !hasRightSlot && !this.removable && (h("span", { key: 'acac0c84b83a53ad1fb9b22143ae2f31701ac226', class: "co-chip__icon-right", part: "icon-right" }, h("co-icon", { key: '60ad2e85d2c5658b3c4be23709c9aca6578fc4ac', name: this.iconRight, size: iconSize, weight: this.iconWeight }))), hasRightSlot && (h("span", { key: '020918e258d6d24b1a7d9f40dc8b90f31ce85690', class: "co-chip__icon-right", part: "icon-right" }, h("slot", { key: '1fdd279b5f3c8b24c8a6668441e09b6c3e90f900', name: "icon-right" }))), this.removable && (h("span", { key: '46bc990ba24fcf03ae0eb8f32797908c728ccddd', class: "co-chip__remove", part: "remove", role: "button", tabIndex: this.disabled ? -1 : 0, onClick: this.handleRemove, "aria-label": "Remove" }, h("co-icon", { key: 'f18f1110893d39b013bb4d8f4bea117f107a8509', name: "x-circle", size: removeIconSize, weight: "fill" }))), this.trailingIcon && (h("span", { key: '08ec959ca465adf3ac138336c7511293874bf540', class: "co-chip__trailing", part: "trailing" }, h("co-icon", { key: 'cd706e153280db4f0a4aa039e569d4cc123b8348', name: this.trailingIcon, size: trailingIconSize, weight: this.iconWeight })))));
     }
 };
 CoChip.style = coChipCss();
@@ -464,11 +464,11 @@ const CoOptionList = class {
         const selectedIds = this.selectedIds;
         const { hasMore, remaining } = deriveMore(this.parsedItems.length, this.total, this.hasMore);
         const showClear = !!this.clearOptionLabel && selectedIds.length > 0;
-        return (h("div", { key: 'f6262519bd90bb9a419daeb9a1386147396a79ff', class: "co-option-list", onKeyDown: this.onRootKeyDown }, this.searchable && (h("div", { key: '081a2cfee9a8a903c6bd2a2f0bd06cbac635c021', class: "co-option-list__search", part: "search" }, h("co-icon", { key: 'a001c71f5de00288907cde1e123f8d393e052a9e', name: "magnifying-glass", size: 16 }), h("input", { key: '355520b7d77077e02666fcd5012f36c648eaeacf', class: "co-option-list__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.term, onInput: this.onSearchInput, ref: (el) => (this.searchInputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list" }))), h("div", { key: '833708f614d3f561ba45bf1656f4bcfa6701b8ce', class: "co-option-list__options", part: "options", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : 'false', ref: (el) => (this.optionsEl = el), onScroll: this.onNativeScroll }, h("div", { key: '10da99a56133af0748f43c20af62e03e975aebcd', class: "co-option-list__inner" }, showClear && (h("button", { key: '208bc13eb8e89c88657022fbc174bb22ffe9e1c4', class: "co-option-list__clear-row", type: "button", onClick: () => this.coClearSelection.emit() }, h("co-icon", { key: '8c6d29e405a12e53bd3ab9f1662c7237bcae0617', name: "x-circle", size: 14 }), h("span", { key: 'd7e11cc7753c8dd63ae6a556bf5368c01ea1fc2a' }, this.clearOptionLabel))), this.loading && items.length === 0 && (h("div", { key: 'dec374969fe6b401a95d60d101cc625c181f3e72', class: "co-option-list__loading" }, h("co-loader", { key: 'c1547fc0f49911f2f8ab8b85063bf15af6500314', size: "sm" }))), !this.loading && items.length === 0 && (h("div", { key: '1e0692572f89d4f9507f1e4b8c4ef90f9f8d307c', class: "co-option-list__empty" }, h("co-icon", { key: 'ff979119305afdd7b2180336c203ff33adc3c463', name: "magnifying-glass", size: 20 }), h("span", { key: '9d460743d6edf7734012d75cabb0f488b67d20cf' }, this.emptyMessage))), items.length > 0 && this.virtual
+        return (h("div", { key: '8e4a0e5e6b0831d1413fccc5d58f5548e756ca90', class: "co-option-list", onKeyDown: this.onRootKeyDown }, this.searchable && (h("div", { key: '91658cdefff07570ae339a7e4c785493c200b690', class: "co-option-list__search", part: "search" }, h("co-icon", { key: '28900e1543e8cd50d7e789de2f6d8815eafd1fb7', name: "magnifying-glass", size: 16 }), h("input", { key: '3455b4f3d4e54b81291b997bceb64d95ef1be105', class: "co-option-list__search-input", type: "text", placeholder: this.searchPlaceholder, value: this.term, onInput: this.onSearchInput, ref: (el) => (this.searchInputEl = el), role: "combobox", "aria-expanded": "true", "aria-autocomplete": "list" }))), h("div", { key: '32f315ed929802532c1a050d6e42aaa4150a2d11', class: "co-option-list__options", part: "options", role: "listbox", "aria-multiselectable": this.multiple ? 'true' : 'false', ref: (el) => (this.optionsEl = el), onScroll: this.onNativeScroll }, h("div", { key: '374a2383399a56d90afcb048f5e6343d4f9275d7', class: "co-option-list__inner" }, showClear && (h("button", { key: 'be34ee751a34147660e8bc7846b12d8ab1f937d4', class: "co-option-list__clear-row", type: "button", onClick: () => this.coClearSelection.emit() }, h("co-icon", { key: 'c3c70f93b6d4ce7c0774b4c5ff1ebd7f2549dd93', name: "x-circle", size: 14 }), h("span", { key: 'a9970acd4f67dc84afd4d7f10317d4e35f0feebf' }, this.clearOptionLabel))), this.loading && items.length === 0 && (h("div", { key: '6b1bb04068d2832bd71f0d9b9b9205662a3184f2', class: "co-option-list__loading" }, h("co-loader", { key: '1de716e5fac313dbc10a9aeed2dd8f61e491f020', size: "sm" }))), !this.loading && items.length === 0 && (h("div", { key: '29f51655d034fcd1b5aac08df9537fb176090ce7', class: "co-option-list__empty" }, h("co-icon", { key: 'c7c51260cfe80d82ae75ae0a3510560f5258a3ad', name: "magnifying-glass", size: 20 }), h("span", { key: 'af1c571186f203f2a128b4a7f2d26e5171bf7951' }, this.emptyMessage))), items.length > 0 && this.virtual
             ? this.renderVirtual(items, selectedIds)
             : buildRows(items).map((row) => row.kind === 'header'
                 ? h("div", { class: "co-option-list__group", role: "presentation" }, row.label)
-                : this.renderRow(row.item, row.index, selectedIds)), this.loading && items.length > 0 && (h("div", { key: 'f9c506fddfba9d360a7dd4b2d4ed4142aaa179c5', class: "co-option-list__loading-more" }, h("co-loader", { key: '587d93ebd03eb3764e5637c748975c925d1bd59f', size: "sm" }))), !this.loading && hasMore && remaining > 0 && (h("div", { key: 'cef0c72b2aa1f246404001bae6c8ee4ea560ee07', class: "co-option-list__more" }, remaining, " more results")))), h("slot", { key: '646b6421fb03008d55e5361e14f12d05db08e299', name: "footer" })));
+                : this.renderRow(row.item, row.index, selectedIds)), this.loading && items.length > 0 && (h("div", { key: '0322e0c734d57f0fdc80ace2753276b2bc2a33ad', class: "co-option-list__loading-more" }, h("co-loader", { key: 'e305edb2317d433b27e581a97f35e99083306bff', size: "sm" }))), !this.loading && hasMore && remaining > 0 && (h("div", { key: '31d25badb8cbefa515eaedd1a849b943274a2f9d', class: "co-option-list__more" }, remaining, " more results")))), h("slot", { key: '2df4d5c4c55db9647b378eb9d09c828a76e563f1', name: "footer" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {