@litigiovirtual/ius-design-components 2.4.0 → 2.5.0

package/fesm2022/litigiovirtual-ius-design-components.mjs

@@ -2001,7 +2001,7 @@ const TONE_NUM = {
     uva: 'var(--ius-uva-600)',
     aguacate: 'var(--ius-aguacate-700)',
 };
-function pad2$3(n) {
+function pad2$4(n) {
     return n < 10 ? '0' + n : '' + n;
 }
 /** Formatea segundos enteros según el formato pedido. */
@@ -2015,10 +2015,10 @@ function formatTime$1(totalSec, format) {
         case 'ss':
             return String(s);
         case 'hh:mm:ss':
-            return `${pad2$3(hh)}:${pad2$3(mm)}:${pad2$3(ss)}`;
+            return `${pad2$4(hh)}:${pad2$4(mm)}:${pad2$4(ss)}`;
         case 'mm:ss':
         default:
-            return `${pad2$3(Math.floor(s / 60))}:${pad2$3(ss)}`;
+            return `${pad2$4(Math.floor(s / 60))}:${pad2$4(ss)}`;
     }
 }
 /**
@@ -21990,15 +21990,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 const MONTHS_ABBR = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'];
 const WEEKDAYS_MON = ['Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa', 'Do'];
 const WEEKDAYS_SUN = ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'];
-const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+const startOfDay$1 = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
 const isSameDay = (a, b) => !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 const addMonths = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
-const pad2$2 = (n) => String(n).padStart(2, '0');
+const pad2$3 = (n) => String(n).padStart(2, '0');
 /** Formatea una fecha como "12/11/2025" (util del paquete, verbatim del golden). */
 function formatDate(d) {
     if (!d)
         return '';
-    return `${pad2$2(d.getDate())}/${pad2$2(d.getMonth() + 1)}/${d.getFullYear()}`;
+    return `${pad2$3(d.getDate())}/${pad2$3(d.getMonth() + 1)}/${d.getFullYear()}`;
 }
 function buildGrid(viewDate, weekStartsOn) {
     const y = viewDate.getFullYear();
@@ -22112,7 +22112,7 @@ class CalendarComponent {
         return this.mode === 'range';
     }
     get today() {
-        return startOfDay(new Date());
+        return startOfDay$1(new Date());
     }
     get hasFooterSlot() {
         return !!this.footerRef();
@@ -22162,9 +22162,9 @@ class CalendarComponent {
     dayDisabled(d) {
         if (this.cvaDisabled())
             return true;
-        if (this.minDate && startOfDay(d) < startOfDay(this.minDate))
+        if (this.minDate && startOfDay$1(d) < startOfDay$1(this.minDate))
             return true;
-        if (this.maxDate && startOfDay(d) > startOfDay(this.maxDate))
+        if (this.maxDate && startOfDay$1(d) > startOfDay$1(this.maxDate))
             return true;
         const fn = this.isDateDisabled;
         return fn ? fn(d) : false;
@@ -22181,11 +22181,11 @@ class CalendarComponent {
         const end = this.previewEnd;
         if (!this.isRange || !r.start || !end)
             return false;
-        const a = startOfDay(r.start);
-        const b = startOfDay(end);
+        const a = startOfDay$1(r.start);
+        const b = startOfDay$1(end);
         const lo = a < b ? a : b;
         const hi = a < b ? b : a;
-        const x = startOfDay(d);
+        const x = startOfDay$1(d);
         return x > lo && x < hi;
     }
     isRangeStart(d) {
@@ -22193,7 +22193,7 @@ class CalendarComponent {
         const end = this.previewEnd;
         if (!this.isRange || !r.start)
             return false;
-        const startIsLater = !!end && startOfDay(end) < startOfDay(r.start);
+        const startIsLater = !!end && startOfDay$1(end) < startOfDay$1(r.start);
         return isSameDay(d, startIsLater ? end : r.start);
     }
     isRangeEnd(d) {
@@ -22201,7 +22201,7 @@ class CalendarComponent {
         const end = this.previewEnd;
         if (!this.isRange || !end)
             return false;
-        const startIsLater = !!r.start && startOfDay(end) < startOfDay(r.start);
+        const startIsLater = !!r.start && startOfDay$1(end) < startOfDay$1(r.start);
         return isSameDay(d, startIsLater ? r.start : end);
     }
     isSelected(d) {
@@ -22294,19 +22294,19 @@ class CalendarComponent {
         if (this.dayDisabled(d))
             return;
         if (!this.isRange) {
-            this.commit(startOfDay(d));
+            this.commit(startOfDay$1(d));
             return;
         }
         const r = this.range;
         if (!r.start || r.end) {
-            this.commit({ start: startOfDay(d), end: null });
+            this.commit({ start: startOfDay$1(d), end: null });
             return;
         }
-        if (startOfDay(d) < startOfDay(r.start)) {
-            this.commit({ start: startOfDay(d), end: null });
+        if (startOfDay$1(d) < startOfDay$1(r.start)) {
+            this.commit({ start: startOfDay$1(d), end: null });
             return;
         }
-        this.commit({ start: r.start, end: startOfDay(d) });
+        this.commit({ start: r.start, end: startOfDay$1(d) });
     }
     onDayEnter(cell) {
         if (this.isRange)
@@ -22399,12 +22399,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }], footerRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusCalendarFooterDirective), { isSignal: true }] }], asideRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => IusCalendarAsideDirective), { isSignal: true }] }] } });
 
-const pad2$1 = (n) => String(n).padStart(2, '0');
+const pad2$2 = (n) => String(n).padStart(2, '0');
 /** Formatea un `IusTimeValue` como "01:05 PM" (util del paquete, verbatim del golden). */
 function formatTime(v) {
     if (!v)
         return '';
-    return `${pad2$1(v.hours)}:${pad2$1(v.minutes)} ${v.ampm}`;
+    return `${pad2$2(v.hours)}:${pad2$2(v.minutes)} ${v.ampm}`;
 }
 /** Deriva un `IusTimeValue` 12h de un `Date` (util del paquete, verbatim del golden). */
 function timeFromDate(d) {
@@ -22528,7 +22528,7 @@ class TimePanelComponent {
         ];
     }
     pad(n) {
-        return pad2$1(n);
+        return pad2$2(n);
     }
     // ── Handlers ───────────────────────────────────────────────────────────
     commit(patch) {
@@ -22604,7 +22604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 args: ['colM']
             }] } });
 
