@ktortu/aaa 0.9.0 → 0.9.1

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

@@ -1 +1 @@
-{"version":3,"file":"ktortu-aaa-tabs.mjs","sources":["../../../../projects/ktortu/aaa/tabs/tab-scroller.ts","../../../../projects/ktortu/aaa/tabs/tabs-config.ts","../../../../projects/ktortu/aaa/tabs/tab-scroller-pager.ts","../../../../projects/ktortu/aaa/tabs/tab-scroll.ts","../../../../projects/ktortu/aaa/tabs/ktortu-aaa-tabs.ts"],"sourcesContent":["import {\n  Directive,\n  DOCUMENT,\n  DestroyRef,\n  ElementRef,\n  afterNextRender,\n  afterRenderEffect,\n  computed,\n  inject,\n  signal,\n} from '@angular/core';\nimport { TabList } from '@angular/aria/tabs';\n\n/** Cible de défilement calculée en phase de lecture, appliquée en phase d'écriture. */\ntype ScrollTarget = { axis: 'left' | 'top'; value: number };\n\n/** Métriques de débordement de la liste d'onglets, mesurées de façon impérative. */\ninterface ScrollMetrics {\n  /** Reste-t-il du contenu hors-champ côté début (gauche en LTR / droite en RTL ; haut si vertical) ? */\n  canStart: boolean;\n  /** Reste-t-il du contenu hors-champ côté fin ? */\n  canEnd: boolean;\n  /** La liste déborde-t-elle (taille de défilement > taille visible) ? */\n  overflowing: boolean;\n  /** Axe courant. */\n  vertical: boolean;\n}\n\nconst EMPTY_METRICS: ScrollMetrics = { canStart: false, canEnd: false, overflowing: false, vertical: false };\n\n/** Tolérance d'1px : arrondis sub-pixel, zoom navigateur. */\nconst EPS = 1;\n\n/** Fraction de la zone visible parcourue par un « page » de pagination (chevauchement d'un onglet). */\nconst PAGE_RATIO = 0.8;\n\n/**\n * Pilote le **débordement** d'une liste d'onglets `@angular/aria/tabs` (cf. tabs.css). Deux rôles :\n *\n * 1. **Scroll-into-view** : amène l'onglet sélectionné dans la vue au montage et lors d'un changement\n *    de sélection programmatique (ce que le CSS seul ne fait pas), en respectant `prefers-reduced-motion`.\n * 2. **Pagination** : expose un état réactif (`canScrollStart()`, `canScrollEnd()`, `overflowing()`,\n *    `orientation()`) et une méthode `scrollByPage()`, pour brancher des boutons chevrons (cf. le\n *    composant clé-en-main `KtTabScrollerPager`, ou des boutons custom via `exportAs: 'ktTabScroller'`).\n *\n * Opt-in, à poser sur `[ngTabList]` :\n *\n * @example\n * ```html\n * <ul ngTabList ktTabScroller #s=\"ktTabScroller\" [(selectedTab)]=\"tab\"> … </ul>\n * <button (click)=\"s.scrollByPage('start')\" [disabled]=\"!s.canScrollStart()\">‹</button>\n * ```\n */\n@Directive({\n  selector: '[ngTabList][ktTabScroller]',\n  exportAs: 'ktTabScroller',\n  host: {\n    // Marqueur CSS : pagination réactive active → la scrollbar native est masquée (cf. tabs.css).\n    '[attr.data-kt-tab-scroller]': '\"\"',\n  },\n})\nexport class KtTabScroller {\n  private readonly list = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly tabList = inject(TabList);\n  private readonly doc = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n  /** Préférence « réduire les animations », lue à chaud (absente possible en SSR/jsdom). */\n  private readonly reducedMotion = this.doc.defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)');\n\n  /**\n   * Métriques de débordement. Mises à jour UNIQUEMENT depuis des callbacks navigateur\n   * (`afterNextRender`, `scroll`, `ResizeObserver`, `MutationObserver`) — jamais depuis le corps\n   * d'un effet réactif, pour rester conforme (pas d'écriture de signal dans un effet).\n   */\n  private readonly metrics = signal<ScrollMetrics>(EMPTY_METRICS);\n\n  /** Reste-t-il du contenu hors-champ côté début (à brancher sur le bouton « précédent ») ? */\n  readonly canScrollStart = computed(() => this.metrics().canStart);\n  /** Reste-t-il du contenu hors-champ côté fin (à brancher sur le bouton « suivant ») ? */\n  readonly canScrollEnd = computed(() => this.metrics().canEnd);\n  /** La liste déborde-t-elle ? (utile pour masquer toute la barre de pagination). */\n  readonly overflowing = computed(() => this.metrics().overflowing);\n  /** Axe courant, dérivé de l'orientation `@angular/aria`. */\n  readonly orientation = computed<'horizontal' | 'vertical'>(() =>\n    this.metrics().vertical ? 'vertical' : 'horizontal',\n  );\n\n  constructor() {\n    // 1. Scroll-into-view (phasé : mesure en `earlyRead`, scroll en `write`, pas de reflow forcé).\n    //    Le `scrollTo` émet un événement `scroll` → remeasure via le listener (aucun `set` ici).\n    afterRenderEffect({\n      earlyRead: () => this.computeScrollTarget(),\n      write: (target) => {\n        const t = target();\n        if (!t) return;\n        this.list.scrollTo({ [t.axis]: t.value, behavior: this.scrollBehavior() });\n      },\n    });\n\n    // 2. Mesure initiale + observateurs (browser-only ; `afterNextRender` ne tourne pas en SSR).\n    afterNextRender(() => {\n      const view = this.doc.defaultView;\n      if (!view) return;\n      this.remeasure();\n\n      const onScroll = () => this.remeasure();\n      this.list.addEventListener('scroll', onScroll, { passive: true });\n\n      // ResizeObserver : viewport ET contenu (les onglets qui changent de largeur). Référencé en\n      // global (jamais instancié en SSR puisque dans `afterNextRender`).\n      const ro = new ResizeObserver(() => this.remeasure());\n      const observeAll = () => {\n        ro.disconnect();\n        ro.observe(this.list);\n        for (const child of Array.from(this.list.children)) ro.observe(child);\n      };\n      observeAll();\n\n      // MutationObserver : onglets ajoutés/retirés (@for) → re-observer + remeasure.\n      const mo = new MutationObserver(() => {\n        observeAll();\n        this.remeasure();\n      });\n      mo.observe(this.list, { childList: true });\n\n      this.destroyRef.onDestroy(() => {\n        this.list.removeEventListener('scroll', onScroll);\n        ro.disconnect();\n        mo.disconnect();\n      });\n    });\n  }\n\n  /**\n   * Fait défiler d'environ une « page » (≈ {@link PAGE_RATIO} de la zone visible) vers le début ou la\n   * fin. `behavior` respecte `prefers-reduced-motion`. Le navigateur sature au min/max ; les boutons\n   * câblés sont `disabled` aux extrémités, donc l'appel n'a pas lieu à vide.\n   */\n  scrollByPage(dir: 'start' | 'end'): void {\n    const el = this.list;\n    const sign = dir === 'end' ? 1 : -1;\n    if (this.metrics().vertical) {\n      el.scrollBy({ top: sign * el.clientHeight * PAGE_RATIO, behavior: this.scrollBehavior() });\n      return;\n    }\n    // RTL : le sens d'écriture inverse le signe de `scrollLeft`.\n    const rtlSign = this.isRtl() ? -1 : 1;\n    el.scrollBy({ left: sign * rtlSign * el.clientWidth * PAGE_RATIO, behavior: this.scrollBehavior() });\n  }\n\n  /** Met à jour le signal de métriques. Appelé depuis des callbacks navigateur (jamais un effet). */\n  private remeasure(): void {\n    this.metrics.set(this.measure());\n  }\n\n  /** Mesure le débordement (lecture pure de géométrie, n'écrit rien). */\n  private measure(): ScrollMetrics {\n    const el = this.list;\n    const vertical = this.isVertical();\n\n    if (vertical) {\n      const { scrollTop, scrollHeight, clientHeight } = el;\n      const max = scrollHeight - clientHeight;\n      return { vertical: true, overflowing: max > EPS, canStart: scrollTop > EPS, canEnd: scrollTop < max - EPS };\n    }\n\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    const max = scrollWidth - clientWidth;\n    const rtl = this.isRtl();\n    // Distances logiques indépendantes du signe de `scrollLeft` (négatif en RTL sur les navigateurs récents).\n    const fromStart = rtl ? -scrollLeft : scrollLeft;\n    const fromEnd = max - Math.abs(scrollLeft);\n    return { vertical: false, overflowing: max > EPS, canStart: fromStart > EPS, canEnd: fromEnd > EPS };\n  }\n\n  private isVertical(): boolean {\n    return (\n      this.list.getAttribute('aria-orientation') === 'vertical' || this.list.getAttribute('orientation') === 'vertical'\n    );\n  }\n\n  private isRtl(): boolean {\n    return this.doc.defaultView?.getComputedStyle(this.list).direction === 'rtl';\n  }\n\n  /**\n   * `auto` si l'utilisateur a demandé à réduire les animations (WCAG 2.3.3 AAA), `smooth` sinon.\n   * Passer un `behavior` explicite à `scrollTo`/`scrollBy` écrase la propriété CSS `scroll-behavior`,\n   * d'où la nécessité de répliquer ici la décision que le CSS prend via `prefers-reduced-motion`.\n   */\n  private scrollBehavior(): ScrollBehavior {\n    return this.reducedMotion?.matches ? 'auto' : 'smooth';\n  }\n\n  /**\n   * Calcule l'offset à atteindre pour amener l'onglet actif dans la vue, ou `null` s'il est déjà\n   * visible (ou s'il n'y a aucun onglet sélectionné). Lit `selectedTab()` → dépendance réactive.\n   */\n  private computeScrollTarget(): ScrollTarget | null {\n    const selected = this.tabList.findTab(this.tabList.selectedTab())?.element;\n    if (!selected) return null;\n\n    const container = this.list;\n    if (this.isVertical()) {\n      const selectedTop = selected.offsetTop;\n      const selectedBottom = selectedTop + selected.offsetHeight;\n      const containerTop = container.scrollTop;\n      const containerBottom = containerTop + container.clientHeight;\n\n      if (selectedTop < containerTop) return { axis: 'top', value: selectedTop };\n      if (selectedBottom > containerBottom) return { axis: 'top', value: selectedBottom - container.clientHeight };\n      return null;\n    }\n\n    const selectedLeft = selected.offsetLeft;\n    const selectedRight = selectedLeft + selected.offsetWidth;\n    const containerLeft = container.scrollLeft;\n    const containerRight = containerLeft + container.clientWidth;\n\n    if (selectedLeft < containerLeft) return { axis: 'left', value: selectedLeft };\n    if (selectedRight > containerRight) return { axis: 'left', value: selectedRight - container.clientWidth };\n    return null;\n  }\n}\n","import { InjectionToken } from '@angular/core';\n\n/** Défauts applicables à tous les `kt-tab-scroller` (surchargeables par instance via les inputs).\n    Lib neutre i18n : les textes sont fournis par le consommateur (ici en une fois).\n    Fourni en `Partial` : un consommateur n'override que ce qu'il veut.\n    Calqué sur `KT_FIELD_CONFIG`/`KT_CHIPS_CONFIG`. */\nexport interface KtTabsConfig {\n  /** `aria-label` du chevron de pagination « onglets précédents ». Défaut : `'Previous tabs'`. */\n  previousLabel: string;\n  /** `aria-label` du chevron de pagination « onglets suivants ». Défaut : `'Next tabs'`. */\n  nextLabel: string;\n}\n\nexport const KT_TABS_CONFIG = new InjectionToken<Partial<KtTabsConfig>>('KT_TABS_CONFIG');\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DOCUMENT,\n  ElementRef,\n  afterNextRender,\n  computed,\n  contentChild,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\n\nimport { KtButton } from '@ktortu/aaa/button';\nimport { KtTabScroller } from './tab-scroller';\nimport { KT_TABS_CONFIG } from './tabs-config';\n\n/**\n * Composant clé-en-main : enveloppe une liste d'onglets `@angular/aria/tabs` débordante de deux\n * **chevrons de pagination** accessibles (style Material). Il ne contient aucune logique propre :\n * il lit l'état réactif de la directive headless {@link KtTabScroller} (à poser sur le `ngTabList`\n * projeté) et câble deux boutons {@link KtButton}.\n *\n * @example\n * ```html\n * <kt-tab-scroller>\n *   <ul ngTabList ktTabScroller [(selectedTab)]=\"tab\">\n *     @for (t of tabs; track t) { <li ngTab [value]=\"t\">…</li> }\n *   </ul>\n * </kt-tab-scroller>\n * ```\n */\n@Component({\n  selector: 'kt-tab-scroller',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [KtButton],\n  host: {\n    '[attr.data-orientation]': 'scroller().orientation()',\n    '[attr.data-overflowing]': 'scroller().overflowing() ? \"\" : null',\n  },\n  template: `\n    <button\n      ktButton\n      type=\"button\"\n      mode=\"text\"\n      iconOnly\n      class=\"kt-tab-scroller__chevron kt-tab-scroller__chevron--start\"\n      [icon]=\"startIcon()\"\n      [ariaLabel]=\"previousLabel()\"\n      [disabled]=\"!scroller().canScrollStart()\"\n      (click)=\"scroller().scrollByPage('start')\"\n    ></button>\n\n    <div class=\"kt-tab-scroller__viewport\">\n      <ng-content select=\"[ngTabList]\" />\n    </div>\n\n    <button\n      ktButton\n      type=\"button\"\n      mode=\"text\"\n      iconOnly\n      class=\"kt-tab-scroller__chevron kt-tab-scroller__chevron--end\"\n      [icon]=\"endIcon()\"\n      [ariaLabel]=\"nextLabel()\"\n      [disabled]=\"!scroller().canScrollEnd()\"\n      (click)=\"scroller().scrollByPage('end')\"\n    ></button>\n  `,\n})\nexport class KtTabScrollerPager {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly doc = inject(DOCUMENT);\n\n  /** Défauts d'app (provider global `KT_TABS_CONFIG`) ; les inputs ci-dessous priment dessus. */\n  private readonly config = inject(KT_TABS_CONFIG, { optional: true });\n\n  /** La directive headless posée sur le `ngTabList` projeté (`descendants` car dans le viewport). */\n  protected readonly scroller = contentChild.required(KtTabScroller, { descendants: true });\n\n  /** Sens de lecture (figé au montage : le RTL inverse les chevrons gauche/droite). */\n  private readonly dir = signal<'ltr' | 'rtl'>('ltr');\n\n  protected readonly startIcon = computed(() => {\n    if (this.scroller().orientation() === 'vertical') return 'expand_less';\n    return this.dir() === 'rtl' ? 'chevron_right' : 'chevron_left';\n  });\n  protected readonly endIcon = computed(() => {\n    if (this.scroller().orientation() === 'vertical') return 'expand_more';\n    return this.dir() === 'rtl' ? 'chevron_left' : 'chevron_right';\n  });\n\n  /**\n   * Noms accessibles des chevrons (`aria-label`). Résolution `input ?? KT_TABS_CONFIG ?? défaut`,\n   * comme partout dans la lib (cf. `KT_FIELD_CONFIG`/`KT_CHIPS_CONFIG`). Défauts en anglais : lib\n   * neutre i18n, les textes sont fournis par le consommateur (provider global ou binding).\n   */\n  /**\n   * `aria-label` du chevron « onglets précédents ».\n   * @default config.previousLabel ?? 'Previous tabs'\n   */\n  readonly previousLabel = input(this.config?.previousLabel ?? 'Previous tabs');\n  /**\n   * `aria-label` du chevron « onglets suivants ».\n   * @default config.nextLabel ?? 'Next tabs'\n   */\n  readonly nextLabel = input(this.config?.nextLabel ?? 'Next tabs');\n\n  constructor() {\n    afterNextRender(() => {\n      if (this.doc.defaultView?.getComputedStyle(this.host).direction === 'rtl') this.dir.set('rtl');\n    });\n  }\n}\n","import { Directive } from '@angular/core';\nimport { KtTabScroller } from './tab-scroller';\n\n/**\n * @deprecated Utilisez {@link KtTabScroller} (sélecteur `[ktTabScroller]`) : même défilement de\n * l'onglet sélectionné dans la vue, plus la pagination par chevrons. `ktTabScroll` reste un **alias\n * fonctionnel** (il applique `KtTabScroller` comme directive hôte) et sera retiré dans une version\n * majeure ultérieure.\n *\n * Note : depuis cette version, une liste pilotée par `ktTabScroll`/`ktTabScroller` masque sa\n * scrollbar native par défaut (les chevrons / ombres prennent le relais). Réafficher la barre via\n * `--tab-scroller-scrollbar: thin`.\n */\n@Directive({\n  selector: '[ngTabList][ktTabScroll]',\n  exportAs: 'ktTabScroll',\n  hostDirectives: [KtTabScroller],\n})\nexport class KtTabScroll {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.KtTabScroller"],"mappings":"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"}
+{"version":3,"file":"ktortu-aaa-tabs.mjs","sources":["../../../../projects/ktortu/aaa/tabs/tab-scroller.ts","../../../../projects/ktortu/aaa/tabs/tabs-config.ts","../../../../projects/ktortu/aaa/tabs/tab-scroller-pager.ts","../../../../projects/ktortu/aaa/tabs/tab-scroll.ts","../../../../projects/ktortu/aaa/tabs/ktortu-aaa-tabs.ts"],"sourcesContent":["import {\n  Directive,\n  DOCUMENT,\n  DestroyRef,\n  ElementRef,\n  afterNextRender,\n  afterRenderEffect,\n  computed,\n  inject,\n  signal,\n} from '@angular/core';\nimport { TabList } from '@angular/aria/tabs';\n\n/** Cible de défilement calculée en phase de lecture, appliquée en phase d'écriture. */\ninterface ScrollTarget {\n  axis: 'left' | 'top';\n  value: number;\n}\n\n/** Métriques de débordement de la liste d'onglets, mesurées de façon impérative. */\ninterface ScrollMetrics {\n  /** Reste-t-il du contenu hors-champ côté début (gauche en LTR / droite en RTL ; haut si vertical) ? */\n  canStart: boolean;\n  /** Reste-t-il du contenu hors-champ côté fin ? */\n  canEnd: boolean;\n  /** La liste déborde-t-elle (taille de défilement > taille visible) ? */\n  overflowing: boolean;\n  /** Axe courant. */\n  vertical: boolean;\n}\n\nconst EMPTY_METRICS: ScrollMetrics = { canStart: false, canEnd: false, overflowing: false, vertical: false };\n\n/** Tolérance d'1px : arrondis sub-pixel, zoom navigateur. */\nconst EPS = 1;\n\n/** Fraction de la zone visible parcourue par un « page » de pagination (chevauchement d'un onglet). */\nconst PAGE_RATIO = 0.8;\n\n/**\n * Pilote le **débordement** d'une liste d'onglets `@angular/aria/tabs` (cf. tabs.css). Deux rôles :\n *\n * 1. **Scroll-into-view** : amène l'onglet sélectionné dans la vue au montage et lors d'un changement\n *    de sélection programmatique (ce que le CSS seul ne fait pas), en respectant `prefers-reduced-motion`.\n * 2. **Pagination** : expose un état réactif (`canScrollStart()`, `canScrollEnd()`, `overflowing()`,\n *    `orientation()`) et une méthode `scrollByPage()`, pour brancher des boutons chevrons (cf. le\n *    composant clé-en-main `KtTabScrollerPager`, ou des boutons custom via `exportAs: 'ktTabScroller'`).\n *\n * Opt-in, à poser sur `[ngTabList]` :\n *\n * @example\n * ```html\n * <ul ngTabList ktTabScroller #s=\"ktTabScroller\" [(selectedTab)]=\"tab\"> … </ul>\n * <button (click)=\"s.scrollByPage('start')\" [disabled]=\"!s.canScrollStart()\">‹</button>\n * ```\n */\n@Directive({\n  selector: '[ngTabList][ktTabScroller]',\n  exportAs: 'ktTabScroller',\n  host: {\n    // Marqueur CSS : pagination réactive active → la scrollbar native est masquée (cf. tabs.css).\n    '[attr.data-kt-tab-scroller]': '\"\"',\n  },\n})\nexport class KtTabScroller {\n  private readonly list = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly tabList = inject(TabList);\n  private readonly doc = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n  /** Préférence « réduire les animations », lue à chaud (absente possible en SSR/jsdom). */\n  private readonly reducedMotion = this.doc.defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)');\n\n  /**\n   * Métriques de débordement. Mises à jour UNIQUEMENT depuis des callbacks navigateur\n   * (`afterNextRender`, `scroll`, `ResizeObserver`, `MutationObserver`) — jamais depuis le corps\n   * d'un effet réactif, pour rester conforme (pas d'écriture de signal dans un effet).\n   */\n  private readonly metrics = signal<ScrollMetrics>(EMPTY_METRICS);\n\n  /** Reste-t-il du contenu hors-champ côté début (à brancher sur le bouton « précédent ») ? */\n  readonly canScrollStart = computed(() => this.metrics().canStart);\n  /** Reste-t-il du contenu hors-champ côté fin (à brancher sur le bouton « suivant ») ? */\n  readonly canScrollEnd = computed(() => this.metrics().canEnd);\n  /** La liste déborde-t-elle ? (utile pour masquer toute la barre de pagination). */\n  readonly overflowing = computed(() => this.metrics().overflowing);\n  /** Axe courant, dérivé de l'orientation `@angular/aria`. */\n  readonly orientation = computed<'horizontal' | 'vertical'>(() =>\n    this.metrics().vertical ? 'vertical' : 'horizontal',\n  );\n\n  constructor() {\n    // 1. Scroll-into-view (phasé : mesure en `earlyRead`, scroll en `write`, pas de reflow forcé).\n    //    Le `scrollTo` émet un événement `scroll` → remeasure via le listener (aucun `set` ici).\n    afterRenderEffect({\n      earlyRead: () => this.computeScrollTarget(),\n      write: (target) => {\n        const t = target();\n        if (!t) return;\n        this.list.scrollTo({ [t.axis]: t.value, behavior: this.scrollBehavior() });\n      },\n    });\n\n    // 2. Mesure initiale + observateurs (browser-only ; `afterNextRender` ne tourne pas en SSR).\n    afterNextRender(() => {\n      const view = this.doc.defaultView;\n      if (!view) return;\n      this.remeasure();\n\n      const onScroll = () => this.remeasure();\n      this.list.addEventListener('scroll', onScroll, { passive: true });\n\n      // ResizeObserver : viewport ET contenu (les onglets qui changent de largeur). Référencé en\n      // global (jamais instancié en SSR puisque dans `afterNextRender`).\n      const ro = new ResizeObserver(() => this.remeasure());\n      const observeAll = () => {\n        ro.disconnect();\n        ro.observe(this.list);\n        for (const child of Array.from(this.list.children)) ro.observe(child);\n      };\n      observeAll();\n\n      // MutationObserver : onglets ajoutés/retirés (@for) → re-observer + remeasure.\n      const mo = new MutationObserver(() => {\n        observeAll();\n        this.remeasure();\n      });\n      mo.observe(this.list, { childList: true });\n\n      this.destroyRef.onDestroy(() => {\n        this.list.removeEventListener('scroll', onScroll);\n        ro.disconnect();\n        mo.disconnect();\n      });\n    });\n  }\n\n  /**\n   * Fait défiler d'environ une « page » (≈ {@link PAGE_RATIO} de la zone visible) vers le début ou la\n   * fin. `behavior` respecte `prefers-reduced-motion`. Le navigateur sature au min/max ; les boutons\n   * câblés sont `disabled` aux extrémités, donc l'appel n'a pas lieu à vide.\n   */\n  scrollByPage(dir: 'start' | 'end'): void {\n    const el = this.list;\n    const sign = dir === 'end' ? 1 : -1;\n    if (this.metrics().vertical) {\n      el.scrollBy({ top: sign * el.clientHeight * PAGE_RATIO, behavior: this.scrollBehavior() });\n      return;\n    }\n    // RTL : le sens d'écriture inverse le signe de `scrollLeft`.\n    const rtlSign = this.isRtl() ? -1 : 1;\n    el.scrollBy({ left: sign * rtlSign * el.clientWidth * PAGE_RATIO, behavior: this.scrollBehavior() });\n  }\n\n  /** Met à jour le signal de métriques. Appelé depuis des callbacks navigateur (jamais un effet). */\n  private remeasure(): void {\n    this.metrics.set(this.measure());\n  }\n\n  /** Mesure le débordement (lecture pure de géométrie, n'écrit rien). */\n  private measure(): ScrollMetrics {\n    const el = this.list;\n    const vertical = this.isVertical();\n\n    if (vertical) {\n      const { scrollTop, scrollHeight, clientHeight } = el;\n      const max = scrollHeight - clientHeight;\n      return { vertical: true, overflowing: max > EPS, canStart: scrollTop > EPS, canEnd: scrollTop < max - EPS };\n    }\n\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    const max = scrollWidth - clientWidth;\n    const rtl = this.isRtl();\n    // Distances logiques indépendantes du signe de `scrollLeft` (négatif en RTL sur les navigateurs récents).\n    const fromStart = rtl ? -scrollLeft : scrollLeft;\n    const fromEnd = max - Math.abs(scrollLeft);\n    return { vertical: false, overflowing: max > EPS, canStart: fromStart > EPS, canEnd: fromEnd > EPS };\n  }\n\n  private isVertical(): boolean {\n    return (\n      this.list.getAttribute('aria-orientation') === 'vertical' || this.list.getAttribute('orientation') === 'vertical'\n    );\n  }\n\n  private isRtl(): boolean {\n    return this.doc.defaultView?.getComputedStyle(this.list).direction === 'rtl';\n  }\n\n  /**\n   * `auto` si l'utilisateur a demandé à réduire les animations (WCAG 2.3.3 AAA), `smooth` sinon.\n   * Passer un `behavior` explicite à `scrollTo`/`scrollBy` écrase la propriété CSS `scroll-behavior`,\n   * d'où la nécessité de répliquer ici la décision que le CSS prend via `prefers-reduced-motion`.\n   */\n  private scrollBehavior(): ScrollBehavior {\n    return this.reducedMotion?.matches ? 'auto' : 'smooth';\n  }\n\n  /**\n   * Calcule l'offset à atteindre pour amener l'onglet actif dans la vue, ou `null` s'il est déjà\n   * visible (ou s'il n'y a aucun onglet sélectionné). Lit `selectedTab()` → dépendance réactive.\n   */\n  private computeScrollTarget(): ScrollTarget | null {\n    const selected = this.tabList.findTab(this.tabList.selectedTab())?.element;\n    if (!selected) return null;\n\n    const container = this.list;\n    if (this.isVertical()) {\n      const selectedTop = selected.offsetTop;\n      const selectedBottom = selectedTop + selected.offsetHeight;\n      const containerTop = container.scrollTop;\n      const containerBottom = containerTop + container.clientHeight;\n\n      if (selectedTop < containerTop) return { axis: 'top', value: selectedTop };\n      if (selectedBottom > containerBottom) return { axis: 'top', value: selectedBottom - container.clientHeight };\n      return null;\n    }\n\n    const selectedLeft = selected.offsetLeft;\n    const selectedRight = selectedLeft + selected.offsetWidth;\n    const containerLeft = container.scrollLeft;\n    const containerRight = containerLeft + container.clientWidth;\n\n    if (selectedLeft < containerLeft) return { axis: 'left', value: selectedLeft };\n    if (selectedRight > containerRight) return { axis: 'left', value: selectedRight - container.clientWidth };\n    return null;\n  }\n}\n","import { InjectionToken } from '@angular/core';\n\n/** Défauts applicables à tous les `kt-tab-scroller` (surchargeables par instance via les inputs).\n    Lib neutre i18n : les textes sont fournis par le consommateur (ici en une fois).\n    Fourni en `Partial` : un consommateur n'override que ce qu'il veut.\n    Calqué sur `KT_FIELD_CONFIG`/`KT_CHIPS_CONFIG`. */\nexport interface KtTabsConfig {\n  /** `aria-label` du chevron de pagination « onglets précédents ». Défaut : `'Previous tabs'`. */\n  previousLabel: string;\n  /** `aria-label` du chevron de pagination « onglets suivants ». Défaut : `'Next tabs'`. */\n  nextLabel: string;\n}\n\nexport const KT_TABS_CONFIG = new InjectionToken<Partial<KtTabsConfig>>('KT_TABS_CONFIG');\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  DOCUMENT,\n  ElementRef,\n  afterNextRender,\n  computed,\n  contentChild,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\n\nimport { KtButton } from '@ktortu/aaa/button';\nimport { KtTabScroller } from './tab-scroller';\nimport { KT_TABS_CONFIG } from './tabs-config';\n\n/**\n * Composant clé-en-main : enveloppe une liste d'onglets `@angular/aria/tabs` débordante de deux\n * **chevrons de pagination** accessibles (style Material). Il ne contient aucune logique propre :\n * il lit l'état réactif de la directive headless {@link KtTabScroller} (à poser sur le `ngTabList`\n * projeté) et câble deux boutons {@link KtButton}.\n *\n * @example\n * ```html\n * <kt-tab-scroller>\n *   <ul ngTabList ktTabScroller [(selectedTab)]=\"tab\">\n *     @for (t of tabs; track t) { <li ngTab [value]=\"t\">…</li> }\n *   </ul>\n * </kt-tab-scroller>\n * ```\n */\n@Component({\n  selector: 'kt-tab-scroller',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [KtButton],\n  host: {\n    '[attr.data-orientation]': 'scroller().orientation()',\n    '[attr.data-overflowing]': 'scroller().overflowing() ? \"\" : null',\n  },\n  template: `\n    <button\n      ktButton\n      type=\"button\"\n      mode=\"text\"\n      iconOnly\n      class=\"kt-tab-scroller__chevron kt-tab-scroller__chevron--start\"\n      [icon]=\"startIcon()\"\n      [ariaLabel]=\"previousLabel()\"\n      [disabled]=\"!scroller().canScrollStart()\"\n      (click)=\"scroller().scrollByPage('start')\"\n    ></button>\n\n    <div class=\"kt-tab-scroller__viewport\">\n      <ng-content select=\"[ngTabList]\" />\n    </div>\n\n    <button\n      ktButton\n      type=\"button\"\n      mode=\"text\"\n      iconOnly\n      class=\"kt-tab-scroller__chevron kt-tab-scroller__chevron--end\"\n      [icon]=\"endIcon()\"\n      [ariaLabel]=\"nextLabel()\"\n      [disabled]=\"!scroller().canScrollEnd()\"\n      (click)=\"scroller().scrollByPage('end')\"\n    ></button>\n  `,\n})\nexport class KtTabScrollerPager {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  private readonly doc = inject(DOCUMENT);\n\n  /** Défauts d'app (provider global `KT_TABS_CONFIG`) ; les inputs ci-dessous priment dessus. */\n  private readonly config = inject(KT_TABS_CONFIG, { optional: true });\n\n  /** La directive headless posée sur le `ngTabList` projeté (`descendants` car dans le viewport). */\n  protected readonly scroller = contentChild.required(KtTabScroller, { descendants: true });\n\n  /** Sens de lecture (figé au montage : le RTL inverse les chevrons gauche/droite). */\n  private readonly dir = signal<'ltr' | 'rtl'>('ltr');\n\n  protected readonly startIcon = computed(() => {\n    if (this.scroller().orientation() === 'vertical') return 'expand_less';\n    return this.dir() === 'rtl' ? 'chevron_right' : 'chevron_left';\n  });\n  protected readonly endIcon = computed(() => {\n    if (this.scroller().orientation() === 'vertical') return 'expand_more';\n    return this.dir() === 'rtl' ? 'chevron_left' : 'chevron_right';\n  });\n\n  /**\n   * Noms accessibles des chevrons (`aria-label`). Résolution `input ?? KT_TABS_CONFIG ?? défaut`,\n   * comme partout dans la lib (cf. `KT_FIELD_CONFIG`/`KT_CHIPS_CONFIG`). Défauts en anglais : lib\n   * neutre i18n, les textes sont fournis par le consommateur (provider global ou binding).\n   */\n  /**\n   * `aria-label` du chevron « onglets précédents ».\n   * @default config.previousLabel ?? 'Previous tabs'\n   */\n  readonly previousLabel = input(this.config?.previousLabel ?? 'Previous tabs');\n  /**\n   * `aria-label` du chevron « onglets suivants ».\n   * @default config.nextLabel ?? 'Next tabs'\n   */\n  readonly nextLabel = input(this.config?.nextLabel ?? 'Next tabs');\n\n  constructor() {\n    afterNextRender(() => {\n      if (this.doc.defaultView?.getComputedStyle(this.host).direction === 'rtl') this.dir.set('rtl');\n    });\n  }\n}\n","import { Directive } from '@angular/core';\nimport { KtTabScroller } from './tab-scroller';\n\n/**\n * @deprecated Utilisez {@link KtTabScroller} (sélecteur `[ktTabScroller]`) : même défilement de\n * l'onglet sélectionné dans la vue, plus la pagination par chevrons. `ktTabScroll` reste un **alias\n * fonctionnel** (il applique `KtTabScroller` comme directive hôte) et sera retiré dans une version\n * majeure ultérieure.\n *\n * Note : depuis cette version, une liste pilotée par `ktTabScroll`/`ktTabScroller` masque sa\n * scrollbar native par défaut (les chevrons / ombres prennent le relais). Réafficher la barre via\n * `--tab-scroller-scrollbar: thin`.\n */\n@Directive({\n  selector: '[ngTabList][ktTabScroll]',\n  exportAs: 'ktTabScroll',\n  hostDirectives: [KtTabScroller],\n})\nexport class KtTabScroll {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.KtTabScroller"],"mappings":"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"}

