@cadriciel/ui 0.1.0 → 0.2.0

package/fesm2022/cadriciel-ui.mjs

@@ -232,6 +232,10 @@ const CAD_ICONS_UI = {
     'panel-right': '<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M15 3v18"/>',
     'panel-top': '<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/>',
     'panel-bottom': '<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 15h18"/>',
+    // Ajoutée le 19/08 : le jeu n'avait aucune icône d'appareil, alors que le showcase et les
+    // applications en ont besoin dès qu'elles parlent de mobile.
+    smartphone: '<rect width="14" height="20" x="5" y="2" rx="2.5"/><path d="M11 18.5h2"/>',
+    tablet: '<rect width="16" height="20" x="4" y="2" rx="2"/><path d="M10.5 18.5h3"/>',
     'sidebar-open': '<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18M14 9l3 3-3 3"/>',
     'sidebar-close': '<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18M16 15l-3-3 3-3"/>',
     rows: '<rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 12h18"/>',
@@ -8164,12 +8168,29 @@ class CadAccordionPanelComponent {
     constructor() {
         effect(() => { if (this.isOpen())
             this.rendered.set(true); });
-        // expanded (local) → accordéon
-        effect(() => { const e = this.expanded(); if (e !== this.acc.isOpen(this.value()))
-            this.acc.setOpen(this.value(), e, this); });
-        // accordéon → expanded (local)
-        effect(() => { const o = this.isOpen(); if (o !== this.expanded())
-            this.expanded.set(o); });
+        // DEUX MIROIRS ENTRE `expanded` (local) ET L'ACCORDÉON. Règle : un miroir ne
+        // s'abonne QU'À SA SOURCE, jamais à sa destination — sinon les deux se réveillent
+        // mutuellement et celui créé en premier écrase l'autre avec une valeur périmée.
+        // C'est ce qui refermait le panneau 55 ms après son ouverture (corrigé le 21/08/2026).
+        // accordéon → expanded : l'accordéon est la SOURCE DE VÉRITÉ, il passe en premier
+        // pour que `expanded` soit aligné avant que le miroir inverse ne s'exécute.
+        effect(() => {
+            const o = this.isOpen();
+            untracked(() => { if (o !== this.expanded())
+                this.expanded.set(o); });
+        });
+        // expanded → accordéon : seulement sur un VRAI changement local. Au premier passage
+        // `expanded` vaut son défaut (`false`), qui n'exprime aucune intention : le pousser
+        // écraserait la valeur initiale déclarée sur l'accordéon.
+        let precedent = untracked(() => this.expanded());
+        effect(() => {
+            const e = this.expanded();
+            if (e === precedent)
+                return;
+            precedent = e;
+            untracked(() => { if (e !== this.acc.isOpen(this.value()))
+                this.acc.setOpen(this.value(), e, this); });
+        });
     }
     toggle() { if (!this.disabled())
         this.acc.setOpen(this.value(), !this.isOpen(), this); }
@@ -9040,6 +9061,483 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
   `, styles: [":host{position:relative;display:inline-block;z-index:5}.cad-speed-dial__fab{width:48px;height:48px;border-radius:50%;border:0;background:var(--cad-accent);color:var(--cad-fg-on-accent);display:grid;place-items:center;cursor:pointer;box-shadow:var(--cad-shadow-md);transition:transform var(--cad-dur),background var(--cad-dur)}.cad-speed-dial__fab:hover{background:var(--cad-accent-hover)}.cad-speed-dial__fab:focus-visible{outline:2px solid var(--cad-ring);outline-offset:2px}:host(.is-open) .cad-speed-dial__fab cad-icon{transform:rotate(0)}.cad-speed-dial__items{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.cad-speed-dial__item{position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;border:1px solid var(--cad-border);background:var(--cad-surface);color:var(--cad-fg-secondary);display:grid;place-items:center;cursor:pointer;box-shadow:var(--cad-shadow-md);transition:transform .18s var(--cad-ease),opacity .15s;pointer-events:auto}.cad-speed-dial__item:hover{color:var(--cad-accent);border-color:var(--cad-accent)}.cad-speed-dial__item:focus-visible{outline:2px solid var(--cad-ring)}:host(:not(.is-open)) .cad-speed-dial__item{pointer-events:none}.cad-speed-dial__mask{position:fixed;inset:0;background:var(--cad-backdrop, rgba(2,6,23,.45));z-index:-1}@media(prefers-reduced-motion:reduce){.cad-speed-dial__item{transition:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], hideIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIcon", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
+/**
+ * <cad-bottom-nav [(value)]="page" [items]="items" labels="always|selected|never" (changed)/>
+ *
+ * Barre de navigation basse : 3 à 5 destinations à portée de pouce, sur mobile uniquement.
+ *
+ * POURQUOI UNE LISTE PROPRE, DISTINCTE DU TIROIR — la tentation est de reprendre les premières
+ * entrées de `cad-nav-drawer`. On ne le fait pas : une barre basse ne supporte pas plus de cinq
+ * destinations, et surtout on ne met pas en avant les mêmes choses au pouce que dans un menu
+ * complet. Les deux listes pointent volontiers les mêmes routes, mais elles sont écrites
+ * séparément — l'implicite se paierait en surprises au premier ajout d'entrée.
+ *
+ * ACCESSIBILITÉ — la destination courante est marquée par une pastille pleine EN PLUS de la
+ * couleur : la couleur seule disparaît pour une personne daltonienne. Les cibles font 44 px de
+ * haut au minimum, et la barre réserve la zone sûre des téléphones à encoche
+ * (`env(safe-area-inset-bottom)`), sans quoi la dernière rangée passe sous la barre d'accueil.
+ */
+class CadBottomNavComponent {
+    bp = inject(CadBreakpointService);
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    /** Destination courante. Bidirectionnel. */
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Quand afficher le libellé sous l'icône. */
+    labels = input('always', ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    /**
+     * Au-delà, les destinations en trop ne sont PAS affichées : cinq est la limite tenable
+     * en largeur, et tronquer silencieusement vaut mieux que rendre la barre illisible.
+     * Prévoir une destination « Plus » qui ouvre le reste en feuille.
+     */
+    maxItems = input(5, { ...(ngDevMode ? { debugName: "maxItems" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Seuil au-delà duquel la barre disparaît : elle n'a de sens que sur petit écran. */
+    breakpoint = input('md', ...(ngDevMode ? [{ debugName: "breakpoint" }] : /* istanbul ignore next */ []));
+    /** Force l'affichage quel que soit le seuil — utile en démonstration. */
+    alwaysShow = input(false, { ...(ngDevMode ? { debugName: "alwaysShow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    ariaLabel = input('Navigation principale', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    changed = output();
+    itemClick = output();
+    /** Les entrées au-delà de `maxItems` sont écartées, jamais compressées. */
+    shown = computed(() => this.items().slice(0, Math.max(1, this.maxItems())), ...(ngDevMode ? [{ debugName: "shown" }] : /* istanbul ignore next */ []));
+    visible = computed(() => this.alwaysShow() || this.bp.down(this.breakpoint()), ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    isActive(it) {
+        return this.value() === it.value;
+    }
+    showLabel(it) {
+        const mode = this.labels();
+        return mode === 'always' || (mode === 'selected' && this.isActive(it));
+    }
+    /** « 99+ » plutôt qu'un nombre qui ferait déborder la pastille. */
+    cap(badge) {
+        if (typeof badge === 'number')
+            return badge > 99 ? '99+' : String(badge);
+        return String(badge);
+    }
+    pick(it, ev) {
+        if (it.disabled) {
+            ev.preventDefault();
+            return;
+        }
+        this.itemClick.emit({ item: it, originalEvent: ev });
+        if (this.value() === it.value)
+            return;
+        this.value.set(it.value);
+        this.changed.emit(it);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadBottomNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadBottomNavComponent, isStandalone: true, selector: "cad-bottom-nav", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, breakpoint: { classPropertyName: "breakpoint", publicName: "breakpoint", isSignal: true, isRequired: false, transformFunction: null }, alwaysShow: { classPropertyName: "alwaysShow", publicName: "alwaysShow", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed", itemClick: "itemClick" }, host: { properties: { "class.is-hidden": "!visible()", "attr.role": "\"navigation\"", "attr.aria-label": "ariaLabel()" }, classAttribute: "cad-bottom-nav" }, ngImport: i0, template: `
+    @if (visible()) {
+      <ul class="cad-bottom-nav__list" role="list">
+        @for (it of shown(); track it.value) {
+          <li>
+            @if (it.routerLink) {
+              <a
+                class="cad-bottom-nav__item"
+                [class.is-active]="isActive(it)"
+                [class.is-disabled]="it.disabled"
+                [routerLink]="it.routerLink"
+                [queryParams]="it.queryParams"
+                routerLinkActive="is-route-active"
+                [attr.aria-current]="isActive(it) ? 'page' : null"
+                [attr.aria-disabled]="it.disabled || null"
+                [attr.aria-label]="it.ariaLabel || null"
+                (click)="pick(it, $event)"
+              >
+                <ng-container *ngTemplateOutlet="body; context: { $implicit: it }"/>
+              </a>
+            } @else if (it.url) {
+              <a class="cad-bottom-nav__item" [class.is-active]="isActive(it)" [class.is-disabled]="it.disabled"
+                 [href]="it.url" [attr.aria-current]="isActive(it) ? 'page' : null" [attr.aria-label]="it.ariaLabel || null"
+                 (click)="pick(it, $event)">
+                <ng-container *ngTemplateOutlet="body; context: { $implicit: it }"/>
+              </a>
+            } @else {
+              <button
+                type="button"
+                class="cad-bottom-nav__item"
+                [class.is-active]="isActive(it)"
+                [disabled]="it.disabled"
+                [attr.aria-current]="isActive(it) ? 'page' : null"
+                [attr.aria-label]="it.ariaLabel || null"
+                (click)="pick(it, $event)"
+              >
+                <ng-container *ngTemplateOutlet="body; context: { $implicit: it }"/>
+              </button>
+            }
+          </li>
+        }
+      </ul>
+    }
+
+    <ng-template #body let-it>
+      <span class="cad-bottom-nav__icon">
+        <!-- La pastille est un élément à part : c'est elle qui porte l'état actif, pas la couleur. -->
+        <span class="cad-bottom-nav__pill" aria-hidden="true"></span>
+        <cad-icon [name]="(isActive(it) && it.activeIcon) || it.icon" [size]="22"/>
+        @if (it.badge !== undefined && it.badge !== false && it.badge !== null) {
+          <span class="cad-bottom-nav__badge" [class.is-dot]="it.badge === true">
+            @if (it.badge !== true) {{{ cap(it.badge) }}}
+          </span>
+        }
+      </span>
+      @if (showLabel(it)) {<span class="cad-bottom-nav__label">{{ it.label }}</span>}
+    </ng-template>
+  `, isInline: true, styles: [":host{display:block;position:sticky;bottom:0;z-index:20;background:var(--cad-overlay);border-top:1px solid var(--cad-border);padding-bottom:env(safe-area-inset-bottom,0px)}:host(.is-hidden){display:none}.cad-bottom-nav__list{display:flex;margin:0;padding:4px 4px 2px;list-style:none}.cad-bottom-nav__list>li{flex:1;min-width:0;display:flex}.cad-bottom-nav__item{all:unset;box-sizing:border-box;flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:5px 2px 6px;color:var(--cad-fg-muted);font:10px var(--cad-font);text-align:center;text-decoration:none;border-radius:var(--cad-radius);position:relative}.cad-bottom-nav__item:hover{color:var(--cad-fg-secondary)}.cad-bottom-nav__item:focus-visible{outline:2px solid var(--cad-accent);outline-offset:-2px}.cad-bottom-nav__item.is-active{color:var(--cad-accent)}.cad-bottom-nav__item.is-disabled,.cad-bottom-nav__item:disabled{opacity:.45;cursor:not-allowed}.cad-bottom-nav__icon{position:relative;display:grid;place-items:center;width:100%;height:26px}.cad-bottom-nav__pill{position:absolute;width:38px;height:26px;border-radius:var(--cad-radius-pill);background:transparent;transition:background var(--cad-dur) var(--cad-ease)}.cad-bottom-nav__item.is-active .cad-bottom-nav__pill{background:var(--cad-accent-soft)}.cad-bottom-nav__icon cad-icon{position:relative;z-index:1}.cad-bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;position:relative;z-index:1}.cad-bottom-nav__item.is-active .cad-bottom-nav__label{font-weight:500}.cad-bottom-nav__badge{position:absolute;top:-2px;left:50%;margin-left:6px;z-index:2;min-width:15px;height:15px;padding:0 4px;border-radius:var(--cad-radius-pill);background:var(--cad-danger, #f85149);color:#fff;font-size:9px;font-weight:600;line-height:15px;text-align:center;border:2px solid var(--cad-overlay);box-sizing:content-box}.cad-bottom-nav__badge.is-dot{min-width:8px;height:8px;padding:0;margin-left:8px}:host-context(.cad-touch) .cad-bottom-nav__item{min-height:52px}@media(prefers-reduced-motion:reduce){.cad-bottom-nav__pill{transition:none}}\n"], dependencies: [{ kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadBottomNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cad-bottom-nav', standalone: true, imports: [CadIconComponent, RouterLink, RouterLinkActive, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'cad-bottom-nav',
+                        '[class.is-hidden]': '!visible()',
+                        '[attr.role]': '"navigation"',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    }, template: `
+    @if (visible()) {
+      <ul class="cad-bottom-nav__list" role="list">
+        @for (it of shown(); track it.value) {
+          <li>
+            @if (it.routerLink) {
+              <a
+                class="cad-bottom-nav__item"
+                [class.is-active]="isActive(it)"
+                [class.is-disabled]="it.disabled"
+                [routerLink]="it.routerLink"
+                [queryParams]="it.queryParams"
+                routerLinkActive="is-route-active"
+                [attr.aria-current]="isActive(it) ? 'page' : null"
+                [attr.aria-disabled]="it.disabled || null"
+                [attr.aria-label]="it.ariaLabel || null"
+                (click)="pick(it, $event)"
+              >
+                <ng-container *ngTemplateOutlet="body; context: { $implicit: it }"/>
+              </a>
+            } @else if (it.url) {
+              <a class="cad-bottom-nav__item" [class.is-active]="isActive(it)" [class.is-disabled]="it.disabled"
+                 [href]="it.url" [attr.aria-current]="isActive(it) ? 'page' : null" [attr.aria-label]="it.ariaLabel || null"
+                 (click)="pick(it, $event)">
+                <ng-container *ngTemplateOutlet="body; context: { $implicit: it }"/>
+              </a>
+            } @else {
+              <button
+                type="button"
+                class="cad-bottom-nav__item"
+                [class.is-active]="isActive(it)"
+                [disabled]="it.disabled"
+                [attr.aria-current]="isActive(it) ? 'page' : null"
+                [attr.aria-label]="it.ariaLabel || null"
+                (click)="pick(it, $event)"
+              >
+                <ng-container *ngTemplateOutlet="body; context: { $implicit: it }"/>
+              </button>
+            }
+          </li>
+        }
+      </ul>
+    }
+
+    <ng-template #body let-it>
+      <span class="cad-bottom-nav__icon">
+        <!-- La pastille est un élément à part : c'est elle qui porte l'état actif, pas la couleur. -->
+        <span class="cad-bottom-nav__pill" aria-hidden="true"></span>
+        <cad-icon [name]="(isActive(it) && it.activeIcon) || it.icon" [size]="22"/>
+        @if (it.badge !== undefined && it.badge !== false && it.badge !== null) {
+          <span class="cad-bottom-nav__badge" [class.is-dot]="it.badge === true">
+            @if (it.badge !== true) {{{ cap(it.badge) }}}
+          </span>
+        }
+      </span>
+      @if (showLabel(it)) {<span class="cad-bottom-nav__label">{{ it.label }}</span>}
+    </ng-template>
+  `, styles: [":host{display:block;position:sticky;bottom:0;z-index:20;background:var(--cad-overlay);border-top:1px solid var(--cad-border);padding-bottom:env(safe-area-inset-bottom,0px)}:host(.is-hidden){display:none}.cad-bottom-nav__list{display:flex;margin:0;padding:4px 4px 2px;list-style:none}.cad-bottom-nav__list>li{flex:1;min-width:0;display:flex}.cad-bottom-nav__item{all:unset;box-sizing:border-box;flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:5px 2px 6px;color:var(--cad-fg-muted);font:10px var(--cad-font);text-align:center;text-decoration:none;border-radius:var(--cad-radius);position:relative}.cad-bottom-nav__item:hover{color:var(--cad-fg-secondary)}.cad-bottom-nav__item:focus-visible{outline:2px solid var(--cad-accent);outline-offset:-2px}.cad-bottom-nav__item.is-active{color:var(--cad-accent)}.cad-bottom-nav__item.is-disabled,.cad-bottom-nav__item:disabled{opacity:.45;cursor:not-allowed}.cad-bottom-nav__icon{position:relative;display:grid;place-items:center;width:100%;height:26px}.cad-bottom-nav__pill{position:absolute;width:38px;height:26px;border-radius:var(--cad-radius-pill);background:transparent;transition:background var(--cad-dur) var(--cad-ease)}.cad-bottom-nav__item.is-active .cad-bottom-nav__pill{background:var(--cad-accent-soft)}.cad-bottom-nav__icon cad-icon{position:relative;z-index:1}.cad-bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;position:relative;z-index:1}.cad-bottom-nav__item.is-active .cad-bottom-nav__label{font-weight:500}.cad-bottom-nav__badge{position:absolute;top:-2px;left:50%;margin-left:6px;z-index:2;min-width:15px;height:15px;padding:0 4px;border-radius:var(--cad-radius-pill);background:var(--cad-danger, #f85149);color:#fff;font-size:9px;font-weight:600;line-height:15px;text-align:center;border:2px solid var(--cad-overlay);box-sizing:content-box}.cad-bottom-nav__badge.is-dot{min-width:8px;height:8px;padding:0;margin-left:8px}:host-context(.cad-touch) .cad-bottom-nav__item{min-height:52px}@media(prefers-reduced-motion:reduce){.cad-bottom-nav__pill{transition:none}}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], maxItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxItems", required: false }] }], breakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoint", required: false }] }], alwaysShow: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysShow", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
+
+/**
+ * En-tête et pied sont des SLOTS, pas des gabarits : `<div cadNavDrawerFooter>` sur n'importe
+ * quel élément, sans `<ng-template>` à écrire. Ces directives sont de simples marqueurs — elles
+ * n'injectent surtout pas `TemplateRef`, qui n'existe que sur un `<ng-template>` et ferait
+ * échouer l'injection sur un `<div>` (NG0201).
+ */
+class CadNavDrawerHeaderDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadNavDrawerHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: CadNavDrawerHeaderDirective, isStandalone: true, selector: "[cadNavDrawerHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadNavDrawerHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[cadNavDrawerHeader]', standalone: true }]
+        }] });
+class CadNavDrawerFooterDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadNavDrawerFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: CadNavDrawerFooterDirective, isStandalone: true, selector: "[cadNavDrawerFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadNavDrawerFooterDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[cadNavDrawerFooter]', standalone: true }]
+        }] });
+/**
+ * <cad-nav-drawer [items]="items" [(open)]="open" [(value)]="page" mode="auto" (itemClick)/>
+ *
+ * Menu principal de l'application : UN composant pour les trois états, pas deux à tenir en
+ * parallèle. En `auto` (défaut) il est permanent en colonne au-dessus du seuil, et bascule
+ * en tiroir par-dessus le contenu en dessous, ouvert au hamburger. `rail` n'affiche que les
+ * icônes, le libellé passant en `title`.
+ *
+ * POURQUOI PAS `cad-drawer` — celui-ci est un panneau générique : il ne connaît ni items, ni
+ * route active, ni sections, et surtout il est toujours temporaire. Le mode permanent n'est
+ * pas une surcouche cosmétique : le tiroir occupe alors une colonne dans le flux et pousse le
+ * contenu, au lieu de le recouvrir.
+ *
+ * LA LISTE EST DISTINCTE DE CELLE DE `cad-bottom-nav`, volontairement — voir la note qui s'y
+ * trouve : on ne met pas en avant les mêmes destinations au pouce que dans un menu complet.
+ */
+class CadNavDrawerComponent {
+    bp = inject(CadBreakpointService);
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    /** Ouverture du tiroir. Sans effet en mode permanent, où le panneau est toujours là. */
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** Entrée courante, comparée à `item.value`. */
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    mode = input('auto', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    /** Seuil de bascule permanent → tiroir, en mode `auto`. */
+    breakpoint = input('md', ...(ngDevMode ? [{ debugName: "breakpoint" }] : /* istanbul ignore next */ []));
+    position = input('left', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('Menu principal', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** Referme le tiroir après un clic sur une entrée. Sans objet en permanent. */
+    closeOnNavigate = input(true, { ...(ngDevMode ? { debugName: "closeOnNavigate" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnEscape = input(true, { ...(ngDevMode ? { debugName: "closeOnEscape" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Clic sur le voile. */
+    dismissableScrim = input(true, { ...(ngDevMode ? { debugName: "dismissableScrim" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    opened = output();
+    closed = output();
+    itemClick = output();
+    changed = output();
+    /** Présence des slots : sert à décider du repli sur l'en-tête par défaut et du cadre du pied. */
+    headerSlot = contentChild(CadNavDrawerHeaderDirective, ...(ngDevMode ? [{ debugName: "headerSlot" }] : /* istanbul ignore next */ []));
+    footerSlot = contentChild(CadNavDrawerFooterDirective, ...(ngDevMode ? [{ debugName: "footerSlot" }] : /* istanbul ignore next */ []));
+    /** Mode effectif : `auto` se résout au seuil, les autres sont imposés. */
+    effective = computed(() => {
+        const m = this.mode();
+        if (m !== 'auto')
+            return m;
+        return this.bp.down(this.breakpoint()) ? 'temporary' : 'permanent';
+    }, ...(ngDevMode ? [{ debugName: "effective" }] : /* istanbul ignore next */ []));
+    temporary = computed(() => this.effective() === 'temporary', ...(ngDevMode ? [{ debugName: "temporary" }] : /* istanbul ignore next */ []));
+    rail = computed(() => this.effective() === 'rail', ...(ngDevMode ? [{ debugName: "rail" }] : /* istanbul ignore next */ []));
+    wasOpen = signal(false, ...(ngDevMode ? [{ debugName: "wasOpen" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const o = this.open() && this.temporary();
+            if (o === this.wasOpen())
+                return;
+            this.wasOpen.set(o);
+            (o ? this.opened : this.closed).emit();
+        });
+        // Repasser en permanent laisse un tiroir « ouvert » qui n'a plus de sens : on le solde,
+        // sinon le retour en mode tiroir le rouvrirait tout seul.
+        effect(() => {
+            if (!this.temporary() && this.open())
+                this.open.set(false);
+        });
+    }
+    isActive(it) {
+        return it.value !== undefined && this.value() === it.value;
+    }
+    toggle() { this.open.set(!this.open()); }
+    show() { this.open.set(true); }
+    hide() { this.open.set(false); }
+    dismiss() {
+        if (this.dismissableScrim())
+            this.open.set(false);
+    }
+    onEscape() {
+        if (this.closeOnEscape() && this.temporary() && this.open())
+            this.open.set(false);
+    }
+    pick(it, ev) {
+        if (it.disabled) {
+            ev.preventDefault();
+            return;
+        }
+        this.itemClick.emit({ item: it, originalEvent: ev });
+        it.command?.({ item: it, originalEvent: ev });
+        if (it.value !== undefined && this.value() !== it.value) {
+            this.value.set(it.value);
+            this.changed.emit(it);
+        }
+        if (this.temporary() && this.closeOnNavigate())
+            this.open.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadNavDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadNavDrawerComponent, isStandalone: true, selector: "cad-nav-drawer", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, breakpoint: { classPropertyName: "breakpoint", publicName: "breakpoint", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, closeOnNavigate: { classPropertyName: "closeOnNavigate", publicName: "closeOnNavigate", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, dismissableScrim: { classPropertyName: "dismissableScrim", publicName: "dismissableScrim", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", value: "valueChange", opened: "opened", closed: "closed", itemClick: "itemClick", changed: "changed" }, host: { listeners: { "document:keydown.escape": "onEscape()" }, properties: { "class.is-temporary": "temporary()", "class.is-permanent": "!temporary()", "class.is-rail": "rail()", "class.is-open": "open()", "class.is-right": "position() === \"right\"" }, classAttribute: "cad-nav-drawer" }, queries: [{ propertyName: "headerSlot", first: true, predicate: CadNavDrawerHeaderDirective, descendants: true, isSignal: true }, { propertyName: "footerSlot", first: true, predicate: CadNavDrawerFooterDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <!-- Le voile n'existe qu'en mode tiroir : en permanent il n'y a rien à recouvrir. -->
+    @if (temporary() && open()) {
+      <div class="cad-nav-drawer__scrim" (click)="dismiss()" aria-hidden="true"></div>
+    }
+
+    <nav
+      class="cad-nav-drawer__panel"
+      [attr.aria-label]="ariaLabel()"
+      [attr.aria-hidden]="temporary() && !open() ? 'true' : null"
+      [attr.inert]="temporary() && !open() ? '' : null"
+    >
+      <div class="cad-nav-drawer__head">
+        <ng-content select="[cadNavDrawerHeader]"/>
+        @if (!headerSlot()) {
+          @if (icon()) {<cad-icon [name]="icon()" [size]="18"/>}
+          @if (!rail()) {<b>{{ title() }}</b>}
+        }
+      </div>
+
+      <ul class="cad-nav-drawer__list" role="list">
+        @for (it of items(); track $index) {
+          @if (it.section) {
+            <!-- En rail, un intertitre n'a plus de place : un filet le remplace. -->
+            @if (rail()) {
+              <li class="cad-nav-drawer__rule" role="separator"></li>
+            } @else {
+              <li class="cad-nav-drawer__section">{{ it.label }}</li>
+            }
+          } @else {
+            <li>
+              @if (it.routerLink) {
+                <a class="cad-nav-drawer__item" [class.is-active]="isActive(it)" [class.is-disabled]="it.disabled"
+                   [routerLink]="it.routerLink" [queryParams]="it.queryParams"
+                   [attr.aria-current]="isActive(it) ? 'page' : null" [attr.aria-disabled]="it.disabled || null"
+                   [attr.title]="rail() ? it.label : null" [attr.aria-label]="it.ariaLabel || (rail() ? it.label : null)"
+                   (click)="pick(it, $event)">
+                  <ng-container *ngTemplateOutlet="row; context: { $implicit: it }"/>
+                </a>
+              } @else if (it.url) {
+                <a class="cad-nav-drawer__item" [class.is-active]="isActive(it)" [class.is-disabled]="it.disabled"
+                   [href]="it.url" [attr.target]="it.target || null"
+                   [attr.title]="rail() ? it.label : null" [attr.aria-label]="it.ariaLabel || (rail() ? it.label : null)"
+                   (click)="pick(it, $event)">
+                  <ng-container *ngTemplateOutlet="row; context: { $implicit: it }"/>
+                </a>
+              } @else {
+                <button type="button" class="cad-nav-drawer__item" [class.is-active]="isActive(it)"
+                        [disabled]="it.disabled" [attr.title]="rail() ? it.label : null"
+                        [attr.aria-label]="it.ariaLabel || (rail() ? it.label : null)"
+                        [attr.aria-current]="isActive(it) ? 'page' : null" (click)="pick(it, $event)">
+                  <ng-container *ngTemplateOutlet="row; context: { $implicit: it }"/>
+                </button>
+              }
+            </li>
+          }
+        }
+      </ul>
+
+      <!-- Toujours rendu : la projection a lieu quoi qu'il arrive. Le cadre ne s'affiche
+           que si un pied a bien été fourni, sinon on verrait un filet et un vide. -->
+      <div class="cad-nav-drawer__foot" [class.is-empty]="!footerSlot()">
+        <ng-content select="[cadNavDrawerFooter]"/>
+      </div>
+    </nav>
+
+    <ng-template #row let-it>
+      @if (it.icon) {<cad-icon [name]="it.icon" [size]="17"/>}
+      @if (!rail()) {
+        <span class="cad-nav-drawer__label">{{ it.label }}</span>
+        @if (it.badge !== undefined && it.badge !== null) {<span class="cad-nav-drawer__badge">{{ it.badge }}</span>}
+      } @else if (it.badge !== undefined && it.badge !== null) {
+        <!-- En rail le compte ne tient pas : il devient un point, le nombre reste en title. -->
+        <span class="cad-nav-drawer__dot" [attr.title]="it.badge"></span>
+      }
+    </ng-template>
+  `, isInline: true, styles: [":host{display:block}:host(.is-permanent){flex:none}.cad-nav-drawer__panel{display:flex;flex-direction:column;min-height:0;height:100%;width:var(--cad-nav-drawer-w, 240px);background:var(--cad-bg-subtle);border-right:1px solid var(--cad-border);transition:width var(--cad-dur) var(--cad-ease)}:host(.is-rail) .cad-nav-drawer__panel{width:var(--cad-nav-drawer-rail-w, 56px)}:host(.is-right) .cad-nav-drawer__panel{border-right:0;border-left:1px solid var(--cad-border)}:host(.is-temporary){position:fixed;inset:0 auto 0 0;z-index:var(--cad-z-overlay, 100002);pointer-events:none}:host(.is-temporary.is-right){inset:0 0 0 auto}:host(.is-temporary) .cad-nav-drawer__panel{pointer-events:auto;height:100%;box-shadow:var(--cad-shadow-lg, 0 12px 24px rgba(15,23,42,.18));transform:translate(-100%);transition:transform var(--cad-dur) var(--cad-ease)}:host(.is-temporary.is-right) .cad-nav-drawer__panel{transform:translate(100%)}:host(.is-temporary.is-open) .cad-nav-drawer__panel{transform:translate(0)}.cad-nav-drawer__scrim{position:fixed;inset:0;background:var(--cad-backdrop, rgba(2,6,23,.45));pointer-events:auto;z-index:-1}.cad-nav-drawer__head{display:flex;align-items:center;gap:9px;flex:none;padding:14px 14px 12px;border-bottom:1px solid var(--cad-border);min-height:48px;color:var(--cad-fg);font-size:13px}:host(.is-rail) .cad-nav-drawer__head{justify-content:center;padding:14px 0 12px}.cad-nav-drawer__head cad-icon{color:var(--cad-accent);flex:none}.cad-nav-drawer__list{list-style:none;margin:0;padding:8px 0;flex:1;min-height:0;overflow-y:auto}.cad-nav-drawer__section{padding:12px 14px 5px;font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--cad-fg-muted)}.cad-nav-drawer__rule{height:1px;margin:8px 12px;background:var(--cad-border)}.cad-nav-drawer__item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;padding:8px 14px;min-height:38px;color:var(--cad-fg-secondary);font:12.5px var(--cad-font);text-decoration:none}:host(.is-rail) .cad-nav-drawer__item{justify-content:center;padding:10px 0}.cad-nav-drawer__item:hover{background:var(--cad-hover);color:var(--cad-fg)}.cad-nav-drawer__item:focus-visible{outline:2px solid var(--cad-accent);outline-offset:-2px}.cad-nav-drawer__item.is-active{background:var(--cad-accent-soft);color:var(--cad-accent);font-weight:500;box-shadow:inset 3px 0 0 var(--cad-accent)}:host(.is-right) .cad-nav-drawer__item.is-active{box-shadow:inset -3px 0 0 var(--cad-accent)}.cad-nav-drawer__item.is-disabled,.cad-nav-drawer__item:disabled{opacity:.45;cursor:not-allowed}.cad-nav-drawer__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-nav-drawer__badge{flex:none;font-size:10.5px;font-family:var(--cad-font-mono);border-radius:var(--cad-radius-pill);padding:1px 7px;background:var(--cad-elevated, var(--cad-border));color:var(--cad-fg-secondary)}.cad-nav-drawer__item.is-active .cad-nav-drawer__badge{background:var(--cad-accent);color:var(--cad-fg-on-accent)}.cad-nav-drawer__dot{position:absolute;margin:-14px 0 0 14px;width:7px;height:7px;border-radius:50%;background:var(--cad-danger, #f85149)}.cad-nav-drawer__foot{flex:none;border-top:1px solid var(--cad-border);padding:10px 14px}.cad-nav-drawer__foot.is-empty{display:none}:host(.is-rail) .cad-nav-drawer__foot{padding:10px 0;display:flex;justify-content:center}:host-context(.cad-touch) .cad-nav-drawer__item{min-height:44px}@media(prefers-reduced-motion:reduce){.cad-nav-drawer__panel{transition:none}}\n"], dependencies: [{ kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadNavDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cad-nav-drawer', standalone: true, imports: [CadIconComponent, RouterLink, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'cad-nav-drawer',
+                        '[class.is-temporary]': 'temporary()',
+                        '[class.is-permanent]': '!temporary()',
+                        '[class.is-rail]': 'rail()',
+                        '[class.is-open]': 'open()',
+                        '[class.is-right]': 'position() === "right"',
+                    }, template: `
+    <!-- Le voile n'existe qu'en mode tiroir : en permanent il n'y a rien à recouvrir. -->
+    @if (temporary() && open()) {
+      <div class="cad-nav-drawer__scrim" (click)="dismiss()" aria-hidden="true"></div>
+    }
+
+    <nav
+      class="cad-nav-drawer__panel"
+      [attr.aria-label]="ariaLabel()"
+      [attr.aria-hidden]="temporary() && !open() ? 'true' : null"
+      [attr.inert]="temporary() && !open() ? '' : null"
+    >
+      <div class="cad-nav-drawer__head">
+        <ng-content select="[cadNavDrawerHeader]"/>
+        @if (!headerSlot()) {
+          @if (icon()) {<cad-icon [name]="icon()" [size]="18"/>}
+          @if (!rail()) {<b>{{ title() }}</b>}
+        }
+      </div>
+
+      <ul class="cad-nav-drawer__list" role="list">
+        @for (it of items(); track $index) {
+          @if (it.section) {
+            <!-- En rail, un intertitre n'a plus de place : un filet le remplace. -->
+            @if (rail()) {
+              <li class="cad-nav-drawer__rule" role="separator"></li>
+            } @else {
+              <li class="cad-nav-drawer__section">{{ it.label }}</li>
+            }
+          } @else {
+            <li>
+              @if (it.routerLink) {
+                <a class="cad-nav-drawer__item" [class.is-active]="isActive(it)" [class.is-disabled]="it.disabled"
+                   [routerLink]="it.routerLink" [queryParams]="it.queryParams"
+                   [attr.aria-current]="isActive(it) ? 'page' : null" [attr.aria-disabled]="it.disabled || null"
+                   [attr.title]="rail() ? it.label : null" [attr.aria-label]="it.ariaLabel || (rail() ? it.label : null)"
+                   (click)="pick(it, $event)">
+                  <ng-container *ngTemplateOutlet="row; context: { $implicit: it }"/>
+                </a>
+              } @else if (it.url) {
+                <a class="cad-nav-drawer__item" [class.is-active]="isActive(it)" [class.is-disabled]="it.disabled"
+                   [href]="it.url" [attr.target]="it.target || null"
+                   [attr.title]="rail() ? it.label : null" [attr.aria-label]="it.ariaLabel || (rail() ? it.label : null)"
+                   (click)="pick(it, $event)">
+                  <ng-container *ngTemplateOutlet="row; context: { $implicit: it }"/>
+                </a>
+              } @else {
+                <button type="button" class="cad-nav-drawer__item" [class.is-active]="isActive(it)"
+                        [disabled]="it.disabled" [attr.title]="rail() ? it.label : null"
+                        [attr.aria-label]="it.ariaLabel || (rail() ? it.label : null)"
+                        [attr.aria-current]="isActive(it) ? 'page' : null" (click)="pick(it, $event)">
+                  <ng-container *ngTemplateOutlet="row; context: { $implicit: it }"/>
+                </button>
+              }
+            </li>
+          }
+        }
+      </ul>
+
+      <!-- Toujours rendu : la projection a lieu quoi qu'il arrive. Le cadre ne s'affiche
+           que si un pied a bien été fourni, sinon on verrait un filet et un vide. -->
+      <div class="cad-nav-drawer__foot" [class.is-empty]="!footerSlot()">
+        <ng-content select="[cadNavDrawerFooter]"/>
+      </div>
+    </nav>
+
+    <ng-template #row let-it>
+      @if (it.icon) {<cad-icon [name]="it.icon" [size]="17"/>}
+      @if (!rail()) {
+        <span class="cad-nav-drawer__label">{{ it.label }}</span>
+        @if (it.badge !== undefined && it.badge !== null) {<span class="cad-nav-drawer__badge">{{ it.badge }}</span>}
+      } @else if (it.badge !== undefined && it.badge !== null) {
+        <!-- En rail le compte ne tient pas : il devient un point, le nombre reste en title. -->
+        <span class="cad-nav-drawer__dot" [attr.title]="it.badge"></span>
+      }
+    </ng-template>
+  `, styles: [":host{display:block}:host(.is-permanent){flex:none}.cad-nav-drawer__panel{display:flex;flex-direction:column;min-height:0;height:100%;width:var(--cad-nav-drawer-w, 240px);background:var(--cad-bg-subtle);border-right:1px solid var(--cad-border);transition:width var(--cad-dur) var(--cad-ease)}:host(.is-rail) .cad-nav-drawer__panel{width:var(--cad-nav-drawer-rail-w, 56px)}:host(.is-right) .cad-nav-drawer__panel{border-right:0;border-left:1px solid var(--cad-border)}:host(.is-temporary){position:fixed;inset:0 auto 0 0;z-index:var(--cad-z-overlay, 100002);pointer-events:none}:host(.is-temporary.is-right){inset:0 0 0 auto}:host(.is-temporary) .cad-nav-drawer__panel{pointer-events:auto;height:100%;box-shadow:var(--cad-shadow-lg, 0 12px 24px rgba(15,23,42,.18));transform:translate(-100%);transition:transform var(--cad-dur) var(--cad-ease)}:host(.is-temporary.is-right) .cad-nav-drawer__panel{transform:translate(100%)}:host(.is-temporary.is-open) .cad-nav-drawer__panel{transform:translate(0)}.cad-nav-drawer__scrim{position:fixed;inset:0;background:var(--cad-backdrop, rgba(2,6,23,.45));pointer-events:auto;z-index:-1}.cad-nav-drawer__head{display:flex;align-items:center;gap:9px;flex:none;padding:14px 14px 12px;border-bottom:1px solid var(--cad-border);min-height:48px;color:var(--cad-fg);font-size:13px}:host(.is-rail) .cad-nav-drawer__head{justify-content:center;padding:14px 0 12px}.cad-nav-drawer__head cad-icon{color:var(--cad-accent);flex:none}.cad-nav-drawer__list{list-style:none;margin:0;padding:8px 0;flex:1;min-height:0;overflow-y:auto}.cad-nav-drawer__section{padding:12px 14px 5px;font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--cad-fg-muted)}.cad-nav-drawer__rule{height:1px;margin:8px 12px;background:var(--cad-border)}.cad-nav-drawer__item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;padding:8px 14px;min-height:38px;color:var(--cad-fg-secondary);font:12.5px var(--cad-font);text-decoration:none}:host(.is-rail) .cad-nav-drawer__item{justify-content:center;padding:10px 0}.cad-nav-drawer__item:hover{background:var(--cad-hover);color:var(--cad-fg)}.cad-nav-drawer__item:focus-visible{outline:2px solid var(--cad-accent);outline-offset:-2px}.cad-nav-drawer__item.is-active{background:var(--cad-accent-soft);color:var(--cad-accent);font-weight:500;box-shadow:inset 3px 0 0 var(--cad-accent)}:host(.is-right) .cad-nav-drawer__item.is-active{box-shadow:inset -3px 0 0 var(--cad-accent)}.cad-nav-drawer__item.is-disabled,.cad-nav-drawer__item:disabled{opacity:.45;cursor:not-allowed}.cad-nav-drawer__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cad-nav-drawer__badge{flex:none;font-size:10.5px;font-family:var(--cad-font-mono);border-radius:var(--cad-radius-pill);padding:1px 7px;background:var(--cad-elevated, var(--cad-border));color:var(--cad-fg-secondary)}.cad-nav-drawer__item.is-active .cad-nav-drawer__badge{background:var(--cad-accent);color:var(--cad-fg-on-accent)}.cad-nav-drawer__dot{position:absolute;margin:-14px 0 0 14px;width:7px;height:7px;border-radius:50%;background:var(--cad-danger, #f85149)}.cad-nav-drawer__foot{flex:none;border-top:1px solid var(--cad-border);padding:10px 14px}.cad-nav-drawer__foot.is-empty{display:none}:host(.is-rail) .cad-nav-drawer__foot{padding:10px 0;display:flex;justify-content:center}:host-context(.cad-touch) .cad-nav-drawer__item{min-height:44px}@media(prefers-reduced-motion:reduce){.cad-nav-drawer__panel{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], breakpoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakpoint", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], closeOnNavigate: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnNavigate", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], dismissableScrim: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissableScrim", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], changed: [{ type: i0.Output, args: ["changed"] }], headerSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CadNavDrawerHeaderDirective), { isSignal: true }] }], footerSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CadNavDrawerFooterDirective), { isSignal: true }] }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
 /**
  * Déclarations (inputs / outputs / models / contenu projeté) de cad-table — classe de base pour tenir la limite de taille du composant.
  * Toute la logique reste dans CadTableComponent.
@@ -13645,7 +14143,11 @@ class CadMapComponent {
         tm.jumpTo({ center: [c.lng, c.lat], zoom: this.map.getZoom(), bearing: this.map.getBearing(), pitch: this.map.getPitch() });
         t.syncing = false;
     }
-    destroy() { this.chromeRef?.destroy(); this.ro?.disconnect(); this.roCorners?.disconnect(); this.themeObs?.disconnect(); this.closePopup(); this.tooltip?.remove(); try {
+    destroy() { this.chromeRef?.destroy(); this.ro?.disconnect(); this.roCorners?.disconnect(); this.themeObs?.disconnect(); try {
+        this.closePopup();
+        this.tooltip?.remove();
+    }
+    catch { /* carte déjà démontée */ } try {
         this.map?.remove();
     }
     catch { /* déjà détruit */ } this.map = null; }
