@starterlib/ui 0.2.0 → 0.3.0

package/README.md

@@ -14,29 +14,53 @@ des dependances de pair : c'est l'application qui les installe, et elles doivent
 etre **identiques dans l'hote et dans chaque remote**. Deux versions du socle
 dans le meme navigateur, ce sont deux jeux de jetons d'injection.
 
-## Deux points d'entree
+## Trois points d'entree
 
-Decoupes par **dependance**, jamais par famille : un composant sort du tronc
-quand il traine un pair lourd, et seulement alors.
+Un composant sort du tronc quand il traine un pair lourd, et seulement alors ;
+le point d'entree secondaire ou il va se choisit ensuite par ce qu'il EST pour
+qui l'emploie.
 
-| Point d'entree            | Contenu                             | Ce qu'il traine                                   |
-| ------------------------- | ----------------------------------- | ------------------------------------------------- |
-| `@starterlib/ui`          | 22 composants                       | rien de lourd                                     |
-| `@starterlib/ui/surfaces` | ce qui se pose AU-DESSUS de la page | `@angular/cdk` overlay et portal, `@angular/aria` |
+| Point d'entree                | Contenu                                                                                    | Ce qu'il traine                                    | Gzippe  |
+| ----------------------------- | ------------------------------------------------------------------------------------------ | -------------------------------------------------- | ------- |
+| `@starterlib/ui`              | le tronc : etats, texte, actions, structure, transverses                                   | `@angular/router`, deja exige par `core`           | 22,4 Ko |
+| `@starterlib/ui/surfaces`     | ce qui se pose AU-DESSUS de la page : menu, dialogues, tiroirs, messages ephemeres         | `@angular/cdk`, `@angular/aria/menu`               | 7,1 Ko  |
+| `@starterlib/ui/interactions` | ce qui fait PARTIE de la page et traine Aria ou une surface : onglets, navigation laterale | `@angular/aria`, qui exige lui-meme `@angular/cdk` | 2,0 Ko  |
 
 ```ts
-import { StButton, StIcon } from '@starterlib/ui';
-import { StMenu, StMenuItem, StMenuTrigger } from '@starterlib/ui/surfaces';
+import { StButton, StAppShell } from '@starterlib/ui';
+import { StDialog, StToast } from '@starterlib/ui/surfaces';
+import { StTabs, StTabPanel, StTabContent } from '@starterlib/ui/interactions';
 ```
 
 ⚠️ Un paquet partage en federation **ne s'elague pas** : declare singleton, il
 est charge en entier des qu'un remote le reference. La separation n'a donc pas
-pour but le poids — 16,8 Ko gzippes pour le tronc — mais le **train de
-singletons** : une application qui n'affiche ni menu ni dialogue ne charge pas
-le CDK, et n'a pas a se redeployer quand celui-ci monte de version.
+pour but le poids, mais le **train de singletons** : une application qui
+n'affiche ni menu, ni dialogue, ni onglets ne charge ni le CDK ni Aria, et n'a
+pas a se redeployer quand ils montent de version.
+
+`@angular/cdk` et `@angular/aria` sont des pairs **optionnels** : le tronc ne les
+importe pas. Ils deviennent obligatoires des le premier import d'un point
+d'entree secondaire, et leur absence se voit alors a la resolution, pas a
+l'execution. ⚠️ `@angular/aria` exige `@angular/cdk` a la version EXACTE : les
+deux montent ensemble.
+
+⚠️ **En federation, chaque point d'entree se partage SEPAREMENT.** Ce sont trois
+specificateurs de module distincts : partager `@starterlib/ui` ne couvre ni
+`surfaces` ni `interactions`. Omis de la configuration, chaque remote en embarque
+sa propre copie — et la regle `singleton: true, strictVersion: true` qui protege
+le tronc ne protege plus rien au-dessus.
+
+```js
+// federation.config.mjs de l'hote ET de chaque remote
+shared: {
+  '@starterlib/ui': { singleton: true, strictVersion: true },
+  '@starterlib/ui/surfaces': { singleton: true, strictVersion: true },
+  '@starterlib/ui/interactions': { singleton: true, strictVersion: true },
+  // ...
+}
+```
 
-`@angular/cdk` reste declare en pair du paquet, mais n'est importe que par
-`ui/surfaces`. Voir `docs/adr/0003-points-d-entree-decoupes-par-dependance.md`.
+Voir `docs/adr/0003-points-d-entree-decoupes-par-dependance.md`.
 
 ## Configuration — une fois, dans l'hote
 
