@ktortu/aaa 0.9.2 → 0.9.4

package/dialog/dialog.css

@@ -347,4 +347,10 @@
       translate: 0 0;
     }
   }
+
+  /* Actions en colonne sur mobile / bottom-sheet */
+  .cdk-overlay-pane.kt-dialog--sheet [ktDialogActions] {
+    flex-direction: column-reverse;
+    align-items: stretch;
+  }
 }

package/disclosure/disclosure-tokens.css

@@ -0,0 +1,18 @@
+/* Design tokens du disclosure (famille ktDisclosure) — contrat public de theming.
+
+   Même architecture que --card-* / --snackbar-* : tout DÉRIVE du socle --kt-*.
+   Chargé APRÈS foundation.css (qui pose les --kt-*). */
+@layer kt-aaa.tokens {
+  :root {
+    /* Durée de l'animation d'ouverture/fermeture (grid-template-rows). Neutralisée sous
+       prefers-reduced-motion. */
+    --disclosure-anim-duration: 0.2s;
+
+    /* Cible tactile minimale du déclencheur (WCAG 2.5.5, AAA). */
+    --disclosure-toggle-min-size: 44px;
+
+    /* Chevron (input `chevron` de [ktDisclosureToggle], affiché par défaut). */
+    --disclosure-chevron-size: 1em;
+    --disclosure-chevron-gap: 0.5rem;
+  }
+}

package/disclosure/disclosure.css

@@ -0,0 +1,84 @@
+@layer kt-aaa.components {
+  /* Styles de la famille Disclosure ([ktDisclosure] + [ktDisclosureToggle] + kt-disclosure-content).
+   Global : enregistré comme card.css / button.css (les directives se posent sur des éléments
+   arbitraires, hors de toute vue de composant). Tokens (--disclosure-*) dans disclosure-tokens.css.
+
+   Animation = grid-template-rows 0fr ↔ 1fr : anime la hauteur AUTO réelle, sans magic number ni
+   mesure JS (cf. ADR-0004). Le panneau passe `inert` quand il est fermé (géré côté composant).
+   NB perf : animer grid-template-rows est layout-bound (reflow du sous-arbre par frame, non
+   composité). OK pour un geste ponctuel ; éviter sur des panneaux très lourds en contexte mobile. */
+
+  /* ============ PANNEAU (kt-disclosure-content) ============ */
+  kt-disclosure-content {
+    display: grid;
+    /* Replié par défaut : la rangée fait 0fr (clippée par le wrapper interne). */
+    grid-template-rows: 0fr;
+  }
+  kt-disclosure-content[data-expanded='true'] {
+    grid-template-rows: 1fr;
+  }
+
+  /* Wrapper interne fourni par le template : c'est lui qui clippe le contenu. `min-block-size: 0`
+   est indispensable pour qu'une rangée de grille 0fr puisse réellement se réduire sous la taille
+   min-content du contenu. Mettez vos paddings ICI (sur le contenu projeté), pas en marge directe
+   du panneau, pour éviter une fuite de marge pendant l'animation. */
+  .kt-disclosure-content__inner {
+    overflow: hidden;
+    min-block-size: 0;
+  }
+
+  /* ============ DÉCLENCHEUR ([ktDisclosureToggle]) ============
+   Le bouton appartient au consommateur (peut être un ktButton). On reste discret (curseur). Le
+   focus visible est assuré par le bouton lui-même (UA ou ktButton). On garantit en revanche la
+   cible tactile AAA (WCAG 2.5.5) même sur un <button> nu — surchargeable par token ; un ktButton
+   dépasse déjà ce minimum. L'inline-size reste piloté par le contenu (un bouton icône-seule doit
+   fournir sa largeur ET un nom accessible). */
+  [ktDisclosureToggle] {
+    cursor: pointer;
+    min-block-size: var(--disclosure-toggle-min-size, 44px);
+  }
+
+  /* ============ CHEVRON (input `chevron` de [ktDisclosureToggle], affiché par défaut) ============ */
+  [ktDisclosureToggle].kt-disclosure-toggle--chevron {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--disclosure-chevron-gap, 0.5rem);
+  }
+  /* Icône chevron MASQUÉE, centrée dans son carré : reste optiquement centrée en replié comme en
+   déplié (simple rotation 180°, centre inchangé). Un carré bordé tourné de 45°/225° décalerait le
+   tracé verticalement entre les deux états. Teintée via currentColor. Décoratif : le pseudo-élément
+   est hors de l'arbre d'accessibilité (l'état réel est porté par aria-expanded). */
+  [ktDisclosureToggle].kt-disclosure-toggle--chevron::after {
+    content: '';
+    inline-size: var(--disclosure-chevron-size, 1em);
+    block-size: var(--disclosure-chevron-size, 1em);
+    background-color: currentColor;
+    -webkit-mask: center / contain no-repeat
+      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+    mask: center / contain no-repeat
+      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+  }
+  [ktDisclosureToggle][aria-expanded='true'].kt-disclosure-toggle--chevron::after {
+    /* Pointe vers le haut une fois déplié (rotation 180°, centre inchangé). */
+    rotate: 180deg;
+  }
+
+  /* ============ Mouvement réduit (WCAG 2.3.3) ============ */
+  @media (prefers-reduced-motion: no-preference) {
+    kt-disclosure-content {
+      transition: grid-template-rows var(--disclosure-anim-duration, 0.2s) ease;
+    }
+    [ktDisclosureToggle].kt-disclosure-toggle--chevron::after {
+      transition: rotate var(--disclosure-anim-duration, 0.2s) ease;
+    }
+  }
+
+  /* ============ Contraste élevé Windows / forced-colors ============
+   Un élément masqué teinté via background-color peut s'effacer en forced-colors : on force une
+   couleur système pour que le chevron (seul indice visuel d'état avec aria-expanded) reste visible. */
+  @media (forced-colors: active) {
+    [ktDisclosureToggle].kt-disclosure-toggle--chevron::after {
+      background-color: CanvasText;
+    }
+  }
+}

