@ktortu/aaa 0.1.0-beta.0 → 0.9.1

package/fesm2022/ktortu-aaa-cdk.mjs

@@ -12,19 +12,31 @@ import { map } from 'rxjs';
  * Geste DOUBLÉ côté appelant par Échap + bouton Fermer + tap-extérieur (WCAG 2.5.1) : ce module ne
  * gère que le glissement. Le gating « écran compact uniquement » reste à l'appelant (signal `isCompact`
  * de `KtViewport`) — la primitive est volontairement agnostique.
+ *
+ * @param opts Élément à translater, callback de fermeture, classe de drag et seuil optionnel.
+ * @returns Un contrôleur {@link KtSheetDrag} (`start` à brancher sur `pointerdown`, `destroy` au teardown).
+ * @example
+ * ```ts
+ * const drag = createKtSheetDrag({
+ *   pane: () => paneEl(),
+ *   onDismiss: () => dialogRef.close(),
+ *   draggingClass: 'kt-sheet--dragging',
+ * });
+ * // <div class="handle" (pointerdown)="drag.start($event)"></div>
+ * ```
  */
 function createKtSheetDrag(opts) {
     const threshold = opts.threshold ?? 0.25;
     let startY = 0;
     let pane = null;
     let handle = null;
+    let ownerDoc = null;
     const cleanupListeners = () => {
-        if (!handle)
+        if (!ownerDoc)
             return;
-        handle.removeEventListener('pointermove', onMove);
-        handle.removeEventListener('pointerup', onEnd);
-        handle.removeEventListener('pointercancel', onEnd);
-        handle.removeEventListener('lostpointercapture', onEnd);
+        ownerDoc.removeEventListener('pointermove', onMove);
+        ownerDoc.removeEventListener('pointerup', onEnd);
+        ownerDoc.removeEventListener('pointercancel', onEnd);
     };
     const onMove = (event) => {
         if (!pane)
@@ -36,17 +48,25 @@ function createKtSheetDrag(opts) {
         if (!pane || !handle)
             return;
         cleanupListeners();
-        pane.classList.remove(opts.draggingClass);
         const dragged = event.clientY - startY;
-        if (dragged > pane.getBoundingClientRect().height * threshold) {
-            pane.style.translate = '0 100%'; // continue le glissement jusqu'en bas, puis ferme
-            opts.onDismiss();
+        const dismiss = dragged > pane.getBoundingClientRect().height * threshold;
+        // WCAG 2.3.3 : sous prefers-reduced-motion, on applique l'état final SANS animation.
+        const reduceMotion = !!ownerDoc?.defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
+        if (reduceMotion) {
+            // draggingClass (transition coupée) encore présente : la translation finale est instantanée,
+            // puis on retire la classe (aucun changement de valeur ⇒ aucune animation déclenchée).
+            pane.style.translate = dismiss ? '0 100%' : '';
+            pane.classList.remove(opts.draggingClass);
         }
         else {
-            pane.style.translate = ''; // snap-back : la transition CSS ramène à 0
+            pane.classList.remove(opts.draggingClass); // réactive la transition CSS (glissement / snap-back)
+            pane.style.translate = dismiss ? '0 100%' : ''; // dismiss : glisse jusqu'en bas ; sinon snap-back à 0
         }
+        if (dismiss)
+            opts.onDismiss();
         pane = null;
         handle = null;
+        ownerDoc = null;
     };
     return {
         start(event) {
@@ -56,21 +76,23 @@ function createKtSheetDrag(opts) {
             if (!el)
                 return;
             handle = event.currentTarget;
+            ownerDoc = handle.ownerDocument;
             // La poignée ne doit PAS voler le focus (sinon un close-on-blur fermerait prématurément).
             event.preventDefault();
-            handle.setPointerCapture(event.pointerId);
             startY = event.clientY;
             pane = el;
             pane.classList.add(opts.draggingClass);
-            handle.addEventListener('pointermove', onMove);
-            handle.addEventListener('pointerup', onEnd);
-            handle.addEventListener('pointercancel', onEnd);
-            handle.addEventListener('lostpointercapture', onEnd);
+            // Écoute au niveau du document : un pointer qui sort de la poignée (petite cible) ou une
+            // capture perdue n'interrompt plus le suivi du glissement ni le snap-back.
+            ownerDoc.addEventListener('pointermove', onMove);
+            ownerDoc.addEventListener('pointerup', onEnd);
+            ownerDoc.addEventListener('pointercancel', onEnd);
         },
         destroy() {
             cleanupListeners();
             pane = null;
             handle = null;
+            ownerDoc = null;
         },
     };
 }
@@ -84,6 +106,8 @@ const KT_BREAKPOINTS = new InjectionToken('KT_BREAKPOINTS', {
 });
 /**
  * À ajouter aux `providers` de `app.config.ts`. Fusionne avec les défauts → surcharge partielle OK.
+ * @param overrides Seuils à surcharger ; les clés absentes gardent leur défaut `KT_DEFAULT_BREAKPOINTS`.
+ * @returns Provider liant `KT_BREAKPOINTS` aux seuils fusionnés.
  * @example provideKtBreakpoints({ tablet: 768, desktop: 1200 })
  * @example provideKtBreakpoints({ tablet: '(min-width: 768px) and (orientation: landscape)' })
  */
@@ -106,6 +130,9 @@ function join(...parts) {
  * Convertit les seuils (nombres et/ou chaînes) en 3 media queries. Un palier-chaîne est repris
  * verbatim ; un palier-nombre devient la bande `[plancher courant .. plancher suivant[`. Si le
  * plancher suivant est une chaîne (pas de borne numérique), la bande reste ouverte de ce côté.
+ * @param bp Seuils responsive à convertir (nombres et/ou chaînes).
+ * @returns Les trois media queries résolues (`mobile`, `tablet`, `desktop`).
+ * @example resolveKtBreakpointMedia(KT_DEFAULT_BREAKPOINTS)
  */
 function resolveKtBreakpointMedia(bp) {
     const { mobile, tablet, desktop } = bp;
@@ -154,9 +181,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+/**
+ * Génère des identifiants numériques incrémentaux uniques au sein de l'application, soit globalement,
+ * soit par préfixe (compteur dédié). Sert à construire des `anchor-name` / `id` stables et distincts.
+ *
+ * @example
+ * ```ts
+ * const idGen = inject(KtIdGenerator);
+ * const anchor = `--kt-menu-anchor-${idGen.generateId('menu')}`;
+ * ```
+ */
 class KtIdGenerator {
     counters = new Map();
     nextGlobalId = 0;
+    /**
+     * Renvoie le prochain identifiant. Sans `prefix`, utilise le compteur global ; avec `prefix`,
+     * utilise un compteur dédié à ce préfixe (séquences indépendantes).
+     * @param prefix Clé optionnelle de compteur ; chaque préfixe a sa propre séquence.
+     * @returns Le compteur courant (number) pour la portée demandée, avant incrément.
+     */
     generateId(prefix) {
         if (!prefix) {
             return this.nextGlobalId++;
@@ -171,6 +214,7 @@ class KtIdGenerator {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtIdGenerator, decorators: [{
             type: Injectable,
             args: [{
+                    // Stryker disable next-line all: `providedIn` doit rester statiquement analysable par l'AOT (NG1010).
                     providedIn: 'root',
                 }]
         }] });

package/fesm2022/ktortu-aaa-cdk.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ktortu-aaa-cdk.mjs","sources":["../../../../projects/ktortu/aaa/cdk/sheet/sheet-drag.ts","../../../../projects/ktortu/aaa/cdk/breakpoints/breakpoints.ts","../../../../projects/ktortu/aaa/cdk/breakpoints/viewport.ts","../../../../projects/ktortu/aaa/cdk/id-generator.ts","../../../../projects/ktortu/aaa/cdk/ktortu-aaa-cdk.ts"],"sourcesContent":["/** Contrôleur de drag-to-dismiss d'une bottom-sheet. À câbler sur le `pointerdown` de la poignée. */\nexport interface KtSheetDrag {\n  start(event: PointerEvent): void;\n  destroy(): void;\n}\n\nexport interface KtSheetDragOptions {\n  /** Élément translaté pendant le glissement (la feuille elle-même). Lu à chaque `start`. */\n  pane: () => HTMLElement | null;\n  /** Fermeture déclenchée quand le seuil est franchi (ex. `expanded.set(false)` / `dialogRef.close()`). */\n  onDismiss: () => void;\n  /** Classe togglée sur le pane pendant le drag (coupe la transition CSS du glissement). */\n  draggingClass: string;\n  /** Fraction de la hauteur de la feuille au-delà de laquelle on ferme (défaut 0.25). */\n  threshold?: number;\n}\n\n/**\n * Drag-to-dismiss vertical (vers le BAS uniquement) d'une bottom-sheet, factorisé entre le Select\n * (popup Popover) et le Dialog (pane CDK). Chaque appelant ne fournit que SON élément à translater\n * et SON callback de fermeture.\n *\n * Geste DOUBLÉ côté appelant par Échap + bouton Fermer + tap-extérieur (WCAG 2.5.1) : ce module ne\n * gère que le glissement. Le gating « écran compact uniquement » reste à l'appelant (signal `isCompact`\n * de `KtViewport`) — la primitive est volontairement agnostique.\n */\nexport function createKtSheetDrag(opts: KtSheetDragOptions): KtSheetDrag {\n  const threshold = opts.threshold ?? 0.25;\n  let startY = 0;\n  let pane: HTMLElement | null = null;\n  let handle: HTMLElement | null = null;\n\n  const cleanupListeners = (): void => {\n    if (!handle) return;\n    handle.removeEventListener('pointermove', onMove);\n    handle.removeEventListener('pointerup', onEnd);\n    handle.removeEventListener('pointercancel', onEnd);\n    handle.removeEventListener('lostpointercapture', onEnd);\n  };\n\n  const onMove = (event: PointerEvent): void => {\n    if (!pane) return;\n    const dy = Math.max(0, event.clientY - startY); // on ne tire que vers le bas\n    pane.style.translate = `0 ${dy}px`;\n  };\n\n  const onEnd = (event: PointerEvent): void => {\n    if (!pane || !handle) return;\n    cleanupListeners();\n    pane.classList.remove(opts.draggingClass);\n\n    const dragged = event.clientY - startY;\n    if (dragged > pane.getBoundingClientRect().height * threshold) {\n      pane.style.translate = '0 100%'; // continue le glissement jusqu'en bas, puis ferme\n      opts.onDismiss();\n    } else {\n      pane.style.translate = ''; // snap-back : la transition CSS ramène à 0\n    }\n    pane = null;\n    handle = null;\n  };\n\n  return {\n    start(event: PointerEvent): void {\n      if (event.button !== 0) return;\n      const el = opts.pane();\n      if (!el) return;\n      handle = event.currentTarget as HTMLElement;\n      // La poignée ne doit PAS voler le focus (sinon un close-on-blur fermerait prématurément).\n      event.preventDefault();\n      handle.setPointerCapture(event.pointerId);\n      startY = event.clientY;\n      pane = el;\n      pane.classList.add(opts.draggingClass);\n      handle.addEventListener('pointermove', onMove);\n      handle.addEventListener('pointerup', onEnd);\n      handle.addEventListener('pointercancel', onEnd);\n      handle.addEventListener('lostpointercapture', onEnd);\n    },\n    destroy(): void {\n      cleanupListeners();\n      pane = null;\n      handle = null;\n    },\n  };\n}\n","import { InjectionToken, Provider } from '@angular/core';\n\n/**\n * Valeur d'un palier de breakpoint, CONFIGURABLE PAR APPLICATION :\n * - un **nombre** = largeur (px) à partir de laquelle le palier commence ; la lib en dérive une\n *   media query LARGEUR SEULE (bornes calculées par rapport au palier suivant) ;\n * - une **chaîne** = media query complète du palier, utilisée VERBATIM (échappatoire pour un critère\n *   non-largeur : `orientation`, `pointer`, ratio…).\n */\nexport type KtBreakpointValue = number | string;\n\n/**\n * Seuils responsive de la lib, surchargeables par appli via `provideKtBreakpoints`. Sémantique\n * « plancher de palier » : chaque valeur indique où le palier COMMENCE → 3 bandes mutuellement\n * exclusives (`mobile` < `tablet` < `desktop`).\n */\nexport interface KtBreakpoints {\n  /** Plancher du mobile (typiquement 0). */\n  mobile: KtBreakpointValue;\n  /** Largeur où commence la tablette (= plafond mobile). */\n  tablet: KtBreakpointValue;\n  /** Largeur où commence le desktop (= plafond tablette). */\n  desktop: KtBreakpointValue;\n}\n\n/** Défauts : bascule bottom-sheet sous 600px (aligné sur l'ancien `MOBILE_QUERY`). */\nexport const KT_DEFAULT_BREAKPOINTS: KtBreakpoints = { mobile: 0, tablet: 600, desktop: 1024 };\n\n/** Token des seuils responsive. Défaut = `KT_DEFAULT_BREAKPOINTS` ; surchargé par `provideKtBreakpoints`. */\nexport const KT_BREAKPOINTS = new InjectionToken<KtBreakpoints>('KT_BREAKPOINTS', {\n  providedIn: 'root',\n  factory: () => KT_DEFAULT_BREAKPOINTS,\n});\n\n/**\n * À ajouter aux `providers` de `app.config.ts`. Fusionne avec les défauts → surcharge partielle OK.\n * @example provideKtBreakpoints({ tablet: 768, desktop: 1200 })\n * @example provideKtBreakpoints({ tablet: '(min-width: 768px) and (orientation: landscape)' })\n */\nexport function provideKtBreakpoints(overrides: Partial<KtBreakpoints>): Provider {\n  return { provide: KT_BREAKPOINTS, useValue: { ...KT_DEFAULT_BREAKPOINTS, ...overrides } };\n}\n\n/** Trois chaînes de media queries résolues, prêtes pour `matchMedia` / `BreakpointObserver`. */\nexport interface KtBreakpointMedia {\n  mobile: string;\n  tablet: string;\n  desktop: string;\n}\n\n/** Évite le chevauchement d'1px entre deux bandes adjacentes (max-width juste sous le plancher suivant). */\nconst EPSILON = 0.02;\n\nfunction minWidth(v: number): string {\n  return `(min-width: ${v}px)`;\n}\n\nfunction maxWidth(nextFloor: number): string {\n  return `(max-width: ${nextFloor - EPSILON}px)`;\n}\n\n/** `not all` ne matche jamais : repli sûr (= desktop) si une bande numérique se retrouve sans borne. */\nfunction join(...parts: string[]): string {\n  return parts.filter(Boolean).join(' and ') || 'not all';\n}\n\n/**\n * Convertit les seuils (nombres et/ou chaînes) en 3 media queries. Un palier-chaîne est repris\n * verbatim ; un palier-nombre devient la bande `[plancher courant .. plancher suivant[`. Si le\n * plancher suivant est une chaîne (pas de borne numérique), la bande reste ouverte de ce côté.\n */\nexport function resolveKtBreakpointMedia(bp: KtBreakpoints): KtBreakpointMedia {\n  const { mobile, tablet, desktop } = bp;\n\n  return {\n    mobile:\n      typeof mobile === 'string'\n        ? mobile\n        : join(mobile > 0 ? minWidth(mobile) : '', typeof tablet === 'number' ? maxWidth(tablet) : ''),\n    tablet:\n      typeof tablet === 'string'\n        ? tablet\n        : join(minWidth(tablet), typeof desktop === 'number' ? maxWidth(desktop) : ''),\n    desktop: typeof desktop === 'string' ? desktop : minWidth(desktop),\n  };\n}\n","import { Injectable, Signal, inject } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { map } from 'rxjs';\nimport { KT_BREAKPOINTS, resolveKtBreakpointMedia } from './breakpoints';\n\n/**\n * Expose l'état responsive courant en SIGNALS, dérivé des seuils configurés par l'appli\n * (`KT_BREAKPOINTS` / `provideKtBreakpoints`). Fondé sur `BreakpointObserver` (`@angular/cdk/layout`,\n * déjà dépendance) : SSR-safe (`matches: false` côté serveur → desktop par défaut) et nettoyage des\n * listeners géré par le CDK.\n *\n * À injecter aussi bien dans les composants de la lib (bascule bottom-sheet) que dans le code des\n * applis consommatrices pour leur propre layout responsive.\n */\n@Injectable({ providedIn: 'root' })\nexport class KtViewport {\n  private readonly observer = inject(BreakpointObserver);\n\n  /** Media queries résolues (largeur dérivée ou verbatim selon le token) — utile pour miroir CSS. */\n  readonly media = resolveKtBreakpointMedia(inject(KT_BREAKPOINTS));\n\n  /** Le viewport est dans la bande mobile. */\n  readonly isMobile = this.matches(this.media.mobile);\n  /** Le viewport est dans la bande tablette. */\n  readonly isTablet = this.matches(this.media.tablet);\n  /** Le viewport est dans la bande desktop. */\n  readonly isDesktop = this.matches(this.media.desktop);\n  /** Alias de `isMobile` : palier où les composants de la lib basculent en bottom-sheet. */\n  readonly isCompact = this.isMobile;\n\n  private matches(query: string): Signal<boolean> {\n    return toSignal(this.observer.observe(query).pipe(map((state) => state.matches)), {\n      initialValue: false,\n    });\n  }\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class KtIdGenerator {\n  private readonly counters = new Map<string, number>();\n  private nextGlobalId = 0;\n\n  generateId(prefix?: string): number {\n    if (!prefix) {\n      return this.nextGlobalId++;\n    }\n    const current = this.counters.get(prefix) ?? 0;\n    this.counters.set(prefix, current + 1);\n    return current;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ktortu-aaa-cdk.mjs","sources":["../../../../projects/ktortu/aaa/cdk/sheet/sheet-drag.ts","../../../../projects/ktortu/aaa/cdk/breakpoints/breakpoints.ts","../../../../projects/ktortu/aaa/cdk/breakpoints/viewport.ts","../../../../projects/ktortu/aaa/cdk/id-generator.ts","../../../../projects/ktortu/aaa/cdk/ktortu-aaa-cdk.ts"],"sourcesContent":["/** Contrôleur de drag-to-dismiss d'une bottom-sheet. À câbler sur le `pointerdown` de la poignée. */\nexport interface KtSheetDrag {\n  /** Démarre le suivi du glissement ; à brancher sur le `pointerdown` de la poignée. */\n  start(event: PointerEvent): void;\n  /** Détache les écouteurs et réinitialise l'état ; à appeler à la destruction. */\n  destroy(): void;\n}\n\nexport interface KtSheetDragOptions {\n  /** Élément translaté pendant le glissement (la feuille elle-même). Lu à chaque `start`. */\n  pane: () => HTMLElement | null;\n  /** Fermeture déclenchée quand le seuil est franchi (ex. `expanded.set(false)` / `dialogRef.close()`). */\n  onDismiss: () => void;\n  /** Classe togglée sur le pane pendant le drag (coupe la transition CSS du glissement). */\n  draggingClass: string;\n  /** Fraction de la hauteur de la feuille au-delà de laquelle on ferme (défaut 0.25). */\n  threshold?: number;\n}\n\n/**\n * Drag-to-dismiss vertical (vers le BAS uniquement) d'une bottom-sheet, factorisé entre le Select\n * (popup Popover) et le Dialog (pane CDK). Chaque appelant ne fournit que SON élément à translater\n * et SON callback de fermeture.\n *\n * Geste DOUBLÉ côté appelant par Échap + bouton Fermer + tap-extérieur (WCAG 2.5.1) : ce module ne\n * gère que le glissement. Le gating « écran compact uniquement » reste à l'appelant (signal `isCompact`\n * de `KtViewport`) — la primitive est volontairement agnostique.\n *\n * @param opts Élément à translater, callback de fermeture, classe de drag et seuil optionnel.\n * @returns Un contrôleur {@link KtSheetDrag} (`start` à brancher sur `pointerdown`, `destroy` au teardown).\n * @example\n * ```ts\n * const drag = createKtSheetDrag({\n *   pane: () => paneEl(),\n *   onDismiss: () => dialogRef.close(),\n *   draggingClass: 'kt-sheet--dragging',\n * });\n * // <div class=\"handle\" (pointerdown)=\"drag.start($event)\"></div>\n * ```\n */\nexport function createKtSheetDrag(opts: KtSheetDragOptions): KtSheetDrag {\n  const threshold = opts.threshold ?? 0.25;\n  let startY = 0;\n  let pane: HTMLElement | null = null;\n  let handle: HTMLElement | null = null;\n  let ownerDoc: Document | null = null;\n\n  const cleanupListeners = (): void => {\n    if (!ownerDoc) return;\n    ownerDoc.removeEventListener('pointermove', onMove);\n    ownerDoc.removeEventListener('pointerup', onEnd);\n    ownerDoc.removeEventListener('pointercancel', onEnd);\n  };\n\n  const onMove = (event: PointerEvent): void => {\n    if (!pane) return;\n    const dy = Math.max(0, event.clientY - startY); // on ne tire que vers le bas\n    pane.style.translate = `0 ${dy}px`;\n  };\n\n  const onEnd = (event: PointerEvent): void => {\n    if (!pane || !handle) return;\n    cleanupListeners();\n\n    const dragged = event.clientY - startY;\n    const dismiss = dragged > pane.getBoundingClientRect().height * threshold;\n    // WCAG 2.3.3 : sous prefers-reduced-motion, on applique l'état final SANS animation.\n    const reduceMotion = !!ownerDoc?.defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)').matches;\n\n    if (reduceMotion) {\n      // draggingClass (transition coupée) encore présente : la translation finale est instantanée,\n      // puis on retire la classe (aucun changement de valeur ⇒ aucune animation déclenchée).\n      pane.style.translate = dismiss ? '0 100%' : '';\n      pane.classList.remove(opts.draggingClass);\n    } else {\n      pane.classList.remove(opts.draggingClass); // réactive la transition CSS (glissement / snap-back)\n      pane.style.translate = dismiss ? '0 100%' : ''; // dismiss : glisse jusqu'en bas ; sinon snap-back à 0\n    }\n    if (dismiss) opts.onDismiss();\n\n    pane = null;\n    handle = null;\n    ownerDoc = null;\n  };\n\n  return {\n    start(event: PointerEvent): void {\n      if (event.button !== 0) return;\n      const el = opts.pane();\n      if (!el) return;\n      handle = event.currentTarget as HTMLElement;\n      ownerDoc = handle.ownerDocument;\n      // La poignée ne doit PAS voler le focus (sinon un close-on-blur fermerait prématurément).\n      event.preventDefault();\n      startY = event.clientY;\n      pane = el;\n      pane.classList.add(opts.draggingClass);\n      // Écoute au niveau du document : un pointer qui sort de la poignée (petite cible) ou une\n      // capture perdue n'interrompt plus le suivi du glissement ni le snap-back.\n      ownerDoc.addEventListener('pointermove', onMove);\n      ownerDoc.addEventListener('pointerup', onEnd);\n      ownerDoc.addEventListener('pointercancel', onEnd);\n    },\n    destroy(): void {\n      cleanupListeners();\n      pane = null;\n      handle = null;\n      ownerDoc = null;\n    },\n  };\n}\n","import { InjectionToken, Provider } from '@angular/core';\n\n/**\n * Valeur d'un palier de breakpoint, CONFIGURABLE PAR APPLICATION :\n * - un **nombre** = largeur (px) à partir de laquelle le palier commence ; la lib en dérive une\n *   media query LARGEUR SEULE (bornes calculées par rapport au palier suivant) ;\n * - une **chaîne** = media query complète du palier, utilisée VERBATIM (échappatoire pour un critère\n *   non-largeur : `orientation`, `pointer`, ratio…).\n */\nexport type KtBreakpointValue = number | string;\n\n/**\n * Seuils responsive de la lib, surchargeables par appli via `provideKtBreakpoints`. Sémantique\n * « plancher de palier » : chaque valeur indique où le palier COMMENCE → 3 bandes mutuellement\n * exclusives (`mobile` < `tablet` < `desktop`).\n */\nexport interface KtBreakpoints {\n  /** Plancher du mobile (typiquement 0). */\n  mobile: KtBreakpointValue;\n  /** Largeur où commence la tablette (= plafond mobile). */\n  tablet: KtBreakpointValue;\n  /** Largeur où commence le desktop (= plafond tablette). */\n  desktop: KtBreakpointValue;\n}\n\n/** Défauts : bascule bottom-sheet sous 600px (aligné sur l'ancien `MOBILE_QUERY`). */\nexport const KT_DEFAULT_BREAKPOINTS: KtBreakpoints = { mobile: 0, tablet: 600, desktop: 1024 };\n\n/** Token des seuils responsive. Défaut = `KT_DEFAULT_BREAKPOINTS` ; surchargé par `provideKtBreakpoints`. */\nexport const KT_BREAKPOINTS = new InjectionToken<KtBreakpoints>('KT_BREAKPOINTS', {\n  providedIn: 'root',\n  factory: () => KT_DEFAULT_BREAKPOINTS,\n});\n\n/**\n * À ajouter aux `providers` de `app.config.ts`. Fusionne avec les défauts → surcharge partielle OK.\n * @param overrides Seuils à surcharger ; les clés absentes gardent leur défaut `KT_DEFAULT_BREAKPOINTS`.\n * @returns Provider liant `KT_BREAKPOINTS` aux seuils fusionnés.\n * @example provideKtBreakpoints({ tablet: 768, desktop: 1200 })\n * @example provideKtBreakpoints({ tablet: '(min-width: 768px) and (orientation: landscape)' })\n */\nexport function provideKtBreakpoints(overrides: Partial<KtBreakpoints>): Provider {\n  return { provide: KT_BREAKPOINTS, useValue: { ...KT_DEFAULT_BREAKPOINTS, ...overrides } };\n}\n\n/** Trois chaînes de media queries résolues, prêtes pour `matchMedia` / `BreakpointObserver`. */\nexport interface KtBreakpointMedia {\n  /** Media query de la bande mobile. */\n  mobile: string;\n  /** Media query de la bande tablette. */\n  tablet: string;\n  /** Media query de la bande desktop. */\n  desktop: string;\n}\n\n/** Évite le chevauchement d'1px entre deux bandes adjacentes (max-width juste sous le plancher suivant). */\nconst EPSILON = 0.02;\n\nfunction minWidth(v: number): string {\n  return `(min-width: ${v}px)`;\n}\n\nfunction maxWidth(nextFloor: number): string {\n  return `(max-width: ${nextFloor - EPSILON}px)`;\n}\n\n/** `not all` ne matche jamais : repli sûr (= desktop) si une bande numérique se retrouve sans borne. */\nfunction join(...parts: string[]): string {\n  return parts.filter(Boolean).join(' and ') || 'not all';\n}\n\n/**\n * Convertit les seuils (nombres et/ou chaînes) en 3 media queries. Un palier-chaîne est repris\n * verbatim ; un palier-nombre devient la bande `[plancher courant .. plancher suivant[`. Si le\n * plancher suivant est une chaîne (pas de borne numérique), la bande reste ouverte de ce côté.\n * @param bp Seuils responsive à convertir (nombres et/ou chaînes).\n * @returns Les trois media queries résolues (`mobile`, `tablet`, `desktop`).\n * @example resolveKtBreakpointMedia(KT_DEFAULT_BREAKPOINTS)\n */\nexport function resolveKtBreakpointMedia(bp: KtBreakpoints): KtBreakpointMedia {\n  const { mobile, tablet, desktop } = bp;\n\n  return {\n    mobile:\n      typeof mobile === 'string'\n        ? mobile\n        : join(mobile > 0 ? minWidth(mobile) : '', typeof tablet === 'number' ? maxWidth(tablet) : ''),\n    tablet:\n      typeof tablet === 'string'\n        ? tablet\n        : join(minWidth(tablet), typeof desktop === 'number' ? maxWidth(desktop) : ''),\n    desktop: typeof desktop === 'string' ? desktop : minWidth(desktop),\n  };\n}\n","import { Injectable, Signal, inject } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { map } from 'rxjs';\nimport { KT_BREAKPOINTS, resolveKtBreakpointMedia } from './breakpoints';\n\n/**\n * Expose l'état responsive courant en SIGNALS, dérivé des seuils configurés par l'appli\n * (`KT_BREAKPOINTS` / `provideKtBreakpoints`). Fondé sur `BreakpointObserver` (`@angular/cdk/layout`,\n * déjà dépendance) : SSR-safe (`matches: false` côté serveur → desktop par défaut) et nettoyage des\n * listeners géré par le CDK.\n *\n * À injecter aussi bien dans les composants de la lib (bascule bottom-sheet) que dans le code des\n * applis consommatrices pour leur propre layout responsive.\n */\n@Injectable({ providedIn: 'root' })\nexport class KtViewport {\n  private readonly observer = inject(BreakpointObserver);\n\n  /** Media queries résolues (largeur dérivée ou verbatim selon le token) — utile pour miroir CSS. */\n  readonly media = resolveKtBreakpointMedia(inject(KT_BREAKPOINTS));\n\n  /** Le viewport est dans la bande mobile. */\n  readonly isMobile = this.matches(this.media.mobile);\n  /** Le viewport est dans la bande tablette. */\n  readonly isTablet = this.matches(this.media.tablet);\n  /** Le viewport est dans la bande desktop. */\n  readonly isDesktop = this.matches(this.media.desktop);\n  /** Alias de `isMobile` : palier où les composants de la lib basculent en bottom-sheet. */\n  readonly isCompact = this.isMobile;\n\n  private matches(query: string): Signal<boolean> {\n    return toSignal(this.observer.observe(query).pipe(map((state) => state.matches)), {\n      initialValue: false,\n    });\n  }\n}\n","import { Injectable } from '@angular/core';\n\n/**\n * Génère des identifiants numériques incrémentaux uniques au sein de l'application, soit globalement,\n * soit par préfixe (compteur dédié). Sert à construire des `anchor-name` / `id` stables et distincts.\n *\n * @example\n * ```ts\n * const idGen = inject(KtIdGenerator);\n * const anchor = `--kt-menu-anchor-${idGen.generateId('menu')}`;\n * ```\n */\n@Injectable({\n  // Stryker disable next-line all: `providedIn` doit rester statiquement analysable par l'AOT (NG1010).\n  providedIn: 'root',\n})\nexport class KtIdGenerator {\n  private readonly counters = new Map<string, number>();\n  private nextGlobalId = 0;\n\n  /**\n   * Renvoie le prochain identifiant. Sans `prefix`, utilise le compteur global ; avec `prefix`,\n   * utilise un compteur dédié à ce préfixe (séquences indépendantes).\n   * @param prefix Clé optionnelle de compteur ; chaque préfixe a sa propre séquence.\n   * @returns Le compteur courant (number) pour la portée demandée, avant incrément.\n   */\n  generateId(prefix?: string): number {\n    if (!prefix) {\n      return this.nextGlobalId++;\n    }\n    const current = this.counters.get(prefix) ?? 0;\n    this.counters.set(prefix, current + 1);\n    return current;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ktortu-aaa-dialog.mjs

@@ -1,7 +1,8 @@
 import { DialogRef, DEFAULT_DIALOG_CONFIG, CdkDialogContainer, DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, afterNextRender, Directive, input, isDevMode, DestroyRef, PLATFORM_ID, signal, Component, ViewContainerRef } from '@angular/core';
+import { inject, ElementRef, Renderer2, afterNextRender, Directive, input, isDevMode, DestroyRef, PLATFORM_ID, signal, ChangeDetectionStrategy, Component, ViewContainerRef } from '@angular/core';
 import { KtIdGenerator, createKtSheetDrag, KtViewport } from '@ktortu/aaa/cdk';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { isPlatformBrowser } from '@angular/common';
 import * as i1 from '@angular/cdk/portal';
 import { PortalModule } from '@angular/cdk/portal';
@@ -26,8 +27,11 @@ class KtDialogTitle {
     host = inject(ElementRef).nativeElement;
     renderer = inject(Renderer2);
     idGen = inject(KtIdGenerator);
-    /** Id de l'hôte câblé en `aria-labelledby` : préserve un id fourni par le consommateur, sinon en génère un. */
-    id = this.host.id || this.dialogRef?.config.ariaLabelledBy || `kt-dialog-title-${this.idGen.generateId()}`;
+    /**
+     * Id de l'hôte câblé en `aria-labelledby` : préserve un id fourni par le consommateur, sinon en génère un.
+     * @default `host.id` ?? `dialogRef.config.ariaLabelledBy` ?? `kt-dialog-title-<généré>`
+     */
+    id = this.host.id || this.dialogRef?.config.ariaLabelledBy || `kt-dialog-title-${this.idGen.generateId('dialog')}`;
     constructor() {
         const preConfigured = this.dialogRef?.config.ariaLabelledBy;
         if (!preConfigured) {
@@ -72,8 +76,11 @@ class KtDialogDescription {
     host = inject(ElementRef).nativeElement;
     renderer = inject(Renderer2);
     idGen = inject(KtIdGenerator);
-    /** Id de l'hôte câblé en `aria-describedby` : préserve un id fourni par le consommateur, sinon en génère un. */
-    id = this.host.id || this.dialogRef?.config.ariaDescribedBy || `kt-dialog-desc-${this.idGen.generateId()}`;
+    /**
+     * Id de l'hôte câblé en `aria-describedby` : préserve un id fourni par le consommateur, sinon en génère un.
+     * @default `host.id` ?? `dialogRef.config.ariaDescribedBy` ?? `kt-dialog-desc-<généré>`
+     */
+    id = this.host.id || this.dialogRef?.config.ariaDescribedBy || `kt-dialog-desc-${this.idGen.generateId('dialog')}`;
     constructor() {
         const preConfigured = this.dialogRef?.config.ariaDescribedBy;
         if (!preConfigured) {
@@ -88,6 +95,9 @@ class KtDialogDescription {
         }
     }
     ngOnInit() {
+        // Asymétrie ASSUMÉE avec `ktDialogTitle` : la description peut porter un `id` d'hôte fourni par
+        // le consommateur ; on aligne alors `config.ariaDescribedBy` dessus (le host binding live du
+        // conteneur reflète la valeur). Un titre est posé une fois et n'a pas ce besoin.
         if (this.dialogRef && this.dialogRef.config.ariaDescribedBy !== this.id) {
             this.dialogRef.config.ariaDescribedBy = this.id;
         }
@@ -305,6 +315,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
  * Pour focaliser un élément précis à l'ouverture (ex. éviter un bouton destructeur),
  * passez `autoFocus: '[ktDialogFocusInitial]'` dans la config d'ouverture et posez la
  * directive `ktDialogFocusInitial` sur la cible.
+ *
+ * @example
+ * ```ts
+ * // valeur de base, généralement consommée via provideKtDialogDefaults()
+ * provideKtDialogDefaults({ ...KT_DIALOG_AAA_DEFAULTS });
+ * ```
  */
 const KT_DIALOG_AAA_DEFAULTS = {
     role: 'dialog',
@@ -319,6 +335,16 @@ const KT_DIALOG_AAA_DEFAULTS = {
  * Enregistre les valeurs par défaut AAA du dialog au niveau application.
  * À ajouter aux `providers` de `app.config.ts`. `overrides` permet d'ajuster sans
  * tout réécrire (ex. `provideKtDialogDefaults({ maxWidth: '40rem' })`).
+ *
+ * @example
+ * ```ts
+ * // app.config.ts
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [provideKtDialogDefaults({ maxWidth: '40rem' })],
+ * };
+ * ```
+ * @param overrides Surcharges partielles fusionnées par-dessus `KT_DIALOG_AAA_DEFAULTS`.
+ * @returns Un `Provider` pour le token `DEFAULT_DIALOG_CONFIG`.
  */
 function provideKtDialogDefaults(overrides) {
     return {
@@ -339,6 +365,15 @@ function concreteDialogPanelClass(p) {
  * `centered-*`, l'appelant fournit `compact` (= `KtViewport.isCompact()`, largeur seule) — centré
  * sur desktop, plein écran / sheet sur écran compact. Fonction pure (testable sans DOM).
  * Appelée par `injectKtDialogOpener` à chaque ouverture ; exportée pour un usage direct éventuel.
+ *
+ * @example
+ * ```ts
+ * resolveKtDialogPanelClass('sheet');               // ['kt-dialog', 'kt-dialog--sheet']
+ * resolveKtDialogPanelClass('centered-sheet', true); // bottom-sheet sur écran compact
+ * ```
+ * @param presentation Présentation choisie par le dev (responsive comprise). Défaut `'centered'`.
+ * @param compact `true` quand l'écran est compact (= `KtViewport.isCompact()`), pour résoudre les variantes `centered-*`. Défaut `false`.
+ * @returns La liste des classes CSS de la présentation concrète résolue.
  */
 function resolveKtDialogPanelClass(presentation = 'centered', compact = false) {
     if (presentation === 'centered' || presentation === 'fullscreen' || presentation === 'sheet') {
@@ -355,6 +390,7 @@ class KtDialogContainer extends CdkDialogContainer {
     elementRef = inject(ElementRef);
     host = this.elementRef.nativeElement;
     platformId = inject(PLATFORM_ID);
+    destroyRef = inject(DestroyRef);
     isClosing = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isClosing" }] : /* istanbul ignore next */ []));
     constructor() {
@@ -364,12 +400,30 @@ class KtDialogContainer extends CdkDialogContainer {
         this.dialogRef.close = (result) => {
             this.animateAndClose(result, originalClose);
         };
+        // L'ouvreur pré-réserve des ids titre/description ; les directives [ktDialogTitle]/[ktDialogDescription]
+        // les adoptent. En leur absence, ces ids pointent dans le vide. Au rendu (navigateur) :
+        //  - aria-describedby orphelin → on RETIRE l'attribut (pas de description fournie) ;
+        //  - aucun nom accessible (ni titre ni aria-label) → warn dev (WCAG 4.1.2).
+        afterNextRender(() => {
+            const doc = this.host.ownerDocument;
+            const describedBy = this.host.getAttribute('aria-describedby');
+            if (describedBy && !doc.getElementById(describedBy)) {
+                this.host.removeAttribute('aria-describedby');
+            }
+            if (!isDevMode())
+                return;
+            const labelledBy = this.host.getAttribute('aria-labelledby');
+            const hasName = !!this.host.getAttribute('aria-label') || (!!labelledBy && !!doc.getElementById(labelledBy));
+            if (!hasName) {
+                console.warn('[ktDialog] dialog sans nom accessible : ajoutez un [ktDialogTitle] (ou `aria-label` via la config d’ouverture) — WCAG 4.1.2.');
+            }
+        });
     }
     ngOnInit() {
         // Si la fermeture par clic extérieur/Échap est autorisée, on l'écoute pour lancer l'animation
         if (!this._config.disableClose) {
-            this.dialogRef.backdropClick.subscribe(() => this.dialogRef.close());
-            this.dialogRef.keydownEvents.subscribe((event) => {
+            this.dialogRef.backdropClick.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.dialogRef.close());
+            this.dialogRef.keydownEvents.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
                 if (event.key === 'Escape') {
                     event.preventDefault();
                     this.dialogRef.close();
@@ -415,12 +469,13 @@ class KtDialogContainer extends CdkDialogContainer {
     <div class="kt-dialog-container__layout">
       <ng-template cdkPortalOutlet></ng-template>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtDialogContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'kt-dialog-container',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [PortalModule],
                     host: {
                         class: 'cdk-dialog-container kt-dialog-container',
@@ -443,19 +498,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
         }], ctorParameters: () => [] });
 
 /**
- * Sucre typé pour récupérer les données injectées dans un composant de dialogue (`DIALOG_DATA`).
- * À appeler en contexte d'injection (ex. initialiseur de champ).
- *
- * @example
- * ```ts
- * interface RenameData { currentName: string; }
+ * ⚠️ API BAS-NIVEAU — n'utilisez PAS ceci par défaut. Pour implémenter un dialog, passez par
+ * {@link defineKtDialog} et son `injectData()` (qui lie le type des données à l'ouvreur).
  *
- * @Component({  …  })
- * export class RenameDialog {
- *   protected readonly data = injectKtDialogData<RenameData>();
- *   // this.data.currentName  →  string
- * }
- * ```
+ * Sucre typé pour récupérer les données injectées dans un composant de dialogue (`DIALOG_DATA`).
+ * Le type `T` est affirmé ICI indépendamment de l'ouvreur : rien ne garantit qu'il corresponde au
+ * type passé à `injectKtDialogOpener` → risque de divergence silencieuse. À réserver à un cas où
+ * `defineKtDialog` ne convient pas.
  */
 function injectKtDialogData() {
     return inject(DIALOG_DATA);
@@ -474,7 +523,7 @@ function injectKtDialogOpener(component, baseConfig) {
         // Dédoublonné : une classe déjà fournie par la présentation (ex. `kt-dialog`) et repassée
         // en `panelClass` par le consommateur ne doit pas apparaître deux fois.
         const merged = [...new Set([...resolveKtDialogPanelClass(presentation, viewport.isCompact()), ...extra])];
-        const uid = idGen.generateId();
+        const uid = idGen.generateId('dialog');
         const titleId = `kt-dialog-title-${uid}`;
         const descId = `kt-dialog-desc-${uid}`;
         return dialog.open(component, {
@@ -488,12 +537,73 @@ function injectKtDialogOpener(component, baseConfig) {
         });
     };
 }
+/**
+ * ✅ STRATÉGIE PAR DÉFAUT pour implémenter un dialog `@ktortu/aaa`. Toute nouvelle dialog DOIT être
+ * écrite ainsi. N'utilisez `injectKtDialogData` / `injectKtDialogOpener` directement QUE dans un cas
+ * avancé non couvert ici.
+ *
+ * Définit le contrat typé du dialog (données `D` + résultat `R`) en UN SEUL endroit, co-localisé avec
+ * le composant. Renvoie trois accès liés aux mêmes types — `injectData()` (données), `injectRef()`
+ * (référence dont `close()` n'accepte que `R`) et `injectOpener()` (ouvreur) — d'où l'impossibilité
+ * d'une divergence de type entre composant et ouvreur.
+ *
+ * Recette à copier pour CHAQUE dialog :
+ * 1. `interface XxxData { … }` (ou `void` si aucune donnée) ;
+ * 2. `const xxxDialog = defineKtDialog<XxxData, Résultat>();` ;
+ * 3. dans le composant : `injectData()` pour lire la donnée, `injectRef()` pour fermer avec résultat ;
+ * 4. `export const injectXxxDialog = () => xxxDialog.injectOpener(XxxDialog);` (co-localisé) ;
+ * 5. côté consommateur : `private readonly openXxx = injectXxxDialog();` (initialiseur de champ).
+ *
+ * Convention de fermeture : annuler / fermer SANS résultat via la directive `[ktDialogClose]`
+ * (→ `undefined`) ; renvoyer un résultat via `ref.close(résultat)` (typé `R`). Passer un résultat par
+ * `[ktDialogClose]="x"` reste possible mais N'EST PAS typé (la directive ignore `R`).
+ *
+ * @example
+ * ```ts
+ * // ─── rename-dialog.ts : composant + contrat + ouvreur, co-localisés ───
+ * export interface RenameData { currentName: string; }
+ *
+ * const renameDialog = defineKtDialog<RenameData, string>(); // D et R déclarés UNE seule fois
+ *
+ * @Component({
+ *   imports: [KtButton, KtDialogImports],
+ *   template: `
+ *     <h2 ktDialogTitle>Renommer</h2>
+ *     <footer ktDialogActions>
+ *       <button ktButton ktDialogClose>Annuler</button>            // ferme sans résultat (undefined)
+ *       <button ktButton (click)="submit()">Renommer</button>      // ferme avec résultat typé
+ *     </footer>`,
+ * })
+ * export class RenameDialog {
+ *   protected readonly data = renameDialog.injectData();  // RenameData garanti
+ *   private readonly ref = renameDialog.injectRef();      // DialogRef<string>
+ *   protected submit() { this.ref.close('nouveau-nom'); } // close(result?: string) — typé
+ * }
+ *
+ * export const injectRenameDialog = () => renameDialog.injectOpener(RenameDialog);
+ *
+ * // ─── consommateur ───
+ * private readonly openRename = injectRenameDialog();     // initialiseur de champ = contexte d'injection
+ * rename() {
+ *   this.openRename({ currentName: 'X' }).closed.subscribe(name => {
+ *     // name: string | undefined
+ *   });
+ * }
+ * ```
+ */
+function defineKtDialog() {
+    return {
+        injectData: () => inject(DIALOG_DATA),
+        injectRef: () => inject(DialogRef),
+        injectOpener: (component, baseConfig) => injectKtDialogOpener(component, baseConfig),
+    };
+}
 
 /**
  * Import ergonomique de toute la famille dialog en une fois :
- * `imports: [KT_DIALOG]` au lieu d'énumérer chaque directive structurelle.
+ * `imports: [KtDialogImports]` au lieu d'énumérer chaque directive structurelle.
  */
-const KT_DIALOG = [
+const KtDialogImports = [
     KtDialogHeader,
     KtDialogTitle,
     KtDialogDescription,
@@ -508,5 +618,5 @@ const KT_DIALOG = [
  * Generated bundle index. Do not edit.
  */
 
-export { KT_DIALOG, KT_DIALOG_AAA_DEFAULTS, KtDialogActions, KtDialogClose, KtDialogContainer, KtDialogContent, KtDialogDescription, KtDialogFocusInitial, KtDialogHeader, KtDialogSheetHandle, KtDialogTitle, injectKtDialogData, injectKtDialogOpener, provideKtDialogDefaults, resolveKtDialogPanelClass };
+export { KT_DIALOG_AAA_DEFAULTS, KtDialogActions, KtDialogClose, KtDialogContainer, KtDialogContent, KtDialogDescription, KtDialogFocusInitial, KtDialogHeader, KtDialogImports, KtDialogSheetHandle, KtDialogTitle, defineKtDialog, injectKtDialogData, injectKtDialogOpener, provideKtDialogDefaults, resolveKtDialogPanelClass };
 //# sourceMappingURL=ktortu-aaa-dialog.mjs.map