-const pad2 = (n) => String(n).padStart(2, '0');
+const pad2$1 = (n) => String(n).padStart(2, '0');
 const DEFAULT_TIME = { hours: 12, minutes: 0, ampm: 'AM' };
 /**
  * DatePicker — Ius Design v2 (familia inputs, CVA).
@@ -22867,8 +22867,8 @@ class DatePickerComponent {
         const e = {};
         const fill = (date, sfx) => {
             if (date) {
-                e['d' + sfx] = pad2(date.getDate());
-                e['mo' + sfx] = pad2(date.getMonth() + 1);
+                e['d' + sfx] = pad2$1(date.getDate());
+                e['mo' + sfx] = pad2$1(date.getMonth() + 1);
                 e['y' + sfx] = String(date.getFullYear());
             }
             else {
@@ -22887,8 +22887,8 @@ class DatePickerComponent {
             const dt = c;
             fill(dt?.date ?? null, '');
             const t = dt?.time;
-            e['hh'] = t?.hours ? pad2(t.hours) : '';
-            e['mm'] = t?.minutes != null ? pad2(t.minutes) : '';
+            e['hh'] = t?.hours ? pad2$1(t.hours) : '';
+            e['mm'] = t?.minutes != null ? pad2$1(t.minutes) : '';
         }
         else {
             fill(c, '');
@@ -23123,7 +23123,7 @@ const addDays = (d, n) => {
     x.setDate(x.getDate() + n);
     return x;
 };
-const sameDay = (a, b) => !!a &&
+const sameDay$1 = (a, b) => !!a &&
     !!b &&
     a.getFullYear() === b.getFullYear() &&
     a.getMonth() === b.getMonth() &&
@@ -23194,12 +23194,12 @@ function presetActive(preset, draft, mode) {
     if (preset.value == null)
         return isEmpty(draft, mode);
     if (mode === 'single') {
-        return preset.value instanceof Date && draft instanceof Date && sameDay(preset.value, draft);
+        return preset.value instanceof Date && draft instanceof Date && sameDay$1(preset.value, draft);
     }
     return (isRange(preset.value) &&
         isRange(draft) &&
-        sameDay(preset.value.start, draft.start) &&
-        sameDay(preset.value.end, draft.end));
+        sameDay$1(preset.value.start, draft.start) &&
+        sameDay$1(preset.value.end, draft.end));
 }
 /**
  * DateFilter — Ius Design v2 (familia navigation).
@@ -26969,6 +26969,326 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Output
             }] } });
 
+const pad2 = (n) => String(n).padStart(2, '0');
+const ymd = (d) => `${d.getFullYear()}-${pad2(d.getMonth() + 1)}-${pad2(d.getDate())}`;
+/** 'YYYY-MM-DD' se lee por componentes (fecha local); un Date se usa tal cual. */
+function toDate(v) {
+    if (v instanceof Date)
+        return v;
+    if (typeof v === 'string') {
+        const p = v.split('-').map(Number);
+        return new Date(p[0], (p[1] || 1) - 1, p[2] || 1);
+    }
+    return v != null ? new Date(v) : null;
+}
+function sameDay(a, b) {
+    return !!(a && b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate());
+}
+const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+const dayDiff = (a, b) => Math.round((startOfDay(a).getTime() - startOfDay(b).getTime()) / 86400000);
+const cap = (s) => (s ? s.charAt(0).toUpperCase() + s.slice(1) : s);
+/** Hora: 'H:MM' | Date | minutos del día → minutos (golden `parseHM`). */
+function parseHM(v) {
+    if (v instanceof Date)
+        return v.getHours() * 60 + v.getMinutes();
+    if (typeof v === 'number')
+        return v;
+    if (typeof v === 'string') {
+        const m = v.match(/(\d{1,2}):(\d{2})/);
+        if (m)
+            return +m[1] * 60 + +m[2];
+    }
+    return null;
+}
+function fmtHM(min, fmt) {
+    const h = Math.floor(min / 60);
+    const mm = min % 60;
+    if (fmt === '24')
+        return `${h}:${pad2(mm)}`;
+    const ap = h < 12 ? 'a.m.' : 'p.m.';
+    let hh = h % 12;
+    if (hh === 0)
+        hh = 12;
+    return mm === 0 ? `${hh} ${ap}` : `${hh}:${pad2(mm)} ${ap}`;
+}
+/** Hora de un evento por horas: `time` literal o el rango `start`–`end`. */
+function timeLabelOf(ev, fmt) {
+    if (ev.time)
+        return ev.time;
+    const s = parseHM(ev.start);
+    if (s == null)
+        return null;
+    const e = parseHM(ev.end);
+    return e != null ? `${fmtHM(s, fmt)}–${fmtHM(e, fmt)}` : fmtHM(s, fmt);
+}
+const fmtDayMon = (d) => d.toLocaleDateString('es-CO', { day: 'numeric', month: 'short' }).replace('.', '');
+/** Formato único del día del ecosistema: «30 jun 2026» (mes abreviado en minúscula). */
+const MON_SHORT = ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'];
+const fmtDay = (d) => `${d.getDate()} ${MON_SHORT[d.getMonth()]} ${d.getFullYear()}`;
+const DOW_LONG = ['domingo', 'lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábado'];
+/**
+ * ScheduleList — Ius Design v2 (familia scheduler).
+ *
+ * Vista agenda del Scheduler: agrupa los `events` por día en orden cronológico,
+ * con cabecera de día sticky (número, día de la semana, rótulo «Hoy · 30 jun
+ * 2026» / «Mañana · 1 jul 2026» / «1 abr 2025», conteo) y los eventos del día
+ * como `ius-event-pill` (`block` = agenda completa · `bar` = teaser
+ * «Próximamente»). Resuelve agrupación, orden, eventos de varios días («Día X
+ * de N») y overflow «+N más» (`ius-text-button`); no calcula la cuadrícula del
+ * mes (MonthGrid) ni navega periodos (SchedulerToolbar).
+ *
+ * Notas de port:
+ * - El host es la raíz `.ius-agenda` del golden.
+ * - Los callbacks del golden son outputs que emiten un objeto
+ *   (`{ date, event }`, `{ item, event }`, `{ date, hidden, event }`). Como en
+ *   React, la cabecera solo es botón si hay listener de `(selectDay)` y los
+ *   pills solo si lo hay de `(selectEvent)` (`EventEmitter.observed`).
+ * - `sortByTime` ordena como el golden: los de todo el día primero y el resto
+ *   por el primer «H:MM» de `time` (o `start`), sin leer «a. m.»/«p. m.».
+ *
+ * Fuente de verdad: `ScheduleList.jsx` + `ScheduleList.d.ts` + `ScheduleList.ng-spec.md`.
+ */
+class ScheduleListComponent {
+    constructor() {
+        /** Eventos a listar; se agrupan por día y se ordenan por hora. */
+        this.events = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "events" }] : /* istanbul ignore next */ []));
+        /** Día de hoy. Default `new Date()`. `null` lo desactiva (sin rótulos relativos ni atenuado de pasado). */
+        this.today = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []));
+        /** Día seleccionado (Date o 'YYYY-MM-DD') → `aria-current="date"` en su cabecera. */
+        this.selected = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+        /** Inicio del rango a renderizar — solo con `showEmptyDays`. */
+        this.from = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "from" }] : /* istanbul ignore next */ []));
+        /** Fin del rango a renderizar — solo con `showEmptyDays`. */
+        this.to = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "to" }] : /* istanbul ignore next */ []));
+        /** Mostrar también los días sin eventos dentro de `from`–`to`. */
+        this.showEmptyDays = input(false, { ...(ngDevMode ? { debugName: "showEmptyDays" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.size = input('medium', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** Ordenar los eventos de cada día por hora (todo el día primero). */
+        this.sortByTime = input(true, { ...(ngDevMode ? { debugName: "sortByTime" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Formato de la hora derivada de `start`/`end`. */
+        this.hourFormat = input('12', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hourFormat" }] : /* istanbul ignore next */ []));
+        /** Rótulo relativo Hoy/Mañana/Ayer como prefijo del rótulo de fecha. */
+        this.relativeLabels = input(true, { ...(ngDevMode ? { debugName: "relativeLabels" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Reemplaza el rótulo de fecha de la cabecera (solo casos especiales). */
+        this.formatDayLabel = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "formatDayLabel" }] : /* istanbul ignore next */ []));
+        /** «N compromisos» a la derecha de la cabecera. */
+        this.showCount = input(true, { ...(ngDevMode ? { debugName: "showCount" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Sangrar los eventos bajo la cabecera (riel alineado al número). */
+        this.showRail = input(true, { ...(ngDevMode ? { debugName: "showRail" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Cabeceras de día pegajosas al hacer scroll. */
+        this.stickyHeaders = input(true, { ...(ngDevMode ? { debugName: "stickyHeaders" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Línea entre eventos del día. Solo con `pillVariant="bar"` + `pillFill="plain"`. */
+        this.dividers = input(false, { ...(ngDevMode ? { debugName: "dividers" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Máximo de eventos por día antes de «+N más». 0 = todos. */
+        this.maxVisible = input(0, { ...(ngDevMode ? { debugName: "maxVisible" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Alto máximo → scroll propio (habilita el sticky real). Un número son px. */
+        this.maxHeight = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
+        this.pillVariant = input('block', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pillVariant" }] : /* istanbul ignore next */ []));
+        this.pillFill = input('soft', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pillFill" }] : /* istanbul ignore next */ []));
+        /** Tamaño de los pills. Por defecto, el `size`. */
+        this.pillSize = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pillSize" }] : /* istanbul ignore next */ []));
+        this.showIcon = input(true, { ...(ngDevMode ? { debugName: "showIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.showDot = input(true, { ...(ngDevMode ? { debugName: "showDot" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Estado vacío global (sin ningún evento). */
+        this.emptyTitle = input('Sin compromisos', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyTitle" }] : /* istanbul ignore next */ []));
+        this.emptySubtitle = input('No hay eventos en este periodo.', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptySubtitle" }] : /* istanbul ignore next */ []));
+        /** Ícono Material Symbols del estado vacío global. '' lo apaga. */
+        this.emptyIcon = input('event_available', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyIcon" }] : /* istanbul ignore next */ []));
+        /** Texto en un día vacío (solo con `showEmptyDays`). */
+        this.emptyDayLabel = input('Sin compromisos', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyDayLabel" }] : /* istanbul ignore next */ []));
+        /** Texto del overflow (anula «+N más»). */
+        this.moreLabel = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "moreLabel" }] : /* istanbul ignore next */ []));
+        this.selectDay = new EventEmitter();
+        this.selectEvent = new EventEmitter();
+        this.showMore = new EventEmitter();
+        this.maxHeightCss = computed(() => {
+            const mh = this.maxHeight();
+            if (mh == null)
+                return null;
+            return typeof mh === 'number' ? `${mh}px` : mh;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxHeightCss" }] : /* istanbul ignore next */ []));
+        /** Divisores solo en el par `bar` + `plain` (en cualquier otra combinación se ignoran). */
+        this.showDividers = computed(() => this.dividers() && this.pillVariant() === 'bar' && this.pillFill() === 'plain', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showDividers" }] : /* istanbul ignore next */ []));
+        /** Días con sus entradas: agrupa, expande los de varios días, ordena y rellena el rango. */
+        this.dias = computed(() => {
+            const mapa = new Map();
+            const fromD = toDate(this.from());
+            const toD = toDate(this.to());
+            const push = (key, date, e) => {
+                const g = mapa.get(key) ?? { date, items: [] };
+                g.items.push(e);
+                mapa.set(key, g);
+            };
+            for (const ev of this.events()) {
+                const sd = toDate(ev.date != null ? ev.date : ev.start);
+                if (!sd)
+                    continue;
+                const ed = toDate(ev.endDate);
+                if (ed && startOfDay(ed) > startOfDay(sd)) {
+                    const cur = startOfDay(sd);
+                    const last = startOfDay(ed);
+                    while (cur <= last) {
+                        const inRange = (!fromD || cur >= startOfDay(fromD)) && (!toD || cur <= startOfDay(toD));
+                        if (inRange) {
+                            const seg = sameDay(cur, sd) ? 'start' : sameDay(cur, ed) ? 'end' : 'mid';
+                            push(ymd(cur), new Date(cur), { ev, allDay: true, seg, spanStart: sd, spanEnd: ed });
+                        }
+                        cur.setDate(cur.getDate() + 1);
+                    }
+                }
+                else {
+                    push(ymd(sd), sd, { ev, allDay: !!ev.allDay, seg: null });
+                }
+            }
+            if (this.sortByTime()) {
+                for (const g of mapa.values()) {
+                    g.items.sort((a, b) => {
+                        if (a.allDay !== b.allDay)
+                            return a.allDay ? -1 : 1;
+                        return ((parseHM(a.ev.time != null ? a.ev.time : a.ev.start) || 0) -
+                            (parseHM(b.ev.time != null ? b.ev.time : b.ev.start) || 0));
+                    });
+                }
+            }
+            if (this.showEmptyDays() && fromD && toD) {
+                const cur = startOfDay(fromD);
+                const end = startOfDay(toD);
+                const out = [];
+                while (cur <= end) {
+                    out.push(mapa.get(ymd(cur)) ?? { date: new Date(cur), items: [] });
+                    cur.setDate(cur.getDate() + 1);
+                }
+                return out;
+            }
+            return [...mapa.keys()].sort().map((k) => mapa.get(k));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dias" }] : /* istanbul ignore next */ []));
+        /** Sin ningún día que pintar → estado vacío global. */
+        this.vacio = computed(() => this.dias().length === 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "vacio" }] : /* istanbul ignore next */ []));
+        this.grupos = computed(() => {
+            const today = this.today();
+            const todayDate = today === undefined ? new Date() : toDate(today);
+            const selDate = toDate(this.selected());
+            const fmt = this.hourFormat();
+            const pillSize = this.pillSize() || this.size();
+            const formatDayLabel = this.formatDayLabel();
+            const maxVisible = this.maxVisible();
+            return this.dias().map((g) => {
+                const d = g.date;
+                const diff = todayDate ? dayDiff(d, todayDate) : null;
+                let rel = null;
+                if (this.relativeLabels() && diff != null) {
+                    if (diff === 0)
+                        rel = 'Hoy';
+                    else if (diff === 1)
+                        rel = 'Mañana';
+                    else if (diff === -1)
+                        rel = 'Ayer';
+                }
+                const limit = maxVisible > 0 ? maxVisible : g.items.length;
+                const pills = g.items.slice(0, limit).map((e, i) => {
+                    const ev = e.ev;
+                    return {
+                        key: ev.id != null ? `id:${ev.id}` : `i:${i}`,
+                        ev,
+                        time: e.seg
+                            ? `Día ${dayDiff(d, e.spanStart) + 1} de ${dayDiff(e.spanEnd, e.spanStart) + 1}`
+                            : e.allDay
+                                ? 'Todo el día'
+                                : timeLabelOf(ev, fmt),
+                        meta: e.seg && e.spanStart ? `${fmtDayMon(e.spanStart)}–${fmtDayMon(e.spanEnd)}` : ev.meta,
+                        fill: ev.fill || this.pillFill(),
+                        size: ev.size || pillSize,
+                        showIcon: ev.showIcon != null ? ev.showIcon : this.showIcon(),
+                        showDot: ev.showDot != null ? ev.showDot : this.showDot(),
+                        past: ev.past != null ? ev.past : false,
+                    };
+                });
+                return {
+                    key: ymd(d),
+                    date: d,
+                    num: d.getDate(),
+                    dow: cap(DOW_LONG[d.getDay()]),
+                    label: formatDayLabel ? formatDayLabel(d) : (rel ? `${rel} · ` : '') + fmtDay(d),
+                    total: g.items.length,
+                    today: sameDay(d, todayDate),
+                    past: diff != null && diff < 0,
+                    selected: sameDay(d, selDate),
+                    pills,
+                    hidden: g.items.slice(limit).map((e) => e.ev),
+                };
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "grupos" }] : /* istanbul ignore next */ []));
+    }
+    get headClickable() {
+        return this.selectDay.observed;
+    }
+    get eventsClickable() {
+        return this.selectEvent.observed;
+    }
+    conteo(total) {
+        return total === 0 ? '—' : total === 1 ? '1 compromiso' : `${total} compromisos`;
+    }
+    onHeadClick(date, event) {
+        if (this.headClickable)
+            this.selectDay.emit({ date, event });
+    }
+    onHeadKeydown(date, event) {
+        if (!this.headClickable)
+            return;
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.selectDay.emit({ date, event });
+        }
+    }
+    onPillClick(item, event) {
+        this.selectEvent.emit({ item, event });
+    }
+    onMoreClick(date, hidden, event) {
+        this.showMore.emit({ date, hidden, event });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScheduleListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ScheduleListComponent, isStandalone: true, selector: "ius-schedule-list", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, today: { classPropertyName: "today", publicName: "today", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, from: { classPropertyName: "from", publicName: "from", isSignal: true, isRequired: false, transformFunction: null }, to: { classPropertyName: "to", publicName: "to", isSignal: true, isRequired: false, transformFunction: null }, showEmptyDays: { classPropertyName: "showEmptyDays", publicName: "showEmptyDays", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, sortByTime: { classPropertyName: "sortByTime", publicName: "sortByTime", isSignal: true, isRequired: false, transformFunction: null }, hourFormat: { classPropertyName: "hourFormat", publicName: "hourFormat", isSignal: true, isRequired: false, transformFunction: null }, relativeLabels: { classPropertyName: "relativeLabels", publicName: "relativeLabels", isSignal: true, isRequired: false, transformFunction: null }, formatDayLabel: { classPropertyName: "formatDayLabel", publicName: "formatDayLabel", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null }, showRail: { classPropertyName: "showRail", publicName: "showRail", isSignal: true, isRequired: false, transformFunction: null }, stickyHeaders: { classPropertyName: "stickyHeaders", publicName: "stickyHeaders", isSignal: true, isRequired: false, transformFunction: null }, dividers: { classPropertyName: "dividers", publicName: "dividers", isSignal: true, isRequired: false, transformFunction: null }, maxVisible: { classPropertyName: "maxVisible", publicName: "maxVisible", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, pillVariant: { classPropertyName: "pillVariant", publicName: "pillVariant", isSignal: true, isRequired: false, transformFunction: null }, pillFill: { classPropertyName: "pillFill", publicName: "pillFill", isSignal: true, isRequired: false, transformFunction: null }, pillSize: { classPropertyName: "pillSize", publicName: "pillSize", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showDot: { classPropertyName: "showDot", publicName: "showDot", isSignal: true, isRequired: false, transformFunction: null }, emptyTitle: { classPropertyName: "emptyTitle", publicName: "emptyTitle", isSignal: true, isRequired: false, transformFunction: null }, emptySubtitle: { classPropertyName: "emptySubtitle", publicName: "emptySubtitle", isSignal: true, isRequired: false, transformFunction: null }, emptyIcon: { classPropertyName: "emptyIcon", publicName: "emptyIcon", isSignal: true, isRequired: false, transformFunction: null }, emptyDayLabel: { classPropertyName: "emptyDayLabel", publicName: "emptyDayLabel", isSignal: true, isRequired: false, transformFunction: null }, moreLabel: { classPropertyName: "moreLabel", publicName: "moreLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectDay: "selectDay", selectEvent: "selectEvent", showMore: "showMore" }, host: { properties: { "attr.data-size": "size()", "attr.data-sticky": "vacio() ? null : (stickyHeaders() ? 'true' : 'false')", "attr.data-rail": "vacio() ? null : (showRail() ? 'true' : 'false')", "attr.data-scroll": "vacio() ? null : (maxHeight() != null ? 'true' : 'false')", "style.max-height": "maxHeightCss()" }, classAttribute: "ius-agenda ius-scroll" }, ngImport: i0, template: "<ng-template #pill let-p>\n  @if (eventsClickable) {\n    <ius-event-pill\n      [variant]=\"pillVariant()\"\n      [title]=\"p.ev.title\"\n      [time]=\"p.time ?? undefined\"\n      [category]=\"p.ev.category\"\n      [hue]=\"p.ev.hue\"\n      [kind]=\"p.ev.kind\"\n      [icon]=\"p.ev.icon\"\n      [location]=\"p.ev.location\"\n      [meta]=\"p.meta\"\n      [assignee]=\"p.ev.assignee\"\n      [fill]=\"p.fill\"\n      [size]=\"p.size\"\n      [showIcon]=\"p.showIcon\"\n      [showDot]=\"p.showDot\"\n      [selected]=\"!!p.ev.selected\"\n      [past]=\"p.past\"\n      [ariaLabel]=\"p.ev.ariaLabel\"\n      (clicked)=\"onPillClick(p.ev, $event)\"\n    />\n  } @else {\n    <ius-event-pill\n      [variant]=\"pillVariant()\"\n      [title]=\"p.ev.title\"\n      [time]=\"p.time ?? undefined\"\n      [category]=\"p.ev.category\"\n      [hue]=\"p.ev.hue\"\n      [kind]=\"p.ev.kind\"\n      [icon]=\"p.ev.icon\"\n      [location]=\"p.ev.location\"\n      [meta]=\"p.meta\"\n      [assignee]=\"p.ev.assignee\"\n      [fill]=\"p.fill\"\n      [size]=\"p.size\"\n      [showIcon]=\"p.showIcon\"\n      [showDot]=\"p.showDot\"\n      [selected]=\"!!p.ev.selected\"\n      [past]=\"p.past\"\n      [ariaLabel]=\"p.ev.ariaLabel\"\n    />\n  }\n</ng-template>\n\n@if (vacio()) {\n  <div class=\"ius-agenda__void\">\n    @if (emptyIcon()) {\n      <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ emptyIcon() }}</span>\n    }\n    @if (emptyTitle()) {\n      <div class=\"ius-agenda__void-title\">{{ emptyTitle() }}</div>\n    }\n    @if (emptySubtitle()) {\n      <div class=\"ius-agenda__void-sub\">{{ emptySubtitle() }}</div>\n    }\n  </div>\n} @else {\n  @for (g of grupos(); track g.key) {\n    <div\n      class=\"ius-agenda__group\"\n      [attr.data-today]=\"g.today ? 'true' : 'false'\"\n      [attr.data-past]=\"g.past ? 'true' : 'false'\"\n      [attr.data-selected]=\"g.selected ? 'true' : 'false'\"\n    >\n      <div\n        class=\"ius-agenda__head\"\n        [attr.data-clickable]=\"headClickable ? 'true' : 'false'\"\n        [attr.role]=\"headClickable ? 'button' : null\"\n        [attr.tabindex]=\"headClickable ? 0 : null\"\n        [attr.aria-current]=\"g.selected ? 'date' : null\"\n        (click)=\"onHeadClick(g.date, $event)\"\n        (keydown)=\"onHeadKeydown(g.date, $event)\"\n      >\n        <span class=\"ius-agenda__num\">{{ g.num }}</span>\n        <span class=\"ius-agenda__when\">\n          <span class=\"ius-agenda__dow\">{{ g.dow }}</span>\n          <span class=\"ius-agenda__month\">{{ g.label }}</span>\n        </span>\n        @if (showCount()) {\n          <span class=\"ius-agenda__count\">{{ conteo(g.total) }}</span>\n        }\n      </div>\n\n      @if (g.total === 0) {\n        <div class=\"ius-agenda__empty\">{{ emptyDayLabel() }}</div>\n      } @else {\n        <div class=\"ius-agenda__events\">\n          @for (p of g.pills; track p.key; let first = $first) {\n            @if (showDividers() && !first) {\n              <div class=\"ius-agenda__divider\" aria-hidden=\"true\"></div>\n            }\n            <ng-container *ngTemplateOutlet=\"pill; context: { $implicit: p }\" />\n          }\n          @if (g.hidden.length > 0) {\n            @if (showDividers()) {\n              <div class=\"ius-agenda__divider\" aria-hidden=\"true\"></div>\n            }\n            <div class=\"ius-agenda__more\">\n              <ius-text-button size=\"small\" (clicked)=\"onMoreClick(g.date, g.hidden, $event)\">\n                {{ moreLabel() || '+' + g.hidden.length + ' m\u00E1s' }}\n              </ius-text-button>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n}\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;width:100%;font-family:var(--ius-font-body);color:var(--ius-text-primary);--_ag-rail: 116px}:host([data-size=small]){--_ag-rail: 100px;--_ag-num: 22px;--_ag-gap: var(--ius-space-xs);--_ag-pad: 12px}:host([data-size=medium]){--_ag-rail: 116px;--_ag-num: 26px;--_ag-gap: var(--ius-space-xs);--_ag-pad: 16px}:host([data-size=large]){--_ag-rail: 132px;--_ag-num: 32px;--_ag-gap: var(--ius-space-xs);--_ag-pad: 20px}:host([data-scroll=true]){overflow:auto;border-top:1px solid var(--ius-stroke);border-bottom:1px solid var(--ius-stroke);padding-bottom:var(--_ag-gap)}.ius-agenda__group{position:relative}.ius-agenda__group+.ius-agenda__group{margin-top:var(--_ag-gap)}.ius-agenda__head{-webkit-user-select:none;user-select:none;display:flex;align-items:baseline;gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--_ag-pad);border-bottom:1px solid var(--ius-stroke);background:var(--ius-surface-card, var(--ius-neutral-white))}:host([data-sticky=true]) .ius-agenda__head{position:sticky;top:0;z-index:2}.ius-agenda__head[data-clickable=true]{cursor:pointer;border-radius:var(--ius-radius-sm);transition:background var(--ius-dur-fast, .12s) var(--ius-ease, ease)}.ius-agenda__head[data-clickable=true]:hover{background:var(--ius-neutral-2)}.ius-agenda__head[data-clickable=true]:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-agenda__num{font-family:var(--ius-font-display);font-weight:700;font-size:var(--_ag-num, 26px);line-height:1;font-variant-numeric:tabular-nums;color:var(--ius-text-primary);min-width:1.4ch;text-align:right}.ius-agenda__group[data-today=true] .ius-agenda__num{color:var(--ius-primary-900)}.ius-agenda__group[data-past=true] .ius-agenda__num{color:var(--ius-text-tertiary)}.ius-agenda__when{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.ius-agenda__dow{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ius-text-tertiary);display:flex;align-items:center;gap:var(--ius-space-xs)}.ius-agenda__rel{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;color:var(--ius-primary-900);background:var(--ius-info-100, var(--ius-neutral-2));border-radius:var(--ius-radius-pill);padding:var(--ius-space-xxs) var(--ius-space-xs)}.ius-agenda__group[data-past=true] .ius-agenda__rel{color:var(--ius-text-tertiary);background:var(--ius-neutral-2)}.ius-agenda__month{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-base);color:var(--ius-text-secondary);font-variant-numeric:tabular-nums}.ius-agenda__count{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:1;color:var(--ius-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center}.ius-agenda__events{display:flex;flex-direction:column;gap:var(--_ag-gap, var(--ius-space-xs));padding:var(--_ag-pad) var(--_ag-pad) calc(var(--_ag-pad) + var(--ius-space-xxs)) var(--_ag-rail)}:host([data-rail=false]) .ius-agenda__events{padding-left:var(--_ag-pad)}.ius-agenda__group[data-past=true] .ius-agenda__events{opacity:.62}.ius-agenda__more{padding-top:var(--ius-space-xxs)}.ius-agenda__divider{height:1px;background:var(--ius-stroke);margin:calc(var(--ius-space-xxs) * -1) 0}.ius-agenda__empty{padding:var(--ius-space-xs) var(--_ag-pad) var(--ius-space-xs) var(--_ag-rail);font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary)}:host([data-rail=false]) .ius-agenda__empty{padding-left:var(--_ag-pad)}.ius-agenda__void{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ius-space-xs);padding:var(--ius-space-3xl) var(--ius-space-lg);text-align:center;color:var(--ius-text-tertiary)}.ius-agenda__void .ius-icon{font-size:var(--ius-icon-xl);color:var(--ius-text-disabled)}.ius-agenda__void-title{font-family:var(--ius-font-display);font-weight:var(--ius-fw-semibold);font-size:var(--ius-fs-lg);color:var(--ius-text-secondary)}.ius-agenda__void-sub{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EventPillComponent, selector: "ius-event-pill", inputs: ["title", "time", "endTime", "category", "hue", "kind", "icon", "customHues", "customIcons", "variant", "fill", "size", "location", "meta", "assignee", "showAssignee", "showIcon", "showDot", "titleLines", "selected", "past", "hoverable", "ariaLabel"], outputs: ["clicked"] }, { kind: "component", type: TextButtonComponent, selector: "ius-text-button", inputs: ["label", "prefixIcon", "sufixIcon", "size", "disabled", "type", "ariaExpanded", "ariaControls"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScheduleListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ius-schedule-list', standalone: true, imports: [NgTemplateOutlet, EventPillComponent, TextButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'ius-agenda ius-scroll',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-sticky]': "vacio() ? null : (stickyHeaders() ? 'true' : 'false')",
+                        '[attr.data-rail]': "vacio() ? null : (showRail() ? 'true' : 'false')",
+                        '[attr.data-scroll]': "vacio() ? null : (maxHeight() != null ? 'true' : 'false')",
+                        '[style.max-height]': 'maxHeightCss()',
+                    }, template: "<ng-template #pill let-p>\n  @if (eventsClickable) {\n    <ius-event-pill\n      [variant]=\"pillVariant()\"\n      [title]=\"p.ev.title\"\n      [time]=\"p.time ?? undefined\"\n      [category]=\"p.ev.category\"\n      [hue]=\"p.ev.hue\"\n      [kind]=\"p.ev.kind\"\n      [icon]=\"p.ev.icon\"\n      [location]=\"p.ev.location\"\n      [meta]=\"p.meta\"\n      [assignee]=\"p.ev.assignee\"\n      [fill]=\"p.fill\"\n      [size]=\"p.size\"\n      [showIcon]=\"p.showIcon\"\n      [showDot]=\"p.showDot\"\n      [selected]=\"!!p.ev.selected\"\n      [past]=\"p.past\"\n      [ariaLabel]=\"p.ev.ariaLabel\"\n      (clicked)=\"onPillClick(p.ev, $event)\"\n    />\n  } @else {\n    <ius-event-pill\n      [variant]=\"pillVariant()\"\n      [title]=\"p.ev.title\"\n      [time]=\"p.time ?? undefined\"\n      [category]=\"p.ev.category\"\n      [hue]=\"p.ev.hue\"\n      [kind]=\"p.ev.kind\"\n      [icon]=\"p.ev.icon\"\n      [location]=\"p.ev.location\"\n      [meta]=\"p.meta\"\n      [assignee]=\"p.ev.assignee\"\n      [fill]=\"p.fill\"\n      [size]=\"p.size\"\n      [showIcon]=\"p.showIcon\"\n      [showDot]=\"p.showDot\"\n      [selected]=\"!!p.ev.selected\"\n      [past]=\"p.past\"\n      [ariaLabel]=\"p.ev.ariaLabel\"\n    />\n  }\n</ng-template>\n\n@if (vacio()) {\n  <div class=\"ius-agenda__void\">\n    @if (emptyIcon()) {\n      <span translate=\"no\" class=\"ius-icon\" aria-hidden=\"true\">{{ emptyIcon() }}</span>\n    }\n    @if (emptyTitle()) {\n      <div class=\"ius-agenda__void-title\">{{ emptyTitle() }}</div>\n    }\n    @if (emptySubtitle()) {\n      <div class=\"ius-agenda__void-sub\">{{ emptySubtitle() }}</div>\n    }\n  </div>\n} @else {\n  @for (g of grupos(); track g.key) {\n    <div\n      class=\"ius-agenda__group\"\n      [attr.data-today]=\"g.today ? 'true' : 'false'\"\n      [attr.data-past]=\"g.past ? 'true' : 'false'\"\n      [attr.data-selected]=\"g.selected ? 'true' : 'false'\"\n    >\n      <div\n        class=\"ius-agenda__head\"\n        [attr.data-clickable]=\"headClickable ? 'true' : 'false'\"\n        [attr.role]=\"headClickable ? 'button' : null\"\n        [attr.tabindex]=\"headClickable ? 0 : null\"\n        [attr.aria-current]=\"g.selected ? 'date' : null\"\n        (click)=\"onHeadClick(g.date, $event)\"\n        (keydown)=\"onHeadKeydown(g.date, $event)\"\n      >\n        <span class=\"ius-agenda__num\">{{ g.num }}</span>\n        <span class=\"ius-agenda__when\">\n          <span class=\"ius-agenda__dow\">{{ g.dow }}</span>\n          <span class=\"ius-agenda__month\">{{ g.label }}</span>\n        </span>\n        @if (showCount()) {\n          <span class=\"ius-agenda__count\">{{ conteo(g.total) }}</span>\n        }\n      </div>\n\n      @if (g.total === 0) {\n        <div class=\"ius-agenda__empty\">{{ emptyDayLabel() }}</div>\n      } @else {\n        <div class=\"ius-agenda__events\">\n          @for (p of g.pills; track p.key; let first = $first) {\n            @if (showDividers() && !first) {\n              <div class=\"ius-agenda__divider\" aria-hidden=\"true\"></div>\n            }\n            <ng-container *ngTemplateOutlet=\"pill; context: { $implicit: p }\" />\n          }\n          @if (g.hidden.length > 0) {\n            @if (showDividers()) {\n              <div class=\"ius-agenda__divider\" aria-hidden=\"true\"></div>\n            }\n            <div class=\"ius-agenda__more\">\n              <ius-text-button size=\"small\" (clicked)=\"onMoreClick(g.date, g.hidden, $event)\">\n                {{ moreLabel() || '+' + g.hidden.length + ' m\u00E1s' }}\n              </ius-text-button>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n}\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;width:100%;font-family:var(--ius-font-body);color:var(--ius-text-primary);--_ag-rail: 116px}:host([data-size=small]){--_ag-rail: 100px;--_ag-num: 22px;--_ag-gap: var(--ius-space-xs);--_ag-pad: 12px}:host([data-size=medium]){--_ag-rail: 116px;--_ag-num: 26px;--_ag-gap: var(--ius-space-xs);--_ag-pad: 16px}:host([data-size=large]){--_ag-rail: 132px;--_ag-num: 32px;--_ag-gap: var(--ius-space-xs);--_ag-pad: 20px}:host([data-scroll=true]){overflow:auto;border-top:1px solid var(--ius-stroke);border-bottom:1px solid var(--ius-stroke);padding-bottom:var(--_ag-gap)}.ius-agenda__group{position:relative}.ius-agenda__group+.ius-agenda__group{margin-top:var(--_ag-gap)}.ius-agenda__head{-webkit-user-select:none;user-select:none;display:flex;align-items:baseline;gap:var(--ius-space-xs);padding:var(--ius-space-xs) var(--_ag-pad);border-bottom:1px solid var(--ius-stroke);background:var(--ius-surface-card, var(--ius-neutral-white))}:host([data-sticky=true]) .ius-agenda__head{position:sticky;top:0;z-index:2}.ius-agenda__head[data-clickable=true]{cursor:pointer;border-radius:var(--ius-radius-sm);transition:background var(--ius-dur-fast, .12s) var(--ius-ease, ease)}.ius-agenda__head[data-clickable=true]:hover{background:var(--ius-neutral-2)}.ius-agenda__head[data-clickable=true]:focus-visible{outline:none;box-shadow:var(--ius-focus-ring)}.ius-agenda__num{font-family:var(--ius-font-display);font-weight:700;font-size:var(--_ag-num, 26px);line-height:1;font-variant-numeric:tabular-nums;color:var(--ius-text-primary);min-width:1.4ch;text-align:right}.ius-agenda__group[data-today=true] .ius-agenda__num{color:var(--ius-primary-900)}.ius-agenda__group[data-past=true] .ius-agenda__num{color:var(--ius-text-tertiary)}.ius-agenda__when{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.ius-agenda__dow{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:var(--ius-fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--ius-text-tertiary);display:flex;align-items:center;gap:var(--ius-space-xs)}.ius-agenda__rel{font-family:var(--ius-font-display);font-size:var(--ius-fs-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;color:var(--ius-primary-900);background:var(--ius-info-100, var(--ius-neutral-2));border-radius:var(--ius-radius-pill);padding:var(--ius-space-xxs) var(--ius-space-xs)}.ius-agenda__group[data-past=true] .ius-agenda__rel{color:var(--ius-text-tertiary);background:var(--ius-neutral-2)}.ius-agenda__month{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:var(--ius-lh-base);color:var(--ius-text-secondary);font-variant-numeric:tabular-nums}.ius-agenda__count{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);line-height:1;color:var(--ius-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center}.ius-agenda__events{display:flex;flex-direction:column;gap:var(--_ag-gap, var(--ius-space-xs));padding:var(--_ag-pad) var(--_ag-pad) calc(var(--_ag-pad) + var(--ius-space-xxs)) var(--_ag-rail)}:host([data-rail=false]) .ius-agenda__events{padding-left:var(--_ag-pad)}.ius-agenda__group[data-past=true] .ius-agenda__events{opacity:.62}.ius-agenda__more{padding-top:var(--ius-space-xxs)}.ius-agenda__divider{height:1px;background:var(--ius-stroke);margin:calc(var(--ius-space-xxs) * -1) 0}.ius-agenda__empty{padding:var(--ius-space-xs) var(--_ag-pad) var(--ius-space-xs) var(--_ag-rail);font-family:var(--ius-font-body);font-size:var(--ius-fs-sm);color:var(--ius-text-tertiary)}:host([data-rail=false]) .ius-agenda__empty{padding-left:var(--_ag-pad)}.ius-agenda__void{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ius-space-xs);padding:var(--ius-space-3xl) var(--ius-space-lg);text-align:center;color:var(--ius-text-tertiary)}.ius-agenda__void .ius-icon{font-size:var(--ius-icon-xl);color:var(--ius-text-disabled)}.ius-agenda__void-title{font-family:var(--ius-font-display);font-weight:var(--ius-fw-semibold);font-size:var(--ius-fs-lg);color:var(--ius-text-secondary)}.ius-agenda__void-sub{font-family:var(--ius-font-body);font-size:var(--ius-fs-sm)}\n"] }]
+        }], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], today: [{ type: i0.Input, args: [{ isSignal: true, alias: "today", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], from: [{ type: i0.Input, args: [{ isSignal: true, alias: "from", required: false }] }], to: [{ type: i0.Input, args: [{ isSignal: true, alias: "to", required: false }] }], showEmptyDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEmptyDays", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], sortByTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortByTime", required: false }] }], hourFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourFormat", required: false }] }], relativeLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "relativeLabels", required: false }] }], formatDayLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatDayLabel", required: false }] }], showCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCount", required: false }] }], showRail: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRail", required: false }] }], stickyHeaders: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeaders", required: false }] }], dividers: [{ type: i0.Input, args: [{ isSignal: true, alias: "dividers", required: false }] }], maxVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisible", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], pillVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "pillVariant", required: false }] }], pillFill: [{ type: i0.Input, args: [{ isSignal: true, alias: "pillFill", required: false }] }], pillSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pillSize", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], showDot: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDot", required: false }] }], emptyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyTitle", required: false }] }], emptySubtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptySubtitle", required: false }] }], emptyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyIcon", required: false }] }], emptyDayLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyDayLabel", required: false }] }], moreLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreLabel", required: false }] }], selectDay: [{
+                type: Output
+            }], selectEvent: [{
+                type: Output
+            }], showMore: [{
+                type: Output
+            }] } });
+
 /*
  * Public API de @litigiovirtual/ius-design-components v2.
  * La librería se está reconstruyendo componente a componente desde las
@@ -26980,5 +27300,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DateFilterComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FooterStatusComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_DOCUMENT_VIEWER_ZOOM_STEPS, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDocViewerActionsDirective, IusDocViewerAsideDirective, IusDocViewerBodyDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFooterStatusActionDirective, IusFormFooterDirective, IusInsightActionsDirective, IusKanbanCardBodyDirective, IusKanbanCardLeadingDirective, IusKanbanCardTrailingDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusNavRailBrandDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, KanbanBoardComponent, KanbanCardComponent, KanbanColumnComponent, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavRailComponent, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PaginationComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RadioComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SelectNumberComponent, SelectionFieldComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, resolveViewKind, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };
+export { ACTUACION_CATALOG, ACTUACION_FUENTES, AccordionComponent, AccountItemComponent, AlertComponent, AnswerFeedbackComponent, AppLayoutComponent, AutocompleteComponent, AvatarComponent, AvatarStackComponent, BarChartComponent, BorderBeamComponent, BreadcrumbComponent, ButtonComponent, CATEGORIES, CATEGORY_DEF, CATEGORY_HUE, CHART_CATEGORICAL_TONES, CHART_SEMANTIC_TONES, CHART_TONES, CLASE_DEF, CalendarComponent, CaptchaFieldComponent, CardComponent, CarouselComponent, CheckboxComponent, ChipComponent, CircularProgressComponent, CodeFieldComponent, CountdownComponent, CountdownRingComponent, DateFilterComponent, DatePickerComponent, DescriptionListComponent, DetailSidePanelComponent, DividerComponent, DocumentViewerComponent, DonutChartComponent, DrawerComponent, DropdownComponent, EVENT_KINDS, EVENT_KIND_ICON, EXT_KIND, EleniaBubbleComponent, EleniaOrbComponent, EmptyStateComponent, EntityNavigatorComponent, EntityRowComponent, EventPillComponent, FUENTES, FUENTE_DEF, FUENTE_FALLBACK, FileItemComponent, FileTypeIconComponent, FileUploadComponent, FlexComponent, FooterStatusComponent, FormComponent, FormFieldComponent, FormSectionComponent, HeaderBarComponent, ILLUSTRATIONS, ILLUSTRATION_ALIAS, ILLUSTRATION_NAMES, IUS_DOCUMENT_VIEWER_ZOOM_STEPS, IUS_FILTER_OPERATORS, IUS_TOAST_DEFAULT_DURATION, IUS_TOAST_DEFAULT_ICON, IconButtonComponent, IllustrationComponent, InsightComponent, InsigniaComponent, IusAccountItemNameDirective, IusAccountItemSubtitleDirective, IusAccountItemTrailingDirective, IusAlertActionsDirective, IusAlertTrailingDirective, IusCalendarAsideDirective, IusCalendarFooterDirective, IusCardFooterDirective, IusCardHeaderDirective, IusDocViewerActionsDirective, IusDocViewerAsideDirective, IusDocViewerBodyDirective, IusDrawerFooterDirective, IusDrawerHeaderActionsDirective, IusDrawerTitleDirective, IusDropdownTriggerDirective, IusEntityRowLabelDirective, IusEntityRowSublabelDirective, IusFooterStatusActionDirective, IusFormFooterDirective, IusInsightActionsDirective, IusKanbanCardBodyDirective, IusKanbanCardLeadingDirective, IusKanbanCardTrailingDirective, IusListCardLeadingDirective, IusListCardOverlineDirective, IusListCardParagraphDirective, IusListCardSubtitleDirective, IusListCardTitleDirective, IusListViewFiltersDirective, IusListViewFooterEndDirective, IusListViewFooterStartDirective, IusListViewHeaderEndDirective, IusListViewHeaderStartDirective, IusListViewToolbarDirective, IusMenuItemTrailingDirective, IusModalFooterDirective, IusNavRailBrandDirective, IusPageHeaderActionsDirective, IusPageHeaderBreadcrumbDirective, IusPageHeaderOverlineDirective, IusPageHeaderSubtitleDirective, IusPageHeaderTitleDirective, IusPageHeaderToolbarDirective, IusPersonItemNameDirective, IusPersonItemTrailingDirective, IusSectionTitleActionDirective, IusSettingsNavFooterDirective, IusSettingsNavHeaderDirective, IusStageDetailFooterDirective, IusStageDetailHeaderActionsDirective, IusStageDetailMetaDirective, IusStatCaptionDirective, IusStatDeltaDirective, IusStatDeltaLabelDirective, IusStatLabelDirective, IusStatSparklineDirective, IusTagPrefixDirective, IusTagSuffixDirective, IusToastActionDirective, IusUserMenuFooterDirective, KINDS, KIND_DEF, KIND_FALLBACK, KanbanBoardComponent, KanbanCardComponent, KanbanColumnComponent, LineChartComponent, LinearProgressBarComponent, ListCardComponent, ListViewComponent, LoadingComponent, LoadingMarkComponent, MenuComponent, MenuItemComponent, ModalComponent, MultiTextFieldComponent, NATURALEZA_DEF, NavRailComponent, NavUserComponent, NumberFieldComponent, ORB_PERIODS, OauthButtonComponent, OptionItemComponent, PageHeaderComponent, PaginationComponent, PartyListComponent, PersonItemComponent, PersonPickerComponent, PlanUsageItemComponent, PopoverComponent, QueryBuilderComponent, RadioComponent, RepeatableFieldComponent, SOURCE_FUENTE, SOURCE_LABEL, STATUS_TONES, STATUS_VOCAB, STATUS_VOCABS, STATUS_VOCABS_PENDING, ScheduleListComponent, ScrollAreaComponent, SearchBarComponent, SectionHeaderComponent, SectionTitleComponent, SegmentGroupComponent, SegmentedControlComponent, SelectComponent, SelectNumberComponent, SelectionFieldComponent, SettingsNavComponent, ShowMoreComponent, SkeletonComponent, SparklineComponent, SplitterComponent, StageDetailDrawerComponent, StatComponent, StatGroupComponent, StatusChipComponent, StatusStateComponent, StepperComponent, SwitchComponent, TableComponent, TabsComponent, TagComponent, TextAreaComponent, TextButtonComponent, TextComponent, TextFieldComponent, TimePanelComponent, TimelineComponent, ToastComponent, ToastService, ToastViewportComponent, TooltipComponent, UserMenuComponent, WizardComponent, WizardController, WizardNavComponent, categoryColors, categoryOptions, chartAxisTicks, chartFormatValue, chartLinearPath, chartNiceNum, chartPath, chartPrefersReducedMotion, chartSmoothPath, chartToneAt, chartToneVar, createWizard, eventKindOptions, extOf, formatBytes, formatDate, formatTime, fuenteColors, fuenteOptions, iusSegColor, kindHue, kindIcon, kindLabel, kindMeta, kindOptions, naturalezaMeta, naturalezaOptions, normalizeTipo, pose, poseIso, poseSpeaking, poseThinking, renderCubeSvg, resolveActuacion, resolveCategoryHue, resolveEventIcon, resolveFuente, resolveIllustration, resolveKind, resolveStatus, resolveViewKind, sourceIcon, sourceMeta, statusOptions, statusOrder, statusToneVars, statusVocab, timeFromDate, voiceEnv };
 //# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map