package/fesm2022/ktortu-aaa-card.mjs

@@ -1,8 +1,103 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, ElementRef, afterNextRender, InjectionToken, PLATFORM_ID, contentChild, input, booleanAttribute, DestroyRef, effect } from '@angular/core';
+import { InjectionToken, inject, ElementRef, PLATFORM_ID, contentChild, forwardRef, input, booleanAttribute, signal, DestroyRef, effect, Directive } from '@angular/core';
 import { isPlatformBrowser } from '@angular/common';
 import { KT_AUDIT_ENABLED } from '@ktortu/aaa/cdk';
 
+const KT_CARD_CONFIG = new InjectionToken('KT_CARD_CONFIG');
+/**
+ * Fournit des défauts de carte (apparence de surface) pour un sous-arbre ou l'application entière.
+ *
+ * @example
+ * ```ts
+ * providers: [provideKtCard({ variant: 'outlined' })]
+ * ```
+ */
+function provideKtCard(config) {
+    return { provide: KT_CARD_CONFIG, useValue: config };
+}
+/**
+ * Carte : SURFACE de contenu. Directive (pas de composant) posée sur l'élément SÉMANTIQUE choisi
+ * par le consommateur (`<article>`, `<section>`, `<li>`, `<a>`…) — la lib n'impose jamais de
+ * wrapper non sémantique ni de rôle (cf. précédent Dialog : la sémantique appartient à l'hôte).
+ *
+ * Trois axes pilotés en `data-*` (même contrat que ktButton) :
+ *   - variant      : data-variant = elevated | outlined | filled (apparence)
+ *   - interactive  : data-interactive (affordance hover/focus — PAS un rôle ; la cible cliquable
+ *                    est un [ktCardLink], lien/bouton primaire au lien étiré)
+ *   - disabled     : data-disabled (surface inerte)
+ *
+ * La mise en forme (layout des marqueurs, lien étiré, états) vit dans `card.css` ; les couleurs
+ * et la géométrie dérivent du socle `--kt-*` via `card-tokens.css`.
+ *
+ * @example
+ * ```html
+ * <article ktCard variant="outlined" interactive>
+ *   <div ktCardContent>
+ *     <h3 id="t1">Titre</h3>
+ *     <a ktCardLink routerLink="/detail" aria-labelledby="t1">Voir le détail</a>
+ *   </div>
+ * </article>
+ * ```
+ */
+class KtCard {
+    config = inject(KT_CARD_CONFIG, { optional: true });
+    host = inject(ElementRef).nativeElement;
+    platformId = inject(PLATFORM_ID);
+    auditEnabled = inject(KT_AUDIT_ENABLED);
+    /** Référence réactive sur le lien primaire de la carte */
+    cardLink = contentChild(forwardRef(() => KtCardLink), { ...(ngDevMode ? { debugName: "cardLink" } : /* istanbul ignore next */ {}), descendants: true });
+    /** Apparence de la surface : `elevated` | `outlined` | `filled`. @default 'elevated' (ou `KT_CARD_CONFIG.variant`) */
+    variant = input(this.config?.variant ?? 'elevated', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Affordance visuelle d'élément cliquable (hover/focus). N'AJOUTE pas de rôle : un lien/bouton
+     * primaire ([ktCardLink]) porte l'interaction et le nom accessible. @default false
+     */
+    interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Rend la surface inerte (état `data-disabled`). @default false */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    isDestroyed = false;
+    contentInitialized = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentInitialized" }] : /* istanbul ignore next */ []));
+    constructor() {
+        inject(DestroyRef).onDestroy(() => {
+            this.isDestroyed = true;
+        });
+        effect(() => {
+            if (this.isDestroyed)
+                return;
+            if (!isPlatformBrowser(this.platformId))
+                return;
+            if (!this.contentInitialized())
+                return;
+            if (!this.auditEnabled || !this.interactive())
+                return;
+            // Garde-fou a11y : une carte interactive sans cible cliquable affiche une
+            // affordance trompeuse (hover/focus) qui ne mène à rien (WCAG 1.3.1).
+            const hasTarget = this.host.matches('a, button') || !!this.cardLink();
+            if (!hasTarget) {
+                console.warn('[ktCard] interactive sans cible cliquable : ajoutez un [ktCardLink] (lien/bouton ' +
+                    'primaire) ou posez [ktCard] sur un <a>/<button> — sinon l’affordance est trompeuse.');
+            }
+        });
+    }
+    ngAfterContentInit() {
+        this.contentInitialized.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.1", type: KtCard, isStandalone: true, selector: "[ktCard]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.data-interactive": "interactive() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null" } }, queries: [{ propertyName: "cardLink", first: true, predicate: i0.forwardRef(() => KtCardLink), descendants: true, isSignal: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtCard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ktCard]',
+                    host: {
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-interactive]': 'interactive() ? "" : null',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { cardLink: [{ type: i0.ContentChild, args: [forwardRef(() => KtCardLink), { ...{ descendants: true }, isSignal: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 /**
  * En-tête de la carte (rangée flex : média/avatar + titre + éventuelle action). Marqueur
  * structurel sans logique — la mise en forme vit dans `card.css` via `[ktCardHeader]`.
@@ -76,7 +171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
         }] });
 /**
  * Lien (ou bouton) PRIMAIRE d'une carte interactive : pattern « lien étiré » (Inclusive
- * Components). Un pseudo-élément `::after` couvre toute la carte (cf. `card.css`) → toute la
+ * Components). Un pseudo-élément `::after` covers toute la carte (cf. `card.css`) → toute la
  * surface est cliquable, SANS imbriquer de contrôles interactifs (anti-pattern WCAG 4.1.2). Les
  * actions secondaires de la carte repassent au-dessus du lien (z-index dans `card.css`).
  *
@@ -104,26 +199,24 @@ class KtCardLink {
      * hiérarchie d'éléments) : `null` si [ktCardLink] est utilisé hors d'une [ktCard]. Sert à relayer
      * l'état `disabled` de la carte (aria-disabled / tabindex) sans planter hors contexte.
      */
