@starterlib/ui 0.1.1 → 0.2.0

package/README.md

@@ -14,6 +14,55 @@ 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
+
+Decoupes par **dependance**, jamais par famille : un composant sort du tronc
+quand il traine un pair lourd, et seulement alors.
+
+| 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` |
+
+```ts
+import { StButton, StIcon } from '@starterlib/ui';
+import { StMenu, StMenuItem, StMenuTrigger } from '@starterlib/ui/surfaces';
+```
+
+⚠️ 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.
+
+`@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`.
+
+## Configuration — une fois, dans l'hote
+
+```ts
+import { provideStarterUi, LIBELLES_FR } from '@starterlib/ui';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideStarterUi({
+      cheminDuSprite: '/ui/socle/assets/icones/sprite.svg',
+      locale, // Signal<string> : les formats suivent la langue a chaud
+      libelles, // Signal<LibellesUi> : LIBELLES_FR, LIBELLES_EN, ou le votre
+      fuseau: 'Europe/Paris',
+    }),
+  ],
+};
+```
+
+⚠️ **Dans l'hote uniquement.** Un remote qui la rappellerait poserait un second
+jeu de valeurs dans son injecteur de route : deux locales, deux dictionnaires,
+et la moitie de l'ecran resterait dans l'ancienne langue apres une bascule.
+
+Sans configuration, les composants prennent `LOCALE_ID` et le francais. C'est un
+depannage, pas une i18n : une application bilingue doit fournir des signaux,
+sinon la bascule de langue ne touche pas les composants du socle.
+
 ## Sprite d'icones — a cabler avant le premier rendu
 
 `st-icon` lit un sprite SVG servi **en meme origine**. Le paquet livre l'actif,

package/fesm2022/starterlib-ui-surfaces.mjs

@@ -0,0 +1,244 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { DomPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, signal, DestroyRef, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+import * as i1 from '@angular/aria/menu';
+import { Menu, MenuItem } from '@angular/aria/menu';
+import { StIcon } from '@starterlib/ui';
+
+const POSITIONS = {
+    debut: [
+        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 4 },
+        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -4 },
+    ],
+    fin: [
+        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: 4 },
+        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -4 },
+    ],
+};
+/**
+ * Menu d'actions. Le declencheur le designe, comme chez Material :
+ *
+ * ```html
+ * <button stMenuTrigger [menu]="compte" stButton>Actions</button>
+ *
+ * <st-menu #compte etiquette="Compte" (selection)="agir($event)">
+ *   <button stMenuItem valeur="profil">Mon profil</button>
+ *   <button stMenuItem valeur="quitter" ton="destructeur">Se deconnecter</button>
+ * </st-menu>
+ * ```
+ *
+ * ⚠️ Pourquoi le declencheur est DEHORS et les elements DEDANS. La primitive
+ * `Menu` d'`@angular/aria` relie ses elements au menu par injection, et un
+ * contenu projete garde l'injecteur de l'endroit ou il est ECRIT — jamais celui
+ * qui le rend. Les elements doivent donc etre ecrits a l'interieur de l'element
+ * qui porte le menu, sans quoi ils ne s'y enregistrent pas : le clavier ne
+ * bouge plus, et rien ne le signale. Le declencheur, lui, n'a rien a faire dans
+ * un `role="menu"`, qui ne contient que des elements de menu.
+ *
+ * Le clavier vient d'Aria, le placement du CDK. Le socle n'ecrit ni l'un ni
+ * l'autre : deux motifs longs, que l'on croit finis avant de les avoir
+ * eprouves au lecteur d'ecran ou au bord de l'ecran.
+ *
+ * ⚠️ A l'ouverture, l'element est DEPLACE dans la couche d'overlay
+ * (`DomPortal`), il n'est pas recree : ses liaisons, son etat et son injecteur
+ * survivent au passage, ce qu'un gabarit reconstruit perdrait.
+ */
+class StMenu {
+    element = inject(ElementRef);
+    overlay = inject(Overlay);
+    aria = inject(Menu);
+    /** Nom du menu pour les technologies d'assistance. */
+    etiquette = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "etiquette" }] : /* istanbul ignore next */ []));
+    alignement = input('debut', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignement" }] : /* istanbul ignore next */ []));
+    ouvertInterne = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ouvertInterne" }] : /* istanbul ignore next */ []));
+    ouvert = this.ouvertInterne.asReadonly();
+    couche = null;
+    declencheur = null;
+    constructor() {
+        // La primitive detecte la selection ; elle ne connait rien de la couche
+        // d'overlay, donc c'est ici que le menu se referme.
+        this.aria.itemSelected.subscribe(() => {
+            this.fermer();
+        });
+        inject(DestroyRef).onDestroy(() => {
+            this.detruireLaCouche();
+        });
+    }
+    ouvrirDepuis(declencheur) {
+        if (this.ouvertInterne())
+            return;
+        this.declencheur = declencheur;
+        this.couche = this.overlay.create({
+            positionStrategy: this.overlay
+                .position()
+                .flexibleConnectedTo(declencheur)
+                .withPositions(POSITIONS[this.alignement()])
+                .withPush(true),
+            // Le menu suit son declencheur au defilement : le figer le laisserait
+            // seul au milieu de l'ecran, sans lien visible avec ce qu'il commande.
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+        });
+        this.couche.attach(new DomPortal(this.element));
+        this.ouvertInterne.set(true);
+        this.couche.outsidePointerEvents().subscribe(() => {
+            this.fermer({ rendreLeFocus: false });
+        });
+        // Le panneau prend le focus : la primitive y tient l'indice de tabulation
+        // glissant, donc c'est elle qui decide de l'element actif.
+        this.element.nativeElement.focus();
+    }
+    /**
+     * Ferme, et rend le focus au declencheur : sans cela, le focus retombe sur le
+     * corps du document, et la navigation clavier reprend en haut de page.
+     */
+    fermer(options = {}) {
+        if (!this.ouvertInterne())
+            return;
+        this.ouvertInterne.set(false);
+        this.detruireLaCouche();
+        const declencheur = this.declencheur;
+        this.declencheur = null;
+        if (options.rendreLeFocus !== false)
+            declencheur?.focus();
+    }
+    basculerDepuis(declencheur) {
+        if (this.ouvertInterne())
+            this.fermer();
+        else
+            this.ouvrirDepuis(declencheur);
+    }
+    auClavier(evenement) {
+        if (evenement.key !== 'Escape')
+            return;
+        evenement.preventDefault();
+        this.fermer();
+    }
+    detruireLaCouche() {
+        // `detach` avant `dispose` : le portail rend l'element a sa place d'origine,
+        // et le composant reste utilisable pour une reouverture.
+        this.couche?.detach();
+        this.couche?.dispose();
+        this.couche = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: StMenu, isStandalone: true, selector: "st-menu", inputs: { etiquette: { classPropertyName: "etiquette", publicName: "etiquette", isSignal: true, isRequired: true, transformFunction: null }, alignement: { classPropertyName: "alignement", publicName: "alignement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "auClavier($event)" }, properties: { "attr.aria-label": "etiquette()", "attr.data-ouvert": "ouvert() ? \"\" : null" }, classAttribute: "st-menu" }, hostDirectives: [{ directive: i1.Menu, inputs: ["wrap", "wrap", "typeaheadDelay", "typeaheadDelay", "disabled", "disabled"], outputs: ["itemSelected", "selection"] }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:none}:host([data-ouvert]){display:flex;flex-direction:column;gap:2px;min-inline-size:12rem;max-block-size:80vh;padding:var(--st-espacement-1);overflow-y:auto;background:var(--st-couleur-surface-elevee);border:1px solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-menu', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: Menu,
+                            inputs: ['wrap', 'typeaheadDelay', 'disabled'],
+                            outputs: ['itemSelected: selection'],
+                        },
+                    ], host: {
+                        class: 'st-menu',
+                        '[attr.aria-label]': 'etiquette()',
+                        '[attr.data-ouvert]': 'ouvert() ? "" : null',
+                        '(keydown)': 'auClavier($event)',
+                    }, template: "<ng-content />\n", styles: [":host{display:none}:host([data-ouvert]){display:flex;flex-direction:column;gap:2px;min-inline-size:12rem;max-block-size:80vh;padding:var(--st-espacement-1);overflow-y:auto;background:var(--st-couleur-surface-elevee);border:1px solid var(--st-couleur-bordure);border-radius:var(--st-rayon-md);box-shadow:var(--st-ombre-2)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { etiquette: [{ type: i0.Input, args: [{ isSignal: true, alias: "etiquette", required: true }] }], alignement: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignement", required: false }] }] } });
+
+/**
+ * Element de menu, pose en ATTRIBUT sur un `<button>` natif — meme raison que
+ * `st-button` : une enveloppe casserait le comportement natif du bouton.
+ *
+ * Le clavier (fleches, Debut, Fin, saisie au vol, indice de tabulation
+ * glissant) vient de la primitive `MenuItem` d'`@angular/aria`, composee en
+ * directive d'hote. Le socle n'en reecrit aucune part : ces motifs sont longs a
+ * ecrire, faciles a croire finis, et c'est la ou l'accessibilite se perd.
+ *
+ * ⚠️ `valeur` est OBLIGATOIRE parce que la primitive l'exige, et c'est un bon
+ * defaut : c'est elle que `st-menu` emet a la selection. Un menu dont les
+ * elements n'ont pas d'identite stable oblige l'appelant a distinguer ses
+ * actions par leur libelle, donc par leur traduction.
+ */
+class StMenuItem {
+    icone = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []));
+    ton = input('neutre', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ton" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: StMenuItem, isStandalone: true, selector: "button[stMenuItem]", inputs: { icone: { classPropertyName: "icone", publicName: "icone", isSignal: true, isRequired: false, transformFunction: null }, ton: { classPropertyName: "ton", publicName: "ton", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "attr.data-ton": "ton()" }, classAttribute: "st-menu-item" }, hostDirectives: [{ directive: i1.MenuItem, inputs: ["value", "valeur", "disabled", "desactive", "role", "role"] }], ngImport: i0, template: "@if (icone(); as nom) {\n  <st-icon [nom]=\"nom\" taille=\"sm\" />\n}\n\n<span class=\"st-menu-item__libelle\"><ng-content /></span>\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{display:flex;gap:var(--st-espacement-2);align-items:center;inline-size:100%;min-block-size:2.25rem;padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);font-family:var(--st-police-base);font-size:var(--st-taille-sm);color:var(--st-couleur-texte);text-align:start;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm)}:host:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:-2px}:host:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-survol)}:host[data-active=true]{background:var(--st-couleur-surface-survol)}:host[aria-disabled=true]{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(any-pointer:coarse){:host{min-block-size:var(--st-cible-tactile-min)}}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-ton=danger]):hover:not([aria-disabled=true]),:host([data-ton=danger])[data-active=true]{background:var(--st-couleur-danger-discret)}.st-menu-item__libelle{flex:1}\n"], dependencies: [{ kind: "component", type: StIcon, selector: "st-icon", inputs: ["nom", "taille", "ton", "etiquette"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMenuItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[stMenuItem]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StIcon], hostDirectives: [
+                        { directive: MenuItem, inputs: ['value: valeur', 'disabled: desactive', 'role'] },
+                    ], host: {
+                        class: 'st-menu-item',
+                        type: 'button',
+                        '[attr.data-ton]': 'ton()',
+                    }, template: "@if (icone(); as nom) {\n  <st-icon [nom]=\"nom\" taille=\"sm\" />\n}\n\n<span class=\"st-menu-item__libelle\"><ng-content /></span>\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{display:flex;gap:var(--st-espacement-2);align-items:center;inline-size:100%;min-block-size:2.25rem;padding-block:var(--st-espacement-2);padding-inline:var(--st-espacement-3);font-family:var(--st-police-base);font-size:var(--st-taille-sm);color:var(--st-couleur-texte);text-align:start;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm)}:host:focus-visible{outline:2px solid var(--st-couleur-anneau-focus);outline-offset:-2px}:host:hover:not([aria-disabled=true]){background:var(--st-couleur-surface-survol)}:host[data-active=true]{background:var(--st-couleur-surface-survol)}:host[aria-disabled=true]{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(any-pointer:coarse){:host{min-block-size:var(--st-cible-tactile-min)}}:host([data-ton=danger]){color:var(--st-couleur-danger)}:host([data-ton=danger]):hover:not([aria-disabled=true]),:host([data-ton=danger])[data-active=true]{background:var(--st-couleur-danger-discret)}.st-menu-item__libelle{flex:1}\n"] }]
+        }], propDecorators: { icone: [{ type: i0.Input, args: [{ isSignal: true, alias: "icone", required: false }] }], ton: [{ type: i0.Input, args: [{ isSignal: true, alias: "ton", required: false }] }] } });
+
+/**
+ * Controle qui ouvre un menu. Il le DESIGNE, il ne le contient pas :
+ *
+ * ```html
+ * <button stMenuTrigger [menu]="compte" stButton>Actions</button>
+ * <st-menu #compte etiquette="Compte">…</st-menu>
+ * ```
+ *
+ * ⚠️ Le type de `menu` est importe en TYPE seulement : `st-menu` n'a pas besoin
+ * de cette directive, et l'importer dans les deux sens formerait un cycle.
+ */
+class StMenuTrigger {
+    element = inject(ElementRef).nativeElement;
+    menu = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "menu" }] : /* istanbul ignore next */ []));
+    basculer() {
+        this.menu().basculerDepuis(this.element);
+    }
+    auClavier(evenement) {
+        // La fleche bas ouvre sans activer : convention des menus, et elle evite
+        // d'ouvrir a chaque frappe sur un controle qui porte deja une action.
+        if (evenement.key !== 'ArrowDown' || this.menu().ouvert())
+            return;
+        evenement.preventDefault();
+        this.menu().ouvrirDepuis(this.element);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: StMenuTrigger, isStandalone: true, selector: "[stMenuTrigger]", inputs: { menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "aria-haspopup": "menu" }, listeners: { "click": "basculer()", "keydown": "auClavier($event)" }, properties: { "attr.aria-expanded": "menu().ouvert()", "attr.data-ouvert": "menu().ouvert() ? \"\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: StMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[stMenuTrigger]',
+                    host: {
+                        'aria-haspopup': 'menu',
+                        '[attr.aria-expanded]': 'menu().ouvert()',
+                        '[attr.data-ouvert]': 'menu().ouvert() ? "" : null',
+                        '(click)': 'basculer()',
+                        '(keydown)': 'auClavier($event)',
+                    },
+                }]
+        }], propDecorators: { menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu", required: true }] }] } });
+
+/**
+ * @starterlib/ui/surfaces — ce qui se pose AU-DESSUS de la page.
+ *
+ * ⚠️ Un point d'entree separe pour une raison de dependance, et non de rangement :
+ * tout ce qui vit ici traine `@angular/cdk/overlay` et `@angular/cdk/portal`.
+ * Laisse dans le tronc, le CDK entrerait dans le train de singletons de CHAQUE
+ * application federee, y compris celles qui n'affichent ni menu ni dialogue.
+ *
+ * Le decoupage suit donc les pairs lourds, pas les familles de composants : un
+ * decoupage par famille multiplierait les points d'entree a tenir sans rien
+ * retirer de plus au chargement.
+ *
+ * ```ts
+ * import { StMenu, StMenuItem, StMenuTrigger } from '@starterlib/ui/surfaces';
+ * ```
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StMenu, StMenuItem, StMenuTrigger };
+//# sourceMappingURL=starterlib-ui-surfaces.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"starterlib-ui-surfaces.mjs","sources":["../../../../packages/ui/surfaces/src/lib/menu/st-menu.ts","../../../../packages/ui/surfaces/src/lib/menu/st-menu.html","../../../../packages/ui/surfaces/src/lib/menu/st-menu-item.ts","../../../../packages/ui/surfaces/src/lib/menu/st-menu-item.html","../../../../packages/ui/surfaces/src/lib/menu/st-menu-trigger.ts","../../../../packages/ui/surfaces/src/public-api.ts","../../../../packages/ui/surfaces/src/starterlib-ui-surfaces.ts"],"names":[],"mappings":"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"}