npm - @cadriciel/ui - Versions diffs - 0.2.0 → 0.4.0 - Mend

@cadriciel/ui 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md +1 -1
package/fesm2022/cadriciel-ui.mjs +1565 -19
package/fesm2022/cadriciel-ui.mjs.map +1 -1
package/package.json +2 -2
package/types/cadriciel-ui.d.ts +663 -2

package/fesm2022/cadriciel-ui.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ import { PortalModule, ComponentPortal, TemplatePortal, Portal } from '@angular/
 import * as i2 from '@angular/cdk/a11y';
 import { A11yModule, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import { Subject, isObservable } from 'rxjs';
-import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder, transferArrayItem } from '@angular/cdk/drag-drop';
+import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle, CdkDragPlaceholder, transferArrayItem, CdkDropListGroup } from '@angular/cdk/drag-drop';
 import { RouterLink, Router, RouterLinkActive } from '@angular/router';
 import { HttpClient, HttpHeaders, HttpEventType } from '@angular/common/http';
@@ -4081,14 +4081,14 @@ class CadDialogContainerComponent {
         const c = this.config();
         return ['cad-dialog-container', c.kind === 'drawer' ? `is-drawer pos-${c.drawerPosition ?? 'right'}` : '', c.styleClass ?? ''].join(' ');
     }, ...(ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []));
-    static SIZES = { sm: '360px', md: '480px', lg: '640px', xl: '900px', full: '100vw' };
+    static SIZES = { sm: '360px', md: '480px', lg: '640px', xl: '900px', full: '100%' };
     static DRAWER_SIZES = { sm: '320px', md: '420px', lg: '600px', full: '100%' };
     width = computed(() => {
         const c = this.config();
         if (c.kind === 'drawer') {
             const s = this.bp.isMobile() ? (c.drawerMobileSize ?? 'full') : (c.drawerSize ?? 'md');
             const vertical = c.drawerPosition === 'top' || c.drawerPosition === 'bottom';
-            return vertical ? '100vw' : (CadDialogContainerComponent.DRAWER_SIZES[s] ?? s);
+            return vertical ? '100%' : (CadDialogContainerComponent.DRAWER_SIZES[s] ?? s);
         }
         return c.width ?? CadDialogContainerComponent.SIZES[c.size ?? 'md'] ?? '480px';
     }, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
@@ -4103,7 +4103,7 @@ class CadDialogContainerComponent {
         }
         return c.height ?? null;
     }, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