-    card = inject(KtCard, { optional: true });
+    card = inject(forwardRef(() => KtCard), { optional: true });
     handleClick(event) {
         if (this.card?.disabled()) {
             event.preventDefault();
             event.stopPropagation();
         }
     }
-    constructor() {
+    ngAfterViewInit() {
         // Garde-fou a11y : un lien étiré sans nom accessible n'est pas annonçable.
-        afterNextRender(() => {
-            if (!this.auditEnabled)
-                return;
-            const hasName = !!this.host.textContent?.trim() ||
-                !!this.host.getAttribute('aria-label')?.trim() ||
-                this.host.hasAttribute('aria-labelledby');
-            if (!hasName) {
-                console.warn('[ktCardLink] lien sans nom accessible : ajoutez du texte visible, [attr.aria-label] ' +
-                    'ou aria-labelledby (WCAG 2.4.4 / 4.1.2).');
-            }
-        });
+        if (!this.auditEnabled)
+            return;
+        const hasName = !!this.host.textContent?.trim() ||
+            !!this.host.getAttribute('aria-label')?.trim() ||
+            this.host.hasAttribute('aria-labelledby');
+        if (!hasName) {
+            console.warn('[ktCardLink] lien sans nom accessible : ajoutez du texte visible, [attr.aria-label] ' +
+                'ou aria-labelledby (WCAG 2.4.4 / 4.1.2).');
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtCardLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.1", type: KtCardLink, isStandalone: true, selector: "a[ktCardLink], button[ktCardLink]", host: { listeners: { "click": "handleClick($event)" }, properties: { "attr.aria-disabled": "card?.disabled() ? \"true\" : null", "attr.tabindex": "card?.disabled() ? \"-1\" : null" } }, ngImport: i0 });
@@ -138,96 +231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         '(click)': 'handleClick($event)',
                     },
                 }]
