@starterlib/ui 0.5.0 → 0.6.0
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/README.md +13 -0
- package/assets/icones/sprite.svg +5 -5
- package/fesm2022/starterlib-ui-formulaires.mjs +6 -6
- package/fesm2022/starterlib-ui-formulaires.mjs.map +1 -1
- package/fesm2022/starterlib-ui-interactions.mjs +4 -4
- package/fesm2022/starterlib-ui-interactions.mjs.map +1 -1
- package/fesm2022/starterlib-ui-surfaces.mjs +4 -4
- package/fesm2022/starterlib-ui-surfaces.mjs.map +1 -1
- package/fesm2022/starterlib-ui.mjs +106 -58
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +3 -3
- package/types/starterlib-ui.d.ts +37 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@starterlib/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "Bibliotheque de composants st-* du socle frontal starter, sur CDK et Aria.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"@angular/forms": "^22.1.0",
|
|
26
26
|
"@angular/cdk": "^22.1.0",
|
|
27
27
|
"@angular/aria": "^22.1.0",
|
|
28
|
-
"@starterlib/tokens": "^0.
|
|
29
|
-
"@starterlib/util": "^0.
|
|
28
|
+
"@starterlib/tokens": "^0.6.0",
|
|
29
|
+
"@starterlib/util": "^0.6.0"
|
|
30
30
|
},
|
|
31
31
|
"peerDependenciesMeta": {
|
|
32
32
|
"@angular/cdk": {
|
package/types/starterlib-ui.d.ts
CHANGED
|
@@ -118,6 +118,10 @@ interface LibellesUi {
|
|
|
118
118
|
readonly tropDeFichiers: (nombre: number) => string;
|
|
119
119
|
readonly typesAcceptes: (types: string) => string;
|
|
120
120
|
readonly tailleMaximale: (taille: string) => string;
|
|
121
|
+
readonly televersementDe: (fichier: string) => string;
|
|
122
|
+
readonly annulerLeTeleversement: (fichier: string) => string;
|
|
123
|
+
readonly fichierDepose: (fichier: string) => string;
|
|
124
|
+
readonly fichierRefuse: (fichier: string) => string;
|
|
121
125
|
/** Listes et tableaux */
|
|
122
126
|
readonly pagination: string;
|
|
123
127
|
readonly pagePrecedente: string;
|
|
@@ -327,6 +331,7 @@ declare class StIcon {
|
|
|
327
331
|
/** `null` : l'icone est decorative et reste muette pour les lecteurs. */
|
|
328
332
|
readonly etiquette: _angular_core.InputSignal<string | null>;
|
|
329
333
|
protected readonly estDecorative: _angular_core.Signal<boolean>;
|
|
334
|
+
protected readonly directionnelle: _angular_core.Signal<boolean>;
|
|
330
335
|
protected readonly reference: _angular_core.Signal<string>;
|
|
331
336
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StIcon, never>;
|
|
332
337
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StIcon, "st-icon", never, { "nom": { "alias": "nom"; "required": true; "isSignal": true; }; "taille": { "alias": "taille"; "required": false; "isSignal": true; }; "ton": { "alias": "ton"; "required": false; "isSignal": true; }; "etiquette": { "alias": "etiquette"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -2167,6 +2172,22 @@ declare class StCalendar {
|
|
|
2167
2172
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StCalendar, "st-calendar", never, { "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "dateMin": { "alias": "dateMin"; "required": false; "isSignal": true; }; "dateMax": { "alias": "dateMax"; "required": false; "isSignal": true; }; "plage": { "alias": "plage"; "required": false; "isSignal": true; }; }, { "choix": "choix"; "fermeture": "fermeture"; }, never, never, true, never>;
|
|
2168
2173
|
}
|
|
2169
2174
|
|
|
2175
|
+
/**
|
|
2176
|
+
* Cle d'un fichier choisi : deux choix du meme fichier ne l'ajoutent pas deux
|
|
2177
|
+
* fois, et l'application s'en sert pour dire ou en est chaque televersement.
|
|
2178
|
+
*/
|
|
2179
|
+
declare function cleDeFichier(fichier: File): string;
|
|
2180
|
+
/**
|
|
2181
|
+
* Ou en est un fichier, vu de l'application. `message` dit POURQUOI un fichier
|
|
2182
|
+
* est refuse — « antivirus indisponible » et « type refuse » n'appellent pas la
|
|
2183
|
+
* meme suite (UX-3 de la 0.6.0).
|
|
2184
|
+
*/
|
|
2185
|
+
interface EtatDeTeleversementAffiche {
|
|
2186
|
+
readonly etape: 'en-cours' | 'depose' | 'refuse';
|
|
2187
|
+
/** 0 a 100, pendant l'envoi. */
|
|
2188
|
+
readonly progression?: number;
|
|
2189
|
+
readonly message?: string;
|
|
2190
|
+
}
|
|
2170
2191
|
/**
|
|
2171
2192
|
* Choix de fichiers, sur un `input type="file"` natif.
|
|
2172
2193
|
*
|
|
@@ -2195,6 +2216,11 @@ declare class StCalendar {
|
|
|
2195
2216
|
* Chaque changement de la liste s'annonce : « 2 fichiers choisis ». Un fichier
|
|
2196
2217
|
* retire rend le focus au bouton de retrait suivant, ou au choix de fichiers : le
|
|
2197
2218
|
* focus ne tombe jamais sur le document.
|
|
2219
|
+
*
|
|
2220
|
+
* ⚠️ **Il ne televerse pas.** `etats` dit ou en est chaque fichier, et le bouton
|
|
2221
|
+
* de la ligne devient « Annuler » pendant l'envoi : le trajet — declaration, depot
|
|
2222
|
+
* pre-signe, confirmation antivirus — vit dans `StTeleversement`
|
|
2223
|
+
* (`@starterlib/core`), seul a parler au reseau.
|
|
2198
2224
|
*/
|
|
2199
2225
|
declare class StFileUpload extends ContratDeChamp implements FormValueControl<readonly File[]> {
|
|
2200
2226
|
protected readonly libelles: _angular_core.Signal<_starterlib_ui.LibellesUi>;
|
|
@@ -2207,6 +2233,11 @@ declare class StFileUpload extends ContratDeChamp implements FormValueControl<re
|
|
|
2207
2233
|
readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2208
2234
|
/** En octets. Affiche en aide ; la verification est dans le schema. */
|
|
2209
2235
|
readonly tailleMax: _angular_core.InputSignal<number | null>;
|
|
2236
|
+
/**
|
|
2237
|
+
* Ou en est chaque fichier, par `cleDeFichier`. Le composant AFFICHE ce trajet,
|
|
2238
|
+
* il ne le fait pas : `StTeleversement` de `@starterlib/core` s'en charge.
|
|
2239
|
+
*/
|
|
2240
|
+
readonly etats: _angular_core.InputSignal<ReadonlyMap<string, EtatDeTeleversementAffiche> | null>;
|
|
2210
2241
|
protected readonly annonce: AnnonceLocale;
|
|
2211
2242
|
protected readonly survol: _angular_core.WritableSignal<boolean>;
|
|
2212
2243
|
protected readonly aideLue: _angular_core.Signal<string | null>;
|
|
@@ -2214,15 +2245,18 @@ declare class StFileUpload extends ContratDeChamp implements FormValueControl<re
|
|
|
2214
2245
|
fichier: File;
|
|
2215
2246
|
cle: string;
|
|
2216
2247
|
taille: string;
|
|
2248
|
+
etat: EtatDeTeleversementAffiche | null;
|
|
2217
2249
|
}[]>;
|
|
2218
2250
|
protected surChoix(evenement: Event): void;
|
|
2219
2251
|
protected surSurvol(evenement: DragEvent): void;
|
|
2220
2252
|
protected surDepot(evenement: DragEvent): void;
|
|
2253
|
+
/** Emis quand la personne interrompt un envoi : c'est l'application qui annule. */
|
|
2254
|
+
readonly annulation: _angular_core.OutputEmitterRef<File>;
|
|
2221
2255
|
protected retirer(indice: number): void;
|
|
2222
2256
|
protected aLaSortie(evenement: FocusEvent): void;
|
|
2223
2257
|
private ajouter;
|
|
2224
2258
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StFileUpload, never>;
|
|
2225
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFileUpload, "st-file-upload", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "tailleMax": { "alias": "tailleMax"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
2259
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StFileUpload, "st-file-upload", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "tailleMax": { "alias": "tailleMax"; "required": false; "isSignal": true; }; "etats": { "alias": "etats"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "annulation": "annulation"; }, never, never, true, never>;
|
|
2226
2260
|
}
|
|
2227
2261
|
|
|
2228
2262
|
/**
|
|
@@ -2981,5 +3015,5 @@ declare class StChargement {
|
|
|
2981
3015
|
/** Toutes les directives de gabarit, a importer d'un coup. */
|
|
2982
3016
|
declare const GABARITS_D_ETAT: readonly [typeof StSucces, typeof StErreur, typeof StVide, typeof StHorsLigne, typeof StChargement];
|
|
2983
3017
|
|
|
2984
|
-
export { AnnonceLocale, CHEMIN_DU_SPRITE, ContratDeChamp, ControleDeSaisie, FUSEAU_PAR_DEFAUT, GABARITS_D_ETAT, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_EN, LIBELLES_FR, NOMS_DICONE, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LOCALE, StAppShell, StAvatar, StBadge, StBanner, StBreadcrumb, StButton, StButtonGroup, StCalendar, StCard, StCellule, StChargement, StCheckbox, StCode, StControleDeChamp, StCopyButton, StCount, StDataTable, StDate, StDescription, StDescriptionList, StDivider, StElementDeListe, StEmpty, StErreur, StError, StErrorSummary, StFieldset, StFileUpload, StFilterBar, StFilterChip, StFormField, StHeader, StHeading, StHorsLigne, StIbanField, StIcon, StIconButton, StInlineMessage, StInput, StLangSwitch, StLink, StList, StLogo, StMasked, StMoney, StOfflineBanner, StOtpField, StPageTitle, StPagination, StPasswordField, StPhoneField, StProgress, StRadioGroup, StRelativeTime, StSearchField, StSection, StSelect, StSkeleton, StSkipLink, StSortHeader, StSpinner, StState, StStatusPill, StSucces, StSwitch, StTableauVide, StTag, StText, StTextarea, StThemeToggle, StTimer, StVide, copierDansLePressePapiers, erreurDate, erreurIban, erreurPlageDeDates, erreurTelephone, erreursDeFichiers, exempleDeDate, filtrerOptions, formaterDuree, fournirCheminDuSprite, fusionnerErreurs, messageDErreur, motifLocal, normaliserPourRecherche, pressePapiersDisponible, provideStarterUi };
|
|
2985
|
-
export type { BornesDeDate, ColonneDeTableau, ConfigurationUi, ContexteDElementDeListe, ContexteDeCellule, ContexteDeDescription, DensiteDeTableau, DispositionDeChamp, ElementDeDescription, ElementDeSaisie, ErreurAffichable, FiltreActif, Focalisable, FormatDeDate, GraisseDeTexte, IssueDeCopie, LibellesUi, MaillonDeFil, ModeDePagination, NiveauDeTitre, NomDIcone, OptionDeListe, OptionRadio, OrientationDeSeparateur, ReglesDeFichiers, ReliefDeCarte, RembourrageDeCarte, RemplissageDeTelephone, SensDeTri, TailleDIcone, TailleDeBouton, TailleDeSpinner, TailleDeTitre, TonDIcone, TonDeBadge, TonDeBanniere, TonDeMessage, TonDeProgression, TonDeSpinner, TonDeStatut, TriDeTableau, TypeDeSaisie, TypeMasque, UsageDuMotDePasse, VarianteDErreur, VarianteDeBouton, VarianteDeBoutonIcone, VarianteDeLien, VarianteDeSquelette, VarianteDeTexte };
|
|
3018
|
+
export { AnnonceLocale, CHEMIN_DU_SPRITE, ContratDeChamp, ControleDeSaisie, FUSEAU_PAR_DEFAUT, GABARITS_D_ETAT, IDENTIFIANT_DU_CONTENU_PRINCIPAL, LIBELLES_EN, LIBELLES_FR, NOMS_DICONE, REGION_VIVANTE_PARENTE, ST_LIBELLES, ST_LOCALE, StAppShell, StAvatar, StBadge, StBanner, StBreadcrumb, StButton, StButtonGroup, StCalendar, StCard, StCellule, StChargement, StCheckbox, StCode, StControleDeChamp, StCopyButton, StCount, StDataTable, StDate, StDescription, StDescriptionList, StDivider, StElementDeListe, StEmpty, StErreur, StError, StErrorSummary, StFieldset, StFileUpload, StFilterBar, StFilterChip, StFormField, StHeader, StHeading, StHorsLigne, StIbanField, StIcon, StIconButton, StInlineMessage, StInput, StLangSwitch, StLink, StList, StLogo, StMasked, StMoney, StOfflineBanner, StOtpField, StPageTitle, StPagination, StPasswordField, StPhoneField, StProgress, StRadioGroup, StRelativeTime, StSearchField, StSection, StSelect, StSkeleton, StSkipLink, StSortHeader, StSpinner, StState, StStatusPill, StSucces, StSwitch, StTableauVide, StTag, StText, StTextarea, StThemeToggle, StTimer, StVide, cleDeFichier, copierDansLePressePapiers, erreurDate, erreurIban, erreurPlageDeDates, erreurTelephone, erreursDeFichiers, exempleDeDate, filtrerOptions, formaterDuree, fournirCheminDuSprite, fusionnerErreurs, messageDErreur, motifLocal, normaliserPourRecherche, pressePapiersDisponible, provideStarterUi };
|
|
3019
|
+
export type { BornesDeDate, ColonneDeTableau, ConfigurationUi, ContexteDElementDeListe, ContexteDeCellule, ContexteDeDescription, DensiteDeTableau, DispositionDeChamp, ElementDeDescription, ElementDeSaisie, ErreurAffichable, EtatDeTeleversementAffiche, FiltreActif, Focalisable, FormatDeDate, GraisseDeTexte, IssueDeCopie, LibellesUi, MaillonDeFil, ModeDePagination, NiveauDeTitre, NomDIcone, OptionDeListe, OptionRadio, OrientationDeSeparateur, ReglesDeFichiers, ReliefDeCarte, RembourrageDeCarte, RemplissageDeTelephone, SensDeTri, TailleDIcone, TailleDeBouton, TailleDeSpinner, TailleDeTitre, TonDIcone, TonDeBadge, TonDeBanniere, TonDeMessage, TonDeProgression, TonDeSpinner, TonDeStatut, TriDeTableau, TypeDeSaisie, TypeMasque, UsageDuMotDePasse, VarianteDErreur, VarianteDeBouton, VarianteDeBoutonIcone, VarianteDeLien, VarianteDeSquelette, VarianteDeTexte };
|