package/fesm2022/ktortu-aaa.mjs

@@ -5,6 +5,7 @@ export * from '@ktortu/aaa/dialog';
 export * from '@ktortu/aaa/forms';
 export * from '@ktortu/aaa/i18n';
 export * from '@ktortu/aaa/menu';
+export * from '@ktortu/aaa/snackbar';
 export * from '@ktortu/aaa/tabs';
 export * from '@ktortu/aaa/tooltip';
 

package/fesm2022/ktortu-aaa.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ktortu-aaa.mjs","sources":["../../../../projects/ktortu/aaa/src/public-api.ts","../../../../projects/ktortu/aaa/src/ktortu-aaa.ts"],"sourcesContent":["/*\n * Public API Surface of @ktortu/aaa\n */\nexport * from '@ktortu/aaa/button';\nexport * from '@ktortu/aaa/card';\nexport * from '@ktortu/aaa/cdk';\nexport * from '@ktortu/aaa/dialog';\nexport * from '@ktortu/aaa/forms';\nexport * from '@ktortu/aaa/i18n';\nexport * from '@ktortu/aaa/menu';\nexport * from '@ktortu/aaa/tabs';\nexport * from '@ktortu/aaa/tooltip';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
+{"version":3,"file":"ktortu-aaa.mjs","sources":["../../../../projects/ktortu/aaa/src/public-api.ts","../../../../projects/ktortu/aaa/src/ktortu-aaa.ts"],"sourcesContent":["/*\n * Public API Surface of @ktortu/aaa\n */\nexport * from '@ktortu/aaa/button';\nexport * from '@ktortu/aaa/card';\nexport * from '@ktortu/aaa/cdk';\nexport * from '@ktortu/aaa/dialog';\nexport * from '@ktortu/aaa/forms';\nexport * from '@ktortu/aaa/i18n';\nexport * from '@ktortu/aaa/menu';\nexport * from '@ktortu/aaa/snackbar';\nexport * from '@ktortu/aaa/tabs';\nexport * from '@ktortu/aaa/tooltip';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}

package/forms/checkbox/checkbox-group.css

@@ -21,14 +21,6 @@
     color: var(--field-required-color, var(--kt-danger, #8c1d18));
   }
 
-  /* Disposition des options : pilotable par token (colonne par défaut, ligne possible). */
-  .kt-checkbox-group__options {
-    display: flex;
-    flex-direction: var(--checkbox-group-direction, column);
-    flex-wrap: wrap;
-    gap: var(--checkbox-group-gap, 0.25rem);
-  }
-
   .kt-checkbox-group__hint {
     margin: 0;
     font-size: var(--field-hint-font-size, 0.8125rem);

package/forms/chips/chip-list.css

@@ -52,6 +52,11 @@
   /* Texte réservé aux lecteurs d'écran (live region des retraits). */
   .kt-chip-list__status {
     position: absolute;
+    /* Ancrée au coin de l'hôte : sans `inset`, un `position: absolute` sans ancêtre positionné
+       retombe sur sa position STATIQUE (bas de la liste). Dans un conteneur scrollable, ce 1px
+       atterrit loin dans le document et crée une 2ᵉ barre de défilement fantôme. */
+    inset-block-start: 0;
+    inset-inline-start: 0;
     inline-size: 1px;
     block-size: 1px;
     padding: 0;

package/forms/radio/radio-group.css

@@ -21,14 +21,6 @@
     color: var(--field-required-color, var(--kt-danger, #8c1d18));
   }
 
-  /* Disposition des options : pilotable par token (colonne par défaut, ligne possible). */
-  .kt-radio-group__options {
-    display: flex;
-    flex-direction: var(--radio-group-direction, row);
-    flex-wrap: wrap;
-    gap: var(--radio-group-gap, 1rem);
-  }
-
   .kt-radio-group__hint {
     margin: 0;
     font-size: var(--field-hint-font-size, 0.8125rem);
@@ -52,4 +44,4 @@
       animation: none;
     }
   }
-}
+}

package/forms/styles/field-box.css

@@ -221,7 +221,9 @@
     font-size: var(--field-font-size, 1rem);
     font-weight: 400;
     color: var(--field-hint-color, #5f6368);
-    transition: transform 0.15s ease, color 0.15s ease;
+    transition:
+      transform 0.15s ease,
+      color 0.15s ease;
   }
 
   /* RTL : `transform-origin` n'accepte pas de mot-clé logique → on bascule l'origine de la mise à

package/forms/styles/field-pending.css

@@ -0,0 +1,46 @@
+@layer kt-aaa.components {
+  /* Spinner « validation asynchrone en cours » par défaut.
+
+     100 % CSS (pseudo-élément, aucun markup) et piloté par l'attribut `[data-pending]` posé par les
+     contrôles quand leur input `pending` est vrai (l'accessibilité passe par `aria-busy`, indépendant).
+
+     Entièrement surchargeable / suppressible côté consommateur :
+       - retailler/recolorer via les tokens `--field-spinner-*` ;
+       - supprimer :  kt-text-field .kt-field-box[data-pending]::after { content: none; }
+       - remplacer par sa propre affordance (le hook `[data-pending]` reste disponible). */
+  @keyframes kt-field-spin {
+    to {
+      transform: rotate(1turn);
+    }
+  }
+
+  .kt-field-box[data-pending]::after,
+  .kt-switch-field[data-pending] .kt-switch-row::after,
+  .kt-checkbox-field[data-pending] .kt-checkbox::after,
+  .kt-radio-group-field[data-pending] .kt-radio-group__legend::after,
+  .kt-checkbox-group-field[data-pending] .kt-checkbox-group__legend::after {
+    content: '';
+    display: inline-block;
+    flex: none;
+    vertical-align: middle;
+    inline-size: var(--field-spinner-size, 1em);
+    block-size: var(--field-spinner-size, 1em);
+    margin-inline-start: var(--field-spinner-gap, 0.5rem);
+    border: var(--field-spinner-width, 2px) solid var(--field-spinner-track, currentColor);
+    border-top-color: var(--field-spinner-color, var(--field-border-color-focus, #1a73e8));
+    border-radius: 50%;
+    opacity: var(--field-spinner-opacity, 0.7);
+    animation: kt-field-spin var(--field-spinner-duration, 0.7s) linear infinite;
+  }
+
+  /* Respect de prefers-reduced-motion : on fige la rotation (le cercle reste visible comme indicateur). */
+  @media (prefers-reduced-motion: reduce) {
+    .kt-field-box[data-pending]::after,
+    .kt-switch-field[data-pending] .kt-switch-row::after,
+    .kt-checkbox-field[data-pending] .kt-checkbox::after,
+    .kt-radio-group-field[data-pending] .kt-radio-group__legend::after,
+    .kt-checkbox-group-field[data-pending] .kt-checkbox-group__legend::after {
+      animation: none;
+    }
+  }
+}

package/forms/styles/select-panel.css

@@ -178,6 +178,10 @@
   /* Texte réservé aux lecteurs d'écran (live region du nombre de résultats). */
   .kt-select__sr-only {
     position: absolute;
+    /* Ancrée au coin : sinon ce 1px `absolute` retombe sur sa position statique et, dans un
+       conteneur scrollable, étire le document → barre de défilement fantôme. */
+    inset-block-start: 0;
+    inset-inline-start: 0;
     inline-size: 1px;
     block-size: 1px;
     padding: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktortu/aaa",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Bibliothèque de composants Angular headless + thémés par tokens CSS.",
   "keywords": [
     "angular",
@@ -85,6 +85,10 @@
       "types": "./types/ktortu-aaa-menu.d.ts",
       "default": "./fesm2022/ktortu-aaa-menu.mjs"
     },
+    "./snackbar": {
+      "types": "./types/ktortu-aaa-snackbar.d.ts",
+      "default": "./fesm2022/ktortu-aaa-snackbar.mjs"
+    },
     "./tabs": {
       "types": "./types/ktortu-aaa-tabs.d.ts",
       "default": "./fesm2022/ktortu-aaa-tabs.mjs"

package/snackbar/snackbar-tokens.css

@@ -0,0 +1,53 @@
+/* Design tokens de la snackbar (service KtSnackbar) — contrat public de theming.
+
+   PRINCIPE (identique au reste de la lib) : tout DÉRIVE du socle --kt-*. Surcharger un --kt-*
+   rethématise la snackbar en même temps que les champs, boutons et dialog. Chaque valeur reste
+   surchargeable en redéclarant son token --snackbar-* (sur :root ou un conteneur de spécificité ≥).
+
+   La snackbar est posée sur une « surface inversée » (fond sombre, texte clair) façon Material —
+   d'où des on-* dérivés de --kt-on-surface / --kt-surface, qui suivent automatiquement un thème.
+   Les variantes ne recolorisent PAS la pastille (le texte reste à contraste AAA) : elles ne pilotent
+   que l'accent + l'icône. Un thème qui veut des pastilles pleinement colorées surcharge simplement
+   --snackbar-bg / --snackbar-fg sous [data-variant='…']. */
+@layer kt-aaa.tokens {
+  :root {
+    /* Surface inversée : fond ~ on-surface, texte ~ surface (contraste ≈ 16:1 → AAA 1.4.6). */
+    --snackbar-bg: color-mix(in oklab, var(--kt-on-surface, #1f1f1f) 92%, var(--kt-surface, #ffffff));
+    --snackbar-fg: var(--kt-surface, #ffffff);
+
+    --snackbar-radius: var(--kt-control-radius, 8px);
+    --snackbar-shadow: 0 4px 12px rgb(0 0 0 / 24%);
+
+    /* Géométrie interne */
+    --snackbar-padding-block: 0.625rem;
+    --snackbar-padding-inline: 1rem;
+    --snackbar-gap: 0.75rem;
+    --snackbar-font: var(--kt-control-font, 1rem);
+
+    /* Placement : distance au bord du viewport, avec marge de sécurité mobile (encoches / barres). */
+    --snackbar-offset: 16px;
+    --snackbar-offset-bottom: calc(var(--snackbar-offset) + env(safe-area-inset-bottom, 0px));
+    --snackbar-offset-top: calc(var(--snackbar-offset) + env(safe-area-inset-top, 0px));
+    --snackbar-max-inline-size: 560px;
+
+    /* Bouton de fermeture : cible 44px (AAA 2.5.5). */
+    --snackbar-close-size: var(--kt-control-height, 44px);
+    --snackbar-close-icon-size: 1rem;
+
+    /* Variantes : accent (icône) clair pour contraster sur la pastille sombre (≥ 3:1), et glyphe
+       (ligature de la police d'icônes --kt-icon-font). Couleur + FORME : la forme distincte est
+       l'indice non coloré (WCAG 1.4.1). Surchargez accent/glyphe pour rebrander une variante. */
+    --snackbar-icon-size: 1.25rem;
+    --snackbar-accent-info: #8ab4f8;
+    --snackbar-accent-success: #81c995;
+    --snackbar-accent-warning: #fdd663;
+    --snackbar-accent-error: #f28b82;
+    --snackbar-glyph-info: 'info';
+    --snackbar-glyph-success: 'check_circle';
+    --snackbar-glyph-warning: 'warning';
+    --snackbar-glyph-error: 'error';
+
+    /* Animation d'entrée/sortie. Token de durée surchargeable ; neutralisée en prefers-reduced-motion. */
+    --snackbar-anim-duration: 150ms;
+  }
+}

package/snackbar/snackbar.css

@@ -0,0 +1,175 @@
+@layer kt-aaa.components {
+  /* Styles de la snackbar (conteneur monté dans un overlay CDK).
+     Global : l'élément est ajouté hors de toute vue (overlay top-layer).
+     Tokens (--snackbar-*) définis dans snackbar-tokens.css (chargé avant ce fichier).
+
+     Requiert côté hôte : '@angular/cdk/overlay-prebuilt.css' (positionnement de l'overlay) ET
+     '@angular/cdk/a11y-prebuilt.css' (masque l'élément du LiveAnnouncer qui porte l'annonce). */
+
+  /* Le pane d'overlay ne capte pas les clics hors de la snackbar (feedback NON bloquant). */
+  .kt-snackbar-pane {
+    pointer-events: none;
+    max-inline-size: 100vw;
+  }
+
+  .kt-snackbar {
+    pointer-events: auto; /* la snackbar elle-même reste survolable / cliquable */
+    display: flex;
+    align-items: center;
+    gap: var(--snackbar-gap);
+    box-sizing: border-box;
+
+    margin: var(--snackbar-offset);
+    inline-size: max-content;
+    max-inline-size: min(var(--snackbar-max-inline-size), 100vw - 2 * var(--snackbar-offset));
+
+    padding-block: var(--snackbar-padding-block);
+    padding-inline: var(--snackbar-padding-inline);
+
+    border-radius: var(--snackbar-radius);
+    background: var(--snackbar-bg);
+    color: var(--snackbar-fg);
+    box-shadow: var(--snackbar-shadow);
+
+    font-size: var(--snackbar-font);
+    line-height: 1.4;
+  }
+
+  /* Marge de sécurité mobile (encoches / barres système) selon le bord d'ancrage. */
+  .kt-snackbar-pane--bottom .kt-snackbar {
+    margin-block-end: var(--snackbar-offset-bottom);
+  }
+  .kt-snackbar-pane--top .kt-snackbar {
+    margin-block-start: var(--snackbar-offset-top);
+  }
+
+  .kt-snackbar__message {
+    flex: 1 1 auto;
+    min-inline-size: 0; /* autorise le retour à la ligne d'un message long */
+  }
+
+  /* ============ ICÔNE DE VARIANTE (décorative, aria-hidden) ============ */
+  /* Couleur = accent de la variante ; glyphe = ligature de la police d'icônes (comme [ktButton]).
+     Si la police d'icônes est absente, la ligature dégrade en texte (même comportement que le bouton). */
+  .kt-snackbar__icon {
+    flex: none;
+    display: inline-grid;
+    place-items: center;
+    color: var(--snackbar-accent, currentColor);
+  }
+  .kt-snackbar__icon::before {
+    content: var(--snackbar-glyph, '');
+    font-family: var(--kt-icon-font, 'Material Symbols Outlined');
+    font-weight: var(--kt-icon-font-weight, normal);
+    font-style: normal;
+    font-size: var(--snackbar-icon-size, 1.25rem);
+    line-height: 1;
+    font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* Mapping variante → accent + glyphe (un thème surcharge accent/glyphe, ou bg/fg pour recolorer). */
+  .kt-snackbar[data-variant='info'] {
+    --snackbar-accent: var(--snackbar-accent-info);
+    --snackbar-glyph: var(--snackbar-glyph-info);
+  }
+  .kt-snackbar[data-variant='success'] {
+    --snackbar-accent: var(--snackbar-accent-success);
+    --snackbar-glyph: var(--snackbar-glyph-success);
+  }
+  .kt-snackbar[data-variant='warning'] {
+    --snackbar-accent: var(--snackbar-accent-warning);
+    --snackbar-glyph: var(--snackbar-glyph-warning);
+  }
+  .kt-snackbar[data-variant='error'] {
+    --snackbar-accent: var(--snackbar-accent-error);
+    --snackbar-glyph: var(--snackbar-glyph-error);
+  }
+
+  /* ============ BOUTON DE FERMETURE ============ */
+  /* Cible 44px, croix dessinée en CSS (zéro dépendance à une police d'icônes). */
+  .kt-snackbar__close {
+    position: relative;
+    flex: none;
+    inline-size: var(--snackbar-close-size);
+    block-size: var(--snackbar-close-size);
+    /* compense optiquement le padding inline du conteneur, sans réduire la cible de 44px */
+    margin-inline-end: calc(-0.5 * var(--snackbar-padding-inline));
+
+    display: inline-grid;
+    place-items: center;
+    padding: 0;
+    border: 0;
+    border-radius: 50%;
+    background: transparent;
+    color: inherit;
+    cursor: pointer;
+  }
+
+  .kt-snackbar__close::before,
+  .kt-snackbar__close::after {
+    content: '';
+    position: absolute;
+    inline-size: var(--snackbar-close-icon-size);
+    block-size: 2px;
+    border-radius: 2px;
+    background: currentColor;
+    translate: 0 0;
+  }
+  .kt-snackbar__close::before {
+    rotate: 45deg;
+  }
+  .kt-snackbar__close::after {
+    rotate: -45deg;
+  }
+
+  .kt-snackbar__close:hover {
+    background: color-mix(in srgb, currentColor 14%, transparent);
+  }
+  .kt-snackbar__close:focus-visible {
+    outline: var(--kt-focus-ring-width, 2px) solid currentColor;
+    outline-offset: 2px;
+  }
+
+  /* ============ ANIMATION D'ENTRÉE / SORTIE ============ */
+  /* Entrée par keyframe (glissement depuis le bord), sortie par transition (classe --leaving).
+     Toutes deux sont activées UNIQUEMENT hors prefers-reduced-motion → en reduced-motion la durée
+     de transition est nulle, donc playExit() démonte instantanément (WCAG 2.3.3). */
+  @media (prefers-reduced-motion: no-preference) {
+    .kt-snackbar {
+      transition:
+        opacity var(--snackbar-anim-duration) ease,
+        translate var(--snackbar-anim-duration) ease;
+    }
+    .kt-snackbar-pane--bottom .kt-snackbar {
+      animation: kt-snackbar-in-bottom var(--snackbar-anim-duration) ease-out;
+    }
+    .kt-snackbar-pane--top .kt-snackbar {
+      animation: kt-snackbar-in-top var(--snackbar-anim-duration) ease-out;
+    }
+
+    /* Sortie : on fond + on glisse vers le bord d'ancrage. */
+    .kt-snackbar--leaving {
+      opacity: 0;
+    }
+    .kt-snackbar-pane--bottom .kt-snackbar--leaving {
+      translate: 0 100%;
+    }
+    .kt-snackbar-pane--top .kt-snackbar--leaving {
+      translate: 0 -100%;
+    }
+  }
+
+  @keyframes kt-snackbar-in-bottom {
+    from {
+      opacity: 0;
+      translate: 0 100%;
+    }
+  }
+  @keyframes kt-snackbar-in-top {
+    from {
+      opacity: 0;
+      translate: 0 -100%;
+    }
+  }
+}

package/styles/forms.css

@@ -6,6 +6,7 @@
 @import '../forms/styles/tokens.css';
 @import '../forms/chips/tokens.css';
 @import '../forms/styles/field-box.css';
+@import '../forms/styles/field-pending.css';
 @import '../forms/switch/switch.css';
 @import '../forms/checkbox/checkbox.css';
 @import '../forms/checkbox/checkbox-group.css';

package/styles/snackbar.css

@@ -0,0 +1,9 @@
+@layer kt-aaa.tokens, kt-aaa.base, kt-aaa.components;
+
+/* Snackbar (service KtSnackbar, overlay CDK). Nécessite le socle (@ktortu/aaa/foundation.css),
+   ET côté hôte l'overlay CDK + le masquage du LiveAnnouncer :
+     @import '@angular/cdk/overlay-prebuilt.css';
+     @import '@angular/cdk/a11y-prebuilt.css';
+     @import '@ktortu/aaa/snackbar.css'; */
+@import '../snackbar/snackbar-tokens.css';
+@import '../snackbar/snackbar.css';

package/styles/styles.css

@@ -22,3 +22,4 @@
 @import './tooltip.css';
 @import './dialog.css';
 @import './menu.css';
+@import './snackbar.css';