-        }], ctorParameters: () => [] });
-
-const KT_CARD_CONFIG = new InjectionToken('KT_CARD_CONFIG');
-/**
- * Fournit des défauts de carte (apparence de surface) pour un sous-arbre ou l'application entière.
- *
- * @example
- * ```ts
- * providers: [provideKtCard({ variant: 'outlined' })]
- * ```
- */
-function provideKtCard(config) {
-    return { provide: KT_CARD_CONFIG, useValue: config };
-}
-/**
- * Carte : SURFACE de contenu. Directive (pas de composant) posée sur l'élément SÉMANTIQUE choisi
- * par le consommateur (`<article>`, `<section>`, `<li>`, `<a>`…) — la lib n'impose jamais de
- * wrapper non sémantique ni de rôle (cf. précédent Dialog : la sémantique appartient à l'hôte).
- *
- * Trois axes pilotés en `data-*` (même contrat que ktButton) :
- *   - variant      : data-variant = elevated | outlined | filled (apparence)
- *   - interactive  : data-interactive (affordance hover/focus — PAS un rôle ; la cible cliquable
- *                    est un [ktCardLink], lien/bouton primaire au lien étiré)
- *   - disabled     : data-disabled (surface inerte)
- *
- * La mise en forme (layout des marqueurs, lien étiré, états) vit dans `card.css` ; les couleurs
- * et la géométrie dérivent du socle `--kt-*` via `card-tokens.css`.
- *
- * @example
- * ```html
- * <article ktCard variant="outlined" interactive>
- *   <div ktCardContent>
- *     <h3 id="t1">Titre</h3>
- *     <a ktCardLink routerLink="/detail" aria-labelledby="t1">Voir le détail</a>
- *   </div>
- * </article>
- * ```
- */
-class KtCard {
-    config = inject(KT_CARD_CONFIG, { optional: true });
-    host = inject(ElementRef).nativeElement;
-    platformId = inject(PLATFORM_ID);
-    auditEnabled = inject(KT_AUDIT_ENABLED);
-    /** Référence réactive sur le lien primaire de la carte */
-    cardLink = contentChild(KtCardLink, { ...(ngDevMode ? { debugName: "cardLink" } : /* istanbul ignore next */ {}), descendants: true });
-    /** Apparence de la surface : `elevated` | `outlined` | `filled`. @default 'elevated' (ou `KT_CARD_CONFIG.variant`) */
-    variant = input(this.config?.variant ?? 'elevated', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    /**
-     * Affordance visuelle d'élément cliquable (hover/focus). N'AJOUTE pas de rôle : un lien/bouton
-     * primaire ([ktCardLink]) porte l'interaction et le nom accessible. @default false
-     */
-    interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /** Rend la surface inerte (état `data-disabled`). @default false */
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    isDestroyed = false;
-    constructor() {
-        inject(DestroyRef).onDestroy(() => {
-            this.isDestroyed = true;
-        });
-        // Garde-fou a11y : une carte interactive sans cible cliquable affiche une
-        // affordance trompeuse (hover/focus) qui ne mène à rien (WCAG 1.3.1).
-        effect(() => {
-            if (this.isDestroyed)
-                return;
-            if (!isPlatformBrowser(this.platformId))
-                return;
-            if (!this.auditEnabled || !this.interactive())
-                return;
-            const hasTarget = this.host.matches('a, button') || !!this.cardLink();
-            if (!hasTarget) {
-                console.warn('[ktCard] interactive sans cible cliquable : ajoutez un [ktCardLink] (lien/bouton ' +
-                    'primaire) ou posez [ktCard] sur un <a>/<button> — sinon l’affordance est trompeuse.');
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.1", type: KtCard, isStandalone: true, selector: "[ktCard]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.data-interactive": "interactive() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null" } }, queries: [{ propertyName: "cardLink", first: true, predicate: KtCardLink, descendants: true, isSignal: true }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtCard, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ktCard]',
-                    host: {
-                        '[attr.data-variant]': 'variant()',
-                        '[attr.data-interactive]': 'interactive() ? "" : null',
-                        '[attr.data-disabled]': 'disabled() ? "" : null',
-                    },
-                }]
-        }], ctorParameters: () => [], propDecorators: { cardLink: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KtCardLink), { ...{ descendants: true }, isSignal: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+        }] });
 
 /**
  * Import ergonomique de toute la famille card en une fois :

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

@@ -1 +1 @@
-{"version":3,"file":"ktortu-aaa-card.mjs","sources":["../../../../projects/ktortu/aaa/card/card-structure.ts","../../../../projects/ktortu/aaa/card/card.ts","../../../../projects/ktortu/aaa/card/public-api.ts","../../../../projects/ktortu/aaa/card/ktortu-aaa-card.ts"],"sourcesContent":["import { Directive, ElementRef, afterNextRender, inject } from '@angular/core';\nimport { KT_AUDIT_ENABLED } from '@ktortu/aaa/cdk';\n\nimport { KtCard } from './card';\n\n/**\n * En-tête de la carte (rangée flex : média/avatar + titre + éventuelle action). Marqueur\n * structurel sans logique — la mise en forme vit dans `card.css` via `[ktCardHeader]`.\n * L'ÉTIQUETTE accessible reste le titre fourni par le consommateur (`<h3 id>` + `aria-labelledby`\n * sur l'hôte), comme [ktDialogTitle] pour le dialog : on sépare layout et sémantique.\n *\n * @example\n * ```html\n * <header ktCardHeader><h3 id=\"t1\">Titre</h3></header>\n * ```\n */\n@Directive({ selector: '[ktCardHeader]' })\nexport class KtCardHeader {}\n\n/**\n * Média pleine largeur (image/vidéo). Marqueur structurel sans logique : `card.css` lui donne le\n * full-bleed (marge négative = padding de la carte) et `[ktCard]` clippe au rayon quand un média\n * est présent. À envelopper autour d'un `<img ngSrc>` (NgOptimizedImage).\n *\n * @example\n * ```html\n * <div ktCardMedia><img ngSrc=\"cover.jpg\" width=\"400\" height=\"200\" alt=\"\" /></div>\n * ```\n */\n@Directive({ selector: '[ktCardMedia]' })\nexport class KtCardMedia {}\n\n/**\n * Corps de la carte. Marqueur structurel sans logique : la mise en forme (rythme vertical) vit\n * dans `card.css` via `[ktCardContent]`.\n *\n * @example\n * ```html\n * <div ktCardContent>Texte de la carte.</div>\n * ```\n */\n@Directive({ selector: '[ktCardContent]' })\nexport class KtCardContent {}\n\n/**\n * Barre d'actions de la carte (rangée de boutons/liens). Marqueur structurel sans logique :\n * la mise en forme (flex, gap, épinglée en pied) vit dans `card.css` via `[ktCardActions]`.\n *\n * @example\n * ```html\n * <footer ktCardActions><button ktButton>Action</button></footer>\n * ```\n */\n@Directive({ selector: '[ktCardActions]' })\nexport class KtCardActions {}\n\n/**\n * Lien (ou bouton) PRIMAIRE d'une carte interactive : pattern « lien étiré » (Inclusive\n * Components). Un pseudo-élément `::after` couvre toute la carte (cf. `card.css`) → toute la\n * surface est cliquable, SANS imbriquer de contrôles interactifs (anti-pattern WCAG 4.1.2). Les\n * actions secondaires de la carte repassent au-dessus du lien (z-index dans `card.css`).\n *\n * UN SEUL [ktCardLink] par carte. Le focus clavier est porté sur ce lien ; l'anneau de focus est\n * relayé sur toute la carte (`[ktCard]:has([ktCardLink]:focus-visible)`).\n *\n * Quand la carte ancêtre est `disabled`, le lien sort de l'ordre de tabulation (`tabindex=\"-1\"`)\n * et est annoncé `aria-disabled` : une carte inerte ne piège pas le focus clavier (WCAG 2.4.3).\n *\n * @example\n * ```html\n * <article ktCard interactive>\n *   <div ktCardContent>\n *     <h3 id=\"t1\">Titre</h3>\n *     <a ktCardLink routerLink=\"/detail\" aria-labelledby=\"t1\">Voir le détail</a>\n *   </div>\n * </article>\n * ```\n */\n@Directive({\n  selector: 'a[ktCardLink], button[ktCardLink]',\n  host: {\n    '[attr.aria-disabled]': 'card?.disabled() ? \"true\" : null',\n    '[attr.tabindex]': 'card?.disabled() ? \"-1\" : null',\n    '(click)': 'handleClick($event)',\n  },\n})\nexport class KtCardLink {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly auditEnabled = inject(KT_AUDIT_ENABLED);\n  /**\n   * Carte ancêtre, injectée optionnellement via `inject(Card, { optional: true })` (DI par\n   * hiérarchie d'éléments) : `null` si [ktCardLink] est utilisé hors d'une [ktCard]. Sert à relayer\n   * l'état `disabled` de la carte (aria-disabled / tabindex) sans planter hors contexte.\n   */\n  protected readonly card = inject(KtCard, { optional: true });\n\n  handleClick(event: Event): void {\n    if (this.card?.disabled()) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  constructor() {\n    // Garde-fou a11y : un lien étiré sans nom accessible n'est pas annonçable.\n    afterNextRender(() => {\n      if (!this.auditEnabled) return;\n\n      const hasName =\n        !!this.host.textContent?.trim() ||\n        !!this.host.getAttribute('aria-label')?.trim() ||\n        this.host.hasAttribute('aria-labelledby');\n      if (!hasName) {\n        console.warn(\n          '[ktCardLink] lien sans nom accessible : ajoutez du texte visible, [attr.aria-label] ' +\n            'ou aria-labelledby (WCAG 2.4.4 / 4.1.2).',\n        );\n      }\n    });\n  }\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  InjectionToken,\n  PLATFORM_ID,\n  Provider,\n  booleanAttribute,\n  contentChild,\n  effect,\n  inject,\n  input,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { KT_AUDIT_ENABLED } from '@ktortu/aaa/cdk';\nimport { KtCardLink } from './card-structure';\n\n/** Axe \"apparence\" de la surface. */\nexport type KtCardVariant = 'elevated' | 'outlined' | 'filled';\n\n/** Défauts applicables à toutes les `[ktCard]` (surchargeables par carte via les inputs). */\nexport interface KtCardConfig {\n  /** Apparence par défaut de la surface. */\n  variant: KtCardVariant;\n}\n\nexport const KT_CARD_CONFIG = new InjectionToken<Partial<KtCardConfig>>('KT_CARD_CONFIG');\n\n/**\n * Fournit des défauts de carte (apparence de surface) pour un sous-arbre ou l'application entière.\n *\n * @example\n * ```ts\n * providers: [provideKtCard({ variant: 'outlined' })]\n * ```\n */\nexport function provideKtCard(config: Partial<KtCardConfig>): Provider {\n  return { provide: KT_CARD_CONFIG, useValue: config };\n}\n\n/**\n * Carte : SURFACE de contenu. Directive (pas de composant) posée sur l'élément SÉMANTIQUE choisi\n * par le consommateur (`<article>`, `<section>`, `<li>`, `<a>`…) — la lib n'impose jamais de\n * wrapper non sémantique ni de rôle (cf. précédent Dialog : la sémantique appartient à l'hôte).\n *\n * Trois axes pilotés en `data-*` (même contrat que ktButton) :\n *   - variant      : data-variant = elevated | outlined | filled (apparence)\n *   - interactive  : data-interactive (affordance hover/focus — PAS un rôle ; la cible cliquable\n *                    est un [ktCardLink], lien/bouton primaire au lien étiré)\n *   - disabled     : data-disabled (surface inerte)\n *\n * La mise en forme (layout des marqueurs, lien étiré, états) vit dans `card.css` ; les couleurs\n * et la géométrie dérivent du socle `--kt-*` via `card-tokens.css`.\n *\n * @example\n * ```html\n * <article ktCard variant=\"outlined\" interactive>\n *   <div ktCardContent>\n *     <h3 id=\"t1\">Titre</h3>\n *     <a ktCardLink routerLink=\"/detail\" aria-labelledby=\"t1\">Voir le détail</a>\n *   </div>\n * </article>\n * ```\n */\n@Directive({\n  selector: '[ktCard]',\n  host: {\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-interactive]': 'interactive() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class KtCard {\n  private readonly config = inject(KT_CARD_CONFIG, { optional: true });\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly auditEnabled = inject(KT_AUDIT_ENABLED);\n\n  /** Référence réactive sur le lien primaire de la carte */\n  readonly cardLink = contentChild(KtCardLink, { descendants: true });\n\n  /** Apparence de la surface : `elevated` | `outlined` | `filled`. @default 'elevated' (ou `KT_CARD_CONFIG.variant`) */\n  readonly variant = input<KtCardVariant>(this.config?.variant ?? 'elevated');\n\n  /**\n   * Affordance visuelle d'élément cliquable (hover/focus). N'AJOUTE pas de rôle : un lien/bouton\n   * primaire ([ktCardLink]) porte l'interaction et le nom accessible. @default false\n   */\n  readonly interactive = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Rend la surface inerte (état `data-disabled`). @default false */\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  private isDestroyed = false;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      this.isDestroyed = true;\n    });\n\n    // Garde-fou a11y : une carte interactive sans cible cliquable affiche une\n    // affordance trompeuse (hover/focus) qui ne mène à rien (WCAG 1.3.1).\n    effect(() => {\n      if (this.isDestroyed) return;\n      if (!isPlatformBrowser(this.platformId)) return;\n      if (!this.auditEnabled || !this.interactive()) return;\n\n      const hasTarget = this.host.matches('a, button') || !!this.cardLink();\n      if (!hasTarget) {\n        console.warn(\n          '[ktCard] interactive sans cible cliquable : ajoutez un [ktCardLink] (lien/bouton ' +\n            'primaire) ou posez [ktCard] sur un <a>/<button> — sinon l’affordance est trompeuse.',\n        );\n      }\n    });\n  }\n}\n","import { KtCard } from './card';\nimport { KtCardActions, KtCardContent, KtCardHeader, KtCardLink, KtCardMedia } from './card-structure';\n\nexport * from './card';\nexport * from './card-structure';\n\n/**\n * Import ergonomique de toute la famille card en une fois :\n * `imports: [KtCardImports]` au lieu d'énumérer chaque directive.\n */\nexport const KtCardImports = [KtCard, KtCardHeader, KtCardMedia, KtCardContent, KtCardActions, KtCardLink] as const;\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-card.mjs","sources":["../../../../projects/ktortu/aaa/card/card.ts","../../../../projects/ktortu/aaa/card/public-api.ts","../../../../projects/ktortu/aaa/card/ktortu-aaa-card.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  InjectionToken,\n  PLATFORM_ID,\n  Provider,\n  booleanAttribute,\n  contentChild,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { KT_AUDIT_ENABLED } from '@ktortu/aaa/cdk';\n\n/** Axe \"apparence\" de la surface. */\nexport type KtCardVariant = 'elevated' | 'outlined' | 'filled';\n\n/** Défauts applicables à toutes les `[ktCard]` (surchargeables par carte via les inputs). */\nexport interface KtCardConfig {\n  /** Apparence par défaut de la surface. */\n  variant: KtCardVariant;\n}\n\nexport const KT_CARD_CONFIG = new InjectionToken<Partial<KtCardConfig>>('KT_CARD_CONFIG');\n\n/**\n * Fournit des défauts de carte (apparence de surface) pour un sous-arbre ou l'application entière.\n *\n * @example\n * ```ts\n * providers: [provideKtCard({ variant: 'outlined' })]\n * ```\n */\nexport function provideKtCard(config: Partial<KtCardConfig>): Provider {\n  return { provide: KT_CARD_CONFIG, useValue: config };\n}\n\n/**\n * Carte : SURFACE de contenu. Directive (pas de composant) posée sur l'élément SÉMANTIQUE choisi\n * par le consommateur (`<article>`, `<section>`, `<li>`, `<a>`…) — la lib n'impose jamais de\n * wrapper non sémantique ni de rôle (cf. précédent Dialog : la sémantique appartient à l'hôte).\n *\n * Trois axes pilotés en `data-*` (même contrat que ktButton) :\n *   - variant      : data-variant = elevated | outlined | filled (apparence)\n *   - interactive  : data-interactive (affordance hover/focus — PAS un rôle ; la cible cliquable\n *                    est un [ktCardLink], lien/bouton primaire au lien étiré)\n *   - disabled     : data-disabled (surface inerte)\n *\n * La mise en forme (layout des marqueurs, lien étiré, états) vit dans `card.css` ; les couleurs\n * et la géométrie dérivent du socle `--kt-*` via `card-tokens.css`.\n *\n * @example\n * ```html\n * <article ktCard variant=\"outlined\" interactive>\n *   <div ktCardContent>\n *     <h3 id=\"t1\">Titre</h3>\n *     <a ktCardLink routerLink=\"/detail\" aria-labelledby=\"t1\">Voir le détail</a>\n *   </div>\n * </article>\n * ```\n */\n@Directive({\n  selector: '[ktCard]',\n  host: {\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-interactive]': 'interactive() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class KtCard implements AfterContentInit {\n  private readonly config = inject(KT_CARD_CONFIG, { optional: true });\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly auditEnabled = inject(KT_AUDIT_ENABLED);\n\n  /** Référence réactive sur le lien primaire de la carte */\n  readonly cardLink = contentChild<KtCardLink>(\n    forwardRef(() => KtCardLink),\n    { descendants: true },\n  );\n\n  /** Apparence de la surface : `elevated` | `outlined` | `filled`. @default 'elevated' (ou `KT_CARD_CONFIG.variant`) */\n  readonly variant = input<KtCardVariant>(this.config?.variant ?? 'elevated');\n\n  /**\n   * Affordance visuelle d'élément cliquable (hover/focus). N'AJOUTE pas de rôle : un lien/bouton\n   * primaire ([ktCardLink]) porte l'interaction et le nom accessible. @default false\n   */\n  readonly interactive = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Rend la surface inerte (état `data-disabled`). @default false */\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  private isDestroyed = false;\n  private readonly contentInitialized = signal(false);\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      this.isDestroyed = true;\n    });\n\n    effect(() => {\n      if (this.isDestroyed) return;\n      if (!isPlatformBrowser(this.platformId)) return;\n      if (!this.contentInitialized()) return;\n      if (!this.auditEnabled || !this.interactive()) return;\n\n      // Garde-fou a11y : une carte interactive sans cible cliquable affiche une\n      // affordance trompeuse (hover/focus) qui ne mène à rien (WCAG 1.3.1).\n      const hasTarget = this.host.matches('a, button') || !!this.cardLink();\n      if (!hasTarget) {\n        console.warn(\n          '[ktCard] interactive sans cible cliquable : ajoutez un [ktCardLink] (lien/bouton ' +\n            'primaire) ou posez [ktCard] sur un <a>/<button> — sinon l’affordance est trompeuse.',\n        );\n      }\n    });\n  }\n\n  ngAfterContentInit(): void {\n    this.contentInitialized.set(true);\n  }\n}\n\n/**\n * En-tête de la carte (rangée flex : média/avatar + titre + éventuelle action). Marqueur\n * structurel sans logique — la mise en forme vit dans `card.css` via `[ktCardHeader]`.\n * L'ÉTIQUETTE accessible reste le titre fourni par le consommateur (`<h3 id>` + `aria-labelledby`\n * sur l'hôte), comme [ktDialogTitle] pour le dialog : on sépare layout et sémantique.\n *\n * @example\n * ```html\n * <header ktCardHeader><h3 id=\"t1\">Titre</h3></header>\n * ```\n */\n@Directive({ selector: '[ktCardHeader]' })\nexport class KtCardHeader {}\n\n/**\n * Média pleine largeur (image/vidéo). Marqueur structurel sans logique : `card.css` lui donne le\n * full-bleed (marge négative = padding de la carte) et `[ktCard]` clippe au rayon quand un média\n * est présent. À envelopper autour d'un `<img ngSrc>` (NgOptimizedImage).\n *\n * @example\n * ```html\n * <div ktCardMedia><img ngSrc=\"cover.jpg\" width=\"400\" height=\"200\" alt=\"\" /></div>\n * ```\n */\n@Directive({ selector: '[ktCardMedia]' })\nexport class KtCardMedia {}\n\n/**\n * Corps de la carte. Marqueur structurel sans logique : la mise en forme (rythme vertical) vit\n * dans `card.css` via `[ktCardContent]`.\n *\n * @example\n * ```html\n * <div ktCardContent>Texte de la carte.</div>\n * ```\n */\n@Directive({ selector: '[ktCardContent]' })\nexport class KtCardContent {}\n\n/**\n * Barre d'actions de la carte (rangée de boutons/liens). Marqueur structurel sans logique :\n * la mise en forme (flex, gap, épinglée en pied) vit dans `card.css` via `[ktCardActions]`.\n *\n * @example\n * ```html\n * <footer ktCardActions><button ktButton>Action</button></footer>\n * ```\n */\n@Directive({ selector: '[ktCardActions]' })\nexport class KtCardActions {}\n\n/**\n * Lien (ou bouton) PRIMAIRE d'une carte interactive : pattern « lien étiré » (Inclusive\n * Components). Un pseudo-élément `::after` covers toute la carte (cf. `card.css`) → toute la\n * surface est cliquable, SANS imbriquer de contrôles interactifs (anti-pattern WCAG 4.1.2). Les\n * actions secondaires de la carte repassent au-dessus du lien (z-index dans `card.css`).\n *\n * UN SEUL [ktCardLink] par carte. Le focus clavier est porté sur ce lien ; l'anneau de focus est\n * relayé sur toute la carte (`[ktCard]:has([ktCardLink]:focus-visible)`).\n *\n * Quand la carte ancêtre est `disabled`, le lien sort de l'ordre de tabulation (`tabindex=\"-1\"`)\n * et est annoncé `aria-disabled` : une carte inerte ne piège pas le focus clavier (WCAG 2.4.3).\n *\n * @example\n * ```html\n * <article ktCard interactive>\n *   <div ktCardContent>\n *     <h3 id=\"t1\">Titre</h3>\n *     <a ktCardLink routerLink=\"/detail\" aria-labelledby=\"t1\">Voir le détail</a>\n *   </div>\n * </article>\n * ```\n */\n@Directive({\n  selector: 'a[ktCardLink], button[ktCardLink]',\n  host: {\n    '[attr.aria-disabled]': 'card?.disabled() ? \"true\" : null',\n    '[attr.tabindex]': 'card?.disabled() ? \"-1\" : null',\n    '(click)': 'handleClick($event)',\n  },\n})\nexport class KtCardLink implements AfterViewInit {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly auditEnabled = inject(KT_AUDIT_ENABLED);\n  /**\n   * Carte ancêtre, injectée optionnellement via `inject(Card, { optional: true })` (DI par\n   * hiérarchie d'éléments) : `null` si [ktCardLink] est utilisé hors d'une [ktCard]. Sert à relayer\n   * l'état `disabled` de la carte (aria-disabled / tabindex) sans planter hors contexte.\n   */\n  protected readonly card = inject<KtCard>(\n    forwardRef(() => KtCard),\n    { optional: true },\n  );\n\n  handleClick(event: Event): void {\n    if (this.card?.disabled()) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  ngAfterViewInit(): void {\n    // Garde-fou a11y : un lien étiré sans nom accessible n'est pas annonçable.\n    if (!this.auditEnabled) return;\n\n    const hasName =\n      !!this.host.textContent?.trim() ||\n      !!this.host.getAttribute('aria-label')?.trim() ||\n      this.host.hasAttribute('aria-labelledby');\n    if (!hasName) {\n      console.warn(\n        '[ktCardLink] lien sans nom accessible : ajoutez du texte visible, [attr.aria-label] ' +\n          'ou aria-labelledby (WCAG 2.4.4 / 4.1.2).',\n      );\n    }\n  }\n}\n","import { KtCard, KtCardActions, KtCardContent, KtCardHeader, KtCardLink, KtCardMedia } from './card';\n\nexport * from './card';\n\n/**\n * Import ergonomique de toute la famille card en une fois :\n * `imports: [KtCardImports]` au lieu d'énumérer chaque directive.\n */\nexport const KtCardImports = [KtCard, KtCardHeader, KtCardMedia, KtCardContent, KtCardActions, KtCardLink] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}