@cadriciel/ui 0.9.0 → 0.9.2

package/fesm2022/cadriciel-ui.mjs

@@ -2136,14 +2136,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  *   <cad-radio value="session" label="Session" [disabled]="true" />
  * </cad-radio-group>
  * CVA<T> sur le GROUPE. Clavier : ←/→/↑/↓ déplacent la sélection (pattern WAI-ARIA radiogroup).
- * @atelier icone=circle-dot largeur=2
+ * @atelier icone=circle-dot largeur=2 conteneur=direct hauteur=4
  */
 class CadRadioGroupComponent extends CadValueAccessor {
     orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
     ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     name = input(cadId('cad-radio'), ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
     changed = output();
-    radios = contentChildren(forwardRef(() => CadRadioComponent), { ...(ngDevMode ? { debugName: "radios" } : /* istanbul ignore next */ {}), descendants: true });
+    radiosProjetes = contentChildren(forwardRef(() => CadRadioComponent), { ...(ngDevMode ? { debugName: "radiosProjetes" } : /* istanbul ignore next */ {}), descendants: true });
+    /** Radios POSÉS hors gabarit, annoncés par `enregistrerEnfants`. */
+    radiosPoses = signal([], ...(ngDevMode ? [{ debugName: "radiosPoses" }] : /* istanbul ignore next */ []));
+    radios = computed(() => [...this.radiosProjetes(), ...this.radiosPoses()], ...(ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []));
+    /** Reçoit la LISTE COMPLÈTE des radios posés, et se RATTACHE à chacun. */
+    enregistrerEnfants(instances) {
+        const pieces = instances.filter((i) => i instanceof CadRadioComponent);
+        // Le générique du groupe et celui du radio sont indépendants au montage ; la
+        // relation est structurelle, pas typée. On la pose explicitement plutôt que de
+        // faire remonter un paramètre de type jusqu'au poseur, qui ne connaît ni l'un ni
+        // l'autre.
+        for (const p of pieces)
+            p.rattacher(this);
+        this.radiosPoses.set(pieces);
+    }
     select(v) { if (this.isDisabled())
         return; this.commit(v); this.changed.emit(v); this.markTouched(); }
     onKey(e) {
@@ -2161,32 +2175,69 @@ class CadRadioGroupComponent extends CadValueAccessor {
         next.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadRadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.20", type: CadRadioGroupComponent, isStandalone: true, selector: "cad-radio-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKey($event)" }, properties: { "class.is-horizontal": "orientation()===\"horizontal\"", "class.is-disabled": "isDisabled()", "attr.aria-label": "ariaLabel() || null" }, classAttribute: "cad-radio-group" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CadRadioGroupComponent), multi: true }], queries: [{ propertyName: "radios", predicate: i0.forwardRef(() => CadRadioComponent), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:inline-flex;flex-direction:column;gap:8px}:host(.is-horizontal){flex-direction:row;flex-wrap:wrap;gap:16px}:host(.is-disabled){opacity:.55}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.20", type: CadRadioGroupComponent, isStandalone: true, selector: "cad-radio-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKey($event)" }, properties: { "class.is-horizontal": "orientation()===\"horizontal\"", "class.is-disabled": "isDisabled()", "attr.aria-label": "ariaLabel() || null" }, classAttribute: "cad-radio-group" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CadRadioGroupComponent), multi: true }], queries: [{ propertyName: "radiosProjetes", predicate: i0.forwardRef(() => CadRadioComponent), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:inline-flex;flex-direction:column;gap:8px}:host(.is-horizontal){flex-direction:row;flex-wrap:wrap;gap:16px}:host(.is-disabled){opacity:.55}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadRadioGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cad-radio-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CadRadioGroupComponent), multi: true }], host: { class: 'cad-radio-group', role: 'radiogroup', '[class.is-horizontal]': 'orientation()==="horizontal"', '[class.is-disabled]': 'isDisabled()', '[attr.aria-label]': 'ariaLabel() || null', '(keydown)': 'onKey($event)' }, template: `<ng-content />`, styles: [":host{display:inline-flex;flex-direction:column;gap:8px}:host(.is-horizontal){flex-direction:row;flex-wrap:wrap;gap:16px}:host(.is-disabled){opacity:.55}\n"] }]
