@starterlib/ui 0.8.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENCES-TIERCES.md +236 -0
- package/README.md +101 -47
- package/assets/icones/catalogue.json +3296 -0
- package/assets/icones/sprite.svg +235 -35
- package/fesm2022/starterlib-ui-arbre.mjs +473 -80
- package/fesm2022/starterlib-ui-arbre.mjs.map +1 -1
- package/fesm2022/starterlib-ui-donnees.mjs +3551 -522
- package/fesm2022/starterlib-ui-donnees.mjs.map +1 -1
- package/fesm2022/starterlib-ui-formulaires.mjs +3186 -443
- package/fesm2022/starterlib-ui-formulaires.mjs.map +1 -1
- package/fesm2022/starterlib-ui-libelles-en.mjs +380 -139
- package/fesm2022/starterlib-ui-libelles-en.mjs.map +1 -1
- package/fesm2022/starterlib-ui-listes.mjs +5354 -658
- package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
- package/fesm2022/starterlib-ui-messagerie.mjs +737 -0
- package/fesm2022/starterlib-ui-messagerie.mjs.map +1 -0
- package/fesm2022/starterlib-ui-navigation.mjs +506 -243
- package/fesm2022/starterlib-ui-navigation.mjs.map +1 -1
- package/fesm2022/starterlib-ui-onglets.mjs +369 -135
- package/fesm2022/starterlib-ui-onglets.mjs.map +1 -1
- package/fesm2022/starterlib-ui-parcours.mjs +2449 -0
- package/fesm2022/starterlib-ui-parcours.mjs.map +1 -0
- package/fesm2022/starterlib-ui-qr.mjs +907 -0
- package/fesm2022/starterlib-ui-qr.mjs.map +1 -0
- package/fesm2022/starterlib-ui-saisie.mjs +8566 -1589
- package/fesm2022/starterlib-ui-saisie.mjs.map +1 -1
- package/fesm2022/starterlib-ui-selection.mjs +1340 -268
- package/fesm2022/starterlib-ui-selection.mjs.map +1 -1
- package/fesm2022/starterlib-ui-sens.mjs +59 -0
- package/fesm2022/starterlib-ui-sens.mjs.map +1 -0
- package/fesm2022/starterlib-ui-surfaces.mjs +5140 -1387
- package/fesm2022/starterlib-ui-surfaces.mjs.map +1 -1
- package/fesm2022/starterlib-ui.mjs +10721 -2871
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +27 -18
- package/styles/amorce.css +69 -0
- package/styles/couches.css +178 -0
- package/types/starterlib-ui-arbre.d.ts +199 -25
- package/types/starterlib-ui-donnees.d.ts +1441 -180
- package/types/starterlib-ui-formulaires.d.ts +1174 -139
- package/types/starterlib-ui-libelles-en.d.ts +3 -23
- package/types/starterlib-ui-listes.d.ts +2310 -255
- package/types/starterlib-ui-messagerie.d.ts +317 -0
- package/types/starterlib-ui-navigation.d.ts +201 -63
- package/types/starterlib-ui-onglets.d.ts +172 -43
- package/types/starterlib-ui-parcours.d.ts +916 -0
- package/types/starterlib-ui-qr.d.ts +105 -0
- package/types/starterlib-ui-saisie.d.ts +3431 -549
- package/types/starterlib-ui-selection.d.ts +441 -65
- package/types/starterlib-ui-sens.d.ts +44 -0
- package/types/starterlib-ui-surfaces.d.ts +1899 -510
- package/types/starterlib-ui.d.ts +4749 -1115
- package/fesm2022/starterlib-ui-interactions.mjs +0 -43
- package/fesm2022/starterlib-ui-interactions.mjs.map +0 -1
- package/types/starterlib-ui-interactions.d.ts +0 -4
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
# Licences tierces de `@starterlib/ui`
|
|
2
|
+
|
|
3
|
+
Ce paquet livre un seul actif d'origine tierce : le sprite d'icones `assets/icones/sprite.svg` (et
|
|
4
|
+
son catalogue `assets/icones/catalogue.json`). Aucune bibliotheque d'icones n'est une dependance du
|
|
5
|
+
paquet ; les symboles sont derives a la construction du depot, puis versionnes.
|
|
6
|
+
|
|
7
|
+
## Material Symbols Outlined
|
|
8
|
+
|
|
9
|
+
- **Oeuvre** : Material Symbols Outlined, Copyright Google LLC.
|
|
10
|
+
- **Licence** : Apache License, Version 2.0 ; texte integral ci-dessous.
|
|
11
|
+
- **Version derivee** : police Material Symbols Outlined v374 servie par Google Fonts (axes `wght`
|
|
12
|
+
et `FILL`), empreinte SHA-256
|
|
13
|
+
`77f9711f3f896a1d7a34ab95cffc45cfb17d84c223f197c1b90faa0d043006e9` ; instance `wght` 400,
|
|
14
|
+
`GRAD` 0, `opsz` 24, `FILL` 0 (contours) et 1 (jumeaux `-plein`). Index des noms :
|
|
15
|
+
`@material-symbols/svg-400` 0.47.5.
|
|
16
|
+
- **Modifications** (Apache 2.0, section 4 b) : les contours TrueType de la police sont convertis en
|
|
17
|
+
chemins SVG (`tools/icones/police-material.mjs`) dans la grille de 960 unites de Material, sans
|
|
18
|
+
retouche du dessin ; les contours d'aire nulle et les paires de contours opposes qui s'annulent
|
|
19
|
+
sont retires ; chaque symbole recoit un nom francais (`icones/catalogue.json` du depot source).
|
|
20
|
+
- **Recompositions** (Apache 2.0, section 4 b : oeuvres derivees, modifiees) : trois symboles n'ont
|
|
21
|
+
pas de glyphe Material a leur sens et sont RECOMPOSES dans le depot a partir de contours de Material
|
|
22
|
+
Symbols v374, dans la meme grille ; ils relevent donc de la meme licence :
|
|
23
|
+
- `iban` : cadre de `credit_card` repris, lignes de segments dessinees dans le depot ;
|
|
24
|
+
- `carte-bancaire-cadenas` : `credit_card` echancree et `lock` reduit de moitie ;
|
|
25
|
+
- `coffre-fort` : caisson de `check_box_outline_blank`, cadran fait d'arcs de `circle` reduits de
|
|
26
|
+
moitie, pene dessine dans le depot.
|
|
27
|
+
|
|
28
|
+
Le catalogue source le declare (`origine.derive`), et `pnpm icones:check` exige que chaque dessin
|
|
29
|
+
du depot declare ses glyphes d'origine, ou se declare original.
|
|
30
|
+
|
|
31
|
+
---
|
|
32
|
+
|
|
33
|
+
```text
|
|
34
|
+
|
|
35
|
+
Apache License
|
|
36
|
+
Version 2.0, January 2004
|
|
37
|
+
http://www.apache.org/licenses/
|
|
38
|
+
|
|
39
|
+
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
|
40
|
+
|
|
41
|
+
1. Definitions.
|
|
42
|
+
|
|
43
|
+
"License" shall mean the terms and conditions for use, reproduction,
|
|
44
|
+
and distribution as defined by Sections 1 through 9 of this document.
|
|
45
|
+
|
|
46
|
+
"Licensor" shall mean the copyright owner or entity authorized by
|
|
47
|
+
the copyright owner that is granting the License.
|
|
48
|
+
|
|
49
|
+
"Legal Entity" shall mean the union of the acting entity and all
|
|
50
|
+
other entities that control, are controlled by, or are under common
|
|
51
|
+
control with that entity. For the purposes of this definition,
|
|
52
|
+
"control" means (i) the power, direct or indirect, to cause the
|
|
53
|
+
direction or management of such entity, whether by contract or
|
|
54
|
+
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
|
55
|
+
outstanding shares, or (iii) beneficial ownership of such entity.
|
|
56
|
+
|
|
57
|
+
"You" (or "Your") shall mean an individual or Legal Entity
|
|
58
|
+
exercising permissions granted by this License.
|
|
59
|
+
|
|
60
|
+
"Source" form shall mean the preferred form for making modifications,
|
|
61
|
+
including but not limited to software source code, documentation
|
|
62
|
+
source, and configuration files.
|
|
63
|
+
|
|
64
|
+
"Object" form shall mean any form resulting from mechanical
|
|
65
|
+
transformation or translation of a Source form, including but
|
|
66
|
+
not limited to compiled object code, generated documentation,
|
|
67
|
+
and conversions to other media types.
|
|
68
|
+
|
|
69
|
+
"Work" shall mean the work of authorship, whether in Source or
|
|
70
|
+
Object form, made available under the License, as indicated by a
|
|
71
|
+
copyright notice that is included in or attached to the work
|
|
72
|
+
(an example is provided in the Appendix below).
|
|
73
|
+
|
|
74
|
+
"Derivative Works" shall mean any work, whether in Source or Object
|
|
75
|
+
form, that is based on (or derived from) the Work and for which the
|
|
76
|
+
editorial revisions, annotations, elaborations, or other modifications
|
|
77
|
+
represent, as a whole, an original work of authorship. For the purposes
|
|
78
|
+
of this License, Derivative Works shall not include works that remain
|
|
79
|
+
separable from, or merely link (or bind by name) to the interfaces of,
|
|
80
|
+
the Work and Derivative Works thereof.
|
|
81
|
+
|
|
82
|
+
"Contribution" shall mean any work of authorship, including
|
|
83
|
+
the original version of the Work and any modifications or additions
|
|
84
|
+
to that Work or Derivative Works thereof, that is intentionally
|
|
85
|
+
submitted to Licensor for inclusion in the Work by the copyright owner
|
|
86
|
+
or by an individual or Legal Entity authorized to submit on behalf of
|
|
87
|
+
the copyright owner. For the purposes of this definition, "submitted"
|
|
88
|
+
means any form of electronic, verbal, or written communication sent
|
|
89
|
+
to the Licensor or its representatives, including but not limited to
|
|
90
|
+
communication on electronic mailing lists, source code control systems,
|
|
91
|
+
and issue tracking systems that are managed by, or on behalf of, the
|
|
92
|
+
Licensor for the purpose of discussing and improving the Work, but
|
|
93
|
+
excluding communication that is conspicuously marked or otherwise
|
|
94
|
+
designated in writing by the copyright owner as "Not a Contribution."
|
|
95
|
+
|
|
96
|
+
"Contributor" shall mean Licensor and any individual or Legal Entity
|
|
97
|
+
on behalf of whom a Contribution has been received by Licensor and
|
|
98
|
+
subsequently incorporated within the Work.
|
|
99
|
+
|
|
100
|
+
2. Grant of Copyright License. Subject to the terms and conditions of
|
|
101
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
102
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
103
|
+
copyright license to reproduce, prepare Derivative Works of,
|
|
104
|
+
publicly display, publicly perform, sublicense, and distribute the
|
|
105
|
+
Work and such Derivative Works in Source or Object form.
|
|
106
|
+
|
|
107
|
+
3. Grant of Patent License. Subject to the terms and conditions of
|
|
108
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
109
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
110
|
+
(except as stated in this section) patent license to make, have made,
|
|
111
|
+
use, offer to sell, sell, import, and otherwise transfer the Work,
|
|
112
|
+
where such license applies only to those patent claims licensable
|
|
113
|
+
by such Contributor that are necessarily infringed by their
|
|
114
|
+
Contribution(s) alone or by combination of their Contribution(s)
|
|
115
|
+
with the Work to which such Contribution(s) was submitted. If You
|
|
116
|
+
institute patent litigation against any entity (including a
|
|
117
|
+
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
|
118
|
+
or a Contribution incorporated within the Work constitutes direct
|
|
119
|
+
or contributory patent infringement, then any patent licenses
|
|
120
|
+
granted to You under this License for that Work shall terminate
|
|
121
|
+
as of the date such litigation is filed.
|
|
122
|
+
|
|
123
|
+
4. Redistribution. You may reproduce and distribute copies of the
|
|
124
|
+
Work or Derivative Works thereof in any medium, with or without
|
|
125
|
+
modifications, and in Source or Object form, provided that You
|
|
126
|
+
meet the following conditions:
|
|
127
|
+
|
|
128
|
+
(a) You must give any other recipients of the Work or
|
|
129
|
+
Derivative Works a copy of this License; and
|
|
130
|
+
|
|
131
|
+
(b) You must cause any modified files to carry prominent notices
|
|
132
|
+
stating that You changed the files; and
|
|
133
|
+
|
|
134
|
+
(c) You must retain, in the Source form of any Derivative Works
|
|
135
|
+
that You distribute, all copyright, patent, trademark, and
|
|
136
|
+
attribution notices from the Source form of the Work,
|
|
137
|
+
excluding those notices that do not pertain to any part of
|
|
138
|
+
the Derivative Works; and
|
|
139
|
+
|
|
140
|
+
(d) If the Work includes a "NOTICE" text file as part of its
|
|
141
|
+
distribution, then any Derivative Works that You distribute must
|
|
142
|
+
include a readable copy of the attribution notices contained
|
|
143
|
+
within such NOTICE file, excluding those notices that do not
|
|
144
|
+
pertain to any part of the Derivative Works, in at least one
|
|
145
|
+
of the following places: within a NOTICE text file distributed
|
|
146
|
+
as part of the Derivative Works; within the Source form or
|
|
147
|
+
documentation, if provided along with the Derivative Works; or,
|
|
148
|
+
within a display generated by the Derivative Works, if and
|
|
149
|
+
wherever such third-party notices normally appear. The contents
|
|
150
|
+
of the NOTICE file are for informational purposes only and
|
|
151
|
+
do not modify the License. You may add Your own attribution
|
|
152
|
+
notices within Derivative Works that You distribute, alongside
|
|
153
|
+
or as an addendum to the NOTICE text from the Work, provided
|
|
154
|
+
that such additional attribution notices cannot be construed
|
|
155
|
+
as modifying the License.
|
|
156
|
+
|
|
157
|
+
You may add Your own copyright statement to Your modifications and
|
|
158
|
+
may provide additional or different license terms and conditions
|
|
159
|
+
for use, reproduction, or distribution of Your modifications, or
|
|
160
|
+
for any such Derivative Works as a whole, provided Your use,
|
|
161
|
+
reproduction, and distribution of the Work otherwise complies with
|
|
162
|
+
the conditions stated in this License.
|
|
163
|
+
|
|
164
|
+
5. Submission of Contributions. Unless You explicitly state otherwise,
|
|
165
|
+
any Contribution intentionally submitted for inclusion in the Work
|
|
166
|
+
by You to the Licensor shall be under the terms and conditions of
|
|
167
|
+
this License, without any additional terms or conditions.
|
|
168
|
+
Notwithstanding the above, nothing herein shall supersede or modify
|
|
169
|
+
the terms of any separate license agreement you may have executed
|
|
170
|
+
with Licensor regarding such Contributions.
|
|
171
|
+
|
|
172
|
+
6. Trademarks. This License does not grant permission to use the trade
|
|
173
|
+
names, trademarks, service marks, or product names of the Licensor,
|
|
174
|
+
except as required for reasonable and customary use in describing the
|
|
175
|
+
origin of the Work and reproducing the content of the NOTICE file.
|
|
176
|
+
|
|
177
|
+
7. Disclaimer of Warranty. Unless required by applicable law or
|
|
178
|
+
agreed to in writing, Licensor provides the Work (and each
|
|
179
|
+
Contributor provides its Contributions) on an "AS IS" BASIS,
|
|
180
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
181
|
+
implied, including, without limitation, any warranties or conditions
|
|
182
|
+
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
|
183
|
+
PARTICULAR PURPOSE. You are solely responsible for determining the
|
|
184
|
+
appropriateness of using or redistributing the Work and assume any
|
|
185
|
+
risks associated with Your exercise of permissions under this License.
|
|
186
|
+
|
|
187
|
+
8. Limitation of Liability. In no event and under no legal theory,
|
|
188
|
+
whether in tort (including negligence), contract, or otherwise,
|
|
189
|
+
unless required by applicable law (such as deliberate and grossly
|
|
190
|
+
negligent acts) or agreed to in writing, shall any Contributor be
|
|
191
|
+
liable to You for damages, including any direct, indirect, special,
|
|
192
|
+
incidental, or consequential damages of any character arising as a
|
|
193
|
+
result of this License or out of the use or inability to use the
|
|
194
|
+
Work (including but not limited to damages for loss of goodwill,
|
|
195
|
+
work stoppage, computer failure or malfunction, or any and all
|
|
196
|
+
other commercial damages or losses), even if such Contributor
|
|
197
|
+
has been advised of the possibility of such damages.
|
|
198
|
+
|
|
199
|
+
9. Accepting Warranty or Additional Liability. While redistributing
|
|
200
|
+
the Work or Derivative Works thereof, You may choose to offer,
|
|
201
|
+
and charge a fee for, acceptance of support, warranty, indemnity,
|
|
202
|
+
or other liability obligations and/or rights consistent with this
|
|
203
|
+
License. However, in accepting such obligations, You may act only
|
|
204
|
+
on Your own behalf and on Your sole responsibility, not on behalf
|
|
205
|
+
of any other Contributor, and only if You agree to indemnify,
|
|
206
|
+
defend, and hold each Contributor harmless for any liability
|
|
207
|
+
incurred by, or claims asserted against, such Contributor by reason
|
|
208
|
+
of your accepting any such warranty or additional liability.
|
|
209
|
+
|
|
210
|
+
END OF TERMS AND CONDITIONS
|
|
211
|
+
|
|
212
|
+
APPENDIX: How to apply the Apache License to your work.
|
|
213
|
+
|
|
214
|
+
To apply the Apache License to your work, attach the following
|
|
215
|
+
boilerplate notice, with the fields enclosed by brackets "[]"
|
|
216
|
+
replaced with your own identifying information. (Don't include
|
|
217
|
+
the brackets!) The text should be enclosed in the appropriate
|
|
218
|
+
comment syntax for the file format. We also recommend that a
|
|
219
|
+
file or class name and description of purpose be included on the
|
|
220
|
+
same "printed page" as the copyright notice for easier
|
|
221
|
+
identification within third-party archives.
|
|
222
|
+
|
|
223
|
+
Copyright [yyyy] [name of copyright owner]
|
|
224
|
+
|
|
225
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
226
|
+
you may not use this file except in compliance with the License.
|
|
227
|
+
You may obtain a copy of the License at
|
|
228
|
+
|
|
229
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
230
|
+
|
|
231
|
+
Unless required by applicable law or agreed to in writing, software
|
|
232
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
233
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
234
|
+
See the License for the specific language governing permissions and
|
|
235
|
+
limitations under the License.
|
|
236
|
+
```
|
package/README.md
CHANGED
|
@@ -14,9 +14,10 @@ des dependances de pair : c'est l'application qui les installe, et elles doivent
|
|
|
14
14
|
etre **identiques dans l'hote et dans chaque remote**. Deux versions du socle
|
|
15
15
|
dans le meme navigateur, ce sont deux jeux de jetons d'injection.
|
|
16
16
|
|
|
17
|
-
##
|
|
17
|
+
## Quinze points d'entree
|
|
18
18
|
|
|
19
|
-
Deux criteres, dans cet ordre
|
|
19
|
+
Deux criteres, dans cet ordre (le douzieme, `sens`, le treizieme, `parcours`, et le
|
|
20
|
+
quatorzieme, `qr`, et le quinzieme, `messagerie`, depuis la 0.9.0 : lots 228, 243, 264 et 266).
|
|
20
21
|
|
|
21
22
|
1. **La dependance** (ADR 0003) : un composant sort du tronc quand il traine un
|
|
22
23
|
pair lourd, et le point d'entree ou il va se choisit par ce qu'il EST pour
|
|
@@ -27,19 +28,23 @@ Deux criteres, dans cet ordre.
|
|
|
27
28
|
lui coute plein tarif au premier ecran, et ne coute RIEN au remote qui
|
|
28
29
|
l'affiche, puisque le tronc y est deja charge.
|
|
29
30
|
|
|
30
|
-
| Point d'entree | Contenu
|
|
31
|
-
| ---------------------------- |
|
|
32
|
-
| `@starterlib/ui` | le TRONC : noyau, icone, texte, actions, etats, retour, indicateurs, structure, transverses, `st-code`
|
|
33
|
-
| `@starterlib/ui/saisie` | les champs de formulaire, le calendrier, le televersement
|
|
34
|
-
| `@starterlib/ui/listes` | liste, liste de description, table de donnees, pagination, tri, filtres
|
|
35
|
-
| `@starterlib/ui/donnees` | montant, date, date relative, nombre, valeur masquee, indicateur chiffre
|
|
36
|
-
| `@starterlib/ui/libelles-en` | le catalogue anglais
|
|
37
|
-
| `@starterlib/ui/surfaces` | ce qui se pose AU-DESSUS de la page : menu, dialogues, tiroirs, messages ephemeres
|
|
38
|
-
| `@starterlib/ui/navigation` | la navigation laterale
|
|
39
|
-
| `@starterlib/ui/onglets` | les onglets et leurs panneaux
|
|
40
|
-
| `@starterlib/ui/selection` | liste deroulante filtrante, choix multiple
|
|
41
|
-
| `@starterlib/ui/arbre` | l'arborescence
|
|
42
|
-
| `@starterlib/ui/formulaires` | les champs qui LISENT leur saisie : montant, date, plage de dates
|
|
31
|
+
| Point d'entree | Contenu | Pairs lourds importes statiquement |
|
|
32
|
+
| ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
|
|
33
|
+
| `@starterlib/ui` | le TRONC : noyau, icone, texte, actions, etats, retour, indicateurs (dont `st-tag-group`), structure, transverses, `st-code` | aucun |
|
|
34
|
+
| `@starterlib/ui/saisie` | les champs de formulaire, les groupes de cases et de radios, la matrice de cases, la rangee de champs, les consentements, les cartes de choix, le calendrier, le televersement, les etiquettes libres (`st-tag-input`), le champ d'adresse et la liste des pays (`st-address-fieldset`, `st-country-field`) | aucun (des TYPES d'`@angular/forms`) |
|
|
35
|
+
| `@starterlib/ui/listes` | liste, liste de description, liste a verifier (`st-review-list`), table de donnees, pagination, tri, filtres, sections repliables (`st-disclosure`, `st-accordion`), documents stockes (`st-document-list`, `st-attachment`), chronologie (`st-timeline`), avant et apres (`st-value-change`, `st-change-list`), actions de masse (`st-selection-bar`), export (`st-export-action`) | aucun |
|
|
36
|
+
| `@starterlib/ui/donnees` | montant, date, date relative, compte, nombre (`st-number`), duree (`st-duration`), valeur masquee, indicateur chiffre, recapitulatif de montants (`st-amount-summary`), jauge (`st-meter`), echeance (`st-deadline`), personnes (`st-person`, `st-avatar-group`), groupe d'indicateurs (`st-stat-group`), barres et repartition (`st-bar-list`, `st-repartition`) | aucun |
|
|
37
|
+
| `@starterlib/ui/libelles-en` | le catalogue anglais | aucun |
|
|
38
|
+
| `@starterlib/ui/surfaces` | ce qui se pose AU-DESSUS de la page : menu, dialogues, tiroirs, messages ephemeres, aide contextuelle (`st-help-button`), bouton scinde (`st-split-button`), menu de compte (`st-user-menu`), confirmation legere (`[stPopconfirm]`) | `@angular/cdk/{a11y,dialog,keycodes,overlay,portal}`, `@angular/aria/menu` |
|
|
39
|
+
| `@starterlib/ui/navigation` | la navigation laterale, les onglets de navigation par routes (`st-nav-tabs`), le sommaire d'ancres (`st-page-nav`) | `@angular/cdk/layout` — et rien d'autre |
|
|
40
|
+
| `@starterlib/ui/onglets` | les onglets et leurs panneaux | `@angular/aria/tabs` |
|
|
41
|
+
| `@starterlib/ui/selection` | liste deroulante filtrante, choix multiple, recherche d'adresse (`st-address-search`), liste des pays filtrable (`st-country-combobox`) | `@angular/aria/{combobox,listbox}`, `@angular/cdk/overlay` |
|
|
42
|
+
| `@starterlib/ui/arbre` | l'arborescence | `@angular/aria/tree` |
|
|
43
|
+
| `@starterlib/ui/formulaires` | les champs qui LISENT leur saisie : montant, date, plage de dates, heure (`st-time-field`), plage de montants (`st-amount-range`), recurrence d'un virement (`st-recurrence-field`) | le code d'`@angular/forms` (`transformedValue`) |
|
|
44
|
+
| `@starterlib/ui/sens` | le sens d'ecriture du CDK tenu a jour avec `dir` (`provideSensDuDocument`, pose par l'hote) | `@angular/cdk/bidi` — et rien d'autre |
|
|
45
|
+
| `@starterlib/ui/parcours` | les patrons composites d'un parcours : refus du serveur (`st-refusal`), issue d'une operation (`st-outcome`), assistant par etapes (`st-wizard`, `st-wizard-step`), dossier a completer (`st-task-list`), ceremonie de second facteur (`st-challenge`) et codes de secours (`st-recovery-codes`) | aucun |
|
|
46
|
+
| `@starterlib/ui/qr` | le code QR : l'encodeur pur (`encoderQr`, ISO/IEC 18004) et son dessin (`st-qr-code`), pour l'enrolement d'un authentificateur et le virement a scanner | aucun |
|
|
47
|
+
| `@starterlib/ui/messagerie` | les echanges d'un dossier : le fil (`st-message-thread`), le message (`st-message`), le composeur (`st-message-composer`), en texte brut ; ses libelles avec lui (AD-10) | aucun |
|
|
43
48
|
|
|
44
49
|
```ts
|
|
45
50
|
import { StButton, StCard, StError } from '@starterlib/ui';
|
|
@@ -52,20 +57,33 @@ import { StTabs } from '@starterlib/ui/onglets';
|
|
|
52
57
|
import { StCombobox, StMultiselect } from '@starterlib/ui/selection';
|
|
53
58
|
import { StTree } from '@starterlib/ui/arbre';
|
|
54
59
|
import { StAmountField, StDateField } from '@starterlib/ui/formulaires';
|
|
60
|
+
import { provideSensDuDocument } from '@starterlib/ui/sens';
|
|
55
61
|
```
|
|
56
62
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
`
|
|
63
|
+
`sens` ne porte aucun composant : il remplace le `Directionality` du CDK, qui ne lit `dir` qu'a sa
|
|
64
|
+
construction, par un sens qui suit `<html dir>` et `<body dir>`. Sans lui, une couche ouverte apres
|
|
65
|
+
une bascule de langue vers la droite a gauche (`StLangue`) s'ecrit de gauche a droite, et les
|
|
66
|
+
fleches d'`@angular/aria` restent celles de la gauche vers la droite. L'hote le pose une fois, a cote
|
|
67
|
+
de `provideStarterUi` (recette `docs/recettes/assembler-une-spa.md` §3).
|
|
68
|
+
|
|
69
|
+
Les aretes internes admises, et elles seules (`DEPENDANCES_ADMISES` de
|
|
70
|
+
`tools/verifier-paquets.mjs`) : `saisie`, `listes`, `donnees`, `surfaces`,
|
|
71
|
+
`navigation`, `onglets` (ses icones, depuis le lot 236), `arbre` et `qr`
|
|
72
|
+
importent le tronc ; `formulaires` et `selection` importent en plus `saisie`,
|
|
73
|
+
parce qu'une liste deroulante et un champ de montant sont d'abord des CHAMPS ;
|
|
74
|
+
`parcours` et `messagerie` composent le tronc, `saisie`, `listes` et `donnees`,
|
|
75
|
+
et aucun point d'entree n'importe `parcours`, `messagerie` ni `qr`.
|
|
76
|
+
`libelles-en` et `sens` n'importent aucun autre point d'entree : le catalogue
|
|
77
|
+
anglais ne lit du tronc que le TYPE `LibellesUi`. `navigation` atteint
|
|
78
|
+
`surfaces` par `import()` seulement : le dialogue du tiroir ne pese pas sur le
|
|
79
|
+
premier rendu.
|
|
62
80
|
|
|
63
81
|
### Ce qui reste des anciens specificateurs
|
|
64
82
|
|
|
65
|
-
`@starterlib/ui/interactions
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
83
|
+
`@starterlib/ui/interactions`, le baril de re-exports vers `navigation`,
|
|
84
|
+
`onglets`, `selection` et `arbre` deprecie depuis la 0.8.0, est **retire en
|
|
85
|
+
0.9.0** (lot 176, ADR web 0006 : avant la 1.0, rien de deprecie n'est garde) :
|
|
86
|
+
importer le point d'entree etroit.
|
|
69
87
|
|
|
70
88
|
Le tronc, lui, **ne re-exporte pas** `saisie`, `listes`, `donnees` ni
|
|
71
89
|
`libelles-en` : ces points d'entree importent le tronc, et un tronc qui les
|
|
@@ -89,24 +107,24 @@ construit (`pnpm paquets:check`), **au specificateur exact** : `navigation` a
|
|
|
89
107
|
droit a `@angular/cdk/layout`, et un `@angular/cdk/overlay` qui s'y glisserait
|
|
90
108
|
echoue avant la publication. Une regle non outillee est une opinion.
|
|
91
109
|
|
|
92
|
-
⚠️ **En federation, chaque point d'entree se partage SEPAREMENT.** Ce sont
|
|
110
|
+
⚠️ **En federation, chaque point d'entree se partage SEPAREMENT.** Ce sont quinze
|
|
93
111
|
specificateurs de module distincts : partager `@starterlib/ui` ne couvre aucun
|
|
94
|
-
des
|
|
112
|
+
des quatorze autres. Omis de la configuration, chaque remote en embarque sa propre
|
|
95
113
|
copie — et la regle `singleton: true, strictVersion: true` qui protege le tronc
|
|
96
114
|
ne protege plus rien au-dessus. Le decoupage achete l'independance de
|
|
97
|
-
CHARGEMENT, jamais celle de VERSION : les
|
|
115
|
+
CHARGEMENT, jamais celle de VERSION : les quinze portent le numero de leur paquet.
|
|
98
116
|
|
|
99
117
|
```js
|
|
100
118
|
// federation.config.mjs de l'hote ET de chaque remote
|
|
101
|
-
import { partageDuSocle } from '@starterlib/core/federation';
|
|
119
|
+
import { partageAngular, partageDuSocle } from '@starterlib/core/federation';
|
|
102
120
|
|
|
103
|
-
shared: { ...share({ ...
|
|
121
|
+
shared: { ...share({ ...partageAngular('22.2', '7.8'), ...partageDuSocle('0.9') }) }
|
|
104
122
|
```
|
|
105
123
|
|
|
106
124
|
⚠️ **Cette liste ne se recopie plus.** Depuis la 0.8.0 elle est publiee par
|
|
107
|
-
`@starterlib/core/federation` : `partageDuSocle(train)` rend les **
|
|
108
|
-
specificateurs du socle — les
|
|
109
|
-
`core
|
|
125
|
+
`@starterlib/core/federation` : `partageDuSocle(train)` rend les **dix-neuf**
|
|
126
|
+
specificateurs du socle — les quinze de `ui`, `tokens`, `util`, `core` et
|
|
127
|
+
`core/federation` —, chacun en `singleton: true, strictVersion: true,
|
|
110
128
|
includeSecondaries: false`. La raison n'est pas la commodite : une ligne oubliee
|
|
111
129
|
**n'est pas une erreur de construction**, le specificateur se duplique simplement
|
|
112
130
|
dans le remote, avec son etat. Passer de quatre a douze specificateurs `ui` en
|
|
@@ -147,10 +165,14 @@ sinon la bascule de langue ne touche pas les composants du socle.
|
|
|
147
165
|
|
|
148
166
|
## Sprite d'icones — a cabler avant le premier rendu
|
|
149
167
|
|
|
150
|
-
`st-icon` lit un sprite SVG servi **en meme origine
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
168
|
+
`st-icon` lit un sprite SVG servi **en meme origine** : un symbole Material
|
|
169
|
+
Symbols Outlined par nom du catalogue, plus les jumeaux pleins, derives de la
|
|
170
|
+
police a la construction, sous licence Apache 2.0 (`LICENCES-TIERCES.md` du
|
|
171
|
+
paquet). Le paquet livre l'actif et son catalogue
|
|
172
|
+
(`assets/icones/catalogue.json`, qui les enumere), l'application le sert et en
|
|
173
|
+
donne le chemin. Aucun chemin par defaut : une reference `use` qui ne resout pas
|
|
174
|
+
ne leve rien, et toutes les icones resteraient vides en silence. Aucune police
|
|
175
|
+
d'icones, jamais.
|
|
154
176
|
|
|
155
177
|
`angular.json`, cible `build` :
|
|
156
178
|
|
|
@@ -186,6 +208,29 @@ de `@starterlib/tokens`. Sans la feuille, tout s'affiche sans style.
|
|
|
186
208
|
@import '@starterlib/tokens/styles/starter-tokens.css';
|
|
187
209
|
```
|
|
188
210
|
|
|
211
|
+
## Feuille des couches (0.9.0)
|
|
212
|
+
|
|
213
|
+
`@starterlib/ui/styles/couches.css`, chargee par l'HOTE apres la feuille de
|
|
214
|
+
jetons : voile des dialogues et des tiroirs (`.st-voile`, fondu sur
|
|
215
|
+
`--st-duree-normale`), largeurs par defaut des panneaux (`.st-dialogue`,
|
|
216
|
+
`.st-tiroir`), pseudo-elements des transitions de vue. Recette :
|
|
217
|
+
[docs/recettes/assembler-une-spa.md](../../docs/recettes/assembler-une-spa.md).
|
|
218
|
+
|
|
219
|
+
## Mouvement (0.9.0)
|
|
220
|
+
|
|
221
|
+
Une entree est un fondu plus un deplacement court, une sortie un fondu ; rien ne
|
|
222
|
+
bouge pendant une saisie, le focus et les erreurs ne s'animent pas. Tout lit les
|
|
223
|
+
jetons de duree : sous mouvement reduit (preference du systeme ou
|
|
224
|
+
`data-mouvement="reduit"`), les durees et les deplacements valent zero, seules les
|
|
225
|
+
boucles d'attente continuent, en respirant. Pour un composant d'application :
|
|
226
|
+
|
|
227
|
+
- `affichageDiffere(actif)` — rien avant `rythme.delai.attente`, puis au moins
|
|
228
|
+
`rythme.tenue.affichageMinimal` : une attente sans clignotement ;
|
|
229
|
+
- `fonduDeSortie($event)` pour `(animate.leave)`, `fonduDEntree(element)`,
|
|
230
|
+
`fermerApresLaSortie(element, detacher)` pour une couche ;
|
|
231
|
+
- le mixin Sass `sous-mouvement-reduit` (partiel `ruptures`) pour une BOUCLE,
|
|
232
|
+
jamais pour une transition.
|
|
233
|
+
|
|
189
234
|
## Ce qui est livre
|
|
190
235
|
|
|
191
236
|
Vague 1 : etats (`st-spinner`, `st-skeleton`, `st-empty`, `st-error`,
|
|
@@ -200,7 +245,8 @@ Vague 2 :
|
|
|
200
245
|
- **Tronc** — structure (`st-app-shell`, `st-header`, `st-skip-link`, `st-page-title`,
|
|
201
246
|
`st-breadcrumb`, `st-section`, `st-card`, `st-divider`), retour (`st-banner`,
|
|
202
247
|
`st-inline-message`), transverses (`st-theme-toggle`,
|
|
203
|
-
`st-lang-switch`, `st-copy-button`, `st-timer`, `st-logo`
|
|
248
|
+
`st-lang-switch`, `st-copy-button`, `st-timer`, `st-logo` ; `st-privacy-toggle` et
|
|
249
|
+
`ST_MONTANTS_MASQUES` en 0.9.0, lot 256 : masquer les montants de tout l'ecran).
|
|
204
250
|
- **`ui/surfaces`** — `StDialog` (dialogue, tiroir, feuille inferieure),
|
|
205
251
|
`StConfirmDialog`, `StToast`, `st-idle-warning`, `stTooltip`, `st-popover`.
|
|
206
252
|
- **`ui/onglets`** — `st-tabs`, `st-tab-panel`, `stTabContent` ; **`ui/navigation`**
|
|
@@ -212,11 +258,14 @@ Vague 3 — la saisie, sur Signal Forms :
|
|
|
212
258
|
- **`ui/saisie`** (le tronc avant la 0.8.0) — `st-form-field`, `st-input`, `st-textarea`, `st-fieldset`,
|
|
213
259
|
`st-checkbox`, `st-radio-group`, `st-switch`, `st-error-summary`,
|
|
214
260
|
`st-password-field`, `st-otp-field`, `st-search-field`, `st-iban-field`,
|
|
215
|
-
`st-
|
|
261
|
+
`st-select` (natif), `st-file-upload`, `st-calendar` ;
|
|
216
262
|
messages d'erreur traduits et fonctions de schema (`erreurIban`,
|
|
217
263
|
`erreurTelephone`, `erreurDate`, `erreurPlageDeDates`, `erreursDeFichiers`).
|
|
218
|
-
- **`ui/selection`** — `st-combobox`, `st-multiselect
|
|
219
|
-
|
|
264
|
+
- **`ui/selection`** — `st-combobox`, `st-multiselect` ; `st-address-search` et
|
|
265
|
+
`st-country-combobox` (0.9.0, la liste des pays filtrable, sur `st-combobox`).
|
|
266
|
+
- **`ui/formulaires`** — `st-amount-field`, `st-date-field`, `st-date-range`,
|
|
267
|
+
`st-phone-field` (dans `ui/saisie` avant la 0.9.0), `st-time-field` (0.9.0, avec
|
|
268
|
+
`erreurHeure` dans `ui/saisie`).
|
|
220
269
|
|
|
221
270
|
Un champ s'emploie avec un formulaire, par `[formField]`, ou seul, par
|
|
222
271
|
`[(value)]`. Les regles d'un schema sont des fonctions PURES du socle, a brancher
|
|
@@ -282,15 +331,19 @@ S17) — ce que la coquille et les remotes assemblent :
|
|
|
282
331
|
zone sure), `st-footer` (mentions, version, statut), `stNavLink`
|
|
283
332
|
(`routerLink` + `aria-current="page"`, icone et pastille), `st-page-header`
|
|
284
333
|
(fil, `h1`, actions, onglets), `st-route-progress` (barre fine, rien avant
|
|
285
|
-
200 ms), `st-auth-shell` (gabarit pleine page
|
|
334
|
+
200 ms), `st-auth-shell` (gabarit pleine page, carte de 450 px des `md`),
|
|
335
|
+
`st-splash-screen` (ecran de demarrage `clair` ou `marque`, statut differe ;
|
|
336
|
+
amorce statique `styles/amorce.css` avant le JavaScript), `st-stepper` (`ol`,
|
|
286
337
|
`aria-current="step"`), `st-settings-row` (groupe nomme et decrit).
|
|
287
|
-
- **Tronc, actions
|
|
288
|
-
|
|
338
|
+
- **Tronc, actions** — `st-form-actions` (barre collee en bas, jamais fixee) ;
|
|
339
|
+
**`ui/donnees`** — `st-stat` (tendance par forme et texte, ou en argent par
|
|
340
|
+
`montant`, masquee avec l'ecran en 0.9.0).
|
|
289
341
|
- **`ui/surfaces`** — `st-toolbar` (une action principale, les secondaires
|
|
290
342
|
repliees dans un menu « Plus » sous `md`).
|
|
291
|
-
- **`st-icon`** — `
|
|
292
|
-
|
|
293
|
-
`
|
|
343
|
+
- **`st-icon`** — `icone` (nom du socle, jumeau plein ou `iconeMetier(...)`),
|
|
344
|
+
`variante`, `miroir`, crans fixes en rem ; `sprite` et `nomMetier` pour les
|
|
345
|
+
icones d'un remote (`docs/recettes/sprite-d-icones.md`, section 9) ;
|
|
346
|
+
`st-progress` prend une `epaisseur` fine.
|
|
294
347
|
- **Feuilles** — chaque `:hover` sous `@media (hover: hover)`, les points de
|
|
295
348
|
rupture lus dans le partiel `_ruptures.scss` de `@starterlib/tokens`
|
|
296
349
|
(`@include st.depuis('lg')`), gardes dans `styles/gardes-de-feuille.spec.ts`.
|
|
@@ -307,7 +360,8 @@ jsdom ne calcule ni mise en page ni cascade :
|
|
|
307
360
|
- taille de chaque cible de pointage (24 px au moins, WCAG 2.5.8) ;
|
|
308
361
|
- anneau de focus a chaque arret de tabulation, au VRAI clavier, et son contraste
|
|
309
362
|
contre ce qui l'entoure ;
|
|
310
|
-
- encre de chaque icone, lue par le moteur de rendu, dans
|
|
363
|
+
- encre de chaque icone, lue par le moteur de rendu (`mesurerUnSprite`), dans la
|
|
364
|
+
grille, et le miroir de chaque nom sous ecriture de droite a gauche.
|
|
311
365
|
|
|
312
366
|
Voir `docs/audit-design-2026-09-17.md` pour ce que ces mesures ont corrige.
|
|
313
367
|
|