@@ -111,9 +135,21 @@ Vague 1 : etats (`st-spinner`, `st-skeleton`, `st-empty`, `st-error`,
 `st-heading`), donnees (`st-money`, `st-date`, `st-relative-time`, `st-masked`,
 `st-code`, `st-count`), actions (`st-button`, `st-icon-button`, `st-link`,
 `st-button-group`), indicateurs (`st-badge`, `st-status-pill`, `st-tag`,
-`st-avatar`), iconographie (`st-icon`).
+`st-avatar`), iconographie (`st-icon`). `st-menu` est passe sous `ui/surfaces`.
+
+Vague 2 :
+
+- **Tronc** — structure (`st-app-shell`, `st-header`, `st-skip-link`, `st-page-title`,
+  `st-breadcrumb`, `st-section`, `st-card`, `st-divider`), retour (`st-banner`,
+  `st-inline-message`), transverses (`st-theme-toggle`,
+  `st-lang-switch`, `st-copy-button`, `st-timer`, `st-logo`).
+- **`ui/surfaces`** — `StDialog` (dialogue, tiroir, feuille inferieure),
+  `StConfirmDialog`, `StToast`, `st-idle-warning`, `stTooltip`, `st-popover`.
+- **`ui/interactions`** — `st-tabs`, `st-tab-panel`, `stTabContent`, `st-sidenav`,
+  `stSidenavToggle`.
 
-Inventaire des vagues suivantes : `docs/plan-librairie.md` du depot.
+Inventaire et regles de la suite : `docs/plan-librairie.md` et
+`docs/audit-vague-2-2026-09-17.md` du depot.
 
 ## Regles tenues par les composants
 

package/fesm2022/starterlib-ui-interactions.mjs

