@caribeng/ui 22.2.0 → 22.5.0

package/fesm2022/caribeng-ui-scheduler.mjs

@@ -0,0 +1,1027 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, ElementRef, model, input, numberAttribute, booleanAttribute, output, signal, viewChild, computed, effect, untracked, afterNextRender, NgZone, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { injectCbTranslation, cbFormat } from '@caribeng/ui';
+import { CbIcon } from '@caribeng/ui/icon';
+
+/**
+ * Modelo del calendario de eventos: fechas, rejilla del mes, eventos de cada
+ * día y colocación de los que se solapan. Funciones puras (sin DOM).
+ */
+// --- Fechas ------------------------------------------------------------------------------
+function toDate(value) {
+    if (value instanceof Date)
+        return isNaN(value.getTime()) ? null : new Date(value);
+    if (typeof value !== 'string' || !value)
+        return null;
+    // 'AAAA-MM-DD' sin hora: día local (new Date() lo leería en UTC).
+    const day = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+    const date = day ? new Date(Number(day[1]), Number(day[2]) - 1, Number(day[3])) : new Date(value);
+    return isNaN(date.getTime()) ? null : date;
+}
+function startOfDay(date) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+function addDays(date, days) {
+    const d = new Date(date);
+    d.setDate(d.getDate() + days);
+    return d;
+}
+function addMinutes(date, minutes) {
+    return new Date(date.getTime() + minutes * 60_000);
+}
+function sameDay(a, b) {
+    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function dayDiff(a, b) {
+    return Math.round((Date.UTC(b.getFullYear(), b.getMonth(), b.getDate()) - Date.UTC(a.getFullYear(), a.getMonth(), a.getDate())) / 86_400_000);
+}
+/** Primer día de la semana de `date` (`first`: 0 = domingo, 1 = lunes). */
+function startOfWeek(date, first) {
+    return addDays(startOfDay(date), -((date.getDay() - first + 7) % 7));
+}
+/** Minutos desde la medianoche. */
+function minutesOf(date) {
+    return date.getHours() * 60 + date.getMinutes();
+}
+/** `AAAA-MM-DD` del día. */
+function isoDay(date) {
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+/** Fecha y hora local sin zona (`AAAA-MM-DDTHH:mm`), como la escribe un `<input type="datetime-local">`. */
+function isoLocal(date) {
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${isoDay(date)}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+}
+function resolveEvent(event) {
+    const start = toDate(event.start);
+    if (!start)
+        return null;
+    if (event.allDay) {
+        const s = startOfDay(start);
+        let e = startOfDay(toDate(event.end) ?? s);
+        if (e < s)
+            e = s;
+        return { event, start: s, end: e, allDay: true };
+    }
+    let end = toDate(event.end) ?? addMinutes(start, 60);
+    if (end <= start)
+        end = addMinutes(start, 30);
+    return { event, start, end, allDay: false };
+}
+/** ¿El evento ocupa (parte de) este día? */
+function onDay(e, day) {
+    const d0 = startOfDay(day);
+    if (e.allDay)
+        return e.start <= d0 && d0 <= e.end;
+    const d1 = addDays(d0, 1);
+    return e.start < d1 && e.end > d0;
+}
+/** Eventos de un día: primero los de día completo (y los que duran varios días), luego por hora. */
+function eventsOfDay(events, day) {
+    return events
+        .filter((e) => onDay(e, day))
+        .sort((a, b) => Number(b.allDay || isMultiDay(b)) - Number(a.allDay || isMultiDay(a)) || a.start.getTime() - b.start.getTime() || a.event.title.localeCompare(b.event.title));
+}
+/** Un evento con hora que cruza la medianoche. */
+function isMultiDay(e) {
+    return !e.allDay && !sameDay(e.start, addMinutes(e.end, -1));
+}
+/** Rejilla del mes: semanas completas (de 4 a 6) desde el primer día de la semana. */
+function monthGrid(date, firstDay) {
+    const first = new Date(date.getFullYear(), date.getMonth(), 1);
+    const last = new Date(date.getFullYear(), date.getMonth() + 1, 0);
+    const weeks = [];
+    for (let d = startOfWeek(first, firstDay); d <= last || weeks.length < 4; d = addDays(d, 7)) {
+        weeks.push(Array.from({ length: 7 }, (_, i) => addDays(d, i)));
+        if (weeks.length === 6)
+            break;
+    }
+    return weeks;
+}
+/**
+ * Coloca los eventos con hora de un día: los que se solapan se reparten en
+ * columnas (cada grupo de solapados usa tantas como necesita).
+ */
+function layoutDay(events, day) {
+    const d0 = startOfDay(day);
+    const d1 = addDays(d0, 1);
+    const timed = events
+        .filter((e) => !e.allDay && e.start < d1 && e.end > d0)
+        .map((e) => ({
+        e,
+        from: e.start < d0 ? 0 : minutesOf(e.start),
+        to: e.end > d1 ? 24 * 60 : Math.max(minutesOf(e.end) || 24 * 60, (e.start < d0 ? 0 : minutesOf(e.start)) + 15),
+    }))
+        .sort((a, b) => a.from - b.from || b.to - a.to);
+    const placed = [];
+    let group = [];
+    let groupEnd = -1;
+    const flush = () => {
+        const columns = Math.max(1, ...group.map((g) => g.column + 1));
+        for (const g of group)
+            placed.push({ e: g.item.e, from: g.item.from, to: g.item.to, column: g.column, columns });
+        group = [];
+    };
+    for (const item of timed) {
+        if (item.from >= groupEnd && group.length)
+            flush();
+        // Primera columna libre (cuyo último evento ya terminó).
+        const used = new Set(group.filter((g) => g.item.to > item.from).map((g) => g.column));
+        let column = 0;
+        while (used.has(column))
+            column++;
+        group.push({ item, column });
+        groupEnd = Math.max(groupEnd, item.to);
+    }
+    if (group.length)
+        flush();
+    return placed;
+}
+/** Mueve un evento: `days` días y `minutes` minutos (conserva la duración). */
+function shiftEvent(event, days, minutes) {
+    const r = resolveEvent(event);
+    if (!r)
+        return event;
+    if (r.allDay)
+        return { ...event, start: isoDay(addDays(r.start, days)), end: isoDay(addDays(r.end, days)) };
+    return { ...event, start: isoLocal(addMinutes(addDays(r.start, days), minutes)), end: isoLocal(addMinutes(addDays(r.end, days), minutes)) };
+}
+/** Cambia la duración de un evento con hora (`minutes` en el fin; nunca menos de `min`). */
+function resizeEvent(event, minutes, min = 15) {
+    const r = resolveEvent(event);
+    if (!r || r.allDay)
+        return event;
+    const end = addMinutes(r.end, minutes);
+    return { ...event, end: isoLocal(end < addMinutes(r.start, min) ? addMinutes(r.start, min) : end) };
+}
+
+/** Alto de una hora en las vistas de semana y día (px), igual que en el CSS. */
+const HOUR = 48;
+/** Eventos que caben en una celda del mes antes de "+N más". */
+const MONTH_LIMIT = 3;
+let nextUid = 0;
+/**
+ * Calendario de eventos de CaribeNG: vistas de mes, semana, día y agenda.
+ *
+ * - En semana y día, los eventos con hora se colocan en su franja (los que se
+ *   solapan, uno al lado del otro) y los de día completo en la franja superior;
+ *   una línea marca la hora actual.
+ * - Arrastra un evento para moverlo y su borde inferior para cambiar la duración;
+ *   arrastra sobre una franja vacía (o haz clic) para elegir un hueco
+ *   (`slotSelect`). En el mes, los eventos se arrastran de un día a otro.
+ * - Con el teclado cada evento es un botón: flechas lo mueven (un día, o la
+ *   duración de una franja), Mayús + flechas arriba / abajo cambian la duración y
+ *   Enter lo abre; cada día tiene un botón para crear un evento.
+ *
+ * @example
+ * ```html
+ * <cb-scheduler [(events)]="eventos" [(view)]="vista" (slotSelect)="crear($event)" (eventOpen)="abrir($event)" />
+ * ```
+ */
+class CbScheduler {
+    constructor() {
+        /** Textos de interfaz en el idioma activo (`provideCaribeNG({ locale })`). */
+        this.t = injectCbTranslation();
+        this.fmt = cbFormat;
+        this.Math = Math;
+        this.injector = inject(Injector);
+        this.host = inject(ElementRef);
+        this.uid = `cb-scheduler-${++nextUid}`;
+        this.hour = HOUR;
+        this.ppm = HOUR / 60;
+        this.hours = Array.from({ length: 24 }, (_, i) => i);
+        /** Eventos (bidireccional: se actualiza al moverlos o cambiar su duración). */
+        this.events = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "events" }] : /* istanbul ignore next */ []));
+        this.view = model('week', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+        /** Día de referencia de la vista (el mes, la semana o el día que se muestra). */
+        this.date = model(startOfDay(new Date()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+        /** Vistas disponibles y su orden. */
+        this.views = input(['month', 'week', 'day', 'agenda'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "views" }] : /* istanbul ignore next */ []));
+        /** Primer día de la semana (0 = domingo, 1 = lunes). */
+        this.firstDayOfWeek = input(1, { ...(ngDevMode ? { debugName: "firstDayOfWeek" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Minutos de cada franja: paso al arrastrar y con el teclado. */
+        this.slotMinutes = input(30, { ...(ngDevMode ? { debugName: "slotMinutes" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Hora a la que se desplaza la vista de semana o día al abrirse. */
+        this.scrollHour = input(8, { ...(ngDevMode ? { debugName: "scrollHour" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Días que muestra la agenda desde el día de referencia. */
+        this.agendaDays = input(14, { ...(ngDevMode ? { debugName: "agendaDays" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** Permite mover, cambiar la duración y elegir huecos. */
+        this.editable = input(true, { ...(ngDevMode ? { debugName: "editable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Alto del área del calendario. */
+        this.height = input('36rem', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+        /** Un evento cambió de fecha u hora. */
+        this.eventChange = output();
+        /** Clic o Enter sobre un evento. */
+        this.eventOpen = output();
+        /** Se eligió un hueco (arrastrando o con clic en una franja, doble clic o el botón + de un día). */
+        this.slotSelect = output();
+        this.preview = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "preview" }] : /* istanbul ignore next */ []));
+        this.announcement = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []));
+        this.now = signal(new Date(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "now" }] : /* istanbul ignore next */ []));
+        this.drag = null;
+        /** Tras arrastrar un evento no se emite el clic que lo sigue. */
+        this.suppressClick = false;
+        this.scrollRef = viewChild('scroll', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scrollRef" }] : /* istanbul ignore next */ []));
+        this.resolved = computed(() => this.events()
+            .map(resolveEvent)
+            .filter((e) => !!e), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolved" }] : /* istanbul ignore next */ []));
+        /** Eventos con la vista previa del arrastre aplicada. */
+        this.shown = computed(() => {
+            const p = this.preview();
+            if (!p?.id)
+                return this.resolved();
+            return this.events()
+                .map((e) => {
+                if (e.id !== p.id)
+                    return e;
+                const drag = this.drag;
+                return drag?.mode === 'resize' ? resizeEvent(e, p.minutes, this.slotMinutes()) : shiftEvent(e, p.days, p.minutes);
+            })
+                .map(resolveEvent)
+                .filter((e) => !!e);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "shown" }] : /* istanbul ignore next */ []));
+        /** Días de la vista de semana o día. */
+        this.days = computed(() => {
+            const d = startOfDay(this.date());
+            if (this.view() === 'day')
+                return [d];
+            const first = startOfWeek(d, this.firstDayOfWeek());
+            return Array.from({ length: 7 }, (_, i) => addDays(first, i));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "days" }] : /* istanbul ignore next */ []));
+        this.weeks = computed(() => monthGrid(this.date(), this.firstDayOfWeek()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "weeks" }] : /* istanbul ignore next */ []));
+        this.weekdayNames = computed(() => {
+            const format = new Intl.DateTimeFormat(this.t().intlLocale, { weekday: 'short' });
+            const first = startOfWeek(new Date(2030, 0, 7), this.firstDayOfWeek());
+            return Array.from({ length: 7 }, (_, i) => format.format(addDays(first, i)));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "weekdayNames" }] : /* istanbul ignore next */ []));
+        this.agenda = computed(() => {
+            const start = startOfDay(this.date());
+            const out = [];
+            for (let i = 0; i < this.agendaDays(); i++) {
+                const day = addDays(start, i);
+                const events = eventsOfDay(this.resolved(), day);
+                if (events.length)
+                    out.push({ day, events });
+            }
+            return out;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "agenda" }] : /* istanbul ignore next */ []));
+        this.title = computed(() => {
+            const locale = this.t().intlLocale;
+            const d = this.date();
+            const cap = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+            switch (this.view()) {
+                case 'month':
+                    return cap(new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(d));
+                case 'day':
+                    return cap(new Intl.DateTimeFormat(locale, { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }).format(d));
+                case 'agenda': {
+                    const end = addDays(startOfDay(d), this.agendaDays() - 1);
+                    return this.rangeText(startOfDay(d), end);
+                }
+                default: {
+                    const days = this.days();
+                    return this.rangeText(days[0], days[days.length - 1]);
+                }
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.nowTop = computed(() => minutesOf(this.now()) * this.ppm, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "nowTop" }] : /* istanbul ignore next */ []));
+        /** Hueco seleccionado al arrastrar sobre una franja. */
+        this.selection = computed(() => this.preview()?.select ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+        /** Día bajo el puntero al arrastrar en el mes o en la franja de día completo. */
+        this.dropDay = computed(() => {
+            const p = this.preview();
+            const drag = this.drag;
+            if (!p?.id || !drag?.dayOnly)
+                return null;
+            return addDays(drag.day, p.days);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dropDay" }] : /* istanbul ignore next */ []));
+        // Semana y día se abren en la hora de trabajo (no a medianoche).
+        effect(() => {
+            const view = this.view();
+            if (view !== 'week' && view !== 'day')
+                return;
+            untracked(() => afterNextRender(() => {
+                const el = this.scrollRef()?.nativeElement;
+                if (!el)
+                    return;
+                el.scrollTop = Math.max(0, this.scrollHour() * HOUR - 8);
+                // Si la semana se desplaza de lado (contenedor estrecho), se abre en el día de hoy.
+                const today = el.querySelector('.cb-sched__col--today');
+                const gutter = el.querySelector('.cb-sched__gutter')?.offsetWidth ?? 0;
+                if (today && el.scrollWidth > el.clientWidth)
+                    el.scrollLeft = Math.max(0, today.offsetLeft - gutter);
+            }, { injector: this.injector }));
+        });
+        // La línea de la hora actual avanza cada minuto (fuera de la zona: no deja la app "inestable").
+        const timer = inject(NgZone).runOutsideAngular(() => setInterval(() => this.now.set(new Date()), 60_000));
+        inject(DestroyRef).onDestroy(() => clearInterval(timer));
+    }
+    rangeText(from, to) {
+        const locale = this.t().intlLocale;
+        const f = new Intl.DateTimeFormat(locale, { day: 'numeric', month: 'short', year: 'numeric' });
+        return f.formatRange?.(from, to) ?? `${f.format(from)} – ${f.format(to)}`;
+    }
+    // --- Textos ---------------------------------------------------------------------------
+    viewLabel(v) {
+        const t = this.t();
+        return { month: t.schedulerMonth, week: t.schedulerWeek, day: t.schedulerDay, agenda: t.schedulerAgenda }[v];
+    }
+    time(d) {
+        return new Intl.DateTimeFormat(this.t().intlLocale, { hour: '2-digit', minute: '2-digit' }).format(d);
+    }
+    hourLabel(h) {
+        return this.time(new Date(2030, 0, 1, h));
+    }
+    weekday(d) {
+        return new Intl.DateTimeFormat(this.t().intlLocale, { weekday: 'short' }).format(d);
+    }
+    /** Cabecera de un día de la agenda (el número va aparte): "Viernes, octubre". */
+    agendaDay(d) {
+        const locale = this.t().intlLocale;
+        const weekday = new Intl.DateTimeFormat(locale, { weekday: 'long' }).format(d);
+        const month = new Intl.DateTimeFormat(locale, { month: 'long' }).format(d);
+        return `${weekday.charAt(0).toUpperCase()}${weekday.slice(1)}, ${month}`;
+    }
+    longDay(d) {
+        return new Intl.DateTimeFormat(this.t().intlLocale, { weekday: 'long', day: 'numeric', month: 'long' }).format(d);
+    }
+    eventLabel(e) {
+        const t = this.t();
+        const when = e.allDay
+            ? sameDay(e.start, e.end)
+                ? `${this.longDay(e.start)}, ${t.schedulerAllDay.toLowerCase()}`
+                : `${this.longDay(e.start)} – ${this.longDay(e.end)}`
+            : isMultiDay(e)
+                ? `${this.longDay(e.start)} ${this.time(e.start)} – ${this.longDay(e.end)} ${this.time(e.end)}`
+                : `${this.longDay(e.start)}, ${this.time(e.start)} – ${this.time(e.end)}`;
+        return [e.event.title, when, e.event.location].filter(Boolean).join(', ');
+    }
+    isToday(d) {
+        return sameDay(d, this.now());
+    }
+    isMulti(e) {
+        return isMultiDay(e);
+    }
+    minuteDate(day, minute) {
+        return addMinutes(startOfDay(day), minute);
+    }
+    // --- Eventos por día ---------------------------------------------------------------------
+    dayEvents(d) {
+        return eventsOfDay(this.shown(), d);
+    }
+    /** En el mes, si sobra uno se muestra (no "+1 más"). */
+    limitFor(d) {
+        return this.dayEvents(d).length === MONTH_LIMIT + 1 ? MONTH_LIMIT + 1 : MONTH_LIMIT;
+    }
+    allDayEvents(d) {
+        return eventsOfDay(this.shown(), d).filter((e) => e.allDay);
+    }
+    placed(d) {
+        return layoutDay(this.shown(), d);
+    }
+    // --- Navegación ------------------------------------------------------------------------
+    /** Periodo anterior (−1) o siguiente (1). */
+    step(direction) {
+        const d = this.date();
+        switch (this.view()) {
+            case 'month':
+                this.date.set(new Date(d.getFullYear(), d.getMonth() + direction, 1));
+                break;
+            case 'day':
+                this.date.set(addDays(d, direction));
+                break;
+            case 'agenda':
+                this.date.set(addDays(d, direction * this.agendaDays()));
+                break;
+            default:
+                this.date.set(addDays(d, direction * 7));
+        }
+    }
+    goToday() {
+        this.date.set(startOfDay(new Date()));
+    }
+    /** Abre la vista de día de una fecha. */
+    openDay(d) {
+        this.date.set(startOfDay(d));
+        if (this.views().includes('day'))
+            this.view.set('day');
+    }
+    // --- Huecos -----------------------------------------------------------------------------
+    selectDay(d) {
+        if (!this.editable())
+            return;
+        const start = startOfDay(d);
+        this.slotSelect.emit({ start, end: start, allDay: true });
+    }
+    selectTime(d, minute) {
+        if (!this.editable())
+            return;
+        const start = this.minuteDate(d, minute);
+        this.slotSelect.emit({ start, end: addMinutes(start, Math.max(this.slotMinutes(), 30)), allDay: false });
+    }
+    // --- Arrastre ----------------------------------------------------------------------------
+    /** Día (y minuto, en las columnas de hora) bajo el puntero. */
+    pointAt(x, y) {
+        const doc = this.host.nativeElement.ownerDocument;
+        const stack = doc.elementsFromPoint?.(x, y) ?? [];
+        for (const el of stack) {
+            const target = el.closest?.('[data-date]');
+            if (!target || !this.host.nativeElement.contains(target))
+                continue;
+            const day = new Date(Number(target.dataset['date']));
+            if (target.dataset['dayOnly'])
+                return { day, minute: null, dayOnly: true };
+            const rect = target.getBoundingClientRect();
+            const minute = Math.max(0, Math.min(24 * 60, (y - rect.top) / this.ppm));
+            return { day, minute, dayOnly: false };
+        }
+        return null;
+    }
+    snap(minute) {
+        const slot = this.slotMinutes();
+        return Math.round(minute / slot) * slot;
+    }
+    onEventPointerDown(event, e, mode, day, dayOnly) {
+        if (!this.editable() || event.button !== 0)
+            return;
+        event.stopPropagation();
+        const point = this.pointAt(event.clientX, event.clientY);
+        this.drag = { mode, id: e.event.id, x: event.clientX, y: event.clientY, day, minute: point?.minute ?? minutesOf(e.start), dayOnly, moved: false };
+        event.currentTarget.setPointerCapture?.(event.pointerId);
+    }
+    onColumnPointerDown(event, d) {
+        if (!this.editable() || event.button !== 0 || event.target.closest('.cb-sched__event'))
+            return;
+        const point = this.pointAt(event.clientX, event.clientY);
+        const minute = this.snap(Math.floor((point?.minute ?? 0) / this.slotMinutes()) * this.slotMinutes());
+        this.drag = { mode: 'select', id: null, x: event.clientX, y: event.clientY, day: d, minute, dayOnly: false, moved: false };
+        this.preview.set({ id: null, days: 0, minutes: 0, select: { day: d, from: minute, to: minute + this.slotMinutes() } });
+        event.currentTarget.setPointerCapture?.(event.pointerId);
+        event.preventDefault();
+    }
+    onPointerMove(event) {
+        const drag = this.drag;
+        if (!drag)
+            return;
+        if (!drag.moved && Math.abs(event.clientX - drag.x) < 4 && Math.abs(event.clientY - drag.y) < 4)
+            return;
+        drag.moved = true;
+        const point = this.pointAt(event.clientX, event.clientY);
+        if (drag.mode === 'select') {
+            if (!point || point.minute === null)
+                return;
+            const a = drag.minute;
+            const b = this.snap(point.minute);
+            const from = Math.min(a, b);
+            const to = Math.max(a + this.slotMinutes(), b);
+            this.preview.set({ id: null, days: 0, minutes: 0, select: { day: drag.day, from, to } });
+            return;
+        }
+        if (!point)
+            return;
+        const days = drag.mode === 'resize' ? 0 : dayDiff(drag.day, point.day);
+        const minutes = drag.dayOnly || point.minute === null ? 0 : this.snap(point.minute - drag.minute);
+        this.preview.set({ id: drag.id, days, minutes, select: null });
+    }
+    onPointerUp() {
+        const drag = this.drag;
+        const preview = this.preview();
+        this.drag = null;
+        this.preview.set(null);
+        if (!drag)
+            return;
+        if (drag.mode === 'select') {
+            const s = preview?.select;
+            if (s)
+                this.selectRange(s.day, s.from, s.to);
+            return;
+        }
+        if (!drag.moved || !preview?.id)
+            return;
+        this.suppressClick = true;
+        setTimeout(() => (this.suppressClick = false));
+        if (drag.mode === 'resize')
+            this.apply(drag.id, (e) => resizeEvent(e, preview.minutes, this.slotMinutes()));
+        else
+            this.apply(drag.id, (e) => shiftEvent(e, preview.days, preview.minutes));
+    }
+    selectRange(day, from, to) {
+        const start = this.minuteDate(day, from);
+        this.slotSelect.emit({ start, end: this.minuteDate(day, to), allDay: false });
+    }
+    cancelDrag() {
+        this.drag = null;
+        this.preview.set(null);
+    }
+    onEventClick(e) {
+        if (this.suppressClick)
+            return;
+        this.eventOpen.emit(e.event);
+    }
+    // --- Cambios -------------------------------------------------------------------------------
+    apply(id, change) {
+        const events = this.events();
+        const previous = events.find((e) => e.id === id);
+        if (!previous)
+            return;
+        const next = change(previous);
+        if (next.start === previous.start && next.end === previous.end)
+            return;
+        this.events.set(events.map((e) => (e.id === id ? next : e)));
+        this.eventChange.emit({ event: next, previous });
+        const r = resolveEvent(next);
+        if (r)
+            this.announcement.set(cbFormat(this.t().schedulerMoved, this.eventLabel(r)));
+    }
+    onEventKeydown(event, e, dayOnly) {
+        if (!this.editable() || event.altKey || event.ctrlKey || event.metaKey)
+            return;
+        const id = e.event.id;
+        const slot = this.slotMinutes();
+        let handled = true;
+        if (event.shiftKey && !dayOnly && !e.allDay && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
+            this.apply(id, (ev) => resizeEvent(ev, event.key === 'ArrowDown' ? slot : -slot, slot));
+        }
+        else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
+            this.apply(id, (ev) => shiftEvent(ev, event.key === 'ArrowRight' ? 1 : -1, 0));
+        }
+        else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+            const down = event.key === 'ArrowDown';
+            if (dayOnly || e.allDay)
+                this.apply(id, (ev) => shiftEvent(ev, down ? 7 : -7, 0));
+            else
+                this.apply(id, (ev) => shiftEvent(ev, 0, down ? slot : -slot));
+        }
+        else
+            handled = false;
+        if (!handled)
+            return;
+        event.preventDefault();
+        // La vista se repinta: el foco vuelve al evento (que puede haber cambiado de día).
+        afterNextRender(() => {
+            const el = Array.from(this.host.nativeElement.querySelectorAll('[data-event-id]')).find((b) => b.dataset['eventId'] === id);
+            el?.focus();
+            if (!el) {
+                const moved = this.resolved().find((r) => r.event.id === id);
+                if (moved && this.view() !== 'month')
+                    this.date.set(startOfDay(moved.start));
+            }
+        }, { injector: this.injector });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbScheduler, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbScheduler, isStandalone: true, selector: "cb-scheduler", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, slotMinutes: { classPropertyName: "slotMinutes", publicName: "slotMinutes", isSignal: true, isRequired: false, transformFunction: null }, scrollHour: { classPropertyName: "scrollHour", publicName: "scrollHour", isSignal: true, isRequired: false, transformFunction: null }, agendaDays: { classPropertyName: "agendaDays", publicName: "agendaDays", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { events: "eventsChange", view: "viewChange", date: "dateChange", eventChange: "eventChange", eventOpen: "eventOpen", slotSelect: "slotSelect" }, host: { properties: { "class.cb-scheduler--readonly": "!editable()" }, classAttribute: "cb-scheduler" }, viewQueries: [{ propertyName: "scrollRef", first: true, predicate: ["scroll"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="cb-sched__toolbar">
+      <div class="cb-sched__nav">
+        <button type="button" class="cb-sched__icon-btn" [attr.aria-label]="t().schedulerPrevious" (click)="step(-1)">
+          <cb-icon name="chevron-left" [size]="18" aria-hidden="true" />
+        </button>
+        <button type="button" class="cb-sched__btn" (click)="goToday()">{{ t().today }}</button>
+        <button type="button" class="cb-sched__icon-btn" [attr.aria-label]="t().schedulerNext" (click)="step(1)">
+          <cb-icon name="chevron-right" [size]="18" aria-hidden="true" />
+        </button>
+        <h2 class="cb-sched__title" aria-live="polite">{{ title() }}</h2>
+      </div>
+      <div class="cb-sched__views" role="group" [attr.aria-label]="t().schedulerViews">
+        @for (v of views(); track v) {
+          <button type="button" class="cb-sched__view" [attr.aria-pressed]="view() === v" (click)="view.set(v)">{{ viewLabel(v) }}</button>
+        }
+      </div>
+    </div>
+
+    <div class="cb-sched__body" [style.height]="height()" (pointermove)="onPointerMove($event)" (pointerup)="onPointerUp()" (pointercancel)="cancelDrag()">
+      @switch (view()) {
+        @case ('month') {
+          <div class="cb-sched__month" role="grid" [attr.aria-label]="title()">
+            <div class="cb-sched__month-head" role="row">
+              @for (name of weekdayNames(); track $index) {
+                <span class="cb-sched__weekday" role="columnheader">{{ name }}</span>
+              }
+            </div>
+            @for (week of weeks(); track $index) {
+              <div class="cb-sched__week" role="row">
+                @for (d of week; track d.getTime()) {
+                  <div
+                    class="cb-sched__cell"
+                    role="gridcell"
+                    [attr.data-date]="d.getTime()"
+                    data-day-only="true"
+                    [class.cb-sched__cell--outside]="d.getMonth() !== date().getMonth()"
+                    [class.cb-sched__cell--today]="isToday(d)"
+                    [class.cb-sched__cell--drop]="dropDay()?.getTime() === d.getTime()"
+                    (dblclick)="selectDay(d)"
+                  >
+                    <div class="cb-sched__cell-head">
+                      <button type="button" class="cb-sched__day-num" [attr.aria-label]="fmt(t().schedulerOpenDay, longDay(d))" (click)="openDay(d)">{{ d.getDate() }}</button>
+                      @if (editable()) {
+                        <button type="button" class="cb-sched__add" [attr.aria-label]="fmt(t().schedulerNewEvent, longDay(d))" (click)="selectDay(d)">
+                          <cb-icon name="plus" [size]="13" aria-hidden="true" />
+                        </button>
+                      }
+                    </div>
+                    @for (e of dayEvents(d).slice(0, limitFor(d)); track e.event.id) {
+                      <button
+                        type="button"
+                        class="cb-sched__chip"
+                        [class.cb-sched__chip--block]="e.allDay || isMulti(e)"
+                        [class.cb-is-dragging]="preview()?.id === e.event.id"
+                        [style.--cb-sched-color]="e.event.color || null"
+                        [attr.data-event-id]="e.event.id"
+                        [attr.aria-label]="eventLabel(e)"
+                        [attr.aria-describedby]="editable() ? uid + '-help' : null"
+                        (pointerdown)="onEventPointerDown($event, e, 'move', d, true)"
+                        (click)="onEventClick(e)"
+                        (keydown)="onEventKeydown($event, e, true)"
+                      >
+                        @if (!e.allDay && !isMulti(e)) {
+                          <span class="cb-sched__dot" aria-hidden="true"></span>
+                          <span class="cb-sched__chip-time" aria-hidden="true">{{ time(e.start) }}</span>
+                        }
+                        <span class="cb-sched__chip-title" aria-hidden="true">{{ e.event.title }}</span>
+                      </button>
+                    }
+                    @if (dayEvents(d).length > limitFor(d)) {
+                      <button type="button" class="cb-sched__more" [attr.aria-label]="fmt(t().schedulerMoreLabel, dayEvents(d).length - limitFor(d), longDay(d))" (click)="openDay(d)">
+                        {{ fmt(t().schedulerMore, dayEvents(d).length - limitFor(d)) }}
+                      </button>
+                    }
+                  </div>
+                }
+              </div>
+            }
+          </div>
+        }
+        @case ('agenda') {
+          <div class="cb-sched__agenda">
+            @for (group of agenda(); track group.day.getTime()) {
+              <section class="cb-sched__agenda-day" [attr.aria-label]="longDay(group.day)">
+                <h3 class="cb-sched__agenda-date" [class.cb-sched__agenda-date--today]="isToday(group.day)">
+                  <span class="cb-sched__agenda-num">{{ group.day.getDate() }}</span>
+                  <span>{{ agendaDay(group.day) }}</span>
+                </h3>
+                <ul class="cb-sched__agenda-list">
+                  @for (e of group.events; track e.event.id) {
+                    <li>
+                      <button type="button" class="cb-sched__agenda-item" [style.--cb-sched-color]="e.event.color || null" [attr.aria-label]="eventLabel(e)" (click)="eventOpen.emit(e.event)">
+                        <span class="cb-sched__dot" aria-hidden="true"></span>
+                        <span class="cb-sched__agenda-time" aria-hidden="true">{{ e.allDay ? t().schedulerAllDay : time(e.start) + ' – ' + time(e.end) }}</span>
+                        <span class="cb-sched__agenda-title" aria-hidden="true">{{ e.event.title }}</span>
+                        @if (e.event.location) {
+                          <span class="cb-sched__agenda-loc" aria-hidden="true">{{ e.event.location }}</span>
+                        }
+                      </button>
+                    </li>
+                  }
+                </ul>
+              </section>
+            } @empty {
+              <p class="cb-sched__empty">{{ t().schedulerNoEvents }}</p>
+            }
+          </div>
+        }
+        @default {
+          <div #scroll class="cb-sched__time" [style.--cb-sched-days]="days().length">
+            <div class="cb-sched__sticky">
+            <div class="cb-sched__time-head">
+              <span class="cb-sched__gutter" aria-hidden="true"></span>
+              @for (d of days(); track d.getTime()) {
+                <div class="cb-sched__col-head" [class.cb-sched__col-head--today]="isToday(d)">
+                  <button type="button" class="cb-sched__col-day" [attr.aria-label]="fmt(t().schedulerOpenDay, longDay(d))" (click)="openDay(d)">
+                    <span class="cb-sched__col-weekday">{{ weekday(d) }}</span>
+                    <span class="cb-sched__col-num">{{ d.getDate() }}</span>
+                  </button>
+                  @if (editable()) {
+                    <button type="button" class="cb-sched__add" [attr.aria-label]="fmt(t().schedulerNewEvent, longDay(d))" (click)="selectTime(d, scrollHour() * 60)">
+                      <cb-icon name="plus" [size]="13" aria-hidden="true" />
+                    </button>
+                  }
+                </div>
+              }
+            </div>
+            <div class="cb-sched__allday">
+              <span class="cb-sched__gutter cb-sched__gutter--label">{{ t().schedulerAllDay }}</span>
+              @for (d of days(); track d.getTime()) {
+                <div class="cb-sched__allday-cell" [attr.data-date]="d.getTime()" data-day-only="true" [class.cb-sched__cell--drop]="dropDay()?.getTime() === d.getTime()" (dblclick)="selectDay(d)">
+                  @for (e of allDayEvents(d); track e.event.id) {
+                    <button
+                      type="button"
+                      class="cb-sched__chip cb-sched__chip--block"
+                      [class.cb-is-dragging]="preview()?.id === e.event.id"
+                      [style.--cb-sched-color]="e.event.color || null"
+                      [attr.data-event-id]="e.event.id"
+                      [attr.aria-label]="eventLabel(e)"
+                      [attr.aria-describedby]="editable() ? uid + '-help' : null"
+                      (pointerdown)="onEventPointerDown($event, e, 'move', d, true)"
+                      (click)="onEventClick(e)"
+                      (keydown)="onEventKeydown($event, e, true)"
+                    >
+                      <span class="cb-sched__chip-title" aria-hidden="true">{{ e.event.title }}</span>
+                    </button>
+                  }
+                </div>
+              }
+            </div>
+            </div>
+              <div class="cb-sched__hours" [style.height.px]="24 * hour">
+                <div class="cb-sched__gutter cb-sched__gutter--hours" aria-hidden="true">
+                  @for (h of hours; track h) {
+                    <span class="cb-sched__hour-label" [style.top.px]="h * hour">{{ h ? hourLabel(h) : '' }}</span>
+                  }
+                </div>
+                @for (d of days(); track d.getTime()) {
+                  <div class="cb-sched__col" [attr.data-date]="d.getTime()" [class.cb-sched__col--today]="isToday(d)" (pointerdown)="onColumnPointerDown($event, d)">
+                    @for (h of hours; track h) {
+                      <span class="cb-sched__line" [style.top.px]="h * hour" aria-hidden="true"></span>
+                    }
+                    @if (isToday(d)) {
+                      <span class="cb-sched__now" [style.top.px]="nowTop()" aria-hidden="true"></span>
+                    }
+                    @if (selection(); as s) {
+                      @if (s.day.getTime() === d.getTime()) {
+                        <span class="cb-sched__selection" [style.top.px]="s.from * ppm" [style.height.px]="(s.to - s.from) * ppm" aria-hidden="true">
+                          {{ time(minuteDate(d, s.from)) }} – {{ time(minuteDate(d, s.to)) }}
+                        </span>
+                      }
+                    }
+                    @for (p of placed(d); track p.e.event.id) {
+                      <button
+                        type="button"
+                        class="cb-sched__event"
+                        [class.cb-is-dragging]="preview()?.id === p.e.event.id"
+                        [class.cb-sched__event--short]="p.to - p.from < 45"
+                        [style.--cb-sched-color]="p.e.event.color || null"
+                        [style.top.px]="p.from * ppm"
+                        [style.height.px]="Math.max(18, (p.to - p.from) * ppm - 2)"
+                        [style.left]="'calc(' + (p.column / p.columns) * 100 + '% + 2px)'"
+                        [style.width]="'calc(' + 100 / p.columns + '% - 4px)'"
+                        [attr.data-event-id]="p.e.event.id"
+                        [attr.aria-label]="eventLabel(p.e)"
+                        [attr.aria-describedby]="editable() ? uid + '-help' : null"
+                        (pointerdown)="onEventPointerDown($event, p.e, 'move', d, false)"
+                        (click)="onEventClick(p.e)"
+                        (keydown)="onEventKeydown($event, p.e, false)"
+                      >
+                        <span class="cb-sched__event-title" aria-hidden="true">{{ p.e.event.title }}</span>
+                        <span class="cb-sched__event-time" aria-hidden="true">{{ time(p.e.start) }} – {{ time(p.e.end) }}</span>
+                        @if (p.e.event.location && p.to - p.from >= 60) {
+                          <span class="cb-sched__event-loc" aria-hidden="true">{{ p.e.event.location }}</span>
+                        }
+                        @if (editable() && !isMulti(p.e)) {
+                          <span class="cb-sched__resize" data-resize="true" aria-hidden="true" (pointerdown)="onEventPointerDown($event, p.e, 'resize', d, false)"></span>
+                        }
+                      </button>
+                    }
+                  </div>
+                }
+              </div>
+          </div>
+        }
+      }
+    </div>
+    <p class="cb-sched__sr" [id]="uid + '-help'">{{ t().schedulerInstructions }}</p>
+    <div class="cb-sched__sr" role="status">{{ announcement() }}</div>
+  `, isInline: true, styles: [":host{--cb-sched-hour: 48px;--cb-sched-gutter: 3.5rem;--cb-sched-accent: var(--cb-color-primary-500);display:flex;flex-direction:column;gap:var(--cb-space-3, .75rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-sched__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.cb-sched__nav{display:flex;align-items:center;gap:.35rem;min-width:0}.cb-sched__title{margin:0 0 0 .5rem;overflow:hidden;font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap}.cb-sched__btn,.cb-sched__icon-btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-sm, .875rem);cursor:pointer}.cb-sched__icon-btn{width:2rem;padding:0;border-color:transparent}:is(.cb-sched__btn,.cb-sched__icon-btn):hover{background:var(--cb-color-surface-hover)}.cb-sched__views{display:inline-flex;padding:2px;border-radius:var(--cb-radius-md);background:var(--cb-color-surface-hover)}.cb-sched__view{padding:.3rem .75rem;border:0;border-radius:calc(var(--cb-radius-md) - 2px);background:transparent;color:var(--cb-color-text-muted);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-sched__view[aria-pressed=true]{background:var(--cb-color-surface-raised);color:var(--cb-color-text-strong, var(--cb-color-text));box-shadow:0 1px 2px #0f172a1f}:is(.cb-sched__btn,.cb-sched__icon-btn,.cb-sched__view,.cb-sched__day-num,.cb-sched__add,.cb-sched__chip,.cb-sched__more,.cb-sched__event,.cb-sched__col-day,.cb-sched__agenda-item):focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-sched__body{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 12px);background:var(--cb-color-surface)}.cb-sched__month{display:flex;flex:1;flex-direction:column;min-height:0}.cb-sched__month-head,.cb-sched__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cb-sched__month-head{border-bottom:1px solid var(--cb-color-border)}.cb-sched__weekday{padding:.45rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600);text-align:center;text-transform:capitalize}.cb-sched__week{flex:1;min-height:5.5rem;border-bottom:1px solid var(--cb-color-border)}.cb-sched__week:last-child{border-bottom:0}.cb-sched__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:.25rem;overflow:hidden;border-right:1px solid var(--cb-color-border)}.cb-sched__cell:last-child{border-right:0}.cb-sched__cell--outside{background:var(--cb-color-surface-subtle, var(--cb-color-surface-hover))}.cb-sched__cell--outside .cb-sched__day-num{color:var(--cb-color-text-muted)}.cb-sched__cell--drop{background:color-mix(in srgb,var(--cb-sched-accent) 10%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--cb-sched-accent) 40%,transparent)}.cb-sched__cell-head{display:flex;align-items:center;justify-content:space-between}.cb-sched__day-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .3rem;border:0;border-radius:999px;background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600);cursor:pointer}.cb-sched__day-num:hover{background:var(--cb-color-surface-hover)}.cb-sched__cell--today .cb-sched__day-num{background:var(--cb-sched-accent);color:var(--cb-color-primary-contrast, #fff)}.cb-sched__add{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;padding:0;border:0;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text-muted);cursor:pointer;opacity:0}:is(.cb-sched__cell,.cb-sched__col-head):hover .cb-sched__add,.cb-sched__add:focus-visible{opacity:1}@media(hover:none){.cb-sched__add{opacity:1}}.cb-sched__chip{--_c: var(--cb-sched-color, var(--cb-sched-accent));display:flex;align-items:center;gap:.3rem;width:100%;min-width:0;padding:.1rem .35rem;border:0;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);text-align:start;cursor:pointer;touch-action:none}.cb-sched__chip:hover{background:var(--cb-color-surface-hover)}.cb-sched__chip--block{background:color-mix(in srgb,var(--_c) 18%,var(--cb-color-surface));box-shadow:inset 3px 0 0 var(--_c);font-weight:var(--cb-font-weight-medium, 500)}.cb-sched__chip--block:hover{background:color-mix(in srgb,var(--_c) 26%,var(--cb-color-surface))}.cb-sched__dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--cb-sched-color, var(--cb-sched-accent))}.cb-sched__chip-time{flex:none;color:var(--cb-color-text-muted);font-variant-numeric:tabular-nums}.cb-sched__chip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-sched__more{align-self:flex-start;padding:.05rem .35rem;border:0;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text-muted);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600);cursor:pointer}.cb-sched__more:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-sched__time{position:relative;flex:1;min-height:0;overflow-y:auto}@container (max-width: 40rem){.cb-sched__time{--_min: calc(var(--cb-sched-gutter) + var(--cb-sched-days) * 4.5rem);overflow-x:auto}.cb-sched__sticky,.cb-sched__time-head,.cb-sched__allday,.cb-sched__hours{min-width:var(--_min)}.cb-sched__time .cb-sched__gutter{position:sticky;left:0;z-index:3;background:var(--cb-color-surface)}}.cb-sched__sticky{position:sticky;top:0;z-index:5;background:var(--cb-color-surface)}.cb-sched__time-head,.cb-sched__allday,.cb-sched__hours{display:grid;grid-template-columns:var(--cb-sched-gutter) repeat(var(--cb-sched-days),minmax(0,1fr))}.cb-sched__time-head{border-bottom:1px solid var(--cb-color-border)}.cb-sched__col-head{display:flex;align-items:center;justify-content:center;gap:.15rem;padding:.35rem .25rem;border-left:1px solid var(--cb-color-border)}.cb-sched__col-day{display:inline-flex;flex-direction:column;align-items:center;padding:.15rem .4rem;border:0;border-radius:var(--cb-radius-md);background:transparent;color:var(--cb-color-text-muted);font:inherit;cursor:pointer}.cb-sched__col-day:hover{background:var(--cb-color-surface-hover)}.cb-sched__col-weekday{font-size:var(--cb-text-xs, .75rem);text-transform:capitalize}.cb-sched__col-num{color:var(--cb-color-text);font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:1.2}.cb-sched__col-head--today .cb-sched__col-weekday,.cb-sched__col-head--today .cb-sched__col-num{color:var(--cb-color-primary-600, var(--cb-sched-accent))}.cb-sched__allday{border-bottom:1px solid var(--cb-color-border)}.cb-sched__gutter--label{display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;color:var(--cb-color-text-muted);font-size:.6875rem;text-align:right}.cb-sched__allday-cell{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:1.9rem;padding:.2rem;border-left:1px solid var(--cb-color-border)}.cb-sched__hours,.cb-sched__gutter--hours{position:relative}.cb-sched__hour-label{position:absolute;right:.4rem;margin-top:-.5em;color:var(--cb-color-text-muted);font-size:.6875rem;font-variant-numeric:tabular-nums}.cb-sched__col{position:relative;border-left:1px solid var(--cb-color-border);cursor:cell}:host(.cb-scheduler--readonly) .cb-sched__col{cursor:default}.cb-sched__col--today{background:color-mix(in srgb,var(--cb-sched-accent) 4%,transparent)}.cb-sched__line{position:absolute;right:0;left:0;border-top:1px solid color-mix(in srgb,var(--cb-color-border) 70%,transparent);pointer-events:none}.cb-sched__now{position:absolute;right:0;left:0;z-index:3;border-top:2px solid var(--cb-color-danger-500, #ef4444);pointer-events:none}.cb-sched__now:before{content:\"\";position:absolute;top:-6px;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--cb-color-danger-500, #ef4444)}.cb-sched__selection{position:absolute;right:2px;left:2px;z-index:2;padding:.15rem .35rem;border:2px dashed var(--cb-sched-accent);border-radius:var(--cb-radius-sm);background:color-mix(in srgb,var(--cb-sched-accent) 14%,transparent);color:var(--cb-color-primary-700, var(--cb-color-text));font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600);pointer-events:none}.cb-sched__event{--_c: var(--cb-sched-color, var(--cb-sched-accent));position:absolute;z-index:1;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;min-width:0;padding:.2rem .4rem;overflow:hidden;border:0;border-left:3px solid var(--_c);border-radius:var(--cb-radius-sm);background:color-mix(in srgb,var(--_c) 20%,var(--cb-color-surface));color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);text-align:start;cursor:grab;touch-action:none}.cb-sched__event:hover{z-index:2;background:color-mix(in srgb,var(--_c) 28%,var(--cb-color-surface))}:host(.cb-scheduler--readonly) .cb-sched__event,:host(.cb-scheduler--readonly) .cb-sched__chip{cursor:pointer}.cb-is-dragging{z-index:4!important;opacity:.85;box-shadow:0 6px 18px #0f172a38;cursor:grabbing}.cb-sched__event-title{max-width:100%;overflow:hidden;font-weight:var(--cb-font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap}.cb-sched__event-time,.cb-sched__event-loc{max-width:100%;overflow:hidden;color:var(--cb-color-text-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.cb-sched__event--short{flex-direction:row;gap:.35rem;align-items:center;padding-top:0;padding-bottom:0}.cb-sched__resize{position:absolute;right:0;bottom:0;left:0;height:6px;cursor:ns-resize}.cb-sched__agenda{flex:1;min-height:0;padding:.25rem 0;overflow-y:auto}.cb-sched__agenda-day{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:.5rem;padding:.6rem 1rem;border-bottom:1px solid var(--cb-color-border)}.cb-sched__agenda-day:last-child{border-bottom:0}.cb-sched__agenda-date{display:flex;align-items:baseline;gap:.5rem;margin:0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-sched__agenda-num{color:var(--cb-color-text);font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-sched__agenda-date--today .cb-sched__agenda-num{color:var(--cb-color-primary-600, var(--cb-sched-accent))}.cb-sched__agenda-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.cb-sched__agenda-item{display:grid;grid-template-columns:auto 8rem minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;padding:.4rem .5rem;border:0;border-radius:var(--cb-radius-md);background:transparent;color:var(--cb-color-text);font:inherit;text-align:start;cursor:pointer}.cb-sched__agenda-item:hover{background:var(--cb-color-surface-hover)}.cb-sched__agenda-time{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-variant-numeric:tabular-nums}.cb-sched__agenda-title{overflow:hidden;font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.cb-sched__agenda-loc{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}@media(max-width:40rem){.cb-sched__agenda-day{grid-template-columns:minmax(0,1fr)}.cb-sched__agenda-item{grid-template-columns:auto minmax(0,1fr)}.cb-sched__agenda-time,.cb-sched__agenda-loc{grid-column:2}}.cb-sched__empty{margin:0;padding:2rem;color:var(--cb-color-text-muted);text-align:center}.cb-sched__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(forced-colors:active){.cb-sched__event,.cb-sched__chip--block{border:1px solid CanvasText}}\n"], dependencies: [{ kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbScheduler, decorators: [{
+            type: Component,
+            args: [{ selector: 'cb-scheduler', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbIcon], host: { class: 'cb-scheduler', '[class.cb-scheduler--readonly]': '!editable()' }, template: `
+    <div class="cb-sched__toolbar">
+      <div class="cb-sched__nav">
+        <button type="button" class="cb-sched__icon-btn" [attr.aria-label]="t().schedulerPrevious" (click)="step(-1)">
+          <cb-icon name="chevron-left" [size]="18" aria-hidden="true" />
+        </button>
+        <button type="button" class="cb-sched__btn" (click)="goToday()">{{ t().today }}</button>
+        <button type="button" class="cb-sched__icon-btn" [attr.aria-label]="t().schedulerNext" (click)="step(1)">
+          <cb-icon name="chevron-right" [size]="18" aria-hidden="true" />
+        </button>
+        <h2 class="cb-sched__title" aria-live="polite">{{ title() }}</h2>
+      </div>
+      <div class="cb-sched__views" role="group" [attr.aria-label]="t().schedulerViews">
+        @for (v of views(); track v) {
+          <button type="button" class="cb-sched__view" [attr.aria-pressed]="view() === v" (click)="view.set(v)">{{ viewLabel(v) }}</button>
+        }
+      </div>
+    </div>
+
+    <div class="cb-sched__body" [style.height]="height()" (pointermove)="onPointerMove($event)" (pointerup)="onPointerUp()" (pointercancel)="cancelDrag()">
+      @switch (view()) {
+        @case ('month') {
+          <div class="cb-sched__month" role="grid" [attr.aria-label]="title()">
+            <div class="cb-sched__month-head" role="row">
+              @for (name of weekdayNames(); track $index) {
+                <span class="cb-sched__weekday" role="columnheader">{{ name }}</span>
+              }
+            </div>
+            @for (week of weeks(); track $index) {
+              <div class="cb-sched__week" role="row">
+                @for (d of week; track d.getTime()) {
+                  <div
+                    class="cb-sched__cell"
+                    role="gridcell"
+                    [attr.data-date]="d.getTime()"
+                    data-day-only="true"
+                    [class.cb-sched__cell--outside]="d.getMonth() !== date().getMonth()"
+                    [class.cb-sched__cell--today]="isToday(d)"
+                    [class.cb-sched__cell--drop]="dropDay()?.getTime() === d.getTime()"
+                    (dblclick)="selectDay(d)"
+                  >
+                    <div class="cb-sched__cell-head">
+                      <button type="button" class="cb-sched__day-num" [attr.aria-label]="fmt(t().schedulerOpenDay, longDay(d))" (click)="openDay(d)">{{ d.getDate() }}</button>
+                      @if (editable()) {
+                        <button type="button" class="cb-sched__add" [attr.aria-label]="fmt(t().schedulerNewEvent, longDay(d))" (click)="selectDay(d)">
+                          <cb-icon name="plus" [size]="13" aria-hidden="true" />
+                        </button>
+                      }
+                    </div>
+                    @for (e of dayEvents(d).slice(0, limitFor(d)); track e.event.id) {
+                      <button
+                        type="button"
+                        class="cb-sched__chip"
+                        [class.cb-sched__chip--block]="e.allDay || isMulti(e)"
+                        [class.cb-is-dragging]="preview()?.id === e.event.id"
+                        [style.--cb-sched-color]="e.event.color || null"
+                        [attr.data-event-id]="e.event.id"
+                        [attr.aria-label]="eventLabel(e)"
+                        [attr.aria-describedby]="editable() ? uid + '-help' : null"
+                        (pointerdown)="onEventPointerDown($event, e, 'move', d, true)"
+                        (click)="onEventClick(e)"
+                        (keydown)="onEventKeydown($event, e, true)"
+                      >
+                        @if (!e.allDay && !isMulti(e)) {
+                          <span class="cb-sched__dot" aria-hidden="true"></span>
+                          <span class="cb-sched__chip-time" aria-hidden="true">{{ time(e.start) }}</span>
+                        }
+                        <span class="cb-sched__chip-title" aria-hidden="true">{{ e.event.title }}</span>
+                      </button>
+                    }
+                    @if (dayEvents(d).length > limitFor(d)) {
+                      <button type="button" class="cb-sched__more" [attr.aria-label]="fmt(t().schedulerMoreLabel, dayEvents(d).length - limitFor(d), longDay(d))" (click)="openDay(d)">
+                        {{ fmt(t().schedulerMore, dayEvents(d).length - limitFor(d)) }}
+                      </button>
+                    }
+                  </div>
+                }
+              </div>
+            }
+          </div>
+        }
+        @case ('agenda') {
+          <div class="cb-sched__agenda">
+            @for (group of agenda(); track group.day.getTime()) {
+              <section class="cb-sched__agenda-day" [attr.aria-label]="longDay(group.day)">
+                <h3 class="cb-sched__agenda-date" [class.cb-sched__agenda-date--today]="isToday(group.day)">
+                  <span class="cb-sched__agenda-num">{{ group.day.getDate() }}</span>
+                  <span>{{ agendaDay(group.day) }}</span>
+                </h3>
+                <ul class="cb-sched__agenda-list">
+                  @for (e of group.events; track e.event.id) {
+                    <li>
+                      <button type="button" class="cb-sched__agenda-item" [style.--cb-sched-color]="e.event.color || null" [attr.aria-label]="eventLabel(e)" (click)="eventOpen.emit(e.event)">
+                        <span class="cb-sched__dot" aria-hidden="true"></span>
+                        <span class="cb-sched__agenda-time" aria-hidden="true">{{ e.allDay ? t().schedulerAllDay : time(e.start) + ' – ' + time(e.end) }}</span>
+                        <span class="cb-sched__agenda-title" aria-hidden="true">{{ e.event.title }}</span>
+                        @if (e.event.location) {
+                          <span class="cb-sched__agenda-loc" aria-hidden="true">{{ e.event.location }}</span>
+                        }
+                      </button>
+                    </li>
+                  }
+                </ul>
+              </section>
+            } @empty {
+              <p class="cb-sched__empty">{{ t().schedulerNoEvents }}</p>
+            }
+          </div>
+        }
+        @default {
+          <div #scroll class="cb-sched__time" [style.--cb-sched-days]="days().length">
+            <div class="cb-sched__sticky">
+            <div class="cb-sched__time-head">
+              <span class="cb-sched__gutter" aria-hidden="true"></span>
+              @for (d of days(); track d.getTime()) {
+                <div class="cb-sched__col-head" [class.cb-sched__col-head--today]="isToday(d)">
+                  <button type="button" class="cb-sched__col-day" [attr.aria-label]="fmt(t().schedulerOpenDay, longDay(d))" (click)="openDay(d)">
+                    <span class="cb-sched__col-weekday">{{ weekday(d) }}</span>
+                    <span class="cb-sched__col-num">{{ d.getDate() }}</span>
+                  </button>
+                  @if (editable()) {
+                    <button type="button" class="cb-sched__add" [attr.aria-label]="fmt(t().schedulerNewEvent, longDay(d))" (click)="selectTime(d, scrollHour() * 60)">
+                      <cb-icon name="plus" [size]="13" aria-hidden="true" />
+                    </button>
+                  }
+                </div>
+              }
+            </div>
+            <div class="cb-sched__allday">
+              <span class="cb-sched__gutter cb-sched__gutter--label">{{ t().schedulerAllDay }}</span>
+              @for (d of days(); track d.getTime()) {
+                <div class="cb-sched__allday-cell" [attr.data-date]="d.getTime()" data-day-only="true" [class.cb-sched__cell--drop]="dropDay()?.getTime() === d.getTime()" (dblclick)="selectDay(d)">
+                  @for (e of allDayEvents(d); track e.event.id) {
+                    <button
+                      type="button"
+                      class="cb-sched__chip cb-sched__chip--block"
+                      [class.cb-is-dragging]="preview()?.id === e.event.id"
+                      [style.--cb-sched-color]="e.event.color || null"
+                      [attr.data-event-id]="e.event.id"
+                      [attr.aria-label]="eventLabel(e)"
+                      [attr.aria-describedby]="editable() ? uid + '-help' : null"
+                      (pointerdown)="onEventPointerDown($event, e, 'move', d, true)"
+                      (click)="onEventClick(e)"
+                      (keydown)="onEventKeydown($event, e, true)"
+                    >
+                      <span class="cb-sched__chip-title" aria-hidden="true">{{ e.event.title }}</span>
+                    </button>
+                  }
+                </div>
+              }
+            </div>
+            </div>
+              <div class="cb-sched__hours" [style.height.px]="24 * hour">
+                <div class="cb-sched__gutter cb-sched__gutter--hours" aria-hidden="true">
+                  @for (h of hours; track h) {
+                    <span class="cb-sched__hour-label" [style.top.px]="h * hour">{{ h ? hourLabel(h) : '' }}</span>
+                  }
+                </div>
+                @for (d of days(); track d.getTime()) {
+                  <div class="cb-sched__col" [attr.data-date]="d.getTime()" [class.cb-sched__col--today]="isToday(d)" (pointerdown)="onColumnPointerDown($event, d)">
+                    @for (h of hours; track h) {
+                      <span class="cb-sched__line" [style.top.px]="h * hour" aria-hidden="true"></span>
+                    }
+                    @if (isToday(d)) {
+                      <span class="cb-sched__now" [style.top.px]="nowTop()" aria-hidden="true"></span>
+                    }
+                    @if (selection(); as s) {
+                      @if (s.day.getTime() === d.getTime()) {
+                        <span class="cb-sched__selection" [style.top.px]="s.from * ppm" [style.height.px]="(s.to - s.from) * ppm" aria-hidden="true">
+                          {{ time(minuteDate(d, s.from)) }} – {{ time(minuteDate(d, s.to)) }}
+                        </span>
+                      }
+                    }
+                    @for (p of placed(d); track p.e.event.id) {
+                      <button
+                        type="button"
+                        class="cb-sched__event"
+                        [class.cb-is-dragging]="preview()?.id === p.e.event.id"
+                        [class.cb-sched__event--short]="p.to - p.from < 45"
+                        [style.--cb-sched-color]="p.e.event.color || null"
+                        [style.top.px]="p.from * ppm"
+                        [style.height.px]="Math.max(18, (p.to - p.from) * ppm - 2)"
+                        [style.left]="'calc(' + (p.column / p.columns) * 100 + '% + 2px)'"
+                        [style.width]="'calc(' + 100 / p.columns + '% - 4px)'"
+                        [attr.data-event-id]="p.e.event.id"
+                        [attr.aria-label]="eventLabel(p.e)"
+                        [attr.aria-describedby]="editable() ? uid + '-help' : null"
+                        (pointerdown)="onEventPointerDown($event, p.e, 'move', d, false)"
+                        (click)="onEventClick(p.e)"
+                        (keydown)="onEventKeydown($event, p.e, false)"
+                      >
+                        <span class="cb-sched__event-title" aria-hidden="true">{{ p.e.event.title }}</span>
+                        <span class="cb-sched__event-time" aria-hidden="true">{{ time(p.e.start) }} – {{ time(p.e.end) }}</span>
+                        @if (p.e.event.location && p.to - p.from >= 60) {
+                          <span class="cb-sched__event-loc" aria-hidden="true">{{ p.e.event.location }}</span>
+                        }
+                        @if (editable() && !isMulti(p.e)) {
+                          <span class="cb-sched__resize" data-resize="true" aria-hidden="true" (pointerdown)="onEventPointerDown($event, p.e, 'resize', d, false)"></span>
+                        }
+                      </button>
+                    }
+                  </div>
+                }
+              </div>
+          </div>
+        }
+      }
+    </div>
+    <p class="cb-sched__sr" [id]="uid + '-help'">{{ t().schedulerInstructions }}</p>
+    <div class="cb-sched__sr" role="status">{{ announcement() }}</div>
+  `, styles: [":host{--cb-sched-hour: 48px;--cb-sched-gutter: 3.5rem;--cb-sched-accent: var(--cb-color-primary-500);display:flex;flex-direction:column;gap:var(--cb-space-3, .75rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-sched__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.cb-sched__nav{display:flex;align-items:center;gap:.35rem;min-width:0}.cb-sched__title{margin:0 0 0 .5rem;overflow:hidden;font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap}.cb-sched__btn,.cb-sched__icon-btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 .75rem;border:1px solid var(--cb-color-border-strong);border-radius:var(--cb-radius-md);background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-sm, .875rem);cursor:pointer}.cb-sched__icon-btn{width:2rem;padding:0;border-color:transparent}:is(.cb-sched__btn,.cb-sched__icon-btn):hover{background:var(--cb-color-surface-hover)}.cb-sched__views{display:inline-flex;padding:2px;border-radius:var(--cb-radius-md);background:var(--cb-color-surface-hover)}.cb-sched__view{padding:.3rem .75rem;border:0;border-radius:calc(var(--cb-radius-md) - 2px);background:transparent;color:var(--cb-color-text-muted);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-medium, 500);cursor:pointer}.cb-sched__view[aria-pressed=true]{background:var(--cb-color-surface-raised);color:var(--cb-color-text-strong, var(--cb-color-text));box-shadow:0 1px 2px #0f172a1f}:is(.cb-sched__btn,.cb-sched__icon-btn,.cb-sched__view,.cb-sched__day-num,.cb-sched__add,.cb-sched__chip,.cb-sched__more,.cb-sched__event,.cb-sched__col-day,.cb-sched__agenda-item):focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:1px}.cb-sched__body{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, 12px);background:var(--cb-color-surface)}.cb-sched__month{display:flex;flex:1;flex-direction:column;min-height:0}.cb-sched__month-head,.cb-sched__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cb-sched__month-head{border-bottom:1px solid var(--cb-color-border)}.cb-sched__weekday{padding:.45rem;color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600);text-align:center;text-transform:capitalize}.cb-sched__week{flex:1;min-height:5.5rem;border-bottom:1px solid var(--cb-color-border)}.cb-sched__week:last-child{border-bottom:0}.cb-sched__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:.25rem;overflow:hidden;border-right:1px solid var(--cb-color-border)}.cb-sched__cell:last-child{border-right:0}.cb-sched__cell--outside{background:var(--cb-color-surface-subtle, var(--cb-color-surface-hover))}.cb-sched__cell--outside .cb-sched__day-num{color:var(--cb-color-text-muted)}.cb-sched__cell--drop{background:color-mix(in srgb,var(--cb-sched-accent) 10%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--cb-sched-accent) 40%,transparent)}.cb-sched__cell-head{display:flex;align-items:center;justify-content:space-between}.cb-sched__day-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .3rem;border:0;border-radius:999px;background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600);cursor:pointer}.cb-sched__day-num:hover{background:var(--cb-color-surface-hover)}.cb-sched__cell--today .cb-sched__day-num{background:var(--cb-sched-accent);color:var(--cb-color-primary-contrast, #fff)}.cb-sched__add{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;padding:0;border:0;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text-muted);cursor:pointer;opacity:0}:is(.cb-sched__cell,.cb-sched__col-head):hover .cb-sched__add,.cb-sched__add:focus-visible{opacity:1}@media(hover:none){.cb-sched__add{opacity:1}}.cb-sched__chip{--_c: var(--cb-sched-color, var(--cb-sched-accent));display:flex;align-items:center;gap:.3rem;width:100%;min-width:0;padding:.1rem .35rem;border:0;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);text-align:start;cursor:pointer;touch-action:none}.cb-sched__chip:hover{background:var(--cb-color-surface-hover)}.cb-sched__chip--block{background:color-mix(in srgb,var(--_c) 18%,var(--cb-color-surface));box-shadow:inset 3px 0 0 var(--_c);font-weight:var(--cb-font-weight-medium, 500)}.cb-sched__chip--block:hover{background:color-mix(in srgb,var(--_c) 26%,var(--cb-color-surface))}.cb-sched__dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--cb-sched-color, var(--cb-sched-accent))}.cb-sched__chip-time{flex:none;color:var(--cb-color-text-muted);font-variant-numeric:tabular-nums}.cb-sched__chip-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-sched__more{align-self:flex-start;padding:.05rem .35rem;border:0;border-radius:var(--cb-radius-sm);background:transparent;color:var(--cb-color-text-muted);font:inherit;font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600);cursor:pointer}.cb-sched__more:hover{background:var(--cb-color-surface-hover);color:var(--cb-color-text)}.cb-sched__time{position:relative;flex:1;min-height:0;overflow-y:auto}@container (max-width: 40rem){.cb-sched__time{--_min: calc(var(--cb-sched-gutter) + var(--cb-sched-days) * 4.5rem);overflow-x:auto}.cb-sched__sticky,.cb-sched__time-head,.cb-sched__allday,.cb-sched__hours{min-width:var(--_min)}.cb-sched__time .cb-sched__gutter{position:sticky;left:0;z-index:3;background:var(--cb-color-surface)}}.cb-sched__sticky{position:sticky;top:0;z-index:5;background:var(--cb-color-surface)}.cb-sched__time-head,.cb-sched__allday,.cb-sched__hours{display:grid;grid-template-columns:var(--cb-sched-gutter) repeat(var(--cb-sched-days),minmax(0,1fr))}.cb-sched__time-head{border-bottom:1px solid var(--cb-color-border)}.cb-sched__col-head{display:flex;align-items:center;justify-content:center;gap:.15rem;padding:.35rem .25rem;border-left:1px solid var(--cb-color-border)}.cb-sched__col-day{display:inline-flex;flex-direction:column;align-items:center;padding:.15rem .4rem;border:0;border-radius:var(--cb-radius-md);background:transparent;color:var(--cb-color-text-muted);font:inherit;cursor:pointer}.cb-sched__col-day:hover{background:var(--cb-color-surface-hover)}.cb-sched__col-weekday{font-size:var(--cb-text-xs, .75rem);text-transform:capitalize}.cb-sched__col-num{color:var(--cb-color-text);font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600);line-height:1.2}.cb-sched__col-head--today .cb-sched__col-weekday,.cb-sched__col-head--today .cb-sched__col-num{color:var(--cb-color-primary-600, var(--cb-sched-accent))}.cb-sched__allday{border-bottom:1px solid var(--cb-color-border)}.cb-sched__gutter--label{display:flex;align-items:center;justify-content:flex-end;padding-right:.4rem;color:var(--cb-color-text-muted);font-size:.6875rem;text-align:right}.cb-sched__allday-cell{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:1.9rem;padding:.2rem;border-left:1px solid var(--cb-color-border)}.cb-sched__hours,.cb-sched__gutter--hours{position:relative}.cb-sched__hour-label{position:absolute;right:.4rem;margin-top:-.5em;color:var(--cb-color-text-muted);font-size:.6875rem;font-variant-numeric:tabular-nums}.cb-sched__col{position:relative;border-left:1px solid var(--cb-color-border);cursor:cell}:host(.cb-scheduler--readonly) .cb-sched__col{cursor:default}.cb-sched__col--today{background:color-mix(in srgb,var(--cb-sched-accent) 4%,transparent)}.cb-sched__line{position:absolute;right:0;left:0;border-top:1px solid color-mix(in srgb,var(--cb-color-border) 70%,transparent);pointer-events:none}.cb-sched__now{position:absolute;right:0;left:0;z-index:3;border-top:2px solid var(--cb-color-danger-500, #ef4444);pointer-events:none}.cb-sched__now:before{content:\"\";position:absolute;top:-6px;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--cb-color-danger-500, #ef4444)}.cb-sched__selection{position:absolute;right:2px;left:2px;z-index:2;padding:.15rem .35rem;border:2px dashed var(--cb-sched-accent);border-radius:var(--cb-radius-sm);background:color-mix(in srgb,var(--cb-sched-accent) 14%,transparent);color:var(--cb-color-primary-700, var(--cb-color-text));font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600);pointer-events:none}.cb-sched__event{--_c: var(--cb-sched-color, var(--cb-sched-accent));position:absolute;z-index:1;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;min-width:0;padding:.2rem .4rem;overflow:hidden;border:0;border-left:3px solid var(--_c);border-radius:var(--cb-radius-sm);background:color-mix(in srgb,var(--_c) 20%,var(--cb-color-surface));color:var(--cb-color-text);font:inherit;font-size:var(--cb-text-xs, .75rem);text-align:start;cursor:grab;touch-action:none}.cb-sched__event:hover{z-index:2;background:color-mix(in srgb,var(--_c) 28%,var(--cb-color-surface))}:host(.cb-scheduler--readonly) .cb-sched__event,:host(.cb-scheduler--readonly) .cb-sched__chip{cursor:pointer}.cb-is-dragging{z-index:4!important;opacity:.85;box-shadow:0 6px 18px #0f172a38;cursor:grabbing}.cb-sched__event-title{max-width:100%;overflow:hidden;font-weight:var(--cb-font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap}.cb-sched__event-time,.cb-sched__event-loc{max-width:100%;overflow:hidden;color:var(--cb-color-text-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.cb-sched__event--short{flex-direction:row;gap:.35rem;align-items:center;padding-top:0;padding-bottom:0}.cb-sched__resize{position:absolute;right:0;bottom:0;left:0;height:6px;cursor:ns-resize}.cb-sched__agenda{flex:1;min-height:0;padding:.25rem 0;overflow-y:auto}.cb-sched__agenda-day{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:.5rem;padding:.6rem 1rem;border-bottom:1px solid var(--cb-color-border)}.cb-sched__agenda-day:last-child{border-bottom:0}.cb-sched__agenda-date{display:flex;align-items:baseline;gap:.5rem;margin:0;color:var(--cb-color-text-muted);font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-sched__agenda-num{color:var(--cb-color-text);font-size:var(--cb-text-lg, 1.125rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-sched__agenda-date--today .cb-sched__agenda-num{color:var(--cb-color-primary-600, var(--cb-sched-accent))}.cb-sched__agenda-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.cb-sched__agenda-item{display:grid;grid-template-columns:auto 8rem minmax(0,1fr) auto;align-items:center;gap:.6rem;width:100%;padding:.4rem .5rem;border:0;border-radius:var(--cb-radius-md);background:transparent;color:var(--cb-color-text);font:inherit;text-align:start;cursor:pointer}.cb-sched__agenda-item:hover{background:var(--cb-color-surface-hover)}.cb-sched__agenda-time{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-variant-numeric:tabular-nums}.cb-sched__agenda-title{overflow:hidden;font-weight:var(--cb-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.cb-sched__agenda-loc{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem)}@media(max-width:40rem){.cb-sched__agenda-day{grid-template-columns:minmax(0,1fr)}.cb-sched__agenda-item{grid-template-columns:auto minmax(0,1fr)}.cb-sched__agenda-time,.cb-sched__agenda-loc{grid-column:2}}.cb-sched__empty{margin:0;padding:2rem;color:var(--cb-color-text-muted);text-align:center}.cb-sched__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(forced-colors:active){.cb-sched__event,.cb-sched__chip--block{border:1px solid CanvasText}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }, { type: i0.Output, args: ["eventsChange"] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }, { type: i0.Output, args: ["dateChange"] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], slotMinutes: [{ type: i0.Input, args: [{ isSignal: true, alias: "slotMinutes", required: false }] }], scrollHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHour", required: false }] }], agendaDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "agendaDays", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], eventChange: [{ type: i0.Output, args: ["eventChange"] }], eventOpen: [{ type: i0.Output, args: ["eventOpen"] }], slotSelect: [{ type: i0.Output, args: ["slotSelect"] }], scrollRef: [{ type: i0.ViewChild, args: ['scroll', { isSignal: true }] }] } });
+
+/*
+ * Public API Surface de @caribeng/ui/scheduler
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CbScheduler };