-        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], radios: [{ type: i0.ContentChildren, args: [forwardRef(() => CadRadioComponent), { ...{ descendants: true }, isSignal: true }] }] } });
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], radiosProjetes: [{ type: i0.ContentChildren, args: [forwardRef(() => CadRadioComponent), { ...{ descendants: true }, isSignal: true }] }] } });
+/**
+ * Un choix du groupe : `<cad-radio [value]="'a'" label="Option A">`.
+ * @atelier icone=circle-dot conteneur=flux dans=cad-radio-group pose-label=Option
+ */
 class CadRadioComponent {
-    group = inject(CadRadioGroupComponent);
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /**
+     * Le groupe d'accueil — INJECTÉ dans un gabarit, POUSSÉ par l'hôte à la pose.
+     *
+     * ⚠️ OPTIONNEL depuis le 27/08, même correctif que `cad-accordion-panel` : l'injection
+     * obligatoire levait `NG0201` dès qu'on créait le bouton à la main, et `gen-catalog`
+     * classait `cad-radio` « contextuel » — il n'était pas posable. `cad-tab`, la pièce
+     * jumelle des onglets, n'injecte rien : elle est PASSIVE et son hôte la pilote. La
+     * divergence était d'écriture, pas de nature (SZU 27/08).
+     */
+    groupInjecte = inject(forwardRef(() => CadRadioGroupComponent), { optional: true });
+    groupPose = signal(null, ...(ngDevMode ? [{ debugName: "groupPose" }] : /* istanbul ignore next */ []));
+    group = computed(() => this.groupInjecte ?? this.groupPose(), ...(ngDevMode ? [{ debugName: "group" }] : /* istanbul ignore next */ []));
+    /** Le groupe s'annonce au bouton qu'il accueille. Cf. `atelier/atelier.pieces.ts`. */
+    rattacher(g) {
+        this.groupPose.set(g);
+    }
+    /** Sélectionne, si un groupe existe. Un radio solitaire ne prétend pas gérer un choix. */
+    choisir() {
+        this.group()?.select(this.value());
+    }
+    /**
+     * La valeur que ce choix représente.
+     *
+     * DÉFAUT UNIQUE plutôt que `input.required` (27/08) — même précédent que
+     * `cad-accordion-panel`, qui se donne `cadId('cad-panel')`. Une entrée requise LÈVE
+     * dès qu'on instancie le composant sans la fournir : posé dans l'atelier, le radio
+     * mourait à la construction et le poseur l'écartait EN SILENCE (groupe vide, aucune
+     * erreur visible). Un défaut unique par instance rend un radio posé immédiatement
+     * cohérent — deux radios ne se retrouvent jamais cochés ensemble — et n'enlève rien à
+     * l'usage écrit, où l'on passe toujours une valeur.
+     */
+    value = input(cadId('cad-radio-v'), ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     id = cadId('cad-radio');
-    checked = computed(() => this.group.value() === this.value(), ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+    checked = computed(() => this.group()?.value() === this.value(), ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
     /** Roving tabindex : seul l'élément coché (ou le 1er) est tabulable. */
     tabIndex = computed(() => {
         if (this.checked())
             return 0;
-        const first = this.group.radios().find(r => !r.disabled());
-        return this.group.value() == null && first === this ? 0 : -1;
+        const g = this.group();
+        if (!g)
+            return 0;
+        const first = g.radios().find(r => !r.disabled());
+        return g.value() == null && first === this ? 0 : -1;
     }, ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
     focus() { document.getElementById(this.id)?.focus(); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadRadioComponent, isStandalone: true, selector: "cad-radio", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-on": "checked()", "class.is-disabled": "disabled() || group.isDisabled()" }, classAttribute: "cad-radio" }, ngImport: i0, template: `
-    <button type="button" role="radio" [id]="id" [attr.aria-checked]="checked()" [tabindex]="tabIndex()" [disabled]="disabled() || group.isDisabled()"
-      [attr.aria-labelledby]="label() ? id + '-l' : null" (click)="group.select(value())">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadRadioComponent, isStandalone: true, selector: "cad-radio", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-on": "checked()", "class.is-disabled": "disabled() || !!group()?.isDisabled()" }, classAttribute: "cad-radio" }, ngImport: i0, template: `
+    <button type="button" role="radio" [id]="id" [attr.aria-checked]="checked()" [tabindex]="tabIndex()" [disabled]="disabled() || !!group()?.isDisabled()"
+      [attr.aria-labelledby]="label() ? id + '-l' : null" (click)="choisir()">
       <span class="cad-radio__dot"></span>
     </button>
     @if (label()) {<label [id]="id + '-l'" [attr.for]="id" class="cad-radio__label">{{ label() }}@if (hint()) {<small>{{ hint() }}</small>}</label>}
@@ -2195,15 +2246,15 @@ class CadRadioComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadRadioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cad-radio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cad-radio', '[class.is-on]': 'checked()', '[class.is-disabled]': 'disabled() || group.isDisabled()' }, template: `
-    <button type="button" role="radio" [id]="id" [attr.aria-checked]="checked()" [tabindex]="tabIndex()" [disabled]="disabled() || group.isDisabled()"
-      [attr.aria-labelledby]="label() ? id + '-l' : null" (click)="group.select(value())">
+            args: [{ selector: 'cad-radio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cad-radio', '[class.is-on]': 'checked()', '[class.is-disabled]': 'disabled() || !!group()?.isDisabled()' }, template: `
+    <button type="button" role="radio" [id]="id" [attr.aria-checked]="checked()" [tabindex]="tabIndex()" [disabled]="disabled() || !!group()?.isDisabled()"
+      [attr.aria-labelledby]="label() ? id + '-l' : null" (click)="choisir()">
       <span class="cad-radio__dot"></span>
     </button>
     @if (label()) {<label [id]="id + '-l'" [attr.for]="id" class="cad-radio__label">{{ label() }}@if (hint()) {<small>{{ hint() }}</small>}</label>}
     <ng-content />
   `, styles: [":host{display:inline-flex;align-items:flex-start;gap:8px;font-family:var(--cad-font);font-size:var(--cad-font-size);color:var(--cad-fg)}button{all:unset;display:inline-flex;cursor:pointer;border-radius:50%;margin-top:1px}:host-context(.cad-touch) button{min-width:44px;min-height:44px;justify-content:center;align-items:center;margin:-12px;padding:12px;box-sizing:border-box}button:focus-visible{outline:2px solid var(--cad-ring);outline-offset:2px}button[disabled]{cursor:not-allowed}:host(.is-disabled){opacity:.55}.cad-radio__dot{width:16px;height:16px;box-sizing:border-box;border:1.5px solid var(--cad-border-strong);border-radius:50%;background:var(--cad-input-bg);display:grid;place-items:center;transition:all var(--cad-dur)}.cad-radio__dot:after{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--cad-fg-on-accent);transform:scale(0);transition:transform var(--cad-dur)}:host(.is-on) .cad-radio__dot{background:var(--cad-accent);border-color:var(--cad-accent)}:host(.is-on) .cad-radio__dot:after{transform:scale(1)}:host(:hover:not(.is-disabled)) .cad-radio__dot{border-color:var(--cad-accent)}.cad-radio__label{cursor:pointer;-webkit-user-select:none;user-select:none;display:grid}.cad-radio__label small{color:var(--cad-fg-muted);font-size:11.5px}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 /**
  * <cad-segmented [(value)]="view" [options]="[{label:'Tableau',value:'t'},{label:'SQL',value:'s',icon:'code'}]" />
@@ -6105,7 +6156,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  * Grille responsive : `<cad-grid cols="1 sm:2 lg:4" gap="md">` (breakpoints FENÊTRE, mobile-first)
  * ou `<cad-grid min="220px">` (auto-fit : autant de colonnes que le CONTENEUR en accepte — préférer pour les composants).
  * Enfant : `<div cadCol="2">` / `cadCol="1 md:2"` = span, `cadCol="full"` = toute la largeur.
- * @atelier icone=grid
+ *
+ * CONTENEUR D'ATELIER en régime `direct`, et non `flux` (27/08) : en flux, l'atelier
+ * envelopperait les enfants dans SA propre grille 12 colonnes, la grille posée n'aurait
+ * plus qu'un seul enfant et son `cols` ne servirait plus à rien — un conteneur qui a
+ * l'air de marcher et ne fait rien. En direct, les enfants sont projetés nus et c'est
+ * bien `cols` / `min` qui les place, ce qu'on vient chercher en posant une grille.
+ * Aucune trappe d'accueil n'est nécessaire ici : `cad-grid` ne fait ni requête de
+ * contenu ni injection depuis ses enfants, il ne les REGARDE pas, il les dispose.
+ * @atelier icone=grid conteneur=direct largeur=12 hauteur=4
  */
 class CadGridComponent {
     cols = input('1', ...(ngDevMode ? [{ debugName: "cols" }] : /* istanbul ignore next */ []));
@@ -6224,7 +6283,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
         }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }] } });
 /**
  * Espace flexible (pousse ce qui suit) ou fixe : `<cad-spacer/>` · `<cad-spacer size="lg"/>`
- * @atelier icone=move-horizontal
+ *
+ * `surface=aucune` : il occupe sa place et ne dessine RIEN. Posé dans une maquette, il
+ * fait donc exactement son travail en restant invisible — indistinguable d'un composant
+ * qui n'aurait pas été posé (SZU 27/08). L'atelier s'en sert pour le MATÉRIALISER le
+ * temps de la conception ; le rendu, lui, n'en sait rien.
+ * @atelier icone=move-horizontal surface=aucune
  */
 class CadSpacerComponent {
     size = input('', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
@@ -6237,7 +6301,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
             args: [{ selector: 'cad-spacer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cad-spacer', '[style.flex]': 'size() ? "none" : "1 1 auto"', '[style.width]': 'size() ? cadGap(size()) : null', '[style.height]': 'size() ? cadGap(size()) : null' }, template: ``, styles: [":host{display:block}\n"] }]
         }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 
-/** Panneau d'un splitter : `<cad-splitter-panel [size]="30" [minSize]="10">…</cad-splitter-panel>` (size en %). */
+/**
+ * Panneau d'un splitter : `<cad-splitter-panel [size]="30" [minSize]="10">…</cad-splitter-panel>` (size en %).
+ * @atelier icone=square conteneur=flux dans=cad-splitter
+ */
 class CadSplitterPanelComponent {
     size = input(null, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), transform: v => (v == null || v === '' ? null : Number(v)) });
     minSize = input(0, { ...(ngDevMode ? { debugName: "minSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
@@ -6253,7 +6320,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  *   <cad-splitter-panel>…</cad-splitter-panel><cad-splitter-panel>…</cad-splitter-panel>
  * </cad-splitter>
  * Gouttière glissable (pointer), double-clic = tailles initiales, clavier ←→/↑↓ (±2 %), `role=separator`, persistance localStorage via `stateKey`, imbriquable.
- * @atelier icone=columns
+ * @atelier icone=columns conteneur=direct largeur=12 hauteur=8
  */
 class CadSplitterComponent {
     host = inject(ElementRef);
@@ -6264,7 +6331,24 @@ class CadSplitterComponent {
     stateKey = input('', ...(ngDevMode ? [{ debugName: "stateKey" }] : /* istanbul ignore next */ []));
     resizeStart = output();
     resizeEnd = output();
-    panels = contentChildren(CadSplitterPanelComponent, ...(ngDevMode ? [{ debugName: "panels" }] : /* istanbul ignore next */ []));
+    /** Panneaux déclarés dans un GABARIT — la voie normale. */
+    panelsProjetes = contentChildren(CadSplitterPanelComponent, ...(ngDevMode ? [{ debugName: "panelsProjetes" }] : /* istanbul ignore next */ []));
+    /**
+     * Panneaux POSÉS, créés hors gabarit et annoncés par `enregistrerEnfants`
+     * (cf. `atelier/atelier.pieces.ts`).
+     *
+     * Sans eux, `panels()` reste vide pour un splitter posé : aucune gouttière, aucune
+     * taille calculée, `grid-template-columns` vide — mesuré à `gouttieres=0` le 27/08.
+     * Les panneaux s'affichaient quand même (ils sont projetés), ce qui donnait un
+     * splitter d'apparence correcte mais sans mise en page ni poignée.
+     */
+    panelsPoses = signal([], ...(ngDevMode ? [{ debugName: "panelsPoses" }] : /* istanbul ignore next */ []));
+    /** Tous les panneaux : projetés d'abord, posés ensuite — l'ordre fait les colonnes. */
+    panels = computed(() => [...this.panelsProjetes(), ...this.panelsPoses()], ...(ngDevMode ? [{ debugName: "panels" }] : /* istanbul ignore next */ []));
+    /** Reçoit la LISTE COMPLÈTE des panneaux posés. L'hôte filtre ce qui n'en est pas un. */
+    enregistrerEnfants(instances) {
+        this.panelsPoses.set(instances.filter((i) => i instanceof CadSplitterPanelComponent));
+    }
     sizes = signal([], ...(ngDevMode ? [{ debugName: "sizes" }] : /* istanbul ignore next */ []));
     gutters = computed(() => Array.from({ length: Math.max(0, this.panels().length - 1) }, (_, i) => i), ...(ngDevMode ? [{ debugName: "gutters" }] : /* istanbul ignore next */ []));
     mins = computed(() => this.panels().map((p, i) => this.minSizes()[i] ?? p.minSize() ?? 0), ...(ngDevMode ? [{ debugName: "mins" }] : /* istanbul ignore next */ []));
@@ -6340,7 +6424,7 @@ class CadSplitterComponent {
             this.reset();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadSplitterComponent, isStandalone: true, selector: "cad-splitter", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, panelSizes: { classPropertyName: "panelSizes", publicName: "panelSizes", isSignal: true, isRequired: false, transformFunction: null }, minSizes: { classPropertyName: "minSizes", publicName: "minSizes", isSignal: true, isRequired: false, transformFunction: null }, gutterSize: { classPropertyName: "gutterSize", publicName: "gutterSize", isSignal: true, isRequired: false, transformFunction: null }, stateKey: { classPropertyName: "stateKey", publicName: "stateKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resizeStart: "resizeStart", resizeEnd: "resizeEnd" }, host: { properties: { "class.is-vertical": "layout() === \"vertical\"", "style.--_g.px": "gutterSize()", "style.grid-template-columns": "layout() === \"horizontal\" ? tpl() : null", "style.grid-template-rows": "layout() === \"vertical\" ? tpl() : null" }, classAttribute: "cad-splitter" }, queries: [{ propertyName: "panels", predicate: CadSplitterPanelComponent, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadSplitterComponent, isStandalone: true, selector: "cad-splitter", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, panelSizes: { classPropertyName: "panelSizes", publicName: "panelSizes", isSignal: true, isRequired: false, transformFunction: null }, minSizes: { classPropertyName: "minSizes", publicName: "minSizes", isSignal: true, isRequired: false, transformFunction: null }, gutterSize: { classPropertyName: "gutterSize", publicName: "gutterSize", isSignal: true, isRequired: false, transformFunction: null }, stateKey: { classPropertyName: "stateKey", publicName: "stateKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resizeStart: "resizeStart", resizeEnd: "resizeEnd" }, host: { properties: { "class.is-vertical": "layout() === \"vertical\"", "style.--_g.px": "gutterSize()", "style.grid-template-columns": "layout() === \"horizontal\" ? tpl() : null", "style.grid-template-rows": "layout() === \"vertical\" ? tpl() : null" }, classAttribute: "cad-splitter" }, queries: [{ propertyName: "panelsProjetes", predicate: CadSplitterPanelComponent, isSignal: true }], ngImport: i0, template: `
     <ng-content/>
     @for (g of gutters(); track g) {
       <div class="sp__gutter" role="separator" tabindex="0" [attr.aria-orientation]="layout() === 'horizontal' ? 'vertical' : 'horizontal'" [attr.aria-valuenow]="round(sizes()[g])" [attr.aria-valuemin]="mins()[g]" [attr.aria-valuemax]="100" [style.grid-column]="layout() === 'horizontal' ? g * 2 + 2 : null" [style.grid-row]="layout() === 'vertical' ? g * 2 + 2 : null"
@@ -6357,7 +6441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
         (pointerdown)="onDown($event, g)" (dblclick)="reset()" (keydown)="onKey($event, g)"><i></i></div>
     }
   `, 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 }] }] } });
+        }], 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"] }], panelsProjetes: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadSplitterPanelComponent), { isSignal: true }] }] } });
 
 const CAD_SHELL = new InjectionToken('CAD_SHELL');
 /**
@@ -8031,6 +8115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  *   contenu (ou <ng-template cadTabContent> pour un rendu vraiment paresseux)
  *   <ng-template cadTabLabel>label custom</ng-template>
  * </cad-tab>
+ * @atelier icone=panel-top conteneur=flux dans=cad-tabs pose-label=Onglet
  */
 class CadTabComponent {
     value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -8064,7 +8149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
 /**
  * <cad-tabs [(value)]="tab" [(activeIndex)]="i" variant="line|pill|enclosed" size="sm|md" [stretch] [scrollable] [lazy]="true" [keepAlive]="true" (changed) (tabChange)>
  * `value` prime sur `activeIndex` (les deux sont two-way et synchronisés). Clavier ←/→/Home/End sur la liste.
- * @atelier icone=folder
+ * @atelier icone=folder conteneur=direct largeur=12 hauteur=6
  */
 class CadTabsComponent {
     value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
@@ -8080,7 +8165,39 @@ class CadTabsComponent {
     changed = output();
     /** Alias PrimeNG-like. */
     tabChange = output();
-    tabs = contentChildren(CadTabComponent, ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    /** Onglets déclarés dans un GABARIT — la voie normale, celle de tous les usages écrits. */
+    tabsProjetes = contentChildren(CadTabComponent, ...(ngDevMode ? [{ debugName: "tabsProjetes" }] : /* istanbul ignore next */ []));
+    /**
+     * Onglets POSÉS : créés hors gabarit par `createComponent`, et annoncés par
+     * `enregistrerEnfants` — le contrat d'accueil décrit dans `atelier/atelier.pieces.ts`.
+     *
+     * ⚠️ CE N'EST PAS UN DOUBLON DE LA REQUÊTE, C'EST LA SEULE VOIE POSSIBLE POUR EUX.
+     * Mesuré le 27/08 : un `cad-tab` créé impérativement et passé en `projectableNodes`
+     * arrive bien dans le DOM, mais `contentChildren` NE LE VOIT PAS — une requête de
+     * contenu se résout sur la structure déclarée d'un gabarit, et un composant instancié
+     * à la main vit dans une autre vue. Résultat avant correction : `onglets=0`, une barre
+     * vide et aucun panneau, sans la moindre erreur. C'est ce qui rendait `cad-tabs`
+     * inutilisable dans l'atelier et dans les pages visuelles de frontless.
+     *
+     * Même trappe que `cad-button-group`, qui la porte depuis le 24/08 pour la même
+     * raison (il était SOURD aux clics de ses boutons posés) : les deux sources
+     * FUSIONNENT, la projection reste prioritaire dans l'ordre, et rien ne change pour
+     * qui écrit du gabarit.
+     */
+    tabsPoses = signal([], ...(ngDevMode ? [{ debugName: "tabsPoses" }] : /* istanbul ignore next */ []));
+    /** Tous les onglets : projetés d'abord, posés ensuite. L'ordre fait la barre. */
+    tabs = computed(() => [...this.tabsProjetes(), ...this.tabsPoses()], ...(ngDevMode ? [{ debugName: "tabs" }] : /* istanbul ignore next */ []));
+    /**
+     * Reçoit les instances des onglets posés — la LISTE COMPLÈTE, pas un ajout.
+     *
+     * Le poseur reconstruit ses enfants d'un bloc à chaque changement de structure : lui
+     * faire tenir un différentiel inviterait le fantôme (un onglet détruit qui reste dans
+     * la barre). L'hôte filtre lui-même ce qui n'est pas un onglet, pour qu'un appelant
+     * n'ait pas à connaître nos types.
+     */
+    enregistrerEnfants(instances) {
+        this.tabsPoses.set(instances.filter((i) => i instanceof CadTabComponent));
+    }
     list = viewChild('list', ...(ngDevMode ? [{ debugName: "list" }] : /* istanbul ignore next */ []));
     btns = viewChildren('tabBtn', ...(ngDevMode ? [{ debugName: "btns" }] : /* istanbul ignore next */ []));
     overflow = signal(false, ...(ngDevMode ? [{ debugName: "overflow" }] : /* istanbul ignore next */ []));
@@ -8138,7 +8255,7 @@ class CadTabsComponent {
         el.scrollBy({ left: dir * el.clientWidth * .6 }); }
     checkOverflow() { const el = this.list()?.nativeElement; this.overflow.set(!!el && el.scrollWidth > el.clientWidth + 1); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadTabsComponent, isStandalone: true, selector: "cad-tabs", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, keepAlive: { classPropertyName: "keepAlive", publicName: "keepAlive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", activeIndex: "activeIndexChange", changed: "changed", tabChange: "tabChange" }, host: { properties: { "class": "\"cad-tabs var-\" + variant()", "class.size-sm": "size()===\"sm\"", "class.is-stretch": "stretch()" }, classAttribute: "cad-tabs" }, queries: [{ propertyName: "tabs", predicate: CadTabComponent, isSignal: true }], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, isSignal: true }, { propertyName: "btns", predicate: ["tabBtn"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadTabsComponent, isStandalone: true, selector: "cad-tabs", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, keepAlive: { classPropertyName: "keepAlive", publicName: "keepAlive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", activeIndex: "activeIndexChange", changed: "changed", tabChange: "tabChange" }, host: { properties: { "class": "\"cad-tabs var-\" + variant()", "class.size-sm": "size()===\"sm\"", "class.is-stretch": "stretch()" }, classAttribute: "cad-tabs" }, queries: [{ propertyName: "tabsProjetes", predicate: CadTabComponent, isSignal: true }], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true, isSignal: true }, { propertyName: "btns", predicate: ["tabBtn"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="cad-tabs__bar">
       @if (scrollable() && overflow()) {<button type="button" class="cad-tabs__arrow" aria-label="Défiler à gauche" (click)="scroll(-1)"><cad-icon name="chevron-left" [size]="14"/></button>}
       <div #list class="cad-tabs__list" role="tablist" [class.is-scrollable]="scrollable()" (keydown)="onKey($event)" (scroll)="checkOverflow()">
@@ -8197,7 +8314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
       }
     }
   `, styles: [":host{display:block;font-family:var(--cad-font);font-size:var(--cad-font-size)}.cad-tabs__bar{display:flex;align-items:stretch;border-bottom:1px solid var(--cad-border)}.cad-tabs__list{display:flex;gap:2px;flex:1;min-width:0}.cad-tabs__list.is-scrollable{overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.cad-tabs__list.is-scrollable::-webkit-scrollbar{display:none}:host(.is-stretch) [role=tab]{flex:1;justify-content:center}[role=tab]{position:relative;height:34px;padding:0 12px;border:0;background:transparent;color:var(--cad-fg-secondary);font:500 var(--cad-font-size) var(--cad-font);cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:6px 6px 0 0;transition:color var(--cad-dur),background var(--cad-dur)}:host(.size-sm) [role=tab]{height:28px;padding:0 9px;font-size:var(--cad-font-size-sm)}[role=tab]:hover:not([disabled]){color:var(--cad-fg)}[role=tab]:focus-visible{outline:2px solid var(--cad-ring);outline-offset:-2px}[role=tab][disabled]{opacity:.5;cursor:not-allowed}[role=tab].is-active{color:var(--cad-accent)}[role=tab].is-active:after{content:\"\";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--cad-accent)}.cad-tabs__count{font:500 10.5px var(--cad-font-mono);padding:1px 6px;border-radius:999px;background:var(--cad-elevated);color:var(--cad-fg-secondary)}[role=tab].is-active .cad-tabs__count{background:var(--cad-accent-soft);color:var(--cad-accent)}.cad-tabs__close{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:4px;color:var(--cad-fg-muted);margin-left:2px}.cad-tabs__close:hover{background:var(--cad-hover);color:var(--cad-fg)}.cad-tabs__arrow{border:0;background:transparent;color:var(--cad-fg-muted);cursor:pointer;padding:0 4px;display:grid;place-items:center}.cad-tabs__arrow:hover{color:var(--cad-fg)}.cad-tabs__panel{padding-top:12px;outline:none}:host(.var-pill) .cad-tabs__bar{border-bottom:0}:host(.var-pill) .cad-tabs__list{gap:4px;padding:3px;background:var(--cad-bg-subtle);border:1px solid var(--cad-border);border-radius:var(--cad-radius);flex:0 1 auto}:host(.var-pill) [role=tab]{height:26px;border-radius:6px;padding:0 10px}:host(.var-pill) [role=tab].is-active{background:var(--cad-surface);color:var(--cad-fg);box-shadow:0 1px 2px #0000001f}:host(.var-pill) [role=tab].is-active:after{display:none}:host(.var-pill) [role=tab].is-active .cad-tabs__count{background:var(--cad-accent-soft);color:var(--cad-accent)}:host(.var-enclosed) [role=tab]{border:1px solid transparent;border-bottom:0;margin-bottom:-1px}:host(.var-enclosed) [role=tab].is-active{background:var(--cad-surface);border-color:var(--cad-border);color:var(--cad-fg)}:host(.var-enclosed) [role=tab].is-active:after{display:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }], scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], keepAlive: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepAlive", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadTabComponent), { isSignal: true }] }], list: [{ type: i0.ViewChild, args: ['list', { isSignal: true }] }], btns: [{ type: i0.ViewChildren, args: ['tabBtn', { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }], scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], keepAlive: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepAlive", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }], tabsProjetes: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadTabComponent), { isSignal: true }] }], list: [{ type: i0.ViewChild, args: ['list', { isSignal: true }] }], btns: [{ type: i0.ViewChildren, args: ['tabBtn', { isSignal: true }] }] } });
 
 /** <cad-step label="Domaine" description="…" icon [optional] [disabled] [completed] [state]="'error'"> contenu optionnel </cad-step> */
 class CadStepComponent {
@@ -8370,9 +8487,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  *   </cad-accordion-panel>
  * </cad-accordion>
  * `value` = valeur ouverte (string) ou tableau si `multiple`. Clavier : Entrée/Espace, ↑/↓/Home/End entre en-têtes.
+ * @atelier icone=panel-top conteneur=flux dans=cad-accordion pose-header=Section
  */
 class CadAccordionPanelComponent {
-    acc = inject(forwardRef(() => CadAccordionComponent));
+    /**
+     * L'accordéon d'accueil — INJECTÉ dans un gabarit, POUSSÉ par l'hôte quand la pièce
+     * est posée hors gabarit.
+     *
+     * ⚠️ L'INJECTION EST OPTIONNELLE, ET C'EST LE CŒUR DU CORRECTIF (SZU 27/08 : « pourquoi
+     * cad-accordion serait différent d'un cad-tabs ? »). Elle était obligatoire, donc :
+     * `NG0201` dès qu'on créait le panneau à la main, et `gen-catalog` le classait
+     * « contextuel » — il n'était même pas POSABLE. Or `cad-tab`, lui, n'injecte rien :
+     * c'est une pièce PASSIVE que son hôte pilote. La différence n'était pas une contrainte
+     * du composant, c'était une divergence d'écriture entre deux familles jumelles.
+     *
+     * Renversement : la pièce ne va plus CHERCHER son hôte, c'est l'hôte qui s'annonce en
+     * l'accueillant (`rattacher`). Un panneau posé seul reste sensé — il gère alors son
+     * propre `expanded` au lieu de lever.
+     */
+    accInjecte = inject(forwardRef(() => CadAccordionComponent), { optional: true });
+    accPose = signal(null, ...(ngDevMode ? [{ debugName: "accPose" }] : /* istanbul ignore next */ []));
+    acc = computed(() => this.accInjecte ?? this.accPose(), ...(ngDevMode ? [{ debugName: "acc" }] : /* istanbul ignore next */ []));
+    /** L'accordéon s'annonce à la pièce qu'il accueille. Cf. `atelier/atelier.pieces.ts`. */
+    rattacher(acc) {
+        this.accPose.set(acc);
+    }
     value = input(cadId('cad-panel'), ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     header = input('', ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
     icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
@@ -8385,7 +8524,8 @@ class CadAccordionPanelComponent {
     contentTpl = contentChild(CadPanelContentDirective, ...(ngDevMode ? [{ debugName: "contentTpl" }] : /* istanbul ignore next */ []));
     id = cadId('cad-acc');
     rendered = signal(false, ...(ngDevMode ? [{ debugName: "rendered" }] : /* istanbul ignore next */ []));
-    isOpen = computed(() => this.acc.isOpen(this.value()), ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    /** Sans hôte, le panneau fait autorité sur lui-même : posé seul, il reste utilisable. */
+    isOpen = computed(() => this.acc()?.isOpen(this.value()) ?? this.expanded(), ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => { if (this.isOpen())
             this.rendered.set(true); });
@@ -8409,18 +8549,25 @@ class CadAccordionPanelComponent {
             if (e === precedent)
                 return;
             precedent = e;
-            untracked(() => { if (e !== this.acc.isOpen(this.value()))
-                this.acc.setOpen(this.value(), e, this); });
+            untracked(() => { const a = this.acc(); if (a && e !== a.isOpen(this.value()))
+                a.setOpen(this.value(), e, this); });
         });
     }
-    toggle() { if (!this.disabled())
-        this.acc.setOpen(this.value(), !this.isOpen(), this); }
+    toggle() {
+        if (this.disabled())
+            return;
+        const a = this.acc();
+        if (a)
+            a.setOpen(this.value(), !this.isOpen(), this);
+        else
+            this.expanded.set(!this.expanded()); // panneau solitaire : il se gère lui-même
+    }
     focus() { document.getElementById(this.id + '-h')?.focus(); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadAccordionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadAccordionPanelComponent, isStandalone: true, selector: "cad-accordion-panel", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", opened: "opened", closed: "closed" }, host: { properties: { "class.is-open": "isOpen()", "class.is-disabled": "disabled()" }, classAttribute: "cad-accordion-panel" }, queries: [{ propertyName: "headerTpl", first: true, predicate: CadPanelHeaderDirective, descendants: true, isSignal: true }, { propertyName: "contentTpl", first: true, predicate: CadPanelContentDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     <h3 class="cad-acc__h">
-      <button type="button" class="cad-acc__hd" [id]="id + '-h'" [attr.aria-expanded]="isOpen()" [attr.aria-controls]="id + '-c'" [disabled]="disabled()" (click)="toggle()" (keydown)="acc.onKey($event, this)">
-        <cad-icon class="cad-acc__chev" [name]="acc.expandIcon()" [size]="13"/>
+      <button type="button" class="cad-acc__hd" [id]="id + '-h'" [attr.aria-expanded]="isOpen()" [attr.aria-controls]="id + '-c'" [disabled]="disabled()" (click)="toggle()" (keydown)="acc()?.onKey($event, this)">
+        <cad-icon class="cad-acc__chev" [name]="acc()?.expandIcon() ?? 'chevron-right'" [size]="13"/>
         @if (icon()) {<cad-icon [name]="icon()" [size]="14"/>}
         @if (headerTpl()) { <ng-container [ngTemplateOutlet]="headerTpl()!.tpl" /> } @else { <span class="cad-acc__title">{{ header() }}</span> }
         <span class="cad-acc__extra"><ng-content select="[cadPanelExtra]" /></span>
@@ -8440,8 +8587,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
             type: Component,
             args: [{ selector: 'cad-accordion-panel', standalone: true, imports: [NgTemplateOutlet, CadIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cad-accordion-panel', '[class.is-open]': 'isOpen()', '[class.is-disabled]': 'disabled()' }, template: `
     <h3 class="cad-acc__h">
-      <button type="button" class="cad-acc__hd" [id]="id + '-h'" [attr.aria-expanded]="isOpen()" [attr.aria-controls]="id + '-c'" [disabled]="disabled()" (click)="toggle()" (keydown)="acc.onKey($event, this)">
-        <cad-icon class="cad-acc__chev" [name]="acc.expandIcon()" [size]="13"/>
+      <button type="button" class="cad-acc__hd" [id]="id + '-h'" [attr.aria-expanded]="isOpen()" [attr.aria-controls]="id + '-c'" [disabled]="disabled()" (click)="toggle()" (keydown)="acc()?.onKey($event, this)">
+        <cad-icon class="cad-acc__chev" [name]="acc()?.expandIcon() ?? 'chevron-right'" [size]="13"/>
         @if (icon()) {<cad-icon [name]="icon()" [size]="14"/>}
         @if (headerTpl()) { <ng-container [ngTemplateOutlet]="headerTpl()!.tpl" /> } @else { <span class="cad-acc__title">{{ header() }}</span> }
         <span class="cad-acc__extra"><ng-content select="[cadPanelExtra]" /></span>
@@ -8457,7 +8604,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
     </div>
   `, styles: [":host{display:block;border-bottom:1px solid var(--cad-border);font-family:var(--cad-font);font-size:var(--cad-font-size)}:host(:last-child){border-bottom:0}.cad-acc__h{margin:0;font:inherit}.cad-acc__hd{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;font-weight:500;cursor:pointer;background:var(--cad-bg-subtle);color:var(--cad-fg);transition:background var(--cad-dur)}.cad-acc__hd:hover:not([disabled]){background:var(--cad-hover)}.cad-acc__hd:focus-visible{outline:2px solid var(--cad-ring);outline-offset:-2px}.cad-acc__hd[disabled]{cursor:not-allowed;opacity:.55}.cad-acc__chev{color:var(--cad-fg-muted);transition:transform .16s var(--cad-ease)}:host(.is-open) .cad-acc__chev{transform:rotate(90deg)}.cad-acc__title{flex:1}.cad-acc__extra{margin-left:auto;display:inline-flex;gap:6px}.cad-acc__wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .16s var(--cad-ease)}:host(.is-open) .cad-acc__wrap{grid-template-rows:1fr}.cad-acc__inner{overflow:hidden;min-height:0}.cad-acc__bd{padding:10px 12px 12px;font-size:12.5px;color:var(--cad-fg-secondary)}@media(prefers-reduced-motion:reduce){.cad-acc__wrap,.cad-acc__chev{transition:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], headerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CadPanelHeaderDirective), { isSignal: true }] }], contentTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CadPanelContentDirective), { isSignal: true }] }] } });
-/** @atelier icone=chevron-down */
+/** @atelier icone=chevron-down conteneur=direct largeur=12 hauteur=8 */
 class CadAccordionComponent {
     multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Ouvert(s) : string (single) ou string[] (multiple). */
@@ -8466,7 +8613,20 @@ class CadAccordionComponent {
     /** Sans bordure extérieure. */
     flush = input(false, { ...(ngDevMode ? { debugName: "flush" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     changed = output();
-    panels = contentChildren(CadAccordionPanelComponent, ...(ngDevMode ? [{ debugName: "panels" }] : /* istanbul ignore next */ []));
+    panelsProjetes = contentChildren(CadAccordionPanelComponent, ...(ngDevMode ? [{ debugName: "panelsProjetes" }] : /* istanbul ignore next */ []));
+    /** Panneaux POSÉS hors gabarit, annoncés par `enregistrerEnfants`. */
+    panelsPoses = signal([], ...(ngDevMode ? [{ debugName: "panelsPoses" }] : /* istanbul ignore next */ []));
+    panels = computed(() => [...this.panelsProjetes(), ...this.panelsPoses()], ...(ngDevMode ? [{ debugName: "panels" }] : /* istanbul ignore next */ []));
+    /**
+     * Reçoit la LISTE COMPLÈTE des panneaux posés, et se RATTACHE à chacun : la pièce
+     * n'ayant plus d'injection obligatoire, c'est ce geste qui rétablit le lien.
+     */
+    enregistrerEnfants(instances) {
+        const pieces = instances.filter((i) => i instanceof CadAccordionPanelComponent);
+        for (const p of pieces)
+            p.rattacher(this);
+        this.panelsPoses.set(pieces);
+    }
     openSet = computed(() => { const v = this.value(); return new Set(v == null ? [] : Array.isArray(v) ? v : [v]); }, ...(ngDevMode ? [{ debugName: "openSet" }] : /* istanbul ignore next */ []));
     isOpen(v) { return this.openSet().has(v); }
     setOpen(v, open, panel) {
@@ -8504,12 +8664,12 @@ class CadAccordionComponent {
         t?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.20", type: CadAccordionComponent, isStandalone: true, selector: "cad-accordion", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expandIcon: { classPropertyName: "expandIcon", publicName: "expandIcon", isSignal: true, isRequired: false, transformFunction: null }, flush: { classPropertyName: "flush", publicName: "flush", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed" }, host: { properties: { "class.is-flush": "flush()" }, classAttribute: "cad-accordion" }, queries: [{ propertyName: "panels", predicate: CadAccordionPanelComponent, isSignal: true }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;border:1px solid var(--cad-border);border-radius:var(--cad-radius);overflow:hidden;background:var(--cad-surface)}:host(.is-flush){border:0;border-radius:0;background:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.20", type: CadAccordionComponent, isStandalone: true, selector: "cad-accordion", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expandIcon: { classPropertyName: "expandIcon", publicName: "expandIcon", isSignal: true, isRequired: false, transformFunction: null }, flush: { classPropertyName: "flush", publicName: "flush", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed" }, host: { properties: { "class.is-flush": "flush()" }, classAttribute: "cad-accordion" }, queries: [{ propertyName: "panelsProjetes", predicate: CadAccordionPanelComponent, isSignal: true }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;border:1px solid var(--cad-border);border-radius:var(--cad-radius);overflow:hidden;background:var(--cad-surface)}:host(.is-flush){border:0;border-radius:0;background:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cad-accordion', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cad-accordion', '[class.is-flush]': 'flush()' }, template: `<ng-content />`, styles: [":host{display:block;border:1px solid var(--cad-border);border-radius:var(--cad-radius);overflow:hidden;background:var(--cad-surface)}:host(.is-flush){border:0;border-radius:0;background:transparent}\n"] }]
-        }], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expandIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandIcon", required: false }] }], flush: [{ type: i0.Input, args: [{ isSignal: true, alias: "flush", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], panels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadAccordionPanelComponent), { isSignal: true }] }] } });
+        }], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expandIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandIcon", required: false }] }], flush: [{ type: i0.Input, args: [{ isSignal: true, alias: "flush", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], panelsProjetes: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadAccordionPanelComponent), { isSignal: true }] }] } });
 
 class CadBreadcrumbItemDirective {
     tpl;
@@ -12708,6 +12868,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
  * @atelier ajustement=naturel icone=user-round largeur=1 hauteur=1 pose-text=AB
  */
 class CadAvatarComponent {
+    /**
+     * Son élément, exposé comme `cad-button` le fait déjà : le groupe marque le
+     * débordement (`.is-overflow`) sur les éléments, et une requête de contenu ne les
+     * rapporte pas pour un avatar POSÉ hors gabarit.
+     */
+    el = inject(ElementRef);
     src = input(null, ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
     text = input('', ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     icon = input('user', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
@@ -13200,26 +13366,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImpo
 /**
  * <cad-avatar-group [max]="3" size="md"><cad-avatar text="SZ"/><cad-avatar text="PA"/>…</cad-avatar-group>
  * Avatars empilés (chevauchement, bordure surface) ; au-delà de `max` un avatar « +N » (title = noms masqués).
- * @atelier ajustement=naturel icone=users largeur=2 hauteur=1
+ * @atelier ajustement=naturel icone=users largeur=2 hauteur=1 conteneur=direct accepte=cad-avatar
  */
 class CadAvatarGroupComponent {
     max = input(null, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: v => (v == null || v === '' ? null : Number(v)) });
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     moreColor = input('#94a3b8', ...(ngDevMode ? [{ debugName: "moreColor" }] : /* istanbul ignore next */ []));
-    avatars = contentChildren(CadAvatarComponent, ...(ngDevMode ? [{ debugName: "avatars" }] : /* istanbul ignore next */ []));
-    avatarEls = contentChildren(CadAvatarComponent, { ...(ngDevMode ? { debugName: "avatarEls" } : /* istanbul ignore next */ {}), read: ElementRef });
+    avatarsProjetes = contentChildren(CadAvatarComponent, ...(ngDevMode ? [{ debugName: "avatarsProjetes" }] : /* istanbul ignore next */ []));
+    /**
+     * Avatars POSÉS hors gabarit, annoncés par `enregistrerEnfants`
+     * (cf. `atelier/atelier.pieces.ts`).
+     *
+     * Le groupe RENDAIT correctement sans eux — le chevauchement et les bordures sont du
+     * CSS sur les enfants directs. Seul `max` était inerte : le « +N » ne comptait rien et
+     * rien ne passait en débordement. Une panne discrète, donc pire qu'une panne franche.
+     */
+    avatarsPoses = signal([], ...(ngDevMode ? [{ debugName: "avatarsPoses" }] : /* istanbul ignore next */ []));
+    avatars = computed(() => [...this.avatarsProjetes(), ...this.avatarsPoses()], ...(ngDevMode ? [{ debugName: "avatars" }] : /* istanbul ignore next */ []));
+    /** Reçoit la LISTE COMPLÈTE des avatars posés. Le groupe filtre ce qui n'en est pas un. */
+    enregistrerEnfants(instances) {
+        this.avatarsPoses.set(instances.filter((i) => i instanceof CadAvatarComponent));
+    }
     hidden = computed(() => { const m = this.max(); const n = this.avatars().length; return m != null && n > m ? n - m : 0; }, ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
     hiddenTitle = computed(() => { const m = this.max() ?? Infinity; return this.avatars().slice(m).map(a => a.label() || a.text()).filter(Boolean).join(', '); }, ...(ngDevMode ? [{ debugName: "hiddenTitle" }] : /* istanbul ignore next */ []));
     constructor() {
-        effect(() => { const m = this.max() ?? Infinity; this.avatarEls().forEach((r, i) => r.nativeElement.classList.toggle('is-overflow', i >= m)); });
+        // Le marquage du débordement passe par l'ÉLÉMENT de chaque avatar (`el`), et non par
+        // une seconde requête de contenu : celle-ci ne rapporterait rien pour un avatar posé.
+        effect(() => { const m = this.max() ?? Infinity; this.avatars().forEach((a, i) => a.el.nativeElement.classList.toggle('is-overflow', i >= m)); });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadAvatarGroupComponent, isStandalone: true, selector: "cad-avatar-group", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, moreColor: { classPropertyName: "moreColor", publicName: "moreColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class.size-sm": "size() === \"sm\"", "class.size-lg": "size() === \"lg\"" }, classAttribute: "cad-avatar-group" }, queries: [{ propertyName: "avatars", predicate: CadAvatarComponent, isSignal: true }, { propertyName: "avatarEls", predicate: CadAvatarComponent, read: ElementRef, isSignal: true }], ngImport: i0, template: `<ng-content/>@if (hidden() > 0) {<cad-avatar class="more" [text]="'+' + hidden()" [size]="size()" [color]="moreColor()" [attr.title]="hiddenTitle()" [label]="hiddenTitle()"/>}`, isInline: true, styles: [":host{display:inline-flex;align-items:center;padding-left:8px}:host ::ng-deep>cad-avatar,.more{margin-left:-8px;box-shadow:0 0 0 2px var(--cad-surface);border-radius:50%}:host(.size-sm) ::ng-deep>cad-avatar,:host(.size-sm) .more{margin-left:-6px}:host(.size-lg) ::ng-deep>cad-avatar,:host(.size-lg) .more{margin-left:-10px}:host ::ng-deep>cad-avatar.is-overflow{display:none}:host ::ng-deep>cad-avatar:hover{z-index:1;position:relative}\n"], dependencies: [{ kind: "component", type: CadAvatarComponent, selector: "cad-avatar", inputs: ["src", "text", "icon", "size", "shape", "color", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: CadAvatarGroupComponent, isStandalone: true, selector: "cad-avatar-group", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, moreColor: { classPropertyName: "moreColor", publicName: "moreColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class.size-sm": "size() === \"sm\"", "class.size-lg": "size() === \"lg\"" }, classAttribute: "cad-avatar-group" }, queries: [{ propertyName: "avatarsProjetes", predicate: CadAvatarComponent, isSignal: true }], ngImport: i0, template: `<ng-content/>@if (hidden() > 0) {<cad-avatar class="more" [text]="'+' + hidden()" [size]="size()" [color]="moreColor()" [attr.title]="hiddenTitle()" [label]="hiddenTitle()"/>}`, isInline: true, styles: [":host{display:inline-flex;align-items:center;padding-left:8px}:host ::ng-deep>cad-avatar,.more{margin-left:-8px;box-shadow:0 0 0 2px var(--cad-surface);border-radius:50%}:host(.size-sm) ::ng-deep>cad-avatar,:host(.size-sm) .more{margin-left:-6px}:host(.size-lg) ::ng-deep>cad-avatar,:host(.size-lg) .more{margin-left:-10px}:host ::ng-deep>cad-avatar.is-overflow{display:none}:host ::ng-deep>cad-avatar:hover{z-index:1;position:relative}\n"], dependencies: [{ kind: "component", type: CadAvatarComponent, selector: "cad-avatar", inputs: ["src", "text", "icon", "size", "shape", "color", "label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: CadAvatarGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cad-avatar-group', standalone: true, imports: [CadAvatarComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cad-avatar-group', '[class.size-sm]': 'size() === "sm"', '[class.size-lg]': 'size() === "lg"', role: 'group' }, template: `<ng-content/>@if (hidden() > 0) {<cad-avatar class="more" [text]="'+' + hidden()" [size]="size()" [color]="moreColor()" [attr.title]="hiddenTitle()" [label]="hiddenTitle()"/>}`, styles: [":host{display:inline-flex;align-items:center;padding-left:8px}:host ::ng-deep>cad-avatar,.more{margin-left:-8px;box-shadow:0 0 0 2px var(--cad-surface);border-radius:50%}:host(.size-sm) ::ng-deep>cad-avatar,:host(.size-sm) .more{margin-left:-6px}:host(.size-lg) ::ng-deep>cad-avatar,:host(.size-lg) .more{margin-left:-10px}:host ::ng-deep>cad-avatar.is-overflow{display:none}:host ::ng-deep>cad-avatar:hover{z-index:1;position:relative}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], moreColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreColor", required: false }] }], avatars: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadAvatarComponent), { isSignal: true }] }], avatarEls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadAvatarComponent), { ...{ read: ElementRef }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], moreColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "moreColor", required: false }] }], avatarsProjetes: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CadAvatarComponent), { isSignal: true }] }] } });
 
 /** `<ng-template cadMeterLabel let-v let-pct="percent">` */
 class CadMeterLabelDirective {
@@ -14204,6 +14385,30 @@ class CadMapComponent {
         }
         catch { /* ignore */ }
     } }
+    /**
+     * Contrat d'accueil des pièces POSÉES (cf. `atelier/atelier.pieces.ts`).
+     *
+     * ⚠️ CORRIGE UN MENSONGE LIVRÉ LE 24/08. `cad-map` était annoté conteneur et ses onze
+     * pièces déclaraient `dans=cad-map`, mais AUCUNE couche posée ne s'est jamais
+     * enregistrée : la carte n'exposait que `registerChild`, que les poseurs n'appellent
+     * pas, et `cad-map-layer` s'injecte la carte en `optional` — donc `null` sans chaîne
+     * d'injecteurs, donc pas d'auto-enregistrement, et pas la moindre erreur pour le dire.
+     * Deux vocabulaires pour un besoin : c'est la divergence qu'on paie ici.
+     *
+     * Liste COMPLÈTE à chaque appel : le poseur reconstruit ses enfants d'un bloc, et un
+     * contrat incrémental laisserait des couches fantômes sur la carte.
+     */
+    enregistrerEnfants(instances) {
+        const pieces = instances.filter((i) => {
+            const k = i;
+            return !!k && typeof k.attach === 'function' && typeof k.ownedIds === 'function';
+        });
+        for (const k of this.extraChildren())
+            if (!pieces.includes(k))
+                this.unregisterChild(k);
+        for (const k of pieces)
+            this.registerChild(k);
+    }
     /** Événements du chrome intégré (dessin, import). */
     drawChange = output();
     layerImport = output();
@@ -23174,367 +23379,73 @@ const ATELIER_BORNES = {
     propsMax: 30,
     /** Enfants directs d'un conteneur. Le plafond GLOBAL reste `itemsMax`, enfants compris. */
     enfantsMax: 30,
+    /**
+     * Profondeur d'imbrication, en niveaux SOUS le plan.
+     *
+     * Un item du plan est à la profondeur 0, son enfant à 1, et ainsi de suite jusqu'à
+     * `profondeurMax` INCLUS — soit cinq étages en tout. Ce n'est pas une préférence
+     * d'ergonomie : `atelierNormaliser` et l'assainisseur backend descendent une
+     * structure VENUE DE L'EXTÉRIEUR (lien partagé, fichier collé), et une récursion
+     * non bornée sur du JSON hostile fait sauter la pile. Le plafond de COMPTE
+     * (`itemsMax`) ne borne pas la profondeur : deux cents items peuvent former une
+     * chaîne de deux cents étages.
+     *
+     * Cinq étages couvrent le besoin réel mesuré le 27/08 — le pire cas de la
+     * bibliothèque est `cad-splitter > cad-splitter-panel > cad-tabs > cad-tab >
+     * contenu`, soit une profondeur de 4 pour le contenu.
+     */
+    profondeurMax: 4,
 };
 /** Un plan vide, jamais `null` : un canevas absent et un canevas vide se traitent pareil. */
 const atelierLayoutVide = () => ({ version: 1, items: [] });
 
 /**
- * Les opérations du plan, en logique PURE — aucun DOM, aucun Angular.
+ * Le contrat d'accueil entre un HÔTE de la bibliothèque et les pièces qu'on lui POSE.
  *
- * Même parti que `lib/planning/` : ce qui décide se teste sans rendu. Les défauts du
- * calendrier ont tous été trouvés là, et deux fois c'est mon ATTENTE de test qui était
- * fausse, pas le code — c'est plus facile à voir sur une fonction pure.
+ * ── POURQUOI CE FICHIER EXISTE ──────────────────────────────────────────────────
  *
- * Toutes rendent un NOUVEAU plan : la maquette est de la donnée, on ne la mute pas sous
- * les pieds de qui l'affiche.
- */
-/** Compteur de la session : les identifiants n'ont pas à être uniques au monde, seulement dans un plan. */
-let compteur = 0;
-/** Identifiant conforme à l'assainisseur backend : `/^[A-Za-z0-9_-]{1,24}$/`. */
-function atelierNouvelId() {
-    compteur += 1;
-    return `i${compteur.toString(36)}`;
-}
-/** Remet le compteur à zéro. Réservé aux tests, pour qu'ils ne dépendent pas de leur ordre. */
-function atelierReinitialiserIds() {
-    compteur = 0;
-}
-const borne = (v, min, max) => Math.max(min, Math.min(max, Math.trunc(Number.isFinite(v) ? v : min)));
-/**
- * La carte d'occupation du plan, ligne par ligne.
+ * L'atelier du studio et le rendu frontless du shell instancient les composants
+ * IMPÉRATIVEMENT (`createComponent` + `projectableNodes`) : c'est ce qui permet de poser
+ * le VRAI composant, vivant, plutôt qu'une image de lui. Mais deux mécanismes d'Angular
+ * ne traversent PAS cette frontière, et c'est mesuré, pas supposé (27/08) :
  *
- * On ne garde pas de largeur fixe : une ligne absente est une ligne vide. Un plan de
- * trois éléments ne fabrique pas 500 tableaux.
- */
-function occupation(items, sauf) {
-    const lignes = new Map();
-    for (const it of items) {
-        if (sauf && it.id === sauf)
-            continue;
-        for (let y = it.y; y < it.y + it.h; y++) {
-            let ligne = lignes.get(y);
-            if (!ligne) {
-                ligne = new Array(ATELIER_COLONNES).fill(false);
-                lignes.set(y, ligne);
-            }
-            for (let x = it.x; x < it.x + it.w && x < ATELIER_COLONNES; x++)
-                ligne[x] = true;
-        }
-    }
-    return lignes;
-}
-/**
- * La première position libre pour un bloc de `w × h`, en balayant de haut en bas puis de
- * gauche à droite.
+ *   ① `contentChildren()` — une requête de contenu se résout sur la structure DÉCLARÉE
+ *      d'un gabarit. Un composant instancié à la main vit dans une autre vue : il arrive
+ *      bien dans le DOM, la requête ne le voit jamais. `cad-tabs` rendait `onglets=0`,
+ *      `cad-splitter` `gouttieres=0` — une barre vide, aucune erreur.
+ *   ② `inject(Hôte)` depuis la pièce — sans chaîne d'injecteurs de nœud, la recherche
+ *      remonte à l'injecteur d'environnement et échoue : `NG0201` pour
+ *      `cad-accordion-panel` et `cad-radio` (que `gen-catalog` classe d'ailleurs en
+ *      « contextuels », donc non posables), ou `null` silencieux quand l'injection est
+ *      `optional`.
  *
- * C'est ce qui rend le CLIC utilisable comme geste principal : on choisit dans la palette
- * et ça se pose à un endroit sensé, sans viser. Le glisser sert ensuite à réarranger,
- * là où il est réellement meilleur.
- */
-function atelierPremierePlaceLibre(items, w, h) {
-    const large = borne(w, 1, ATELIER_COLONNES);
-    const haut = borne(h, ATELIER_BORNES.hMin, ATELIER_BORNES.hMax);
-    const carte = occupation(items);
-    for (let y = 0; y <= ATELIER_BORNES.yMax; y++) {
-        for (let x = 0; x + large <= ATELIER_COLONNES; x++) {
-            let libre = true;
-            for (let dy = 0; dy < haut && libre; dy++) {
-                const ligne = carte.get(y + dy);
-                if (!ligne)
-                    continue; // ligne entièrement vide
-                for (let dx = 0; dx < large; dx++) {
-                    if (ligne[x + dx]) {
-                        libre = false;
-                        break;
-                    }
-                }
-            }
-            if (libre)
-                return { x, y };
-        }
-    }
-    // Plan saturé : on pose en bas plutôt que de refuser. Un outil de maquette ne dit pas non.
-    return { x: 0, y: ATELIER_BORNES.yMax };
-}
-/** Nombre TOTAL de composants, enfants compris — c'est lui que borne `itemsMax`. */
-function atelierCompter(layout) {
-    return layout.items.reduce((n, it) => n + 1 + (it.children?.length ?? 0), 0);
-}
-/**
- * Retrouve un composant OÙ QU'IL VIVE — au premier niveau ou dans un conteneur.
- * `parentId` dit d'où il vient : c'est ce qui permet à l'inspecteur de remonter.
- */
-function atelierTrouver(layout, id) {
-    for (const it of layout.items) {
-        if (it.id === id)
-            return { item: it, parentId: null };
-        for (const enfant of it.children ?? []) {
-            if (enfant.id === id)
-                return { item: enfant, parentId: it.id };
-        }
-    }
-    return null;
-}
-/**
- * Pose un composant — sur le plan, ou DANS un conteneur (`dansId`).
+ * `<ng-content>` est donc NÉCESSAIRE mais PAS SUFFISANT pour qu'une famille soit un
+ * conteneur d'atelier. Le raccourci « ça projette, donc ça marche » a coûté une matinée :
+ * il faut aussi que l'hôte sache ACCUEILLIR une pièce qu'aucune requête ne lui rapportera.
  *
- * Dans un conteneur, l'enfant vit en FLUX : ajouté en fin, x/y/w/h normalisés (0/0/12/1),
- * l'ordre fait loi. Refus VISIBLE (id vide) si le conteneur n'existe pas, est lui-même un
- * enfant (un seul niveau en v1), ou si un plafond est atteint — jamais de troncature
- * silencieuse, même doctrine que le plafond global.
- */
-function atelierAjouter(layout, type, gabarit = {}, dansId) {
-    const base = layout ?? atelierLayoutVide();
-    if (atelierCompter(base) >= ATELIER_BORNES.itemsMax) {
-        // Plafond de l'assainisseur : au-delà, le backend tronquerait EN SILENCE et
-        // l'utilisateur perdrait des composants sans le savoir. On refuse visiblement.
-        return { layout: base, id: '' };
-    }
-    if (dansId) {
-        const cible = atelierTrouver(base, dansId);
-        if (!cible || cible.parentId !== null)
-            return { layout: base, id: '' };
-        if ((cible.item.children?.length ?? 0) >= ATELIER_BORNES.enfantsMax)
-            return { layout: base, id: '' };
-        const id = atelierNouvelId();
-        // `w` d'un enfant = LARGEUR EN COLONNES du conteneur (grille de flux). Il naît
-        // pleine ligne — prévisible — et se réduit ensuite au curseur, comme un bloc.
-        const enfant = { id, type, x: 0, y: 0, w: ATELIER_COLONNES, h: 1 };
-        if (gabarit.props && Object.keys(gabarit.props).length)
-            enfant.props = { ...gabarit.props };
-        return {
-            layout: {
-                version: 1,
-                items: base.items.map((it) => it.id === dansId ? { ...it, children: [...(it.children ?? []), enfant] } : it),
-            },
-            id,
-        };
-    }
-    const w = borne(gabarit.w ?? 4, 1, ATELIER_COLONNES);
-    const h = borne(gabarit.h ?? 2, ATELIER_BORNES.hMin, ATELIER_BORNES.hMax);
-    const { x, y } = atelierPremierePlaceLibre(base.items, w, h);
-    const id = atelierNouvelId();
-    const item = { id, type, x, y, w, h };
-    if (gabarit.props && Object.keys(gabarit.props).length)
-        item.props = { ...gabarit.props };
-    return { layout: { version: 1, items: [...base.items, item] }, id };
-}
-/** Retire un composant, où qu'il vive. Retirer un conteneur emporte ses enfants. */
-function atelierRetirer(layout, id) {
-    return {
-        version: 1,
-        items: layout.items
-            .filter((it) => it.id !== id)
-            .map((it) => {
-            if (!it.children?.some((e) => e.id === id))
-                return it;
-            const enfants = it.children.filter((e) => e.id !== id);
-            const suite = { ...it };
-            if (enfants.length)
-                suite.children = enfants;
-            else
-                delete suite.children;
-            return suite;
-        }),
-    };
-}
-/** Change une propriété — où que vive le composant. `undefined` la supprime. */
-function atelierDefinirProp(layout, id, nom, valeur) {
-    const poserProp = (it) => {
-        const props = { ...(it.props ?? {}) };
-        if (valeur === undefined)
-            delete props[nom];
-        else
-            props[nom] = valeur;
-        const suite = { ...it };
-        if (Object.keys(props).length)
-            suite.props = props;
-        else
-            delete suite.props;
-        return suite;
-    };
-    return {
-        version: 1,
-        items: layout.items.map((it) => {
-            if (it.id === id)
-                return poserProp(it);
-            if (!it.children?.some((e) => e.id === id))
-                return it;
-            return { ...it, children: it.children.map((e) => (e.id === id ? poserProp(e) : e)) };
-        }),
-    };
-}
-/**
- * Déplace un ENFANT d'un cran dans son conteneur (le flux : l'ordre fait loi).
- * Même chemin pour la souris et le clavier, comme le reste du modèle.
+ * ── LE CONTRAT ──────────────────────────────────────────────────────────────────
+ *
+ * Il n'est pas neuf : `cad-button-group` le porte depuis le 24/08, posé le jour où l'on
+ * a constaté qu'un groupe était SOURD aux clics de ses boutons posés. Ce fichier ne
+ * l'invente pas, il l'ÉCRIT — jusqu'ici il vivait duck-typé dans le seul poseur du
+ * studio, invisible depuis la bibliothèque, ce qui a permis à `cad-map` de partir avec
+ * un nom à lui (`registerChild`) que personne n'appelle. Deux vocabulaires pour un
+ * besoin, c'est une famille cassée en silence.
  */
-function atelierReordonnerEnfant(layout, parentId, id, sens) {
-    return {
-        version: 1,
-        items: layout.items.map((it) => {
-            if (it.id !== parentId || !it.children)
-                return it;
-            const i = it.children.findIndex((e) => e.id === id);
-            const j = i + sens;
-            if (i < 0 || j < 0 || j >= it.children.length)
-                return it;
-            const enfants = [...it.children];
-            [enfants[i], enfants[j]] = [enfants[j], enfants[i]];
-            return { ...it, children: enfants };
-        }),
-    };
-}
 /**
- * Change la largeur, en gardant le bloc DANS la grille.
+ * L'hôte sait-il accueillir des pièces posées ?
  *
- * On décale x quand la largeur déborde, plutôt que de rogner w : l'utilisateur a demandé
- * une largeur, pas une place. Rogner silencieusement donnerait un bloc plus étroit que
- * ce qu'il a réglé, sans rien dire.
+ * Reconnaissance par CAPACITÉ et non par liste de types : un poseur qui énumérerait les
+ * familles concernées serait à mettre à jour à chaque nouvelle — et c'est toujours la
+ * mise à jour qu'on oublie. Une famille qui gagne la trappe devient utilisable dans
+ * l'atelier sans qu'aucun poseur ne bouge.
  */
-function atelierRedimensionner(layout, id, w) {
-    const large = borne(w, 1, ATELIER_COLONNES);
-    return {
-        version: 1,
-        items: layout.items.map((it) => {
-            if (it.id === id)
-                return { ...it, w: large, x: Math.min(it.x, ATELIER_COLONNES - large) };
-            // Un ENFANT se redimensionne aussi (SZU 24/08 : « on ne peut plus les
-            // redimensionner, très limitatif ») — son `w` est un span de la grille de flux
-            // du conteneur, x reste 0 : pas de placement absolu à l'intérieur.
-            if (!it.children?.some((e) => e.id === id))
-                return it;
-            return {
-                ...it,
-                children: it.children.map((e) => (e.id === id ? { ...e, w: large } : e)),
-            };
-        }),
-    };
+function estHoteAPieces(hote) {
+    return !!hote && typeof hote.enregistrerEnfants === 'function';
 }
+
 /**
- * Déplace un bloc d'un cran dans l'ordre de lecture (haut/bas), puis recompacte.
- *
- * C'est le CHEMIN CLAVIER, et il passe par les mêmes fonctions que le glisser — la règle
- * déjà tenue par `cad-taskboard` et `cad-calendar`. Deux chemins séparés divergent
- * toujours, et c'est celui du clavier qui pourrit, parce que personne ne le regarde.
- */
-function atelierDeplacer(layout, id, sens) {
-    const ordonne = [...layout.items].sort((a, b) => a.y - b.y || a.x - b.x);
-    const i = ordonne.findIndex((it) => it.id === id);
-    if (i < 0)
-        return layout;
-    const j = i + sens;
-    if (j < 0 || j >= ordonne.length)
-        return layout;
-    [ordonne[i], ordonne[j]] = [ordonne[j], ordonne[i]];
-    // `atelierPoser` et NON `atelierRecompacter` : ce dernier re-trie par (y, x), ce qui
-    // annulerait l'échange qu'on vient de faire — les `y` n'ont pas encore bougé. Défaut
-    // trouvé par le test du clavier, qui rendait le déplacement parfaitement inopérant.
-    return atelierPoser(ordonne);
-}
-/**
- * Repose tous les blocs dans l'ordre de lecture, en supprimant les trous verticaux.
- *
- * Le plan garde des positions ABSOLUES (c'est le contrat de frontless), mais une maquette
- * criblée de lignes vides est illisible. On recompacte donc à chaque réarrangement, en
- * respectant l'ordre voulu et les largeurs.
- */
-function atelierRecompacter(layout) {
-    return atelierPoser([...layout.items].sort((a, b) => a.y - b.y || a.x - b.x));
-}
-/**
- * Repose les blocs DANS L'ORDRE DU TABLEAU REÇU, sans le retrier.
- *
- * La distinction avec `atelierRecompacter` n'est pas cosmétique : après un déplacement au
- * clavier, l'ordre voulu est celui du tableau, et les `y` portent encore les anciennes
- * positions. Retrier à ce moment-là annule l'échange — le déplacement devenait
- * silencieusement inopérant, et c'est le test du clavier qui l'a montré.
- */
-function atelierPoser(items) {
-    const poses = [];
-    for (const it of items) {
-        const { x, y } = atelierPremierePlaceLibre(poses, it.w, it.h);
-        poses.push({ ...it, x, y });
-    }
-    return { version: 1, items: poses };
-}
-/**
- * Ramène un plan venu de l'extérieur dans les clous — un lien partagé, un fichier collé.
- *
- * Écarte ce qui est irrécupérable plutôt que de le réparer au jugé : un bloc dont on a
- * deviné le type serait pire qu'un bloc absent. Même doctrine que l'assainisseur backend,
- * dont ce n'est PAS un doublon : celui-ci protège l'affichage, celui-là protège la base.
- */
-function atelierNormaliser(brut) {
-    const entree = brut;
-    if (!entree || !Array.isArray(entree.items))
-        return atelierLayoutVide();
-    let total = 0;
-    /**
-     * Un item ramené dans les clous, ou `null` s'il est irrécupérable.
-     * `enfant` change les règles : positions forcées au FLUX (0/0/12/1) et JAMAIS de
-     * petits-enfants — un seul niveau en v1, le surplus est écarté, pas réparé.
-     */
-    const normaliserItem = (it, enfant) => {
-        if (!it || typeof it !== 'object')
-            return null;
-        const brutItem = it;
-        const type = String(brutItem.type ?? '');
-        if (!/^(?:app:)?[a-z][a-z0-9-]{0,40}$/.test(type))
-            return null;
-        // `w` d'un enfant = span de la grille de flux, GARDÉ (borné 1–12) ; x/y/h forcés.
-        const w = borne(brutItem.w, 1, ATELIER_COLONNES);
-        const x = enfant ? 0 : borne(brutItem.x, 0, ATELIER_COLONNES - w);
-        const h = enfant ? 1 : borne(brutItem.h, ATELIER_BORNES.hMin, ATELIER_BORNES.hMax);
-        const y = enfant ? 0 : borne(brutItem.y, 0, ATELIER_BORNES.yMax);
-        const propre = { id: brutItem.id || atelierNouvelId(), type, x, y, w, h };
-        const props = brutItem.props;
-        if (props && typeof props === 'object' && !Array.isArray(props)) {
-            const gardees = {};
-            for (const [k, v] of Object.entries(props).slice(0, ATELIER_BORNES.propsMax)) {
-                if (!/^[A-Za-z_][A-Za-z0-9_]{0,30}$/.test(k))
-                    continue;
-                if (typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean')
-                    gardees[k] = v;
-                else if (Array.isArray(v))
-                    gardees[k] = v.slice(0, 100).map((s) => String(s));
-            }
-            if (Object.keys(gardees).length)
-                propre.props = gardees;
-        }
-        if (brutItem.hideMobile === true)
-            propre.hideMobile = true;
-        if (!enfant && Array.isArray(brutItem.children)) {
-            const enfants = [];
-            for (const e of brutItem.children.slice(0, ATELIER_BORNES.enfantsMax)) {
-                if (total >= ATELIER_BORNES.itemsMax)
-                    break;
-                const propreEnfant = normaliserItem(e, true);
-                if (propreEnfant) {
-                    enfants.push(propreEnfant);
-                    total += 1;
-                }
-            }
-            if (enfants.length)
-                propre.children = enfants;
-        }
-        return propre;
-    };
-    const items = [];
-    for (const it of entree.items) {
-        if (total >= ATELIER_BORNES.itemsMax)
-            break;
-        total += 1; // l'item lui-même, compté AVANT ses enfants pour que le plafond soit global
-        const propre = normaliserItem(it, false);
-        if (propre)
-            items.push(propre);
-        else
-            total -= 1;
-    }
-    return { version: 1, items };
-}
-
-/**
- * Le catalogue de la bibliothèque — GÉNÉRÉ, ne pas modifier à la main.
+ * Le catalogue de la bibliothèque — GÉNÉRÉ, ne pas modifier à la main.
  *
  * Source : tools/gen-catalog.mjs. Jumeau TypeScript de projects/ui/catalog.json, pour
  * les modules de la bibliothèque : ng-packagr ne sait pas résoudre un import JSON hors
@@ -25827,7 +25738,9 @@ const CATALOGUE = {
                         "ajustement": "naturel",
                         "icone": "users",
                         "largeur": "2",
-                        "hauteur": "1"
+                        "hauteur": "1",
+                        "conteneur": "direct",
+                        "accepte": "cad-avatar"
                     },
                     "inputs": [
                         {
@@ -28402,7 +28315,10 @@ const CATALOGUE = {
                     "kind": "component",
                     "role": null,
                     "atelier": {
-                        "icone": "grid"
+                        "icone": "grid",
+                        "conteneur": "direct",
+                        "largeur": "12",
+                        "hauteur": "4"
                     },
                     "inputs": [
                         {
@@ -28620,7 +28536,8 @@ const CATALOGUE = {
                     "kind": "component",
                     "role": null,
                     "atelier": {
-                        "icone": "move-horizontal"
+                        "icone": "move-horizontal",
+                        "surface": "aucune"
                     },
                     "inputs": [
                         {
@@ -28643,6 +28560,11 @@ const CATALOGUE = {
                     "selector": "cad-splitter-panel",
                     "kind": "component",
                     "role": null,
+                    "atelier": {
+                        "icone": "square",
+                        "conteneur": "flux",
+                        "dans": "cad-splitter"
+                    },
                     "inputs": [
                         {
                             "name": "size",
@@ -28664,7 +28586,10 @@ const CATALOGUE = {
                     "kind": "component",
                     "role": null,
                     "atelier": {
-                        "icone": "columns"
+                        "icone": "columns",
+                        "conteneur": "direct",
+                        "largeur": "12",
+                        "hauteur": "8"
                     },
                     "inputs": [
                         {
@@ -30500,6 +30425,12 @@ const CATALOGUE = {
                     "selector": "cad-accordion-panel",
                     "kind": "component",
                     "role": null,
+                    "atelier": {
+                        "icone": "panel-top",
+                        "conteneur": "flux",
+                        "dans": "cad-accordion",
+                        "pose-header": "Section"
+                    },
                     "inputs": [
                         {
                             "name": "value",
@@ -30548,7 +30479,10 @@ const CATALOGUE = {
                     "kind": "component",
                     "role": null,
                     "atelier": {
-                        "icone": "chevron-down"
+                        "icone": "chevron-down",
+                        "conteneur": "direct",
+                        "largeur": "12",
+                        "hauteur": "8"
                     },
                     "inputs": [
                         {
@@ -31417,6 +31351,12 @@ const CATALOGUE = {
                     "selector": "cad-tab",
                     "kind": "component",
                     "role": null,
+                    "atelier": {
+                        "icone": "panel-top",
+                        "conteneur": "flux",
+                        "dans": "cad-tabs",
+                        "pose-label": "Onglet"
+                    },
                     "inputs": [
                         {
                             "name": "value",
@@ -31466,7 +31406,10 @@ const CATALOGUE = {
                     "kind": "component",
                     "role": null,
                     "atelier": {
-                        "icone": "folder"
+                        "icone": "folder",
+                        "conteneur": "direct",
+                        "largeur": "12",
+                        "hauteur": "6"
                     },
                     "inputs": [
                         {
@@ -33886,7 +33829,9 @@ const CATALOGUE = {
                     "role": null,
                     "atelier": {
                         "icone": "circle-dot",
-                        "largeur": "2"
+                        "largeur": "2",
+                        "conteneur": "direct",
+                        "hauteur": "4"
                     },
                     "inputs": [
                         {
@@ -33930,10 +33875,16 @@ const CATALOGUE = {
                     "selector": "cad-radio",
                     "kind": "component",
                     "role": null,
+                    "atelier": {
+                        "icone": "circle-dot",
+                        "conteneur": "flux",
+                        "dans": "cad-radio-group",
+                        "pose-label": "Option"
+                    },
                     "inputs": [
                         {
                             "name": "value",
-                            "required": true,
+                            "required": false,
                             "type": "T"
                         },
                         {
@@ -34244,7 +34195,7 @@ const CATALOGUE = {
  * Les 61 directives de la bibliothèque n'y figurent pas : une directive ne s'instancie
  * pas seule, elle se pose sur un hôte existant. Elles restent visibles dans catalog.json.
  */
-/** Symbole -> de quoi le construire. 104 composants posables. */
+/** Symbole -> de quoi le construire. 106 composants posables. */
 const REGISTRE = {
     CadButtonGroupComponent: { classe: CadButtonGroupComponent, selecteur: "cad-button-group", hote: "cad-button-group" },
     CadButtonComponent: { classe: CadButtonComponent, selecteur: "button[cadButton], a[cadButton]", hote: "button" },
@@ -34316,6 +34267,7 @@ const REGISTRE = {
     CadMapPanelComponent: { classe: CadMapPanelComponent, selecteur: "cad-map-panel", hote: "cad-map-panel" },
     CadMapSectionComponent: { classe: CadMapSectionComponent, selecteur: "cad-map-section", hote: "cad-map-section" },
     CadMapComponent: { classe: CadMapComponent, selecteur: "cad-map", hote: "cad-map" },
+    CadAccordionPanelComponent: { classe: CadAccordionPanelComponent, selecteur: "cad-accordion-panel", hote: "cad-accordion-panel" },
     CadAccordionComponent: { classe: CadAccordionComponent, selecteur: "cad-accordion", hote: "cad-accordion" },
     CadBottomNavComponent: { classe: CadBottomNavComponent, selecteur: "cad-bottom-nav", hote: "cad-bottom-nav" },
     CadBreadcrumbComponent: { classe: CadBreadcrumbComponent, selecteur: "cad-breadcrumb", hote: "cad-breadcrumb" },
@@ -34347,6 +34299,7 @@ const REGISTRE = {
     CadTreeselectComponent: { classe: CadTreeselectComponent, selecteur: "cad-treeselect", hote: "cad-treeselect" },
     CadCheckboxComponent: { classe: CadCheckboxComponent, selecteur: "cad-checkbox", hote: "cad-checkbox" },
     CadRadioGroupComponent: { classe: CadRadioGroupComponent, selecteur: "cad-radio-group", hote: "cad-radio-group" },
+    CadRadioComponent: { classe: CadRadioComponent, selecteur: "cad-radio", hote: "cad-radio" },
     CadSegmentedComponent: { classe: CadSegmentedComponent, selecteur: "cad-segmented", hote: "cad-segmented" },
     CadSwitchComponent: { classe: CadSwitchComponent, selecteur: "cad-switch", hote: "cad-switch" },
     CadToggleButtonComponent: { classe: CadToggleButtonComponent, selecteur: "cad-toggle-button", hote: "cad-toggle-button" },
@@ -34515,9 +34468,11 @@ function construire() {
                 largeur: entierAnnote(meta['largeur'], 1, 12) ?? largeur,
                 hauteur: entierAnnote(meta['hauteur'], 1, 24) ?? hauteur,
                 ajustement: meta['ajustement'] === 'naturel' ? 'naturel' : 'remplir',
+                surface: meta['surface'] === 'aucune' ? 'aucune' : 'propre',
                 rang: entierAnnote(meta['rang'], 1, 99) ?? 99,
                 exemples: s.exemples ?? {},
                 dans: meta['dans'] || null,
+                accepte: meta['accepte'] ? meta['accepte'].split('|').filter(Boolean) : null,
                 icone: meta['icone'] && CAD_ICONS[meta['icone']] ? meta['icone'] : null,
                 contenu: meta['contenu'] || null,
                 conteneur,
@@ -34545,6 +34500,16 @@ function construire() {
 }
 let _palette = null;
 let _parCle = null;
+/**
+ * Les hôtes qui ont AU MOINS UNE pièce, c'est-à-dire les clés citées par un `dans=`.
+ *
+ * C'est la moitié qui manquait. `dans=` était lu dans un seul sens — « cette pièce ne
+ * s'affiche que chez son hôte » — et rien ne disait l'inverse. Un `cad-spacer` entrait
+ * donc dans un `cad-tabs` (constaté au clic par SZU le 27/08) : il partait en base,
+ * s'affichait dans l'inspecteur, et ne rendait rien, puisque l'hôte filtre ses pièces
+ * par type. Le pire des conteneurs : celui qui a l'air d'accepter.
+ */
+let _hotesAPieces = null;
 /**
  * Tous les composants posables — calculés à la PREMIÈRE DEMANDE, jamais au chargement.
  *
@@ -34565,6 +34530,7 @@ function atelierPalette() {
     if (!_palette) {
         _palette = construire();
         _parCle = new Map(_palette.map((c) => [c.cle, c]));
+        _hotesAPieces = new Set(_palette.map((c) => c.dans).filter((d) => !!d));
     }
     return _palette;
 }
@@ -34574,13 +34540,57 @@ function atelierComposant(cle) {
     return _parCle.get(cle) ?? null;
 }
 /**
- * Recherche par nom, clé ou sélecteur. Sans terme, rend tout — SAUF les composants
- * `dans=`, réservés à leur hôte : ils n'apparaissent que quand `hote` est le leur
- * (la cible de pose courante). `cad-map-panel` posé seul ne montre rien de sensé —
- * signalé par SZU le 24/08.
+ * Cet hôte accepte-t-il ce composant ? `hote = null` désigne le PLAN.
+ *
+ * ⚠️ `dans=` SE LIT DANS LES DEUX SENS, et c'est toute la règle (arbitrage SZU 27/08) :
+ *
+ *   · SENS DIRECT — une pièce ne se pose QUE chez son hôte. `cad-map-panel` posé seul
+ *     ne montre rien de sensé (signalé le 24/08), `cad-tab` hors d'un `cad-tabs` non plus.
+ *   · SENS INVERSE — un hôte QUI A des pièces n'accepte QUE ses pièces. `cad-tabs`
+ *     n'accueille que des `cad-tab`, `cad-map` que ses onze pièces de carte.
+ *
+ * La troisième règle en découle sans être écrite : un conteneur SANS pièce déclarée
+ * (`cad-tab`, `cad-panel`, `cad-grid`…) accepte tout, sauf ce qui appartient à un autre
+ * hôte. Rien à annoter : la relation existe déjà, on la lisait à moitié.
+ */
+function atelierAccepte(hote, cle) {
+    const c = atelierComposant(cle);
+    if (!c)
+        return false;
+    if (c.dans)
+        return c.dans === hote; // une pièce ne va QUE chez son hôte, jamais au plan
+    if (!hote)
+        return true;
+    const h = atelierComposant(hote);
+    if (h?.accepte)
+        return h.accepte.includes(cle); // strictesse déclarée par l'hôte
+    return !_hotesAPieces.has(hote); // strictesse DÉDUITE : cet hôte a des pièces à lui
+}
+/**
+ * Les clés des pièces d'un hôte, dans l'ordre de la palette. Vide si l'hôte n'est pas
+ * strict — c'est le test « ce conteneur a-t-il des pièces à lui ? ».
+ */
+function atelierPiecesDe(hote) {
+    if (!hote)
+        return [];
+    const h = atelierComposant(hote);
+    if (h?.accepte)
+        return [...h.accepte];
+    return atelierPalette().filter((c) => c.dans === hote).map((c) => c.cle);
+}
+/**
+ * Recherche par nom, clé ou sélecteur. Rend TOUT ce qui correspond au terme.
+ *
+ * ⚠️ NE FILTRE PLUS SUR LA CIBLE, et c'est délibéré (SZU 27/08, règle déjà posée le
+ * 26/08 pour le builder) : ce qu'un conteneur refuse doit apparaître VERROUILLÉ, pas
+ * disparaître. Masquer fait deux dégâts — ça dérobe l'information (l'utilisateur ne sait
+ * pas que le composant existe, ni pourquoi il n'est pas là) et ça fait SAUTER la palette
+ * à chaque changement de sélection, si bien qu'on ne retrouve plus rien où on l'avait vu.
+ *
+ * L'appelant interroge `atelierAccepte` pour savoir quoi désactiver, et dit pourquoi.
  */
-function atelierChercher(terme, hote = null) {
-    const visibles = atelierPalette().filter((c) => !c.dans || c.dans === hote);
+function atelierChercher(terme) {
+    const visibles = [...atelierPalette()];
     const q = terme.trim().toLowerCase();
     if (!q)
         return visibles;
@@ -34589,10 +34599,15 @@ function atelierChercher(terme, hote = null) {
         c.symbole.toLowerCase().includes(q) ||
         (c.role ?? '').toLowerCase().includes(q));
 }
-/** Les composants groupés, dans l'ordre d'affichage de la palette. */
-function atelierGroupes(terme = '', hote = null) {
+/**
+ * Les composants groupés, dans l'ordre d'affichage de la palette.
+ *
+ * Les groupes ne dépendent PAS de la cible : la palette garde la même forme quoi qu'on
+ * sélectionne, ce qui est la moitié de l'intérêt du verrouillage-expliqué.
+ */
+function atelierGroupes(terme = '') {
     const par = new Map();
-    for (const c of atelierChercher(terme, hote)) {
+    for (const c of atelierChercher(terme)) {
         if (!par.has(c.groupe))
             par.set(c.groupe, []);
         par.get(c.groupe).push(c);
@@ -34600,6 +34615,521 @@ function atelierGroupes(terme = '', hote = null) {
     return [...par.entries()].map(([groupe, composants]) => ({ groupe, composants }));
 }
 
+/**
+ * Les opérations du plan, en logique PURE — aucun DOM, aucun Angular.
+ *
+ * Même parti que `lib/planning/` : ce qui décide se teste sans rendu. Les défauts du
+ * calendrier ont tous été trouvés là, et deux fois c'est mon ATTENTE de test qui était
+ * fausse, pas le code — c'est plus facile à voir sur une fonction pure.
+ *
+ * Toutes rendent un NOUVEAU plan : la maquette est de la donnée, on ne la mute pas sous
+ * les pieds de qui l'affiche.
+ */
+/** Compteur de la session : les identifiants n'ont pas à être uniques au monde, seulement dans un plan. */
+let compteur = 0;
+/** Identifiant conforme à l'assainisseur backend : `/^[A-Za-z0-9_-]{1,24}$/`. */
+function atelierNouvelId() {
+    compteur += 1;
+    return `i${compteur.toString(36)}`;
+}
+/** Remet le compteur à zéro. Réservé aux tests, pour qu'ils ne dépendent pas de leur ordre. */
+function atelierReinitialiserIds() {
+    compteur = 0;
+}
+/** Fait remonter le compteur au-dessus d'un id existant. Silencieux sur une autre forme. */
+function adopterId(id) {
+    const m = /^i([0-9a-z]+)$/.exec(id ?? '');
+    if (!m)
+        return;
+    const n = parseInt(m[1], 36);
+    if (Number.isSafeInteger(n) && n > compteur)
+        compteur = n;
+}
+/**
+ * Empêche les prochains ids de VOLER l'identité d'items déjà présents.
+ *
+ * ⚠️ À APPELER À CHAQUE CHARGEMENT d'un plan venu d'ailleurs (base, fichier collé). Le
+ * compteur est propre à la SESSION et repart de zéro : une maquette rechargée porte déjà
+ * `i1`, `i2`… et la première pose redonnait `i1`. Deux items partagent alors une clé, et
+ * tout ce qui vise par id se trompe de cible — `atelierTrouver` rend le premier homonyme,
+ * `transformerArbre` édite les deux, et le `@for … track` d'Angular en FUSIONNE deux à
+ * l'écran : un bloc disparaît du canevas sans qu'aucune erreur ne soit levée (NG0955 en
+ * avertissement, c'est tout).
+ *
+ * C'EST LE MÊME DÉFAUT QUE `eb87d3f7` (26/08), qui l'avait corrigé dans le builder
+ * frontless — « le compteur valait items.length et non le plus grand id existant ». Le
+ * format a DEUX producteurs ; le correctif n'en avait couvert qu'un. Il vit désormais
+ * dans la bibliothèque, là où les deux le partagent.
+ */
+function atelierAdopterIds(layout) {
+    const parcourir = (items) => {
+        for (const it of items) {
+            adopterId(it.id);
+            parcourir(it.children ?? []);
+        }
+    };
+    parcourir(layout?.items ?? []);
+}
+const borne = (v, min, max) => Math.max(min, Math.min(max, Math.trunc(Number.isFinite(v) ? v : min)));
+/**
+ * La carte d'occupation du plan, ligne par ligne.
+ *
+ * On ne garde pas de largeur fixe : une ligne absente est une ligne vide. Un plan de
+ * trois éléments ne fabrique pas 500 tableaux.
+ */
+function occupation(items, sauf) {
+    const lignes = new Map();
+    for (const it of items) {
+        if (sauf && it.id === sauf)
+            continue;
+        for (let y = it.y; y < it.y + it.h; y++) {
+            let ligne = lignes.get(y);
+            if (!ligne) {
+                ligne = new Array(ATELIER_COLONNES).fill(false);
+                lignes.set(y, ligne);
+            }
+            for (let x = it.x; x < it.x + it.w && x < ATELIER_COLONNES; x++)
+                ligne[x] = true;
+        }
+    }
+    return lignes;
+}
+/**
+ * La première position libre pour un bloc de `w × h`, en balayant de haut en bas puis de
+ * gauche à droite.
+ *
+ * C'est ce qui rend le CLIC utilisable comme geste principal : on choisit dans la palette
+ * et ça se pose à un endroit sensé, sans viser. Le glisser sert ensuite à réarranger,
+ * là où il est réellement meilleur.
+ */
+function atelierPremierePlaceLibre(items, w, h) {
+    const large = borne(w, 1, ATELIER_COLONNES);
+    const haut = borne(h, ATELIER_BORNES.hMin, ATELIER_BORNES.hMax);
+    const carte = occupation(items);
+    for (let y = 0; y <= ATELIER_BORNES.yMax; y++) {
+        for (let x = 0; x + large <= ATELIER_COLONNES; x++) {
+            let libre = true;
+            for (let dy = 0; dy < haut && libre; dy++) {
+                const ligne = carte.get(y + dy);
+                if (!ligne)
+                    continue; // ligne entièrement vide
+                for (let dx = 0; dx < large; dx++) {
+                    if (ligne[x + dx]) {
+                        libre = false;
+                        break;
+                    }
+                }
+            }
+            if (libre)
+                return { x, y };
+        }
+    }
+    // Plan saturé : on pose en bas plutôt que de refuser. Un outil de maquette ne dit pas non.
+    return { x: 0, y: ATELIER_BORNES.yMax };
+}
+/**
+ * Applique une transformation à CHAQUE item de l'arbre, enfants compris.
+ *
+ * Toutes les opérations qui touchent « un composant, où qu'il vive » passent par ici :
+ * retirer, éditer une prop, redimensionner, réordonner. Écrire la descente une seule
+ * fois est ce qui a permis de lever le plafond d'un niveau sans réécrire six fonctions —
+ * et surtout sans en oublier une, ce qui aurait donné un modèle qui pose en profondeur
+ * mais refuse d'y éditer.
+ *
+ * `fn` rend l'item transformé, ou `null` pour l'écarter (ses enfants partent avec lui).
+ * La profondeur est passée parce qu'elle CHANGE les règles : au premier niveau le
+ * placement est absolu, en dessous c'est un flux.
+ */
+function transformerArbre(items, fn, profondeur = 0) {
+    const sortie = [];
+    for (const it of items) {
+        const transforme = fn(it, profondeur);
+        if (!transforme)
+            continue;
+        if (!transforme.children) {
+            sortie.push(transforme);
+            continue;
+        }
+        const enfants = transformerArbre(transforme.children, fn, profondeur + 1);
+        const suite = { ...transforme };
+        if (enfants.length)
+            suite.children = enfants;
+        else
+            delete suite.children;
+        sortie.push(suite);
+    }
+    return sortie;
+}
+/** Nombre TOTAL de composants, à toutes les profondeurs — c'est lui que borne `itemsMax`. */
+function atelierCompter(layout) {
+    const compter = (items) => items.reduce((n, it) => n + 1 + compter(it.children ?? []), 0);
+    return compter(layout.items);
+}
+/**
+ * Retrouve un composant OÙ QU'IL VIVE, à n'importe quelle profondeur.
+ *
+ * `parentId` dit d'où il vient — c'est ce qui permet à l'inspecteur de remonter, d'un
+ * cran à la fois. `profondeur` dit à quel étage il se trouve (0 = sur le plan) : la
+ * pose s'en sert pour refuser AVANT d'agir, plutôt que de tronquer après.
+ */
+function atelierTrouver(layout, id) {
+    const chercher = (items, parentId, profondeur) => {
+        for (const it of items) {
+            if (it.id === id)
+                return { item: it, parentId, profondeur };
+            const dedans = chercher(it.children ?? [], it.id, profondeur + 1);
+            if (dedans)
+                return dedans;
+        }
+        return null;
+    };
+    return chercher(layout.items, null, 0);
+}
+/**
+ * Pose un composant — sur le plan, ou DANS un conteneur (`dansId`), à n'importe quelle
+ * profondeur jusqu'à `profondeurMax`.
+ *
+ * Dans un conteneur, l'enfant vit en FLUX : ajouté en fin, x/y/w/h normalisés (0/0/12/1),
+ * l'ordre fait loi. Refus VISIBLE (id vide) si le conteneur n'existe pas, s'il est déjà
+ * au dernier étage autorisé, ou si un plafond est atteint — jamais de troncature
+ * silencieuse, même doctrine que le plafond global.
+ */
+function atelierAjouter(layout, type, gabarit = {}, dansId) {
+    const base = layout ?? atelierLayoutVide();
+    if (atelierCompter(base) >= ATELIER_BORNES.itemsMax) {
+        // Plafond de l'assainisseur : au-delà, le backend tronquerait EN SILENCE et
+        // l'utilisateur perdrait des composants sans le savoir. On refuse visiblement.
+        return { layout: base, id: '' };
+    }
+    if (dansId) {
+        const cible = atelierTrouver(base, dansId);
+        if (!cible)
+            return { layout: base, id: '' };
+        // UN HÔTE N'ACCEPTE PAS TOUT (SZU 27/08) : `cad-tabs` n'accueille que des `cad-tab`,
+        // `cad-map` que ses pièces de carte. La palette le montre déjà en verrouillant, mais
+        // elle est de l'affichage ; le modèle est la vérité, et rien d'autre ne protège les
+        // chemins qui ne passent pas par elle (collage, import, appel programmatique). Un
+        // `cad-spacer` glissé dans un `cad-tabs` partait en base et ne rendait jamais rien.
+        if (!atelierAccepte(cible.item.type, type))
+            return { layout: base, id: '' };
+        // L'ENFANT naîtrait un cran plus bas que sa cible : c'est SA profondeur qu'on borne.
+        if (cible.profondeur + 1 > ATELIER_BORNES.profondeurMax)
+            return { layout: base, id: '' };
+        if ((cible.item.children?.length ?? 0) >= ATELIER_BORNES.enfantsMax)
+            return { layout: base, id: '' };
+        const id = atelierNouvelId();
+        // `w` d'un enfant = LARGEUR EN COLONNES du conteneur (grille de flux). Les deux
+        // poseurs en passent une utile (palette 2/12, builder def.w×2) : l'honorer, sinon
+        // l'aperçu et le modèle divergent. Sans gabarit, il naît pleine ligne — prévisible.
+        const enfant = {
+            id, type, x: 0, y: 0,
+            w: borne(gabarit.w ?? ATELIER_COLONNES, 1, ATELIER_COLONNES),
+            h: 1,
+        };
+        if (gabarit.props && Object.keys(gabarit.props).length)
+            enfant.props = { ...gabarit.props };
+        return {
+            layout: {
+                version: 1,
+                items: transformerArbre(base.items, (it) => it.id === dansId ? { ...it, children: [...(it.children ?? []), enfant] } : it),
+            },
+            id,
+        };
+    }
+    const w = borne(gabarit.w ?? 4, 1, ATELIER_COLONNES);
+    const h = borne(gabarit.h ?? 2, ATELIER_BORNES.hMin, ATELIER_BORNES.hMax);
+    const { x, y } = atelierPremierePlaceLibre(base.items, w, h);
+    const id = atelierNouvelId();
+    const item = { id, type, x, y, w, h };
+    if (gabarit.props && Object.keys(gabarit.props).length)
+        item.props = { ...gabarit.props };
+    return { layout: { version: 1, items: [...base.items, item] }, id };
+}
+/**
+ * Retire un composant, où qu'il vive et à quelque profondeur que ce soit.
+ * Retirer un conteneur emporte toute sa descendance — jamais d'orphelin invisible.
+ */
+function atelierRetirer(layout, id) {
+    return {
+        version: 1,
+        items: transformerArbre(layout.items, (it) => (it.id === id ? null : it)),
+    };
+}
+/** Change une propriété — où que vive le composant. `undefined` la supprime. */
+function atelierDefinirProp(layout, id, nom, valeur) {
+    const poserProp = (it) => {
+        const props = { ...(it.props ?? {}) };
+        if (valeur === undefined)
+            delete props[nom];
+        else
+            props[nom] = valeur;
+        const suite = { ...it };
+        if (Object.keys(props).length)
+            suite.props = props;
+        else
+            delete suite.props;
+        return suite;
+    };
+    return {
+        version: 1,
+        items: transformerArbre(layout.items, (it) => (it.id === id ? poserProp(it) : it)),
+    };
+}
+/**
+ * Déplace un ENFANT d'un cran dans son conteneur (le flux : l'ordre fait loi).
+ * Même chemin pour la souris et le clavier, comme le reste du modèle.
+ */
+function atelierReordonnerEnfant(layout, parentId, id, sens) {
+    return {
+        version: 1,
+        items: transformerArbre(layout.items, (it) => {
+            if (it.id !== parentId || !it.children)
+                return it;
+            const i = it.children.findIndex((e) => e.id === id);
+            const j = i + sens;
+            if (i < 0 || j < 0 || j >= it.children.length)
+                return it;
+            const enfants = [...it.children];
+            [enfants[i], enfants[j]] = [enfants[j], enfants[i]];
+            return { ...it, children: enfants };
+        }),
+    };
+}
+/**
+ * Change la largeur, en gardant le bloc DANS la grille.
+ *
+ * On décale x quand la largeur déborde, plutôt que de rogner w : l'utilisateur a demandé
+ * une largeur, pas une place. Rogner silencieusement donnerait un bloc plus étroit que
+ * ce qu'il a réglé, sans rien dire.
+ */
+function atelierRedimensionner(layout, id, w) {
+    const large = borne(w, 1, ATELIER_COLONNES);
+    return {
+        version: 1,
+        items: transformerArbre(layout.items, (it, profondeur) => {
+            if (it.id !== id)
+                return it;
+            // Sur le PLAN, la largeur peut déborder de la grille : on décale x plutôt que de
+            // rogner w. Un ENFANT, lui, se redimensionne aussi (SZU 24/08 : « on ne peut plus
+            // les redimensionner, très limitatif ») mais son `w` est un span de la grille de
+            // flux de son conteneur, x reste 0 : pas de placement absolu à l'intérieur.
+            return profondeur === 0
+                ? { ...it, w: large, x: Math.min(it.x, ATELIER_COLONNES - large) }
+                : { ...it, w: large };
+        }),
+    };
+}
+/**
+ * Déplace un bloc d'un cran dans l'ordre de lecture (haut/bas), puis recompacte.
+ *
+ * C'est le CHEMIN CLAVIER, et il passe par les mêmes fonctions que le glisser — la règle
+ * déjà tenue par `cad-taskboard` et `cad-calendar`. Deux chemins séparés divergent
+ * toujours, et c'est celui du clavier qui pourrit, parce que personne ne le regarde.
+ */
+function atelierDeplacer(layout, id, sens) {
+    const ordonne = [...layout.items].sort((a, b) => a.y - b.y || a.x - b.x);
+    const i = ordonne.findIndex((it) => it.id === id);
+    if (i < 0)
+        return layout;
+    const j = i + sens;
+    if (j < 0 || j >= ordonne.length)
+        return layout;
+    [ordonne[i], ordonne[j]] = [ordonne[j], ordonne[i]];
+    // `atelierPoser` et NON `atelierRecompacter` : ce dernier re-trie par (y, x), ce qui
+    // annulerait l'échange qu'on vient de faire — les `y` n'ont pas encore bougé. Défaut
+    // trouvé par le test du clavier, qui rendait le déplacement parfaitement inopérant.
+    return atelierPoser(ordonne);
+}
+/**
+ * Repose tous les blocs dans l'ordre de lecture, en supprimant les trous verticaux.
+ *
+ * Le plan garde des positions ABSOLUES (c'est le contrat de frontless), mais une maquette
+ * criblée de lignes vides est illisible. On recompacte donc à chaque réarrangement, en
+ * respectant l'ordre voulu et les largeurs.
+ */
+function atelierRecompacter(layout) {
+    return atelierPoser([...layout.items].sort((a, b) => a.y - b.y || a.x - b.x));
+}
+/**
+ * Repose les blocs DANS L'ORDRE DU TABLEAU REÇU, sans le retrier.
+ *
+ * La distinction avec `atelierRecompacter` n'est pas cosmétique : après un déplacement au
+ * clavier, l'ordre voulu est celui du tableau, et les `y` portent encore les anciennes
+ * positions. Retrier à ce moment-là annule l'échange — le déplacement devenait
+ * silencieusement inopérant, et c'est le test du clavier qui l'a montré.
+ */
+function atelierPoser(items) {
+    const poses = [];
+    for (const it of items) {
+        const { x, y } = atelierPremierePlaceLibre(poses, it.w, it.h);
+        poses.push({ ...it, x, y });
+    }
+    return { version: 1, items: poses };
+}
+/**
+ * Ramène un plan venu de l'extérieur dans les clous — un lien partagé, un fichier collé.
+ *
+ * Écarte ce qui est irrécupérable plutôt que de le réparer au jugé : un bloc dont on a
+ * deviné le type serait pire qu'un bloc absent. Même doctrine que l'assainisseur backend,
+ * dont ce n'est PAS un doublon : celui-ci protège l'affichage, celui-là protège la base.
+ */
+function atelierNormaliser(brut) {
+    const entree = brut;
+    if (!entree || !Array.isArray(entree.items))
+        return atelierLayoutVide();
+    let total = 0;
+    /**
+     * Un item ramené dans les clous, ou `null` s'il est irrécupérable.
+     *
+     * La PROFONDEUR change les règles : à 0 le placement est absolu, en dessous il est
+     * forcé au FLUX (x/y/h normalisés, seul `w` — le span — survit). Au-delà de
+     * `profondeurMax` la descendance est écartée, pas réparée : borner ici n'est pas de
+     * l'ergonomie, c'est ce qui empêche un JSON hostile de faire sauter la pile.
+     */
+    const normaliserItem = (it, profondeur) => {
+        const enfant = profondeur > 0;
+        if (!it || typeof it !== 'object')
+            return null;
+        const brutItem = it;
+        const type = String(brutItem.type ?? '');
+        if (!/^(?:app:)?[a-z][a-z0-9-]{0,40}$/.test(type))
+            return null;
+        // `w` d'un enfant = span de la grille de flux, GARDÉ (borné 1–12) ; x/y/h forcés.
+        const w = borne(brutItem.w, 1, ATELIER_COLONNES);
+        const x = enfant ? 0 : borne(brutItem.x, 0, ATELIER_COLONNES - w);
+        const h = enfant ? 1 : borne(brutItem.h, ATELIER_BORNES.hMin, ATELIER_BORNES.hMax);
+        const y = enfant ? 0 : borne(brutItem.y, 0, ATELIER_BORNES.yMax);
+        adopterId(brutItem.id); // avant de fabriquer quoi que ce soit : pas d'homonyme
+        const propre = { id: brutItem.id || atelierNouvelId(), type, x, y, w, h };
+        const props = brutItem.props;
+        if (props && typeof props === 'object' && !Array.isArray(props)) {
+            const gardees = {};
+            for (const [k, v] of Object.entries(props).slice(0, ATELIER_BORNES.propsMax)) {
+                if (!/^[A-Za-z_][A-Za-z0-9_]{0,30}$/.test(k))
+                    continue;
+                if (typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean')
+                    gardees[k] = v;
+                else if (Array.isArray(v))
+                    gardees[k] = v.slice(0, 100).map((s) => String(s));
+            }
+            if (Object.keys(gardees).length)
+                propre.props = gardees;
+        }
+        if (brutItem.hideMobile === true)
+            propre.hideMobile = true;
+        if (profondeur < ATELIER_BORNES.profondeurMax && Array.isArray(brutItem.children)) {
+            const enfants = [];
+            for (const e of brutItem.children.slice(0, ATELIER_BORNES.enfantsMax)) {
+                if (total >= ATELIER_BORNES.itemsMax)
+                    break;
+                total += 1; // compté AVANT sa descendance, pour que le plafond reste global
+                const propreEnfant = normaliserItem(e, profondeur + 1);
+                if (propreEnfant)
+                    enfants.push(propreEnfant);
+                else
+                    total -= 1;
+            }
+            if (enfants.length)
+                propre.children = enfants;
+        }
+        return propre;
+    };
+    const items = [];
+    for (const it of entree.items) {
+        if (total >= ATELIER_BORNES.itemsMax)
+            break;
+        total += 1; // l'item lui-même, compté AVANT ses enfants pour que le plafond soit global
+        const propre = normaliserItem(it, 0);
+        if (propre)
+            items.push(propre);
+        else
+            total -= 1;
+    }
+    return { version: 1, items };
+}
+
+/** Le libellé d'une pièce, pour le chemin : son `label`/`header`, sinon son type. */
+function libelle(props, type) {
+    for (const k of ['label', 'header', 'title']) {
+        const v = props?.[k];
+        if (typeof v === 'string' && v.trim())
+            return v.trim();
+    }
+    return type;
+}
+/**
+ * Résout la destination d'un clic de palette.
+ *
+ * `selectionId` est le composant actuellement sélectionné — un conteneur accueille, un
+ * composant simple fait poser à côté de lui, chez son parent.
+ */
+function atelierCibleDePose(layout, selectionId, cle) {
+    const auPlan = {
+        dansId: null,
+        pieceACreer: null,
+        chemin: [],
+        possible: atelierAccepte(null, cle),
+    };
+    if (!selectionId)
+        return auPlan;
+    const sel = atelierTrouver(layout, selectionId);
+    if (!sel)
+        return auPlan;
+    // Un CONTENEUR sélectionné accueille ; un composant simple fait poser chez son parent,
+    // donc à côté de lui — le geste que l'on attend quand on vient d'en poser un.
+    const estConteneur = !!atelierComposant(sel.item.type)?.conteneur;
+    const hote = estConteneur ? sel.item : sel.parentId ? atelierTrouver(layout, sel.parentId)?.item : null;
+    if (!hote)
+        return auPlan;
+    if (atelierAccepte(hote.type, cle)) {
+        return { dansId: hote.id, pieceACreer: null, chemin: [hote.type], possible: true };
+    }
+    // L'hôte refuse. Peut-on DESCENDRE dans sa pièce ? Seulement s'il n'a qu'un type de
+    // pièce et que cette pièce accueille elle-même quelque chose.
+    const pieces = atelierPiecesDe(hote.type);
+    const piece = pieces.length === 1 ? pieces[0] : null;
+    if (!piece || !atelierComposant(piece)?.conteneur || !atelierAccepte(piece, cle)) {
+        return { dansId: hote.id, pieceACreer: null, chemin: [hote.type], possible: false };
+    }
+    const posees = (hote.children ?? []).filter((e) => e.type === piece);
+    if (!posees.length) {
+        // Aucune pièce : on en crée une au passage. Elle sera VISIBLE (un onglet apparaît),
+        // ce qui la distingue d'une structure fabriquée en douce.
+        return { dansId: hote.id, pieceACreer: piece, chemin: [hote.type, piece], possible: true };
+    }
+    // La pièce COURANTE, c'est-à-dire celle qu'on voit : en mode design le canevas est
+    // inerte (les onglets ne se cliquent pas), donc l'affichage suit `activeIndex`, que
+    // l'inspecteur expose. Sans prop exploitable, la première — comme à l'écran.
+    const brut = Number(hote.props?.['activeIndex']);
+    const i = Number.isInteger(brut) && brut >= 0 && brut < posees.length ? brut : 0;
+    const courante = posees[i];
+    return {
+        dansId: courante.id,
+        pieceACreer: null,
+        chemin: [hote.type, libelle(courante.props, courante.type)],
+        possible: true,
+    };
+}
+/**
+ * Les valeurs de DÉPART d'un composant qu'on pose : le texte projeté (`contenu=`) et
+ * les entrées (`pose-*`) du catalogue.
+ *
+ * Extrait ici parce que DEUX poseurs doivent l'appliquer, et à DEUX endroits chacun :
+ * au composant cliqué, et à la pièce d'hôte que le routage crée au passage. Cette
+ * seconde application manquait — un onglet né du routage arrivait sans libellé, donc
+ * invisible dans la barre (mesuré au clic dans le builder le 27/08). Un composant posé
+ * sans ses valeurs de départ est une coquille, c'était déjà la leçon du 24/08.
+ */
+function atelierProposDePose(cle) {
+    const c = atelierComposant(cle);
+    if (!c)
+        return {};
+    return {
+        ...c.proposDeDepart,
+        ...(c.contenu ? { __contenu: c.contenu } : {}),
+    };
+}
+
 /**
  * Le code Angular d'une maquette — la sortie qui distingue cet atelier d'un Figma.
  *
@@ -34668,9 +35198,15 @@ function ouvrante(item) {
     }
     return { balise: c.balise, attribut: c.attribut ? ` ${c.attribut}` : '' };
 }
-/** Tous les items, enfants compris — les balayages (imports, manques) sont récursifs. */
+/**
+ * Tous les items, à TOUTES les profondeurs — les balayages (imports, manques) doivent
+ * descendre jusqu'au bout. Une descente d'un seul cran oubliait les composants posés
+ * dans un onglet : le code généré les écrivait sans les importer, donc il ne compilait
+ * pas chez qui le collait.
+ */
 function tousLesItems(layout) {
-    return layout.items.flatMap((it) => [it, ...(it.children ?? [])]);
+    const descendre = (items) => items.flatMap((it) => [it, ...descendre(it.children ?? [])]);
+    return descendre(layout.items);
 }
 /** Les entrées requises qu'aucune valeur ne remplit — nommées, jamais inventées. */
 function atelierManques(layout) {
@@ -34817,5 +35353,5 @@ function atelierCode(layout, titre = 'Maquette') {
  * Generated bundle index. Do not edit.
  */
 
-export { ATELIER_BORNES, ATELIER_COLONNES, ATELIER_STYLES_PLAN, BanGeocoder, CAD_BREAKPOINTS, CAD_CHART_PALETTE, CAD_COLOR_PRESETS, CAD_DEFAULT_BASEMAPS, CAD_DEFAULT_PRIORITY_BREAKPOINTS, CAD_DIALOG_DATA, CAD_FILTER_OPERATORS, CAD_GEOCODER, CAD_ICONS, CAD_ICONS_CEREMA, CAD_ICONS_CORE, CAD_ICONS_DATA, CAD_ICONS_FILES, CAD_ICONS_GEO, CAD_ICONS_SUBSET, CAD_ICONS_TOKEN, CAD_ICONS_UI, CAD_ICON_ALIASES, CAD_ICON_CATEGORIES, CAD_MAPLIBRE_CSS_URL, CAD_MAP_CHILD, CAD_MAP_DEFAULTS, CAD_MAP_GLOBAL_STYLES, CAD_MAP_GLYPHS, CAD_MAP_PALETTE, CAD_MASK_PRESETS, CAD_MOBILE_BREAKPOINT, CAD_RECURRENCE_INTERNE, CAD_SELECT_POSITIONS, CAD_SELECT_TRIGGER_STYLES, CAD_SHEET_DATA, CAD_SHELL, CAD_TOUCH_DENSITY, CadAccordionComponent, CadAccordionPanelComponent, CadAppShellComponent, CadAvatarComponent, CadAvatarGroupComponent, CadBadgeComponent, CadBadgeDirective, CadBlockDirective, CadBlockOverlayComponent, CadBlockUiComponent, CadBottomNavComponent, CadBreadcrumbComponent, CadBreadcrumbItemDirective, CadBreakpointService, CadButtonComponent, CadButtonGroupComponent, CadCalendarComponent, CadCaptionDirective, CadCardComponent, CadCardDirective, CadCardHeaderDirective, CadCarouselComponent, CadCarouselItemDirective, CadCascadeSelectComponent, CadCellTemplateDirective, CadCenterComponent, CadChartComponent, CadCheckboxComponent, CadChipComponent, CadClusterComponent, CadColDirective, CadColorpickerComponent, CadColumnComponent, CadComboComponent, CadConfirmContentComponent, CadConfirmDialogComponent, CadConfirmService, CadContainerComponent, CadDataviewComponent, CadDataviewGridDirective, CadDataviewListDirective, CadDatepickerComponent, CadDialogComponent, CadDialogContainerComponent, CadDialogFooterDirective, CadDialogHeaderDirective, CadDialogRef, CadDialogService, CadDividerComponent, CadDrawerComponent, CadEditFocusDirective, CadEditorTemplateDirective, CadEmptyDirective, CadFieldComponent, CadFieldsetComponent, CadFieldsetLegendDirective, CadFilterChipComponent, CadFilterTemplateDirective, CadGanttComponent, 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, CadSchedulerComponent, 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, REGISTRE, addDays, addMonths, addYears, atelierAjouter, atelierBalise, atelierChercher, atelierCleDeSymbole, atelierCode, atelierComposant, atelierCompter, atelierControle, atelierDefinirProp, atelierDeplacer, atelierGabarit, atelierGroupes, atelierImports, atelierLayoutVide, atelierManques, atelierNomDeClasse, atelierNormaliser, atelierNouvelId, atelierPalette, atelierPoser, atelierPremierePlaceLibre, atelierRecompacter, atelierRedimensionner, atelierReinitialiserIds, atelierReordonnerEnfant, atelierRetirer, atelierSelecteurDeClasse, atelierTrouver, cadAggregate, cadApplyColumnOrder, cadApplyMask, cadArea, cadAutosizeWidth, cadBasemapThumbnail, cadBoundsOf, cadCategories, cadCentroid, cadClipFenetre, cadColorExpr, cadCompare, cadCompareRank, cadCurrentOperator, cadDebutSemaine, cadDefaultMatchMode, cadDistance, cadDownloadCsv, cadDurationToMinutes, cadEstBandeau, cadExpandOccurrences, cadFilterData, cadFilterKindOf, cadFilterOperators, cadFilterRows, cadFindLinkCycle, cadFmtArea, cadFmtLength, cadFormatCell, cadFormatColor, cadFormatDuration, cadFormatSize, cadFrenchHolidays, cadGanttRows, cadGap, cadGeoJSONStats, cadGeometryKinds, cadHeaderMenuItems, cadHighlightJson, cadHslToRgb, cadHsvToRgb, cadId, cadIsGroupKey, cadIsRank, cadJsonErrorPos, cadLegendFromStyle, cadLength, cadMapEstVivante, cadMapLayerOf, cadMapLayersOf, cadMatch, cadMinuit, cadMonthGrid, cadMoveColumn, cadMoveItems, cadNormalize, cadNormalizeOptions, cadNormalizePlan, cadNumberExpr, cadNumeroJour, cadPackDay, cadPackLanes, cadPadBounds, cadParseColor, cadParseDuration, cadParseRRule, cadParseResponsive, cadPlanHeader, cadPlanTicks, cadPointeFleche, cadProjeterClavier, cadProjeterCreation, cadProjeterEdition, cadProjeterMois, cadPropsTable, cadRankBetween, cadRankFirst, cadRankLast, cadRankSequence, cadResolve, cadResolveResponsive, cadResponsive, cadRgbToHsl, cadRgbToHsv, cadRingArea, cadRouterLien, cadRowKey, cadRowPredicate, cadSameValue, cadScaleNext, cadScaleStart, cadSchedulerPartition, cadSortData, cadStartResize, cadStyleToExpressions, cadUnmask, cadUnscheduled, cadValidateGeoJSON, cadValueForOperator, cadWeekBands, cadWriteField, classeDe, compareDay, daysInMonth, endOfMonth, ensureMaplibreCss, formatDate, isBetweenDay, isSameDay, isSameMonth, isValidDate, isoOf, isoWeek, loadChartJs, loadMaplibre, monthNames, pad2, parseIso, parseWithFormat, provideCadIcons, startOfDay, startOfMonth, toDate, weekdayNames };
+export { ATELIER_BORNES, ATELIER_COLONNES, ATELIER_STYLES_PLAN, BanGeocoder, CAD_BREAKPOINTS, CAD_CHART_PALETTE, CAD_COLOR_PRESETS, CAD_DEFAULT_BASEMAPS, CAD_DEFAULT_PRIORITY_BREAKPOINTS, CAD_DIALOG_DATA, CAD_FILTER_OPERATORS, CAD_GEOCODER, CAD_ICONS, CAD_ICONS_CEREMA, CAD_ICONS_CORE, CAD_ICONS_DATA, CAD_ICONS_FILES, CAD_ICONS_GEO, CAD_ICONS_SUBSET, CAD_ICONS_TOKEN, CAD_ICONS_UI, CAD_ICON_ALIASES, CAD_ICON_CATEGORIES, CAD_MAPLIBRE_CSS_URL, CAD_MAP_CHILD, CAD_MAP_DEFAULTS, CAD_MAP_GLOBAL_STYLES, CAD_MAP_GLYPHS, CAD_MAP_PALETTE, CAD_MASK_PRESETS, CAD_MOBILE_BREAKPOINT, CAD_RECURRENCE_INTERNE, CAD_SELECT_POSITIONS, CAD_SELECT_TRIGGER_STYLES, CAD_SHEET_DATA, CAD_SHELL, CAD_TOUCH_DENSITY, CadAccordionComponent, CadAccordionPanelComponent, CadAppShellComponent, CadAvatarComponent, CadAvatarGroupComponent, CadBadgeComponent, CadBadgeDirective, CadBlockDirective, CadBlockOverlayComponent, CadBlockUiComponent, CadBottomNavComponent, CadBreadcrumbComponent, CadBreadcrumbItemDirective, CadBreakpointService, CadButtonComponent, CadButtonGroupComponent, CadCalendarComponent, CadCaptionDirective, CadCardComponent, CadCardDirective, CadCardHeaderDirective, CadCarouselComponent, CadCarouselItemDirective, CadCascadeSelectComponent, CadCellTemplateDirective, CadCenterComponent, CadChartComponent, CadCheckboxComponent, CadChipComponent, CadClusterComponent, CadColDirective, CadColorpickerComponent, CadColumnComponent, CadComboComponent, CadConfirmContentComponent, CadConfirmDialogComponent, CadConfirmService, CadContainerComponent, CadDataviewComponent, CadDataviewGridDirective, CadDataviewListDirective, CadDatepickerComponent, CadDialogComponent, CadDialogContainerComponent, CadDialogFooterDirective, CadDialogHeaderDirective, CadDialogRef, CadDialogService, CadDividerComponent, CadDrawerComponent, CadEditFocusDirective, CadEditorTemplateDirective, CadEmptyDirective, CadFieldComponent, CadFieldsetComponent, CadFieldsetLegendDirective, CadFilterChipComponent, CadFilterTemplateDirective, CadGanttComponent, 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, CadSchedulerComponent, 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, REGISTRE, addDays, addMonths, addYears, atelierAccepte, atelierAdopterIds, atelierAjouter, atelierBalise, atelierChercher, atelierCibleDePose, atelierCleDeSymbole, atelierCode, atelierComposant, atelierCompter, atelierControle, atelierDefinirProp, atelierDeplacer, atelierGabarit, atelierGroupes, atelierImports, atelierLayoutVide, atelierManques, atelierNomDeClasse, atelierNormaliser, atelierNouvelId, atelierPalette, atelierPiecesDe, atelierPoser, atelierPremierePlaceLibre, atelierProposDePose, atelierRecompacter, atelierRedimensionner, atelierReinitialiserIds, atelierReordonnerEnfant, atelierRetirer, atelierSelecteurDeClasse, atelierTrouver, cadAggregate, cadApplyColumnOrder, cadApplyMask, cadArea, cadAutosizeWidth, cadBasemapThumbnail, cadBoundsOf, cadCategories, cadCentroid, cadClipFenetre, cadColorExpr, cadCompare, cadCompareRank, cadCurrentOperator, cadDebutSemaine, cadDefaultMatchMode, cadDistance, cadDownloadCsv, cadDurationToMinutes, cadEstBandeau, cadExpandOccurrences, cadFilterData, cadFilterKindOf, cadFilterOperators, cadFilterRows, cadFindLinkCycle, cadFmtArea, cadFmtLength, cadFormatCell, cadFormatColor, cadFormatDuration, cadFormatSize, cadFrenchHolidays, cadGanttRows, cadGap, cadGeoJSONStats, cadGeometryKinds, cadHeaderMenuItems, cadHighlightJson, cadHslToRgb, cadHsvToRgb, cadId, cadIsGroupKey, cadIsRank, cadJsonErrorPos, cadLegendFromStyle, cadLength, cadMapEstVivante, cadMapLayerOf, cadMapLayersOf, cadMatch, cadMinuit, cadMonthGrid, cadMoveColumn, cadMoveItems, cadNormalize, cadNormalizeOptions, cadNormalizePlan, cadNumberExpr, cadNumeroJour, cadPackDay, cadPackLanes, cadPadBounds, cadParseColor, cadParseDuration, cadParseRRule, cadParseResponsive, cadPlanHeader, cadPlanTicks, cadPointeFleche, cadProjeterClavier, cadProjeterCreation, cadProjeterEdition, cadProjeterMois, cadPropsTable, cadRankBetween, cadRankFirst, cadRankLast, cadRankSequence, cadResolve, cadResolveResponsive, cadResponsive, cadRgbToHsl, cadRgbToHsv, cadRingArea, cadRouterLien, cadRowKey, cadRowPredicate, cadSameValue, cadScaleNext, cadScaleStart, cadSchedulerPartition, cadSortData, cadStartResize, cadStyleToExpressions, cadUnmask, cadUnscheduled, cadValidateGeoJSON, cadValueForOperator, cadWeekBands, cadWriteField, classeDe, compareDay, daysInMonth, endOfMonth, ensureMaplibreCss, estHoteAPieces, formatDate, isBetweenDay, isSameDay, isSameMonth, isValidDate, isoOf, isoWeek, loadChartJs, loadMaplibre, monthNames, pad2, parseIso, parseWithFormat, provideCadIcons, startOfDay, startOfMonth, toDate, weekdayNames };
 //# sourceMappingURL=cadriciel-ui.mjs.map