@cadriciel/ui 0.5.0 → 0.6.0

package/fesm2022/cadriciel-ui.mjs

@@ -18951,6 +18951,7 @@ function cadNormalizePlan(plan, options = {}) {
             start,
             end,
             milestone,
+            allDay: !!t.allDay,
             bucket: t.bucket ?? null,
             rank: cadIsRank(t.rank) ? t.rank : '',
             assignments,
@@ -19150,6 +19151,552 @@ function cadFindLinkCycle(links) {
 /** Tâches qu'aucune vue temporelle ne sait placer — la zone « non planifié », jamais le silence. */
 const cadUnscheduled = (plan) => plan.tasks.filter(t => !t.scheduled);
 
+/**
+ * Dépliage des séries récurrentes — EN LECTURE SEULE.
+ *
+ * CE QUE CE FICHIER FAIT, ET CE QU'IL NE FAIT PAS. Il projette une règle en occurrences pour
+ * qu'une vue puisse les afficher. Il n'écrit rien, ne modifie aucune série, et ne connaît pas
+ * la sémantique d'édition à trois branches (« cette occurrence / celle-ci et les suivantes /
+ * toutes »), qui reste entière dans son propre lot.
+ *
+ * C'est un choix, pas un raccourci : une récurrence à moitié faite PERD DES MODIFICATIONS SANS
+ * LE DIRE, ce qui est pire que pas de récurrence. Déplier pour afficher n'écrit rien, donc ne
+ * peut rien perdre. On livre donc la moitié qui est sûre.
+ *
+ * SOUS-ENSEMBLE RRULE ASSUMÉ (RFC 5545) : `FREQ` (DAILY, WEEKLY, MONTHLY, YEARLY), `INTERVAL`,
+ * `BYDAY` (en hebdomadaire), `BYMONTHDAY` (en mensuel), `COUNT`, `UNTIL`.
+ * EXCLUS ET DOCUMENTÉS : `BYSETPOS` composé, `BYYEARDAY`, `BYWEEKNO`, `VTIMEZONE`, et les
+ * préfixes ordinaux de `BYDAY` (`2MO` = deuxième lundi). Une règle qui en contient est rendue
+ * telle qu'elle peut l'être, et l'anomalie est signalée — jamais silencieusement approximée.
+ */
+/** Jours iCalendar, dans l'ordre de `Date.getDay()` : 0 = dimanche. */
+const JOURS_ICAL = { SU: 0, MO: 1, TU: 2, WE: 3, TH: 4, FR: 5, SA: 6 };
+/** Parties que ce moteur sait lire. Tout le reste atterrit dans `ignore`. */
+const CONNUES = new Set(['FREQ', 'INTERVAL', 'BYDAY', 'BYMONTHDAY', 'COUNT', 'UNTIL', 'WKST']);
+/**
+ * Analyse une chaîne `RRULE`. Rend `null` si elle est inexploitable — jamais une règle
+ * approximative : mieux vaut un événement unique qu'une série fausse.
+ */
+function cadParseRRule(entree) {
+    if (!entree)
+        return null;
+    const brut = entree.replace(/^RRULE:/i, '').trim();
+    if (!brut)
+        return null;
+    const parts = new Map();
+    const ignore = [];
+    for (const morceau of brut.split(';')) {
+        const i = morceau.indexOf('=');
+        if (i < 0)
+            continue;
+        const cle = morceau.slice(0, i).trim().toUpperCase();
+        const val = morceau.slice(i + 1).trim();
+        if (!CONNUES.has(cle)) {
+            ignore.push(cle);
+            continue;
+        }
+        parts.set(cle, val);
+    }
+    const freq = (parts.get('FREQ') || '').toUpperCase();
+    if (freq !== 'DAILY' && freq !== 'WEEKLY' && freq !== 'MONTHLY' && freq !== 'YEARLY')
+        return null;
+    const interval = Math.max(1, Number(parts.get('INTERVAL') || 1) || 1);
+    let byday = null;
+    const bydayBrut = parts.get('BYDAY');
+    if (bydayBrut) {
+        const jours = [];
+        for (const j of bydayBrut.split(',')) {
+            const net = j.trim().toUpperCase();
+            // « 2MO » (deuxième lundi) n'est pas géré : on le signale plutôt que de le lire « MO ».
+            if (/^[+-]?\d/.test(net)) {
+                ignore.push('BYDAY:' + net);
+                continue;
+            }
+            const n = JOURS_ICAL[net];
+            if (n !== undefined)
+                jours.push(n);
+        }
+        byday = jours.length ? jours.sort((a, b) => a - b) : null;
+    }
+    let bymonthday = null;
+    const bmdBrut = parts.get('BYMONTHDAY');
+    if (bmdBrut) {
+        const q = bmdBrut.split(',').map((x) => Number(x.trim())).filter((x) => Number.isInteger(x) && x >= 1 && x <= 31);
+        bymonthday = q.length ? q : null;
+    }
+    const count = parts.has('COUNT') ? Math.max(0, Number(parts.get('COUNT')) || 0) : null;
+    const until = parts.has('UNTIL') ? cadParseUntil(parts.get('UNTIL')) : null;
+    return { freq, interval, byday, bymonthday, count, until, ignore };
+}
+/** `UNTIL` en forme iCalendar (`20260930T235959Z`) ou en ISO. */
+function cadParseUntil(v) {
+    const m = /^(\d{4})(\d{2})(\d{2})(?:T(\d{2})(\d{2})(\d{2})Z?)?$/.exec(v.trim());
+    if (m) {
+        const d = new Date(+m[1], +m[2] - 1, +m[3], +(m[4] ?? 23), +(m[5] ?? 59), +(m[6] ?? 59));
+        return Number.isNaN(d.getTime()) ? null : d;
+    }
+    const d = new Date(v);
+    return Number.isNaN(d.getTime()) ? null : d;
+}
+/** Garde-fou : une règle mal formée ne doit pas produire une boucle infinie mais un message. */
+const PLAFOND = 750;
+const JOUR_MS = 86_400_000;
+function memeJour(a, b) {
+    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function cle(d) {
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+}
+function horodatage(d, allDay) {
+    return allDay ? cle(d) : `${cle(d)}T${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
+}
+function avance(d, jours) {
+    const n = new Date(d);
+    n.setDate(n.getDate() + jours);
+    return n;
+}
+/**
+ * Déplie les tâches sur la fenêtre `[du, au]`.
+ *
+ * TROIS RÈGLES, dans cet ordre :
+ * ① une tâche sans règle donne une occurrence unique, si elle croise la fenêtre ;
+ * ② une tâche avec règle est projetée, `exdates` retirées ;
+ * ③ une occurrence MODIFIÉE (`masterId` + `recurrenceId`) REMPLACE celle que la règle aurait
+ *    produite à cette date — convention iCalendar. Sans ce remplacement on afficherait les
+ *    deux, et l'utilisateur verrait sa modification en double au lieu de la voir appliquée.
+ */
+function cadExpandOccurrences(taches, du, au) {
+    const occurrences = [];
+    const issues = [];
+    // ③ d'abord : on répertorie les exceptions pour savoir quoi remplacer.
+    const exceptions = new Map();
+    for (const t of taches) {
+        if (t.masterId && t.recurrenceId)
+            exceptions.set(`${t.masterId}@${cle(t.recurrenceId)}`, t);
+    }
+    for (const t of taches) {
+        // Une exception est rendue par la série qu'elle corrige, pas deux fois.
+        if (t.masterId && t.recurrenceId)
+            continue;
+        if (!t.start) {
+            if (t.rrule)
+                issues.push({ taskId: t.id, code: 'sans-date' });
+            continue;
+        }
+        const duree = t.end ? Math.max(0, t.end.getTime() - t.start.getTime()) : 0;
+        if (!t.rrule) {
+            if (croise(t.start, t.end ?? t.start, du, au)) {
+                occurrences.push(fabrique(t, t.start, duree, false, false));
+            }
+            continue;
+        }
+        const regle = cadParseRRule(t.rrule);
+        if (!regle) {
+            issues.push({ taskId: t.id, code: 'rrule-illisible', detail: t.rrule });
+            // Une règle illisible ne fait pas disparaître l'événement : il reste, seul.
+            if (croise(t.start, t.end ?? t.start, du, au))
+                occurrences.push(fabrique(t, t.start, duree, false, false));
+            continue;
+        }
+        if (regle.ignore.length) {
+            issues.push({ taskId: t.id, code: 'rrule-partielle', detail: regle.ignore.join(', ') });
+        }
+        const exclues = new Set(t.exdates.map((x) => cle(new Date(x))));
+        let rendues = 0;
+        let tours = 0;
+        let curseur = new Date(t.start);
+        while (tours++ < PLAFOND) {
+            if (regle.count !== null && rendues >= regle.count)
+                break;
+            if (curseur.getTime() > au.getTime())
+                break;
+            if (regle.until && curseur.getTime() > regle.until.getTime())
+                break;
+            for (const debut of datesDuTour(curseur, regle, t.start)) {
+                if (regle.count !== null && rendues >= regle.count)
+                    break;
+                if (debut.getTime() < t.start.getTime())
+                    continue;
+                if (regle.until && debut.getTime() > regle.until.getTime())
+                    break;
+                rendues++;
+                if (exclues.has(cle(debut)))
+                    continue;
+                if (debut.getTime() > au.getTime())
+                    continue;
+                const remplacement = exceptions.get(`${t.id}@${cle(debut)}`);
+                if (remplacement) {
+                    if (remplacement.start && croise(remplacement.start, remplacement.end ?? remplacement.start, du, au)) {
+                        const d2 = remplacement.end ? remplacement.end.getTime() - remplacement.start.getTime() : duree;
+                        occurrences.push(fabrique(remplacement, remplacement.start, d2, true, true));
+                    }
+                    continue;
+                }
+                const fin = new Date(debut.getTime() + duree);
+                if (croise(debut, fin, du, au))
+                    occurrences.push(fabrique(t, debut, duree, true, false));
+            }
+            curseur = tourSuivant(curseur, regle);
+        }
+        if (tours >= PLAFOND)
+            issues.push({ taskId: t.id, code: 'plafond-atteint', detail: String(PLAFOND) });
+    }
+    occurrences.sort((a, b) => a.start.getTime() - b.start.getTime() || a.id.localeCompare(b.id));
+    return { occurrences, issues };
+}
+function croise(debut, fin, du, au) {
+    return fin.getTime() >= du.getTime() && debut.getTime() <= au.getTime();
+}
+function fabrique(t, debut, duree, recurring, overridden) {
+    const start = new Date(debut);
+    const end = new Date(debut.getTime() + duree);
+    return {
+        id: `${t.masterId ?? t.id}@${horodatage(start, t.allDay)}`,
+        taskId: t.id,
+        start,
+        end,
+        allDay: t.allDay,
+        recurring,
+        overridden,
+        task: t,
+    };
+}
+/** Les dates produites par UN tour de la règle (une semaine, un mois, un jour…). */
+function datesDuTour(curseur, r, ancre) {
+    const h = ancre.getHours(), m = ancre.getMinutes();
+    const pose = (d) => { const n = new Date(d); n.setHours(h, m, 0, 0); return n; };
+    if (r.freq === 'WEEKLY' && r.byday) {
+        // Le curseur est posé sur le début de semaine du tour ; on émet les jours visés.
+        const lundi = debutSemaine(curseur);
+        return r.byday.map((j) => pose(avance(lundi, (j + 6) % 7)));
+    }
+    if (r.freq === 'MONTHLY' && r.bymonthday) {
+        return r.bymonthday
+            .map((q) => {
+            const d = new Date(curseur.getFullYear(), curseur.getMonth(), q);
+            // Le 31 d'un mois de 30 jours n'existe pas : on ne le décale pas en douce, on le saute.
+            return d.getMonth() === curseur.getMonth() ? pose(d) : null;
+        })
+            .filter((d) => d !== null)
+            .sort((a, b) => a.getTime() - b.getTime());
+    }
+    return [pose(curseur)];
+}
+function tourSuivant(curseur, r) {
+    const n = new Date(curseur);
+    if (r.freq === 'DAILY')
+        n.setDate(n.getDate() + r.interval);
+    else if (r.freq === 'WEEKLY')
+        n.setDate(n.getDate() + 7 * r.interval);
+    else if (r.freq === 'MONTHLY') {
+        // On repart du 1er : sans ça, un 31 janvier + 1 mois donne le 3 mars et la série dérive
+        // de mois en mois. Le quantième visé est réappliqué par datesDuTour.
+        const j = r.bymonthday ? 1 : n.getDate();
+        n.setDate(1);
+        n.setMonth(n.getMonth() + r.interval);
+        if (!r.bymonthday)
+            n.setDate(Math.min(j, joursDansMois(n.getFullYear(), n.getMonth())));
+    }
+    else {
+        n.setFullYear(n.getFullYear() + r.interval);
+    }
+    return n;
+}
+function joursDansMois(annee, mois) {
+    return new Date(annee, mois + 1, 0).getDate();
+}
+/** Lundi de la semaine de `d`. */
+function debutSemaine(d) {
+    const n = new Date(d);
+    n.setHours(0, 0, 0, 0);
+    n.setDate(n.getDate() - ((n.getDay() + 6) % 7));
+    return n;
+}
+const CAD_RECURRENCE_INTERNE = { debutSemaine, joursDansMois, memeJour, JOUR_MS };
+
+/**
+ * Mise en page d'un calendrier — logique PURE, sans DOM, donc testable seule.
+ *
+ * Trois calculs, et ce sont les trois endroits où un calendrier se trompe :
+ * ① la grille du mois (combien de rangées, quels jours débordent) ;
+ * ② les BANDEAUX multi-jours, continus à travers une rangée de semaine ;
+ * ③ le placement côte à côte des événements horodatés d'une journée.
+ *
+ * BORNE DE FIN : dans cette bibliothèque, `end` est INCLUSIVE pour un événement journée
+ * entière — « congés du 21 au 25 » couvre le 25. La RFC 5545 la veut exclusive (DTEND au 26).
+ * On diverge SCIEMMENT : c'est ce qu'un humain saisit, c'est ce que font déjà le gantt et le
+ * scheduler pour une tâche qui « finit le 25 », et mélanger les deux conventions en silence
+ * est la première cause d'erreur d'un jour dans un calendrier. Un import iCalendar devra donc
+ * retrancher un jour à DTEND — c'est le travail de l'import, pas celui de la vue.
+ */
+/** Numéro de jour absolu, insensible au fuseau et à l'heure d'été. */
+function cadNumeroJour(d) {
+    return Math.round(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()) / 86_400_000);
+}
+/** Minuit local du jour de `d`. */
+function cadMinuit(d) {
+    return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
+/** Début de la semaine contenant `d`. `premierJour` : 1 = lundi (défaut), 0 = dimanche. */
+function cadDebutSemaine(d, premierJour = 1) {
+    const n = cadMinuit(d);
+    const decalage = (n.getDay() - premierJour + 7) % 7;
+    n.setDate(n.getDate() - decalage);
+    return n;
+}
+/**
+ * Grille du mois contenant `ancre`.
+ *
+ * On rend 5 OU 6 rangées, selon ce que le mois demande — jamais un nombre fixe. Forcer 6
+ * rangées laisse une semaine entière vide neuf mois sur douze ; en forcer 5 tronque les mois
+ * de 31 jours qui commencent un samedi. La hauteur de la vue s'adapte, pas la vérité.
+ */
+function cadMonthGrid(ancre, premierJour = 1) {
+    const annee = ancre.getFullYear();
+    const mois = ancre.getMonth();
+    const premier = new Date(annee, mois, 1);
+    const debut = cadDebutSemaine(premier, premierJour);
+    const dernier = new Date(annee, mois + 1, 0);
+    const finGrille = cadDebutSemaine(dernier, premierJour);
+    const rangees = Math.round((cadNumeroJour(finGrille) - cadNumeroJour(debut)) / 7) + 1;
+    const semaines = [];
+    for (let r = 0; r < rangees; r++) {
+        const semaine = [];
+        for (let j = 0; j < 7; j++) {
+            const d = new Date(debut);
+            d.setDate(d.getDate() + r * 7 + j);
+            semaine.push(d);
+        }
+        semaines.push(semaine);
+    }
+    return { debut, semaines, mois, annee };
+}
+/** Une occurrence va au bandeau si elle est journée entière OU si elle franchit un minuit. */
+function cadEstBandeau(o) {
+    return o.allDay || cadNumeroJour(o.start) !== cadNumeroJour(o.end);
+}
+/**
+ * Range les bandeaux d'une rangée de semaine en voies.
+ *
+ * Le tri place les plus LONGS en haut : sans lui, un événement d'un jour posé en voie 0 coupe
+ * en deux la place d'un événement de cinq jours, qui doit alors descendre — et la rangée
+ * devient un escalier illisible.
+ */
+function cadWeekBands(occurrences, jours) {
+    if (!jours.length)
+        return { bandes: [], voies: 0 };
+    const j0 = cadNumeroJour(jours[0]);
+    const j1 = cadNumeroJour(jours[jours.length - 1]);
+    const candidats = occurrences
+        .filter(cadEstBandeau)
+        .map((o) => {
+        const d = cadNumeroJour(o.start);
+        const f = cadNumeroJour(o.end);
+        return { o, d, f };
+    })
+        .filter(({ d, f }) => f >= j0 && d <= j1)
+        .sort((a, b) => (b.f - b.d) - (a.f - a.d) || a.d - b.d || a.o.id.localeCompare(b.o.id));
+    const occupe = [];
+    const bandes = candidats.map(({ o, d, f }) => {
+        const colDebut = Math.max(0, d - j0);
+        const colFin = Math.min(jours.length - 1, f - j0);
+        let voie = 0;
+        while (occupe[voie]?.some(([a, b]) => !(b < colDebut || a > colFin)))
+            voie++;
+        (occupe[voie] ??= []).push([colDebut, colFin]);
+        return { occurrence: o, colDebut, colFin, voie, continueAvant: d < j0, continueApres: f > j1 };
+    });
+    return { bandes, voies: occupe.length };
+}
+/**
+ * Place les événements horodatés d'une journée, côte à côte quand ils se chevauchent.
+ *
+ * Le nombre de voies est celui du GROUPE de chevauchement, pas de la journée : deux réunions
+ * qui se chevauchent le matin ne doivent pas rétrécir de moitié une réunion isolée de
+ * l'après-midi. C'est l'erreur la plus courante des calendriers faits à la main.
+ *
+ * `plageDebut` / `plageFin` en minutes depuis minuit. Un événement hors plage est CONSERVÉ et
+ * ramené au bord : le faire disparaître serait le mensonge le plus grave qu'une vue puisse
+ * commettre.
+ */
+function cadPackDay(occurrences, plageDebut = 7 * 60, plageFin = 20 * 60) {
+    const plage = Math.max(1, plageFin - plageDebut);
+    const items = occurrences
+        .filter((o) => !cadEstBandeau(o))
+        .map((o) => {
+        const d = o.start.getHours() * 60 + o.start.getMinutes();
+        const f = Math.max(d + 15, o.end.getHours() * 60 + o.end.getMinutes());
+        return { o, d, f };
+    })
+        .sort((a, b) => a.d - b.d || b.f - a.f);
+    // ① voies par balayage, première voie libre.
+    const finVoie = [];
+    const places = items.map((it) => {
+        let voie = finVoie.findIndex((fin) => fin <= it.d);
+        if (voie === -1) {
+            voie = finVoie.length;
+            finVoie.push(it.f);
+        }
+        else
+            finVoie[voie] = it.f;
+        return { ...it, voie };
+    });
+    // ② groupes de chevauchement : on ne partage la largeur qu'entre voisins réels.
+    const slots = [];
+    let i = 0;
+    while (i < places.length) {
+        let j = i + 1;
+        let finGroupe = places[i].f;
+        while (j < places.length && places[j].d < finGroupe) {
+            finGroupe = Math.max(finGroupe, places[j].f);
+            j++;
+        }
+        const groupe = places.slice(i, j);
+        const voies = Math.max(...groupe.map((g) => g.voie)) + 1;
+        for (const g of groupe) {
+            const haut = (Math.max(g.d, plageDebut) - plageDebut) / plage;
+            const bas = (Math.min(g.f, plageFin) - plageDebut) / plage;
+            slots.push({
+                occurrence: g.o,
+                haut: Math.max(0, Math.min(1, haut)),
+                hauteur: Math.max(0.01, Math.min(1, bas) - Math.max(0, haut)),
+                voie: g.voie,
+                voies,
+            });
+        }
+        i = j;
+    }
+    return slots;
+}
+
+/**
+ * Projection d'un geste d'édition — logique PURE, sans DOM, donc testable seule.
+ *
+ * Un geste ne produit jamais une écriture : il produit une PROPOSITION de bornes, que le
+ * composant émet en intention. C'est ce fichier qui répond à « l'utilisateur a bougé de 43
+ * pixels vers le bas et de 1,2 colonne : qu'est-ce que ça veut dire en dates ? ».
+ *
+ * L'AIMANTAGE EST OBLIGATOIRE, pas cosmétique. Sans lui on crée des réunions de 9 h 07 à
+ * 10 h 23 : personne n'a voulu ça, et la donnée devient impossible à relire.
+ */
+const MIN = 60_000;
+function aimante(minutes, pas) {
+    return Math.round(minutes / Math.max(1, pas)) * Math.max(1, pas);
+}
+function minutesDansJour(d) {
+    return d.getHours() * 60 + d.getMinutes();
+}
+function poseMinutes(jour, minutes) {
+    const n = new Date(jour.getFullYear(), jour.getMonth(), jour.getDate());
+    n.setMinutes(minutes);
+    return n;
+}
+function decaleJours(d, jours) {
+    const n = new Date(d);
+    n.setDate(n.getDate() + jours);
+    return n;
+}
+/**
+ * Projette un geste en nouvelles bornes.
+ *
+ * `dx` / `dy` sont les déplacements du pointeur en pixels depuis le début du geste.
+ *
+ * TROIS INVARIANTS, et chacun corrige une bêtise classique :
+ * ① un déplacement CONSERVE la durée — sinon déplacer une réunion la rallonge en douce ;
+ * ② un redimensionnement ne franchit JAMAIS l'autre bord : il s'arrête à un pas ;
+ * ③ un événement journée entière ne bouge qu'en JOURS — lui donner une heure en le glissant
+ *    le ferait sortir du bandeau, ce que personne n'a demandé.
+ */
+function cadProjeterEdition(kind, base, dx, dy, g) {
+    const jours = g.largeurJour > 0 ? Math.round(dx / g.largeurJour) : 0;
+    const minutesBrutes = g.hauteurHeure > 0 ? (dy / g.hauteurHeure) * 60 : 0;
+    const dMin = aimante(minutesBrutes, g.pas);
+    // ③ journée entière : seuls les jours comptent.
+    if (base.allDay) {
+        if (kind === 'move')
+            return { start: decaleJours(base.start, jours), end: decaleJours(base.end, jours) };
+        if (kind === 'resize-start') {
+            const s = decaleJours(base.start, jours);
+            return { start: s > base.end ? base.end : s, end: base.end };
+        }
+        if (kind === 'resize-end') {
+            const e = decaleJours(base.end, jours);
+            return { start: base.start, end: e < base.start ? base.start : e };
+        }
+        return { start: base.start, end: base.end };
+    }
+    const duree = Math.max(g.pas, Math.round((base.end.getTime() - base.start.getTime()) / MIN));
+    if (kind === 'move' || kind === 'create') {
+        // ① la durée est conservée. On borne le DÉBUT à la plage affichée, jamais la durée :
+        // rogner la fin en douce ferait raccourcir un rendez-vous qu'on voulait seulement déplacer.
+        const vise = aimante(minutesDansJour(base.start) + dMin, g.pas);
+        const debut = Math.max(g.plageDebut, Math.min(vise, g.plageFin - g.pas));
+        const jour = decaleJours(base.start, jours);
+        const start = poseMinutes(jour, debut);
+        return { start, end: new Date(start.getTime() + duree * MIN) };
+    }
+    if (kind === 'resize-start') {
+        const finMin = minutesDansJour(base.end);
+        const vise = aimante(minutesDansJour(base.start) + dMin, g.pas);
+        // ② on s'arrête un pas avant la fin, jamais au-delà.
+        const debut = Math.max(g.plageDebut, Math.min(vise, finMin - g.pas));
+        return { start: poseMinutes(base.start, debut), end: base.end };
+    }
+    const debutMin = minutesDansJour(base.start);
+    const vise = aimante(minutesDansJour(base.end) + dMin, g.pas);
+    const fin = Math.min(g.plageFin, Math.max(vise, debutMin + g.pas));
+    return { start: base.start, end: poseMinutes(base.end, fin) };
+}
+/**
+ * Bornes d'une création par glisser sur une plage vide.
+ *
+ * `y0` / `y1` sont les positions verticales dans la colonne, en pixels. On aimante les DEUX
+ * bords, et on garantit au moins un pas : un clic sec ne doit pas produire un événement de
+ * durée nulle, invisible et impossible à rattraper.
+ */
+function cadProjeterCreation(jour, y0, y1, g) {
+    const enMinutes = (y) => g.plageDebut + (y / Math.max(1, g.hauteurHeure)) * 60;
+    const a = aimante(enMinutes(Math.min(y0, y1)), g.pas);
+    let b = aimante(enMinutes(Math.max(y0, y1)), g.pas);
+    if (b - a < g.pas)
+        b = a + g.pas;
+    const debut = Math.max(g.plageDebut, Math.min(a, g.plageFin - g.pas));
+    const fin = Math.min(g.plageFin, Math.max(b, debut + g.pas));
+    return { start: poseMinutes(jour, debut), end: poseMinutes(jour, fin) };
+}
+/**
+ * Projection d'un geste dans une GRILLE DE MOIS — et ce n'est pas la même que dans une grille
+ * horaire, contrairement à ce que j'avais écrit.
+ *
+ * Dans un mois, l'axe vertical n'est PAS le temps de la journée : c'est la semaine. Descendre
+ * d'une rangée avance de SEPT JOURS, et l'heure ne bouge pas. Utiliser la projection horaire
+ * ici donnait « +3 h » au lieu de « +7 jours » (mesuré au navigateur le 22/08/2026 : glisser
+ * d'une rangée déplaçait un rendez-vous de 10 h 30 à 13 h 30 sans changer de date).
+ *
+ * Une seule règle à retenir : dans le mois, un geste ne déplace que des JOURS.
+ */
+function cadProjeterMois(kind, base, dx, dy, g) {
+    const colonnes = g.largeurJour > 0 ? Math.round(dx / g.largeurJour) : 0;
+    const rangees = g.hauteurRangee > 0 ? Math.round(dy / g.hauteurRangee) : 0;
+    const jours = colonnes + 7 * rangees;
+    if (kind === 'resize-start') {
+        const s = decaleJours(base.start, jours);
+        return { start: s > base.end ? base.end : s, end: base.end };
+    }
+    if (kind === 'resize-end') {
+        const e = decaleJours(base.end, jours);
+        return { start: base.start, end: e < base.start ? base.start : e };
+    }
+    // L'heure est conservée telle quelle : decaleJours ne touche qu'au quantième.
+    return { start: decaleJours(base.start, jours), end: decaleJours(base.end, jours) };
+}
+/** Déplacement au CLAVIER, exprimé dans la même unité qu'un geste : jours et pas. */
+function cadProjeterClavier(kind, base, jours, pas, g) {
+    // On repasse par la MÊME projection que le pointeur : une seule logique de placement à
+    // éprouver, et le clavier n'est pas une reprise ultérieure qui dérive.
+    return cadProjeterEdition(kind, base, jours * g.largeurJour, (pas * g.pas / 60) * g.hauteurHeure, g);
+}
+
 /** Styles de cad-taskboard (présentations cartes et liste). Tokens --cad-* uniquement. */
 const CAD_TASKBOARD_STYLES = `
 :host { display: flex; flex-direction: column; min-height: 0; height: 100%; font: var(--cad-font-size)/1.35 var(--cad-font); color: var(--cad-fg); background: var(--cad-bg); }
@@ -19673,9 +20220,1016 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
   `, styles: [":host{display:flex;flex-direction:column;min-height:0;height:100%;font:var(--cad-font-size)/1.35 var(--cad-font);color:var(--cad-fg);background:var(--cad-bg)}.tb__board{flex:1;min-height:0;display:flex;gap:12px;padding:12px;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable}.tb__col{flex:0 0 var(--cad-taskboard-col, 258px);display:flex;flex-direction:column;min-height:0;background:var(--cad-bg-subtle);border:1px solid var(--cad-border);border-radius:var(--cad-radius)}.tb__head{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid var(--cad-border)}.tb__dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--_c, var(--cad-border-strong))}.tb__name{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb__count{font-family:var(--cad-font-mono);font-size:var(--cad-font-size-sm);padding:2px 7px;border-radius:var(--cad-radius-pill);background:var(--cad-elevated);color:var(--cad-fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tb__count.is-full{background:var(--cad-warning-soft);color:var(--cad-warning)}.tb__count.is-over{background:var(--cad-danger-soft);color:var(--cad-danger);font-weight:500}.tb__list{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px;scrollbar-gutter:stable}.tb__list.cdk-drop-list-dragging{background:var(--cad-accent-soft)}.tb__card{background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:var(--cad-radius-sm);padding:9px 10px;box-shadow:var(--cad-shadow-sm);display:flex;flex-direction:column;gap:7px;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color var(--cad-dur) var(--cad-ease),box-shadow var(--cad-dur) var(--cad-ease)}.tb__card:hover{border-color:var(--cad-border-strong);box-shadow:var(--cad-shadow-md)}.tb__card:focus-visible{outline:2px solid var(--cad-ring);outline-offset:1px}.tb__card.is-orphan{border-left:2px dashed var(--cad-warning)}:host(.is-static) .tb__card,:host(.is-static) .tb__row{cursor:default}.tb__title{font-weight:500;line-height:1.32}.tb__meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tb__tag{font-family:var(--cad-font-mono);font-size:10px;padding:2px 6px;border-radius:var(--cad-radius-sm);background:var(--cad-elevated);color:var(--cad-fg-secondary)}.tb__due{font-family:var(--cad-font-mono);font-size:var(--cad-font-size-sm);color:var(--cad-fg-muted);font-variant-numeric:tabular-nums}.tb__due.is-late{color:var(--cad-danger);font-weight:500}.tb__sp{flex:1 1 auto}.tb__prog{height:3px;border-radius:var(--cad-radius-pill);background:var(--cad-elevated);overflow:hidden}.tb__prog i{display:block;height:100%;border-radius:var(--cad-radius-pill);background:var(--cad-accent)}.tb__prog.is-done i{background:var(--cad-success)}.tb__empty{padding:14px 10px;text-align:center;color:var(--cad-fg-muted);font-size:var(--cad-font-size-sm);border:1px dashed var(--cad-border-strong);border-radius:var(--cad-radius-sm)}.tb__rows{flex:1;min-height:0;overflow-y:auto;padding-bottom:12px;scrollbar-gutter:stable}.tb__grp{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:var(--cad-bg-subtle);border-top:1px solid var(--cad-border);border-bottom:1px solid var(--cad-border);position:sticky;top:0;z-index:1;cursor:pointer;text-align:left;font:inherit;color:inherit}.tb__grp:hover{background:var(--cad-hover)}.tb__grp:focus-visible{outline:2px solid var(--cad-ring);outline-offset:-2px}.tb__grp cad-icon{color:var(--cad-fg-muted);transition:transform var(--cad-dur) var(--cad-ease)}.tb__grp.is-collapsed cad-icon{transform:rotate(-90deg)}.tb__grp b{font-weight:500}.tb__group-list{display:block}.tb__row{display:grid;grid-template-columns:1fr 92px 88px 26px;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--cad-border);cursor:grab;-webkit-user-select:none;user-select:none;background:var(--cad-bg)}.tb__row:hover{background:var(--cad-hover)}.tb__row:focus-visible{outline:2px solid var(--cad-ring);outline-offset:-2px}.tb__row.is-orphan{box-shadow:inset 2px 0 0 var(--cad-warning)}.tb__main{min-width:0;display:flex;flex-direction:column;gap:4px}.tb__main .tb__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb__pct{display:flex;align-items:center;gap:7px}.tb__pct .tb__prog{flex:1}.tb__pct span{font-family:var(--cad-font-mono);font-size:10px;color:var(--cad-fg-muted);font-variant-numeric:tabular-nums}:host(.is-compact) .tb__row{grid-template-columns:1fr 26px}:host(.is-compact) .tb__cell-due,:host(.is-compact) .tb__pct{display:none}:host(.is-compact) .tb__mob{display:inline-flex}.tb__mob{display:none;align-items:center;gap:7px}.cdk-drag-preview{box-shadow:var(--cad-shadow-lg);border-radius:var(--cad-radius-sm);background:var(--cad-overlay);--cad-hover: var(--cad-overlay-hover);border:1px solid var(--cad-border)}.cdk-drag-placeholder{opacity:.34}.cdk-drag-animating{transition:transform .18s var(--cad-ease)}.tb__list.cdk-drop-list-dragging .tb__card:not(.cdk-drag-placeholder),.tb__group-list.cdk-drop-list-dragging .tb__row:not(.cdk-drag-placeholder){transition:transform .18s var(--cad-ease)}.tb__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.cdk-drag-animating,.tb__list.cdk-drop-list-dragging .tb__card,.tb__grp cad-icon{transition:none}}\n"] }]
         }], propDecorators: { plan: [{ type: i0.Input, args: [{ isSignal: true, alias: "plan", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], groupBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupBy", required: false }] }], dragDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragDisabled", required: false }] }], collapsedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedKeys", required: false }] }, { type: i0.Output, args: ["collapsedKeysChange"] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], today: [{ type: i0.Input, args: [{ isSignal: true, alias: "today", required: false }] }], taskMove: [{ type: i0.Output, args: ["taskMove"] }], taskAssign: [{ type: i0.Output, args: ["taskAssign"] }], taskOpen: [{ type: i0.Output, args: ["taskOpen"] }], wipExceeded: [{ type: i0.Output, args: ["wipExceeded"] }], cardTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CadTaskCardDirective), { isSignal: true }] }], rowTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CadTaskRowDirective), { isSignal: true }] }] } });
 
+/**
+ * Styles de cad-calendar. Tokens --cad-* uniquement.
+ *
+ * ATTENTION : ce fichier n'est PAS couvert par tools/check-styles.mjs, qui ne scanne que les
+ * blocs « styles: [ » en ligne. Aucun accent grave dans les commentaires ci-dessous : un seul
+ * refermerait le litteral gabarit et Angular echouerait sur « Failed to resolve styles ».
+ */
+const CAD_CALENDAR_STYLES = `
+:host { display: flex; flex-direction: column; min-height: 0; height: 100%;
+        font: var(--cad-font-size)/1.4 var(--cad-font); color: var(--cad-fg); background: var(--cad-bg); }
+
+.cal__corps { flex: 1; min-height: 0; display: flex; }
+.cal__vue { flex: 1; min-width: 0; min-height: 0; overflow: auto; }
+
+/* ---------------- MOIS ---------------- */
+.mois { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));
+        grid-template-rows: auto; grid-auto-rows: minmax(84px, 1fr); min-height: 100%; }
+/* grid-template-rows: auto pour la premiere rangee : sans elle, grid-auto-rows s'applique
+   aussi aux en-tetes de jour, qui heritent de la hauteur des cases et laissent une bande vide. */
+.mois__jsem { padding: 6px 8px; text-align: right; border-bottom: 1px solid var(--cad-border-strong);
+              background: var(--cad-bg-subtle); position: sticky; top: 0; z-index: 4;
+              font: 600 10.5px var(--cad-font-mono); letter-spacing: .06em; text-transform: uppercase;
+              color: var(--cad-fg-muted); }
+
+/* La rangee de semaine est un CONTENEUR relatif : les bandeaux multi-jours sont un calque
+   par-dessus les cases, seule facon de les rendre continus d'un jour a l'autre. */
+.mois__sem { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));
+             position: relative; border-bottom: 1px solid var(--cad-border); min-height: 84px; }
+.mois__jour { border-right: 1px solid var(--cad-border); padding: 3px; min-width: 0;
+              display: flex; flex-direction: column; gap: 2px; }
+.mois__jour:last-child { border-right: 0; }
+.mois__jour.is-hors { background: var(--cad-bg-subtle); }
+.mois__jour.is-ferme { background: var(--cad-bg-subtle); }
+.mois__n { font: 11px var(--cad-font-mono); color: var(--cad-fg-secondary); text-align: right;
+           padding: 1px 3px; font-variant-numeric: tabular-nums; flex: none; }
+.mois__jour.is-auj .mois__n { background: var(--cad-accent); color: var(--cad-fg-on-accent);
+                              border-radius: var(--cad-radius-sm); font-weight: 600; }
+.mois__reserve { flex: none; }
+
+.calque { position: absolute; left: 0; right: 0; pointer-events: none; z-index: 2; }
+.bandeau { position: absolute; height: 17px; border-radius: var(--cad-radius-sm); padding: 0 7px;
+           font-size: 10.5px; line-height: 17px; white-space: nowrap; overflow: hidden;
+           text-overflow: ellipsis; pointer-events: auto; cursor: pointer;
+           background: color-mix(in srgb, var(--_c) 22%, transparent); color: var(--_c);
+           border: 1px solid color-mix(in srgb, var(--_c) 42%, transparent); }
+.bandeau.is-avant { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-style: dashed; }
+.bandeau.is-apres { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-style: dashed; }
+
+.puce { display: flex; align-items: center; gap: 5px; font-size: 10.5px; padding: 1px 5px;
+        border-radius: var(--cad-radius-sm); white-space: nowrap; overflow: hidden;
+        text-overflow: ellipsis; cursor: pointer; border-left: 2px solid var(--_c);
+        background: color-mix(in srgb, var(--_c) 13%, transparent); color: var(--_c); }
+.puce:hover { background: color-mix(in srgb, var(--_c) 22%, transparent); }
+.puce__h { font: 9.5px var(--cad-font-mono); opacity: .85; flex: none; font-variant-numeric: tabular-nums; }
+.puce__t { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.plus { all: unset; box-sizing: border-box; font-size: 10px; color: var(--cad-fg-muted);
+        padding: 1px 5px; cursor: pointer; border-radius: var(--cad-radius-sm); }
+.plus:hover { color: var(--cad-accent); background: var(--cad-hover); }
+
+/* ---------------- SEMAINE / JOUR ---------------- */
+.grille { min-width: 0; display: flex; flex-direction: column; height: 100%; }
+.grille__hd { display: grid; position: sticky; top: 0; z-index: 5; background: var(--cad-bg-subtle);
+              border-bottom: 1px solid var(--cad-border-strong); flex: none; }
+.grille__hd > div { padding: 5px 6px; text-align: center; border-right: 1px solid var(--cad-border); min-width: 0; }
+.grille__hd > div:last-child { border-right: 0; }
+.grille__d { font: 10px var(--cad-font-mono); color: var(--cad-fg-muted);
+             text-transform: uppercase; letter-spacing: .06em; }
+.grille__n { font-size: 16px; font-weight: 600; letter-spacing: -.02em; }
+.is-auj .grille__n { color: var(--cad-accent); }
+
+.bande { display: grid; border-bottom: 1px solid var(--cad-border-strong);
+         background: var(--cad-bg-subtle); flex: none; }
+.bande__lbl { font: 9px var(--cad-font-mono); color: var(--cad-fg-muted); padding: 4px 6px;
+              text-align: right; border-right: 1px solid var(--cad-border); }
+.bande__zone { grid-column: 2 / -1; position: relative; padding: 2px 0; }
+
+.heures { display: grid; position: relative; flex: 1; min-height: 0; overflow: auto; }
+.heures__lbl { border-right: 1px solid var(--cad-border); }
+.heures__lbl > div { font: 9.5px var(--cad-font-mono); color: var(--cad-fg-muted);
+                     text-align: right; padding-right: 6px; transform: translateY(-6px); }
+.heures__col { border-right: 1px solid var(--cad-border); position: relative; min-width: 0; }
+.heures__col:last-child { border-right: 0; }
+.heures__col.is-ferme { background: var(--cad-bg-subtle); }
+.trait { position: absolute; left: 0; right: 0; border-top: 1px solid var(--cad-border); pointer-events: none; }
+.trait.is-demi { border-top-style: dotted; opacity: .55; }
+
+.evt { position: absolute; border-radius: var(--cad-radius-sm); padding: 1px 5px; overflow: hidden;
+       cursor: pointer; border-left: 3px solid var(--_c); font-size: 10.5px; line-height: 1.25;
+       background: color-mix(in srgb, var(--_c) 15%, transparent); color: var(--_c); }
+.evt:hover { background: color-mix(in srgb, var(--_c) 26%, transparent); }
+.evt__t { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.evt__h { font: 9px var(--cad-font-mono); opacity: .85; }
+.maintenant { position: absolute; left: 0; right: 0; height: 2px; background: var(--cad-danger); z-index: 4; pointer-events: none; }
+.maintenant::before { content: ''; position: absolute; left: -3px; top: -3px; width: 8px; height: 8px;
+                      border-radius: 50%; background: var(--cad-danger); }
+
+/* ---------------- AGENDA ---------------- */
+.agenda { display: flex; flex-direction: column; }
+.ag__jour { display: grid; grid-template-columns: 72px minmax(0, 1fr); border-bottom: 1px solid var(--cad-border); }
+.ag__d { padding: 9px 11px; border-right: 1px solid var(--cad-border); background: var(--cad-bg-subtle); }
+.ag__d b { display: block; font-size: 18px; font-weight: 600; letter-spacing: -.02em; }
+.ag__d span { display: block; font: 9.5px var(--cad-font-mono); color: var(--cad-fg-muted); text-transform: uppercase; }
+.ag__d.is-auj b { color: var(--cad-accent); }
+.ag__l { padding: 5px 0; min-width: 0; }
+.ag__e { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 9px;
+         padding: 6px 11px; cursor: pointer; width: 100%; min-height: 34px; }
+.ag__e:hover { background: var(--cad-hover); }
+.ag__e:focus-visible { outline: 2px solid var(--cad-accent); outline-offset: -2px; }
+.ag__p { width: 8px; height: 8px; border-radius: 50%; background: var(--_c); flex: none; }
+.ag__h { font: 11px var(--cad-font-mono); color: var(--cad-fg-secondary); flex: none;
+         width: 92px; font-variant-numeric: tabular-nums; }
+.ag__t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ag__c { margin-left: auto; font-size: 10.5px; color: var(--cad-fg-muted); flex: none; }
+
+/* ---------------- ANNEE ---------------- */
+.annee { display: grid; grid-template-columns: repeat(auto-fill, minmax(178px, 1fr)); gap: 14px; padding: 14px; }
+.mm { border: 1px solid var(--cad-border); border-radius: var(--cad-radius); padding: 8px; background: var(--cad-surface); }
+.mm__t { font-size: 12px; font-weight: 600; margin-bottom: 5px; text-transform: capitalize; }
+.mm__g { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; }
+.mm__g > span, .mm__g > button { all: unset; box-sizing: border-box; text-align: center;
+        font: 9.5px var(--cad-font-mono); padding: 2px 0; border-radius: 3px;
+        color: var(--cad-fg-secondary); font-variant-numeric: tabular-nums; }
+.mm__g > span { color: var(--cad-fg-muted); font-weight: 500; }
+.mm__g > button { cursor: pointer; position: relative; }
+.mm__g > button:hover { background: var(--cad-hover); }
+.mm__g > button.is-hors { opacity: .35; }
+.mm__g > button.is-auj { background: var(--cad-accent); color: var(--cad-fg-on-accent); font-weight: 600; }
+.mm__pt { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
+          width: 3px; height: 3px; border-radius: 50%; background: var(--cad-accent); }
+.mm__g > button.is-auj .mm__pt { background: var(--cad-fg-on-accent); }
+
+/* ---------------- EDITION ---------------- */
+/* Les poignees n'existent que si l'edition est active ET l'evenement manipulable : une
+   poignee qui ne repond pas est pire que pas de poignee. */
+.evt.is-editable, .bandeau.is-editable, .puce.is-editable { cursor: grab; }
+.evt.is-editable:active, .bandeau.is-editable:active, .puce.is-editable:active { cursor: grabbing; }
+.poignee { position: absolute; z-index: 2; }
+.evt .poignee { left: 0; right: 0; height: 6px; cursor: ns-resize; }
+.evt .poignee.is-haut { top: 0; }
+.evt .poignee.is-bas { bottom: 0; }
+.bandeau .poignee { top: 0; bottom: 0; width: 6px; cursor: ew-resize; }
+.bandeau .poignee.is-haut { left: 0; }
+.bandeau .poignee.is-bas { right: 0; }
+.poignee::after { content: ''; position: absolute; inset: 0; }
+
+/* Une occurrence de SERIE n'est pas manipulable tant que l'edition de recurrence n'existe
+   pas : bouger une occurrence sans savoir si l'on modifie l'occurrence, la suite ou toute la
+   serie perdrait la modification en silence. On le MONTRE au lieu de laisser essayer. */
+.evt.is-verrouille, .bandeau.is-verrouille, .puce.is-verrouille { cursor: not-allowed; position: relative; }
+.evt.is-verrouille::after, .bandeau.is-verrouille::after, .puce.is-verrouille::after {
+  content: ''; position: absolute; inset: 0; pointer-events: none;
+  background: repeating-linear-gradient(-45deg, currentColor 0 1px, transparent 1px 5px); opacity: .18; }
+
+/* Fantome du geste en cours : il montre ou l'on va tomber, apres aimantage. */
+.fantome { position: absolute; z-index: 6; pointer-events: none; border-radius: var(--cad-radius-sm);
+           background: var(--cad-accent-soft); border: 1px dashed var(--cad-accent);
+           color: var(--cad-accent); font: 10.5px var(--cad-font-mono); padding: 1px 5px;
+           overflow: hidden; white-space: nowrap; }
+
+/* ---------------- vide ---------------- */
+.vide { padding: 28px 16px; color: var(--cad-fg-muted); text-align: center; }
+
+@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
+`;
+
+/**
+ * `<cad-calendar [plan]="plan" [sources]="agendas" view="auto"/>`
+ *
+ * LA GRILLE EST LE TEMPS — c'est ce qui le distingue de `cad-scheduler`, dont les lignes sont
+ * des ressources. On répond ici à « qu'est-ce qui se passe le 17 ? », là-bas à « qui est libre
+ * jeudi ? ». Deux questions, deux composants, un seul document JSON.
+ *
+ * L'AGENDA D'UNE TÂCHE EST SON `bucket`. Pas un champ de plus : le taskboard rend les buckets
+ * en colonnes, le calendrier les rend en agendas superposés. C'est le pari « une donnée,
+ * plusieurs vues » qui paie, et ça évite d'inventer un `calendarId` que les autres vues
+ * ignoreraient.
+ *
+ * LA RÉCURRENCE EST EN LECTURE SEULE (voir `planning.recurrence.ts`). On déplie une règle pour
+ * l'afficher ; on n'édite pas de série. Une récurrence à moitié faite perd des modifications
+ * sans le dire — déplier n'écrit rien, donc ne peut rien perdre.
+ *
+ * LE COMPOSANT N'ÉCRIT JAMAIS : il émet `eventClick`, `dateClick`, `rangeChange`. Masquer un
+ * agenda est en revanche un état de PRÉSENTATION, donc un `model()` qu'il porte lui-même.
+ */
+class CadCalendarComponent {
+    Math = Math;
+    bp = inject(CadBreakpointService);
+    hote = inject((ElementRef));
+    /**
+     * Une colonne de jour, pour mesurer la largeur d'un pas horizontal.
+     *
+     * On MESURE au lieu de calculer : les colonnes sont en `minmax(0, 1fr)`, donc leur largeur
+     * dépend du conteneur, de la barre de défilement et du zoom. Un calcul serait faux dès que
+     * l'un des trois change, et le glisser dériverait d'un jour sans que rien ne le signale.
+     */
+    largeurColonne() {
+        const el = this.hote.nativeElement;
+        return el.querySelector('.heures__col') ?? el.querySelector('.mois__jour');
+    }
+    plan = input(null, ...(ngDevMode ? [{ debugName: "plan" }] : /* istanbul ignore next */ []));
+    /** Agendas superposables. Un `bucket` sans source déclarée prend l'accent et son propre nom. */
+    sources = input([], ...(ngDevMode ? [{ debugName: "sources" }] : /* istanbul ignore next */ []));
+    /** Agendas décochés. État de PRÉSENTATION, donc porté ici et lié en deux sens. */
+    hidden = model(new Set(), ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
+    view = model('auto', ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+    /** Date d'ancrage : le mois, la semaine ou le jour affiché. */
+    date = model(new Date(), ...(ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []));
+    /** 1 = lundi (défaut), 0 = dimanche. Touche le mois, la semaine ET le mini-calendrier. */
+    firstDay = input(1, ...(ngDevMode ? [{ debugName: "firstDay" }] : /* istanbul ignore next */ []));
+    /** Plage horaire affichée, en heures. Réglable : 7 → 20 par défaut. */
+    dayStart = input(7, ...(ngDevMode ? [{ debugName: "dayStart" }] : /* istanbul ignore next */ []));
+    dayEnd = input(20, ...(ngDevMode ? [{ debugName: "dayEnd" }] : /* istanbul ignore next */ []));
+    hourHeight = input(34, ...(ngDevMode ? [{ debugName: "hourHeight" }] : /* istanbul ignore next */ []));
+    /** Événements montrés dans une case de mois avant le « +N ». */
+    maxPerDay = input(3, ...(ngDevMode ? [{ debugName: "maxPerDay" }] : /* istanbul ignore next */ []));
+    workCalendar = input(null, ...(ngDevMode ? [{ debugName: "workCalendar" }] : /* istanbul ignore next */ []));
+    today = input(null, ...(ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []));
+    locale = input('fr-FR', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    emptyText = input('Aucun événement sur la période', ...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    showNow = input(true, { ...(ngDevMode ? { debugName: "showNow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    eventClick = output();
+    dateClick = output();
+    /** La fenêtre affichée a changé : l'hôte peut aller chercher les données qui manquent. */
+    rangeChange = output();
+    /** Gestes d'édition. `false` = vue en lecture, sans poignée ni curseur trompeur. */
+    editable = input(false, { ...(ngDevMode ? { debugName: "editable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Aimantage, en minutes. Sans lui on crée des réunions de 9 h 07 que personne n'a voulues. */
+    snap = input(15, ...(ngDevMode ? [{ debugName: "snap" }] : /* istanbul ignore next */ []));
+    eventMove = output();
+    eventResize = output();
+    eventCreate = output();
+    /** `auto` : agenda sous le seuil. Une grille de mois à 55 px par jour ne montre plus rien. */
+    vueEffective = computed(() => {
+        const v = this.view();
+        if (v !== 'auto')
+            return v;
+        return this.bp.isMobile() ? 'agenda' : 'month';
+    }, ...(ngDevMode ? [{ debugName: "vueEffective" }] : /* istanbul ignore next */ []));
+    normalise = computed(() => cadNormalizePlan(this.plan()), ...(ngDevMode ? [{ debugName: "normalise" }] : /* istanbul ignore next */ []));
+    ajd = computed(() => cadMinuit(this.today() ?? new Date()), ...(ngDevMode ? [{ debugName: "ajd" }] : /* istanbul ignore next */ []));
+    hauteurHeure = computed(() => this.hourHeight(), ...(ngDevMode ? [{ debugName: "hauteurHeure" }] : /* istanbul ignore next */ []));
+    hauteurTotale = computed(() => (this.dayEnd() - this.dayStart()) * this.hourHeight(), ...(ngDevMode ? [{ debugName: "hauteurTotale" }] : /* istanbul ignore next */ []));
+    heuresAffichees = computed(() => {
+        const out = [];
+        for (let h = this.dayStart(); h <= this.dayEnd(); h++)
+            out.push(h);
+        return out;
+    }, ...(ngDevMode ? [{ debugName: "heuresAffichees" }] : /* istanbul ignore next */ []));
+    /** Fenêtre couverte par la vue courante. Elle borne le dépliage : on ne projette pas l'infini. */
+    fenetre = computed(() => {
+        const d = this.date();
+        const v = this.vueEffective();
+        if (v === 'day') {
+            const s = cadMinuit(d);
+            return { start: s, end: new Date(s.getFullYear(), s.getMonth(), s.getDate(), 23, 59, 59) };
+        }
+        if (v === 'week') {
+            const s = cadDebutSemaine(d, this.firstDay());
+            const e = new Date(s);
+            e.setDate(e.getDate() + 6);
+            e.setHours(23, 59, 59);
+            return { start: s, end: e };
+        }
+        if (v === 'year') {
+            return { start: new Date(d.getFullYear(), 0, 1), end: new Date(d.getFullYear(), 11, 31, 23, 59, 59) };
+        }
+        const g = cadMonthGrid(d, this.firstDay());
+        const dernier = g.semaines[g.semaines.length - 1][6];
+        return { start: g.debut, end: new Date(dernier.getFullYear(), dernier.getMonth(), dernier.getDate(), 23, 59, 59) };
+    }, ...(ngDevMode ? [{ debugName: "fenetre" }] : /* istanbul ignore next */ []));
+    /**
+     * CORRECTIF OPTIMISTE. Le composant n'écrit jamais dans le document — mais sans état local
+     * le geste serait mort à l'écran : on relâche, et la barre revient à sa place en attendant
+     * que l'hôte réponde. On garde donc les bornes proposées, ATTACHÉES au `plan` d'origine, et
+     * on les abandonne dès qu'un nouveau `plan` arrive. Même patron que `cad-taskboard`.
+     */
+    patch = signal({ src: null, map: new Map() }, ...(ngDevMode ? [{ debugName: "patch" }] : /* istanbul ignore next */ []));
+    occurrences = computed(() => {
+        const f = this.fenetre();
+        const caches = this.hidden();
+        const { occurrences } = cadExpandOccurrences(this.normalise().tasks, f.start, f.end);
+        const base = occurrences.filter((o) => !caches.has(o.task.bucket ?? ''));
+        const p = this.patch();
+        if (p.src !== this.plan() || !p.map.size)
+            return base;
+        return base.map((o) => {
+            const n = p.map.get(o.id);
+            return n ? { ...o, start: n.start, end: n.end } : o;
+        });
+    }, ...(ngDevMode ? [{ debugName: "occurrences" }] : /* istanbul ignore next */ []));
+    /** Fantôme du geste en cours : il montre où l'on va tomber, APRÈS aimantage. */
+    fantome = signal(null, ...(ngDevMode ? [{ debugName: "fantome" }] : /* istanbul ignore next */ []));
+    /** Anomalies de dépliage — jamais tues : l'hôte peut les montrer. */
+    issues = computed(() => cadExpandOccurrences(this.normalise().tasks, this.fenetre().start, this.fenetre().end).issues, ...(ngDevMode ? [{ debugName: "issues" }] : /* istanbul ignore next */ []));
+    parJour = computed(() => {
+        const carte = new Map();
+        for (const o of this.occurrences()) {
+            const d0 = cadNumeroJour(o.start), d1 = cadNumeroJour(o.end);
+            for (let n = d0; n <= d1; n++)
+                (carte.get(n) ?? carte.set(n, []).get(n)).push(o);
+        }
+        return carte;
+    }, ...(ngDevMode ? [{ debugName: "parJour" }] : /* istanbul ignore next */ []));
+    nomsJours = computed(() => {
+        const base = ['lun', 'mar', 'mer', 'jeu', 'ven', 'sam', 'dim'];
+        return this.firstDay() === 0 ? ['dim', ...base.slice(0, 6)] : base;
+    }, ...(ngDevMode ? [{ debugName: "nomsJours" }] : /* istanbul ignore next */ []));
+    semaines = computed(() => {
+        const g = cadMonthGrid(this.date(), this.firstDay());
+        const occ = this.occurrences();
+        const wc = this.workCalendar();
+        const ajd = cadNumeroJour(this.ajd());
+        const max = this.maxPerDay();
+        return g.semaines.map((jours) => {
+            const { bandes, voies } = cadWeekBands(occ, jours);
+            return {
+                voies,
+                bandes,
+                jours: jours.map((date) => {
+                    const n = cadNumeroJour(date);
+                    const duJour = (this.parJour().get(n) ?? []).filter((o) => !cadEstBandeau(o));
+                    return {
+                        date, cle: n, n: date.getDate(),
+                        hors: date.getMonth() !== g.mois,
+                        auj: n === ajd,
+                        ferme: wc ? !wc.isWorkday(date) : false,
+                        puces: duJour.slice(0, max),
+                        reste: Math.max(0, duJour.length - max),
+                    };
+                }),
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []));
+    joursGrille = computed(() => {
+        const v = this.vueEffective();
+        const jours = v === 'day'
+            ? [cadMinuit(this.date())]
+            : Array.from({ length: 7 }, (_, k) => { const d = cadDebutSemaine(this.date(), this.firstDay()); d.setDate(d.getDate() + k); return d; });
+        const wc = this.workCalendar();
+        const ajd = cadNumeroJour(this.ajd());
+        return jours.map((date) => {
+            const n = cadNumeroJour(date);
+            return {
+                date, cle: n, n: date.getDate(), jsem: this.nomsJours()[(date.getDay() + 6) % 7],
+                auj: n === ajd,
+                ferme: wc ? !wc.isWorkday(date) : false,
+                slots: cadPackDay(this.parJour().get(n) ?? [], this.dayStart() * 60, this.dayEnd() * 60),
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "joursGrille" }] : /* istanbul ignore next */ []));
+    bandeGrille = computed(() => cadWeekBands(this.occurrences(), this.joursGrille().map((j) => j.date)), ...(ngDevMode ? [{ debugName: "bandeGrille" }] : /* istanbul ignore next */ []));
+    colonnes = computed(() => `54px repeat(${this.joursGrille().length}, minmax(0, 1fr))`, ...(ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []));
+    maintenant = computed(() => {
+        if (!this.showNow())
+            return null;
+        const n = this.today() ?? new Date();
+        const m = n.getHours() * 60 + n.getMinutes();
+        if (m < this.dayStart() * 60 || m > this.dayEnd() * 60)
+            return null;
+        return (m - this.dayStart() * 60) / 60 * this.hourHeight();
+    }, ...(ngDevMode ? [{ debugName: "maintenant" }] : /* istanbul ignore next */ []));
+    groupes = computed(() => {
+        const carte = new Map();
+        for (const [n, liste] of this.parJour())
+            carte.set(n, liste);
+        const ajd = cadNumeroJour(this.ajd());
+        return [...carte.entries()]
+            .sort((a, b) => a[0] - b[0])
+            .map(([n, evts]) => {
+            const date = evts[0].start;
+            const d = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+            // Le jour du groupe est celui de la CASE, pas du premier événement : un multi-jours
+            // apparaît dans chaque jour qu'il couvre, avec le bon quantième.
+            const vrai = new Date(d);
+            vrai.setDate(vrai.getDate() + (n - cadNumeroJour(d)));
+            return {
+                cle: n, n: vrai.getDate(), auj: n === ajd,
+                jsem: this.nomsJours()[(vrai.getDay() + 6) % 7],
+                evts: [...evts].sort((a, b) => Number(b.allDay) - Number(a.allDay) || a.start.getTime() - b.start.getTime()),
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "groupes" }] : /* istanbul ignore next */ []));
+    miniMois = computed(() => {
+        const an = this.date().getFullYear();
+        const ajd = cadNumeroJour(this.ajd());
+        const charge = this.parJour();
+        return Array.from({ length: 12 }, (_, m) => {
+            const g = cadMonthGrid(new Date(an, m, 1), this.firstDay());
+            return {
+                mois: m,
+                titre: new Date(an, m, 1).toLocaleDateString(this.locale(), { month: 'long' }),
+                jours: g.semaines.flat().map((date) => {
+                    const n = cadNumeroJour(date);
+                    return { date, cle: n, n: date.getDate(), hors: date.getMonth() !== m, auj: n === ajd, charge: (charge.get(n) ?? []).length };
+                }),
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "miniMois" }] : /* istanbul ignore next */ []));
+    couleur(o) {
+        const b = o.task.bucket ?? '';
+        const s = this.sources().find((x) => x.id === b);
+        return o.task.color || s?.color || 'var(--cad-accent)';
+    }
+    nomSource(o) {
+        const b = o.task.bucket ?? '';
+        return this.sources().find((x) => x.id === b)?.label ?? b;
+    }
+    heure(d) {
+        return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
+    }
+    titre(o) {
+        const q = o.allDay ? 'journée entière' : `${this.heure(o.start)} – ${this.heure(o.end)}`;
+        const s = this.nomSource(o);
+        return `${o.task.label} · ${q}${s ? ' · ' + s : ''}${o.recurring ? ' · récurrent' : ''}`;
+    }
+    /**
+     * Une occurrence de SÉRIE n'est pas manipulable tant que l'édition de récurrence n'existe
+     * pas. Bouger l'une d'elles sans savoir si l'on modifie l'occurrence, la suite ou toute la
+     * série perdrait la modification EN SILENCE. On le montre (hachures, curseur interdit,
+     * motif au survol) plutôt que de laisser essayer et rater.
+     */
+    manipulable(o) {
+        return this.editable() && !o.recurring && !o.task.locked;
+    }
+    motifVerrou(o) {
+        if (!this.editable())
+            return '';
+        if (o.task.locked)
+            return 'Verrouillé';
+        if (o.recurring)
+            return 'Série : édition au lot récurrence';
+        return '';
+    }
+    geometrie(largeurJour) {
+        return {
+            hauteurHeure: this.hourHeight(),
+            largeurJour,
+            pas: Math.max(1, this.snap()),
+            plageDebut: this.dayStart() * 60,
+            plageFin: this.dayEnd() * 60,
+        };
+    }
+    /**
+     * Un glisser ne doit PAS produire aussi un clic.
+     *
+     * Le navigateur synthétise un `click` après tout `pointerup` sur un bouton : sans cette
+     * garde, déplacer un événement émettait `eventMove` PUIS `eventClick`, et un hôte qui ouvre
+     * une fiche au clic en ouvrirait une à chaque déplacement. Constaté au navigateur le
+     * 22/08/2026 — un test unitaire ne l'aurait pas vu, le clic synthétique n'existe pas en jsdom.
+     */
+    finGeste = 0;
+    poser(o, bornes) {
+        const p = this.patch();
+        const map = p.src === this.plan() ? new Map(p.map) : new Map();
+        map.set(o.id, bornes);
+        this.patch.set({ src: this.plan(), map });
+    }
+    /**
+     * Un geste au pointeur. Le patron vient de `cadStartResize` de `cad-table` : on écoute sur
+     * le DOCUMENT, pas sur l'élément — sinon le geste s'interrompt dès que le pointeur sort de
+     * la barre, ce qui arrive tout le temps quand on déplace vite.
+     */
+    geste(kind, o, ev, colonne) {
+        if (!this.manipulable(o))
+            return;
+        ev.preventDefault();
+        ev.stopPropagation();
+        const g = this.geometrie(colonne?.getBoundingClientRect().width ?? 0);
+        const base = { start: o.start, end: o.end, allDay: o.allDay };
+        const x0 = ev.clientX, y0 = ev.clientY;
+        let bouge = false;
+        const projette = (e) => cadProjeterEdition(kind, base, e.clientX - x0, e.clientY - y0, g);
+        const move = (e) => { bouge = true; this.poser(o, projette(e)); };
+        const up = (e) => {
+            document.removeEventListener('pointermove', move);
+            document.removeEventListener('pointerup', up);
+            if (!bouge)
+                return;
+            this.finGeste = Date.now();
+            const b = projette(e);
+            if (b.start.getTime() === base.start.getTime() && b.end.getTime() === base.end.getTime())
+                return;
+            this.poser(o, b);
+            const charge = { occurrence: o, start: b.start, end: b.end };
+            (kind === 'move' ? this.eventMove : this.eventResize).emit(charge);
+        };
+        document.addEventListener('pointermove', move);
+        document.addEventListener('pointerup', up);
+    }
+    /**
+     * Geste dans la GRILLE DE MOIS — projection différente, et c'est la correction du 22/08/2026.
+     *
+     * Ici l'axe vertical n'est pas l'heure : c'est la semaine. Une rangée vaut SEPT JOURS et
+     * l'heure ne bouge pas. En passant par la projection horaire, glisser d'une rangée déplaçait
+     * un rendez-vous de 10 h 30 à 13 h 30 sans changer de date — mesuré au navigateur, signalé
+     * par SZU. On MESURE la rangée plutôt que de la calculer : sa hauteur dépend du nombre de
+     * voies de bandeaux, donc elle change d'une semaine à l'autre.
+     */
+    gesteMois(kind, o, ev) {
+        if (!this.manipulable(o))
+            return;
+        ev.preventDefault();
+        ev.stopPropagation();
+        const el = this.hote.nativeElement;
+        const rangee = ev.target.closest('.mois__sem') ?? el.querySelector('.mois__sem');
+        const g = {
+            largeurJour: el.querySelector('.mois__jour')?.getBoundingClientRect().width ?? 0,
+            hauteurRangee: rangee?.getBoundingClientRect().height ?? 0,
+        };
+        const base = { start: o.start, end: o.end, allDay: o.allDay };
+        const x0 = ev.clientX, y0 = ev.clientY;
+        let bouge = false;
+        const projette = (e) => cadProjeterMois(kind, base, e.clientX - x0, e.clientY - y0, g);
+        const move = (e) => { bouge = true; this.poser(o, projette(e)); };
+        const up = (e) => {
+            document.removeEventListener('pointermove', move);
+            document.removeEventListener('pointerup', up);
+            if (!bouge)
+                return;
+            this.finGeste = Date.now();
+            const b = projette(e);
+            if (b.start.getTime() === base.start.getTime() && b.end.getTime() === base.end.getTime())
+                return;
+            this.poser(o, b);
+            const charge = { occurrence: o, start: b.start, end: b.end };
+            (kind === 'move' ? this.eventMove : this.eventResize).emit(charge);
+        };
+        document.addEventListener('pointermove', move);
+        document.addEventListener('pointerup', up);
+    }
+    /** Création par glisser sur une plage libre. Un clic sec produit un pas, jamais rien. */
+    creer(jour, ev, colonne) {
+        if (!this.editable())
+            return;
+        if (ev.target.closest('.evt'))
+            return;
+        ev.preventDefault();
+        const rect = colonne.getBoundingClientRect();
+        const g = this.geometrie(rect.width);
+        const y0 = ev.clientY - rect.top;
+        const cle = cadNumeroJour(jour);
+        const dessine = (y1) => {
+            const b = cadProjeterCreation(jour, y0, y1, g);
+            const h = (o) => (o.getHours() * 60 + o.getMinutes() - g.plageDebut) / 60 * g.hauteurHeure;
+            this.fantome.set({ jour: cle, haut: h(b.start), hauteur: Math.max(12, h(b.end) - h(b.start)),
+                texte: this.heure(b.start) + ' – ' + this.heure(b.end) });
+            return b;
+        };
+        dessine(y0);
+        const move = (e) => dessine(e.clientY - rect.top);
+        const up = (e) => {
+            document.removeEventListener('pointermove', move);
+            document.removeEventListener('pointerup', up);
+            const b = cadProjeterCreation(jour, y0, e.clientY - rect.top, g);
+            this.fantome.set(null);
+            this.finGeste = Date.now();
+            this.eventCreate.emit({ start: b.start, end: b.end, allDay: false });
+        };
+        document.addEventListener('pointermove', move);
+        document.addEventListener('pointerup', up);
+    }
+    /**
+     * Le CLAVIER passe par la MÊME projection que le pointeur — une seule logique de placement
+     * à éprouver, et l'accessibilité n'est pas une reprise ultérieure qui dérive.
+     * Ctrl/Cmd + flèches déplacent, Maj + flèches verticales redimensionnent par le bas.
+     */
+    clavier(o, e) {
+        if (!this.manipulable(o))
+            return;
+        const fleches = {
+            ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1],
+        };
+        const d = fleches[e.key];
+        if (!d)
+            return;
+        const deplace = e.ctrlKey || e.metaKey;
+        const taille = e.shiftKey;
+        if (!deplace && !taille)
+            return;
+        e.preventDefault();
+        const g = this.geometrie(1);
+        const base = { start: o.start, end: o.end, allDay: o.allDay };
+        const kind = taille ? 'resize-end' : 'move';
+        const b = cadProjeterEdition(kind, base, d[0] * g.largeurJour, (d[1] * g.pas / 60) * g.hauteurHeure, g);
+        this.poser(o, b);
+        (kind === 'move' ? this.eventMove : this.eventResize).emit({ occurrence: o, start: b.start, end: b.end });
+    }
+    clicEvenement(occurrence, originalEvent) {
+        // Le clic qui SUIT un glisser est celui du navigateur, pas celui de l'utilisateur.
+        if (Date.now() - this.finGeste < 300)
+            return;
+        this.eventClick.emit({ occurrence, originalEvent });
+    }
+    /** Le « +N » et un jour de la vue année mènent au JOUR : c'est ce qu'on cherchait. */
+    voirJour(date, originalEvent) {
+        this.dateClick.emit({ date, originalEvent });
+        this.date.set(date);
+        if (this.view() !== 'auto')
+            this.view.set('day');
+    }
+    constructor() {
+        // La fenêtre est annoncée : un hôte qui charge à la demande sait quoi aller chercher.
+        let derniere = '';
+        setTimeout(() => {
+            const f = this.fenetre();
+            const k = f.start.toISOString() + f.end.toISOString();
+            if (k !== derniere) {
+                derniere = k;
+                this.rangeChange.emit(f);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadCalendarComponent, isStandalone: true, selector: "cad-calendar", inputs: { plan: { classPropertyName: "plan", publicName: "plan", isSignal: true, isRequired: false, transformFunction: null }, sources: { classPropertyName: "sources", publicName: "sources", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", 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 }, firstDay: { classPropertyName: "firstDay", publicName: "firstDay", isSignal: true, isRequired: false, transformFunction: null }, dayStart: { classPropertyName: "dayStart", publicName: "dayStart", isSignal: true, isRequired: false, transformFunction: null }, dayEnd: { classPropertyName: "dayEnd", publicName: "dayEnd", isSignal: true, isRequired: false, transformFunction: null }, hourHeight: { classPropertyName: "hourHeight", publicName: "hourHeight", isSignal: true, isRequired: false, transformFunction: null }, maxPerDay: { classPropertyName: "maxPerDay", publicName: "maxPerDay", isSignal: true, isRequired: false, transformFunction: null }, workCalendar: { classPropertyName: "workCalendar", publicName: "workCalendar", isSignal: true, isRequired: false, transformFunction: null }, today: { classPropertyName: "today", publicName: "today", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, showNow: { classPropertyName: "showNow", publicName: "showNow", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hidden: "hiddenChange", view: "viewChange", date: "dateChange", eventClick: "eventClick", dateClick: "dateClick", rangeChange: "rangeChange", eventMove: "eventMove", eventResize: "eventResize", eventCreate: "eventCreate" }, host: { attributes: { "role": "region" }, properties: { "attr.aria-label": "ariaLabel() || null" }, classAttribute: "cad-calendar" }, ngImport: i0, template: `
+    <div class="cal__corps">
+      <div class="cal__vue">
+        @switch (vueEffective()) {
+          @case ('month') {
+            <div class="mois">
+              @for (n of nomsJours(); track $index) { <div class="mois__jsem">{{ n }}</div> }
+              @for (sem of semaines(); track $index) {
+                <div class="mois__sem">
+                  @for (j of sem.jours; track j.cle) {
+                    <div class="mois__jour"
+                         [class.is-hors]="j.hors" [class.is-auj]="j.auj" [class.is-ferme]="j.ferme">
+                      <div class="mois__n">{{ j.n }}</div>
+                      <!-- La place des bandeaux est RÉSERVÉE dans chaque case : le calque étant
+                           en position absolue, sans cette réserve il recouvrirait les puces. -->
+                      <div class="mois__reserve" [style.height.px]="sem.voies * 19"></div>
+                      @for (o of j.puces; track o.id) {
+                        <button type="button" class="puce"
+                                [class.is-editable]="manipulable(o)"
+                                [class.is-verrouille]="editable() && !manipulable(o)"
+                                [style.--_c]="couleur(o)"
+                                [title]="titre(o) + (motifVerrou(o) ? ' · ' + motifVerrou(o) : '')"
+                                (pointerdown)="gesteMois('move', o, $event)"
+                                (keydown)="clavier(o, $event)"
+                                (click)="clicEvenement(o, $event)">
+                          @if (!o.allDay) { <span class="puce__h">{{ heure(o.start) }}</span> }
+                          <span class="puce__t">{{ o.task.label }}</span>
+                          @if (o.recurring) { <span aria-hidden="true">↻</span> }
+                        </button>
+                      }
+                      @if (j.reste > 0) {
+                        <button type="button" class="plus" (click)="voirJour(j.date, $event)">
+                          +{{ j.reste }} autre{{ j.reste > 1 ? 's' : '' }}
+                        </button>
+                      }
+                    </div>
+                  }
+                  <!-- CALQUE DES BANDEAUX : un multi-jours doit être CONTINU d'un jour à
+                       l'autre. Le dessiner dans chaque case le répéterait ; il vit donc
+                       au-dessus de la rangée, en pourcentages de sa largeur. -->
+                  <div class="calque" [style.top.px]="20">
+                    @for (b of sem.bandes; track b.occurrence.id) {
+                      <button type="button" class="bandeau"
+                              [class.is-avant]="b.continueAvant" [class.is-apres]="b.continueApres"
+                              [class.is-editable]="manipulable(b.occurrence)"
+                              [class.is-verrouille]="editable() && !manipulable(b.occurrence)"
+                              [style.--_c]="couleur(b.occurrence)"
+                              [style.left.%]="b.colDebut / 7 * 100"
+                              [style.width.%]="(b.colFin - b.colDebut + 1) / 7 * 100"
+                              [style.top.px]="b.voie * 19"
+                              [title]="titre(b.occurrence) + (motifVerrou(b.occurrence) ? ' · ' + motifVerrou(b.occurrence) : '')"
+                              (pointerdown)="gesteMois('move', b.occurrence, $event)"
+                              (keydown)="clavier(b.occurrence, $event)"
+                              (click)="clicEvenement(b.occurrence, $event)">
+                        {{ b.continueAvant ? '◀ ' : '' }}{{ b.occurrence.task.label }}{{ b.continueApres ? ' ▶' : '' }}
+                        @if (manipulable(b.occurrence)) {
+                          <span class="poignee is-haut" (pointerdown)="gesteMois('resize-start', b.occurrence, $event)"></span>
+                          <span class="poignee is-bas" (pointerdown)="gesteMois('resize-end', b.occurrence, $event)"></span>
+                        }
+                      </button>
+                    }
+                  </div>
+                </div>
+              }
+            </div>
+          }
+
+          @case ('agenda') {
+            <div class="agenda">
+              @for (g of groupes(); track g.cle) {
+                <div class="ag__jour">
+                  <div class="ag__d" [class.is-auj]="g.auj"><b>{{ g.n }}</b><span>{{ g.jsem }}</span></div>
+                  <div class="ag__l">
+                    @for (o of g.evts; track o.id) {
+                      <button type="button" class="ag__e" [style.--_c]="couleur(o)" (click)="clicEvenement(o, $event)">
+                        <span class="ag__p"></span>
+                        <span class="ag__h">{{ o.allDay ? 'journée' : heure(o.start) + ' – ' + heure(o.end) }}</span>
+                        <span class="ag__t">{{ o.task.label }}@if (o.recurring) { <span aria-hidden="true"> ↻</span> }</span>
+                        <span class="ag__c">{{ nomSource(o) }}</span>
+                      </button>
+                    }
+                  </div>
+                </div>
+              } @empty { <div class="vide">{{ emptyText() }}</div> }
+            </div>
+          }
+
+          @case ('year') {
+            <div class="annee">
+              @for (m of miniMois(); track m.mois) {
+                <div class="mm">
+                  <div class="mm__t">{{ m.titre }}</div>
+                  <div class="mm__g">
+                    @for (n of nomsJours(); track $index) { <span>{{ n.charAt(0) }}</span> }
+                    @for (j of m.jours; track j.cle) {
+                      <button type="button" [class.is-hors]="j.hors" [class.is-auj]="j.auj"
+                              [title]="j.charge ? j.charge + ' événement(s)' : ''"
+                              (click)="voirJour(j.date, $event)">
+                        {{ j.n }}@if (j.charge) { <span class="mm__pt"></span> }
+                      </button>
+                    }
+                  </div>
+                </div>
+              }
+            </div>
+          }
+
+          @default {
+            <div class="grille">
+              <div class="grille__hd" [style.grid-template-columns]="colonnes()">
+                <div></div>
+                @for (j of joursGrille(); track j.cle) {
+                  <div [class.is-auj]="j.auj"><div class="grille__d">{{ j.jsem }}</div><div class="grille__n">{{ j.n }}</div></div>
+                }
+              </div>
+
+              <div class="bande" [style.grid-template-columns]="colonnes()">
+                <div class="bande__lbl">jour</div>
+                <div class="bande__zone" [style.height.px]="Math.max(1, bandeGrille().voies) * 19 + 2">
+                  @for (b of bandeGrille().bandes; track b.occurrence.id) {
+                    <button type="button" class="bandeau" #bd
+                            [class.is-avant]="b.continueAvant" [class.is-apres]="b.continueApres"
+                            [class.is-editable]="manipulable(b.occurrence)"
+                            [class.is-verrouille]="editable() && !manipulable(b.occurrence)"
+                            [style.--_c]="couleur(b.occurrence)"
+                            [style.left.%]="b.colDebut / joursGrille().length * 100"
+                            [style.width.%]="(b.colFin - b.colDebut + 1) / joursGrille().length * 100"
+                            [style.top.px]="b.voie * 19"
+                            [title]="titre(b.occurrence) + (motifVerrou(b.occurrence) ? ' · ' + motifVerrou(b.occurrence) : '')"
+                            (pointerdown)="geste('move', b.occurrence, $event, largeurColonne())"
+                            (keydown)="clavier(b.occurrence, $event)"
+                            (click)="clicEvenement(b.occurrence, $event)">
+                      {{ b.continueAvant ? '◀ ' : '' }}{{ b.occurrence.task.label }}{{ b.continueApres ? ' ▶' : '' }}
+                      @if (manipulable(b.occurrence)) {
+                        <span class="poignee is-haut" (pointerdown)="geste('resize-start', b.occurrence, $event, largeurColonne())"></span>
+                        <span class="poignee is-bas" (pointerdown)="geste('resize-end', b.occurrence, $event, largeurColonne())"></span>
+                      }
+                    </button>
+                  }
+                </div>
+              </div>
+
+              <div class="heures" [style.grid-template-columns]="colonnes()">
+                <div class="heures__lbl">
+                  @for (h of heuresAffichees(); track h) { <div [style.height.px]="hauteurHeure()">{{ h }}h</div> }
+                </div>
+                @for (j of joursGrille(); track j.cle) {
+                  <div class="heures__col" #col [class.is-ferme]="j.ferme"
+                       (pointerdown)="creer(j.date, $event, col)">
+                    @for (h of heuresAffichees(); track h) {
+                      <div class="trait" [style.top.px]="(h - dayStart()) * hauteurHeure()"></div>
+                      <div class="trait is-demi" [style.top.px]="(h - dayStart()) * hauteurHeure() + hauteurHeure() / 2"></div>
+                    }
+                    @for (s of j.slots; track s.occurrence.id) {
+                      <button type="button" class="evt"
+                              [class.is-editable]="manipulable(s.occurrence)"
+                              [class.is-verrouille]="editable() && !manipulable(s.occurrence)"
+                              [style.--_c]="couleur(s.occurrence)"
+                              [style.top.px]="s.haut * hauteurTotale()"
+                              [style.height.px]="Math.max(16, s.hauteur * hauteurTotale() - 2)"
+                              [style.left]="'calc(' + (s.voie / s.voies * 100) + '% + 1px)'"
+                              [style.width]="'calc(' + (100 / s.voies) + '% - 3px)'"
+                              [title]="titre(s.occurrence) + (motifVerrou(s.occurrence) ? ' · ' + motifVerrou(s.occurrence) : '')"
+                              (pointerdown)="geste('move', s.occurrence, $event, col)"
+                              (keydown)="clavier(s.occurrence, $event)"
+                              (click)="clicEvenement(s.occurrence, $event)">
+                        <span class="evt__t">{{ s.occurrence.task.label }}@if (s.occurrence.recurring) { <span aria-hidden="true"> ↻</span> }</span>
+                        @if (s.hauteur * hauteurTotale() > 30) {
+                          <span class="evt__h">{{ heure(s.occurrence.start) }} – {{ heure(s.occurrence.end) }}</span>
+                        }
+                        @if (manipulable(s.occurrence)) {
+                          <span class="poignee is-haut" (pointerdown)="geste('resize-start', s.occurrence, $event, col)"></span>
+                          <span class="poignee is-bas" (pointerdown)="geste('resize-end', s.occurrence, $event, col)"></span>
+                        }
+                      </button>
+                    }
+                    @if (fantome(); as f) {
+                      @if (f.jour === j.cle) {
+                        <div class="fantome" [style.top.px]="f.haut" [style.height.px]="f.hauteur"
+                             [style.left.px]="2" [style.right.px]="2">{{ f.texte }}</div>
+                      }
+                    }
+                    @if (j.auj && maintenant() !== null) {
+                      <div class="maintenant" [style.top.px]="maintenant()"></div>
+                    }
+                  </div>
+                }
+              </div>
+            </div>
+          }
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:flex;flex-direction:column;min-height:0;height:100%;font:var(--cad-font-size)/1.4 var(--cad-font);color:var(--cad-fg);background:var(--cad-bg)}.cal__corps{flex:1;min-height:0;display:flex}.cal__vue{flex:1;min-width:0;min-height:0;overflow:auto}.mois{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:minmax(84px,1fr);min-height:100%}.mois__jsem{padding:6px 8px;text-align:right;border-bottom:1px solid var(--cad-border-strong);background:var(--cad-bg-subtle);position:sticky;top:0;z-index:4;font:600 10.5px var(--cad-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cad-fg-muted)}.mois__sem{grid-column:1 / -1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;border-bottom:1px solid var(--cad-border);min-height:84px}.mois__jour{border-right:1px solid var(--cad-border);padding:3px;min-width:0;display:flex;flex-direction:column;gap:2px}.mois__jour:last-child{border-right:0}.mois__jour.is-hors,.mois__jour.is-ferme{background:var(--cad-bg-subtle)}.mois__n{font:11px var(--cad-font-mono);color:var(--cad-fg-secondary);text-align:right;padding:1px 3px;font-variant-numeric:tabular-nums;flex:none}.mois__jour.is-auj .mois__n{background:var(--cad-accent);color:var(--cad-fg-on-accent);border-radius:var(--cad-radius-sm);font-weight:600}.mois__reserve{flex:none}.calque{position:absolute;left:0;right:0;pointer-events:none;z-index:2}.bandeau{position:absolute;height:17px;border-radius:var(--cad-radius-sm);padding:0 7px;font-size:10.5px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;cursor:pointer;background:color-mix(in srgb,var(--_c) 22%,transparent);color:var(--_c);border:1px solid color-mix(in srgb,var(--_c) 42%,transparent)}.bandeau.is-avant{border-top-left-radius:0;border-bottom-left-radius:0;border-left-style:dashed}.bandeau.is-apres{border-top-right-radius:0;border-bottom-right-radius:0;border-right-style:dashed}.puce{display:flex;align-items:center;gap:5px;font-size:10.5px;padding:1px 5px;border-radius:var(--cad-radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-left:2px solid var(--_c);background:color-mix(in srgb,var(--_c) 13%,transparent);color:var(--_c)}.puce:hover{background:color-mix(in srgb,var(--_c) 22%,transparent)}.puce__h{font:9.5px var(--cad-font-mono);opacity:.85;flex:none;font-variant-numeric:tabular-nums}.puce__t{min-width:0;overflow:hidden;text-overflow:ellipsis}.plus{all:unset;box-sizing:border-box;font-size:10px;color:var(--cad-fg-muted);padding:1px 5px;cursor:pointer;border-radius:var(--cad-radius-sm)}.plus:hover{color:var(--cad-accent);background:var(--cad-hover)}.grille{min-width:0;display:flex;flex-direction:column;height:100%}.grille__hd{display:grid;position:sticky;top:0;z-index:5;background:var(--cad-bg-subtle);border-bottom:1px solid var(--cad-border-strong);flex:none}.grille__hd>div{padding:5px 6px;text-align:center;border-right:1px solid var(--cad-border);min-width:0}.grille__hd>div:last-child{border-right:0}.grille__d{font:10px var(--cad-font-mono);color:var(--cad-fg-muted);text-transform:uppercase;letter-spacing:.06em}.grille__n{font-size:16px;font-weight:600;letter-spacing:-.02em}.is-auj .grille__n{color:var(--cad-accent)}.bande{display:grid;border-bottom:1px solid var(--cad-border-strong);background:var(--cad-bg-subtle);flex:none}.bande__lbl{font:9px var(--cad-font-mono);color:var(--cad-fg-muted);padding:4px 6px;text-align:right;border-right:1px solid var(--cad-border)}.bande__zone{grid-column:2 / -1;position:relative;padding:2px 0}.heures{display:grid;position:relative;flex:1;min-height:0;overflow:auto}.heures__lbl{border-right:1px solid var(--cad-border)}.heures__lbl>div{font:9.5px var(--cad-font-mono);color:var(--cad-fg-muted);text-align:right;padding-right:6px;transform:translateY(-6px)}.heures__col{border-right:1px solid var(--cad-border);position:relative;min-width:0}.heures__col:last-child{border-right:0}.heures__col.is-ferme{background:var(--cad-bg-subtle)}.trait{position:absolute;left:0;right:0;border-top:1px solid var(--cad-border);pointer-events:none}.trait.is-demi{border-top-style:dotted;opacity:.55}.evt{position:absolute;border-radius:var(--cad-radius-sm);padding:1px 5px;overflow:hidden;cursor:pointer;border-left:3px solid var(--_c);font-size:10.5px;line-height:1.25;background:color-mix(in srgb,var(--_c) 15%,transparent);color:var(--_c)}.evt:hover{background:color-mix(in srgb,var(--_c) 26%,transparent)}.evt__t{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evt__h{font:9px var(--cad-font-mono);opacity:.85}.maintenant{position:absolute;left:0;right:0;height:2px;background:var(--cad-danger);z-index:4;pointer-events:none}.maintenant:before{content:\"\";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--cad-danger)}.agenda{display:flex;flex-direction:column}.ag__jour{display:grid;grid-template-columns:72px minmax(0,1fr);border-bottom:1px solid var(--cad-border)}.ag__d{padding:9px 11px;border-right:1px solid var(--cad-border);background:var(--cad-bg-subtle)}.ag__d b{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em}.ag__d span{display:block;font:9.5px var(--cad-font-mono);color:var(--cad-fg-muted);text-transform:uppercase}.ag__d.is-auj b{color:var(--cad-accent)}.ag__l{padding:5px 0;min-width:0}.ag__e{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;padding:6px 11px;cursor:pointer;width:100%;min-height:34px}.ag__e:hover{background:var(--cad-hover)}.ag__e:focus-visible{outline:2px solid var(--cad-accent);outline-offset:-2px}.ag__p{width:8px;height:8px;border-radius:50%;background:var(--_c);flex:none}.ag__h{font:11px var(--cad-font-mono);color:var(--cad-fg-secondary);flex:none;width:92px;font-variant-numeric:tabular-nums}.ag__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag__c{margin-left:auto;font-size:10.5px;color:var(--cad-fg-muted);flex:none}.annee{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px;padding:14px}.mm{border:1px solid var(--cad-border);border-radius:var(--cad-radius);padding:8px;background:var(--cad-surface)}.mm__t{font-size:12px;font-weight:600;margin-bottom:5px;text-transform:capitalize}.mm__g{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.mm__g>span,.mm__g>button{all:unset;box-sizing:border-box;text-align:center;font:9.5px var(--cad-font-mono);padding:2px 0;border-radius:3px;color:var(--cad-fg-secondary);font-variant-numeric:tabular-nums}.mm__g>span{color:var(--cad-fg-muted);font-weight:500}.mm__g>button{cursor:pointer;position:relative}.mm__g>button:hover{background:var(--cad-hover)}.mm__g>button.is-hors{opacity:.35}.mm__g>button.is-auj{background:var(--cad-accent);color:var(--cad-fg-on-accent);font-weight:600}.mm__pt{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--cad-accent)}.mm__g>button.is-auj .mm__pt{background:var(--cad-fg-on-accent)}.evt.is-editable,.bandeau.is-editable,.puce.is-editable{cursor:grab}.evt.is-editable:active,.bandeau.is-editable:active,.puce.is-editable:active{cursor:grabbing}.poignee{position:absolute;z-index:2}.evt .poignee{left:0;right:0;height:6px;cursor:ns-resize}.evt .poignee.is-haut{top:0}.evt .poignee.is-bas{bottom:0}.bandeau .poignee{top:0;bottom:0;width:6px;cursor:ew-resize}.bandeau .poignee.is-haut{left:0}.bandeau .poignee.is-bas{right:0}.poignee:after{content:\"\";position:absolute;inset:0}.evt.is-verrouille,.bandeau.is-verrouille,.puce.is-verrouille{cursor:not-allowed;position:relative}.evt.is-verrouille:after,.bandeau.is-verrouille:after,.puce.is-verrouille:after{content:\"\";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-45deg,currentColor 0 1px,transparent 1px 5px);opacity:.18}.fantome{position:absolute;z-index:6;pointer-events:none;border-radius:var(--cad-radius-sm);background:var(--cad-accent-soft);border:1px dashed var(--cad-accent);color:var(--cad-accent);font:10.5px var(--cad-font-mono);padding:1px 5px;overflow:hidden;white-space:nowrap}.vide{padding:28px 16px;color:var(--cad-fg-muted);text-align:center}@media(prefers-reduced-motion:reduce){*{transition:none!important}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cad-calendar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cad-calendar', '[attr.aria-label]': 'ariaLabel() || null', role: 'region' }, template: `
+    <div class="cal__corps">
+      <div class="cal__vue">
+        @switch (vueEffective()) {
+          @case ('month') {
+            <div class="mois">
+              @for (n of nomsJours(); track $index) { <div class="mois__jsem">{{ n }}</div> }
+              @for (sem of semaines(); track $index) {
+                <div class="mois__sem">
+                  @for (j of sem.jours; track j.cle) {
+                    <div class="mois__jour"
+                         [class.is-hors]="j.hors" [class.is-auj]="j.auj" [class.is-ferme]="j.ferme">
+                      <div class="mois__n">{{ j.n }}</div>
+                      <!-- La place des bandeaux est RÉSERVÉE dans chaque case : le calque étant
+                           en position absolue, sans cette réserve il recouvrirait les puces. -->
+                      <div class="mois__reserve" [style.height.px]="sem.voies * 19"></div>
+                      @for (o of j.puces; track o.id) {
+                        <button type="button" class="puce"
+                                [class.is-editable]="manipulable(o)"
+                                [class.is-verrouille]="editable() && !manipulable(o)"
+                                [style.--_c]="couleur(o)"
+                                [title]="titre(o) + (motifVerrou(o) ? ' · ' + motifVerrou(o) : '')"
+                                (pointerdown)="gesteMois('move', o, $event)"
+                                (keydown)="clavier(o, $event)"
+                                (click)="clicEvenement(o, $event)">
+                          @if (!o.allDay) { <span class="puce__h">{{ heure(o.start) }}</span> }
+                          <span class="puce__t">{{ o.task.label }}</span>
+                          @if (o.recurring) { <span aria-hidden="true">↻</span> }
+                        </button>
+                      }
+                      @if (j.reste > 0) {
+                        <button type="button" class="plus" (click)="voirJour(j.date, $event)">
+                          +{{ j.reste }} autre{{ j.reste > 1 ? 's' : '' }}
+                        </button>
+                      }
+                    </div>
+                  }
+                  <!-- CALQUE DES BANDEAUX : un multi-jours doit être CONTINU d'un jour à
+                       l'autre. Le dessiner dans chaque case le répéterait ; il vit donc
+                       au-dessus de la rangée, en pourcentages de sa largeur. -->
+                  <div class="calque" [style.top.px]="20">
+                    @for (b of sem.bandes; track b.occurrence.id) {
+                      <button type="button" class="bandeau"
+                              [class.is-avant]="b.continueAvant" [class.is-apres]="b.continueApres"
+                              [class.is-editable]="manipulable(b.occurrence)"
+                              [class.is-verrouille]="editable() && !manipulable(b.occurrence)"
+                              [style.--_c]="couleur(b.occurrence)"
+                              [style.left.%]="b.colDebut / 7 * 100"
+                              [style.width.%]="(b.colFin - b.colDebut + 1) / 7 * 100"
+                              [style.top.px]="b.voie * 19"
+                              [title]="titre(b.occurrence) + (motifVerrou(b.occurrence) ? ' · ' + motifVerrou(b.occurrence) : '')"
+                              (pointerdown)="gesteMois('move', b.occurrence, $event)"
+                              (keydown)="clavier(b.occurrence, $event)"
+                              (click)="clicEvenement(b.occurrence, $event)">
+                        {{ b.continueAvant ? '◀ ' : '' }}{{ b.occurrence.task.label }}{{ b.continueApres ? ' ▶' : '' }}
+                        @if (manipulable(b.occurrence)) {
+                          <span class="poignee is-haut" (pointerdown)="gesteMois('resize-start', b.occurrence, $event)"></span>
+                          <span class="poignee is-bas" (pointerdown)="gesteMois('resize-end', b.occurrence, $event)"></span>
+                        }
+                      </button>
+                    }
+                  </div>
+                </div>
+              }
+            </div>
+          }
+
+          @case ('agenda') {
+            <div class="agenda">
+              @for (g of groupes(); track g.cle) {
+                <div class="ag__jour">
+                  <div class="ag__d" [class.is-auj]="g.auj"><b>{{ g.n }}</b><span>{{ g.jsem }}</span></div>
+                  <div class="ag__l">
+                    @for (o of g.evts; track o.id) {
+                      <button type="button" class="ag__e" [style.--_c]="couleur(o)" (click)="clicEvenement(o, $event)">
+                        <span class="ag__p"></span>
+                        <span class="ag__h">{{ o.allDay ? 'journée' : heure(o.start) + ' – ' + heure(o.end) }}</span>
+                        <span class="ag__t">{{ o.task.label }}@if (o.recurring) { <span aria-hidden="true"> ↻</span> }</span>
+                        <span class="ag__c">{{ nomSource(o) }}</span>
+                      </button>
+                    }
+                  </div>
+                </div>
+              } @empty { <div class="vide">{{ emptyText() }}</div> }
+            </div>
+          }
+
+          @case ('year') {
+            <div class="annee">
+              @for (m of miniMois(); track m.mois) {
+                <div class="mm">
+                  <div class="mm__t">{{ m.titre }}</div>
+                  <div class="mm__g">
+                    @for (n of nomsJours(); track $index) { <span>{{ n.charAt(0) }}</span> }
+                    @for (j of m.jours; track j.cle) {
+                      <button type="button" [class.is-hors]="j.hors" [class.is-auj]="j.auj"
+                              [title]="j.charge ? j.charge + ' événement(s)' : ''"
+                              (click)="voirJour(j.date, $event)">
+                        {{ j.n }}@if (j.charge) { <span class="mm__pt"></span> }
+                      </button>
+                    }
+                  </div>
+                </div>
+              }
+            </div>
+          }
+
+          @default {
+            <div class="grille">
+              <div class="grille__hd" [style.grid-template-columns]="colonnes()">
+                <div></div>
+                @for (j of joursGrille(); track j.cle) {
+                  <div [class.is-auj]="j.auj"><div class="grille__d">{{ j.jsem }}</div><div class="grille__n">{{ j.n }}</div></div>
+                }
+              </div>
+
+              <div class="bande" [style.grid-template-columns]="colonnes()">
+                <div class="bande__lbl">jour</div>
+                <div class="bande__zone" [style.height.px]="Math.max(1, bandeGrille().voies) * 19 + 2">
+                  @for (b of bandeGrille().bandes; track b.occurrence.id) {
+                    <button type="button" class="bandeau" #bd
+                            [class.is-avant]="b.continueAvant" [class.is-apres]="b.continueApres"
+                            [class.is-editable]="manipulable(b.occurrence)"
+                            [class.is-verrouille]="editable() && !manipulable(b.occurrence)"
+                            [style.--_c]="couleur(b.occurrence)"
+                            [style.left.%]="b.colDebut / joursGrille().length * 100"
+                            [style.width.%]="(b.colFin - b.colDebut + 1) / joursGrille().length * 100"
+                            [style.top.px]="b.voie * 19"
+                            [title]="titre(b.occurrence) + (motifVerrou(b.occurrence) ? ' · ' + motifVerrou(b.occurrence) : '')"
+                            (pointerdown)="geste('move', b.occurrence, $event, largeurColonne())"
+                            (keydown)="clavier(b.occurrence, $event)"
+                            (click)="clicEvenement(b.occurrence, $event)">
+                      {{ b.continueAvant ? '◀ ' : '' }}{{ b.occurrence.task.label }}{{ b.continueApres ? ' ▶' : '' }}
+                      @if (manipulable(b.occurrence)) {
+                        <span class="poignee is-haut" (pointerdown)="geste('resize-start', b.occurrence, $event, largeurColonne())"></span>
+                        <span class="poignee is-bas" (pointerdown)="geste('resize-end', b.occurrence, $event, largeurColonne())"></span>
+                      }
+                    </button>
+                  }
+                </div>
+              </div>
+
+              <div class="heures" [style.grid-template-columns]="colonnes()">
+                <div class="heures__lbl">
+                  @for (h of heuresAffichees(); track h) { <div [style.height.px]="hauteurHeure()">{{ h }}h</div> }
+                </div>
+                @for (j of joursGrille(); track j.cle) {
+                  <div class="heures__col" #col [class.is-ferme]="j.ferme"
+                       (pointerdown)="creer(j.date, $event, col)">
+                    @for (h of heuresAffichees(); track h) {
+                      <div class="trait" [style.top.px]="(h - dayStart()) * hauteurHeure()"></div>
+                      <div class="trait is-demi" [style.top.px]="(h - dayStart()) * hauteurHeure() + hauteurHeure() / 2"></div>
+                    }
+                    @for (s of j.slots; track s.occurrence.id) {
+                      <button type="button" class="evt"
+                              [class.is-editable]="manipulable(s.occurrence)"
+                              [class.is-verrouille]="editable() && !manipulable(s.occurrence)"
+                              [style.--_c]="couleur(s.occurrence)"
+                              [style.top.px]="s.haut * hauteurTotale()"
+                              [style.height.px]="Math.max(16, s.hauteur * hauteurTotale() - 2)"
+                              [style.left]="'calc(' + (s.voie / s.voies * 100) + '% + 1px)'"
+                              [style.width]="'calc(' + (100 / s.voies) + '% - 3px)'"
+                              [title]="titre(s.occurrence) + (motifVerrou(s.occurrence) ? ' · ' + motifVerrou(s.occurrence) : '')"
+                              (pointerdown)="geste('move', s.occurrence, $event, col)"
+                              (keydown)="clavier(s.occurrence, $event)"
+                              (click)="clicEvenement(s.occurrence, $event)">
+                        <span class="evt__t">{{ s.occurrence.task.label }}@if (s.occurrence.recurring) { <span aria-hidden="true"> ↻</span> }</span>
+                        @if (s.hauteur * hauteurTotale() > 30) {
+                          <span class="evt__h">{{ heure(s.occurrence.start) }} – {{ heure(s.occurrence.end) }}</span>
+                        }
+                        @if (manipulable(s.occurrence)) {
+                          <span class="poignee is-haut" (pointerdown)="geste('resize-start', s.occurrence, $event, col)"></span>
+                          <span class="poignee is-bas" (pointerdown)="geste('resize-end', s.occurrence, $event, col)"></span>
+                        }
+                      </button>
+                    }
+                    @if (fantome(); as f) {
+                      @if (f.jour === j.cle) {
+                        <div class="fantome" [style.top.px]="f.haut" [style.height.px]="f.hauteur"
+                             [style.left.px]="2" [style.right.px]="2">{{ f.texte }}</div>
+                      }
+                    }
+                    @if (j.auj && maintenant() !== null) {
+                      <div class="maintenant" [style.top.px]="maintenant()"></div>
+                    }
+                  </div>
+                }
+              </div>
+            </div>
+          }
+        }
+      </div>
+    </div>
+  `, styles: [":host{display:flex;flex-direction:column;min-height:0;height:100%;font:var(--cad-font-size)/1.4 var(--cad-font);color:var(--cad-fg);background:var(--cad-bg)}.cal__corps{flex:1;min-height:0;display:flex}.cal__vue{flex:1;min-width:0;min-height:0;overflow:auto}.mois{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:minmax(84px,1fr);min-height:100%}.mois__jsem{padding:6px 8px;text-align:right;border-bottom:1px solid var(--cad-border-strong);background:var(--cad-bg-subtle);position:sticky;top:0;z-index:4;font:600 10.5px var(--cad-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cad-fg-muted)}.mois__sem{grid-column:1 / -1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;border-bottom:1px solid var(--cad-border);min-height:84px}.mois__jour{border-right:1px solid var(--cad-border);padding:3px;min-width:0;display:flex;flex-direction:column;gap:2px}.mois__jour:last-child{border-right:0}.mois__jour.is-hors,.mois__jour.is-ferme{background:var(--cad-bg-subtle)}.mois__n{font:11px var(--cad-font-mono);color:var(--cad-fg-secondary);text-align:right;padding:1px 3px;font-variant-numeric:tabular-nums;flex:none}.mois__jour.is-auj .mois__n{background:var(--cad-accent);color:var(--cad-fg-on-accent);border-radius:var(--cad-radius-sm);font-weight:600}.mois__reserve{flex:none}.calque{position:absolute;left:0;right:0;pointer-events:none;z-index:2}.bandeau{position:absolute;height:17px;border-radius:var(--cad-radius-sm);padding:0 7px;font-size:10.5px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:auto;cursor:pointer;background:color-mix(in srgb,var(--_c) 22%,transparent);color:var(--_c);border:1px solid color-mix(in srgb,var(--_c) 42%,transparent)}.bandeau.is-avant{border-top-left-radius:0;border-bottom-left-radius:0;border-left-style:dashed}.bandeau.is-apres{border-top-right-radius:0;border-bottom-right-radius:0;border-right-style:dashed}.puce{display:flex;align-items:center;gap:5px;font-size:10.5px;padding:1px 5px;border-radius:var(--cad-radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-left:2px solid var(--_c);background:color-mix(in srgb,var(--_c) 13%,transparent);color:var(--_c)}.puce:hover{background:color-mix(in srgb,var(--_c) 22%,transparent)}.puce__h{font:9.5px var(--cad-font-mono);opacity:.85;flex:none;font-variant-numeric:tabular-nums}.puce__t{min-width:0;overflow:hidden;text-overflow:ellipsis}.plus{all:unset;box-sizing:border-box;font-size:10px;color:var(--cad-fg-muted);padding:1px 5px;cursor:pointer;border-radius:var(--cad-radius-sm)}.plus:hover{color:var(--cad-accent);background:var(--cad-hover)}.grille{min-width:0;display:flex;flex-direction:column;height:100%}.grille__hd{display:grid;position:sticky;top:0;z-index:5;background:var(--cad-bg-subtle);border-bottom:1px solid var(--cad-border-strong);flex:none}.grille__hd>div{padding:5px 6px;text-align:center;border-right:1px solid var(--cad-border);min-width:0}.grille__hd>div:last-child{border-right:0}.grille__d{font:10px var(--cad-font-mono);color:var(--cad-fg-muted);text-transform:uppercase;letter-spacing:.06em}.grille__n{font-size:16px;font-weight:600;letter-spacing:-.02em}.is-auj .grille__n{color:var(--cad-accent)}.bande{display:grid;border-bottom:1px solid var(--cad-border-strong);background:var(--cad-bg-subtle);flex:none}.bande__lbl{font:9px var(--cad-font-mono);color:var(--cad-fg-muted);padding:4px 6px;text-align:right;border-right:1px solid var(--cad-border)}.bande__zone{grid-column:2 / -1;position:relative;padding:2px 0}.heures{display:grid;position:relative;flex:1;min-height:0;overflow:auto}.heures__lbl{border-right:1px solid var(--cad-border)}.heures__lbl>div{font:9.5px var(--cad-font-mono);color:var(--cad-fg-muted);text-align:right;padding-right:6px;transform:translateY(-6px)}.heures__col{border-right:1px solid var(--cad-border);position:relative;min-width:0}.heures__col:last-child{border-right:0}.heures__col.is-ferme{background:var(--cad-bg-subtle)}.trait{position:absolute;left:0;right:0;border-top:1px solid var(--cad-border);pointer-events:none}.trait.is-demi{border-top-style:dotted;opacity:.55}.evt{position:absolute;border-radius:var(--cad-radius-sm);padding:1px 5px;overflow:hidden;cursor:pointer;border-left:3px solid var(--_c);font-size:10.5px;line-height:1.25;background:color-mix(in srgb,var(--_c) 15%,transparent);color:var(--_c)}.evt:hover{background:color-mix(in srgb,var(--_c) 26%,transparent)}.evt__t{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evt__h{font:9px var(--cad-font-mono);opacity:.85}.maintenant{position:absolute;left:0;right:0;height:2px;background:var(--cad-danger);z-index:4;pointer-events:none}.maintenant:before{content:\"\";position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--cad-danger)}.agenda{display:flex;flex-direction:column}.ag__jour{display:grid;grid-template-columns:72px minmax(0,1fr);border-bottom:1px solid var(--cad-border)}.ag__d{padding:9px 11px;border-right:1px solid var(--cad-border);background:var(--cad-bg-subtle)}.ag__d b{display:block;font-size:18px;font-weight:600;letter-spacing:-.02em}.ag__d span{display:block;font:9.5px var(--cad-font-mono);color:var(--cad-fg-muted);text-transform:uppercase}.ag__d.is-auj b{color:var(--cad-accent)}.ag__l{padding:5px 0;min-width:0}.ag__e{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;padding:6px 11px;cursor:pointer;width:100%;min-height:34px}.ag__e:hover{background:var(--cad-hover)}.ag__e:focus-visible{outline:2px solid var(--cad-accent);outline-offset:-2px}.ag__p{width:8px;height:8px;border-radius:50%;background:var(--_c);flex:none}.ag__h{font:11px var(--cad-font-mono);color:var(--cad-fg-secondary);flex:none;width:92px;font-variant-numeric:tabular-nums}.ag__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag__c{margin-left:auto;font-size:10.5px;color:var(--cad-fg-muted);flex:none}.annee{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px;padding:14px}.mm{border:1px solid var(--cad-border);border-radius:var(--cad-radius);padding:8px;background:var(--cad-surface)}.mm__t{font-size:12px;font-weight:600;margin-bottom:5px;text-transform:capitalize}.mm__g{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.mm__g>span,.mm__g>button{all:unset;box-sizing:border-box;text-align:center;font:9.5px var(--cad-font-mono);padding:2px 0;border-radius:3px;color:var(--cad-fg-secondary);font-variant-numeric:tabular-nums}.mm__g>span{color:var(--cad-fg-muted);font-weight:500}.mm__g>button{cursor:pointer;position:relative}.mm__g>button:hover{background:var(--cad-hover)}.mm__g>button.is-hors{opacity:.35}.mm__g>button.is-auj{background:var(--cad-accent);color:var(--cad-fg-on-accent);font-weight:600}.mm__pt{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--cad-accent)}.mm__g>button.is-auj .mm__pt{background:var(--cad-fg-on-accent)}.evt.is-editable,.bandeau.is-editable,.puce.is-editable{cursor:grab}.evt.is-editable:active,.bandeau.is-editable:active,.puce.is-editable:active{cursor:grabbing}.poignee{position:absolute;z-index:2}.evt .poignee{left:0;right:0;height:6px;cursor:ns-resize}.evt .poignee.is-haut{top:0}.evt .poignee.is-bas{bottom:0}.bandeau .poignee{top:0;bottom:0;width:6px;cursor:ew-resize}.bandeau .poignee.is-haut{left:0}.bandeau .poignee.is-bas{right:0}.poignee:after{content:\"\";position:absolute;inset:0}.evt.is-verrouille,.bandeau.is-verrouille,.puce.is-verrouille{cursor:not-allowed;position:relative}.evt.is-verrouille:after,.bandeau.is-verrouille:after,.puce.is-verrouille:after{content:\"\";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-45deg,currentColor 0 1px,transparent 1px 5px);opacity:.18}.fantome{position:absolute;z-index:6;pointer-events:none;border-radius:var(--cad-radius-sm);background:var(--cad-accent-soft);border:1px dashed var(--cad-accent);color:var(--cad-accent);font:10.5px var(--cad-font-mono);padding:1px 5px;overflow:hidden;white-space:nowrap}.vide{padding:28px 16px;color:var(--cad-fg-muted);text-align:center}@media(prefers-reduced-motion:reduce){*{transition:none!important}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { plan: [{ type: i0.Input, args: [{ isSignal: true, alias: "plan", required: false }] }], sources: [{ type: i0.Input, args: [{ isSignal: true, alias: "sources", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }, { type: i0.Output, args: ["hiddenChange"] }], 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"] }], firstDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDay", required: false }] }], dayStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayStart", required: false }] }], dayEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "dayEnd", required: false }] }], hourHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourHeight", required: false }] }], maxPerDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPerDay", required: false }] }], workCalendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "workCalendar", required: false }] }], today: [{ type: i0.Input, args: [{ isSignal: true, alias: "today", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], showNow: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNow", required: false }] }], eventClick: [{ type: i0.Output, args: ["eventClick"] }], dateClick: [{ type: i0.Output, args: ["dateClick"] }], rangeChange: [{ type: i0.Output, args: ["rangeChange"] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], snap: [{ type: i0.Input, args: [{ isSignal: true, alias: "snap", required: false }] }], eventMove: [{ type: i0.Output, args: ["eventMove"] }], eventResize: [{ type: i0.Output, args: ["eventResize"] }], eventCreate: [{ type: i0.Output, args: ["eventCreate"] }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BanGeocoder, CAD_BREAKPOINTS, CAD_CHART_PALETTE, CAD_COLOR_PRESETS, CAD_DEFAULT_BASEMAPS, CAD_DEFAULT_PRIORITY_BREAKPOINTS, CAD_DIALOG_DATA, CAD_FILTER_OPERATORS, CAD_GEOCODER, CAD_ICONS, CAD_ICONS_CEREMA, CAD_ICONS_CORE, CAD_ICONS_DATA, CAD_ICONS_FILES, CAD_ICONS_GEO, CAD_ICONS_SUBSET, CAD_ICONS_TOKEN, CAD_ICONS_UI, CAD_ICON_ALIASES, CAD_ICON_CATEGORIES, CAD_MAPLIBRE_CSS_URL, CAD_MAP_CHILD, CAD_MAP_DEFAULTS, CAD_MAP_GLOBAL_STYLES, CAD_MAP_GLYPHS, CAD_MAP_PALETTE, CAD_MASK_PRESETS, CAD_MOBILE_BREAKPOINT, CAD_SELECT_POSITIONS, CAD_SELECT_TRIGGER_STYLES, CAD_SHEET_DATA, CAD_SHELL, CAD_TOUCH_DENSITY, CadAccordionComponent, CadAccordionPanelComponent, CadAppShellComponent, CadAvatarComponent, CadAvatarGroupComponent, CadBadgeComponent, CadBadgeDirective, CadBlockDirective, CadBlockOverlayComponent, CadBlockUiComponent, CadBottomNavComponent, CadBreadcrumbComponent, CadBreadcrumbItemDirective, CadBreakpointService, CadButtonComponent, CadButtonGroupComponent, CadCaptionDirective, CadCardComponent, CadCardDirective, CadCardHeaderDirective, CadCarouselComponent, CadCarouselItemDirective, CadCascadeSelectComponent, CadCellTemplateDirective, CadCenterComponent, CadChartComponent, CadCheckboxComponent, CadChipComponent, CadClusterComponent, CadColDirective, CadColorpickerComponent, CadColumnComponent, CadComboComponent, CadConfirmContentComponent, CadConfirmDialogComponent, CadConfirmService, CadContainerComponent, CadDataviewComponent, CadDataviewGridDirective, CadDataviewListDirective, CadDatepickerComponent, CadDialogComponent, CadDialogContainerComponent, CadDialogFooterDirective, CadDialogHeaderDirective, CadDialogRef, CadDialogService, CadDividerComponent, CadDrawerComponent, CadEditFocusDirective, CadEditorTemplateDirective, CadEmptyDirective, CadFieldComponent, CadFieldsetComponent, CadFieldsetLegendDirective, CadFilterChipComponent, CadFilterTemplateDirective, CadGeocodingService, CadGridComponent, CadGroupFooterDirective, CadGroupHeaderDirective, CadHeaderTemplateDirective, CadIconComponent, CadIconRegistry, CadIfDirective, CadImageComponent, CadInplaceComponent, CadInplaceContentDirective, CadInplaceDisplayDirective, CadInputDirective, CadJsonEditorComponent, CadKeyFilterDirective, CadListEmptyDirective, CadListFooterDirective, CadListHeaderDirective, CadListItemDirective, CadListboxComponent, CadMapBasemapRegistry, CadMapBasemapsComponent, CadMapCardComponent, CadMapChromeComponent, CadMapComponent, CadMapDrawEngine, CadMapLayerComponent, CadMapLayerGroupComponent, CadMapLayerToggleComponent, CadMapLegendComponent, CadMapMenuComponent, CadMapPanelComponent, CadMapPanels, CadMapRailComponent, CadMapRailItemComponent, CadMapSearchComponent, CadMapSectionComponent, CadMaskDirective, CadMenuComponent, CadMenubarComponent, CadMessageComponent, CadMeterComponent, CadMeterLabelDirective, CadMultiselectComponent, CadNavDrawerComponent, CadNavDrawerFooterDirective, CadNavDrawerHeaderDirective, CadNumberComponent, CadOptionListComponent, CadOrderlistComponent, CadOrgNodeDirective, CadOrgchartComponent, CadOverlayBase, CadPaginatorComponent, CadPanelComponent, CadPanelContentDirective, CadPanelHeaderDirective, CadPanelHeadingDirective, CadPasswordComponent, CadPicklistComponent, CadPopoverComponent, CadProgressComponent, CadRadioComponent, CadRadioGroupComponent, CadRatingComponent, CadRowActionsDirective, CadRowCountDirective, CadRowExpansionDirective, CadScrollTopComponent, CadSegmentedComponent, CadSelectBase, CadSelectComponent, CadSelectEmptyDirective, CadSelectFooterDirective, CadSelectHeaderDirective, CadSelectItemDirective, CadSelectSelectedDirective, CadSheetContainerComponent, CadSheetRef, CadSheetService, CadSidebarComponent, CadSidebarPanelDirective, CadSkeletonComponent, CadSliderComponent, CadSpacerComponent, CadSpeedDialComponent, CadSpinnerComponent, CadSplitButtonComponent, CadSplitComponent, CadSplitterComponent, CadSplitterPanelComponent, CadStackComponent, CadStepComponent, CadStepperComponent, CadSwitchComponent, CadTabComponent, CadTabContentDirective, CadTabLabelDirective, CadTableBase, CadTableComponent, CadTableEdit, CadTableEditUi, CadTableFooterDirective, CadTablePanelComponent, CadTableResponsive, CadTableSelection, CadTableSticky, CadTableVirtual, CadTabsComponent, CadTagComponent, CadTaskCardDirective, CadTaskRowDirective, CadTaskboardComponent, CadTimeAxis, CadTimelineComponent, CadTimelineContentDirective, CadTimelineMarkerDirective, CadTimelineOppositeDirective, CadToastComponent, CadToastItemDirective, CadToastService, CadToggleButtonComponent, CadTooltipComponent, CadTooltipDirective, CadTreeAdapter, CadTreeComponent, CadTreeNodeDirective, CadTreeselectComponent, CadUploadComponent, CadUploadContentDirective, CadUploadEmptyDirective, CadUploadItemDirective, CadValueAccessor, CadWorkCalendar, MAPLIBRE_MIN_CSS, addDays, addMonths, addYears, cadAggregate, cadApplyColumnOrder, cadApplyMask, cadArea, cadAutosizeWidth, cadBasemapThumbnail, cadBoundsOf, cadCategories, cadCentroid, cadColorExpr, cadCompare, cadCompareRank, cadCurrentOperator, cadDefaultMatchMode, cadDistance, cadDownloadCsv, cadDurationToMinutes, cadFilterData, cadFilterKindOf, cadFilterOperators, cadFilterRows, cadFindLinkCycle, cadFmtArea, cadFmtLength, cadFormatCell, cadFormatColor, cadFormatDuration, cadFormatSize, cadFrenchHolidays, cadGap, cadGeoJSONStats, cadGeometryKinds, cadHeaderMenuItems, cadHighlightJson, cadHslToRgb, cadHsvToRgb, cadId, cadIsGroupKey, cadIsRank, cadJsonErrorPos, cadLegendFromStyle, cadLength, cadMapEstVivante, cadMapLayerOf, cadMapLayersOf, cadMatch, cadMoveColumn, cadMoveItems, cadNormalize, cadNormalizeOptions, cadNormalizePlan, cadNumberExpr, cadPadBounds, cadParseColor, cadParseDuration, cadParseResponsive, cadPlanHeader, cadPlanTicks, cadPropsTable, cadRankBetween, cadRankFirst, cadRankLast, cadRankSequence, cadResolve, cadResolveResponsive, cadResponsive, cadRgbToHsl, cadRgbToHsv, cadRingArea, cadRowKey, cadRowPredicate, cadSameValue, cadScaleNext, cadScaleStart, cadSortData, cadStartResize, cadStyleToExpressions, cadUnmask, cadUnscheduled, cadValidateGeoJSON, cadValueForOperator, cadWriteField, compareDay, daysInMonth, endOfMonth, ensureMaplibreCss, formatDate, isBetweenDay, isSameDay, isSameMonth, isValidDate, isoOf, isoWeek, loadChartJs, loadMaplibre, monthNames, pad2, parseIso, parseWithFormat, provideCadIcons, startOfDay, startOfMonth, toDate, weekdayNames };
+export { BanGeocoder, CAD_BREAKPOINTS, CAD_CHART_PALETTE, CAD_COLOR_PRESETS, CAD_DEFAULT_BASEMAPS, CAD_DEFAULT_PRIORITY_BREAKPOINTS, CAD_DIALOG_DATA, CAD_FILTER_OPERATORS, CAD_GEOCODER, CAD_ICONS, CAD_ICONS_CEREMA, CAD_ICONS_CORE, CAD_ICONS_DATA, CAD_ICONS_FILES, CAD_ICONS_GEO, CAD_ICONS_SUBSET, CAD_ICONS_TOKEN, CAD_ICONS_UI, CAD_ICON_ALIASES, CAD_ICON_CATEGORIES, CAD_MAPLIBRE_CSS_URL, CAD_MAP_CHILD, CAD_MAP_DEFAULTS, CAD_MAP_GLOBAL_STYLES, CAD_MAP_GLYPHS, CAD_MAP_PALETTE, CAD_MASK_PRESETS, CAD_MOBILE_BREAKPOINT, CAD_RECURRENCE_INTERNE, CAD_SELECT_POSITIONS, CAD_SELECT_TRIGGER_STYLES, CAD_SHEET_DATA, CAD_SHELL, CAD_TOUCH_DENSITY, CadAccordionComponent, CadAccordionPanelComponent, CadAppShellComponent, CadAvatarComponent, CadAvatarGroupComponent, CadBadgeComponent, CadBadgeDirective, CadBlockDirective, CadBlockOverlayComponent, CadBlockUiComponent, CadBottomNavComponent, CadBreadcrumbComponent, CadBreadcrumbItemDirective, CadBreakpointService, CadButtonComponent, CadButtonGroupComponent, CadCalendarComponent, CadCaptionDirective, CadCardComponent, CadCardDirective, CadCardHeaderDirective, CadCarouselComponent, CadCarouselItemDirective, CadCascadeSelectComponent, CadCellTemplateDirective, CadCenterComponent, CadChartComponent, CadCheckboxComponent, CadChipComponent, CadClusterComponent, CadColDirective, CadColorpickerComponent, CadColumnComponent, CadComboComponent, CadConfirmContentComponent, CadConfirmDialogComponent, CadConfirmService, CadContainerComponent, CadDataviewComponent, CadDataviewGridDirective, CadDataviewListDirective, CadDatepickerComponent, CadDialogComponent, CadDialogContainerComponent, CadDialogFooterDirective, CadDialogHeaderDirective, CadDialogRef, CadDialogService, CadDividerComponent, CadDrawerComponent, CadEditFocusDirective, CadEditorTemplateDirective, CadEmptyDirective, CadFieldComponent, CadFieldsetComponent, CadFieldsetLegendDirective, CadFilterChipComponent, CadFilterTemplateDirective, CadGeocodingService, CadGridComponent, CadGroupFooterDirective, CadGroupHeaderDirective, CadHeaderTemplateDirective, CadIconComponent, CadIconRegistry, CadIfDirective, CadImageComponent, CadInplaceComponent, CadInplaceContentDirective, CadInplaceDisplayDirective, CadInputDirective, CadJsonEditorComponent, CadKeyFilterDirective, CadListEmptyDirective, CadListFooterDirective, CadListHeaderDirective, CadListItemDirective, CadListboxComponent, CadMapBasemapRegistry, CadMapBasemapsComponent, CadMapCardComponent, CadMapChromeComponent, CadMapComponent, CadMapDrawEngine, CadMapLayerComponent, CadMapLayerGroupComponent, CadMapLayerToggleComponent, CadMapLegendComponent, CadMapMenuComponent, CadMapPanelComponent, CadMapPanels, CadMapRailComponent, CadMapRailItemComponent, CadMapSearchComponent, CadMapSectionComponent, CadMaskDirective, CadMenuComponent, CadMenubarComponent, CadMessageComponent, CadMeterComponent, CadMeterLabelDirective, CadMultiselectComponent, CadNavDrawerComponent, CadNavDrawerFooterDirective, CadNavDrawerHeaderDirective, CadNumberComponent, CadOptionListComponent, CadOrderlistComponent, CadOrgNodeDirective, CadOrgchartComponent, CadOverlayBase, CadPaginatorComponent, CadPanelComponent, CadPanelContentDirective, CadPanelHeaderDirective, CadPanelHeadingDirective, CadPasswordComponent, CadPicklistComponent, CadPopoverComponent, CadProgressComponent, CadRadioComponent, CadRadioGroupComponent, CadRatingComponent, CadRowActionsDirective, CadRowCountDirective, CadRowExpansionDirective, CadScrollTopComponent, CadSegmentedComponent, CadSelectBase, CadSelectComponent, CadSelectEmptyDirective, CadSelectFooterDirective, CadSelectHeaderDirective, CadSelectItemDirective, CadSelectSelectedDirective, CadSheetContainerComponent, CadSheetRef, CadSheetService, CadSidebarComponent, CadSidebarPanelDirective, CadSkeletonComponent, CadSliderComponent, CadSpacerComponent, CadSpeedDialComponent, CadSpinnerComponent, CadSplitButtonComponent, CadSplitComponent, CadSplitterComponent, CadSplitterPanelComponent, CadStackComponent, CadStepComponent, CadStepperComponent, CadSwitchComponent, CadTabComponent, CadTabContentDirective, CadTabLabelDirective, CadTableBase, CadTableComponent, CadTableEdit, CadTableEditUi, CadTableFooterDirective, CadTablePanelComponent, CadTableResponsive, CadTableSelection, CadTableSticky, CadTableVirtual, CadTabsComponent, CadTagComponent, CadTaskCardDirective, CadTaskRowDirective, CadTaskboardComponent, CadTimeAxis, CadTimelineComponent, CadTimelineContentDirective, CadTimelineMarkerDirective, CadTimelineOppositeDirective, CadToastComponent, CadToastItemDirective, CadToastService, CadToggleButtonComponent, CadTooltipComponent, CadTooltipDirective, CadTreeAdapter, CadTreeComponent, CadTreeNodeDirective, CadTreeselectComponent, CadUploadComponent, CadUploadContentDirective, CadUploadEmptyDirective, CadUploadItemDirective, CadValueAccessor, CadWorkCalendar, MAPLIBRE_MIN_CSS, addDays, addMonths, addYears, cadAggregate, cadApplyColumnOrder, cadApplyMask, cadArea, cadAutosizeWidth, cadBasemapThumbnail, cadBoundsOf, cadCategories, cadCentroid, cadColorExpr, cadCompare, cadCompareRank, cadCurrentOperator, cadDebutSemaine, cadDefaultMatchMode, cadDistance, cadDownloadCsv, cadDurationToMinutes, cadEstBandeau, cadExpandOccurrences, cadFilterData, cadFilterKindOf, cadFilterOperators, cadFilterRows, cadFindLinkCycle, cadFmtArea, cadFmtLength, cadFormatCell, cadFormatColor, cadFormatDuration, cadFormatSize, cadFrenchHolidays, cadGap, cadGeoJSONStats, cadGeometryKinds, cadHeaderMenuItems, cadHighlightJson, cadHslToRgb, cadHsvToRgb, cadId, cadIsGroupKey, cadIsRank, cadJsonErrorPos, cadLegendFromStyle, cadLength, cadMapEstVivante, cadMapLayerOf, cadMapLayersOf, cadMatch, cadMinuit, cadMonthGrid, cadMoveColumn, cadMoveItems, cadNormalize, cadNormalizeOptions, cadNormalizePlan, cadNumberExpr, cadNumeroJour, cadPackDay, cadPadBounds, cadParseColor, cadParseDuration, cadParseRRule, cadParseResponsive, cadPlanHeader, cadPlanTicks, cadProjeterClavier, cadProjeterCreation, cadProjeterEdition, cadProjeterMois, cadPropsTable, cadRankBetween, cadRankFirst, cadRankLast, cadRankSequence, cadResolve, cadResolveResponsive, cadResponsive, cadRgbToHsl, cadRgbToHsv, cadRingArea, cadRowKey, cadRowPredicate, cadSameValue, cadScaleNext, cadScaleStart, cadSortData, cadStartResize, cadStyleToExpressions, cadUnmask, cadUnscheduled, cadValidateGeoJSON, cadValueForOperator, cadWeekBands, cadWriteField, compareDay, daysInMonth, endOfMonth, ensureMaplibreCss, formatDate, isBetweenDay, isSameDay, isSameMonth, isValidDate, isoOf, isoWeek, loadChartJs, loadMaplibre, monthNames, pad2, parseIso, parseWithFormat, provideCadIcons, startOfDay, startOfMonth, toDate, weekdayNames };
 //# sourceMappingURL=cadriciel-ui.mjs.map