@@ -13686,6 +14188,14 @@ const FR_LOCALE = {
     'ScaleControl.Meters': 'm', 'ScaleControl.Kilometers': 'km', 'CooperativeGesturesHandler.WindowsHelpText': 'Utilisez Ctrl + molette pour zoomer', 'CooperativeGesturesHandler.MacHelpText': 'Utilisez ⌘ + molette pour zoomer', 'CooperativeGesturesHandler.MobileHelpText': 'Utilisez deux doigts pour déplacer la carte',
 };
 
+/**
+ * Une carte MapLibre détruite garde son objet mais perd son `style`. Tout appel qui le
+ * traverse — `getLayer`, `getSource`, `off` — lève alors un TypeError. C'est le seul signe
+ * fiable qu'on puisse encore lui parler.
+ */
+function cadMapEstVivante(map) {
+    return !!map && !!map.style;
+}
 /**
  * <cad-map-layer id="oa" label="Ouvrages d'art" type="geojson" [data]="geojson" [style]="{ color: { field:'etat', categories:{…} }, radius: 6 }" cluster [popupTemplate]="tpl" (featureClick)/>
  * <cad-map-layer id="ppri" label="PPRI" type="wms" url="https://…/wms" layers="PPRI" [opacity]=".6"/>
@@ -13776,7 +14286,38 @@ class CadMapLayerComponent {
         this.bindEvents(map);
         this.loaded.emit();
     }
-    detach(map) { this.unbindEvents(map); this.removeAll(map); this.attached = false; }
+    /**
+     * Chemin de DÉMONTAGE : il ne doit JAMAIS lever.
+     *
+     * Bug signalé par SZU le 21/08/2026 — « au clic sur un élément de menu, parfois, le
+     * contenu est blanc, puis quelques secondes plus tard le menu redevient fonctionnel et
+     * la page est la bonne ». En quittant une page portant une carte :
+     *
+     *   TypeError: Cannot read properties of undefined (reading 'getLayer')
+     *     at removeAll -> detach -> ... -> ComponentRef.destroy
+     *
+     * `detach` était appelé DEUX fois à la destruction : une fois par `unregisterChild`
+     * (protégé côté cad-map) et une fois directement, sans garde. Le second passage
+     * s'exécutait sur une carte déjà démontée par MapLibre — `map.style` vaut alors
+     * `undefined` et `map.getLayer()` lève. Une exception pendant la destruction interrompt
+     * le démontage de la vue : d'où l'écran blanc et le menu figé.
+     *
+     * Deux verrous, parce qu'un seul ne suffit pas : on ne touche à la carte que si elle est
+     * encore vivante, ET on avale ce qui pourrait malgré tout échapper. Un nettoyage qui lève
+     * est toujours pire que le déchet qu'il aurait laissé.
+     */
+    detach(map) {
+        try {
+            if (cadMapEstVivante(map)) {
+                this.unbindEvents(map);
+                this.removeAll(map);
+            }
+        }
+        catch {
+            /* carte déjà démontée : il n'y a plus rien à retirer */
+        }
+        this.attached = false;
+    }
     removeAll(map) {
         for (const id of this.allLayerIds())
             if (map.getLayer(id))
@@ -14136,7 +14677,17 @@ class CadMapSearchComponent {
     timer = null;
     ctrl = null;
     mk = null;
-    constructor() { inject(DestroyRef).onDestroy(() => { this.mk?.remove(); this.ctrl?.abort(); }); }
+    constructor() {
+        // Démontage : la carte peut déjà avoir été détruite par cad-map, auquel cas retirer le
+        // marqueur lève et casse le reste du cycle (même défaut que cad-map-layer.detach, 21/08).
+        inject(DestroyRef).onDestroy(() => {
+            try {
+                this.mk?.remove();
+            }
+            catch { /* carte déjà démontée */ }
+            this.ctrl?.abort();
+        });
+    }
     onInput(v) {
         this.q.set(v);
         this.searched.set(false);
@@ -17447,5 +17998,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  * 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_TOUCH_DENSITY, CadAccordionComponent, CadAccordionPanelComponent, CadAvatarComponent, CadAvatarGroupComponent, CadBadgeComponent, CadBadgeDirective, CadBlockDirective, CadBlockOverlayComponent, CadBlockUiComponent, 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, 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, CadTimelineComponent, CadTimelineContentDirective, CadTimelineMarkerDirective, CadTimelineOppositeDirective, CadToastComponent, CadToastItemDirective, CadToastService, CadToggleButtonComponent, CadTooltipComponent, CadTooltipDirective, CadTreeAdapter, CadTreeComponent, CadTreeNodeDirective, CadTreeselectComponent, CadUploadComponent, CadUploadContentDirective, CadUploadEmptyDirective, CadUploadItemDirective, CadValueAccessor, MAPLIBRE_MIN_CSS, addDays, addMonths, addYears, cadAggregate, cadApplyColumnOrder, cadApplyMask, cadArea, cadAutosizeWidth, cadBasemapThumbnail, cadBoundsOf, cadCategories, cadCentroid, cadColorExpr, cadCompare, cadCurrentOperator, cadDefaultMatchMode, cadDistance, cadDownloadCsv, cadFilterData, cadFilterKindOf, cadFilterOperators, cadFilterRows, cadFmtArea, cadFmtLength, cadFormatCell, cadFormatColor, cadFormatSize, cadGap, cadGeoJSONStats, cadGeometryKinds, cadHeaderMenuItems, cadHighlightJson, cadHslToRgb, cadHsvToRgb, cadId, cadIsGroupKey, cadJsonErrorPos, cadLegendFromStyle, cadLength, cadMapLayerOf, cadMapLayersOf, cadMatch, cadMoveColumn, cadMoveItems, cadNormalize, cadNormalizeOptions, cadNumberExpr, cadPadBounds, cadParseColor, cadParseResponsive, cadPropsTable, cadResolve, cadResolveResponsive, cadResponsive, cadRgbToHsl, cadRgbToHsv, cadRingArea, cadRowKey, cadRowPredicate, cadSameValue, cadSortData, cadStartResize, cadStyleToExpressions, cadUnmask, 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_SELECT_POSITIONS, CAD_SELECT_TRIGGER_STYLES, CAD_SHEET_DATA, CAD_TOUCH_DENSITY, CadAccordionComponent, CadAccordionPanelComponent, 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, CadTimelineComponent, CadTimelineContentDirective, CadTimelineMarkerDirective, CadTimelineOppositeDirective, CadToastComponent, CadToastItemDirective, CadToastService, CadToggleButtonComponent, CadTooltipComponent, CadTooltipDirective, CadTreeAdapter, CadTreeComponent, CadTreeNodeDirective, CadTreeselectComponent, CadUploadComponent, CadUploadContentDirective, CadUploadEmptyDirective, CadUploadItemDirective, CadValueAccessor, MAPLIBRE_MIN_CSS, addDays, addMonths, addYears, cadAggregate, cadApplyColumnOrder, cadApplyMask, cadArea, cadAutosizeWidth, cadBasemapThumbnail, cadBoundsOf, cadCategories, cadCentroid, cadColorExpr, cadCompare, cadCurrentOperator, cadDefaultMatchMode, cadDistance, cadDownloadCsv, cadFilterData, cadFilterKindOf, cadFilterOperators, cadFilterRows, cadFmtArea, cadFmtLength, cadFormatCell, cadFormatColor, cadFormatSize, cadGap, cadGeoJSONStats, cadGeometryKinds, cadHeaderMenuItems, cadHighlightJson, cadHslToRgb, cadHsvToRgb, cadId, cadIsGroupKey, cadJsonErrorPos, cadLegendFromStyle, cadLength, cadMapEstVivante, cadMapLayerOf, cadMapLayersOf, cadMatch, cadMoveColumn, cadMoveItems, cadNormalize, cadNormalizeOptions, cadNumberExpr, cadPadBounds, cadParseColor, cadParseResponsive, cadPropsTable, cadResolve, cadResolveResponsive, cadResponsive, cadRgbToHsl, cadRgbToHsv, cadRingArea, cadRowKey, cadRowPredicate, cadSameValue, cadSortData, cadStartResize, cadStyleToExpressions, cadUnmask, 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 };
 //# sourceMappingURL=cadriciel-ui.mjs.map