@@ -0,0 +1,296 @@
+import * as i0 from '@angular/core';
+import { input, model, computed, ChangeDetectionStrategy, Component, Directive, inject, signal, viewChild, effect, DestroyRef } from '@angular/core';
+import * as i1 from '@angular/aria/tabs';
+import { TabList, Tab, Tabs, TabPanel, TabContent } from '@angular/aria/tabs';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { NgTemplateOutlet } from '@angular/common';
+import { ST_LIBELLES } from '@starterlib/ui';
+import { StDialog } from '@starterlib/ui/surfaces';
+
+/**
+ * Onglets, sur les primitives `@angular/aria/tabs`.
+ *
+ * ```html
+ * <st-tabs etiquette="Compte" [onglets]="onglets" [(selection)]="onglet">
+ *   <st-tab-panel valeur="operations">
+ *     <ng-template stTabContent><app-operations /></ng-template>
+ *   </st-tab-panel>
+ *   <st-tab-panel valeur="virements">
+ *     <ng-template stTabContent><app-virements /></ng-template>
+ *   </st-tab-panel>
+ * </st-tabs>
+ * ```
+ *
+ * ⚠️ **La liste d'onglets est rendue par le composant, a partir de donnees**, et
+ * non projetee. Les primitives d'Aria relient un onglet a sa liste par
+ * INJECTION, et un contenu projete garde l'injecteur de l'endroit ou il est
+ * ecrit : c'est la lecon de `st-menu`, ou des elements projetes ne
+ * s'enregistraient jamais. Rendue ici, la liste est a coup sur sous la bonne
+ * primitive — et ses valeurs peuvent etre dites en francais.
+ *
+ * Les PANNEAUX, eux, sont projetes : ecrits directement sous `st-tabs`, leur
+ * injecteur parent est celui de l'hote, qui porte la primitive `Tabs`.
+ *
+ * ⚠️ **Activation manuelle par defaut.** En activation automatique, chaque
+ * fleche SELECTIONNE l'onglet atteint ; son contenu differe se rend, et charge
+ * ses donnees. Parcourir cinq onglets au clavier lancerait cinq requetes pour en
+ * lire un. En manuelle, les fleches deplacent le focus et Entree ou Espace
+ * selectionne. `automatique` reste le bon choix quand les panneaux sont deja la
+ * et s'affichent sans delai.
+ */
+class StTabs {
+    onglets = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "onglets" }] : /* istanbul ignore next */ []));
+    /** Nom accessible de la liste : sans lui, plusieurs listes d'onglets se confondent. */
+    etiquette = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []));
+    activation = input('manuelle', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activation" }] : /* istanbul ignore next */ []));
+    orientation = input('horizontale', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /** Valeur de l'onglet selectionne. `undefined` : le premier onglet disponible. */
+    selection = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+    /**
+     * ⚠️ Toujours un onglet selectionne. Le motif ARIA l'exige : une liste sans
+     * selection n'affiche aucun panneau, et la page parait vide sans raison.
+     */
+    selectionEffective = computed(() => this.selection() ?? this.onglets().find((onglet) => onglet.desactive !== true)?.valeur, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionEffective" }] : /* istanbul ignore next */ []));
+    modeAria = computed(() => this.activation() === 'automatique' ? 'follow' : 'explicit', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modeAria" }] : /* istanbul ignore next */ []));
+    orientationAria = computed(() => this.orientation() === 'verticale' ? 'vertical' : 'horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientationAria" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StTabs, isStandalone: true, selector: "st-tabs", inputs: { onglets: { classPropertyName: "onglets", publicName: "onglets", isSignal: true, isRequired: true, transformFunction: null }, etiquette: { classPropertyName: "etiquette", publicName: "etiquette", isSignal: true, isRequired: true, transformFunction: null }, activation: { classPropertyName: "activation", publicName: "activation", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange" }, host: { properties: { "attr.data-orientation": "orientation()" }, classAttribute: "st-tabs" }, hostDirectives: [{ directive: i1.Tabs }], ngImport: i0, template: "<div\n  class=\"st-tabs__liste\"\n  ngTabList\n  [attr.aria-label]=\"etiquette()\"\n  [selectionMode]=\"modeAria()\"\n  [orientation]=\"orientationAria()\"\n  [selectedTab]=\"selectionEffective()\"\n  (selectedTabChange)=\"selection.set($event)\"\n>\n  @for (onglet of onglets(); track onglet.valeur) {\n    <button\n      class=\"st-tabs__onglet\"\n      type=\"button\"\n      ngTab\n      [value]=\"onglet.valeur\"\n      [disabled]=\"onglet.desactive === true\"\n    >\n      {{ onglet.libelle }}\n    </button>\n  }\n</div>\n\n<div class=\"st-tabs__panneaux\">\n  <ng-content />\n</div>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}:host([data-orientation=verticale]){display:flex;gap:var(--st-espacement-4)}.st-tabs__liste{display:flex;gap:var(--st-espacement-1);border-block-end:1px solid var(--st-couleur-bordure)}:host([data-orientation=verticale]) .st-tabs__liste{flex-direction:column;border-block-end:0;border-inline-end:1px solid var(--st-couleur-bordure)}.st-tabs__panneaux{flex:1 1 auto;min-inline-size:0}.st-tabs__onglet:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-tabs__onglet{min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-2) var(--st-espacement-4);font:inherit;color:var(--st-couleur-texte-discret);cursor:pointer;background:none;border:0;border-block-end:3px solid transparent}.st-tabs__onglet:hover{color:var(--st-couleur-texte)}.st-tabs__onglet[aria-selected=true]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte);border-block-end-color:var(--st-couleur-primaire)}.st-tabs__onglet[aria-disabled=true]{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-tabs__onglet[aria-selected=true]{border-block-end-color:Highlight}}\n"], dependencies: [{ kind: "directive", type: TabList, selector: "[ngTabList]", inputs: ["orientation", "wrap", "softDisabled", "focusMode", "selectionMode", "selectedTab", "disabled"], outputs: ["selectedTabChange"], exportAs: ["ngTabList"] }, { kind: "directive", type: Tab, selector: "[ngTab]", inputs: ["id", "disabled", "value"], exportAs: ["ngTab"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTabs, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TabList, Tab], hostDirectives: [Tabs], host: {
+                        class: 'st-tabs',
+                        '[attr.data-orientation]': 'orientation()',
+                    }, template: "<div\n  class=\"st-tabs__liste\"\n  ngTabList\n  [attr.aria-label]=\"etiquette()\"\n  [selectionMode]=\"modeAria()\"\n  [orientation]=\"orientationAria()\"\n  [selectedTab]=\"selectionEffective()\"\n  (selectedTabChange)=\"selection.set($event)\"\n>\n  @for (onglet of onglets(); track onglet.valeur) {\n    <button\n      class=\"st-tabs__onglet\"\n      type=\"button\"\n      ngTab\n      [value]=\"onglet.valeur\"\n      [disabled]=\"onglet.desactive === true\"\n    >\n      {{ onglet.libelle }}\n    </button>\n  }\n</div>\n\n<div class=\"st-tabs__panneaux\">\n  <ng-content />\n</div>\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}:host([data-orientation=verticale]){display:flex;gap:var(--st-espacement-4)}.st-tabs__liste{display:flex;gap:var(--st-espacement-1);border-block-end:1px solid var(--st-couleur-bordure)}:host([data-orientation=verticale]) .st-tabs__liste{flex-direction:column;border-block-end:0;border-inline-end:1px solid var(--st-couleur-bordure)}.st-tabs__panneaux{flex:1 1 auto;min-inline-size:0}.st-tabs__onglet:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}.st-tabs__onglet{min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-2) var(--st-espacement-4);font:inherit;color:var(--st-couleur-texte-discret);cursor:pointer;background:none;border:0;border-block-end:3px solid transparent}.st-tabs__onglet:hover{color:var(--st-couleur-texte)}.st-tabs__onglet[aria-selected=true]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte);border-block-end-color:var(--st-couleur-primaire)}.st-tabs__onglet[aria-disabled=true]{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(forced-colors:active){.st-tabs__onglet[aria-selected=true]{border-block-end-color:Highlight}}\n"] }]
+        }], propDecorators: { onglets: [{ type: i0.Input, args: [{ isSignal: true, alias: "onglets", required: true }] }], etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: true }] }], activation: [{ type: i0.Input, args: [{ isSignal: true, alias: "activation", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }] } });
+
+/**
+ * Panneau d'un onglet, relie par sa `valeur`.
+ *
+ * ⚠️ La primitive d'Aria ne masque RIEN : elle pose `inert` sur le panneau
+ * inactif, ce qui le retire de l'arbre d'accessibilite et du clavier, mais le
+ * laisse a l'ecran. Sa documentation le dit en une ligne. Sans le style de ce
+ * composant, tous les panneaux s'affichaient empiles, muets et intouchables.
+ */
+/* eslint-disable-next-line @typescript-eslint/no-extraneous-class --
+   Vide par construction : tout le comportement vient de la primitive d'Aria
+   composee en directive d'hote. La classe porte le selecteur et le style du
+   socle, rien d'autre ; y ajouter un membre pour satisfaire la regle serait
+   inventer de l'API. */
+class StTabPanel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: StTabPanel, isStandalone: true, selector: "st-tab-panel", host: { classAttribute: "st-tab-panel" }, hostDirectives: [{ directive: i1.TabPanel, inputs: ["value", "valeur"] }], ngImport: i0, template: "<ng-content />\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}:host{display:block;padding-block:var(--st-espacement-4)}:host([inert]){display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTabPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-tab-panel', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{ directive: TabPanel, inputs: ['value: valeur'] }], host: { class: 'st-tab-panel' }, template: "<ng-content />\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:2px}:host{display:block;padding-block:var(--st-espacement-4)}:host([inert]){display:none}\n"] }]
+        }] });
+
+/**
+ * Contenu differe d'un panneau : rendu a la premiere selection de son onglet.
+ *
+ * Un ecran a cinq onglets ne charge ainsi que celui qu'on regarde. Voir
+ * l'activation manuelle de `st-tabs` : c'est ce qui empeche qu'un simple
+ * parcours au clavier les rende tous.
+ */
+/* eslint-disable-next-line @typescript-eslint/no-extraneous-class --
+   Vide par construction : tout le comportement vient de la primitive d'Aria
+   composee en directive d'hote. La classe porte le selecteur et le style du
+   socle, rien d'autre ; y ajouter un membre pour satisfaire la regle serait
+   inventer de l'API. */
+class StTabContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTabContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: StTabContent, isStandalone: true, selector: "ng-template[stTabContent]", hostDirectives: [{ directive: i1.TabContent }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StTabContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[stTabContent]',
+                    hostDirectives: [TabContent],
+                }]
+        }] });
+
+/** Au-dela, la navigation tient a cote du contenu. Meme seuil que `st-app-shell`. */
+const ECRAN_LARGE = '(min-width: 64rem)';
+let compteur = 0;
+/**
+ * Navigation laterale : une region a cote du contenu sur grand ecran, un tiroir
+ * sur petit ecran.
+ *
+ * ```html
+ * <st-app-shell>
+ *   <button entete stButton [stSidenavToggle]="navigation">Menu</button>
+ *   <st-sidenav navigation #navigation etiquette="Navigation principale">
+ *     <a routerLink="/comptes">Comptes</a>
+ *   </st-sidenav>
+ *   …
+ * </st-app-shell>
+ * ```
+ *
+ * ⚠️ **Deux modes, jamais confondus.** Persistante, c'est une REGION de la page :
+ * aucun piege, rien a ouvrir. Modale, c'est un TIROIR, donc un `StDialog` — role,
+ * piegeage du focus, Echap, retour du focus au bouton — et non une region
+ * glissee par-dessus la page avec un peu de CSS, qui laisserait le clavier
+ * parcourir la page cachee dessous.
+ *
+ * ⚠️ **Elle porte son propre `<nav>`, et un seul a la fois.** Sur petit ecran,
+ * la region en ligne DISPARAIT quand le tiroir prend le relais : laissee en
+ * place, elle resterait un repere de navigation vide, que le lecteur d'ecran
+ * proposerait sans rien y trouver.
+ *
+ * Un lien suivi dans le tiroir le ferme : `StDialog` se ferme a toute navigation
+ * du routeur.
+ */
+class StSidenav {
+    dialogues = inject(StDialog);
+    libelles = inject(ST_LIBELLES);
+    /**
+     * Nom du repere. `null` : « Navigation principale », du dictionnaire. A
+     * renseigner des qu'une page compte deux navigations, qui doivent se
+     * distinguer.
+     */
+    etiquette = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []));
+    etiquetteLue = computed(() => this.etiquette() ?? this.libelles().navigationPrincipale, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "etiquetteLue" }] : /* istanbul ignore next */ []));
+    /** `auto` : persistante sur grand ecran, tiroir en dessous. */
+    mode = input('auto', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    identifiant = `st-sidenav-${(compteur += 1).toString()}`;
+    ecranLarge = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ecranLarge" }] : /* istanbul ignore next */ []));
+    /** Mode reellement applique. Lu par le bouton, qui ne s'affiche qu'en tiroir. */
+    modeEffectif = computed(() => {
+        const mode = this.mode();
+        if (mode !== 'auto')
+            return mode;
+        return this.ecranLarge() ? 'persistant' : 'modal';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modeEffectif" }] : /* istanbul ignore next */ []));
+    ouvertInterne = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ouvertInterne" }] : /* istanbul ignore next */ []));
+    ouvert = this.ouvertInterne.asReadonly();
+    // Nomme autrement que la variable `#contenu` du gabarit, qui la masquerait.
+    gabarit = viewChild.required('contenu', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []));
+    reference = null;
+    constructor() {
+        const abonnement = inject(BreakpointObserver)
+            .observe(ECRAN_LARGE)
+            .subscribe((etat) => {
+            this.ecranLarge.set(etat.matches);
+        });
+        // Un ecran qui s'elargit pendant que le tiroir est ouvert : la navigation
+        // redevient une region, et le tiroir n'a plus de raison d'etre.
+        effect(() => {
+            if (this.modeEffectif() === 'persistant')
+                this.fermer();
+        });
+        inject(DestroyRef).onDestroy(() => {
+            abonnement.unsubscribe();
+            this.fermer();
+        });
+    }
+    ouvrir() {
+        if (this.modeEffectif() !== 'modal' || this.reference !== null)
+            return;
+        const reference = this.dialogues.ouvrir(this.gabarit(), {
+            cote: 'debut',
+            etiquette: this.etiquetteLue(),
+        });
+        this.reference = reference;
+        this.ouvertInterne.set(true);
+        void reference.ferme.then(() => {
+            if (this.reference !== reference)
+                return;
+            this.reference = null;
+            this.ouvertInterne.set(false);
+        });
+    }
+    fermer() {
+        const reference = this.reference;
+        if (reference === null)
+            return;
+        this.reference = null;
+        this.ouvertInterne.set(false);
+        reference.fermer();
+    }
+    basculer() {
+        if (this.ouvertInterne())
+            this.fermer();
+        else
+            this.ouvrir();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSidenav, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StSidenav, isStandalone: true, selector: "st-sidenav", inputs: { etiquette: { classPropertyName: "etiquette", publicName: "etiquette", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-mode": "modeEffectif()" }, classAttribute: "st-sidenav" }, viewQueries: [{ propertyName: "gabarit", first: true, predicate: ["contenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #contenu>\n  <nav class=\"st-sidenav__navigation\" [attr.id]=\"identifiant\" [attr.aria-label]=\"etiquetteLue()\">\n    <ng-content />\n  </nav>\n</ng-template>\n\n@if (modeEffectif() === 'persistant') {\n  <ng-container [ngTemplateOutlet]=\"contenu\" />\n}\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}:host([data-mode=modal]){display:none}.st-sidenav__navigation{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding:var(--st-espacement-4)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSidenav, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], host: {
+                        class: 'st-sidenav',
+                        '[attr.data-mode]': 'modeEffectif()',
+                    }, template: "<ng-template #contenu>\n  <nav class=\"st-sidenav__navigation\" [attr.id]=\"identifiant\" [attr.aria-label]=\"etiquetteLue()\">\n    <ng-content />\n  </nav>\n</ng-template>\n\n@if (modeEffectif() === 'persistant') {\n  <ng-container [ngTemplateOutlet]=\"contenu\" />\n}\n", styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}:host([data-mode=modal]){display:none}.st-sidenav__navigation{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding:var(--st-espacement-4)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], gabarit: [{ type: i0.ViewChild, args: ['contenu', { isSignal: true }] }] } });
+
+/**
+ * Bouton qui ouvre la navigation en tiroir.
+ *
+ * ⚠️ **Masque quand la navigation est persistante.** Un bouton « Menu » qui ne
+ * fait rien, parce que la navigation est deja affichee a cote, est un arret de
+ * tabulation inutile et une promesse non tenue.
+ *
+ * ⚠️ `aria-expanded` suit l'ouverture du tiroir : sans lui, rien ne dit a qui
+ * n'en voit pas l'effet que le bouton a agi.
+ */
+class StSidenavToggle {
+    stSidenavToggle = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stSidenavToggle" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSidenavToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: StSidenavToggle, isStandalone: true, selector: "[stSidenavToggle]", inputs: { stSidenavToggle: { classPropertyName: "stSidenavToggle", publicName: "stSidenavToggle", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "aria-haspopup": "dialog" }, listeners: { "click": "stSidenavToggle().basculer()" }, properties: { "attr.aria-expanded": "stSidenavToggle().ouvert()", "attr.hidden": "stSidenavToggle().modeEffectif() === \"modal\" ? null : \"\"" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StSidenavToggle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[stSidenavToggle]',
+                    host: {
+                        'aria-haspopup': 'dialog',
+                        '[attr.aria-expanded]': 'stSidenavToggle().ouvert()',
+                        '[attr.hidden]': 'stSidenavToggle().modeEffectif() === "modal" ? null : ""',
+                        '(click)': 'stSidenavToggle().basculer()',
+                    },
+                }]
+        }], propDecorators: { stSidenavToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "stSidenavToggle", required: true }] }] } });
+
+/**
+ * @starterlib/ui/interactions — les composants montes sur Angular Aria qui ne
+ * se posent pas au-dessus de la page.
+ *
+ * ⚠️ Un point d'entree separe pour la meme raison que `ui/surfaces` : ce qui vit
+ * ici traine `@angular/aria`, pair optionnel. Laisse dans le tronc, il entrerait
+ * dans le train de singletons de chaque application. Mais ce n'est pas une
+ * surface : des onglets font partie de la page. Le ranger sous `ui/surfaces`
+ * aurait fait mentir le nom, et l'ADR 0003 aurait perdu sa lisibilite (audit de
+ * la vague 2, decision 5.1).
+ *
+ * ⚠️ En federation, ce point d'entree se partage SEPAREMENT : c'est un
+ * specificateur de module distinct.
+ *
+ * ```ts
+ * import { StTabs, StTabPanel, StTabContent } from '@starterlib/ui/interactions';
+ * ```
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StSidenav, StSidenavToggle, StTabContent, StTabPanel, StTabs };
+//# sourceMappingURL=starterlib-ui-interactions.mjs.map

package/fesm2022/starterlib-ui-interactions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"starterlib-ui-interactions.mjs","sources":["../../../../packages/ui/interactions/src/lib/onglets/st-tabs.ts","../../../../packages/ui/interactions/src/lib/onglets/st-tabs.html","../../../../packages/ui/interactions/src/lib/onglets/st-tab-panel.ts","../../../../packages/ui/interactions/src/lib/onglets/st-tab-panel.html","../../../../packages/ui/interactions/src/lib/onglets/st-tab-content.ts","../../../../packages/ui/interactions/src/lib/navigation/st-sidenav.ts","../../../../packages/ui/interactions/src/lib/navigation/st-sidenav.html","../../../../packages/ui/interactions/src/lib/navigation/st-sidenav-toggle.ts","../../../../packages/ui/interactions/src/public-api.ts","../../../../packages/ui/interactions/src/starterlib-ui-interactions.ts"],"names":[],"mappings":"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"}