@ktortu/aaa 0.10.2 → 0.11.0

package/button/button.css

@@ -213,6 +213,7 @@
   /* ============ ICON-ONLY (carré = hauteur, icône centrée ; forme suit --btn-radius) ============ */
   [ktButton][data-icon-only] {
     --btn-pad-x: 0;
+    padding-inline: 0 !important;
     gap: 0;
     inline-size: var(--btn-height-md, 44px);
     min-inline-size: var(--btn-height-md, 44px);
@@ -227,6 +228,87 @@
     min-inline-size: var(--btn-height-lg, 52px);
   }
 
+  /* Icône compacte : s'active en mode iconOnly */
+  [ktButton][data-compact-icon][data-icon-only]::before {
+    content: attr(data-compact-icon);
+    font-family: var(--btn-icon-font, var(--kt-icon-font, 'Material Symbols Outlined'));
+    font-weight: var(--btn-icon-font-weight, var(--kt-icon-font-weight, normal));
+    font-style: normal;
+    font-size: var(--btn-icon-size, 20px);
+    line-height: 1;
+    font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* Masquage visuel accessible (sr-only) du libellé en mode iconOnly */
+  [ktButton][data-icon-only] [ktButtonLabel],
+  [ktButton][data-icon-only] .kt-button-label,
+  [ktButton][data-icon-only] > span:not([data-icon]):not(.kt-icon):not([class*='icon']) {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    inline-size: 1px;
+    block-size: 1px;
+    min-block-size: 0;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  /* ============ BASCULE RESPONSIVE CSS (COLLAPSE-COMPACT) ============ */
+  @media (max-width: 599.98px) {
+    [ktButton][data-collapse-compact],
+    [ktButton][data-icon][data-collapse-compact] {
+      --btn-pad-x: 0;
+      padding-inline: 0 !important;
+      gap: 0;
+      inline-size: var(--btn-height-md, 44px);
+      min-inline-size: var(--btn-height-md, 44px);
+      position: relative;
+    }
+
+    [ktButton][data-size='sm'][data-collapse-compact] {
+      inline-size: var(--btn-height-sm, 32px);
+      min-inline-size: var(--btn-height-sm, 32px);
+    }
+
+    [ktButton][data-size='lg'][data-collapse-compact] {
+      inline-size: var(--btn-height-lg, 52px);
+      min-inline-size: var(--btn-height-lg, 52px);
+    }
+
+    /* Remplacement d'icône compacte sous seuil mobile */
+    [ktButton][data-compact-icon][data-collapse-compact]::before {
+      content: attr(data-compact-icon);
+      font-family: var(--btn-icon-font, var(--kt-icon-font, 'Material Symbols Outlined'));
+      font-weight: var(--btn-icon-font-weight, var(--kt-icon-font-weight, normal));
+      font-style: normal;
+      font-size: var(--btn-icon-size, 20px);
+      line-height: 1;
+      font-feature-settings: 'liga';
+      -webkit-font-smoothing: antialiased;
+    }
+
+    /* Masquage visuel accessible du libellé sous seuil mobile */
+    [ktButton][data-collapse-compact] [ktButtonLabel],
+    [ktButton][data-collapse-compact] .kt-button-label,
+    [ktButton][data-collapse-compact] > span:not([data-icon]):not(.kt-icon):not([class*='icon']) {
+      position: absolute;
+      inset-block-start: 0;
+      inset-inline-start: 0;
+      inline-size: 1px;
+      block-size: 1px;
+      min-block-size: 0;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip-path: inset(50%);
+      white-space: nowrap;
+    }
+  }
+
   /* sm boutons : zone de clic étendue à au moins 44x44px (AAA 2.5.5) via ::after transparent.
    Hors loading uniquement : le spinner occupe déjà ::after (états mutuellement exclusifs). */
   [ktButton][data-size='sm']:not(.loading)::after {

package/fesm2022/ktortu-aaa-button.mjs

@@ -52,6 +52,8 @@ class KtButton {
     fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Bouton carré sans texte ; impose un nom accessible via `ariaLabel`. @default false */
     iconOnly = input(false, { ...(ngDevMode ? { debugName: "iconOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Bascule automatiquement le bouton en icône seule sous le seuil compact (600px). @default false */
+    collapseCompact = input(false, { ...(ngDevMode ? { debugName: "collapseCompact" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Nom accessible. **Obligatoire si `iconOnly`** ; à défaut, l'`aria-label` natif est préservé. @default undefined */
     ariaLabel = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
@@ -63,6 +65,13 @@ class KtButton {
     /** Nom de l'icône (rendu via CSS `data-icon`). @default undefined */
     icon = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    /**
+     * Nom de l'icône spécifique au mode compact (`iconOnly` ou `collapseCompact`).
+     * Permet d'avoir un bouton avec texte seul sur grand écran et une icône dédiée sur petit écran.
+     * @default undefined
+     */
+    compactIcon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "compactIcon" }] : /* istanbul ignore next */ []));
     /** Position de l'icône relative au texte. @default 'start' */
     iconPosition = input('start', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "iconPosition" }] : /* istanbul ignore next */ []));
@@ -87,14 +96,25 @@ class KtButton {
                 return;
             if (!this.viewInitialized())
                 return;
-            if (!this.auditEnabled || !this.iconOnly())
+            if (!this.auditEnabled)
                 return;
-            if (!this.icon()) {
-                console.warn('[ktButton] iconOnly attend une icône via [icon].');
+            if (this.iconOnly()) {
+                if (!this.icon() && !this.compactIcon()) {
+                    console.warn('[ktButton] iconOnly attend une icône via [icon].');
+                }
+                if (!this.resolvedAriaLabel() && !this.host.hasAttribute('aria-labelledby')) {
+                    console.warn('[ktButton] iconOnly sans nom accessible : ajoutez [ariaLabel] (WCAG 4.1.2) — ' +
+                        'le bouton serait annoncé sans libellé.');
+                }
             }
-            if (!this.resolvedAriaLabel() && !this.host.hasAttribute('aria-labelledby')) {
-                console.warn('[ktButton] iconOnly sans nom accessible : ajoutez [ariaLabel] (WCAG 4.1.2) — ' +
-                    'le bouton serait annoncé sans libellé.');
+            else if (this.collapseCompact()) {
+                if (!this.icon() && !this.compactIcon()) {
+                    console.warn('[ktButton] collapseCompact attend une icône via [icon] ou [compactIcon].');
+                }
+                const hasText = Boolean(this.host.textContent?.trim());
+                if (!this.resolvedAriaLabel() && !this.host.hasAttribute('aria-labelledby') && !hasText) {
+                    console.warn('[ktButton] collapseCompact sans nom accessible : ajoutez un libellé ou [ariaLabel] (WCAG 4.1.2).');
+                }
             }
         });
     }
@@ -108,7 +128,7 @@ class KtButton {
         event.stopImmediatePropagation();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: KtButton, isStandalone: true, selector: "button[ktButton], a[ktButton]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "haltDisabledEvents($event)" }, properties: { "attr.data-mode": "mode()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-full-width": "fullWidth() ? \"\" : null", "attr.data-icon-only": "iconOnly() ? \"\" : null", "attr.type": "!isLink ? type() : null", "attr.aria-label": "resolvedAriaLabel()", "class.loading": "loading()", "class.disabled": "isDisabled()", "attr.data-icon": "icon()", "attr.data-icon-position": "iconPosition()", "attr.disabled": "isDisabled() && !disabledInteractive() && !isLink ? \"\" : null", "attr.aria-disabled": "isDisabled() && (disabledInteractive() || isLink) ? \"true\" : null", "attr.tabindex": "isDisabled() && !disabledInteractive() && isLink ? \"-1\" : null", "attr.aria-busy": "loading() ? \"true\" : null" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: KtButton, isStandalone: true, selector: "button[ktButton], a[ktButton]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, collapseCompact: { classPropertyName: "collapseCompact", publicName: "collapseCompact", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, compactIcon: { classPropertyName: "compactIcon", publicName: "compactIcon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disabledInteractive: { classPropertyName: "disabledInteractive", publicName: "disabledInteractive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "haltDisabledEvents($event)" }, properties: { "attr.data-mode": "mode()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-full-width": "fullWidth() ? \"\" : null", "attr.data-icon-only": "iconOnly() ? \"\" : null", "attr.data-collapse-compact": "collapseCompact() ? \"\" : null", "attr.type": "!isLink ? type() : null", "attr.aria-label": "resolvedAriaLabel()", "class.loading": "loading()", "class.disabled": "isDisabled()", "attr.data-icon": "icon()", "attr.data-compact-icon": "compactIcon()", "attr.data-icon-position": "iconPosition()", "attr.disabled": "isDisabled() && !disabledInteractive() && !isLink ? \"\" : null", "attr.aria-disabled": "isDisabled() && (disabledInteractive() || isLink) ? \"true\" : null", "attr.tabindex": "isDisabled() && !disabledInteractive() && isLink ? \"-1\" : null", "attr.aria-busy": "loading() ? \"true\" : null" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtButton, decorators: [{
             type: Directive,
@@ -120,11 +140,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         '[attr.data-size]': 'size()',
                         '[attr.data-full-width]': 'fullWidth() ? "" : null',
                         '[attr.data-icon-only]': 'iconOnly() ? "" : null',
+                        '[attr.data-collapse-compact]': 'collapseCompact() ? "" : null',
                         '[attr.type]': '!isLink ? type() : null',
                         '[attr.aria-label]': 'resolvedAriaLabel()',
                         '[class.loading]': 'loading()',
                         '[class.disabled]': 'isDisabled()',
                         '[attr.data-icon]': 'icon()',
+                        '[attr.data-compact-icon]': 'compactIcon()',
                         '[attr.data-icon-position]': 'iconPosition()',
                         '[attr.disabled]': 'isDisabled() && !disabledInteractive() && !isLink ? "" : null',
                         '[attr.aria-disabled]': 'isDisabled() && (disabledInteractive() || isLink) ? "true" : null',
@@ -133,11 +155,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         '(click)': 'haltDisabledEvents($event)',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], disabledInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledInteractive", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], collapseCompact: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseCompact", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], compactIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactIcon", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], disabledInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledInteractive", required: false }] }] } });
+
+/**
+ * Libellé textuel pour un bouton `[ktButton]`.
+ * Permet de masquer visuellement le texte de façon accessible (WCAG 4.1.2 / 2.5.3)
+ * lorsque le bouton bascule en mode compact / icône seule (`iconOnly` ou `collapseCompact`).
+ *
+ * @example
+ * ```html
+ * <button ktButton icon="download" collapseCompact>
+ *   <span ktButtonLabel>Télécharger</span>
+ * </button>
+ * ```
+ */
+class KtButtonLabel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtButtonLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.1", type: KtButtonLabel, isStandalone: true, selector: "[ktButtonLabel], .kt-button-label", host: { classAttribute: "kt-button-label" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtButtonLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ktButtonLabel], .kt-button-label',
+                    host: {
+                        class: 'kt-button-label',
+                    },
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { KT_BUTTON_CONFIG, KtButton, provideKtButton };
+export { KT_BUTTON_CONFIG, KtButton, KtButtonLabel, provideKtButton };
 //# sourceMappingURL=ktortu-aaa-button.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ktortu-aaa-button.mjs","sources":["../../../../projects/ktortu/aaa/button/button.ts","../../../../projects/ktortu/aaa/button/ktortu-aaa-button.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  InjectionToken,\n  Provider,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  AfterViewInit,\n  PLATFORM_ID,\n  effect,\n  signal,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { KT_AUDIT_ENABLED } from '@ktortu/aaa/cdk';\n\n/** Axe \"emphase\" (apparence). */\nexport type KtButtonMode = 'filled' | 'tonal' | 'outlined' | 'text';\n/** Axe \"intention\" (couleur sémantique). */\nexport type KtButtonColor = 'primary' | 'neutral' | 'danger';\n/** Taille (la cible md ~44-48px vise le confort tactile / AAA). */\nexport type KtButtonSize = 'sm' | 'md' | 'lg';\n\n/** Défauts applicables à tous les `[ktButton]` (surchargeables par bouton via les inputs). */\nexport interface KtButtonConfig {\n  /** Garde le bouton focusable même désactivé (via `aria-disabled`). */\n  disabledInteractive: boolean;\n  /** Emphase visuelle par défaut (apparence). */\n  mode: KtButtonMode;\n  /** Intention sémantique par défaut (couleur). */\n  color: KtButtonColor;\n  /** Taille par défaut. */\n  size: KtButtonSize;\n}\n\nexport const KT_BUTTON_CONFIG = new InjectionToken<Partial<KtButtonConfig>>('KT_BUTTON_CONFIG');\n\n/**\n * Fournit des défauts de bouton (mode/couleur/taille…) pour un sous-arbre ou l'application entière.\n *\n * @example\n * ```ts\n * providers: [provideKtButton({ mode: 'tonal', size: 'lg' })]\n * ```\n */\nexport function provideKtButton(config: Partial<KtButtonConfig>): Provider {\n  return { provide: KT_BUTTON_CONFIG, useValue: config };\n}\n\n/**\n * Bouton ou lien stylé par la directive `ktButton`. À poser sur un `<button>`\n * (action) ou un `<a>` (navigation) — l'accessibilité s'adapte automatiquement\n * (un `<a>` désactivé bascule sur `aria-disabled` plutôt que `disabled`).\n *\n * @example\n * ```html\n * <button ktButton mode=\"filled\" color=\"primary\">Enregistrer</button>\n * <a ktButton mode=\"text\" href=\"/aide\">Aide</a>\n * <button ktButton iconOnly icon=\"close\" ariaLabel=\"Fermer\"></button>\n * ```\n */\n@Directive({\n  selector: 'button[ktButton], a[ktButton]',\n  host: {\n    '[attr.data-mode]': 'mode()',\n    '[attr.data-color]': 'color()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\n    '[attr.data-icon-only]': 'iconOnly() ? \"\" : null',\n    '[attr.type]': '!isLink ? type() : null',\n    '[attr.aria-label]': 'resolvedAriaLabel()',\n    '[class.loading]': 'loading()',\n    '[class.disabled]': 'isDisabled()',\n    '[attr.data-icon]': 'icon()',\n    '[attr.data-icon-position]': 'iconPosition()',\n    '[attr.disabled]': 'isDisabled() && !disabledInteractive() && !isLink ? \"\" : null',\n    '[attr.aria-disabled]': 'isDisabled() && (disabledInteractive() || isLink) ? \"true\" : null',\n    '[attr.tabindex]': 'isDisabled() && !disabledInteractive() && isLink ? \"-1\" : null',\n    '[attr.aria-busy]': 'loading() ? \"true\" : null',\n    '(click)': 'haltDisabledEvents($event)',\n  },\n})\nexport class KtButton implements AfterViewInit {\n  private readonly config = inject(KT_BUTTON_CONFIG, { optional: true });\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly platformId = inject(PLATFORM_ID);\n  private isDestroyed = false;\n  private readonly viewInitialized = signal(false);\n  private readonly auditEnabled = inject(KT_AUDIT_ENABLED);\n\n  // Un <a> reste toujours focusable : on bascule sur aria-disabled au lieu du disabled natif.\n  protected readonly isLink = this.host.tagName === 'A';\n  // aria-label natif posé par le consommateur, capté à la construction (préservé si l'input n'est pas fourni).\n  private readonly nativeAriaLabel = this.host.getAttribute('aria-label');\n\n  /** Emphase visuelle du bouton (apparence, ≠ `type`). @default 'filled' (ou KT_BUTTON_CONFIG.mode) */\n  readonly mode = input<KtButtonMode>(this.config?.mode ?? 'filled');\n\n  /** Intention sémantique (couleur). @default 'primary' (ou KT_BUTTON_CONFIG.color) */\n  readonly color = input<KtButtonColor>(this.config?.color ?? 'primary');\n\n  /** Taille ; `md` vise une cible tactile ~44-48px. @default 'md' (ou KT_BUTTON_CONFIG.size) */\n  readonly size = input<KtButtonSize>(this.config?.size ?? 'md');\n\n  /** Étire le bouton sur toute la largeur disponible. @default false */\n  readonly fullWidth = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Bouton carré sans texte ; impose un nom accessible via `ariaLabel`. @default false */\n  readonly iconOnly = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Nom accessible. **Obligatoire si `iconOnly`** ; à défaut, l'`aria-label` natif est préservé. @default undefined */\n  readonly ariaLabel = input<string>();\n\n  /** Attribut HTML natif (comportement formulaire), distinct de `mode`. @default 'button' */\n  readonly type = input<'button' | 'submit' | 'reset'>('button');\n\n  /** Affiche l'état de chargement et rend le bouton inerte (`aria-busy`). @default false */\n  readonly loading = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Nom de l'icône (rendu via CSS `data-icon`). @default undefined */\n  readonly icon = input<string>();\n\n  /** Position de l'icône relative au texte. @default 'start' */\n  readonly iconPosition = input<'start' | 'end'>('start');\n\n  /** Désactive le bouton. @default false */\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Garde le bouton focusable même désactivé (via `aria-disabled`). @default false (ou KT_BUTTON_CONFIG.disabledInteractive) */\n  readonly disabledInteractive = input<boolean, unknown>(this.config?.disabledInteractive ?? false, {\n    transform: booleanAttribute,\n  });\n\n  // loading implique un bouton inerte\n  protected readonly isDisabled = computed(() => this.disabled() || this.loading());\n\n  // input prioritaire, sinon aria-label natif préservé (non destructif), sinon rien.\n  protected readonly resolvedAriaLabel = computed(() => this.ariaLabel()?.trim() || this.nativeAriaLabel || null);\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.viewInitialized()) return;\n      if (!this.auditEnabled || !this.iconOnly()) return;\n\n      if (!this.icon()) {\n        console.warn('[ktButton] iconOnly attend une icône via [icon].');\n      }\n      if (!this.resolvedAriaLabel() && !this.host.hasAttribute('aria-labelledby')) {\n        console.warn(\n          '[ktButton] iconOnly sans nom accessible : ajoutez [ariaLabel] (WCAG 4.1.2) — ' +\n            'le bouton serait annoncé sans libellé.',\n        );\n      }\n    });\n  }\n\n  ngAfterViewInit(): void {\n    this.viewInitialized.set(true);\n  }\n\n  protected haltDisabledEvents(event: Event): void {\n    if (!this.isDisabled()) return;\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\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-button.mjs","sources":["../../../../projects/ktortu/aaa/button/button.ts","../../../../projects/ktortu/aaa/button/button-label.directive.ts","../../../../projects/ktortu/aaa/button/ktortu-aaa-button.ts"],"sourcesContent":["import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  InjectionToken,\n  Provider,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  AfterViewInit,\n  PLATFORM_ID,\n  effect,\n  signal,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { KT_AUDIT_ENABLED } from '@ktortu/aaa/cdk';\n\n/** Axe \"emphase\" (apparence). */\nexport type KtButtonMode = 'filled' | 'tonal' | 'outlined' | 'text';\n/** Axe \"intention\" (couleur sémantique). */\nexport type KtButtonColor = 'primary' | 'neutral' | 'danger';\n/** Taille (la cible md ~44-48px vise le confort tactile / AAA). */\nexport type KtButtonSize = 'sm' | 'md' | 'lg';\n\n/** Défauts applicables à tous les `[ktButton]` (surchargeables par bouton via les inputs). */\nexport interface KtButtonConfig {\n  /** Garde le bouton focusable même désactivé (via `aria-disabled`). */\n  disabledInteractive: boolean;\n  /** Emphase visuelle par défaut (apparence). */\n  mode: KtButtonMode;\n  /** Intention sémantique par défaut (couleur). */\n  color: KtButtonColor;\n  /** Taille par défaut. */\n  size: KtButtonSize;\n}\n\nexport const KT_BUTTON_CONFIG = new InjectionToken<Partial<KtButtonConfig>>('KT_BUTTON_CONFIG');\n\n/**\n * Fournit des défauts de bouton (mode/couleur/taille…) pour un sous-arbre ou l'application entière.\n *\n * @example\n * ```ts\n * providers: [provideKtButton({ mode: 'tonal', size: 'lg' })]\n * ```\n */\nexport function provideKtButton(config: Partial<KtButtonConfig>): Provider {\n  return { provide: KT_BUTTON_CONFIG, useValue: config };\n}\n\n/**\n * Bouton ou lien stylé par la directive `ktButton`. À poser sur un `<button>`\n * (action) ou un `<a>` (navigation) — l'accessibilité s'adapte automatiquement\n * (un `<a>` désactivé bascule sur `aria-disabled` plutôt que `disabled`).\n *\n * @example\n * ```html\n * <button ktButton mode=\"filled\" color=\"primary\">Enregistrer</button>\n * <a ktButton mode=\"text\" href=\"/aide\">Aide</a>\n * <button ktButton iconOnly icon=\"close\" ariaLabel=\"Fermer\"></button>\n * ```\n */\n@Directive({\n  selector: 'button[ktButton], a[ktButton]',\n  host: {\n    '[attr.data-mode]': 'mode()',\n    '[attr.data-color]': 'color()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\n    '[attr.data-icon-only]': 'iconOnly() ? \"\" : null',\n    '[attr.data-collapse-compact]': 'collapseCompact() ? \"\" : null',\n    '[attr.type]': '!isLink ? type() : null',\n    '[attr.aria-label]': 'resolvedAriaLabel()',\n    '[class.loading]': 'loading()',\n    '[class.disabled]': 'isDisabled()',\n    '[attr.data-icon]': 'icon()',\n    '[attr.data-compact-icon]': 'compactIcon()',\n    '[attr.data-icon-position]': 'iconPosition()',\n    '[attr.disabled]': 'isDisabled() && !disabledInteractive() && !isLink ? \"\" : null',\n    '[attr.aria-disabled]': 'isDisabled() && (disabledInteractive() || isLink) ? \"true\" : null',\n    '[attr.tabindex]': 'isDisabled() && !disabledInteractive() && isLink ? \"-1\" : null',\n    '[attr.aria-busy]': 'loading() ? \"true\" : null',\n    '(click)': 'haltDisabledEvents($event)',\n  },\n})\nexport class KtButton implements AfterViewInit {\n  private readonly config = inject(KT_BUTTON_CONFIG, { optional: true });\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly platformId = inject(PLATFORM_ID);\n  private isDestroyed = false;\n  private readonly viewInitialized = signal(false);\n  private readonly auditEnabled = inject(KT_AUDIT_ENABLED);\n\n  // Un <a> reste toujours focusable : on bascule sur aria-disabled au lieu du disabled natif.\n  protected readonly isLink = this.host.tagName === 'A';\n  // aria-label natif posé par le consommateur, capté à la construction (préservé si l'input n'est pas fourni).\n  private readonly nativeAriaLabel = this.host.getAttribute('aria-label');\n\n  /** Emphase visuelle du bouton (apparence, ≠ `type`). @default 'filled' (ou KT_BUTTON_CONFIG.mode) */\n  readonly mode = input<KtButtonMode>(this.config?.mode ?? 'filled');\n\n  /** Intention sémantique (couleur). @default 'primary' (ou KT_BUTTON_CONFIG.color) */\n  readonly color = input<KtButtonColor>(this.config?.color ?? 'primary');\n\n  /** Taille ; `md` vise une cible tactile ~44-48px. @default 'md' (ou KT_BUTTON_CONFIG.size) */\n  readonly size = input<KtButtonSize>(this.config?.size ?? 'md');\n\n  /** Étire le bouton sur toute la largeur disponible. @default false */\n  readonly fullWidth = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Bouton carré sans texte ; impose un nom accessible via `ariaLabel`. @default false */\n  readonly iconOnly = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Bascule automatiquement le bouton en icône seule sous le seuil compact (600px). @default false */\n  readonly collapseCompact = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Nom accessible. **Obligatoire si `iconOnly`** ; à défaut, l'`aria-label` natif est préservé. @default undefined */\n  readonly ariaLabel = input<string>();\n\n  /** Attribut HTML natif (comportement formulaire), distinct de `mode`. @default 'button' */\n  readonly type = input<'button' | 'submit' | 'reset'>('button');\n\n  /** Affiche l'état de chargement et rend le bouton inerte (`aria-busy`). @default false */\n  readonly loading = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Nom de l'icône (rendu via CSS `data-icon`). @default undefined */\n  readonly icon = input<string>();\n\n  /**\n   * Nom de l'icône spécifique au mode compact (`iconOnly` ou `collapseCompact`).\n   * Permet d'avoir un bouton avec texte seul sur grand écran et une icône dédiée sur petit écran.\n   * @default undefined\n   */\n  readonly compactIcon = input<string>();\n\n  /** Position de l'icône relative au texte. @default 'start' */\n  readonly iconPosition = input<'start' | 'end'>('start');\n\n  /** Désactive le bouton. @default false */\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Garde le bouton focusable même désactivé (via `aria-disabled`). @default false (ou KT_BUTTON_CONFIG.disabledInteractive) */\n  readonly disabledInteractive = input<boolean, unknown>(this.config?.disabledInteractive ?? false, {\n    transform: booleanAttribute,\n  });\n\n  // loading implique un bouton inerte\n  protected readonly isDisabled = computed(() => this.disabled() || this.loading());\n\n  // input prioritaire, sinon aria-label natif préservé (non destructif), sinon rien.\n  protected readonly resolvedAriaLabel = computed(() => this.ariaLabel()?.trim() || this.nativeAriaLabel || null);\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.viewInitialized()) return;\n      if (!this.auditEnabled) return;\n\n      if (this.iconOnly()) {\n        if (!this.icon() && !this.compactIcon()) {\n          console.warn('[ktButton] iconOnly attend une icône via [icon].');\n        }\n        if (!this.resolvedAriaLabel() && !this.host.hasAttribute('aria-labelledby')) {\n          console.warn(\n            '[ktButton] iconOnly sans nom accessible : ajoutez [ariaLabel] (WCAG 4.1.2) — ' +\n              'le bouton serait annoncé sans libellé.',\n          );\n        }\n      } else if (this.collapseCompact()) {\n        if (!this.icon() && !this.compactIcon()) {\n          console.warn('[ktButton] collapseCompact attend une icône via [icon] ou [compactIcon].');\n        }\n        const hasText = Boolean(this.host.textContent?.trim());\n        if (!this.resolvedAriaLabel() && !this.host.hasAttribute('aria-labelledby') && !hasText) {\n          console.warn(\n            '[ktButton] collapseCompact sans nom accessible : ajoutez un libellé ou [ariaLabel] (WCAG 4.1.2).',\n          );\n        }\n      }\n    });\n  }\n\n  ngAfterViewInit(): void {\n    this.viewInitialized.set(true);\n  }\n\n  protected haltDisabledEvents(event: Event): void {\n    if (!this.isDisabled()) return;\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Libellé textuel pour un bouton `[ktButton]`.\n * Permet de masquer visuellement le texte de façon accessible (WCAG 4.1.2 / 2.5.3)\n * lorsque le bouton bascule en mode compact / icône seule (`iconOnly` ou `collapseCompact`).\n *\n * @example\n * ```html\n * <button ktButton icon=\"download\" collapseCompact>\n *   <span ktButtonLabel>Télécharger</span>\n * </button>\n * ```\n */\n@Directive({\n  selector: '[ktButtonLabel], .kt-button-label',\n  host: {\n    class: 'kt-button-label',\n  },\n})\nexport class KtButtonLabel {}\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

@@ -108,6 +108,10 @@ class KtDialogDescription {
         if (this.dialogRef?.config.ariaDescribedBy === this.id) {
             this.dialogRef.config.ariaDescribedBy = null;
         }
+        const container = this.host.closest('.cdk-dialog-container');
+        if (container && container.getAttribute('aria-describedby') === this.id) {
+            this.renderer.removeAttribute(container, 'aria-describedby');
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.1", type: KtDialogDescription, isStandalone: true, selector: "[ktDialogDescription]", host: { properties: { "id": "id" } }, ngImport: i0 });
@@ -780,7 +784,6 @@ function injectKtDialogOpener(component, baseConfig) {
         const merged = [...new Set([...resolveKtDialogPanelClass(presentation, viewport.isCompact()), ...extra])];
         const uid = idGen.generateId('dialog');
         const titleId = `kt-dialog-title-${uid}`;
-        const descId = `kt-dialog-desc-${uid}`;
         return dialog.open(component, {
             // Plancher a11y garanti par l'opener (ariaModal/role/restoreFocus/autoFocus…), même si le
             // consommateur n'a pas câblé provideKtDialogDefaults(). `...rest` (config par appel) prime.
@@ -792,7 +795,6 @@ function injectKtDialogOpener(component, baseConfig) {
                 providers: () => [{ provide: KT_DIALOG_CONFIG, useValue: ktConfig }],
             },
             ariaLabelledBy: titleId,
-            ariaDescribedBy: descId,
             ...rest,
             panelClass: merged,
             data,
@@ -914,7 +916,7 @@ class KtAlertDialog {
         {{ data.closeLabel || 'Fermer' }}
       </button>
     </footer>
-  `, isInline: true, dependencies: [{ kind: "directive", type: KtButton, selector: "button[ktButton], a[ktButton]", inputs: ["mode", "color", "size", "fullWidth", "iconOnly", "ariaLabel", "type", "loading", "icon", "iconPosition", "disabled", "disabledInteractive"] }, { kind: "directive", type: KtDialogTitle, selector: "[ktDialogTitle]" }, { kind: "directive", type: KtDialogDescription, selector: "[ktDialogDescription]" }, { kind: "directive", type: KtDialogActions, selector: "[ktDialogActions]" }, { kind: "directive", type: KtDialogClose, selector: "[ktDialogClose]", inputs: ["ktDialogClose"] }, { kind: "directive", type: KtDialogFocusInitial, selector: "[ktDialogFocusInitial]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: KtButton, selector: "button[ktButton], a[ktButton]", inputs: ["mode", "color", "size", "fullWidth", "iconOnly", "collapseCompact", "ariaLabel", "type", "loading", "icon", "compactIcon", "iconPosition", "disabled", "disabledInteractive"] }, { kind: "directive", type: KtDialogTitle, selector: "[ktDialogTitle]" }, { kind: "directive", type: KtDialogDescription, selector: "[ktDialogDescription]" }, { kind: "directive", type: KtDialogActions, selector: "[ktDialogActions]" }, { kind: "directive", type: KtDialogClose, selector: "[ktDialogClose]", inputs: ["ktDialogClose"] }, { kind: "directive", type: KtDialogFocusInitial, selector: "[ktDialogFocusInitial]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtAlertDialog, decorators: [{
             type: Component,
@@ -1008,7 +1010,7 @@ class KtConfirmDialog {
         {{ data.confirmLabel || 'Oui' }}
       </button>
     </footer>
-  `, isInline: true, dependencies: [{ kind: "directive", type: KtButton, selector: "button[ktButton], a[ktButton]", inputs: ["mode", "color", "size", "fullWidth", "iconOnly", "ariaLabel", "type", "loading", "icon", "iconPosition", "disabled", "disabledInteractive"] }, { kind: "directive", type: KtDialogTitle, selector: "[ktDialogTitle]" }, { kind: "directive", type: KtDialogDescription, selector: "[ktDialogDescription]" }, { kind: "directive", type: KtDialogActions, selector: "[ktDialogActions]" }, { kind: "directive", type: KtDialogFocusInitial, selector: "[ktDialogFocusInitial]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: KtButton, selector: "button[ktButton], a[ktButton]", inputs: ["mode", "color", "size", "fullWidth", "iconOnly", "collapseCompact", "ariaLabel", "type", "loading", "icon", "compactIcon", "iconPosition", "disabled", "disabledInteractive"] }, { kind: "directive", type: KtDialogTitle, selector: "[ktDialogTitle]" }, { kind: "directive", type: KtDialogDescription, selector: "[ktDialogDescription]" }, { kind: "directive", type: KtDialogActions, selector: "[ktDialogActions]" }, { kind: "directive", type: KtDialogFocusInitial, selector: "[ktDialogFocusInitial]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: KtConfirmDialog, decorators: [{
             type: Component,