-    maxWidth = computed(() => this.config().kind === 'drawer' ? '100vw' : (this.config().maxWidth ?? (this.config().size === 'full' ? '100vw' : '92vw')), ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    maxWidth = computed(() => this.config().kind === 'drawer' ? '100%' : (this.config().maxWidth ?? (this.config().size === 'full' ? '100%' : '92%')), ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
     drag = signal(null, ...(ngDevMode ? [{ debugName: "drag" }] : /* istanbul ignore next */ []));
     dragTransform = computed(() => { const d = this.drag(); return d ? `translate(${d.x}px, ${d.y}px)` : null; }, ...(ngDevMode ? [{ debugName: "dragTransform" }] : /* istanbul ignore next */ []));
     toggleMaximize() { this.maximized.set(!this.maximized()); this.drag.set(null); this.maximizeChange.emit(this.maximized()); }
@@ -4148,7 +4148,7 @@ class CadDialogContainerComponent {
         <footer class="cad-dialog__footer"><ng-container *ngTemplateOutlet="config().footer!" /></footer>
       }
     </div>
-  `, isInline: true, styles: [".cdk-overlay-container{position:fixed;z-index:var(--cad-z-overlay, 100002);pointer-events:none;top:0;left:0;width:100%;height:100%}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000;width:100%;height:100%}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity var(--cad-dur, .14s) var(--cad-ease, ease)}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{visibility:visible;opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cad-overlay-backdrop{background:var(--cad-backdrop, rgba(2, 6, 23, .45))}.cad-overlay-backdrop.is-hidden{display:none}.cad-overlay-pane{pointer-events:auto}.cad-overlay-pane.is-drawer-pane{height:100%}.cad-dialog-container{display:flex;outline:none;font-family:var(--cad-font);font-size:var(--cad-font-size);color:var(--cad-fg);max-height:100%;max-width:100%}.cad-dialog-container.is-hidden{display:none}.cad-dialog{display:flex;flex-direction:column;background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:var(--cad-radius-lg);box-shadow:var(--cad-shadow-lg);max-height:92vh;min-width:0;outline:none;box-sizing:border-box;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--cad-dur) var(--cad-ease),transform var(--cad-dur) var(--cad-ease)}.cad-dialog-container.is-open .cad-dialog{opacity:1;transform:none}.cad-dialog-container.is-maximized .cad-dialog{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh;border-radius:0}.cad-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 10px;flex:none}.cad-dialog__header.is-draggable{cursor:move;-webkit-user-select:none;user-select:none}.cad-dialog__title{margin:0;font-size:14.5px;font-weight:600;color:var(--cad-fg);min-width:0}.cad-dialog__actions{display:inline-flex;gap:2px;margin-left:auto;flex:none}.cad-dialog__icon-btn{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:var(--cad-radius-sm);background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:0;transition:background var(--cad-dur),color var(--cad-dur)}.cad-dialog__icon-btn:hover{background:var(--cad-hover);color:var(--cad-fg)}.cad-dialog__icon-btn:focus-visible{outline:2px solid var(--cad-ring);outline-offset:1px}.cad-dialog__body{padding:4px 16px 14px;color:var(--cad-fg-secondary);font-size:var(--cad-font-size);overflow:auto;flex:1;min-height:0}.cad-dialog__body:first-child{padding-top:16px}.cad-dialog__footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--cad-border);background:var(--cad-bg-subtle);border-radius:0 0 var(--cad-radius-lg) var(--cad-radius-lg);flex:none}.cad-dialog-container.is-drawer{height:100%}.cad-dialog-container.is-drawer .cad-dialog{max-height:none;height:100%;border-radius:0;opacity:1;transform:none;transition:transform .18s var(--cad-ease)}.cad-dialog-container.is-drawer .cad-dialog__footer{border-radius:0}.cad-dialog-container.is-drawer.pos-right .cad-dialog{transform:translate(100%);border-width:0 0 0 1px}.cad-dialog-container.is-drawer.pos-left .cad-dialog{transform:translate(-100%);border-width:0 1px 0 0}.cad-dialog-container.is-drawer.pos-top .cad-dialog{transform:translateY(-100%);border-width:0 0 1px 0}.cad-dialog-container.is-drawer.pos-bottom .cad-dialog{transform:translateY(100%);border-width:1px 0 0 0}.cad-dialog-container.is-drawer.is-open .cad-dialog{transform:none}.cad-dialog-container.is-drawer.pos-top,.cad-dialog-container.is-drawer.pos-bottom{width:100%}.cad-dialog-container.is-drawer.pos-top .cad-dialog,.cad-dialog-container.is-drawer.pos-bottom .cad-dialog{width:100vw!important;max-width:100vw!important}.cad-dialog-container.is-mobile-full{width:100vw;height:100dvh;max-height:100dvh}.cad-dialog-container.is-mobile-full .cad-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh;border-radius:0;border:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom)}.cad-dialog-container.is-mobile-full .cad-dialog__header{position:sticky;top:0;background:var(--cad-surface);z-index:1;padding-top:calc(14px + env(safe-area-inset-top))}.cad-dialog-container.is-mobile-full .cad-dialog__footer{border-radius:0}.cad-overlay-pane.is-mobile-sheet-pane{width:100%;max-width:100%}.cad-dialog-container.is-mobile-sheet{width:100vw;align-items:flex-end}.cad-dialog-container.is-mobile-sheet .cad-dialog{position:relative;width:100vw!important;max-width:100vw!important;height:92dvh!important;max-height:92dvh;border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 -8px 32px #0000002e;padding-bottom:env(safe-area-inset-bottom);opacity:1;transform:translateY(100%);transition:transform .2s var(--cad-ease)}.cad-dialog-container.is-mobile-sheet.sheet-h-auto .cad-dialog{height:auto!important}.cad-dialog-container.is-mobile-sheet .cad-dialog:before{content:\"\";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--cad-border-strong)}.cad-dialog-container.is-mobile-sheet .cad-dialog__header{padding-top:20px}.cad-dialog-container.is-mobile-sheet .cad-dialog__body:first-child{padding-top:22px}.cad-dialog-container.is-mobile-sheet.is-open .cad-dialog{transform:none}.cad-dialog-container.is-mobile-sheet .cad-dialog__footer{border-radius:0}.cad-confirm-dialog.is-mobile-sheet .cad-dialog__footer{flex-direction:column-reverse;align-items:stretch;gap:8px}.cad-confirm-dialog.is-mobile-sheet .cad-dialog__footer>*{width:100%;height:44px}@media(prefers-reduced-motion:reduce){.cad-dialog,.cad-dialog-container.is-drawer .cad-dialog,.cad-dialog-container.is-mobile-sheet .cad-dialog,.cdk-overlay-backdrop{transition:none!important}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".cdk-overlay-container{position:fixed;z-index:var(--cad-z-overlay, 100002);pointer-events:none;top:0;left:0;width:100%;height:100%}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000;width:100%;height:100%}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity var(--cad-dur, .14s) var(--cad-ease, ease)}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{visibility:visible;opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cad-overlay-backdrop{background:var(--cad-backdrop, rgba(2, 6, 23, .45))}.cad-overlay-backdrop.is-hidden{display:none}.cad-overlay-pane{pointer-events:auto}.cad-overlay-pane.is-drawer-pane{height:100%}.cad-dialog-container{display:flex;outline:none;font-family:var(--cad-font);font-size:var(--cad-font-size);color:var(--cad-fg);max-height:100%;max-width:100%}.cad-dialog-container.is-hidden{display:none}.cad-dialog{display:flex;flex-direction:column;background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:var(--cad-radius-lg);box-shadow:var(--cad-shadow-lg);max-height:92vh;min-width:0;outline:none;box-sizing:border-box;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--cad-dur) var(--cad-ease),transform var(--cad-dur) var(--cad-ease)}.cad-dialog-container.is-open .cad-dialog{opacity:1;transform:none}.cad-dialog-container.is-maximized .cad-dialog{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh;border-radius:0}.cad-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 10px;flex:none}.cad-dialog__header.is-draggable{cursor:move;-webkit-user-select:none;user-select:none}.cad-dialog__title{margin:0;font-size:14.5px;font-weight:600;color:var(--cad-fg);min-width:0}.cad-dialog__actions{display:inline-flex;gap:2px;margin-left:auto;flex:none}.cad-dialog__icon-btn{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:var(--cad-radius-sm);background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:0;transition:background var(--cad-dur),color var(--cad-dur)}.cad-dialog__icon-btn:hover{background:var(--cad-hover);color:var(--cad-fg)}.cad-dialog__icon-btn:focus-visible{outline:2px solid var(--cad-ring);outline-offset:1px}.cad-dialog__body{padding:4px 16px 14px;color:var(--cad-fg-secondary);font-size:var(--cad-font-size);overflow:auto;flex:1;min-height:0}.cad-dialog__body:first-child{padding-top:16px}.cad-dialog__footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--cad-border);background:var(--cad-bg-subtle);border-radius:0 0 var(--cad-radius-lg) var(--cad-radius-lg);flex:none}.cad-dialog-container.is-drawer{height:100%}.cad-dialog-container.is-drawer .cad-dialog{max-height:none;height:100%;border-radius:0;opacity:1;transform:none;transition:transform .18s var(--cad-ease)}.cad-dialog-container.is-drawer .cad-dialog__footer{border-radius:0}.cad-dialog-container.is-drawer.pos-right .cad-dialog{transform:translate(100%);border-width:0 0 0 1px}.cad-dialog-container.is-drawer.pos-left .cad-dialog{transform:translate(-100%);border-width:0 1px 0 0}.cad-dialog-container.is-drawer.pos-top .cad-dialog{transform:translateY(-100%);border-width:0 0 1px 0}.cad-dialog-container.is-drawer.pos-bottom .cad-dialog{transform:translateY(100%);border-width:1px 0 0 0}.cad-dialog-container.is-drawer.is-open .cad-dialog{transform:none}.cad-dialog-container.is-drawer.pos-top,.cad-dialog-container.is-drawer.pos-bottom{width:100%}.cad-dialog-container.is-drawer.pos-top .cad-dialog,.cad-dialog-container.is-drawer.pos-bottom .cad-dialog{width:100%!important;max-width:100%!important}.cad-dialog-container.is-mobile-full{width:100%;height:100dvh;max-height:100dvh}.cad-dialog-container.is-mobile-full .cad-dialog{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh;border-radius:0;border:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom)}.cad-dialog-container.is-mobile-full .cad-dialog__header{position:sticky;top:0;background:var(--cad-surface);z-index:1;padding-top:calc(14px + env(safe-area-inset-top))}.cad-dialog-container.is-mobile-full .cad-dialog__footer{border-radius:0}.cad-overlay-pane.is-mobile-sheet-pane{width:100%;max-width:100%}.cad-dialog-container.is-mobile-sheet{width:100%;align-items:flex-end}.cad-dialog-container.is-mobile-sheet .cad-dialog{position:relative;width:100%!important;max-width:100%!important;height:92dvh!important;max-height:92dvh;border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 -8px 32px #0000002e;padding-bottom:env(safe-area-inset-bottom);opacity:1;transform:translateY(100%);transition:transform .2s var(--cad-ease)}.cad-dialog-container.is-mobile-sheet.sheet-h-auto .cad-dialog{height:auto!important}.cad-dialog-container.is-mobile-sheet .cad-dialog:before{content:\"\";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--cad-border-strong)}.cad-dialog-container.is-mobile-sheet .cad-dialog__header{padding-top:20px}.cad-dialog-container.is-mobile-sheet .cad-dialog__body:first-child{padding-top:22px}.cad-dialog-container.is-mobile-sheet.is-open .cad-dialog{transform:none}.cad-dialog-container.is-mobile-sheet .cad-dialog__footer{border-radius:0}.cad-confirm-dialog.is-mobile-sheet .cad-dialog__footer{flex-direction:column-reverse;align-items:stretch;gap:8px}.cad-confirm-dialog.is-mobile-sheet .cad-dialog__footer>*{width:100%;height:44px}@media(prefers-reduced-motion:reduce){.cad-dialog,.cad-dialog-container.is-drawer .cad-dialog,.cad-dialog-container.is-mobile-sheet .cad-dialog,.cdk-overlay-backdrop{transition:none!important}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadDialogContainerComponent, decorators: [{
             type: Component,
@@ -4194,7 +4194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
         <footer class="cad-dialog__footer"><ng-container *ngTemplateOutlet="config().footer!" /></footer>
       }
     </div>
-  `, styles: [".cdk-overlay-container{position:fixed;z-index:var(--cad-z-overlay, 100002);pointer-events:none;top:0;left:0;width:100%;height:100%}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000;width:100%;height:100%}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity var(--cad-dur, .14s) var(--cad-ease, ease)}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{visibility:visible;opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cad-overlay-backdrop{background:var(--cad-backdrop, rgba(2, 6, 23, .45))}.cad-overlay-backdrop.is-hidden{display:none}.cad-overlay-pane{pointer-events:auto}.cad-overlay-pane.is-drawer-pane{height:100%}.cad-dialog-container{display:flex;outline:none;font-family:var(--cad-font);font-size:var(--cad-font-size);color:var(--cad-fg);max-height:100%;max-width:100%}.cad-dialog-container.is-hidden{display:none}.cad-dialog{display:flex;flex-direction:column;background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:var(--cad-radius-lg);box-shadow:var(--cad-shadow-lg);max-height:92vh;min-width:0;outline:none;box-sizing:border-box;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--cad-dur) var(--cad-ease),transform var(--cad-dur) var(--cad-ease)}.cad-dialog-container.is-open .cad-dialog{opacity:1;transform:none}.cad-dialog-container.is-maximized .cad-dialog{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh;border-radius:0}.cad-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 10px;flex:none}.cad-dialog__header.is-draggable{cursor:move;-webkit-user-select:none;user-select:none}.cad-dialog__title{margin:0;font-size:14.5px;font-weight:600;color:var(--cad-fg);min-width:0}.cad-dialog__actions{display:inline-flex;gap:2px;margin-left:auto;flex:none}.cad-dialog__icon-btn{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:var(--cad-radius-sm);background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:0;transition:background var(--cad-dur),color var(--cad-dur)}.cad-dialog__icon-btn:hover{background:var(--cad-hover);color:var(--cad-fg)}.cad-dialog__icon-btn:focus-visible{outline:2px solid var(--cad-ring);outline-offset:1px}.cad-dialog__body{padding:4px 16px 14px;color:var(--cad-fg-secondary);font-size:var(--cad-font-size);overflow:auto;flex:1;min-height:0}.cad-dialog__body:first-child{padding-top:16px}.cad-dialog__footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--cad-border);background:var(--cad-bg-subtle);border-radius:0 0 var(--cad-radius-lg) var(--cad-radius-lg);flex:none}.cad-dialog-container.is-drawer{height:100%}.cad-dialog-container.is-drawer .cad-dialog{max-height:none;height:100%;border-radius:0;opacity:1;transform:none;transition:transform .18s var(--cad-ease)}.cad-dialog-container.is-drawer .cad-dialog__footer{border-radius:0}.cad-dialog-container.is-drawer.pos-right .cad-dialog{transform:translate(100%);border-width:0 0 0 1px}.cad-dialog-container.is-drawer.pos-left .cad-dialog{transform:translate(-100%);border-width:0 1px 0 0}.cad-dialog-container.is-drawer.pos-top .cad-dialog{transform:translateY(-100%);border-width:0 0 1px 0}.cad-dialog-container.is-drawer.pos-bottom .cad-dialog{transform:translateY(100%);border-width:1px 0 0 0}.cad-dialog-container.is-drawer.is-open .cad-dialog{transform:none}.cad-dialog-container.is-drawer.pos-top,.cad-dialog-container.is-drawer.pos-bottom{width:100%}.cad-dialog-container.is-drawer.pos-top .cad-dialog,.cad-dialog-container.is-drawer.pos-bottom .cad-dialog{width:100vw!important;max-width:100vw!important}.cad-dialog-container.is-mobile-full{width:100vw;height:100dvh;max-height:100dvh}.cad-dialog-container.is-mobile-full .cad-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh;border-radius:0;border:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom)}.cad-dialog-container.is-mobile-full .cad-dialog__header{position:sticky;top:0;background:var(--cad-surface);z-index:1;padding-top:calc(14px + env(safe-area-inset-top))}.cad-dialog-container.is-mobile-full .cad-dialog__footer{border-radius:0}.cad-overlay-pane.is-mobile-sheet-pane{width:100%;max-width:100%}.cad-dialog-container.is-mobile-sheet{width:100vw;align-items:flex-end}.cad-dialog-container.is-mobile-sheet .cad-dialog{position:relative;width:100vw!important;max-width:100vw!important;height:92dvh!important;max-height:92dvh;border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 -8px 32px #0000002e;padding-bottom:env(safe-area-inset-bottom);opacity:1;transform:translateY(100%);transition:transform .2s var(--cad-ease)}.cad-dialog-container.is-mobile-sheet.sheet-h-auto .cad-dialog{height:auto!important}.cad-dialog-container.is-mobile-sheet .cad-dialog:before{content:\"\";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--cad-border-strong)}.cad-dialog-container.is-mobile-sheet .cad-dialog__header{padding-top:20px}.cad-dialog-container.is-mobile-sheet .cad-dialog__body:first-child{padding-top:22px}.cad-dialog-container.is-mobile-sheet.is-open .cad-dialog{transform:none}.cad-dialog-container.is-mobile-sheet .cad-dialog__footer{border-radius:0}.cad-confirm-dialog.is-mobile-sheet .cad-dialog__footer{flex-direction:column-reverse;align-items:stretch;gap:8px}.cad-confirm-dialog.is-mobile-sheet .cad-dialog__footer>*{width:100%;height:44px}@media(prefers-reduced-motion:reduce){.cad-dialog,.cad-dialog-container.is-drawer .cad-dialog,.cad-dialog-container.is-mobile-sheet .cad-dialog,.cdk-overlay-backdrop{transition:none!important}}\n"] }]
+  `, styles: [".cdk-overlay-container{position:fixed;z-index:var(--cad-z-overlay, 100002);pointer-events:none;top:0;left:0;width:100%;height:100%}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000;width:100%;height:100%}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;transition:opacity var(--cad-dur, .14s) var(--cad-ease, ease)}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{visibility:visible;opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cad-overlay-backdrop{background:var(--cad-backdrop, rgba(2, 6, 23, .45))}.cad-overlay-backdrop.is-hidden{display:none}.cad-overlay-pane{pointer-events:auto}.cad-overlay-pane.is-drawer-pane{height:100%}.cad-dialog-container{display:flex;outline:none;font-family:var(--cad-font);font-size:var(--cad-font-size);color:var(--cad-fg);max-height:100%;max-width:100%}.cad-dialog-container.is-hidden{display:none}.cad-dialog{display:flex;flex-direction:column;background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:var(--cad-radius-lg);box-shadow:var(--cad-shadow-lg);max-height:92vh;min-width:0;outline:none;box-sizing:border-box;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--cad-dur) var(--cad-ease),transform var(--cad-dur) var(--cad-ease)}.cad-dialog-container.is-open .cad-dialog{opacity:1;transform:none}.cad-dialog-container.is-maximized .cad-dialog{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh;border-radius:0}.cad-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 10px;flex:none}.cad-dialog__header.is-draggable{cursor:move;-webkit-user-select:none;user-select:none}.cad-dialog__title{margin:0;font-size:14.5px;font-weight:600;color:var(--cad-fg);min-width:0}.cad-dialog__actions{display:inline-flex;gap:2px;margin-left:auto;flex:none}.cad-dialog__icon-btn{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:var(--cad-radius-sm);background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:0;transition:background var(--cad-dur),color var(--cad-dur)}.cad-dialog__icon-btn:hover{background:var(--cad-hover);color:var(--cad-fg)}.cad-dialog__icon-btn:focus-visible{outline:2px solid var(--cad-ring);outline-offset:1px}.cad-dialog__body{padding:4px 16px 14px;color:var(--cad-fg-secondary);font-size:var(--cad-font-size);overflow:auto;flex:1;min-height:0}.cad-dialog__body:first-child{padding-top:16px}.cad-dialog__footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--cad-border);background:var(--cad-bg-subtle);border-radius:0 0 var(--cad-radius-lg) var(--cad-radius-lg);flex:none}.cad-dialog-container.is-drawer{height:100%}.cad-dialog-container.is-drawer .cad-dialog{max-height:none;height:100%;border-radius:0;opacity:1;transform:none;transition:transform .18s var(--cad-ease)}.cad-dialog-container.is-drawer .cad-dialog__footer{border-radius:0}.cad-dialog-container.is-drawer.pos-right .cad-dialog{transform:translate(100%);border-width:0 0 0 1px}.cad-dialog-container.is-drawer.pos-left .cad-dialog{transform:translate(-100%);border-width:0 1px 0 0}.cad-dialog-container.is-drawer.pos-top .cad-dialog{transform:translateY(-100%);border-width:0 0 1px 0}.cad-dialog-container.is-drawer.pos-bottom .cad-dialog{transform:translateY(100%);border-width:1px 0 0 0}.cad-dialog-container.is-drawer.is-open .cad-dialog{transform:none}.cad-dialog-container.is-drawer.pos-top,.cad-dialog-container.is-drawer.pos-bottom{width:100%}.cad-dialog-container.is-drawer.pos-top .cad-dialog,.cad-dialog-container.is-drawer.pos-bottom .cad-dialog{width:100%!important;max-width:100%!important}.cad-dialog-container.is-mobile-full{width:100%;height:100dvh;max-height:100dvh}.cad-dialog-container.is-mobile-full .cad-dialog{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh;border-radius:0;border:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom)}.cad-dialog-container.is-mobile-full .cad-dialog__header{position:sticky;top:0;background:var(--cad-surface);z-index:1;padding-top:calc(14px + env(safe-area-inset-top))}.cad-dialog-container.is-mobile-full .cad-dialog__footer{border-radius:0}.cad-overlay-pane.is-mobile-sheet-pane{width:100%;max-width:100%}.cad-dialog-container.is-mobile-sheet{width:100%;align-items:flex-end}.cad-dialog-container.is-mobile-sheet .cad-dialog{position:relative;width:100%!important;max-width:100%!important;height:92dvh!important;max-height:92dvh;border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 -8px 32px #0000002e;padding-bottom:env(safe-area-inset-bottom);opacity:1;transform:translateY(100%);transition:transform .2s var(--cad-ease)}.cad-dialog-container.is-mobile-sheet.sheet-h-auto .cad-dialog{height:auto!important}.cad-dialog-container.is-mobile-sheet .cad-dialog:before{content:\"\";position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--cad-border-strong)}.cad-dialog-container.is-mobile-sheet .cad-dialog__header{padding-top:20px}.cad-dialog-container.is-mobile-sheet .cad-dialog__body:first-child{padding-top:22px}.cad-dialog-container.is-mobile-sheet.is-open .cad-dialog{transform:none}.cad-dialog-container.is-mobile-sheet .cad-dialog__footer{border-radius:0}.cad-confirm-dialog.is-mobile-sheet .cad-dialog__footer{flex-direction:column-reverse;align-items:stretch;gap:8px}.cad-confirm-dialog.is-mobile-sheet .cad-dialog__footer>*{width:100%;height:44px}@media(prefers-reduced-motion:reduce){.cad-dialog,.cad-dialog-container.is-drawer .cad-dialog,.cad-dialog-container.is-mobile-sheet .cad-dialog,.cdk-overlay-backdrop{transition:none!important}}\n"] }]
         }], propDecorators: { closeRequest: [{ type: i0.Output, args: ["closeRequest"] }], attached: [{ type: i0.Output, args: ["attached"] }], maximizeChange: [{ type: i0.Output, args: ["maximizeChange"] }] } });
 const ANIM_MS = 180;
@@ -6004,7 +6004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
         }], ctorParameters: () => [], propDecorators: { cadIf: [{ type: i0.Input, args: [{ isSignal: true, alias: "cadIf", required: true }] }] } });
 const J = { start: 'flex-start', center: 'center', end: 'flex-end', between: 'space-between', around: 'space-around', evenly: 'space-evenly' };
-const A = { stretch: 'stretch', start: 'flex-start', center: 'center', end: 'flex-end', baseline: 'baseline' };
+const A$1 = { stretch: 'stretch', start: 'flex-start', center: 'center', end: 'flex-end', baseline: 'baseline' };
 /** Pile verticale : `<cad-stack gap="sm" align="stretch">` — les enfants s'empilent avec un gap uniforme (jamais de marges). */
 class CadStackComponent {
     gap = input('md', ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
@@ -6012,7 +6012,7 @@ class CadStackComponent {
     justify = input('start', ...(ngDevMode ? [{ debugName: "justify" }] : /* istanbul ignore next */ []));
     inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     g = computed(() => cadGap(this.gap()), ...(ngDevMode ? [{ debugName: "g" }] : /* istanbul ignore next */ []));
-    a = computed(() => A[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
+    a = computed(() => A$1[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
     j = computed(() => J[this.justify()], ...(ngDevMode ? [{ debugName: "j" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.20", type: CadStackComponent, isStandalone: true, selector: "cad-stack", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.gap": "g()", "style.align-items": "a()", "style.justify-content": "j()", "class.is-inline": "inline()" }, classAttribute: "cad-stack" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:flex;flex-direction:column;min-width:0}:host(.is-inline){display:inline-flex}:host ::ng-deep>*{min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -6029,7 +6029,7 @@ class CadClusterComponent {
     wrap = input(true, { ...(ngDevMode ? { debugName: "wrap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     g = computed(() => cadGap(this.gap()), ...(ngDevMode ? [{ debugName: "g" }] : /* istanbul ignore next */ []));
-    a = computed(() => A[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
+    a = computed(() => A$1[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
     j = computed(() => J[this.justify()], ...(ngDevMode ? [{ debugName: "j" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadClusterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.20", type: CadClusterComponent, isStandalone: true, selector: "cad-cluster", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.gap": "g()", "style.align-items": "a()", "style.justify-content": "j()", "style.flex-wrap": "wrap() ? \"wrap\" : \"nowrap\"", "class.is-inline": "inline()" }, classAttribute: "cad-cluster" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:flex;min-width:0}:host(.is-inline){display:inline-flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -6054,7 +6054,7 @@ class CadGridComponent {
     tpl = computed(() => this.min() ? `repeat(auto-fit, minmax(min(${this.min()}, 100%), 1fr))` : `repeat(${this.c() ?? 1}, minmax(0, 1fr))`, ...(ngDevMode ? [{ debugName: "tpl" }] : /* istanbul ignore next */ []));
     g = computed(() => cadGap(this.gap()), ...(ngDevMode ? [{ debugName: "g" }] : /* istanbul ignore next */ []));
     rg = computed(() => this.rowGap() ? cadGap(this.rowGap()) : null, ...(ngDevMode ? [{ debugName: "rg" }] : /* istanbul ignore next */ []));
-    a = computed(() => A[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
+    a = computed(() => A$1[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.20", type: CadGridComponent, isStandalone: true, selector: "cad-grid", inputs: { cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, rowGap: { classPropertyName: "rowGap", publicName: "rowGap", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, dense: { classPropertyName: "dense", publicName: "dense", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.grid-template-columns": "tpl()", "style.gap": "g()", "style.row-gap": "rg()", "style.align-items": "a()", "style.grid-auto-flow": "dense() ? \"row dense\" : null" }, classAttribute: "cad-grid" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:grid;min-width:0}:host ::ng-deep>*{min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -6083,7 +6083,7 @@ class CadSplitComponent {
     stackAt = input('sm', ...(ngDevMode ? [{ debugName: "stackAt" }] : /* istanbul ignore next */ []));
     tpl = computed(() => (this.stackAt() && this.bp.down(this.stackAt())) ? '1fr' : this.ratio(), ...(ngDevMode ? [{ debugName: "tpl" }] : /* istanbul ignore next */ []));
     g = computed(() => cadGap(this.gap()), ...(ngDevMode ? [{ debugName: "g" }] : /* istanbul ignore next */ []));
-    a = computed(() => A[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
+    a = computed(() => A$1[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadSplitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.20", type: CadSplitComponent, isStandalone: true, selector: "cad-split", inputs: { ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, stackAt: { classPropertyName: "stackAt", publicName: "stackAt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.grid-template-columns": "tpl()", "style.gap": "g()", "style.align-items": "a()" }, classAttribute: "cad-split" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:grid;min-width:0}:host ::ng-deep>*{min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -6114,7 +6114,7 @@ class CadSidebarComponent {
     collapseAt = input('', ...(ngDevMode ? [{ debugName: "collapseAt" }] : /* istanbul ignore next */ []));
     collapsed = computed(() => !!this.collapseAt() && this.bp.down(this.collapseAt()), ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
     g = computed(() => cadGap(this.gap()), ...(ngDevMode ? [{ debugName: "g" }] : /* istanbul ignore next */ []));
-    a = computed(() => A[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
+    a = computed(() => A$1[this.align()], ...(ngDevMode ? [{ debugName: "a" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.20", type: CadSidebarComponent, isStandalone: true, selector: "cad-sidebar", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, contentMin: { classPropertyName: "contentMin", publicName: "contentMin", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, collapseAt: { classPropertyName: "collapseAt", publicName: "collapseAt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.gap": "g()", "class.side-left": "side() === \"left\"", "class.is-collapsed": "collapsed()", "style.--cad-sb-w": "width()", "style.--cad-sb-min": "contentMin()", "style.align-items": "a()" }, classAttribute: "cad-sidebar" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:flex;flex-wrap:wrap;min-width:0}:host ::ng-deep>*{flex-basis:0;flex-grow:999;min-inline-size:var(--cad-sb-min, 60%);min-width:0}:host ::ng-deep>.cad-sidebar__panel{flex-basis:var(--cad-sb-w, 280px);flex-grow:1;min-inline-size:0}:host(.side-left) ::ng-deep>.cad-sidebar__panel{order:-1}:host(.is-collapsed) ::ng-deep>*{flex-basis:100%!important;min-inline-size:0!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -6281,6 +6281,108 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
   `, styles: [":host{display:grid;width:100%;height:100%;min-height:0;min-width:0;--_g: 6px}:host ::ng-deep>cad-splitter-panel{grid-row:1}:host(.is-vertical) ::ng-deep>cad-splitter-panel{grid-row:auto;grid-column:1}:host(:not(.is-vertical)) ::ng-deep>cad-splitter-panel:nth-child(1){grid-column:1}:host(:not(.is-vertical)) ::ng-deep>cad-splitter-panel:nth-child(2){grid-column:3}:host(:not(.is-vertical)) ::ng-deep>cad-splitter-panel:nth-child(3){grid-column:5}:host(:not(.is-vertical)) ::ng-deep>cad-splitter-panel:nth-child(4){grid-column:7}:host(:not(.is-vertical)) ::ng-deep>cad-splitter-panel:nth-child(5){grid-column:9}:host(.is-vertical) ::ng-deep>cad-splitter-panel:nth-child(1){grid-row:1}:host(.is-vertical) ::ng-deep>cad-splitter-panel:nth-child(2){grid-row:3}:host(.is-vertical) ::ng-deep>cad-splitter-panel:nth-child(3){grid-row:5}:host(.is-vertical) ::ng-deep>cad-splitter-panel:nth-child(4){grid-row:7}:host(.is-vertical) ::ng-deep>cad-splitter-panel:nth-child(5){grid-row:9}.sp__gutter{grid-row:1;background:var(--cad-border);display:grid;place-items:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;transition:background var(--cad-dur)}:host(.is-vertical) .sp__gutter{grid-column:1;cursor:row-resize}.sp__gutter i{width:2px;height:22px;border-radius:2px;background:var(--cad-border-strong)}:host(.is-vertical) .sp__gutter i{width:22px;height:2px}.sp__gutter:hover,.sp__gutter.is-active{background:var(--cad-accent-soft)}.sp__gutter:hover i,.sp__gutter.is-active i{background:var(--cad-accent)}.sp__gutter:focus-visible{outline:2px solid var(--cad-ring);outline-offset:-2px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], panelSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelSizes", required: false }] }], minSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSizes", required: false }] }], gutterSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "gutterSize", required: false }] }], stateKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "stateKey", required: false }] }], resizeStart: [{ type: i0.Output, args: ["resizeStart"] }], resizeEnd: [{ type: i0.Output, args: ["resizeEnd"] }], panels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadSplitterPanelComponent), { isSignal: true }] }] } });
+const CAD_SHELL = new InjectionToken('CAD_SHELL');
+/**
+ * Coquille d'application : barre haute, menu, contenu, barre basse.
+ *
+ * POURQUOI ELLE EXISTE — la bibliothèque avait `cad-bottom-nav`, `cad-menubar`,
+ * `cad-nav-drawer` et `cad-sidebar`, mais aucune coquille. Chaque application refaisait donc
+ * sa mise en page, et retombait sur le même défaut, signalé par SZU le 21/08/2026 : la barre
+ * du haut « défile au lieu de rester en place ». Ce n'était pas la barre qui bougeait, c'était
+ * le DOCUMENT qui défilait.
+ *
+ * LE PARTI PRIS — on ne fixe pas les barres une par une (`position: fixed`), on rend la
+ * coquille INCAPABLE de défiler : hauteur exacte du viewport, seul le contenu défile. Les
+ * barres restent en place parce qu'elles ne peuvent pas bouger. Rien à réserver dans le
+ * contenu, aucune zone sûre dupliquée, un seul seuil. `fixed` reste une porte de sortie pour
+ * un cas particulier, pas le mécanisme.
+ *
+ * AGENCEMENT — barre haute sur TOUTE la largeur, menu dessous : c'est celui du template
+ * CEREMA (`_topbar.scss` : `position: fixed; top: 0; width: 100%`), et une bibliothèque ne
+ * doit pas imposer l'inverse de ce que font les applications maison.
+ *
+ * ELLE MESURE LE MENU, ELLE NE LE POSSÈDE PAS (arbitrage SZU : « le tiroir c'est le composant
+ * menu lui-même »). Elle fonctionne donc sans menu (`--cad-shell-nav: 0`), n'exige aucun
+ * enfant, et `openNav()` se contente d'émettre `navRequested` — c'est l'hôte qui ouvre son
+ * `cad-nav-drawer`. Aucun couplage dans un sens ni dans l'autre.
+ *
+ * ```html
+ * <cad-app-shell (navRequested)="menu.set(true)">
+ *   <header cadShellBar>…</header>
+ *   <cad-nav-drawer cadShellNav [items]="menu" [(open)]="ouvert"/>
+ *   <router-outlet />
+ *   <cad-bottom-nav cadShellBottom [items]="dest" [(value)]="page"/>
+ * </cad-app-shell>
+ * ```
+ */
+class CadAppShellComponent {
+    bp = inject(CadBreakpointService);
+    /** Surcharge locale du seuil. Par defaut : celui de la bibliotheque (CAD_MOBILE_BREAKPOINT). */
+    compactAt = input(null, ...(ngDevMode ? [{ debugName: "compactAt" }] : /* istanbul ignore next */ []));
+    /** Un enfant a demande le menu (bouton hamburger de la barre, par exemple). */
+    navRequested = output();
+    barRef = viewChild.required('bar');
+    navRef = viewChild.required('nav');
+    bottomRef = viewChild.required('bottom');
+    _top = signal(0, ...(ngDevMode ? [{ debugName: "_top" }] : /* istanbul ignore next */ []));
+    _bottom = signal(0, ...(ngDevMode ? [{ debugName: "_bottom" }] : /* istanbul ignore next */ []));
+    _nav = signal(0, ...(ngDevMode ? [{ debugName: "_nav" }] : /* istanbul ignore next */ []));
+    topHeight = this._top.asReadonly();
+    bottomHeight = this._bottom.asReadonly();
+    navWidth = this._nav.asReadonly();
+    compact = computed(() => {
+        const seuil = this.compactAt();
+        return seuil == null ? this.bp.isMobile() : this.bp.width() < seuil;
+    }, ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Les hauteurs sont MESURÉES, jamais déclarées : une barre dont le contenu grandit
+        // (deux lignes de titre, un bandeau d'alerte) doit rester juste sans que personne
+        // n'ait à mettre un chiffre à jour quelque part.
+        effect((onCleanup) => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
+            const cibles = [
+                [this.barRef().nativeElement, (n) => this._top.set(n), 'h'],
+                [this.bottomRef().nativeElement, (n) => this._bottom.set(n), 'h'],
+                [this.navRef().nativeElement, (n) => this._nav.set(n), 'w'],
+            ];
+            const ro = new ResizeObserver(() => {
+                for (const [el, set, axe] of cibles) {
+                    const r = el.getBoundingClientRect();
+                    set(Math.round(axe === 'h' ? r.height : r.width));
+                }
+            });
+            for (const [el] of cibles)
+                ro.observe(el);
+            onCleanup(() => ro.disconnect());
+        });
+        inject(DestroyRef).onDestroy(() => { });
+    }
+    openNav() { this.navRequested.emit(); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadAppShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.20", type: CadAppShellComponent, isStandalone: true, selector: "cad-app-shell", inputs: { compactAt: { classPropertyName: "compactAt", publicName: "compactAt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navRequested: "navRequested" }, host: { properties: { "class.is-compact": "compact()", "style.--cad-shell-top.px": "topHeight()", "style.--cad-shell-bottom.px": "bottomHeight()", "style.--cad-shell-nav.px": "navWidth()" }, classAttribute: "cad-app-shell" }, providers: [{ provide: CAD_SHELL, useExisting: CadAppShellComponent }], viewQueries: [{ propertyName: "barRef", first: true, predicate: ["bar"], descendants: true, isSignal: true }, { propertyName: "navRef", first: true, predicate: ["nav"], descendants: true, isSignal: true }, { propertyName: "bottomRef", first: true, predicate: ["bottom"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="cad-shell__bar" #bar><ng-content select="[cadShellBar]" /></div>
+    <div class="cad-shell__nav" #nav><ng-content select="[cadShellNav]" /></div>
+    <div class="cad-shell__main" #main><ng-content /></div>
+    <div class="cad-shell__bottom" #bottom><ng-content select="[cadShellBottom]" /></div>
+  `, isInline: true, styles: [":host{display:grid;height:100dvh;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;background:var(--cad-bg);color:var(--cad-fg);font-family:var(--cad-font);font-size:var(--cad-font-size)}.cad-shell__bar{grid-column:1 / -1;grid-row:1;min-width:0}.cad-shell__nav{grid-column:1;grid-row:2;min-height:0;display:flex}.cad-shell__main{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cad-shell__bottom{grid-column:1 / -1;grid-row:3;min-width:0}.cad-shell__bar:empty,.cad-shell__nav:empty,.cad-shell__bottom:empty{display:none}:host(.is-compact) .cad-shell__nav{width:0;overflow:visible}:host(.is-compact) .cad-shell__main{grid-column:1 / -1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadAppShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cad-app-shell', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: CAD_SHELL, useExisting: CadAppShellComponent }], host: {
+                        class: 'cad-app-shell',
+                        '[class.is-compact]': 'compact()',
+                        '[style.--cad-shell-top.px]': 'topHeight()',
+                        '[style.--cad-shell-bottom.px]': 'bottomHeight()',
+                        '[style.--cad-shell-nav.px]': 'navWidth()',
+                    }, template: `
+    <div class="cad-shell__bar" #bar><ng-content select="[cadShellBar]" /></div>
+    <div class="cad-shell__nav" #nav><ng-content select="[cadShellNav]" /></div>
+    <div class="cad-shell__main" #main><ng-content /></div>
+    <div class="cad-shell__bottom" #bottom><ng-content select="[cadShellBottom]" /></div>
+  `, styles: [":host{display:grid;height:100dvh;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;background:var(--cad-bg);color:var(--cad-fg);font-family:var(--cad-font);font-size:var(--cad-font-size)}.cad-shell__bar{grid-column:1 / -1;grid-row:1;min-width:0}.cad-shell__nav{grid-column:1;grid-row:2;min-height:0;display:flex}.cad-shell__main{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cad-shell__bottom{grid-column:1 / -1;grid-row:3;min-width:0}.cad-shell__bar:empty,.cad-shell__nav:empty,.cad-shell__bottom:empty{display:none}:host(.is-compact) .cad-shell__nav{width:0;overflow:visible}:host(.is-compact) .cad-shell__main{grid-column:1 / -1}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { compactAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactAt", required: false }] }], navRequested: [{ type: i0.Output, args: ["navRequested"] }], barRef: [{ type: i0.ViewChild, args: ['bar', { isSignal: true }] }], navRef: [{ type: i0.ViewChild, args: ['nav', { isSignal: true }] }], bottomRef: [{ type: i0.ViewChild, args: ['bottom', { isSignal: true }] }] } });
 /**
  * Formulaire de modification d'une ligne (editMode="row") ouvert dans un cad-dialog par la table :
  * un champ par colonne `editable` (éditeur natif de la colonne ou `cadEditorTemplate`), validation `validator`,
@@ -9182,7 +9284,7 @@ class CadBottomNavComponent {
       </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 });
+  `, 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:var(--cad-safe-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,
@@ -9248,7 +9350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
       </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"] }]
+  `, styles: [":host{display:block;position:sticky;bottom:0;z-index:20;background:var(--cad-overlay);border-top:1px solid var(--cad-border);padding-bottom:var(--cad-safe-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"] }] } });
 /**
@@ -12274,7 +12376,7 @@ class CadToastComponent {
         }
       </div>
     }
-  `, isInline: true, styles: [":host{position:fixed;display:flex;flex-direction:column;gap:8px;width:340px;max-width:calc(100vw - 32px);pointer-events:none;font-family:var(--cad-font)}:host(.pos-top-right){top:16px;right:16px}:host(.pos-top-left){top:16px;left:16px}:host(.pos-bottom-right){bottom:16px;right:16px;flex-direction:column-reverse}:host(.pos-bottom-left){bottom:16px;left:16px;flex-direction:column-reverse}:host(.pos-top-center){top:16px;left:50%;transform:translate(-50%)}:host(.pos-bottom-center){bottom:16px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.cad-toast__item{--_c: var(--cad-accent);position:relative;overflow:hidden;pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--cad-overlay);border:1px solid var(--cad-border);border-left:3px solid var(--_c);box-shadow:var(--cad-shadow-lg);color:var(--cad-fg);animation:cad-toast-in .18s var(--cad-ease)}.cad-toast__item.is-out{animation:cad-toast-out .16s var(--cad-ease) forwards}:host(.pos-top-left) .cad-toast__item,:host(.pos-bottom-left) .cad-toast__item{animation-name:cad-toast-in-l}.cad-toast__item.sev-success{--_c: var(--cad-success)}.cad-toast__item.sev-info{--_c: var(--cad-info)}.cad-toast__item.sev-warning{--_c: var(--cad-warning)}.cad-toast__item.sev-danger{--_c: var(--cad-danger)}.cad-toast__item.sev-secondary{--_c: var(--cad-fg-muted)}.cad-toast__item.sev-contrast{--_c: var(--cad-fg);background:var(--cad-fg);color:var(--cad-bg)}.cad-toast__icon{color:var(--_c);margin-top:1px;flex:none}.cad-toast__text{display:grid;gap:2px;flex:1;min-width:0}.cad-toast__text b{font-weight:600;font-size:13px}.cad-toast__text span{color:var(--cad-fg-secondary);font-size:12.5px;line-height:1.4}.sev-contrast .cad-toast__text span{color:inherit;opacity:.8}.cad-toast__actions{display:flex;gap:4px;margin-top:4px;margin-left:-8px}.cad-toast__close{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:2px;border-radius:4px;display:grid;place-items:center;flex:none;margin:-2px -4px 0 0}.cad-toast__close:hover{color:var(--cad-fg);background:var(--cad-hover)}.cad-toast__progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--_c);opacity:.5;transform-origin:left;animation:cad-toast-life linear forwards}@keyframes cad-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes cad-toast-in-l{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes cad-toast-out{to{opacity:0;transform:scale(.96)}}@keyframes cad-toast-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.cad-toast__item,.cad-toast__item.is-out{animation-duration:1ms}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }, { kind: "component", type: CadButtonComponent, selector: "button[cadButton], a[cadButton]", inputs: ["severity", "variant", "size", "loading", "disabled", "icon", "block", "value", "pressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{position:fixed;display:flex;flex-direction:column;gap:8px;width:340px;max-width:calc(100% - 32px);pointer-events:none;font-family:var(--cad-font)}:host(.pos-top-right){top:16px;right:16px}:host(.pos-top-left){top:16px;left:16px}:host(.pos-bottom-right){bottom:16px;right:16px;flex-direction:column-reverse}:host(.pos-bottom-left){bottom:16px;left:16px;flex-direction:column-reverse}:host(.pos-top-center){top:16px;left:50%;transform:translate(-50%)}:host(.pos-bottom-center){bottom:16px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.cad-toast__item{--_c: var(--cad-accent);position:relative;overflow:hidden;pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--cad-overlay);border:1px solid var(--cad-border);border-left:3px solid var(--_c);box-shadow:var(--cad-shadow-lg);color:var(--cad-fg);animation:cad-toast-in .18s var(--cad-ease)}.cad-toast__item.is-out{animation:cad-toast-out .16s var(--cad-ease) forwards}:host(.pos-top-left) .cad-toast__item,:host(.pos-bottom-left) .cad-toast__item{animation-name:cad-toast-in-l}.cad-toast__item.sev-success{--_c: var(--cad-success)}.cad-toast__item.sev-info{--_c: var(--cad-info)}.cad-toast__item.sev-warning{--_c: var(--cad-warning)}.cad-toast__item.sev-danger{--_c: var(--cad-danger)}.cad-toast__item.sev-secondary{--_c: var(--cad-fg-muted)}.cad-toast__item.sev-contrast{--_c: var(--cad-fg);background:var(--cad-fg);color:var(--cad-bg)}.cad-toast__icon{color:var(--_c);margin-top:1px;flex:none}.cad-toast__text{display:grid;gap:2px;flex:1;min-width:0}.cad-toast__text b{font-weight:600;font-size:13px}.cad-toast__text span{color:var(--cad-fg-secondary);font-size:12.5px;line-height:1.4}.sev-contrast .cad-toast__text span{color:inherit;opacity:.8}.cad-toast__actions{display:flex;gap:4px;margin-top:4px;margin-left:-8px}.cad-toast__close{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:2px;border-radius:4px;display:grid;place-items:center;flex:none;margin:-2px -4px 0 0}.cad-toast__close:hover{color:var(--cad-fg);background:var(--cad-hover)}.cad-toast__progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--_c);opacity:.5;transform-origin:left;animation:cad-toast-life linear forwards}@keyframes cad-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes cad-toast-in-l{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes cad-toast-out{to{opacity:0;transform:scale(.96)}}@keyframes cad-toast-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.cad-toast__item,.cad-toast__item.is-out{animation-duration:1ms}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }, { kind: "component", type: CadButtonComponent, selector: "button[cadButton], a[cadButton]", inputs: ["severity", "variant", "size", "loading", "disabled", "icon", "block", "value", "pressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadToastComponent, decorators: [{
             type: Component,
@@ -12307,7 +12409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
         }
       </div>
     }
-  `, styles: [":host{position:fixed;display:flex;flex-direction:column;gap:8px;width:340px;max-width:calc(100vw - 32px);pointer-events:none;font-family:var(--cad-font)}:host(.pos-top-right){top:16px;right:16px}:host(.pos-top-left){top:16px;left:16px}:host(.pos-bottom-right){bottom:16px;right:16px;flex-direction:column-reverse}:host(.pos-bottom-left){bottom:16px;left:16px;flex-direction:column-reverse}:host(.pos-top-center){top:16px;left:50%;transform:translate(-50%)}:host(.pos-bottom-center){bottom:16px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.cad-toast__item{--_c: var(--cad-accent);position:relative;overflow:hidden;pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--cad-overlay);border:1px solid var(--cad-border);border-left:3px solid var(--_c);box-shadow:var(--cad-shadow-lg);color:var(--cad-fg);animation:cad-toast-in .18s var(--cad-ease)}.cad-toast__item.is-out{animation:cad-toast-out .16s var(--cad-ease) forwards}:host(.pos-top-left) .cad-toast__item,:host(.pos-bottom-left) .cad-toast__item{animation-name:cad-toast-in-l}.cad-toast__item.sev-success{--_c: var(--cad-success)}.cad-toast__item.sev-info{--_c: var(--cad-info)}.cad-toast__item.sev-warning{--_c: var(--cad-warning)}.cad-toast__item.sev-danger{--_c: var(--cad-danger)}.cad-toast__item.sev-secondary{--_c: var(--cad-fg-muted)}.cad-toast__item.sev-contrast{--_c: var(--cad-fg);background:var(--cad-fg);color:var(--cad-bg)}.cad-toast__icon{color:var(--_c);margin-top:1px;flex:none}.cad-toast__text{display:grid;gap:2px;flex:1;min-width:0}.cad-toast__text b{font-weight:600;font-size:13px}.cad-toast__text span{color:var(--cad-fg-secondary);font-size:12.5px;line-height:1.4}.sev-contrast .cad-toast__text span{color:inherit;opacity:.8}.cad-toast__actions{display:flex;gap:4px;margin-top:4px;margin-left:-8px}.cad-toast__close{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:2px;border-radius:4px;display:grid;place-items:center;flex:none;margin:-2px -4px 0 0}.cad-toast__close:hover{color:var(--cad-fg);background:var(--cad-hover)}.cad-toast__progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--_c);opacity:.5;transform-origin:left;animation:cad-toast-life linear forwards}@keyframes cad-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes cad-toast-in-l{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes cad-toast-out{to{opacity:0;transform:scale(.96)}}@keyframes cad-toast-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.cad-toast__item,.cad-toast__item.is-out{animation-duration:1ms}}\n"] }]
+  `, styles: [":host{position:fixed;display:flex;flex-direction:column;gap:8px;width:340px;max-width:calc(100% - 32px);pointer-events:none;font-family:var(--cad-font)}:host(.pos-top-right){top:16px;right:16px}:host(.pos-top-left){top:16px;left:16px}:host(.pos-bottom-right){bottom:16px;right:16px;flex-direction:column-reverse}:host(.pos-bottom-left){bottom:16px;left:16px;flex-direction:column-reverse}:host(.pos-top-center){top:16px;left:50%;transform:translate(-50%)}:host(.pos-bottom-center){bottom:16px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.cad-toast__item{--_c: var(--cad-accent);position:relative;overflow:hidden;pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--cad-overlay);border:1px solid var(--cad-border);border-left:3px solid var(--_c);box-shadow:var(--cad-shadow-lg);color:var(--cad-fg);animation:cad-toast-in .18s var(--cad-ease)}.cad-toast__item.is-out{animation:cad-toast-out .16s var(--cad-ease) forwards}:host(.pos-top-left) .cad-toast__item,:host(.pos-bottom-left) .cad-toast__item{animation-name:cad-toast-in-l}.cad-toast__item.sev-success{--_c: var(--cad-success)}.cad-toast__item.sev-info{--_c: var(--cad-info)}.cad-toast__item.sev-warning{--_c: var(--cad-warning)}.cad-toast__item.sev-danger{--_c: var(--cad-danger)}.cad-toast__item.sev-secondary{--_c: var(--cad-fg-muted)}.cad-toast__item.sev-contrast{--_c: var(--cad-fg);background:var(--cad-fg);color:var(--cad-bg)}.cad-toast__icon{color:var(--_c);margin-top:1px;flex:none}.cad-toast__text{display:grid;gap:2px;flex:1;min-width:0}.cad-toast__text b{font-weight:600;font-size:13px}.cad-toast__text span{color:var(--cad-fg-secondary);font-size:12.5px;line-height:1.4}.sev-contrast .cad-toast__text span{color:inherit;opacity:.8}.cad-toast__actions{display:flex;gap:4px;margin-top:4px;margin-left:-8px}.cad-toast__close{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:2px;border-radius:4px;display:grid;place-items:center;flex:none;margin:-2px -4px 0 0}.cad-toast__close:hover{color:var(--cad-fg);background:var(--cad-hover)}.cad-toast__progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--_c);opacity:.5;transform-origin:left;animation:cad-toast-life linear forwards}@keyframes cad-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes cad-toast-in-l{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes cad-toast-out{to{opacity:0;transform:scale(.96)}}@keyframes cad-toast-life{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.cad-toast__item,.cad-toast__item.is-out{animation-duration:1ms}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], life: [{ type: i0.Input, args: [{ isSignal: true, alias: "life", required: false }] }], maxVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisible", required: false }] }], preventDuplicates: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventDuplicates", required: false }] }], showProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProgress", required: false }] }], zIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndex", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], clicked: [{ type: i0.Output, args: ["clicked"] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CadToastItemDirective), { isSignal: true }] }] } });
 /**
@@ -14783,7 +14885,7 @@ class CadMapSearchComponent {
     } @else if (open() && q().length >= 3 && !busy() && searched()) {
       <ul class="list"><li class="empty">Aucun résultat</li></ul>
     }
-  `, isInline: true, styles: [":host{display:block;position:relative;width:300px;max-width:calc(100vw - 80px);font:var(--cad-font-size) var(--cad-font);z-index:6}.box{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:8px;box-shadow:0 2px 6px #0000001f;color:var(--cad-fg-muted);transition:border-color var(--cad-dur),box-shadow var(--cad-dur)}.box.has-focus{border-color:var(--cad-accent);box-shadow:0 0 0 3px var(--cad-ring)}input{flex:1 1 0;width:0;min-width:0;border:0;outline:0;background:transparent;color:var(--cad-fg);font:inherit}input::placeholder{color:var(--cad-fg-muted)}input::-webkit-search-cancel-button{display:none}.clr{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;display:grid;place-items:center;width:20px;height:20px;border-radius:4px;padding:0}.clr:hover{background:var(--cad-hover);color:var(--cad-fg)}.spin{color:var(--cad-accent)}.list{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:4px;list-style:none;background:var(--cad-overlay);border:1px solid var(--cad-border);border-radius:9px;box-shadow:var(--cad-shadow-lg);max-height:280px;overflow:auto}li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;color:var(--cad-fg);font-size:12.5px}li .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li small{color:var(--cad-fg-muted);font-size:11px;white-space:nowrap}li cad-icon{color:var(--cad-fg-muted)}li.is-active{background:var(--cad-hover)}li.empty{color:var(--cad-fg-muted);cursor:default;font-style:italic}\n"], dependencies: [{ kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;position:relative;width:300px;max-width:calc(100% - 80px);font:var(--cad-font-size) var(--cad-font);z-index:6}.box{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:8px;box-shadow:0 2px 6px #0000001f;color:var(--cad-fg-muted);transition:border-color var(--cad-dur),box-shadow var(--cad-dur)}.box.has-focus{border-color:var(--cad-accent);box-shadow:0 0 0 3px var(--cad-ring)}input{flex:1 1 0;width:0;min-width:0;border:0;outline:0;background:transparent;color:var(--cad-fg);font:inherit}input::placeholder{color:var(--cad-fg-muted)}input::-webkit-search-cancel-button{display:none}.clr{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;display:grid;place-items:center;width:20px;height:20px;border-radius:4px;padding:0}.clr:hover{background:var(--cad-hover);color:var(--cad-fg)}.spin{color:var(--cad-accent)}.list{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:4px;list-style:none;background:var(--cad-overlay);border:1px solid var(--cad-border);border-radius:9px;box-shadow:var(--cad-shadow-lg);max-height:280px;overflow:auto}li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;color:var(--cad-fg);font-size:12.5px}li .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li small{color:var(--cad-fg-muted);font-size:11px;white-space:nowrap}li cad-icon{color:var(--cad-fg-muted)}li.is-active{background:var(--cad-hover)}li.empty{color:var(--cad-fg-muted);cursor:default;font-style:italic}\n"], dependencies: [{ kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadMapSearchComponent, decorators: [{
             type: Component,
@@ -14806,7 +14908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
     } @else if (open() && q().length >= 3 && !busy() && searched()) {
       <ul class="list"><li class="empty">Aucun résultat</li></ul>
     }
-  `, styles: [":host{display:block;position:relative;width:300px;max-width:calc(100vw - 80px);font:var(--cad-font-size) var(--cad-font);z-index:6}.box{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:8px;box-shadow:0 2px 6px #0000001f;color:var(--cad-fg-muted);transition:border-color var(--cad-dur),box-shadow var(--cad-dur)}.box.has-focus{border-color:var(--cad-accent);box-shadow:0 0 0 3px var(--cad-ring)}input{flex:1 1 0;width:0;min-width:0;border:0;outline:0;background:transparent;color:var(--cad-fg);font:inherit}input::placeholder{color:var(--cad-fg-muted)}input::-webkit-search-cancel-button{display:none}.clr{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;display:grid;place-items:center;width:20px;height:20px;border-radius:4px;padding:0}.clr:hover{background:var(--cad-hover);color:var(--cad-fg)}.spin{color:var(--cad-accent)}.list{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:4px;list-style:none;background:var(--cad-overlay);border:1px solid var(--cad-border);border-radius:9px;box-shadow:var(--cad-shadow-lg);max-height:280px;overflow:auto}li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;color:var(--cad-fg);font-size:12.5px}li .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li small{color:var(--cad-fg-muted);font-size:11px;white-space:nowrap}li cad-icon{color:var(--cad-fg-muted)}li.is-active{background:var(--cad-hover)}li.empty{color:var(--cad-fg-muted);cursor:default;font-style:italic}\n"] }]
+  `, styles: [":host{display:block;position:relative;width:300px;max-width:calc(100% - 80px);font:var(--cad-font-size) var(--cad-font);z-index:6}.box{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:var(--cad-surface);border:1px solid var(--cad-border);border-radius:8px;box-shadow:0 2px 6px #0000001f;color:var(--cad-fg-muted);transition:border-color var(--cad-dur),box-shadow var(--cad-dur)}.box.has-focus{border-color:var(--cad-accent);box-shadow:0 0 0 3px var(--cad-ring)}input{flex:1 1 0;width:0;min-width:0;border:0;outline:0;background:transparent;color:var(--cad-fg);font:inherit}input::placeholder{color:var(--cad-fg-muted)}input::-webkit-search-cancel-button{display:none}.clr{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;display:grid;place-items:center;width:20px;height:20px;border-radius:4px;padding:0}.clr:hover{background:var(--cad-hover);color:var(--cad-fg)}.spin{color:var(--cad-accent)}.list{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:4px;list-style:none;background:var(--cad-overlay);border:1px solid var(--cad-border);border-radius:9px;box-shadow:var(--cad-shadow-lg);max-height:280px;overflow:auto}li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;color:var(--cad-fg);font-size:12.5px}li .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}li small{color:var(--cad-fg-muted);font-size:11px;white-space:nowrap}li cad-icon{color:var(--cad-fg-muted)}li.is-active{background:var(--cad-hover)}li.empty{color:var(--cad-fg-muted);cursor:default;font-style:italic}\n"] }]
         }], ctorParameters: () => [], propDecorators: { inp: [{ type: i0.ViewChild, args: ['inp', { isSignal: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], limit: [{ type: i0.Input, args: [{ isSignal: true, alias: "limit", required: false }] }], debounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounce", required: false }] }], provider: [{ type: i0.Input, args: [{ isSignal: true, alias: "provider", required: false }] }], flyZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "flyZoom", required: false }] }], marker: [{ type: i0.Input, args: [{ isSignal: true, alias: "marker", required: false }] }], nearMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "nearMap", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], cleared: [{ type: i0.Output, args: ["cleared"] }] } });
 const escapeHtml = (s) => s.replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[c]);
@@ -17994,9 +18096,1453 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
   `, styles: [":host{display:block;font-family:var(--cad-font)}.cad-chart__box{position:relative;width:100%;height:var(--cad-chart-h, 280px)}.cad-chart__box canvas{width:100%!important;height:100%!important}.cad-chart__state{position:absolute;inset:0;display:grid;place-items:center}.cad-chart__table{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:host(.show-table) .cad-chart__table{position:static;width:100%;height:auto;clip:auto;white-space:normal;margin-top:8px;border-collapse:collapse;font-size:12px}:host(.show-table) .cad-chart__table th,:host(.show-table) .cad-chart__table td{border:1px solid var(--cad-border);padding:4px 8px;text-align:right}:host(.show-table) .cad-chart__table th{background:var(--cad-bg-subtle);text-align:left}\n"] }]
         }], ctorParameters: () => [], propDecorators: { canvas: [{ type: i0.ViewChild, args: ['canvas', { isSignal: true }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], plugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "plugins", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], themed: [{ type: i0.Input, args: [{ isSignal: true, alias: "themed", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], accessibleTable: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleTable", required: false }] }], chartClick: [{ type: i0.Output, args: ["chartClick"] }], chartHover: [{ type: i0.Output, args: ["chartHover"] }], ready: [{ type: i0.Output, args: ["ready"] }], error: [{ type: i0.Output, args: ["error"] }] } });
+/**
+ * Modèle de planification commun aux trois vues (taskboard, scheduler, gantt).
+ *
+ * DOCTRINE — aucun champ n'est obligatoire hors `id`. Chaque vue déclare ses prérequis et
+ * son repli : une tâche qu'une vue ne sait pas placer part dans sa zone « non planifié »,
+ * jamais dans le silence. C'est cette règle, et elle seule, qui rend le document commun.
+ *
+ * Les noms suivent les conventions EXISTANTES plutôt qu'une invention maison :
+ *   - RFC 5545 (iCalendar) pour l'événement daté et sa récurrence : rrule, exdates, recurrenceId ;
+ *   - MS Project / Primavera P6 pour les liens FS/SS/FF/SF et le décalage (lag).
+ * camelCase partout : c'est la convention du reste de la bibliothèque ET celle de slapi,
+ * ce qui donne une correspondance 1 pour 1 entre le JSON et les colonnes.
+ */
+/**
+ * Durées en unités OUVRÉES : '3d', '4h', '90m', '2w', '1.5d', '-2d'.
+ *
+ * Une durée n'a de sens qu'appuyée sur un calendrier : 'd' vaut une JOURNÉE OUVRÉE, dont la
+ * longueur dépend des horaires déclarés (8 h ouvrées ou 24 h). La conversion en minutes se
+ * fait donc via `CadWorkCalendar.dailyMinutes`, jamais par une constante.
+ *
+ * 'w' vaut une semaine OUVRÉE = nombre de jours ouvrés déclarés (5 par défaut), pas 7 jours.
+ */
+const RE = /^\s*([+-]?\d+(?:[.,]\d+)?)\s*(m|min|h|d|j|w|s)\s*$/i;
+/**
+ * Analyse une durée. Accepte les alias français ('j' = jour, 's' = semaine) et la virgule
+ * décimale. Rend null si la forme est invalide — l'appelant en fait une anomalie, pas un plantage.
+ */
+function cadParseDuration(input) {
+    if (input == null || input === '')
+        return null;
+    if (typeof input === 'number')
+        return Number.isFinite(input) ? { value: input, unit: 'd' } : null;
+    const m = RE.exec(String(input));
+    if (!m)
+        return null;
+    const value = Number(m[1].replace(',', '.'));
+    if (!Number.isFinite(value))
+        return null;
+    const u = m[2].toLowerCase();
+    const unit = u === 'min' ? 'm' : u === 'j' ? 'd' : u === 's' ? 'w' : u;
+    return { value, unit };
+}
+/**
+ * Convertit une durée en MINUTES OUVRÉES.
+ * `dailyMinutes` = minutes ouvrées d'une journée type, `weekDays` = jours ouvrés par semaine.
+ */
+function cadDurationToMinutes(d, dailyMinutes, weekDays) {
+    if (!d)
+        return 0;
+    switch (d.unit) {
+        case 'm': return d.value;
+        case 'h': return d.value * 60;
+        case 'd': return d.value * dailyMinutes;
+        case 'w': return d.value * dailyMinutes * Math.max(1, weekDays);
+    }
+}
+/** Rend une durée sous sa forme la plus lisible ('3d', '4h', '90m') depuis des minutes ouvrées. */
+function cadFormatDuration(minutes, dailyMinutes) {
+    const abs = Math.abs(minutes);
+    const sign = minutes < 0 ? '-' : '';
+    if (dailyMinutes > 0 && abs % dailyMinutes === 0)
+        return sign + abs / dailyMinutes + 'd';
+    if (abs % 60 === 0)
+        return sign + abs / 60 + 'h';
+    return sign + abs + 'm';
+}
+/**
+ * Rang FRACTIONNAIRE : une chaîne ordonnable dans laquelle on peut toujours insérer.
+ *
+ * POURQUOI — déplacer une carte entre deux autres ne doit pas réécrire toute la colonne en
+ * base. À plusieurs utilisateurs, une renumérotation entière garantit les collisions et coûte
+ * un UPDATE par carte. Ici, insérer entre deux voisins produit une nouvelle chaîne comprise
+ * entre les leurs : UN SEUL enregistrement change.
+ *
+ * C'est un FORMAT STOCKÉ, pas une astuce d'affichage — d'où sa place au socle, avant toute vue.
+ *
+ * INVARIANT — un rang produit ici ne se termine JAMAIS par le caractère plancher ('0'), sans
+ * quoi il existerait des couples sans intervalle (rien ne tient entre '0' et '00'). Tous les
+ * rangs manipulés doivent donc venir de ces fonctions.
+ */
+const A = '0123456789abcdefghijklmnopqrstuvwxyz';
+const RADIX = A.length;
+const CH = (v) => A[Math.max(0, Math.min(RADIX - 1, v))];
+const IDX = (c) => {
+    const i = A.indexOf(c);
+    return i < 0 ? 0 : i;
+};
+/** Vrai si la chaîne est un rang exploitable (alphabet connu, pas de plancher final). */
+function cadIsRank(s) {
+    return typeof s === 'string' && s.length > 0 && !s.endsWith(A[0]) && [...s].every(c => A.includes(c));
+}
+/**
+ * Rang strictement compris entre `prev` et `next`.
+ * `prev` absent = insertion en tête, `next` absent = insertion en queue, les deux = première carte.
+ */
+function cadRankBetween(prev, next) {
+    const a = cadIsRank(prev) ? prev : '';
+    const b = cadIsRank(next) ? next : '';
+    if (a && b && a >= b)
+        throw new Error('cadRankBetween : ' + a + ' n\'est pas avant ' + b);
+    let out = '';
+    for (let i = 0; i < 64; i++) {
+        const va = i < a.length ? IDX(a[i]) : 0; // a épuisé -> plancher
+        const vb = i < b.length ? IDX(b[i]) : RADIX; // b épuisé -> plafond ouvert
+        if (va + 1 < vb)
+            return out + CH((va + vb) >> 1); // de la place : on coupe au milieu
+        out += i < a.length ? a[i] : A[0]; // pas de place : on descend d'un cran
+    }
+    /* Inatteignable en pratique : 64 caractères = plus d'insertions successives au même point
+       que ce qu'une session humaine produit. Le repli reste ordonné. */
+    return out + CH(RADIX >> 1);
+}
+/** Rang d'une carte posée AVANT toutes les autres. */
+const cadRankFirst = (first) => cadRankBetween(null, first);
+/** Rang d'une carte posée APRÈS toutes les autres. */
+const cadRankLast = (last) => cadRankBetween(last, null);
+/**
+ * `n` rangs croissants bien répartis — pour initialiser une colonne ou rattraper des données
+ * qui n'en portaient pas. La répartition laisse de la place entre chaque voisin.
+ */
+function cadRankSequence(n) {
+    const count = Math.max(0, Math.floor(n));
+    if (!count)
+        return [];
+    const span = RADIX * RADIX;
+    const out = [];
+    for (let i = 0; i < count; i++) {
+        let v = Math.floor(((i + 1) * span) / (count + 1));
+        if (v % RADIX === 0)
+            v += 1; // jamais de plancher final
+        out.push(CH(Math.floor(v / RADIX)) + CH(v % RADIX));
+    }
+    return out;
+}
+/** Comparateur de rangs, utilisable tel quel dans un `sort`. */
+const cadCompareRank = (a, b) => (a < b ? -1 : a > b ? 1 : 0);
+/**
+ * Calendrier ouvré — le référentiel temps partagé par le scheduler et le gantt.
+ *
+ * Tout se calcule en HEURE MURALE locale (pas en millisecondes écoulées) : « 3 jours ouvrés »
+ * veut dire trois fois les horaires déclarés, que la période traverse ou non un changement
+ * d'heure. C'est la seule sémantique qui corresponde à ce qu'un planificateur attend.
+ *
+ * Les exceptions peuvent viser une ressource précise : un congé n'est pas un jour férié.
+ * La recherche est donc toujours « exception de CETTE ressource, sinon exception globale ».
+ */
+/** Au-delà, on considère le calendrier impraticable plutôt que de boucler (10 ans de jours). */
+const MAX_SCAN = 3660;
+const DAY = 1440;
+const dayStart = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+const minutesOf = (d) => d.getHours() * 60 + d.getMinutes();
+const atMinutes = (day, min) => new Date(day.getFullYear(), day.getMonth(), day.getDate(), Math.floor(min / 60), Math.round(min % 60));
+/** 'HH:mm' -> minutes depuis minuit. '24:00' vaut la fin de journée. NaN si illisible. */
+function parseClock(v) {
+    const m = /^\s*(\d{1,2}):(\d{2})\s*$/.exec(String(v ?? ''));
+    if (!m)
+        return NaN;
+    const min = +m[1] * 60 + +m[2];
+    return min >= 0 && min <= DAY ? min : NaN;
+}
+/** Nettoie une liste d'horaires : bornes valides, tri, fusion des recouvrements. */
+function normalizeHours(hours) {
+    const raw = [];
+    for (const h of hours ?? []) {
+        const a = parseClock(h?.from);
+        const b = parseClock(h?.to);
+        if (Number.isNaN(a) || Number.isNaN(b) || b <= a)
+            continue;
+        raw.push([a, b]);
+    }
+    raw.sort((x, y) => x[0] - y[0]);
+    const out = [];
+    for (const [a, b] of raw) {
+        const last = out[out.length - 1];
+        if (last && a <= last[1])
+            last[1] = Math.max(last[1], b);
+        else
+            out.push([a, b]);
+    }
+    return out;
+}
+const FULL_DAY = [[0, DAY]];
+/**
+ * Jours fériés français d'une année, au format 'yyyy-MM-dd' — les huit dates fixes plus les
+ * trois mobiles adossées à Pâques. Évite d'avoir à saisir la liste à la main chaque année.
+ */
+function cadFrenchHolidays(year) {
+    // Pâques, algorithme grégorien anonyme.
+    const a = year % 19;
+    const b = Math.floor(year / 100);
+    const c = year % 100;
+    const d = Math.floor(b / 4);
+    const e = b % 4;
+    const f = Math.floor((b + 8) / 25);
+    const g = Math.floor((b - f + 1) / 3);
+    const h = (19 * a + b - d - g + 15) % 30;
+    const i = Math.floor(c / 4);
+    const k = c % 4;
+    const l = (32 + 2 * e + 2 * i - h - k) % 7;
+    const m = Math.floor((a + 11 * h + 22 * l) / 451);
+    const month = Math.floor((h + l - 7 * m + 114) / 31);
+    const day = ((h + l - 7 * m + 114) % 31) + 1;
+    const easter = new Date(year, month - 1, day);
+    const fixed = ['01-01', '05-01', '05-08', '07-14', '08-15', '11-01', '11-11', '12-25'];
+    const mobile = [1, 39, 50].map(n => isoOf(addDays(easter, n)));
+    return [...fixed.map(s => year + '-' + s), ...mobile].sort();
+}
+/**
+ * Calendrier ouvré immuable. Toute la logique est pure : elle se teste sans DOM et sans horloge.
+ *
+ * ```ts
+ * const cal = new CadWorkCalendar({ workdays: [1,2,3,4,5], holidays: cadFrenchHolidays(2026) });
+ * cal.addMinutes(new Date(2026, 7, 21, 16, 0), 4 * 60);   // vendredi 16 h + 4 h ouvrées -> lundi
+ * ```
+ */
+class CadWorkCalendar {
+    /** Jours ouvrés, 0 = dimanche. */
+    workdays;
+    /** Minutes ouvrées d'une journée type — sert d'étalon à l'unité 'd'. */
+    dailyMinutes;
+    /** Jours ouvrés par semaine — sert d'étalon à l'unité 'w'. */
+    weekDays;
+    base;
+    holidays;
+    /** Clé 'yyyy-MM-dd' pour une exception globale, 'yyyy-MM-dd|ressource' pour une exception ciblée. */
+    exceptions;
+    constructor(spec) {
+        /* Un défaut ne s'applique qu'à ce qui n'a PAS été déclaré. Déclarer `workdays: []`, c'est
+           dire que rien n'est ouvert : le remplacer par lundi-vendredi reviendrait à contredire
+           l'appelant en silence, et rendrait `empty` inatteignable. */
+        this.workdays = new Set(spec?.workdays === undefined
+            ? [1, 2, 3, 4, 5]
+            : spec.workdays.filter(n => Number.isInteger(n) && n >= 0 && n <= 6));
+        this.base = spec?.hours === undefined ? FULL_DAY : normalizeHours(spec.hours);
+        this.dailyMinutes = this.base.reduce((s, [a, b]) => s + (b - a), 0);
+        this.weekDays = this.workdays.size;
+        this.holidays = new Set((spec?.holidays ?? []).filter(s => typeof s === 'string'));
+        const ex = new Map();
+        for (const e of spec?.exceptions ?? []) {
+            if (!e?.date)
+                continue;
+            const key = e.resource ? e.date + '|' + e.resource : e.date;
+            ex.set(key, e.off ? null : normalizeHours(e.hours ?? []));
+        }
+        this.exceptions = ex;
+    }
+    /** Vrai si aucun temps ouvré n'est déclarable — le normaliseur en fait une anomalie. */
+    get empty() {
+        return this.workdays.size === 0 || this.dailyMinutes === 0;
+    }
+    /** Intervalles ouvrés d'une journée, en minutes depuis minuit. Vide = jour chômé. */
+    intervals(date, resource) {
+        if (!isValidDate(date))
+            return [];
+        const iso = isoOf(date);
+        if (resource) {
+            const scoped = this.exceptions.get(iso + '|' + resource);
+            if (scoped !== undefined)
+                return scoped ?? [];
+            // une exception ciblée peut aussi OUVRIR un jour normalement chômé
+        }
+        const global = this.exceptions.get(iso);
+        if (global !== undefined)
+            return global ?? [];
+        if (this.holidays.has(iso))
+            return [];
+        return this.workdays.has(date.getDay()) ? this.base : [];
+    }
+    /** Vrai si la journée comporte au moins un intervalle ouvré. */
+    isWorkday(date, resource) {
+        return this.intervals(date, resource).length > 0;
+    }
+    /** Vrai si l'instant tombe DANS un intervalle ouvré (borne de fin exclue). */
+    isWorkingTime(date, resource) {
+        if (!isValidDate(date))
+            return false;
+        const m = minutesOf(date);
+        return this.intervals(date, resource).some(([a, b]) => m >= a && m < b);
+    }
+    /** Premier instant ouvré à partir de `date` (`date` lui-même s'il l'est). null si introuvable. */
+    nextWorkingStart(date, resource) {
+        const c = this.scanForward(this.cursorOf(date), resource);
+        return c ? atMinutes(c.day, c.min) : null;
+    }
+    /** Dernier instant ouvré jusqu'à `date` (exclu). null si introuvable. */
+    prevWorkingEnd(date, resource) {
+        const c = this.scanBackward(this.cursorOf(date), resource);
+        return c ? atMinutes(c.day, c.min) : null;
+    }
+    /**
+     * Avance (ou recule, si négatif) de `minutes` OUVRÉES depuis `from`.
+     * Rend null si le calendrier ne permet pas d'y arriver (aucun jour ouvré déclaré).
+     */
+    addMinutes(from, minutes, resource) {
+        if (!isValidDate(from) || !Number.isFinite(minutes))
+            return null;
+        if (minutes === 0)
+            return this.nextWorkingStart(from, resource);
+        return minutes > 0
+            ? this.walkForward(from, minutes, resource)
+            : this.walkBackward(from, -minutes, resource);
+    }
+    /** Minutes OUVRÉES entre deux instants. Négatif si `b` précède `a`. */
+    minutesBetween(a, b, resource) {
+        if (!isValidDate(a) || !isValidDate(b))
+            return 0;
+        if (b.getTime() < a.getTime())
+            return -this.minutesBetween(b, a, resource);
+        const end = this.cursorOf(b);
+        let day = dayStart(a);
+        let from = minutesOf(a);
+        let total = 0;
+        for (let guard = 0; guard < MAX_SCAN; guard++) {
+            const last = day.getTime() >= end.day.getTime();
+            const to = last ? end.min : DAY;
+            for (const [s, e] of this.intervals(day, resource)) {
+                const lo = Math.max(s, from);
+                const hi = Math.min(e, to);
+                if (hi > lo)
+                    total += hi - lo;
+            }
+            if (last)
+                return total;
+            day = addDays(day, 1);
+            from = 0;
+        }
+        return total;
+    }
+    /* ---------------- interne : un curseur (jour, minute) évite l'ambiguïté de 24:00 -------- */
+    cursorOf(d) {
+        return { day: dayStart(d), min: minutesOf(d) };
+    }
+    scanForward(c, resource) {
+        if (this.empty)
+            return null;
+        let { day, min } = c;
+        for (let i = 0; i < MAX_SCAN; i++) {
+            for (const [s, e] of this.intervals(day, resource)) {
+                if (e > min)
+                    return { day, min: Math.max(s, min) };
+            }
+            day = addDays(day, 1);
+            min = 0;
+        }
+        return null;
+    }
+    scanBackward(c, resource) {
+        if (this.empty)
+            return null;
+        let { day, min } = c;
+        for (let i = 0; i < MAX_SCAN; i++) {
+            const ivs = this.intervals(day, resource);
+            for (let k = ivs.length - 1; k >= 0; k--) {
+                const [s, e] = ivs[k];
+                if (s < min)
+                    return { day, min: Math.min(e, min) };
+            }
+            day = addDays(day, -1);
+            min = DAY;
+        }
+        return null;
+    }
+    walkForward(from, minutes, resource) {
+        let c = this.scanForward(this.cursorOf(from), resource);
+        if (!c)
+            return null;
+        let left = minutes;
+        for (let guard = 0; guard < MAX_SCAN; guard++) {
+            for (const [s, e] of this.intervals(c.day, resource)) {
+                if (e <= c.min)
+                    continue;
+                const start = Math.max(s, c.min);
+                const avail = e - start;
+                if (avail >= left)
+                    return atMinutes(c.day, start + left);
+                left -= avail;
+            }
+            c = { day: addDays(c.day, 1), min: 0 };
+        }
+        return null;
+    }
+    walkBackward(from, minutes, resource) {
+        let c = this.scanBackward(this.cursorOf(from), resource);
+        if (!c)
+            return null;
+        let left = minutes;
+        for (let guard = 0; guard < MAX_SCAN; guard++) {
+            const ivs = this.intervals(c.day, resource);
+            for (let k = ivs.length - 1; k >= 0; k--) {
+                const [s, e] = ivs[k];
+                if (s >= c.min)
+                    continue;
+                const end = Math.min(e, c.min);
+                const avail = end - s;
+                if (avail >= left)
+                    return atMinutes(c.day, end - left);
+                left -= avail;
+            }
+            c = { day: addDays(c.day, -1), min: DAY };
+        }
+        return null;
+    }
+}
+/**
+ * Axe de temps : graduations, et conversion pixel <-> date.
+ *
+ * LE POINT CRITIQUE — l'axe n'est PAS une division. Écrire `x = (t - t0) / msParPixel` est
+ * faux dès qu'on dézoome : un jour ne fait pas toujours 24 h (changement d'heure), un mois n'a
+ * pas de largeur fixe, une année pas davantage. Février et mars occuperaient alors des largeurs
+ * différentes alors que l'oeil attend des colonnes égales, et le défaut ne se voit qu'en mars
+ * et en octobre — donc jamais pendant le développement.
+ *
+ * Ici, l'axe est une LISTE DE GRADUATIONS de largeur égale, et la conversion est une recherche
+ * dans cette liste suivie d'une interpolation À L'INTÉRIEUR de la graduation trouvée. Chaque
+ * graduation porte sa vraie durée ; l'arithmétique linéaire ne s'applique que localement.
+ *
+ * Corollaire de rendu : la grille de fond n'a pas à exister en DOM. Des graduations de largeur
+ * égale se peignent en `repeating-linear-gradient`, ce qui évite de virtualiser 1 100 colonnes
+ * pour trois ans au jour. Seuls l'en-tête visible et les barres sont rendus.
+ */
+/** Échelle du bandeau supérieur d'un en-tête à deux étages. */
+const PARENT = {
+    hour: 'day',
+    day: 'month',
+    week: 'month',
+    month: 'year',
+    quarter: 'year',
+    year: null,
+};
+const MAX_TICKS = 20000;
+const startOfWeek = (d, firstDay) => {
+    const s = startOfDay(d);
+    const delta = (s.getDay() - firstDay + 7) % 7;
+    return addDays(s, -delta);
+};
+const startOfQuarter = (d) => new Date(d.getFullYear(), Math.floor(d.getMonth() / 3) * 3, 1);
+const startOfHour = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours());
+/** Aligne un instant sur le début de sa graduation. */
+function cadScaleStart(date, scale, firstDay = 1) {
+    switch (scale) {
+        case 'hour': return startOfHour(date);
+        case 'day': return startOfDay(date);
+        case 'week': return startOfWeek(date, firstDay);
+        case 'month': return startOfMonth(date);
+        case 'quarter': return startOfQuarter(date);
+        case 'year': return new Date(date.getFullYear(), 0, 1);
+    }
+}
+/**
+ * Début de la graduation SUIVANTE. Construit en heure locale, donc juste aux changements d'heure.
+ * L'entrée est alignée au préalable : `cadScaleNext(31 janvier, 'month')` rend le 1er février,
+ * jamais le 28 — sans quoi une date de milieu de mois produirait une graduation décalée.
+ */
+function cadScaleNext(date, scale, firstDay = 1) {
+    const start = cadScaleStart(date, scale, firstDay);
+    switch (scale) {
+        case 'hour': return new Date(start.getFullYear(), start.getMonth(), start.getDate(), start.getHours() + 1);
+        case 'day': return addDays(start, 1);
+        case 'week': return addDays(start, 7);
+        case 'month': return addMonths(start, 1);
+        case 'quarter': return addMonths(start, 3);
+        case 'year': return addYears(start, 1);
+    }
+}
+const intl = (locale, opts) => new Intl.DateTimeFormat(locale, opts);
+function defaultLabel(d, scale, locale) {
+    switch (scale) {
+        case 'hour': return intl(locale, { hour: '2-digit', minute: '2-digit' }).format(d);
+        case 'day': return String(d.getDate());
+        case 'week': return 'S' + isoWeek(d);
+        case 'month': return intl(locale, { month: 'short' }).format(d);
+        case 'quarter': return 'T' + (Math.floor(d.getMonth() / 3) + 1);
+        case 'year': return String(d.getFullYear());
+    }
+}
+/** Libellé du bandeau supérieur — plus explicite, puisqu'il porte le contexte. */
+function bandLabel(d, scale, locale) {
+    switch (scale) {
+        case 'day': return intl(locale, { weekday: 'short', day: 'numeric', month: 'long' }).format(d);
+        case 'month': return intl(locale, { month: 'long', year: 'numeric' }).format(d);
+        case 'year': return String(d.getFullYear());
+        default: return defaultLabel(d, scale, locale);
+    }
+}
+/** Une graduation est « majeure » quand elle ouvre l'unité supérieure. */
+function isMajor(d, scale, firstDay) {
+    switch (scale) {
+        case 'hour': return d.getHours() === 0;
+        case 'day': return d.getDate() === 1;
+        case 'week': return d.getDate() <= 7;
+        case 'month': return d.getMonth() === 0;
+        case 'quarter': return d.getMonth() === 0;
+        case 'year': return true;
+    }
+}
+/**
+ * Graduations couvrant [from, to], alignées sur l'échelle.
+ * La dernière graduation dépasse `to` si nécessaire : un axe ne coupe jamais une unité en deux.
+ */
+function cadPlanTicks(from, to, scale, options = {}) {
+    if (!isValidDate(from) || !isValidDate(to) || to.getTime() < from.getTime())
+        return [];
+    const locale = options.locale ?? 'fr-FR';
+    const firstDay = options.firstDay ?? 1;
+    const label = options.label ?? defaultLabel;
+    const cal = options.calendar ?? null;
+    const today = options.today === null ? null : (options.today ?? new Date());
+    const max = Math.max(1, options.max ?? MAX_TICKS);
+    const limit = to.getTime();
+    const now = today ? today.getTime() : NaN;
+    const out = [];
+    let start = cadScaleStart(from, scale, firstDay);
+    for (let i = 0; i < max; i++) {
+        const end = cadScaleNext(start, scale, firstDay);
+        out.push({
+            start,
+            end,
+            label: label(start, scale, locale),
+            major: isMajor(start, scale, firstDay),
+            off: cal
+                ? scale === 'hour'
+                    ? !cal.isWorkingTime(start)
+                    : scale === 'day'
+                        ? !cal.isWorkday(start)
+                        : false
+                : false,
+            today: today ? now >= start.getTime() && now < end.getTime() : false,
+        });
+        if (end.getTime() > limit)
+            break;
+        start = end;
+    }
+    return out;
+}
+function cadPlanHeader(from, to, scale, options = {}) {
+    const lower = cadPlanTicks(from, to, scale, options);
+    const parent = PARENT[scale];
+    if (!parent || !lower.length)
+        return { upper: [], lower };
+    const upper = cadPlanTicks(lower[0].start, lower[lower.length - 1].end, parent, {
+        ...options,
+        calendar: null,
+        label: options.label ?? bandLabel,
+    });
+    return { upper, lower };
+}
+/**
+ * Conversion pixel <-> date sur une liste de graduations de largeur égale.
+ *
+ * Hors de l'axe, la position est EXTRAPOLÉE sur la durée de la graduation de bord plutôt que
+ * rabattue sur la borne : une barre qui commence avant la fenêtre garde une position cohérente,
+ * et l'appelant décide seul de la découper ou de la masquer.
+ */
+class CadTimeAxis {
+    ticks;
+    unitWidth;
+    constructor(ticks,
+    /** Largeur d'une graduation, en pixels. */
+    unitWidth) {
+        this.ticks = ticks;
+        this.unitWidth = unitWidth;
+    }
+    get width() { return this.ticks.length * this.unitWidth; }
+    get start() { return this.ticks.length ? this.ticks[0].start : null; }
+    get end() { return this.ticks.length ? this.ticks[this.ticks.length - 1].end : null; }
+    /** Indice de la graduation contenant `t` (millisecondes), par recherche binaire. */
+    indexOf(t) {
+        let lo = 0;
+        let hi = this.ticks.length - 1;
+        while (lo < hi) {
+            const mid = (lo + hi + 1) >> 1;
+            if (this.ticks[mid].start.getTime() <= t)
+                lo = mid;
+            else
+                hi = mid - 1;
+        }
+        return lo;
+    }
+    /** Abscisse d'une date, en pixels depuis le début de l'axe. */
+    xOf(date) {
+        const n = this.ticks.length;
+        if (!n || !isValidDate(date))
+            return 0;
+        const t = date.getTime();
+        const first = this.ticks[0];
+        const last = this.ticks[n - 1];
+        if (t < first.start.getTime()) {
+            const len = first.end.getTime() - first.start.getTime();
+            return len ? ((t - first.start.getTime()) / len) * this.unitWidth : 0;
+        }
+        if (t >= last.end.getTime()) {
+            const len = last.end.getTime() - last.start.getTime();
+            return this.width + (len ? ((t - last.end.getTime()) / len) * this.unitWidth : 0);
+        }
+        const i = this.indexOf(t);
+        const tk = this.ticks[i];
+        const len = tk.end.getTime() - tk.start.getTime();
+        return (i + (len ? (t - tk.start.getTime()) / len : 0)) * this.unitWidth;
+    }
+    /** Date à une abscisse donnée. */
+    dateAt(x) {
+        const n = this.ticks.length;
+        if (!n || !Number.isFinite(x) || this.unitWidth <= 0)
+            return null;
+        const u = x / this.unitWidth;
+        const i = Math.floor(u);
+        if (i < 0) {
+            const first = this.ticks[0];
+            const len = first.end.getTime() - first.start.getTime();
+            return new Date(first.start.getTime() + u * len);
+        }
+        if (i >= n) {
+            const last = this.ticks[n - 1];
+            const len = last.end.getTime() - last.start.getTime();
+            return new Date(last.end.getTime() + (u - n) * len);
+        }
+        const tk = this.ticks[i];
+        const len = tk.end.getTime() - tk.start.getTime();
+        return new Date(tk.start.getTime() + (u - i) * len);
+    }
+    /** Position et largeur d'une barre. La largeur ne descend jamais sous zéro. */
+    spanOf(start, end) {
+        const x = this.xOf(start);
+        return { x, width: Math.max(0, this.xOf(end) - x) };
+    }
+}
+/**
+ * Normalisation du document de planification : ce que les trois vues consomment réellement.
+ *
+ * RÈGLE FONDATRICE — hors `id`, aucun champ n'est obligatoire. Une tâche sans dates reste une
+ * tâche : le taskboard la montre, le gantt et le scheduler la rangent dans leur zone « non
+ * planifié ». Rien n'est jamais écarté en silence ; tout écart devient une entrée de `issues`
+ * portant un code stable, que l'appelant affiche ou ignore, mais qu'il peut toujours lire.
+ *
+ * Le normaliseur ne DÉCIDE de rien qu'il ne puisse justifier : il ne replanifie pas, ne
+ * réordonne pas les dates, ne corrige pas les chevauchements. Il résout, indexe et signale.
+ */
+const LINK_TYPES = ['FS', 'SS', 'FF', 'SF'];
+const clamp01 = (v) => {
+    const n = typeof v === 'number' ? v : Number(v);
+    return Number.isFinite(n) ? Math.max(0, Math.min(1, n)) : 0;
+};
+/**
+ * Résout un document brut : dates coercées, durées converties par le calendrier, hiérarchie
+ * établie, rangs complétés, liens validés.
+ */
+function cadNormalizePlan(plan, options = {}) {
+    const issues = [];
+    const add = (level, code, message, ref) => {
+        issues.push({ level, code, message, ref });
+    };
+    const calendar = new CadWorkCalendar(plan?.calendar);
+    if (calendar.empty)
+        add('error', 'empty-calendar', 'Aucun temps ouvré déclaré : les durées ne peuvent pas être converties.');
+    const resources = (plan?.resources ?? []).filter(r => r && typeof r.id === 'string');
+    const resourceIds = new Set(resources.map(r => r.id));
+    const buckets = [...(plan?.buckets ?? [])]
+        .filter(b => b && typeof b.id === 'string')
+        .map((b, i) => ({ ...b, order: b.order ?? i }))
+        .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+    const bucketIds = new Set(buckets.map(b => b.id));
+    /* ---- 1. index des tâches, doublons écartés ---- */
+    const raw = new Map();
+    for (const t of plan?.tasks ?? []) {
+        if (!t || typeof t.id !== 'string' || !t.id)
+            continue;
+        if (raw.has(t.id)) {
+            add('error', 'duplicate-task', 'Identifiant en double : la première occurrence est retenue.', t.id);
+            continue;
+        }
+        raw.set(t.id, t);
+    }
+    /* ---- 2. tâches résolues, hors hiérarchie et hors rollup ---- */
+    const tasks = new Map();
+    for (const [id, t] of raw) {
+        let start = toDate(t.start ?? null);
+        let end = toDate(t.end ?? null);
+        const milestone = !!t.milestone;
+        if (t.start != null && t.start !== '' && !start)
+            add('warning', 'bad-date', 'Date de début illisible.', id);
+        if (t.end != null && t.end !== '' && !end)
+            add('warning', 'bad-date', 'Date de fin illisible.', id);
+        if (milestone) {
+            end = start;
+        }
+        else if (t.duration) {
+            const d = cadParseDuration(t.duration);
+            if (!d)
+                add('warning', 'bad-duration', 'Durée illisible : ' + t.duration, id);
+            else {
+                const minutes = cadDurationToMinutes(d, calendar.dailyMinutes, calendar.weekDays);
+                if (start && !end)
+                    end = calendar.addMinutes(start, minutes);
+                else if (!start && end)
+                    start = calendar.addMinutes(end, -minutes);
+            }
+        }
+        if (start && end && end.getTime() < start.getTime()) {
+            add('warning', 'end-before-start', 'La fin précède le début : la fin est ramenée au début.', id);
+            end = start;
+        }
+        const assignments = (t.assignments ?? [])
+            .filter(a => a && typeof a.resource === 'string')
+            .map(a => {
+            if (!resourceIds.has(a.resource))
+                add('warning', 'unknown-resource', 'Ressource inconnue : ' + a.resource, id);
+            return { resource: a.resource, units: Number.isFinite(a.units) ? a.units : 1 };
+        });
+        if (t.bucket && !bucketIds.has(t.bucket))
+            add('warning', 'unknown-bucket', 'Colonne inconnue : ' + t.bucket, id);
+        tasks.set(id, {
+            id,
+            label: t.label ?? id,
+            parent: null,
+            start,
+            end,
+            milestone,
+            bucket: t.bucket ?? null,
+            rank: cadIsRank(t.rank) ? t.rank : '',
+            assignments,
+            progress: clamp01(t.progress),
+            tags: [...(t.tags ?? [])],
+            color: t.color ?? null,
+            locked: !!t.locked,
+            rrule: t.rrule ?? null,
+            exdates: [...(t.exdates ?? [])],
+            masterId: t.masterId ?? null,
+            recurrenceId: toDate(t.recurrenceId ?? null),
+            level: 0,
+            children: [],
+            scheduled: false,
+            rolled: false,
+            recurring: !!t.rrule,
+            meta: t.meta ?? {},
+            source: t,
+        });
+    }
+    /* ---- 3. hiérarchie : parent inconnu, auto-parent et cycles deviennent des racines ---- */
+    for (const [id, t] of raw) {
+        const node = tasks.get(id);
+        const parent = t.parent ?? null;
+        if (!parent)
+            continue;
+        if (parent === id) {
+            add('error', 'self-parent', 'Une tâche ne peut pas être son propre parent.', id);
+            continue;
+        }
+        if (!tasks.has(parent)) {
+            add('warning', 'unknown-parent', 'Parent inconnu : ' + parent + ' — la tâche devient racine.', id);
+            continue;
+        }
+        node.parent = parent;
+    }
+    for (const node of tasks.values()) {
+        const seen = new Set([node.id]);
+        let cur = node.parent;
+        while (cur) {
+            if (seen.has(cur)) {
+                add('error', 'parent-cycle', 'Cycle de parenté rompu à cette tâche.', node.id);
+                node.parent = null;
+                break;
+            }
+            seen.add(cur);
+            cur = tasks.get(cur)?.parent ?? null;
+        }
+    }
+    /* ---- 4. fratries et rangs : les rangs existants font l'ordre, les manquants sont complétés ---- */
+    const groups = new Map();
+    for (const id of tasks.keys()) {
+        const key = tasks.get(id).parent;
+        const list = groups.get(key);
+        if (list)
+            list.push(id);
+        else
+            groups.set(key, [id]);
+    }
+    for (const [key, ids] of groups) {
+        const ranked = ids.filter(i => tasks.get(i).rank).sort((a, b) => (tasks.get(a).rank < tasks.get(b).rank ? -1 : 1));
+        const unranked = ids.filter(i => !tasks.get(i).rank);
+        const ordered = [...ranked, ...unranked];
+        for (let i = 0; i < ordered.length; i++) {
+            const node = tasks.get(ordered[i]);
+            if (node.rank)
+                continue;
+            node.rank = cadRankBetween(i > 0 ? tasks.get(ordered[i - 1]).rank : null, null);
+        }
+        groups.set(key, ordered);
+        if (key !== null)
+            tasks.get(key).children = ordered;
+    }
+    /* ---- 5. ordre final : parcours en profondeur, niveaux ---- */
+    const roots = groups.get(null) ?? [];
+    const order = [];
+    const walk = (ids, level) => {
+        for (const id of ids) {
+            const node = tasks.get(id);
+            node.level = level;
+            order.push(node);
+            if (node.children.length)
+                walk(node.children, level + 1);
+        }
+    };
+    walk(roots, 0);
+    /* ---- 6. barres récapitulatives : un parent sans dates prend l'étendue de ses descendants ---- */
+    if (options.rollup !== false) {
+        for (let i = order.length - 1; i >= 0; i--) {
+            const node = order[i];
+            if (!node.children.length || (node.start && node.end))
+                continue;
+            let lo = null;
+            let hi = null;
+            for (const cid of node.children) {
+                const c = tasks.get(cid);
+                if (c.start)
+                    lo = lo === null ? c.start.getTime() : Math.min(lo, c.start.getTime());
+                if (c.end)
+                    hi = hi === null ? c.end.getTime() : Math.max(hi, c.end.getTime());
+            }
+            if (lo !== null && hi !== null) {
+                node.start = new Date(lo);
+                node.end = new Date(hi);
+                node.rolled = true;
+            }
+        }
+    }
+    for (const node of order)
+        node.scheduled = !!(node.start && node.end);
+    /* ---- 7. liens ---- */
+    const links = [];
+    const seenLink = new Set();
+    for (const l of plan?.links ?? []) {
+        if (!l || typeof l.from !== 'string' || typeof l.to !== 'string')
+            continue;
+        if (l.from === l.to) {
+            add('error', 'self-link', 'Une tâche ne peut pas dépendre d\'elle-même.', l.from);
+            continue;
+        }
+        if (!tasks.has(l.from) || !tasks.has(l.to)) {
+            add('warning', 'unknown-link-end', 'Lien ignoré : ' + l.from + ' -> ' + l.to + ' vise une tâche absente.', l.id);
+            continue;
+        }
+        const key = l.from + '>' + l.to;
+        if (seenLink.has(key))
+            continue;
+        seenLink.add(key);
+        const d = l.lag ? cadParseDuration(l.lag) : null;
+        if (l.lag && !d)
+            add('warning', 'bad-duration', 'Décalage illisible : ' + l.lag, l.id);
+        links.push({
+            id: l.id ?? key,
+            from: l.from,
+            to: l.to,
+            type: LINK_TYPES.includes(l.type) ? l.type : 'FS',
+            lagMinutes: cadDurationToMinutes(d, calendar.dailyMinutes, calendar.weekDays),
+        });
+    }
+    for (const id of cadFindLinkCycle(links)) {
+        add('error', 'link-cycle', 'Cette tâche participe à un cycle de dépendances.', id);
+    }
+    /* ---- 8. étendue ---- */
+    let lo = null;
+    let hi = null;
+    for (const t of order) {
+        if (!t.scheduled)
+            continue;
+        lo = lo === null ? t.start.getTime() : Math.min(lo, t.start.getTime());
+        hi = hi === null ? t.end.getTime() : Math.max(hi, t.end.getTime());
+    }
+    return {
+        tasks: order,
+        byId: tasks,
+        roots,
+        links,
+        resources,
+        buckets,
+        calendar,
+        range: lo !== null && hi !== null ? { start: new Date(lo), end: new Date(hi) } : null,
+        issues,
+    };
+}
+/**
+ * Identifiants participant à un cycle de dépendances, par tri topologique (Kahn) :
+ * ce qui ne sort jamais de la file est exactement ce qui est pris dans un cycle.
+ * Nécessaire bien avant le moteur de replanification — un cycle non détecté s'y traduirait
+ * par une boucle infinie plutôt que par un message.
+ */
+function cadFindLinkCycle(links) {
+    const out = new Map();
+    const indeg = new Map();
+    for (const l of links) {
+        const edges = out.get(l.from);
+        if (edges)
+            edges.push(l.to);
+        else
+            out.set(l.from, [l.to]);
+        if (!indeg.has(l.from))
+            indeg.set(l.from, 0);
+        indeg.set(l.to, (indeg.get(l.to) ?? 0) + 1);
+    }
+    const queue = [...indeg.keys()].filter(k => !indeg.get(k));
+    let seen = 0;
+    while (queue.length) {
+        const id = queue.shift();
+        seen++;
+        for (const next of out.get(id) ?? []) {
+            const n = (indeg.get(next) ?? 0) - 1;
+            indeg.set(next, n);
+            if (n === 0)
+                queue.push(next);
+        }
+    }
+    return seen === indeg.size ? [] : [...indeg.keys()].filter(k => (indeg.get(k) ?? 0) > 0);
+}
+/** 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);
+/** 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); }
+/* ---------------- présentation CARTES ---------------- */
+.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; 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); }
+/* ---------------- présentation LISTE ---------------- */
+.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; 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; }
+/* sous le seuil, la liste se resserre : l'échéance rejoint le titre, l'avancement s'efface */
+: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; }
+/* ---------------- glisser (CDK) ---------------- */
+.cdk-drag-preview { box-shadow: var(--cad-shadow-lg); border-radius: var(--cad-radius-sm); background: var(--cad-overlay); border: 1px solid var(--cad-border); }
+.cdk-drag-placeholder { opacity: .34; }
+.cdk-drag-animating { transition: transform 180ms 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 180ms var(--cad-ease); }
+/* annonce aux lecteurs d'écran — hors flux, jamais display:none (elle ne serait plus lue) */
+.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; } }
+`;
+/** Contenu d'une carte : `<ng-template cadTaskCard let-task let-bucket="bucket">`. */
+class CadTaskCardDirective {
+    tpl = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadTaskCardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: CadTaskCardDirective, isStandalone: true, selector: "[cadTaskCard]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadTaskCardDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[cadTaskCard]', standalone: true }]
+        }] });
+/** Contenu d'une ligne : `<ng-template cadTaskRow let-task let-group="group">`. */
+class CadTaskRowDirective {
+    tpl = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadTaskRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: CadTaskRowDirective, isStandalone: true, selector: "[cadTaskRow]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadTaskRowDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[cadTaskRow]', standalone: true }]
+        }] });
+const EMPTY_PATCH = { src: undefined, map: new Map() };
+const NO_RESOURCE = ' none';
+/**
+ * <cad-taskboard [plan]="plan" mode="auto" groupBy="bucket" (taskMove) (taskAssign) (taskOpen) (wipExceeded)>
+ *   <ng-template cadTaskCard let-t>…</ng-template>
+ *   <ng-template cadTaskRow let-t>…</ng-template>
+ * </cad-taskboard>
+ *
+ * UNE SEULE ENTRÉE sépare les deux présentations : `mode`. On transforme la présentation, jamais
+ * l'architecture de l'information — mêmes tâches, même rang, même geste, même intention. `auto`
+ * bascule en liste sous le seuil mobile, sur le patron de `cad-nav-drawer`.
+ *
+ * LE COMPOSANT N'ÉCRIT JAMAIS. Il émet `taskMove` / `taskAssign` et laisse l'application décider :
+ * c'est ce qui rend la source indifférente (slapi ou document statique). Pour que le geste reste
+ * vivant sans mentir, il conserve un CORRECTIF LOCAL optimiste, abandonné dès qu'un nouveau `plan`
+ * arrive — l'entrée n'est jamais mutée, et l'affichage suit l'application si elle refuse.
+ *
+ * La limite de travail en cours ALERTE mais ne bloque pas : un tableau qui refuse un geste sans
+ * l'expliquer se contourne au lieu d'être lu.
+ *
+ * Clavier : Entrée / Espace ouvrent la tâche ; Ctrl (ou Cmd) + flèches la déplacent — gauche et
+ * droite changent de colonne, haut et bas changent de rang. Chaque déplacement est annoncé.
+ */
+class CadTaskboardComponent {
+    /** Document de planification brut ; il est normalisé en interne et jamais muté. */
+    plan = input(null, ...(ngDevMode ? [{ debugName: "plan" }] : /* istanbul ignore next */ []));
+    /** 'board' = cartes, 'list' = lignes groupées, 'auto' = liste sous le seuil mobile. */
+    mode = input('auto', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    /** Regroupement de la présentation liste. Par personne, le glisser réaffecte au lieu de ranger. */
+    groupBy = input('bucket', ...(ngDevMode ? [{ debugName: "groupBy" }] : /* istanbul ignore next */ []));
+    dragDisabled = input(false, { ...(ngDevMode ? { debugName: "dragDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Groupes repliés (présentation liste). */
+    collapsedKeys = model(new Set(), ...(ngDevMode ? [{ debugName: "collapsedKeys" }] : /* istanbul ignore next */ []));
+    emptyText = input('Rien ici', ...(ngDevMode ? [{ debugName: "emptyText" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** Format d'échéance (jetons de `formatDate`). */
+    dateFormat = input('dd/MM', ...(ngDevMode ? [{ debugName: "dateFormat" }] : /* istanbul ignore next */ []));
+    /** Instant de référence pour « en retard ». Explicite en test, sinon maintenant. */
+    today = input(null, ...(ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []));
+    taskMove = output();
+    taskAssign = output();
+    taskOpen = output();
+    wipExceeded = output();
+    cardTpl = contentChild(CadTaskCardDirective, ...(ngDevMode ? [{ debugName: "cardTpl" }] : /* istanbul ignore next */ []));
+    rowTpl = contentChild(CadTaskRowDirective, ...(ngDevMode ? [{ debugName: "rowTpl" }] : /* istanbul ignore next */ []));
+    orphanHint = 'Sans colonne connue — rangée par défaut, jamais escamotée';
+    announcement = signal('', ...(ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []));
+    bp = inject(CadBreakpointService);
+    patch = signal(EMPTY_PATCH, ...(ngDevMode ? [{ debugName: "patch" }] : /* istanbul ignore next */ []));
+    /** Document résolu par le socle de planification. */
+    normalized = computed(() => cadNormalizePlan(this.plan()), ...(ngDevMode ? [{ debugName: "normalized" }] : /* istanbul ignore next */ []));
+    /** Présentation effective, une fois `auto` tranché par le seuil. */
+    view = computed(() => {
+        const m = this.mode();
+        return m === 'auto' ? (this.bp.isMobile() ? 'list' : 'board') : m;
+    }, ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+    compact = computed(() => this.view() === 'list' && this.bp.isMobile(), ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
+    /** Tâches après application du correctif optimiste (abandonné dès que `plan` change). */
+    tasks = computed(() => {
+        const base = this.normalized().tasks;
+        const p = this.patch();
+        if (p.src !== this.plan() || !p.map.size)
+            return base;
+        return base.map(t => {
+            const o = p.map.get(t.id);
+            if (!o)
+                return t;
+            const next = { ...t, rank: o.rank };
+            if (o.bucket !== undefined)
+                next.bucket = o.bucket;
+            if (o.resource !== undefined) {
+                next.assignments = o.resource ? [{ resource: o.resource, units: t.assignments[0]?.units ?? 1 }] : [];
+            }
+            return next;
+        });
+    }, ...(ngDevMode ? [{ debugName: "tasks" }] : /* istanbul ignore next */ []));
+    /** Colonnes déclarées, ou une colonne implicite : un tableau sans colonne reste un tableau. */
+    declared = computed(() => {
+        const b = this.normalized().buckets;
+        return b.length ? b : [{ id: '', label: 'Tâches' }];
+    }, ...(ngDevMode ? [{ debugName: "declared" }] : /* istanbul ignore next */ []));
+    /** Colonnes (cartes, ou liste groupée par colonne) ou personnes (liste groupée par personne). */
+    columns = computed(() => {
+        const tasks = this.tasks();
+        const byRank = (a, b) => (a.rank < b.rank ? -1 : a.rank > b.rank ? 1 : 0);
+        if (this.view() === 'list' && this.groupBy() === 'resource') {
+            const res = this.normalized().resources;
+            const known = new Set(res.map(r => r.id));
+            const groups = res.map(r => ({
+                id: r.id,
+                label: r['label'] ?? r.id,
+                color: r.color ?? null,
+                wipLimit: null,
+                tasks: tasks.filter(t => t.assignments[0]?.resource === r.id).sort(byRank),
+            }));
+            groups.push({
+                id: NO_RESOURCE,
+                label: 'Non affectées',
+                color: null,
+                wipLimit: null,
+                tasks: tasks.filter(t => !t.assignments.length || !known.has(t.assignments[0].resource)).sort(byRank),
+            });
+            return groups;
+        }
+        return this.declared().map((b, i) => ({
+            id: b.id,
+            label: b.label ?? b.id,
+            color: b.color ?? null,
+            wipLimit: b.wipLimit ?? null,
+            tasks: tasks.filter(t => (this.isOrphan(t) ? i === 0 : t.bucket === b.id)).sort(byRank),
+        }));
+    }, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    /* ---------------- lecture ---------------- */
+    /** Colonne réelle d'une tâche : la sienne si elle existe, sinon la première. Jamais « nulle part ». */
+    bucketOf(t) {
+        const declared = this.declared();
+        return declared.some(b => b.id === t.bucket) ? t.bucket : declared[0].id;
+    }
+    isOrphan(t) {
+        return !this.declared().some(b => b.id === t.bucket);
+    }
+    countOf(c) {
+        return c.wipLimit == null ? String(c.tasks.length) : c.tasks.length + '/' + c.wipLimit;
+    }
+    wipState(c) {
+        if (c.wipLimit == null)
+            return 'none';
+        return c.tasks.length > c.wipLimit ? 'over' : c.tasks.length === c.wipLimit ? 'full' : 'none';
+    }
+    due(t) {
+        return t.end ? formatDate(t.end, this.dateFormat()) : '';
+    }
+    isLate(t) {
+        return !!t.end && t.progress < 1 && t.end.getTime() < (this.today() ?? new Date()).getTime();
+    }
+    pct(t) { return Math.round(t.progress * 100); }
+    labelOfResource(id) {
+        const r = this.normalized().resources.find(x => x.id === id);
+        return (r?.['label'] ?? id).slice(0, 24);
+    }
+    /** Initiales d'une personne : « S. Zuccatti » donne SZ, « Charles » donne CH. */
+    initialsOfResource(id) {
+        const mots = this.labelOfResource(id).split(/[\s.'-]+/).filter(Boolean);
+        return (mots.length > 1 ? mots[0][0] + mots[1][0] : (mots[0] ?? id).slice(0, 2)).toUpperCase();
+    }
+    colorOfResource(id) {
+        return this.normalized().resources.find(x => x.id === id)?.color ?? null;
+    }
+    isCollapsed(key) { return this.collapsedKeys().has(key); }
+    toggle(key) {
+        const next = new Set(this.collapsedKeys());
+        if (next.has(key))
+            next.delete(key);
+        else
+            next.add(key);
+        this.collapsedKeys.set(next);
+    }
+    open(t, event) {
+        this.taskOpen.emit({ id: t.id, task: t, event });
+    }
+    /* ---------------- déplacement ---------------- */
+    onDrop(e, kind) {
+        const same = e.previousContainer === e.container;
+        this.apply(e.item.data, e.container.data, e.currentIndex, kind, same ? e.previousIndex : -1);
+    }
+    onKey(e, t, colId) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            this.open(t, e);
+            return;
+        }
+        if ((!e.ctrlKey && !e.metaKey) || this.dragDisabled() || t.locked)
+            return;
+        const cols = this.columns();
+        const ci = cols.findIndex(c => c.id === colId);
+        if (ci < 0)
+            return;
+        const here = cols[ci].tasks.findIndex(x => x.id === t.id);
+        const kind = this.view() === 'list' ? this.groupBy() : 'bucket';
+        if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+            const to = here + (e.key === 'ArrowUp' ? -1 : 1);
+            if (to < 0 || to >= cols[ci].tasks.length)
+                return;
+            e.preventDefault();
+            this.apply(t.id, colId, to, kind, here);
+        }
+        else if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
+            const target = cols[ci + (e.key === 'ArrowLeft' ? -1 : 1)];
+            if (!target)
+                return;
+            e.preventDefault();
+            this.apply(t.id, target.id, Math.min(here, target.tasks.length), kind, -1);
+        }
+    }
+    /**
+     * Calcule le nouveau rang entre les deux voisins, pose le correctif optimiste et ÉMET.
+     * `fromIndex` >= 0 signale un déplacement dans le même groupe : le voisinage se lit alors sur
+     * la liste privée de la tâche déplacée, exactement comme le fait `moveItemInArray`.
+     */
+    apply(id, target, index, kind, fromIndex) {
+        const task = this.tasks().find(t => t.id === id);
+        const column = this.columns().find(c => c.id === target);
+        if (!task || !column)
+            return;
+        const items = column.tasks.filter(t => t.id !== id);
+        const at = Math.max(0, Math.min(index, items.length));
+        const rank = cadRankBetween(items[at - 1]?.rank ?? null, items[at]?.rank ?? null);
+        const previousRank = task.rank;
+        if (fromIndex === at)
+            return;
+        const current = this.patch();
+        const map = new Map(current.src === this.plan() ? current.map : []);
+        if (kind === 'resource') {
+            const from = task.assignments[0]?.resource ?? null;
+            const to = target === NO_RESOURCE ? null : target;
+            map.set(id, { ...map.get(id), resource: to, rank });
+            this.patch.set({ src: this.plan(), map });
+            this.taskAssign.emit({ id, task, from, to, rank });
+            this.announce(task, target, column.label, at, 'affectée à ');
+            return;
+        }
+        const from = this.bucketOf(task);
+        map.set(id, { ...map.get(id), bucket: target, rank });
+        this.patch.set({ src: this.plan(), map });
+        this.taskMove.emit({ id, task, from, to: target, rank, previousRank, index: at });
+        this.announce(task, target, column.label, at, 'déplacée dans ');
+        const after = this.columns().find(c => c.id === target);
+        if (after && after.wipLimit != null && after.tasks.length > after.wipLimit) {
+            this.wipExceeded.emit({ bucket: target, limit: after.wipLimit, count: after.tasks.length });
+        }
+    }
+    /** L'annonce ne dit pas « déplacé » : elle dit OÙ et À QUELLE PLACE — la seule information utile sans la vue. */
+    announce(task, key, label, at, verb) {
+        const total = this.columns().find(c => c.id === key)?.tasks.length ?? 0;
+        this.announcement.set(task.label + ' — ' + verb + label + ', position ' + (at + 1) + ' sur ' + total + '.');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadTaskboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadTaskboardComponent, isStandalone: true, selector: "cad-taskboard", inputs: { plan: { classPropertyName: "plan", publicName: "plan", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, dragDisabled: { classPropertyName: "dragDisabled", publicName: "dragDisabled", isSignal: true, isRequired: false, transformFunction: null }, collapsedKeys: { classPropertyName: "collapsedKeys", publicName: "collapsedKeys", 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 }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, today: { classPropertyName: "today", publicName: "today", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsedKeys: "collapsedKeysChange", taskMove: "taskMove", taskAssign: "taskAssign", taskOpen: "taskOpen", wipExceeded: "wipExceeded" }, host: { properties: { "class.is-compact": "compact()", "class.is-static": "dragDisabled()", "attr.aria-label": "ariaLabel() || null" }, classAttribute: "cad-taskboard" }, queries: [{ propertyName: "cardTpl", first: true, predicate: CadTaskCardDirective, descendants: true, isSignal: true }, { propertyName: "rowTpl", first: true, predicate: CadTaskRowDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <p class="tb__live" role="status" aria-live="polite">{{ announcement() }}</p>
+    @if (view() === 'board') {
+      <div class="tb__board" cdkDropListGroup>
+        @for (col of columns(); track col.id) {
+          <section class="tb__col">
+            <header class="tb__head">
+              <span class="tb__dot" [style.--_c]="col.color"></span>
+              <span class="tb__name">{{ col.label }}</span>
+              <span class="tb__count" [class.is-full]="wipState(col) === 'full'" [class.is-over]="wipState(col) === 'over'"
+                [attr.title]="col.wipLimit != null ? 'Limite de travail en cours' : null">{{ countOf(col) }}</span>
+            </header>
+            <div class="tb__list" cdkDropList [cdkDropListData]="col.id" [cdkDropListDisabled]="dragDisabled()"
+              (cdkDropListDropped)="onDrop($event, 'bucket')" [attr.aria-label]="col.label">
+              @for (t of col.tasks; track t.id) {
+                <article class="tb__card" cdkDrag [cdkDragData]="t.id" [cdkDragDisabled]="dragDisabled() || t.locked"
+                  tabindex="0" role="button" [attr.data-id]="t.id" [class.is-orphan]="isOrphan(t)"
+                  [attr.title]="isOrphan(t) ? orphanHint : null"
+                  (click)="open(t, $event)" (keydown)="onKey($event, t, col.id)">
+                  @if (cardTpl()) {
+                    <ng-container *ngTemplateOutlet="cardTpl()!.tpl; context: { $implicit: t, bucket: col.id }"/>
+                  } @else {
+                    <p class="tb__title">{{ t.label }}</p>
+                    @if (t.progress > 0) {<div class="tb__prog" [class.is-done]="t.progress >= 1"><i [style.width.%]="t.progress * 100"></i></div>}
+                    <div class="tb__meta">
+                      @for (g of t.tags; track g) {<span class="tb__tag">{{ g }}</span>}
+                      <span class="tb__sp"></span>
+                      @if (t.end) {<span class="tb__due" [class.is-late]="isLate(t)" title="Échéance">{{ due(t) }}</span>}
+                      @for (a of t.assignments; track a.resource) {
+                        <cad-avatar size="sm" [text]="initialsOfResource(a.resource)" [color]="colorOfResource(a.resource)" [title]="labelOfResource(a.resource)"/>
+                      }
+                    </div>
+                  }
+                </article>
+              } @empty {
+                <p class="tb__empty">{{ emptyText() }}</p>
+              }
+            </div>
+          </section>
+        }
+      </div>
+    } @else {
+      <div class="tb__rows" cdkDropListGroup>
+        @for (col of columns(); track col.id) {
+          <button type="button" class="tb__grp" [class.is-collapsed]="isCollapsed(col.id)"
+            [attr.aria-expanded]="!isCollapsed(col.id)" (click)="toggle(col.id)">
+            <cad-icon name="chevron-down" [size]="14"/>
+            <span class="tb__dot" [style.--_c]="col.color"></span>
+            <b>{{ col.label }}</b>
+            <span class="tb__sp"></span>
+            <span class="tb__count" [class.is-full]="wipState(col) === 'full'" [class.is-over]="wipState(col) === 'over'">{{ countOf(col) }}</span>
+          </button>
+          @if (!isCollapsed(col.id)) {
+            <div class="tb__group-list" cdkDropList [cdkDropListData]="col.id" [cdkDropListDisabled]="dragDisabled()"
+              (cdkDropListDropped)="onDrop($event, groupBy())" [attr.aria-label]="col.label">
+              @for (t of col.tasks; track t.id) {
+                <div class="tb__row" cdkDrag [cdkDragData]="t.id" [cdkDragDisabled]="dragDisabled() || t.locked"
+                  tabindex="0" role="button" [attr.data-id]="t.id" [class.is-orphan]="isOrphan(t)"
+                  [attr.title]="isOrphan(t) ? orphanHint : null"
+                  (click)="open(t, $event)" (keydown)="onKey($event, t, col.id)">
+                  @if (rowTpl()) {
+                    <ng-container *ngTemplateOutlet="rowTpl()!.tpl; context: { $implicit: t, group: col.id }"/>
+                  } @else {
+                    <div class="tb__main">
+                      <span class="tb__title">{{ t.label }}</span>
+                      <div class="tb__meta">
+                        @for (g of t.tags; track g) {<span class="tb__tag">{{ g }}</span>}
+                        @if (t.end) {<span class="tb__mob tb__due" [class.is-late]="isLate(t)">{{ due(t) }}</span>}
+                      </div>
+                    </div>
+                    <span class="tb__due tb__cell-due" [class.is-late]="isLate(t)">{{ t.end ? due(t) : '—' }}</span>
+                    <div class="tb__pct">
+                      <div class="tb__prog" [class.is-done]="t.progress >= 1"><i [style.width.%]="t.progress * 100"></i></div>
+                      <span>{{ pct(t) }}%</span>
+                    </div>
+                    @if (t.assignments.length) {
+                      <cad-avatar size="sm" [text]="initialsOfResource(t.assignments[0].resource)"
+                        [color]="colorOfResource(t.assignments[0].resource)" [title]="labelOfResource(t.assignments[0].resource)"/>
+                    } @else {<span class="tb__due">—</span>}
+                  }
+                </div>
+              } @empty {
+                <p class="tb__empty" style="margin: 10px 14px">{{ emptyText() }}</p>
+              }
+            </div>
+          }
+        }
+      </div>
+    }
+  `, isInline: true, 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);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"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: CadAvatarComponent, selector: "cad-avatar", inputs: ["src", "text", "icon", "size", "shape", "color", "label"] }, { kind: "component", type: CadIconComponent, selector: "cad-icon", inputs: ["name", "size", "strokeWidth", "label", "title", "spin", "filled", "flip", "rotate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadTaskboardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cad-taskboard', standalone: true, imports: [NgTemplateOutlet, CdkDrag, CdkDropList, CdkDropListGroup, CadAvatarComponent, CadIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'cad-taskboard',
+                        '[class.is-compact]': 'compact()',
+                        '[class.is-static]': 'dragDisabled()',
+                        '[attr.aria-label]': 'ariaLabel() || null',
+                    }, template: `
+    <p class="tb__live" role="status" aria-live="polite">{{ announcement() }}</p>
+    @if (view() === 'board') {
+      <div class="tb__board" cdkDropListGroup>
+        @for (col of columns(); track col.id) {
+          <section class="tb__col">
+            <header class="tb__head">
+              <span class="tb__dot" [style.--_c]="col.color"></span>
+              <span class="tb__name">{{ col.label }}</span>
+              <span class="tb__count" [class.is-full]="wipState(col) === 'full'" [class.is-over]="wipState(col) === 'over'"
+                [attr.title]="col.wipLimit != null ? 'Limite de travail en cours' : null">{{ countOf(col) }}</span>
+            </header>
+            <div class="tb__list" cdkDropList [cdkDropListData]="col.id" [cdkDropListDisabled]="dragDisabled()"
+              (cdkDropListDropped)="onDrop($event, 'bucket')" [attr.aria-label]="col.label">
+              @for (t of col.tasks; track t.id) {
+                <article class="tb__card" cdkDrag [cdkDragData]="t.id" [cdkDragDisabled]="dragDisabled() || t.locked"
+                  tabindex="0" role="button" [attr.data-id]="t.id" [class.is-orphan]="isOrphan(t)"
+                  [attr.title]="isOrphan(t) ? orphanHint : null"
+                  (click)="open(t, $event)" (keydown)="onKey($event, t, col.id)">
+                  @if (cardTpl()) {
+                    <ng-container *ngTemplateOutlet="cardTpl()!.tpl; context: { $implicit: t, bucket: col.id }"/>
+                  } @else {
+                    <p class="tb__title">{{ t.label }}</p>
+                    @if (t.progress > 0) {<div class="tb__prog" [class.is-done]="t.progress >= 1"><i [style.width.%]="t.progress * 100"></i></div>}
+                    <div class="tb__meta">
+                      @for (g of t.tags; track g) {<span class="tb__tag">{{ g }}</span>}
+                      <span class="tb__sp"></span>
+                      @if (t.end) {<span class="tb__due" [class.is-late]="isLate(t)" title="Échéance">{{ due(t) }}</span>}
+                      @for (a of t.assignments; track a.resource) {
+                        <cad-avatar size="sm" [text]="initialsOfResource(a.resource)" [color]="colorOfResource(a.resource)" [title]="labelOfResource(a.resource)"/>
+                      }
+                    </div>
+                  }
+                </article>
+              } @empty {
+                <p class="tb__empty">{{ emptyText() }}</p>
+              }
+            </div>
+          </section>
+        }
+      </div>
+    } @else {
+      <div class="tb__rows" cdkDropListGroup>
+        @for (col of columns(); track col.id) {
+          <button type="button" class="tb__grp" [class.is-collapsed]="isCollapsed(col.id)"
+            [attr.aria-expanded]="!isCollapsed(col.id)" (click)="toggle(col.id)">
+            <cad-icon name="chevron-down" [size]="14"/>
+            <span class="tb__dot" [style.--_c]="col.color"></span>
+            <b>{{ col.label }}</b>
+            <span class="tb__sp"></span>
+            <span class="tb__count" [class.is-full]="wipState(col) === 'full'" [class.is-over]="wipState(col) === 'over'">{{ countOf(col) }}</span>
+          </button>
+          @if (!isCollapsed(col.id)) {
+            <div class="tb__group-list" cdkDropList [cdkDropListData]="col.id" [cdkDropListDisabled]="dragDisabled()"
+              (cdkDropListDropped)="onDrop($event, groupBy())" [attr.aria-label]="col.label">
+              @for (t of col.tasks; track t.id) {
+                <div class="tb__row" cdkDrag [cdkDragData]="t.id" [cdkDragDisabled]="dragDisabled() || t.locked"
+                  tabindex="0" role="button" [attr.data-id]="t.id" [class.is-orphan]="isOrphan(t)"
+                  [attr.title]="isOrphan(t) ? orphanHint : null"
+                  (click)="open(t, $event)" (keydown)="onKey($event, t, col.id)">
+                  @if (rowTpl()) {
+                    <ng-container *ngTemplateOutlet="rowTpl()!.tpl; context: { $implicit: t, group: col.id }"/>
+                  } @else {
+                    <div class="tb__main">
+                      <span class="tb__title">{{ t.label }}</span>
+                      <div class="tb__meta">
+                        @for (g of t.tags; track g) {<span class="tb__tag">{{ g }}</span>}
+                        @if (t.end) {<span class="tb__mob tb__due" [class.is-late]="isLate(t)">{{ due(t) }}</span>}
+                      </div>
+                    </div>
+                    <span class="tb__due tb__cell-due" [class.is-late]="isLate(t)">{{ t.end ? due(t) : '—' }}</span>
+                    <div class="tb__pct">
+                      <div class="tb__prog" [class.is-done]="t.progress >= 1"><i [style.width.%]="t.progress * 100"></i></div>
+                      <span>{{ pct(t) }}%</span>
+                    </div>
+                    @if (t.assignments.length) {
+                      <cad-avatar size="sm" [text]="initialsOfResource(t.assignments[0].resource)"
+                        [color]="colorOfResource(t.assignments[0].resource)" [title]="labelOfResource(t.assignments[0].resource)"/>
+                    } @else {<span class="tb__due">—</span>}
+                  }
+                </div>
+              } @empty {
+                <p class="tb__empty" style="margin: 10px 14px">{{ emptyText() }}</p>
+              }
+            </div>
+          }
+        }
+      </div>
+    }
+  `, 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);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 }] }] } });
 /**
  * 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, 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 };
+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 };
 //# sourceMappingURL=cadriciel-ui.mjs.map