@starterlib/ui 0.10.13 → 0.11.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/LICENCES-TIERCES.md +9 -3
- package/README.md +167 -32
- package/assets/icones/catalogue.json +199 -4
- package/assets/icones/sprite.svg +14 -0
- package/assets/logos/starter-bank-clair.svg +1 -0
- package/assets/logos/starter-bank-monochrome.svg +1 -0
- package/assets/logos/starter-bank-sombre.svg +1 -0
- package/fesm2022/starterlib-ui-arbre.mjs +25 -25
- package/fesm2022/starterlib-ui-arbre.mjs.map +1 -1
- package/fesm2022/starterlib-ui-donnees.mjs +760 -274
- package/fesm2022/starterlib-ui-donnees.mjs.map +1 -1
- package/fesm2022/starterlib-ui-etats.mjs +82 -82
- package/fesm2022/starterlib-ui-etats.mjs.map +1 -1
- package/fesm2022/starterlib-ui-force.mjs +18 -0
- package/fesm2022/starterlib-ui-force.mjs.map +1 -0
- package/fesm2022/starterlib-ui-formulaires.mjs +580 -198
- package/fesm2022/starterlib-ui-formulaires.mjs.map +1 -1
- package/fesm2022/starterlib-ui-graphiques.mjs +934 -0
- package/fesm2022/starterlib-ui-graphiques.mjs.map +1 -0
- package/fesm2022/starterlib-ui-indicateurs.mjs +59 -59
- package/fesm2022/starterlib-ui-indicateurs.mjs.map +1 -1
- package/fesm2022/starterlib-ui-libelles-en.mjs +11 -0
- package/fesm2022/starterlib-ui-libelles-en.mjs.map +1 -1
- package/fesm2022/starterlib-ui-listes.mjs +727 -315
- package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
- package/fesm2022/starterlib-ui-messagerie.mjs +45 -45
- package/fesm2022/starterlib-ui-messagerie.mjs.map +1 -1
- package/fesm2022/starterlib-ui-mise-en-page.mjs +46 -46
- package/fesm2022/starterlib-ui-mise-en-page.mjs.map +1 -1
- package/fesm2022/starterlib-ui-navigation.mjs +200 -42
- package/fesm2022/starterlib-ui-navigation.mjs.map +1 -1
- package/fesm2022/starterlib-ui-onglets.mjs +20 -20
- package/fesm2022/starterlib-ui-onglets.mjs.map +1 -1
- package/fesm2022/starterlib-ui-parcours.mjs +631 -168
- package/fesm2022/starterlib-ui-parcours.mjs.map +1 -1
- package/fesm2022/starterlib-ui-qr.mjs +11 -11
- package/fesm2022/starterlib-ui-qr.mjs.map +1 -1
- package/fesm2022/starterlib-ui-saisie.mjs +617 -511
- package/fesm2022/starterlib-ui-saisie.mjs.map +1 -1
- package/fesm2022/starterlib-ui-selection.mjs +64 -64
- package/fesm2022/starterlib-ui-selection.mjs.map +1 -1
- package/fesm2022/starterlib-ui-sens.mjs +3 -3
- package/fesm2022/starterlib-ui-surfaces.mjs +246 -242
- package/fesm2022/starterlib-ui-surfaces.mjs.map +1 -1
- package/fesm2022/starterlib-ui-virtuel.mjs +272 -0
- package/fesm2022/starterlib-ui-virtuel.mjs.map +1 -0
- package/fesm2022/starterlib-ui.mjs +1142 -898
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +31 -3
- package/types/starterlib-ui-donnees.d.ts +231 -5
- package/types/starterlib-ui-force.d.ts +19 -0
- package/types/starterlib-ui-formulaires.d.ts +132 -1
- package/types/starterlib-ui-graphiques.d.ts +421 -0
- package/types/starterlib-ui-indicateurs.d.ts +11 -4
- package/types/starterlib-ui-listes.d.ts +230 -13
- package/types/starterlib-ui-navigation.d.ts +82 -1
- package/types/starterlib-ui-parcours.d.ts +265 -5
- package/types/starterlib-ui-saisie.d.ts +91 -10
- package/types/starterlib-ui-selection.d.ts +1 -1
- package/types/starterlib-ui-surfaces.d.ts +10 -9
- package/types/starterlib-ui-virtuel.d.ts +103 -0
- package/types/starterlib-ui.d.ts +175 -24
- package/virtuel/README.md +46 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ADRESSE_VIDE, CODES_DES_PAYS, adresseEstVide, ajouterJours, ajouterMois, bornerDate, codePostalValide, decimalesDe, estDateIso, estHeureIso, exempleDHeure, formatDAdresse, formaterDateLongue, formaterDateSaisie, formaterHeureSaisie, formaterIban, formaterMontant, formaterNombre, formaterTaille, ibanEstValide, jourDeLaSemaine, listeDesPays, masquerIban, montant, motifDHeure, motifDeDate, nomAffichable, nomDuPays, normaliserCodeDePays, normaliserCodePostal, normaliserIban, normaliserTelephone, partiesAffichees, partiesExigees, premierJourDeLaSemaine, regionReconnue, semainesDuMois, typeDeFichierAccepte } from "@starterlib/util/valeurs";
|
|
1
|
+
import { ADRESSE_VIDE, CODES_DES_PAYS, adresseEstVide, ajouterJours, ajouterMois, bornerDate, codePostalValide, decimalesDe, estDateIso, estHeureIso, exempleDHeure, exempleDeMois, formatDAdresse, formaterDateLongue, formaterDateSaisie, formaterHeureSaisie, formaterIban, formaterMontant, formaterNombre, formaterTaille, ibanEstValide, jourDeLaSemaine, listeDesPays, masquerIban, montant, motifDHeure, motifDeDate, motifDuMois, nomAffichable, nomDuPays, normaliserCodeDePays, normaliserCodePostal, normaliserIban, normaliserTelephone, partiesAffichees, partiesExigees, premierJourDeLaSemaine, regionReconnue, semainesDuMois, typeDeFichierAccepte } from "@starterlib/util/valeurs";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DOCUMENT, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, afterEveryRender, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, effect, inject, input, isDevMode, linkedSignal, model, numberAttribute, output, resource, signal, untracked, viewChild, viewChildren } from "@angular/core";
|
|
4
4
|
import { AnnonceLocale, FUSEAU_PAR_DEFAUT, ST_LIBELLES, ST_LISTES_D_ADRESSES, ST_LOCALE, StButton, StIcon, StIconButton, StIdentifiants, StInlineMessage, StProgress, StSpinner, affichageDiffere } from "@starterlib/ui";
|
|
5
|
+
import { delai, tenue } from "@starterlib/tokens";
|
|
5
6
|
import { DOCUMENT as DOCUMENT$1 } from "@angular/common";
|
|
6
|
-
import { tenue } from "@starterlib/tokens";
|
|
7
7
|
import { sansCommandesDeDirection, texteDUneLigne } from "@starterlib/util";
|
|
8
8
|
import { ST_CHAMP_A_ETIQUETTES, StTagGroup } from "@starterlib/ui/indicateurs";
|
|
9
9
|
function messageDErreur(erreur, libelles, locale = "fr-FR") {
|
|
@@ -88,6 +88,7 @@ function messageDErreur(erreur, libelles, locale = "fr-FR") {
|
|
|
88
88
|
const maximum = texte("max");
|
|
89
89
|
return maximum === void 0 || !estDateIso(maximum) ? libelles.valeurInvalide : libelles.dateTropTard(formaterDateLongue(maximum, locale));
|
|
90
90
|
}
|
|
91
|
+
case "mois": return libelles.dateIllisible(motifDuMoisLocal(libelles, locale), exempleDeMois(locale));
|
|
91
92
|
case "heure": return libelles.heureIllisible(motifDHeureLocal(libelles, locale, propriete("secondes") === true), exempleDHeure(locale, propriete("secondes") === true));
|
|
92
93
|
case "heureMin": {
|
|
93
94
|
const minimum = texte("min");
|
|
@@ -149,6 +150,12 @@ function motifLocal(libelles, locale) {
|
|
|
149
150
|
annee: libelles.lettreDeLAnnee
|
|
150
151
|
});
|
|
151
152
|
}
|
|
153
|
+
function motifDuMoisLocal(libelles, locale) {
|
|
154
|
+
return motifDuMois(locale, {
|
|
155
|
+
mois: libelles.lettreDuMois,
|
|
156
|
+
annee: libelles.lettreDeLAnnee
|
|
157
|
+
});
|
|
158
|
+
}
|
|
152
159
|
function motifDHeureLocal(libelles, locale, secondes = false) {
|
|
153
160
|
return motifDHeure(locale, {
|
|
154
161
|
heure: libelles.lettreDeLHeure,
|
|
@@ -268,52 +275,52 @@ function fusionnerErreurs(formulaire, lecture) {
|
|
|
268
275
|
}
|
|
269
276
|
const ST_GROUPE_DE_SAISIE = new InjectionToken("ST_GROUPE_DE_SAISIE");
|
|
270
277
|
var ContratDeChamp = class ContratDeChamp {
|
|
271
|
-
libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] :
|
|
272
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
273
|
-
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] :
|
|
278
|
+
libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
|
|
279
|
+
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
280
|
+
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
|
|
274
281
|
touched = input(false, {
|
|
275
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
282
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
276
283
|
transform: booleanAttribute
|
|
277
284
|
});
|
|
278
285
|
dirty = input(false, {
|
|
279
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
286
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
280
287
|
transform: booleanAttribute
|
|
281
288
|
});
|
|
282
289
|
pending = input(false, {
|
|
283
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
290
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
284
291
|
transform: booleanAttribute
|
|
285
292
|
});
|
|
286
293
|
disabled = input(false, {
|
|
287
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
294
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
288
295
|
transform: booleanAttribute
|
|
289
296
|
});
|
|
290
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
297
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
291
298
|
readonly = input(false, {
|
|
292
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
299
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
293
300
|
transform: booleanAttribute
|
|
294
301
|
});
|
|
295
302
|
required = input(false, {
|
|
296
|
-
...ngDevMode ? { debugName: "required" } :
|
|
303
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
297
304
|
transform: booleanAttribute
|
|
298
305
|
});
|
|
299
306
|
hidden = input(false, {
|
|
300
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
307
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
301
308
|
transform: booleanAttribute
|
|
302
309
|
});
|
|
303
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
304
|
-
minLength = input(void 0, ...ngDevMode ? [{ debugName: "minLength" }] :
|
|
305
|
-
maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] :
|
|
306
|
-
pattern = input([], ...ngDevMode ? [{ debugName: "pattern" }] :
|
|
310
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
311
|
+
minLength = input(void 0, ...ngDevMode ? [{ debugName: "minLength" }] : /* istanbul ignore next */ []);
|
|
312
|
+
maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
|
|
313
|
+
pattern = input([], ...ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []);
|
|
307
314
|
touch = output();
|
|
308
|
-
champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] :
|
|
315
|
+
champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
|
|
309
316
|
groupe = inject(ST_GROUPE_DE_SAISIE, { optional: true });
|
|
310
|
-
desactive = computed(() => this.disabled() || (this.groupe?.disabled() ?? false), ...ngDevMode ? [{ debugName: "desactive" }] :
|
|
317
|
+
desactive = computed(() => this.disabled() || (this.groupe?.disabled() ?? false), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
|
|
311
318
|
aideEtRaisons = computed(() => {
|
|
312
319
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
313
320
|
const aide = this.aide()?.trim() ?? "";
|
|
314
321
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
315
322
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
316
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
323
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
317
324
|
focus(options) {
|
|
318
325
|
this.champ()?.nativeElement.focus(options);
|
|
319
326
|
}
|
|
@@ -322,7 +329,7 @@ var ContratDeChamp = class ContratDeChamp {
|
|
|
322
329
|
}
|
|
323
330
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
324
331
|
minVersion: "12.0.0",
|
|
325
|
-
version: "22.2.
|
|
332
|
+
version: "22.2.1",
|
|
326
333
|
ngImport: i0,
|
|
327
334
|
type: ContratDeChamp,
|
|
328
335
|
deps: [],
|
|
@@ -330,7 +337,7 @@ var ContratDeChamp = class ContratDeChamp {
|
|
|
330
337
|
});
|
|
331
338
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
332
339
|
minVersion: "17.2.0",
|
|
333
|
-
version: "22.2.
|
|
340
|
+
version: "22.2.1",
|
|
334
341
|
type: ContratDeChamp,
|
|
335
342
|
isStandalone: true,
|
|
336
343
|
inputs: {
|
|
@@ -454,7 +461,7 @@ var ContratDeChamp = class ContratDeChamp {
|
|
|
454
461
|
};
|
|
455
462
|
i0.ɵɵngDeclareClassMetadata({
|
|
456
463
|
minVersion: "12.0.0",
|
|
457
|
-
version: "22.2.
|
|
464
|
+
version: "22.2.1",
|
|
458
465
|
ngImport: i0,
|
|
459
466
|
type: ContratDeChamp,
|
|
460
467
|
decorators: [{
|
|
@@ -593,11 +600,11 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
593
600
|
}
|
|
594
601
|
});
|
|
595
602
|
var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
|
|
596
|
-
min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] :
|
|
597
|
-
max = input(void 0, ...ngDevMode ? [{ debugName: "max" }] :
|
|
603
|
+
min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
|
|
604
|
+
max = input(void 0, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
|
|
598
605
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
599
606
|
minVersion: "12.0.0",
|
|
600
|
-
version: "22.2.
|
|
607
|
+
version: "22.2.1",
|
|
601
608
|
ngImport: i0,
|
|
602
609
|
type: ContratDeChampABornes,
|
|
603
610
|
deps: null,
|
|
@@ -605,7 +612,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
|
|
|
605
612
|
});
|
|
606
613
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
607
614
|
minVersion: "17.1.0",
|
|
608
|
-
version: "22.2.
|
|
615
|
+
version: "22.2.1",
|
|
609
616
|
type: ContratDeChampABornes,
|
|
610
617
|
isStandalone: true,
|
|
611
618
|
inputs: {
|
|
@@ -630,7 +637,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
|
|
|
630
637
|
};
|
|
631
638
|
i0.ɵɵngDeclareClassMetadata({
|
|
632
639
|
minVersion: "12.0.0",
|
|
633
|
-
version: "22.2.
|
|
640
|
+
version: "22.2.1",
|
|
634
641
|
ngImport: i0,
|
|
635
642
|
type: ContratDeChampABornes,
|
|
636
643
|
decorators: [{ type: Directive }],
|
|
@@ -654,10 +661,10 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
654
661
|
}
|
|
655
662
|
});
|
|
656
663
|
var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
|
|
657
|
-
value = model("", ...ngDevMode ? [{ debugName: "value" }] :
|
|
664
|
+
value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
658
665
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
659
666
|
minVersion: "12.0.0",
|
|
660
|
-
version: "22.2.
|
|
667
|
+
version: "22.2.1",
|
|
661
668
|
ngImport: i0,
|
|
662
669
|
type: ControleDeSaisie,
|
|
663
670
|
deps: null,
|
|
@@ -665,7 +672,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
|
|
|
665
672
|
});
|
|
666
673
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
667
674
|
minVersion: "17.1.0",
|
|
668
|
-
version: "22.2.
|
|
675
|
+
version: "22.2.1",
|
|
669
676
|
type: ControleDeSaisie,
|
|
670
677
|
isStandalone: true,
|
|
671
678
|
inputs: { value: {
|
|
@@ -682,7 +689,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
|
|
|
682
689
|
};
|
|
683
690
|
i0.ɵɵngDeclareClassMetadata({
|
|
684
691
|
minVersion: "12.0.0",
|
|
685
|
-
version: "22.2.
|
|
692
|
+
version: "22.2.1",
|
|
686
693
|
ngImport: i0,
|
|
687
694
|
type: ControleDeSaisie,
|
|
688
695
|
decorators: [{ type: Directive }],
|
|
@@ -699,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
699
706
|
}] }
|
|
700
707
|
});
|
|
701
708
|
var ContratDeCase = class ContratDeCase extends ContratDeChamp {
|
|
702
|
-
checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] :
|
|
709
|
+
checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
|
|
703
710
|
surClic(evenement) {
|
|
704
711
|
if (this.readonly()) evenement.preventDefault();
|
|
705
712
|
}
|
|
@@ -713,7 +720,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
|
|
|
713
720
|
}
|
|
714
721
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
715
722
|
minVersion: "12.0.0",
|
|
716
|
-
version: "22.2.
|
|
723
|
+
version: "22.2.1",
|
|
717
724
|
ngImport: i0,
|
|
718
725
|
type: ContratDeCase,
|
|
719
726
|
deps: null,
|
|
@@ -721,7 +728,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
|
|
|
721
728
|
});
|
|
722
729
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
723
730
|
minVersion: "17.1.0",
|
|
724
|
-
version: "22.2.
|
|
731
|
+
version: "22.2.1",
|
|
725
732
|
type: ContratDeCase,
|
|
726
733
|
isStandalone: true,
|
|
727
734
|
inputs: { checked: {
|
|
@@ -738,7 +745,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
|
|
|
738
745
|
};
|
|
739
746
|
i0.ɵɵngDeclareClassMetadata({
|
|
740
747
|
minVersion: "12.0.0",
|
|
741
|
-
version: "22.2.
|
|
748
|
+
version: "22.2.1",
|
|
742
749
|
ngImport: i0,
|
|
743
750
|
type: ContratDeCase,
|
|
744
751
|
decorators: [{ type: Directive }],
|
|
@@ -773,7 +780,7 @@ var StNomsDesChamps = class StNomsDesChamps {
|
|
|
773
780
|
}
|
|
774
781
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
775
782
|
minVersion: "12.0.0",
|
|
776
|
-
version: "22.2.
|
|
783
|
+
version: "22.2.1",
|
|
777
784
|
ngImport: i0,
|
|
778
785
|
type: StNomsDesChamps,
|
|
779
786
|
deps: [],
|
|
@@ -781,7 +788,7 @@ var StNomsDesChamps = class StNomsDesChamps {
|
|
|
781
788
|
});
|
|
782
789
|
static ɵprov = i0.ɵɵngDeclareInjectable({
|
|
783
790
|
minVersion: "12.0.0",
|
|
784
|
-
version: "22.2.
|
|
791
|
+
version: "22.2.1",
|
|
785
792
|
ngImport: i0,
|
|
786
793
|
type: StNomsDesChamps,
|
|
787
794
|
providedIn: "root"
|
|
@@ -789,7 +796,7 @@ var StNomsDesChamps = class StNomsDesChamps {
|
|
|
789
796
|
};
|
|
790
797
|
i0.ɵɵngDeclareClassMetadata({
|
|
791
798
|
minVersion: "12.0.0",
|
|
792
|
-
version: "22.2.
|
|
799
|
+
version: "22.2.1",
|
|
793
800
|
ngImport: i0,
|
|
794
801
|
type: StNomsDesChamps,
|
|
795
802
|
decorators: [{
|
|
@@ -800,18 +807,18 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
800
807
|
var PorteurDErreurs = class PorteurDErreurs {
|
|
801
808
|
libelles = inject(ST_LIBELLES);
|
|
802
809
|
locale = inject(ST_LOCALE);
|
|
803
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
804
|
-
erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] :
|
|
810
|
+
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
811
|
+
erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
|
|
805
812
|
afficherErreurs = input(false, {
|
|
806
|
-
...ngDevMode ? { debugName: "afficherErreurs" } :
|
|
813
|
+
...ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {},
|
|
807
814
|
transform: booleanAttribute
|
|
808
815
|
});
|
|
809
816
|
toutesLesErreurs = input(false, {
|
|
810
|
-
...ngDevMode ? { debugName: "toutesLesErreurs" } :
|
|
817
|
+
...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
|
|
811
818
|
transform: booleanAttribute
|
|
812
819
|
});
|
|
813
820
|
obligatoire = input(false, {
|
|
814
|
-
...ngDevMode ? { debugName: "obligatoire" } :
|
|
821
|
+
...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
|
|
815
822
|
transform: booleanAttribute
|
|
816
823
|
});
|
|
817
824
|
racine = inject(StIdentifiants).prochain(this.prefixeDIdentifiant());
|
|
@@ -823,29 +830,29 @@ var PorteurDErreurs = class PorteurDErreurs {
|
|
|
823
830
|
noms.retirer(element);
|
|
824
831
|
});
|
|
825
832
|
}
|
|
826
|
-
libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] :
|
|
827
|
-
aideRendue = computed(() => texteRendu(this.aide()), ...ngDevMode ? [{ debugName: "aideRendue" }] :
|
|
833
|
+
libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] : /* istanbul ignore next */ []);
|
|
834
|
+
aideRendue = computed(() => texteRendu(this.aide()), ...ngDevMode ? [{ debugName: "aideRendue" }] : /* istanbul ignore next */ []);
|
|
828
835
|
messages = computed(() => {
|
|
829
836
|
if (!this.afficherErreurs()) return [];
|
|
830
837
|
const erreurs = this.toutesLesErreurs() ? this.erreurs() : this.erreurs().slice(0, 1);
|
|
831
838
|
const libelles = this.libelles();
|
|
832
839
|
const locale = this.locale();
|
|
833
840
|
return erreurs.map((erreur) => messageDErreur(erreur, libelles, locale));
|
|
834
|
-
}, ...ngDevMode ? [{ debugName: "messages" }] :
|
|
835
|
-
enErreur = computed(() => this.messages().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
841
|
+
}, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
|
|
842
|
+
enErreur = computed(() => this.messages().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
836
843
|
descriptions = computed(() => {
|
|
837
844
|
const ids = [];
|
|
838
845
|
if (this.aideRendue() !== null) ids.push(this.identifiants.aide);
|
|
839
846
|
ids.push(...this.descriptionsPropres());
|
|
840
847
|
if (this.enErreur()) ids.push(this.identifiants.erreur);
|
|
841
848
|
return ids.length === 0 ? null : ids.join(" ");
|
|
842
|
-
}, ...ngDevMode ? [{ debugName: "descriptions" }] :
|
|
849
|
+
}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
|
|
843
850
|
descriptionsPropres() {
|
|
844
851
|
return [];
|
|
845
852
|
}
|
|
846
853
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
847
854
|
minVersion: "12.0.0",
|
|
848
|
-
version: "22.2.
|
|
855
|
+
version: "22.2.1",
|
|
849
856
|
ngImport: i0,
|
|
850
857
|
type: PorteurDErreurs,
|
|
851
858
|
deps: [],
|
|
@@ -853,7 +860,7 @@ var PorteurDErreurs = class PorteurDErreurs {
|
|
|
853
860
|
});
|
|
854
861
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
855
862
|
minVersion: "17.1.0",
|
|
856
|
-
version: "22.2.
|
|
863
|
+
version: "22.2.1",
|
|
857
864
|
type: PorteurDErreurs,
|
|
858
865
|
isStandalone: true,
|
|
859
866
|
inputs: {
|
|
@@ -898,7 +905,7 @@ var PorteurDErreurs = class PorteurDErreurs {
|
|
|
898
905
|
};
|
|
899
906
|
i0.ɵɵngDeclareClassMetadata({
|
|
900
907
|
minVersion: "12.0.0",
|
|
901
|
-
version: "22.2.
|
|
908
|
+
version: "22.2.1",
|
|
902
909
|
ngImport: i0,
|
|
903
910
|
type: PorteurDErreurs,
|
|
904
911
|
decorators: [{ type: Directive }],
|
|
@@ -959,15 +966,15 @@ const ELEMENTS_ETIQUETABLES = /* @__PURE__ */ new Set([
|
|
|
959
966
|
"PROGRESS"
|
|
960
967
|
]);
|
|
961
968
|
var StFormField = class StFormField extends PorteurDErreurs {
|
|
962
|
-
libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] :
|
|
963
|
-
complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] :
|
|
964
|
-
disposition = input("empilee", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
965
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
969
|
+
libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] : /* istanbul ignore next */ []);
|
|
970
|
+
complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] : /* istanbul ignore next */ []);
|
|
971
|
+
disposition = input("empilee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
|
|
972
|
+
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
|
|
966
973
|
libelleMasque = input(false, {
|
|
967
|
-
...ngDevMode ? { debugName: "libelleMasque" } :
|
|
974
|
+
...ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {},
|
|
968
975
|
transform: booleanAttribute
|
|
969
976
|
});
|
|
970
|
-
descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] :
|
|
977
|
+
descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
|
|
971
978
|
identifiants = {
|
|
972
979
|
controle: this.racine,
|
|
973
980
|
libelle: `${this.racine}-libelle`,
|
|
@@ -977,18 +984,18 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
977
984
|
complement: `${this.racine}-complement`,
|
|
978
985
|
erreur: `${this.racine}-erreur`
|
|
979
986
|
};
|
|
980
|
-
complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] :
|
|
987
|
+
complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : /* istanbul ignore next */ []);
|
|
981
988
|
controle = contentChild(StControleDeChamp, {
|
|
982
|
-
...ngDevMode ? { debugName: "controle" } :
|
|
989
|
+
...ngDevMode ? { debugName: "controle" } : /* istanbul ignore next */ {},
|
|
983
990
|
descendants: true,
|
|
984
991
|
read: ElementRef
|
|
985
992
|
});
|
|
986
|
-
zoneDeMeta = viewChild("meta", ...ngDevMode ? [{ debugName: "zoneDeMeta" }] :
|
|
987
|
-
zoneDIndication = viewChild("indication", ...ngDevMode ? [{ debugName: "zoneDIndication" }] :
|
|
988
|
-
metaPresente = signal(false, ...ngDevMode ? [{ debugName: "metaPresente" }] :
|
|
989
|
-
indicationPresente = signal(false, ...ngDevMode ? [{ debugName: "indicationPresente" }] :
|
|
990
|
-
zoneDuLibelleRiche = viewChild("libelleRiche", ...ngDevMode ? [{ debugName: "zoneDuLibelleRiche" }] :
|
|
991
|
-
libelleRichePresent = signal(false, ...ngDevMode ? [{ debugName: "libelleRichePresent" }] :
|
|
993
|
+
zoneDeMeta = viewChild("meta", ...ngDevMode ? [{ debugName: "zoneDeMeta" }] : /* istanbul ignore next */ []);
|
|
994
|
+
zoneDIndication = viewChild("indication", ...ngDevMode ? [{ debugName: "zoneDIndication" }] : /* istanbul ignore next */ []);
|
|
995
|
+
metaPresente = signal(false, ...ngDevMode ? [{ debugName: "metaPresente" }] : /* istanbul ignore next */ []);
|
|
996
|
+
indicationPresente = signal(false, ...ngDevMode ? [{ debugName: "indicationPresente" }] : /* istanbul ignore next */ []);
|
|
997
|
+
zoneDuLibelleRiche = viewChild("libelleRiche", ...ngDevMode ? [{ debugName: "zoneDuLibelleRiche" }] : /* istanbul ignore next */ []);
|
|
998
|
+
libelleRichePresent = signal(false, ...ngDevMode ? [{ debugName: "libelleRichePresent" }] : /* istanbul ignore next */ []);
|
|
992
999
|
nom() {
|
|
993
1000
|
return this.libelle();
|
|
994
1001
|
}
|
|
@@ -1023,7 +1030,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
1023
1030
|
}
|
|
1024
1031
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1025
1032
|
minVersion: "12.0.0",
|
|
1026
|
-
version: "22.2.
|
|
1033
|
+
version: "22.2.1",
|
|
1027
1034
|
ngImport: i0,
|
|
1028
1035
|
type: StFormField,
|
|
1029
1036
|
deps: [],
|
|
@@ -1031,7 +1038,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
1031
1038
|
});
|
|
1032
1039
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1033
1040
|
minVersion: "17.0.0",
|
|
1034
|
-
version: "22.2.
|
|
1041
|
+
version: "22.2.1",
|
|
1035
1042
|
type: StFormField,
|
|
1036
1043
|
isStandalone: true,
|
|
1037
1044
|
selector: "st-form-field",
|
|
@@ -1120,8 +1127,8 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
1120
1127
|
],
|
|
1121
1128
|
usesInheritance: true,
|
|
1122
1129
|
ngImport: i0,
|
|
1123
|
-
template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n <div class=\"st-form-field__entete\">\n <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n Le clic sur une etiquette est une commodite de souris, comme pour tout\n champ natif : au clavier, le controle se rejoint par tabulation, et\n l'etiquette n'a pas a recevoir le focus. -->\n <label\n class=\"st-form-field__libelle\"\n [class.st-vh]=\"libelleMasque()\"\n [id]=\"identifiants.libelle\"\n [for]=\"identifiants.controle\"\n [attr.data-libelle]=\"libelle()\"\n (click)=\"focaliserLeControle()\"\n >\n <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n <span class=\"st-form-field__texte\"\n ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n ><ng-content select=\"[stLibelle]\" /></span\n >{{ libelleRichePresent() ? '' : libelle() }}</span\n >\n @if (obligatoire()) {\n <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </label>\n <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n champ ; elle suit l'etiquette et sa mention. -->\n <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n ><ng-content select=\"[stMeta]\"\n /></span>\n </div>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n @if (enErreur()) {\n <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"
|
|
1124
|
-
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;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-
|
|
1130
|
+
template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n <div class=\"st-form-field__entete\">\n <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n Le clic sur une etiquette est une commodite de souris, comme pour tout\n champ natif : au clavier, le controle se rejoint par tabulation, et\n l'etiquette n'a pas a recevoir le focus. -->\n <label\n class=\"st-form-field__libelle\"\n [class.st-vh]=\"libelleMasque()\"\n [id]=\"identifiants.libelle\"\n [for]=\"identifiants.controle\"\n [attr.data-libelle]=\"libelle()\"\n (click)=\"focaliserLeControle()\"\n >\n <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n <span class=\"st-form-field__texte\"\n ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n ><ng-content select=\"[stLibelle]\" /></span\n >{{ libelleRichePresent() ? '' : libelle() }}</span\n >\n @if (obligatoire()) {\n <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </label>\n <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n champ ; elle suit l'etiquette et sa mention. -->\n <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n ><ng-content select=\"[stMeta]\"\n /></span>\n </div>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n @if (enErreur()) {\n <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n }\n <div\n #indication\n class=\"st-form-field__indication\"\n [id]=\"identifiants.indication\"\n [hidden]=\"enErreur()\"\n >\n <ng-content select=\"[stIndication]\" />\n </div>\n\n <div class=\"st-form-field__controle\">\n @if (enErreur()) {\n <span class=\"st-form-field__lisere\"></span>\n }\n <ng-content />\n </div>\n\n @if (complementRendu(); as texte) {\n <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n }\n</div>\n",
|
|
1131
|
+
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;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-erreur)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"],
|
|
1125
1132
|
dependencies: [{
|
|
1126
1133
|
kind: "component",
|
|
1127
1134
|
type: StInlineMessage,
|
|
@@ -1139,7 +1146,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
1139
1146
|
};
|
|
1140
1147
|
i0.ɵɵngDeclareClassMetadata({
|
|
1141
1148
|
minVersion: "12.0.0",
|
|
1142
|
-
version: "22.2.
|
|
1149
|
+
version: "22.2.1",
|
|
1143
1150
|
ngImport: i0,
|
|
1144
1151
|
type: StFormField,
|
|
1145
1152
|
decorators: [{
|
|
@@ -1154,8 +1161,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1154
1161
|
"[attr.data-disposition]": "disposition()",
|
|
1155
1162
|
"[attr.data-presentation]": "presentation()"
|
|
1156
1163
|
},
|
|
1157
|
-
template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n <div class=\"st-form-field__entete\">\n <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n Le clic sur une etiquette est une commodite de souris, comme pour tout\n champ natif : au clavier, le controle se rejoint par tabulation, et\n l'etiquette n'a pas a recevoir le focus. -->\n <label\n class=\"st-form-field__libelle\"\n [class.st-vh]=\"libelleMasque()\"\n [id]=\"identifiants.libelle\"\n [for]=\"identifiants.controle\"\n [attr.data-libelle]=\"libelle()\"\n (click)=\"focaliserLeControle()\"\n >\n <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n <span class=\"st-form-field__texte\"\n ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n ><ng-content select=\"[stLibelle]\" /></span\n >{{ libelleRichePresent() ? '' : libelle() }}</span\n >\n @if (obligatoire()) {\n <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </label>\n <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n champ ; elle suit l'etiquette et sa mention. -->\n <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n ><ng-content select=\"[stMeta]\"\n /></span>\n </div>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n @if (enErreur()) {\n <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"
|
|
1158
|
-
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;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-
|
|
1164
|
+
template: "<!-- Une grille interieure : l'hote peut ainsi etre le conteneur de requete de `en-ligne`. -->\n<div class=\"st-form-field__grille\">\n <!-- En-tete : l'etiquette (et sa mention), la meta projetee a droite. -->\n <div class=\"st-form-field__entete\">\n <!-- Exception de eslint.config.mjs (clic sans clavier sur l'etiquette) :\n Le clic sur une etiquette est une commodite de souris, comme pour tout\n champ natif : au clavier, le controle se rejoint par tabulation, et\n l'etiquette n'a pas a recevoir le focus. -->\n <label\n class=\"st-form-field__libelle\"\n [class.st-vh]=\"libelleMasque()\"\n [id]=\"identifiants.libelle\"\n [for]=\"identifiants.controle\"\n [attr.data-libelle]=\"libelle()\"\n (click)=\"focaliserLeControle()\"\n >\n <!-- Libelle riche (lot 218) : un [stLibelle] projete (un lien vers les conditions generales)\n prend la place du texte ; sans lui, le libelle. Releve au rendu : relaye par un champ du\n socle, le contenu echappe aux requetes, et une fente relayee vide compterait comme remplie.\n Aucun blanc autour du texte : la largeur minimale de l'etiquette est mesuree. -->\n <span class=\"st-form-field__texte\"\n ><span #libelleRiche class=\"st-form-field__libelle-riche\"\n ><ng-content select=\"[stLibelle]\" /></span\n >{{ libelleRichePresent() ? '' : libelle() }}</span\n >\n @if (obligatoire()) {\n <span class=\"st-form-field__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </label>\n <!-- L'aide contextuelle (lot 265) : HORS de l'etiquette, son nom n'entre pas dans celui du\n champ ; elle suit l'etiquette et sa mention. -->\n <span class=\"st-form-field__aide-contextuelle\"><ng-content select=\"[stAide]\" /></span>\n <span #meta class=\"st-form-field__meta\" [id]=\"identifiants.meta\"\n ><ng-content select=\"[stMeta]\"\n /></span>\n </div>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-form-field__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n <!-- Le message : l'erreur, et a defaut l'indication projetee, a la meme place. -->\n @if (enErreur()) {\n <div class=\"st-form-field__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n }\n <div\n #indication\n class=\"st-form-field__indication\"\n [id]=\"identifiants.indication\"\n [hidden]=\"enErreur()\"\n >\n <ng-content select=\"[stIndication]\" />\n </div>\n\n <div class=\"st-form-field__controle\">\n @if (enErreur()) {\n <span class=\"st-form-field__lisere\"></span>\n }\n <ng-content />\n </div>\n\n @if (complementRendu(); as texte) {\n <p class=\"st-form-field__complement\" [id]=\"identifiants.complement\">{{ texte }}</p>\n }\n</div>\n",
|
|
1165
|
+
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;min-inline-size:0}.st-form-field__grille{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);min-inline-size:0}.st-form-field__entete{display:flex;align-items:center;justify-content:space-between}.st-form-field__libelle{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-moyenne);letter-spacing:var(--st-interlettrage-normal);display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:space-between;min-inline-size:0;color:var(--st-couleur-texte-discret)}.st-form-field__aide-contextuelle{display:inline-flex;flex:none;margin-block:calc((var(--st-interligne-sm) - var(--st-hauteur-commande-sm)) / 2)}.st-form-field__aide-contextuelle:empty{display:none}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)){gap:var(--st-espacement-1);justify-content:flex-start}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__libelle{flex-grow:0}.st-form-field__entete:has(>.st-form-field__aide-contextuelle:not(:empty)) .st-form-field__meta{margin-inline-start:auto}.st-form-field__texte{flex:1 1 min-content;min-inline-size:0;overflow-wrap:break-word}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__grille{gap:var(--st-espacement-1)}:host([data-presentation=micro-capitales]:not([data-disposition=case],[data-disposition=reglage])) .st-form-field__libelle{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;color:var(--st-couleur-texte-discret)}.st-form-field__obligatoire{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-attenue)}.st-form-field__meta{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__meta:empty{display:none}:host(:focus-within) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire)}:host([data-en-erreur]) .st-form-field__libelle{font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur)}:host([data-en-erreur]) .st-form-field__obligatoire{color:var(--st-couleur-erreur)}.st-form-field__aide,.st-form-field__complement{margin:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-form-field__complement{font-variant-numeric:var(--st-chiffres-alignes)}.st-form-field__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-form-field__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-form-field__erreurs ::ng-deep .st-inline-message__icone,.st-form-field__indication ::ng-deep .st-inline-message__icone{align-items:flex-start}.st-form-field__indication{display:flex;align-items:center;min-block-size:calc(var(--st-interligne-xs) + var(--st-espacement-1-5));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs)}.st-form-field__indication:empty,.st-form-field__indication[hidden]{display:none}.st-form-field__indication ::ng-deep>st-inline-message{gap:var(--st-espacement-1);align-items:center}.st-form-field__controle{position:relative;min-inline-size:0}.st-form-field__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-form-field__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=case]) .st-form-field__grille,:host([data-disposition=reglage]) .st-form-field__grille{position:relative;justify-content:center;gap:0;min-block-size:var(--st-cible-min)}:host([data-disposition=case]) .st-form-field__entete,:host([data-disposition=reglage]) .st-form-field__entete{order:1}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__indication{order:2}:host([data-disposition=case]) .st-form-field__aide,:host([data-disposition=reglage]) .st-form-field__aide{order:3}:host([data-disposition=case]) .st-form-field__complement,:host([data-disposition=reglage]) .st-form-field__complement{order:4}:host([data-disposition=case]) .st-form-field__controle,:host([data-disposition=reglage]) .st-form-field__controle{position:absolute;inset-block:0;display:flex;align-items:center}:host([data-disposition=case]) .st-form-field__libelle,:host([data-disposition=reglage]) .st-form-field__libelle{line-height:var(--st-choix-interligne, var(--st-interligne-sm))}:host([data-disposition=case]) .st-form-field__erreurs,:host([data-disposition=reglage]) .st-form-field__erreurs{gap:0;padding-block:0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs)}:host([data-disposition=case]) .st-form-field__erreurs>st-inline-message,:host([data-disposition=reglage]) .st-form-field__erreurs>st-inline-message{font-size:inherit;line-height:inherit}:host([data-disposition=case]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone,:host([data-disposition=reglage]) .st-form-field__erreurs ::ng-deep .st-inline-message__icone{display:none}:host([data-disposition=case]) .st-form-field__indication,:host([data-disposition=reglage]) .st-form-field__indication{min-block-size:0}:host([data-disposition=case]) .st-form-field__lisere,:host([data-disposition=reglage]) .st-form-field__lisere{display:none}:host([data-disposition=case]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=case]:not([data-en-erreur])):focus-within .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])) .st-form-field__libelle,:host([data-disposition=reglage]:not([data-en-erreur])):focus-within .st-form-field__libelle{font-weight:var(--st-choix-graisse, var(--st-graisse-moyenne));color:var(--st-choix-couleur, var(--st-couleur-texte))}:host([data-disposition=case]) .st-form-field__grille{padding-inline-start:calc(var(--st-cible-min) + var(--st-espacement-3))}:host([data-disposition=case]) .st-form-field__controle{inset-inline-start:0}:host([data-disposition=reglage]) .st-form-field__grille{padding-inline-end:calc(var(--st-cible-tactile-min) + var(--st-espacement-3))}:host([data-disposition=reglage]) .st-form-field__controle{inset-inline-end:0}:host([data-disposition=en-ligne]) .st-form-field__entete{grid-area:entete}:host([data-disposition=en-ligne]) .st-form-field__aide{grid-area:aide}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{grid-area:message}:host([data-disposition=en-ligne]) .st-form-field__controle{grid-area:controle}:host([data-disposition=en-ligne]) .st-form-field__complement{grid-area:complement}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 48rem){:host([data-disposition=en-ligne]) .st-form-field__grille{display:grid;grid-template-areas:\". aide\" \". message\" \"entete controle\" \". complement\";grid-template-columns:var(--st-champ-largeur-libelle, var(--st-largeur-champ-md)) minmax(0,1fr);gap:0 var(--st-espacement-4);align-items:start}:host([data-disposition=en-ligne]) .st-form-field__entete{align-self:start;padding-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2)}:host([data-disposition=en-ligne]) .st-form-field__aide{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__erreurs,:host([data-disposition=en-ligne]) .st-form-field__indication{margin-block-end:var(--st-espacement-1)}:host([data-disposition=en-ligne]) .st-form-field__complement{margin-block-start:var(--st-espacement-1)}}\n"]
|
|
1159
1166
|
}]
|
|
1160
1167
|
}],
|
|
1161
1168
|
ctorParameters: () => [],
|
|
@@ -1238,7 +1245,7 @@ var StControleDeChamp = class StControleDeChamp {
|
|
|
1238
1245
|
etiquetable = ELEMENTS_ETIQUETABLES.has(inject(ElementRef).nativeElement.tagName);
|
|
1239
1246
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1240
1247
|
minVersion: "12.0.0",
|
|
1241
|
-
version: "22.2.
|
|
1248
|
+
version: "22.2.1",
|
|
1242
1249
|
ngImport: i0,
|
|
1243
1250
|
type: StControleDeChamp,
|
|
1244
1251
|
deps: [],
|
|
@@ -1246,7 +1253,7 @@ var StControleDeChamp = class StControleDeChamp {
|
|
|
1246
1253
|
});
|
|
1247
1254
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
1248
1255
|
minVersion: "14.0.0",
|
|
1249
|
-
version: "22.2.
|
|
1256
|
+
version: "22.2.1",
|
|
1250
1257
|
type: StControleDeChamp,
|
|
1251
1258
|
isStandalone: true,
|
|
1252
1259
|
selector: "[stControleDeChamp]",
|
|
@@ -1263,7 +1270,7 @@ var StControleDeChamp = class StControleDeChamp {
|
|
|
1263
1270
|
};
|
|
1264
1271
|
i0.ɵɵngDeclareClassMetadata({
|
|
1265
1272
|
minVersion: "12.0.0",
|
|
1266
|
-
version: "22.2.
|
|
1273
|
+
version: "22.2.1",
|
|
1267
1274
|
ngImport: i0,
|
|
1268
1275
|
type: StControleDeChamp,
|
|
1269
1276
|
decorators: [{
|
|
@@ -1295,21 +1302,21 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1295
1302
|
restants = computed(() => {
|
|
1296
1303
|
const maximum = this.maxLength();
|
|
1297
1304
|
return maximum === void 0 ? null : maximum - longueurVue$1(this.value());
|
|
1298
|
-
}, ...ngDevMode ? [{ debugName: "restants" }] :
|
|
1299
|
-
enDepassement = computed(() => (this.restants() ?? 0) < 0, ...ngDevMode ? [{ debugName: "enDepassement" }] :
|
|
1305
|
+
}, ...ngDevMode ? [{ debugName: "restants" }] : /* istanbul ignore next */ []);
|
|
1306
|
+
enDepassement = computed(() => (this.restants() ?? 0) < 0, ...ngDevMode ? [{ debugName: "enDepassement" }] : /* istanbul ignore next */ []);
|
|
1300
1307
|
compteur = computed(() => {
|
|
1301
1308
|
const restants = this.restants();
|
|
1302
1309
|
if (restants === null) return null;
|
|
1303
1310
|
const libelles = this.libelles();
|
|
1304
1311
|
return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
|
|
1305
|
-
}, ...ngDevMode ? [{ debugName: "compteur" }] :
|
|
1312
|
+
}, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
|
|
1306
1313
|
aideAffichee = computed(() => {
|
|
1307
1314
|
const libelles = this.libelles();
|
|
1308
1315
|
const minimum = this.minLength();
|
|
1309
1316
|
const aide = this.aideEtRaisons() ?? (minimum !== void 0 && minimum > 0 ? libelles.longueurMinimale(minimum) : null);
|
|
1310
1317
|
if (!this.pending()) return aide;
|
|
1311
1318
|
return aide === null ? libelles.verificationEnCours : `${aide} ${libelles.verificationEnCours}`;
|
|
1312
|
-
}, ...ngDevMode ? [{ debugName: "aideAffichee" }] :
|
|
1319
|
+
}, ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
|
|
1313
1320
|
erreurs = computed(() => {
|
|
1314
1321
|
const maximum = this.maxLength();
|
|
1315
1322
|
if (!this.enDepassement() || maximum === void 0) return this.errors();
|
|
@@ -1318,9 +1325,9 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1318
1325
|
maxLength: maximum
|
|
1319
1326
|
};
|
|
1320
1327
|
return fusionnerErreurs(this.errors(), [depassement]);
|
|
1321
|
-
}, ...ngDevMode ? [{ debugName: "erreurs" }] :
|
|
1322
|
-
sorti = signal(false, ...ngDevMode ? [{ debugName: "sorti" }] :
|
|
1323
|
-
afficherErreurs = computed(() => this.touched() || this.sorti() && this.enDepassement(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] :
|
|
1328
|
+
}, ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
|
|
1329
|
+
sorti = signal(false, ...ngDevMode ? [{ debugName: "sorti" }] : /* istanbul ignore next */ []);
|
|
1330
|
+
afficherErreurs = computed(() => this.touched() || this.sorti() && this.enDepassement(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] : /* istanbul ignore next */ []);
|
|
1324
1331
|
constructor() {
|
|
1325
1332
|
super();
|
|
1326
1333
|
let precedent = null;
|
|
@@ -1341,7 +1348,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1341
1348
|
}
|
|
1342
1349
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1343
1350
|
minVersion: "12.0.0",
|
|
1344
|
-
version: "22.2.
|
|
1351
|
+
version: "22.2.1",
|
|
1345
1352
|
ngImport: i0,
|
|
1346
1353
|
type: ControleDeSaisieCompte,
|
|
1347
1354
|
deps: [],
|
|
@@ -1349,7 +1356,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1349
1356
|
});
|
|
1350
1357
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
1351
1358
|
minVersion: "14.0.0",
|
|
1352
|
-
version: "22.2.
|
|
1359
|
+
version: "22.2.1",
|
|
1353
1360
|
type: ControleDeSaisieCompte,
|
|
1354
1361
|
isStandalone: true,
|
|
1355
1362
|
usesInheritance: true,
|
|
@@ -1358,7 +1365,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1358
1365
|
};
|
|
1359
1366
|
i0.ɵɵngDeclareClassMetadata({
|
|
1360
1367
|
minVersion: "12.0.0",
|
|
1361
|
-
version: "22.2.
|
|
1368
|
+
version: "22.2.1",
|
|
1362
1369
|
ngImport: i0,
|
|
1363
1370
|
type: ControleDeSaisieCompte,
|
|
1364
1371
|
decorators: [{ type: Directive }],
|
|
@@ -1378,22 +1385,22 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1378
1385
|
racineDuCadre = inject(StIdentifiants).prochain("st-input");
|
|
1379
1386
|
idPrefixe = `${this.racineDuCadre}-prefixe`;
|
|
1380
1387
|
idSuffixe = `${this.racineDuCadre}-suffixe`;
|
|
1381
|
-
zoneDePrefixe = viewChild("prefixe", ...ngDevMode ? [{ debugName: "zoneDePrefixe" }] :
|
|
1382
|
-
zoneDeSuffixe = viewChild("suffixe", ...ngDevMode ? [{ debugName: "zoneDeSuffixe" }] :
|
|
1383
|
-
emplacementsQuiDecrivent = signal([], ...ngDevMode ? [{ debugName: "emplacementsQuiDecrivent" }] :
|
|
1384
|
-
type = input("text", ...ngDevMode ? [{ debugName: "type" }] :
|
|
1385
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
1386
|
-
inputmode = input(null, ...ngDevMode ? [{ debugName: "inputmode" }] :
|
|
1387
|
-
icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] :
|
|
1388
|
-
chiffres = input("texte", ...ngDevMode ? [{ debugName: "chiffres" }] :
|
|
1389
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
1390
|
-
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
1391
|
-
descriptionsDuControle = computed(() => [...this.decritPar(), ...this.emplacementsQuiDecrivent()], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] :
|
|
1392
|
-
suggestions = input(null, ...ngDevMode ? [{ debugName: "suggestions" }] :
|
|
1388
|
+
zoneDePrefixe = viewChild("prefixe", ...ngDevMode ? [{ debugName: "zoneDePrefixe" }] : /* istanbul ignore next */ []);
|
|
1389
|
+
zoneDeSuffixe = viewChild("suffixe", ...ngDevMode ? [{ debugName: "zoneDeSuffixe" }] : /* istanbul ignore next */ []);
|
|
1390
|
+
emplacementsQuiDecrivent = signal([], ...ngDevMode ? [{ debugName: "emplacementsQuiDecrivent" }] : /* istanbul ignore next */ []);
|
|
1391
|
+
type = input("text", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
|
|
1392
|
+
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
1393
|
+
inputmode = input(null, ...ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []);
|
|
1394
|
+
icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
|
|
1395
|
+
chiffres = input("texte", ...ngDevMode ? [{ debugName: "chiffres" }] : /* istanbul ignore next */ []);
|
|
1396
|
+
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
|
|
1397
|
+
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
|
|
1398
|
+
descriptionsDuControle = computed(() => [...this.decritPar(), ...this.emplacementsQuiDecrivent()], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
|
|
1399
|
+
suggestions = input(null, ...ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []);
|
|
1393
1400
|
idDesSuggestions = `${this.racineDuCadre}-suggestions`;
|
|
1394
|
-
avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] :
|
|
1401
|
+
avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] : /* istanbul ignore next */ []);
|
|
1395
1402
|
attenteVisible = affichageDiffere(() => this.pending());
|
|
1396
|
-
sens = computed(() => TYPES_DE_GAUCHE_A_DROITE.has(this.type()) || this.chiffres() === "reference" ? "ltr" : null, ...ngDevMode ? [{ debugName: "sens" }] :
|
|
1403
|
+
sens = computed(() => TYPES_DE_GAUCHE_A_DROITE.has(this.type()) || this.chiffres() === "reference" ? "ltr" : null, ...ngDevMode ? [{ debugName: "sens" }] : /* istanbul ignore next */ []);
|
|
1397
1404
|
constructor() {
|
|
1398
1405
|
super();
|
|
1399
1406
|
afterEveryRender({ read: () => {
|
|
@@ -1417,7 +1424,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1417
1424
|
}
|
|
1418
1425
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1419
1426
|
minVersion: "12.0.0",
|
|
1420
|
-
version: "22.2.
|
|
1427
|
+
version: "22.2.1",
|
|
1421
1428
|
ngImport: i0,
|
|
1422
1429
|
type: StInput,
|
|
1423
1430
|
deps: [],
|
|
@@ -1425,7 +1432,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1425
1432
|
});
|
|
1426
1433
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1427
1434
|
minVersion: "17.0.0",
|
|
1428
|
-
version: "22.2.
|
|
1435
|
+
version: "22.2.1",
|
|
1429
1436
|
type: StInput,
|
|
1430
1437
|
isStandalone: true,
|
|
1431
1438
|
selector: "st-input",
|
|
@@ -1507,7 +1514,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1507
1514
|
usesInheritance: true,
|
|
1508
1515
|
ngImport: i0,
|
|
1509
1516
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideAffichee()\"\n [complement]=\"compteur()\"\n [erreurs]=\"erreurs()\"\n [afficherErreurs]=\"afficherErreurs()\"\n [obligatoire]=\"required()\"\n [presentation]=\"presentation()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n (lot 215). -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n @if (icone(); as nom) {\n <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n }\n <ng-content select=\"[stPrefixe]\"\n /></span>\n <input\n #champ\n class=\"st-input__champ\"\n stControleDeChamp\n [attr.data-chiffres]=\"chiffres()\"\n [type]=\"type()\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.inputmode]=\"inputmode()\"\n [attr.dir]=\"sens()\"\n [attr.aria-busy]=\"pending() ? 'true' : null\"\n [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"surSortie()\"\n />\n <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n @if (avecSuggestions()) {\n <datalist [id]=\"idDesSuggestions\">\n @for (suggestion of suggestions() ?? []; track $index) {\n <option [value]=\"suggestion\"></option>\n }\n </datalist>\n }\n <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n ><ng-content select=\"[stSuffixe]\" />\n @if (attenteVisible()) {\n <span class=\"st-input__attente\" aria-hidden=\"true\"\n ><st-spinner taille=\"sm\" ton=\"neutre\"\n /></span>\n }\n </span>\n </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
|
|
1510
|
-
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}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
1517
|
+
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}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"],
|
|
1511
1518
|
dependencies: [
|
|
1512
1519
|
{
|
|
1513
1520
|
kind: "component",
|
|
@@ -1560,7 +1567,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1560
1567
|
};
|
|
1561
1568
|
i0.ɵɵngDeclareClassMetadata({
|
|
1562
1569
|
minVersion: "12.0.0",
|
|
1563
|
-
version: "22.2.
|
|
1570
|
+
version: "22.2.1",
|
|
1564
1571
|
ngImport: i0,
|
|
1565
1572
|
type: StInput,
|
|
1566
1573
|
decorators: [{
|
|
@@ -1579,7 +1586,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1579
1586
|
"[attr.data-depassement]": "enDepassement() ? \"\" : null"
|
|
1580
1587
|
},
|
|
1581
1588
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideAffichee()\"\n [complement]=\"compteur()\"\n [erreurs]=\"erreurs()\"\n [afficherErreurs]=\"afficherErreurs()\"\n [obligatoire]=\"required()\"\n [presentation]=\"presentation()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta, aide contextuelle (lot 265) et indication de l'application, relayees a l'enveloppe\n (lot 215). -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre : prefixe, zone de frappe, suffixe. Sans emplacement rempli, il s'efface et\n l'input porte seul l'apparence du champ ; avec, il la porte a sa place (EA-11). -->\n <div class=\"st-input__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n <span #prefixe class=\"st-input__prefixe\" [id]=\"idPrefixe\">\n @if (icone(); as nom) {\n <st-icon class=\"st-input__icone\" [nom]=\"nom\" taille=\"20\" />\n }\n <ng-content select=\"[stPrefixe]\"\n /></span>\n <input\n #champ\n class=\"st-input__champ\"\n stControleDeChamp\n [attr.data-chiffres]=\"chiffres()\"\n [type]=\"type()\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.inputmode]=\"inputmode()\"\n [attr.dir]=\"sens()\"\n [attr.aria-busy]=\"pending() ? 'true' : null\"\n [attr.list]=\"avecSuggestions() ? idDesSuggestions : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"surSortie()\"\n />\n <!-- Des valeurs proposees, jamais imposees : la liste native du navigateur (D133). -->\n @if (avecSuggestions()) {\n <datalist [id]=\"idDesSuggestions\">\n @for (suggestion of suggestions() ?? []; track $index) {\n <option [value]=\"suggestion\"></option>\n }\n </datalist>\n }\n <span #suffixe class=\"st-input__suffixe\" [id]=\"idSuffixe\"\n ><ng-content select=\"[stSuffixe]\" />\n @if (attenteVisible()) {\n <span class=\"st-input__attente\" aria-hidden=\"true\"\n ><st-spinner taille=\"sm\" ton=\"neutre\"\n /></span>\n }\n </span>\n </div>\n</st-form-field>\n<!-- Les seuils du compteur (20, 10, 0 restants) et le depassement : seulement avec maxLength. -->\n@if (compteur() !== null) {\n <span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n}\n",
|
|
1582
|
-
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}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
1589
|
+
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}.st-input__cadre{--_frappe-minimale: min(100%, calc(8ch + var(--st-espacement-3-5) + var(--st-espacement-2)));display:grid;grid-template-columns:minmax(0,auto) minmax(var(--_frappe-minimale),1fr) minmax(0,auto);align-items:center}.st-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-input__champ:is(input,textarea):read-only:not(:disabled),.st-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-input__champ{grid-column:2}.st-input__champ[data-chiffres=reference]{font-family:var(--st-police-mono);font-variant-numeric:var(--st-chiffres-references)}.st-input__prefixe,.st-input__suffixe{display:inline-flex;gap:var(--st-espacement-2);align-items:center;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-attenue);white-space:nowrap;cursor:text}.st-input__prefixe:empty,.st-input__suffixe:empty{display:none}.st-input__prefixe,.st-input__suffixe{min-inline-size:0}.st-input__prefixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon),.st-input__suffixe>::ng-deep :is([stPrefixe],[stSuffixe]):not(a,button,input,select,textarea,st-icon){min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.st-input__prefixe{grid-column:1}.st-input__suffixe{grid-column:3}.st-input__attente{display:inline-flex}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){cursor:text}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)){box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty))>.st-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):hover:not(:has(>.st-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-invalid=true]):has(>.st-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ:is(input,textarea):read-only:not(:disabled)),.st-input__cadre:has(>.st-input__prefixe:not(:empty),>.st-input__suffixe:not(:empty)):has(>.st-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-input__cadre:has(>.st-input__prefixe:not(:empty)){padding-inline-start:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__prefixe:not(:empty))>.st-input__champ{padding-inline-start:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__suffixe:not(:empty)){padding-inline-end:var(--st-espacement-4)}.st-input__cadre:has(>.st-input__suffixe:not(:empty))>.st-input__champ{padding-inline-end:var(--st-espacement-2)}.st-input__cadre:has(>.st-input__champ:disabled) :is(.st-input__prefixe,.st-input__suffixe){color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-input__champ,.st-input__cadre{box-shadow:none}.st-input__attente{display:none}}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"]
|
|
1583
1590
|
}]
|
|
1584
1591
|
}],
|
|
1585
1592
|
ctorParameters: () => [],
|
|
@@ -1660,11 +1667,11 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1660
1667
|
});
|
|
1661
1668
|
var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
1662
1669
|
lignes = input(4, {
|
|
1663
|
-
...ngDevMode ? { debugName: "lignes" } :
|
|
1670
|
+
...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
|
|
1664
1671
|
transform: numberAttribute
|
|
1665
1672
|
});
|
|
1666
1673
|
lignesMax = input(12, {
|
|
1667
|
-
...ngDevMode ? { debugName: "lignesMax" } :
|
|
1674
|
+
...ngDevMode ? { debugName: "lignesMax" } : /* istanbul ignore next */ {},
|
|
1668
1675
|
transform: numberAttribute
|
|
1669
1676
|
});
|
|
1670
1677
|
bornes = computed(() => {
|
|
@@ -1673,13 +1680,13 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
|
1673
1680
|
lignes,
|
|
1674
1681
|
lignesMax: Math.max(lignes, this.lignesMax())
|
|
1675
1682
|
};
|
|
1676
|
-
}, ...ngDevMode ? [{ debugName: "bornes" }] :
|
|
1683
|
+
}, ...ngDevMode ? [{ debugName: "bornes" }] : /* istanbul ignore next */ []);
|
|
1677
1684
|
surSaisie(evenement) {
|
|
1678
1685
|
this.value.set(this.texteSaisi(evenement));
|
|
1679
1686
|
}
|
|
1680
1687
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1681
1688
|
minVersion: "12.0.0",
|
|
1682
|
-
version: "22.2.
|
|
1689
|
+
version: "22.2.1",
|
|
1683
1690
|
ngImport: i0,
|
|
1684
1691
|
type: StTextarea,
|
|
1685
1692
|
deps: null,
|
|
@@ -1687,7 +1694,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
|
1687
1694
|
});
|
|
1688
1695
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1689
1696
|
minVersion: "17.1.0",
|
|
1690
|
-
version: "22.2.
|
|
1697
|
+
version: "22.2.1",
|
|
1691
1698
|
type: StTextarea,
|
|
1692
1699
|
isStandalone: true,
|
|
1693
1700
|
selector: "st-textarea",
|
|
@@ -1714,7 +1721,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
|
1714
1721
|
usesInheritance: true,
|
|
1715
1722
|
ngImport: i0,
|
|
1716
1723
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideAffichee()\"\n [complement]=\"compteur()\"\n [erreurs]=\"erreurs()\"\n [afficherErreurs]=\"afficherErreurs()\"\n [obligatoire]=\"required()\"\n>\n <textarea\n #champ\n class=\"st-textarea__champ\"\n stControleDeChamp\n [rows]=\"bornes().lignes\"\n [style.--_lignes]=\"bornes().lignes\"\n [style.--_lignes-max]=\"bornes().lignesMax\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [attr.aria-busy]=\"pending() ? 'true' : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"surSortie()\"\n ></textarea>\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
1717
|
-
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}.st-textarea__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
1724
|
+
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}.st-textarea__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"],
|
|
1718
1725
|
dependencies: [{
|
|
1719
1726
|
kind: "component",
|
|
1720
1727
|
type: StFormField,
|
|
@@ -1737,7 +1744,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
|
1737
1744
|
};
|
|
1738
1745
|
i0.ɵɵngDeclareClassMetadata({
|
|
1739
1746
|
minVersion: "12.0.0",
|
|
1740
|
-
version: "22.2.
|
|
1747
|
+
version: "22.2.1",
|
|
1741
1748
|
ngImport: i0,
|
|
1742
1749
|
type: StTextarea,
|
|
1743
1750
|
decorators: [{
|
|
@@ -1751,7 +1758,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1751
1758
|
"[attr.data-depassement]": "enDepassement() ? \"\" : null"
|
|
1752
1759
|
},
|
|
1753
1760
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideAffichee()\"\n [complement]=\"compteur()\"\n [erreurs]=\"erreurs()\"\n [afficherErreurs]=\"afficherErreurs()\"\n [obligatoire]=\"required()\"\n>\n <textarea\n #champ\n class=\"st-textarea__champ\"\n stControleDeChamp\n [rows]=\"bornes().lignes\"\n [style.--_lignes]=\"bornes().lignes\"\n [style.--_lignes-max]=\"bornes().lignesMax\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [attr.aria-busy]=\"pending() ? 'true' : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"surSortie()\"\n ></textarea>\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
1754
|
-
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}.st-textarea__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
1761
|
+
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}.st-textarea__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-textarea__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-textarea__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-textarea__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-textarea__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-textarea__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-textarea__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-textarea__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-textarea__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-textarea__champ:is(input,textarea):read-only:not(:disabled),.st-textarea__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-textarea__champ{--_bord: calc(2 * var(--_remplissage-bloc) + 2 * var(--st-epaisseur-fine));min-block-size:calc(var(--_lignes, 4) * 1lh + var(--_bord));max-block-size:calc(var(--_lignes-max, 12) * 1lh + var(--_bord));resize:vertical;field-sizing:content}:host([data-depassement]) ::ng-deep .st-form-field__complement{color:var(--st-couleur-erreur)}\n"]
|
|
1755
1762
|
}]
|
|
1756
1763
|
}],
|
|
1757
1764
|
propDecorators: {
|
|
@@ -1774,30 +1781,30 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1774
1781
|
}
|
|
1775
1782
|
});
|
|
1776
1783
|
var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
1777
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
1778
|
-
contenu = input("champs", ...ngDevMode ? [{ debugName: "contenu" }] :
|
|
1779
|
-
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
1784
|
+
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
|
|
1785
|
+
contenu = input("champs", ...ngDevMode ? [{ debugName: "contenu" }] : /* istanbul ignore next */ []);
|
|
1786
|
+
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
|
|
1780
1787
|
toutesLesErreurs = input(true, {
|
|
1781
|
-
...ngDevMode ? { debugName: "toutesLesErreurs" } :
|
|
1788
|
+
...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
|
|
1782
1789
|
transform: booleanAttribute
|
|
1783
1790
|
});
|
|
1784
1791
|
choixExclusif = input(false, {
|
|
1785
|
-
...ngDevMode ? { debugName: "choixExclusif" } :
|
|
1792
|
+
...ngDevMode ? { debugName: "choixExclusif" } : /* istanbul ignore next */ {},
|
|
1786
1793
|
transform: booleanAttribute
|
|
1787
1794
|
});
|
|
1788
1795
|
readonly = input(false, {
|
|
1789
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
1796
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
1790
1797
|
transform: booleanAttribute
|
|
1791
1798
|
});
|
|
1792
1799
|
disabled = input(false, {
|
|
1793
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
1800
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
1794
1801
|
transform: booleanAttribute
|
|
1795
1802
|
});
|
|
1796
1803
|
hidden = input(false, {
|
|
1797
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
1804
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
1798
1805
|
transform: booleanAttribute
|
|
1799
1806
|
});
|
|
1800
|
-
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
1807
|
+
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
|
|
1801
1808
|
identifiants = {
|
|
1802
1809
|
aide: `${this.racine}-aide`,
|
|
1803
1810
|
erreur: `${this.racine}-erreur`
|
|
@@ -1813,7 +1820,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
|
1813
1820
|
}
|
|
1814
1821
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1815
1822
|
minVersion: "12.0.0",
|
|
1816
|
-
version: "22.2.
|
|
1823
|
+
version: "22.2.1",
|
|
1817
1824
|
ngImport: i0,
|
|
1818
1825
|
type: StFieldset,
|
|
1819
1826
|
deps: null,
|
|
@@ -1821,7 +1828,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
|
1821
1828
|
});
|
|
1822
1829
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1823
1830
|
minVersion: "17.0.0",
|
|
1824
|
-
version: "22.2.
|
|
1831
|
+
version: "22.2.1",
|
|
1825
1832
|
type: StFieldset,
|
|
1826
1833
|
isStandalone: true,
|
|
1827
1834
|
selector: "st-fieldset",
|
|
@@ -1905,8 +1912,8 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
|
1905
1912
|
}],
|
|
1906
1913
|
usesInheritance: true,
|
|
1907
1914
|
ngImport: i0,
|
|
1908
|
-
template: "<fieldset\n class=\"st-fieldset__groupe\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"descriptions()\"\n [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\n <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n {{ legende() }}\n @if (obligatoire()) {\n <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </legend>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n @if (enErreur()) {\n <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"
|
|
1909
|
-
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;min-inline-size:0}:host([hidden]){display:none}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-
|
|
1915
|
+
template: "<fieldset\n class=\"st-fieldset__groupe\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"descriptions()\"\n [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\n <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n {{ legende() }}\n @if (obligatoire()) {\n <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </legend>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n @if (enErreur()) {\n <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n }\n\n <div class=\"st-fieldset__controles\">\n @if (enErreur()) {\n <span class=\"st-fieldset__lisere\"></span>\n }\n <ng-content />\n </div>\n</fieldset>\n",
|
|
1916
|
+
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;min-inline-size:0}:host([hidden]){display:none}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"],
|
|
1910
1917
|
dependencies: [{
|
|
1911
1918
|
kind: "component",
|
|
1912
1919
|
type: StInlineMessage,
|
|
@@ -1924,7 +1931,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
|
1924
1931
|
};
|
|
1925
1932
|
i0.ɵɵngDeclareClassMetadata({
|
|
1926
1933
|
minVersion: "12.0.0",
|
|
1927
|
-
version: "22.2.
|
|
1934
|
+
version: "22.2.1",
|
|
1928
1935
|
ngImport: i0,
|
|
1929
1936
|
type: StFieldset,
|
|
1930
1937
|
decorators: [{
|
|
@@ -1944,8 +1951,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1944
1951
|
provide: ST_GROUPE_DE_SAISIE,
|
|
1945
1952
|
useExisting: StFieldset
|
|
1946
1953
|
}],
|
|
1947
|
-
template: "<fieldset\n class=\"st-fieldset__groupe\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"descriptions()\"\n [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\n <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n {{ legende() }}\n @if (obligatoire()) {\n <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </legend>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n @if (enErreur()) {\n <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"
|
|
1948
|
-
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;min-inline-size:0}:host([hidden]){display:none}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-
|
|
1954
|
+
template: "<fieldset\n class=\"st-fieldset__groupe\"\n [disabled]=\"disabled()\"\n [attr.aria-describedby]=\"descriptions()\"\n [attr.role]=\"choixExclusif() ? 'radiogroup' : null\"\n [attr.aria-required]=\"choixExclusif() && obligatoire() ? 'true' : null\"\n [attr.aria-invalid]=\"choixExclusif() && enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"choixExclusif() && readonly() ? 'true' : null\"\n>\n <legend class=\"st-fieldset__legende\" [attr.data-libelle]=\"legende()\">\n {{ legende() }}\n @if (obligatoire()) {\n <span class=\"st-fieldset__obligatoire\">{{ libelleObligatoire() }}</span>\n }\n </legend>\n\n @if (aideRendue(); as texte) {\n <p class=\"st-fieldset__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n }\n\n @if (enErreur()) {\n <div class=\"st-fieldset__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n }\n\n <div class=\"st-fieldset__controles\">\n @if (enErreur()) {\n <span class=\"st-fieldset__lisere\"></span>\n }\n <ng-content />\n </div>\n</fieldset>\n",
|
|
1955
|
+
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;min-inline-size:0}:host([hidden]){display:none}.st-fieldset__groupe{min-inline-size:0;padding:0;margin:0;border:0}.st-fieldset__legende{padding:0;margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}.st-fieldset__obligatoire{margin-inline-start:var(--st-espacement-1);font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-attenue)}.st-fieldset__aide{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-fieldset__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);padding-block:var(--st-espacement-1);margin-block-end:var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-fieldset__erreurs>st-inline-message{align-items:center;font-weight:inherit}.st-fieldset__controles{position:relative;display:flex;flex-direction:column;gap:var(--st-espacement-5);min-inline-size:0}:host([data-contenu=choix]) .st-fieldset__controles{gap:var(--st-espacement-3)}.st-fieldset__lisere{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--st-espacement-3));inline-size:var(--st-epaisseur-forte);background-color:var(--st-couleur-erreur);border-radius:var(--st-rayon-pleine)}@media(forced-colors:active){.st-fieldset__lisere{forced-color-adjust:none;background-color:CanvasText}}:host([data-disposition=en-ligne]){container-type:inline-size}@container (min-width: 30rem){:host([data-disposition=en-ligne]) .st-fieldset__controles{flex-flow:row wrap;gap:var(--st-espacement-5) var(--st-espacement-4)}}\n"]
|
|
1949
1956
|
}]
|
|
1950
1957
|
}],
|
|
1951
1958
|
propDecorators: {
|
|
@@ -2024,19 +2031,19 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2024
2031
|
}
|
|
2025
2032
|
});
|
|
2026
2033
|
var StCheckbox = class StCheckbox extends ContratDeCase {
|
|
2027
|
-
indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] :
|
|
2034
|
+
indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : /* istanbul ignore next */ []);
|
|
2028
2035
|
aideDEtat = input(false, {
|
|
2029
|
-
...ngDevMode ? { debugName: "aideDEtat" } :
|
|
2036
|
+
...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
|
|
2030
2037
|
transform: booleanAttribute
|
|
2031
2038
|
});
|
|
2032
|
-
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
2039
|
+
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
2033
2040
|
surChangement(evenement) {
|
|
2034
2041
|
this.surBascule(evenement);
|
|
2035
2042
|
if (!this.readonly()) this.indetermine.set(false);
|
|
2036
2043
|
}
|
|
2037
2044
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2038
2045
|
minVersion: "12.0.0",
|
|
2039
|
-
version: "22.2.
|
|
2046
|
+
version: "22.2.1",
|
|
2040
2047
|
ngImport: i0,
|
|
2041
2048
|
type: StCheckbox,
|
|
2042
2049
|
deps: null,
|
|
@@ -2044,7 +2051,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
|
|
|
2044
2051
|
});
|
|
2045
2052
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2046
2053
|
minVersion: "17.1.0",
|
|
2047
|
-
version: "22.2.
|
|
2054
|
+
version: "22.2.1",
|
|
2048
2055
|
type: StCheckbox,
|
|
2049
2056
|
isStandalone: true,
|
|
2050
2057
|
selector: "st-checkbox",
|
|
@@ -2077,7 +2084,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
|
|
|
2077
2084
|
usesInheritance: true,
|
|
2078
2085
|
ngImport: i0,
|
|
2079
2086
|
template: "<st-form-field\n disposition=\"case\"\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <!-- Libelle riche, relaye a l'etiquette de l'enveloppe (lot 218). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n class=\"st-checkbox__case\"\n type=\"checkbox\"\n stControleDeChamp\n [checked]=\"checked()\"\n [indeterminate]=\"indetermine()\"\n [attr.name]=\"name() || null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [disabled]=\"disabled()\"\n (click)=\"surClic($event)\"\n (change)=\"surChangement($event)\"\n (blur)=\"touch.emit()\"\n />\n</st-form-field>\n",
|
|
2080
|
-
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:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-
|
|
2087
|
+
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:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"],
|
|
2081
2088
|
dependencies: [{
|
|
2082
2089
|
kind: "component",
|
|
2083
2090
|
type: StFormField,
|
|
@@ -2100,7 +2107,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
|
|
|
2100
2107
|
};
|
|
2101
2108
|
i0.ɵɵngDeclareClassMetadata({
|
|
2102
2109
|
minVersion: "12.0.0",
|
|
2103
|
-
version: "22.2.
|
|
2110
|
+
version: "22.2.1",
|
|
2104
2111
|
ngImport: i0,
|
|
2105
2112
|
type: StCheckbox,
|
|
2106
2113
|
decorators: [{
|
|
@@ -2117,7 +2124,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2117
2124
|
"[attr.data-aide-d-etat]": "aideDEtat() ? \"\" : null"
|
|
2118
2125
|
},
|
|
2119
2126
|
template: "<st-form-field\n disposition=\"case\"\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <!-- Libelle riche, relaye a l'etiquette de l'enveloppe (lot 218). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n class=\"st-checkbox__case\"\n type=\"checkbox\"\n stControleDeChamp\n [checked]=\"checked()\"\n [indeterminate]=\"indetermine()\"\n [attr.name]=\"name() || null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [disabled]=\"disabled()\"\n (click)=\"surClic($event)\"\n (change)=\"surChangement($event)\"\n (blur)=\"touch.emit()\"\n />\n</st-form-field>\n",
|
|
2120
|
-
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:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-
|
|
2127
|
+
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:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}:host([data-cochee]){--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host([data-en-erreur]){background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/30%)}:host(:has(.st-checkbox__case:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}:host([data-avec-aide]){--st-choix-interligne: 1.25}:host([data-cochee][data-aide-d-etat]) ::ng-deep .st-form-field__aide{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}st-form-field{flex:1 1 auto;min-inline-size:0}.st-checkbox__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox__case{position:relative}.st-checkbox__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox__case:checked,.st-checkbox__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox__case[type=radio]:checked{background:Canvas}.st-checkbox__case[type=radio]:checked:before{background:Highlight}.st-checkbox__case:disabled{border-color:GrayText}}@media print{.st-checkbox__case:is(:checked,:indeterminate),.st-checkbox__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox__case[type=checkbox]:checked:before,.st-checkbox__case[type=checkbox]:indeterminate:before,.st-checkbox__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(forced-colors:active){:host([data-cochee]),:host([data-en-erreur]){border-color:CanvasText}}\n"]
|
|
2121
2128
|
}]
|
|
2122
2129
|
}],
|
|
2123
2130
|
propDecorators: {
|
|
@@ -2144,52 +2151,52 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2144
2151
|
});
|
|
2145
2152
|
var StRadioGroup = class StRadioGroup {
|
|
2146
2153
|
element = inject(ElementRef);
|
|
2147
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
2148
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
2149
|
-
options = input.required(...ngDevMode ? [{ debugName: "options" }] :
|
|
2150
|
-
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
2151
|
-
value = model("", ...ngDevMode ? [{ debugName: "value" }] :
|
|
2152
|
-
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] :
|
|
2154
|
+
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
|
|
2155
|
+
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
2156
|
+
options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
|
|
2157
|
+
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
|
|
2158
|
+
value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2159
|
+
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
|
|
2153
2160
|
touched = input(false, {
|
|
2154
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
2161
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
2155
2162
|
transform: booleanAttribute
|
|
2156
2163
|
});
|
|
2157
2164
|
dirty = input(false, {
|
|
2158
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
2165
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
2159
2166
|
transform: booleanAttribute
|
|
2160
2167
|
});
|
|
2161
2168
|
pending = input(false, {
|
|
2162
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
2169
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
2163
2170
|
transform: booleanAttribute
|
|
2164
2171
|
});
|
|
2165
2172
|
disabled = input(false, {
|
|
2166
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
2173
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
2167
2174
|
transform: booleanAttribute
|
|
2168
2175
|
});
|
|
2169
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
2176
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
2170
2177
|
readonly = input(false, {
|
|
2171
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
2178
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
2172
2179
|
transform: booleanAttribute
|
|
2173
2180
|
});
|
|
2174
2181
|
required = input(false, {
|
|
2175
|
-
...ngDevMode ? { debugName: "required" } :
|
|
2182
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
2176
2183
|
transform: booleanAttribute
|
|
2177
2184
|
});
|
|
2178
2185
|
hidden = input(false, {
|
|
2179
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
2186
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
2180
2187
|
transform: booleanAttribute
|
|
2181
2188
|
});
|
|
2182
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
2189
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
2183
2190
|
touch = output();
|
|
2184
|
-
radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] :
|
|
2191
|
+
radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []);
|
|
2185
2192
|
nomParDefaut = inject(StIdentifiants).prochain("st-radio");
|
|
2186
|
-
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
2193
|
+
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
2187
2194
|
aideEtRaisons = computed(() => {
|
|
2188
2195
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
2189
2196
|
const aide = this.aide()?.trim() ?? "";
|
|
2190
2197
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
2191
2198
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
2192
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
2199
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
2193
2200
|
nomDuGroupe() {
|
|
2194
2201
|
return this.name() === "" ? this.nomParDefaut : this.name();
|
|
2195
2202
|
}
|
|
@@ -2229,7 +2236,7 @@ var StRadioGroup = class StRadioGroup {
|
|
|
2229
2236
|
}
|
|
2230
2237
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2231
2238
|
minVersion: "12.0.0",
|
|
2232
|
-
version: "22.2.
|
|
2239
|
+
version: "22.2.1",
|
|
2233
2240
|
ngImport: i0,
|
|
2234
2241
|
type: StRadioGroup,
|
|
2235
2242
|
deps: [],
|
|
@@ -2237,7 +2244,7 @@ var StRadioGroup = class StRadioGroup {
|
|
|
2237
2244
|
});
|
|
2238
2245
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2239
2246
|
minVersion: "17.0.0",
|
|
2240
|
-
version: "22.2.
|
|
2247
|
+
version: "22.2.1",
|
|
2241
2248
|
type: StRadioGroup,
|
|
2242
2249
|
isStandalone: true,
|
|
2243
2250
|
selector: "st-radio-group",
|
|
@@ -2368,7 +2375,7 @@ var StRadioGroup = class StRadioGroup {
|
|
|
2368
2375
|
}],
|
|
2369
2376
|
ngImport: i0,
|
|
2370
2377
|
template: "<st-fieldset\n [legende]=\"legende()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [disposition]=\"disposition()\"\n [readonly]=\"readonly()\"\n choixExclusif\n contenu=\"choix\"\n>\n @for (option of options(); track option.valeur; let indice = $index) {\n <div class=\"st-radio-group__option\" [attr.data-choisie]=\"option.valeur === value() ? '' : null\">\n <input\n #radio\n class=\"st-radio-group__radio\"\n type=\"radio\"\n [id]=\"identifiantOption(indice)\"\n [name]=\"nomDuGroupe()\"\n [value]=\"option.valeur\"\n [checked]=\"option.valeur === value()\"\n [disabled]=\"disabled() || option.desactivee === true\"\n [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"choisir($event, option.valeur)\"\n />\n <span class=\"st-radio-group__textes\">\n <label class=\"st-radio-group__libelle\" [for]=\"identifiantOption(indice)\">\n {{ option.libelle }}\n </label>\n @if (aideDe(option); as aide) {\n <span class=\"st-radio-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n }\n </span>\n </div>\n }\n</st-fieldset>\n",
|
|
2371
|
-
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}.st-radio-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
2378
|
+
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}.st-radio-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"],
|
|
2372
2379
|
dependencies: [{
|
|
2373
2380
|
kind: "component",
|
|
2374
2381
|
type: StFieldset,
|
|
@@ -2390,7 +2397,7 @@ var StRadioGroup = class StRadioGroup {
|
|
|
2390
2397
|
};
|
|
2391
2398
|
i0.ɵɵngDeclareClassMetadata({
|
|
2392
2399
|
minVersion: "12.0.0",
|
|
2393
|
-
version: "22.2.
|
|
2400
|
+
version: "22.2.1",
|
|
2394
2401
|
ngImport: i0,
|
|
2395
2402
|
type: StRadioGroup,
|
|
2396
2403
|
decorators: [{
|
|
@@ -2406,7 +2413,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2406
2413
|
"(focusout)": "aLaSortie($event)"
|
|
2407
2414
|
},
|
|
2408
2415
|
template: "<st-fieldset\n [legende]=\"legende()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [disposition]=\"disposition()\"\n [readonly]=\"readonly()\"\n choixExclusif\n contenu=\"choix\"\n>\n @for (option of options(); track option.valeur; let indice = $index) {\n <div class=\"st-radio-group__option\" [attr.data-choisie]=\"option.valeur === value() ? '' : null\">\n <input\n #radio\n class=\"st-radio-group__radio\"\n type=\"radio\"\n [id]=\"identifiantOption(indice)\"\n [name]=\"nomDuGroupe()\"\n [value]=\"option.valeur\"\n [checked]=\"option.valeur === value()\"\n [disabled]=\"disabled() || option.desactivee === true\"\n [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"choisir($event, option.valeur)\"\n />\n <span class=\"st-radio-group__textes\">\n <label class=\"st-radio-group__libelle\" [for]=\"identifiantOption(indice)\">\n {{ option.libelle }}\n </label>\n @if (aideDe(option); as aide) {\n <span class=\"st-radio-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n }\n </span>\n </div>\n }\n</st-fieldset>\n",
|
|
2409
|
-
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}.st-radio-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
2416
|
+
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}.st-radio-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-radio-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/20%)}.st-radio-group__radio:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-radio-group__radio{position:relative}.st-radio-group__radio:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-radio-group__radio{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-radio-group__radio:before{content:\"\";display:none}@media(hover:hover){.st-radio-group__radio:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-radio-group__radio:checked,.st-radio-group__radio:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-radio-group__radio[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-radio-group__radio[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]{border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-radio-group__radio[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-radio-group__radio[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-radio-group__radio[aria-readonly=true]:not(:disabled){cursor:default}.st-radio-group__radio:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-radio-group__radio:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-radio-group__radio[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-radio-group__radio[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-radio-group__radio{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-radio-group__radio:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-radio-group__radio[type=radio]:checked{background:Canvas}.st-radio-group__radio[type=radio]:checked:before{background:Highlight}.st-radio-group__radio:disabled{border-color:GrayText}}@media print{.st-radio-group__radio:is(:checked,:indeterminate),.st-radio-group__radio[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-radio-group__radio[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-radio-group__radio[type=checkbox]:checked:before,.st-radio-group__radio[type=checkbox]:indeterminate:before,.st-radio-group__radio[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-radio-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-radio-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-radio-group__libelle:has(+.st-radio-group__aide){line-height:1.25}[data-choisie] .st-radio-group__libelle{font-weight:var(--st-graisse-semi)}.st-radio-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-radio-group__radio:disabled+.st-radio-group__textes .st-radio-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled),:host([data-lecture-seule]) .st-radio-group__radio:not(:disabled)+.st-radio-group__textes .st-radio-group__libelle{cursor:default}@media(forced-colors:active){.st-radio-group__option[data-choisie]{border-color:CanvasText}}\n"]
|
|
2410
2417
|
}]
|
|
2411
2418
|
}],
|
|
2412
2419
|
propDecorators: {
|
|
@@ -2546,68 +2553,68 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2546
2553
|
var StCheckboxGroup = class StCheckboxGroup {
|
|
2547
2554
|
element = inject(ElementRef);
|
|
2548
2555
|
libelles = inject(ST_LIBELLES);
|
|
2549
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
2550
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
2551
|
-
options = input.required(...ngDevMode ? [{ debugName: "options" }] :
|
|
2552
|
-
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
2556
|
+
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
|
|
2557
|
+
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
2558
|
+
options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
|
|
2559
|
+
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
|
|
2553
2560
|
toutSelectionner = input(false, {
|
|
2554
|
-
...ngDevMode ? { debugName: "toutSelectionner" } :
|
|
2561
|
+
...ngDevMode ? { debugName: "toutSelectionner" } : /* istanbul ignore next */ {},
|
|
2555
2562
|
transform: booleanAttribute
|
|
2556
2563
|
});
|
|
2557
|
-
value = model([], ...ngDevMode ? [{ debugName: "value" }] :
|
|
2558
|
-
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] :
|
|
2564
|
+
value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2565
|
+
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
|
|
2559
2566
|
touched = input(false, {
|
|
2560
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
2567
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
2561
2568
|
transform: booleanAttribute
|
|
2562
2569
|
});
|
|
2563
2570
|
dirty = input(false, {
|
|
2564
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
2571
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
2565
2572
|
transform: booleanAttribute
|
|
2566
2573
|
});
|
|
2567
2574
|
pending = input(false, {
|
|
2568
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
2575
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
2569
2576
|
transform: booleanAttribute
|
|
2570
2577
|
});
|
|
2571
2578
|
disabled = input(false, {
|
|
2572
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
2579
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
2573
2580
|
transform: booleanAttribute
|
|
2574
2581
|
});
|
|
2575
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
2582
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
2576
2583
|
readonly = input(false, {
|
|
2577
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
2584
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
2578
2585
|
transform: booleanAttribute
|
|
2579
2586
|
});
|
|
2580
2587
|
required = input(false, {
|
|
2581
|
-
...ngDevMode ? { debugName: "required" } :
|
|
2588
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
2582
2589
|
transform: booleanAttribute
|
|
2583
2590
|
});
|
|
2584
2591
|
hidden = input(false, {
|
|
2585
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
2592
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
2586
2593
|
transform: booleanAttribute
|
|
2587
2594
|
});
|
|
2588
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
2595
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
2589
2596
|
touch = output();
|
|
2590
|
-
cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] :
|
|
2597
|
+
cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
|
|
2591
2598
|
racine = inject(StIdentifiants).prochain("st-cases");
|
|
2592
2599
|
identifiantDuTout = `${this.racine}-tout`;
|
|
2593
|
-
libelleDuTout = computed(() => this.libelles().toutSelectionner, ...ngDevMode ? [{ debugName: "libelleDuTout" }] :
|
|
2594
|
-
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
2595
|
-
choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] :
|
|
2596
|
-
libres = computed(() => this.options().filter((option) => option.desactivee !== true), ...ngDevMode ? [{ debugName: "libres" }] :
|
|
2600
|
+
libelleDuTout = computed(() => this.libelles().toutSelectionner, ...ngDevMode ? [{ debugName: "libelleDuTout" }] : /* istanbul ignore next */ []);
|
|
2601
|
+
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
2602
|
+
choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
|
|
2603
|
+
libres = computed(() => this.options().filter((option) => option.desactivee !== true), ...ngDevMode ? [{ debugName: "libres" }] : /* istanbul ignore next */ []);
|
|
2597
2604
|
etatDuTout = computed(() => {
|
|
2598
2605
|
const libres = this.libres();
|
|
2599
2606
|
const choisies = this.choisies();
|
|
2600
2607
|
const cochees = libres.filter((option) => choisies.has(option.valeur)).length;
|
|
2601
2608
|
if (cochees === 0) return "vide";
|
|
2602
2609
|
return cochees === libres.length ? "coche" : "partiel";
|
|
2603
|
-
}, ...ngDevMode ? [{ debugName: "etatDuTout" }] :
|
|
2604
|
-
casesCommandees = computed(() => this.options().map((option, indice) => option.desactivee === true ? null : this.identifiantOption(indice)).filter((identifiant) => identifiant !== null).join(" "), ...ngDevMode ? [{ debugName: "casesCommandees" }] :
|
|
2610
|
+
}, ...ngDevMode ? [{ debugName: "etatDuTout" }] : /* istanbul ignore next */ []);
|
|
2611
|
+
casesCommandees = computed(() => this.options().map((option, indice) => option.desactivee === true ? null : this.identifiantOption(indice)).filter((identifiant) => identifiant !== null).join(" "), ...ngDevMode ? [{ debugName: "casesCommandees" }] : /* istanbul ignore next */ []);
|
|
2605
2612
|
aideEtRaisons = computed(() => {
|
|
2606
2613
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
2607
2614
|
const aide = this.aide()?.trim() ?? "";
|
|
2608
2615
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
2609
2616
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
2610
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
2617
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
2611
2618
|
estChoisie(valeur) {
|
|
2612
2619
|
return this.choisies().has(valeur);
|
|
2613
2620
|
}
|
|
@@ -2664,7 +2671,7 @@ var StCheckboxGroup = class StCheckboxGroup {
|
|
|
2664
2671
|
}
|
|
2665
2672
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2666
2673
|
minVersion: "12.0.0",
|
|
2667
|
-
version: "22.2.
|
|
2674
|
+
version: "22.2.1",
|
|
2668
2675
|
ngImport: i0,
|
|
2669
2676
|
type: StCheckboxGroup,
|
|
2670
2677
|
deps: [],
|
|
@@ -2672,7 +2679,7 @@ var StCheckboxGroup = class StCheckboxGroup {
|
|
|
2672
2679
|
});
|
|
2673
2680
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2674
2681
|
minVersion: "17.0.0",
|
|
2675
|
-
version: "22.2.
|
|
2682
|
+
version: "22.2.1",
|
|
2676
2683
|
type: StCheckboxGroup,
|
|
2677
2684
|
isStandalone: true,
|
|
2678
2685
|
selector: "st-checkbox-group",
|
|
@@ -2810,7 +2817,7 @@ var StCheckboxGroup = class StCheckboxGroup {
|
|
|
2810
2817
|
}],
|
|
2811
2818
|
ngImport: i0,
|
|
2812
2819
|
template: "<st-fieldset\n [legende]=\"legende()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [disposition]=\"disposition()\"\n contenu=\"choix\"\n>\n @if (toutSelectionner()) {\n <div class=\"st-checkbox-group__option st-checkbox-group__option--tout\">\n <input\n class=\"st-checkbox-group__case\"\n type=\"checkbox\"\n [id]=\"identifiantDuTout\"\n [checked]=\"etatDuTout() === 'coche'\"\n [indeterminate]=\"etatDuTout() === 'partiel'\"\n [disabled]=\"disabled() || casesCommandees() === ''\"\n [attr.aria-controls]=\"casesCommandees() === '' ? null : casesCommandees()\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerTout($event)\"\n />\n <span class=\"st-checkbox-group__textes\">\n <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantDuTout\">\n {{ libelleDuTout() }}\n </label>\n </span>\n </div>\n }\n @for (option of options(); track option.valeur; let indice = $index) {\n <div\n class=\"st-checkbox-group__option\"\n [attr.data-choisie]=\"estChoisie(option.valeur) ? '' : null\"\n >\n <input\n #case\n class=\"st-checkbox-group__case\"\n type=\"checkbox\"\n [id]=\"identifiantOption(indice)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"option.valeur\"\n [checked]=\"estChoisie(option.valeur)\"\n [disabled]=\"disabled() || option.desactivee === true\"\n [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculer($event, option.valeur)\"\n />\n <span class=\"st-checkbox-group__textes\">\n <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantOption(indice)\">\n {{ option.libelle }}\n </label>\n @if (aideDe(option); as aide) {\n <span class=\"st-checkbox-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n }\n </span>\n </div>\n }\n</st-fieldset>\n",
|
|
2813
|
-
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}.st-checkbox-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
2820
|
+
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}.st-checkbox-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"],
|
|
2814
2821
|
dependencies: [{
|
|
2815
2822
|
kind: "component",
|
|
2816
2823
|
type: StFieldset,
|
|
@@ -2832,7 +2839,7 @@ var StCheckboxGroup = class StCheckboxGroup {
|
|
|
2832
2839
|
};
|
|
2833
2840
|
i0.ɵɵngDeclareClassMetadata({
|
|
2834
2841
|
minVersion: "12.0.0",
|
|
2835
|
-
version: "22.2.
|
|
2842
|
+
version: "22.2.1",
|
|
2836
2843
|
ngImport: i0,
|
|
2837
2844
|
type: StCheckboxGroup,
|
|
2838
2845
|
decorators: [{
|
|
@@ -2848,7 +2855,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2848
2855
|
"(focusout)": "aLaSortie($event)"
|
|
2849
2856
|
},
|
|
2850
2857
|
template: "<st-fieldset\n [legende]=\"legende()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [disposition]=\"disposition()\"\n contenu=\"choix\"\n>\n @if (toutSelectionner()) {\n <div class=\"st-checkbox-group__option st-checkbox-group__option--tout\">\n <input\n class=\"st-checkbox-group__case\"\n type=\"checkbox\"\n [id]=\"identifiantDuTout\"\n [checked]=\"etatDuTout() === 'coche'\"\n [indeterminate]=\"etatDuTout() === 'partiel'\"\n [disabled]=\"disabled() || casesCommandees() === ''\"\n [attr.aria-controls]=\"casesCommandees() === '' ? null : casesCommandees()\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerTout($event)\"\n />\n <span class=\"st-checkbox-group__textes\">\n <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantDuTout\">\n {{ libelleDuTout() }}\n </label>\n </span>\n </div>\n }\n @for (option of options(); track option.valeur; let indice = $index) {\n <div\n class=\"st-checkbox-group__option\"\n [attr.data-choisie]=\"estChoisie(option.valeur) ? '' : null\"\n >\n <input\n #case\n class=\"st-checkbox-group__case\"\n type=\"checkbox\"\n [id]=\"identifiantOption(indice)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"option.valeur\"\n [checked]=\"estChoisie(option.valeur)\"\n [disabled]=\"disabled() || option.desactivee === true\"\n [attr.aria-describedby]=\"aideDe(option) === null ? null : identifiantAide(indice)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculer($event, option.valeur)\"\n />\n <span class=\"st-checkbox-group__textes\">\n <label class=\"st-checkbox-group__libelle\" [for]=\"identifiantOption(indice)\">\n {{ option.libelle }}\n </label>\n @if (aideDe(option); as aide) {\n <span class=\"st-checkbox-group__aide\" [id]=\"identifiantAide(indice)\">{{ aide }}</span>\n }\n </span>\n </div>\n }\n</st-fieldset>\n",
|
|
2851
|
-
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}.st-checkbox-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
2858
|
+
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}.st-checkbox-group__option{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2-5);font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte);border-radius:var(--st-rayon-md)}.st-checkbox-group__option[data-choisie]{background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}.st-checkbox-group__option--tout{border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-end-start-radius:0;border-end-end-radius:0}.st-checkbox-group__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-checkbox-group__case{position:relative}.st-checkbox-group__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-checkbox-group__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-checkbox-group__case:before{content:\"\";display:none}@media(hover:hover){.st-checkbox-group__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-checkbox-group__case:checked,.st-checkbox-group__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-checkbox-group__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-checkbox-group__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-checkbox-group__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-checkbox-group__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-checkbox-group__case[aria-readonly=true]:not(:disabled){cursor:default}.st-checkbox-group__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-checkbox-group__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-checkbox-group__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-checkbox-group__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-checkbox-group__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-checkbox-group__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-checkbox-group__case[type=radio]:checked{background:Canvas}.st-checkbox-group__case[type=radio]:checked:before{background:Highlight}.st-checkbox-group__case:disabled{border-color:GrayText}}@media print{.st-checkbox-group__case:is(:checked,:indeterminate),.st-checkbox-group__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-checkbox-group__case[type=checkbox]:checked:before,.st-checkbox-group__case[type=checkbox]:indeterminate:before,.st-checkbox-group__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-checkbox-group__textes{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0}.st-checkbox-group__libelle{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);cursor:pointer}.st-checkbox-group__libelle:has(+.st-checkbox-group__aide){line-height:1.25}[data-choisie] .st-checkbox-group__libelle{font-weight:var(--st-graisse-semi)}.st-checkbox-group__aide{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-checkbox-group__case:disabled+.st-checkbox-group__textes .st-checkbox-group__libelle{color:var(--st-couleur-texte-desactive);cursor:not-allowed}:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled),:host([data-lecture-seule]) .st-checkbox-group__case:not(:disabled)+.st-checkbox-group__textes .st-checkbox-group__libelle{cursor:default}@media(forced-colors:active){.st-checkbox-group__option[data-choisie]{border-color:CanvasText}.st-checkbox-group__option--tout{border-block-end-color:CanvasText}}\n"]
|
|
2852
2859
|
}]
|
|
2853
2860
|
}],
|
|
2854
2861
|
propDecorators: {
|
|
@@ -2998,56 +3005,56 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
2998
3005
|
destruction = inject(DestroyRef);
|
|
2999
3006
|
libelles = inject(ST_LIBELLES);
|
|
3000
3007
|
locale = inject(ST_LOCALE);
|
|
3001
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
3002
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
3003
|
-
lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] :
|
|
3004
|
-
colonnes = input.required(...ngDevMode ? [{ debugName: "colonnes" }] :
|
|
3008
|
+
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
|
|
3009
|
+
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
3010
|
+
lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
|
|
3011
|
+
colonnes = input.required(...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
|
|
3005
3012
|
toutParColonne = input(false, {
|
|
3006
|
-
...ngDevMode ? { debugName: "toutParColonne" } :
|
|
3013
|
+
...ngDevMode ? { debugName: "toutParColonne" } : /* istanbul ignore next */ {},
|
|
3007
3014
|
transform: booleanAttribute
|
|
3008
3015
|
});
|
|
3009
3016
|
toutParLigne = input(false, {
|
|
3010
|
-
...ngDevMode ? { debugName: "toutParLigne" } :
|
|
3017
|
+
...ngDevMode ? { debugName: "toutParLigne" } : /* istanbul ignore next */ {},
|
|
3011
3018
|
transform: booleanAttribute
|
|
3012
3019
|
});
|
|
3013
|
-
cellulesIndisponibles = input([], ...ngDevMode ? [{ debugName: "cellulesIndisponibles" }] :
|
|
3014
|
-
mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] :
|
|
3015
|
-
cellulesEnAttente = input([], ...ngDevMode ? [{ debugName: "cellulesEnAttente" }] :
|
|
3016
|
-
value = model([], ...ngDevMode ? [{ debugName: "value" }] :
|
|
3017
|
-
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] :
|
|
3020
|
+
cellulesIndisponibles = input([], ...ngDevMode ? [{ debugName: "cellulesIndisponibles" }] : /* istanbul ignore next */ []);
|
|
3021
|
+
mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
|
|
3022
|
+
cellulesEnAttente = input([], ...ngDevMode ? [{ debugName: "cellulesEnAttente" }] : /* istanbul ignore next */ []);
|
|
3023
|
+
value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
3024
|
+
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
|
|
3018
3025
|
touched = input(false, {
|
|
3019
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
3026
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
3020
3027
|
transform: booleanAttribute
|
|
3021
3028
|
});
|
|
3022
3029
|
dirty = input(false, {
|
|
3023
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
3030
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
3024
3031
|
transform: booleanAttribute
|
|
3025
3032
|
});
|
|
3026
3033
|
pending = input(false, {
|
|
3027
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
3034
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
3028
3035
|
transform: booleanAttribute
|
|
3029
3036
|
});
|
|
3030
3037
|
disabled = input(false, {
|
|
3031
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
3038
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
3032
3039
|
transform: booleanAttribute
|
|
3033
3040
|
});
|
|
3034
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
3041
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
3035
3042
|
readonly = input(false, {
|
|
3036
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
3043
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
3037
3044
|
transform: booleanAttribute
|
|
3038
3045
|
});
|
|
3039
3046
|
required = input(false, {
|
|
3040
|
-
...ngDevMode ? { debugName: "required" } :
|
|
3047
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
3041
3048
|
transform: booleanAttribute
|
|
3042
3049
|
});
|
|
3043
3050
|
hidden = input(false, {
|
|
3044
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
3051
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
3045
3052
|
transform: booleanAttribute
|
|
3046
3053
|
});
|
|
3047
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
3054
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
3048
3055
|
touch = output();
|
|
3049
|
-
cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] :
|
|
3050
|
-
zone = viewChild.required("zone", ...ngDevMode ? [{ debugName: "zone" }] :
|
|
3056
|
+
cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
|
|
3057
|
+
zone = viewChild.required("zone", ...ngDevMode ? [{ debugName: "zone" }] : /* istanbul ignore next */ []);
|
|
3051
3058
|
racine = inject(StIdentifiants).prochain("st-matrice");
|
|
3052
3059
|
identifiants = {
|
|
3053
3060
|
legende: `${this.racine}-legende`,
|
|
@@ -3056,30 +3063,30 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3056
3063
|
deborde: `${this.racine}-deborde`
|
|
3057
3064
|
};
|
|
3058
3065
|
annonce = new AnnonceLocale(this.destruction);
|
|
3059
|
-
deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] :
|
|
3060
|
-
choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] :
|
|
3061
|
-
indisponibles = computed(() => new Map(this.cellulesIndisponibles().map((cellule) => [cellule.cle, cellule.raison])), ...ngDevMode ? [{ debugName: "indisponibles" }] :
|
|
3062
|
-
enAttente = computed(() => new Set(this.cellulesEnAttente()), ...ngDevMode ? [{ debugName: "enAttente" }] :
|
|
3066
|
+
deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] : /* istanbul ignore next */ []);
|
|
3067
|
+
choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
|
|
3068
|
+
indisponibles = computed(() => new Map(this.cellulesIndisponibles().map((cellule) => [cellule.cle, cellule.raison])), ...ngDevMode ? [{ debugName: "indisponibles" }] : /* istanbul ignore next */ []);
|
|
3069
|
+
enAttente = computed(() => new Set(this.cellulesEnAttente()), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
|
|
3063
3070
|
bascules = /* @__PURE__ */ new Map();
|
|
3064
|
-
enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
3071
|
+
enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
3065
3072
|
messages = computed(() => {
|
|
3066
3073
|
if (!this.enErreur()) return [];
|
|
3067
3074
|
const libelles = this.libelles();
|
|
3068
3075
|
const locale = this.locale();
|
|
3069
3076
|
return this.errors().map((erreur) => messageDErreur(erreur, libelles, locale));
|
|
3070
|
-
}, ...ngDevMode ? [{ debugName: "messages" }] :
|
|
3077
|
+
}, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
|
|
3071
3078
|
aideEtRaisons = computed(() => {
|
|
3072
3079
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
3073
3080
|
const aide = this.aide()?.trim() ?? "";
|
|
3074
3081
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
3075
3082
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
3076
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
3083
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
3077
3084
|
descriptions = computed(() => {
|
|
3078
3085
|
const ids = [];
|
|
3079
3086
|
if (this.aideEtRaisons() !== null) ids.push(this.identifiants.aide);
|
|
3080
3087
|
if (this.enErreur()) ids.push(this.identifiants.erreur);
|
|
3081
3088
|
return ids.length === 0 ? null : ids.join(" ");
|
|
3082
|
-
}, ...ngDevMode ? [{ debugName: "descriptions" }] :
|
|
3089
|
+
}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
|
|
3083
3090
|
constructor() {
|
|
3084
3091
|
if (isDevMode()) afterNextRender(() => {
|
|
3085
3092
|
if (this.mode() === "immediat" && this.errors().length > 0) console.warn(`[st-choice-matrix] "${this.legende()}" : une regle de validation vise une matrice en mode immediat, qui n affiche aucune erreur (UX-8).`);
|
|
@@ -3224,7 +3231,7 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3224
3231
|
}
|
|
3225
3232
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3226
3233
|
minVersion: "12.0.0",
|
|
3227
|
-
version: "22.2.
|
|
3234
|
+
version: "22.2.1",
|
|
3228
3235
|
ngImport: i0,
|
|
3229
3236
|
type: StChoiceMatrix,
|
|
3230
3237
|
deps: [],
|
|
@@ -3232,7 +3239,7 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3232
3239
|
});
|
|
3233
3240
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
3234
3241
|
minVersion: "17.0.0",
|
|
3235
|
-
version: "22.2.
|
|
3242
|
+
version: "22.2.1",
|
|
3236
3243
|
type: StChoiceMatrix,
|
|
3237
3244
|
isStandalone: true,
|
|
3238
3245
|
selector: "st-choice-matrix",
|
|
@@ -3404,8 +3411,8 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3404
3411
|
isSignal: true
|
|
3405
3412
|
}],
|
|
3406
3413
|
ngImport: i0,
|
|
3407
|
-
template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n #zone\n class=\"st-choice-matrix__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : null\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n {{\n legende()\n }}\n @if (required()) {\n <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n }\n </caption>\n <thead>\n <tr>\n <td class=\"st-choice-matrix__coin\"></td>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n <span class=\"st-choice-matrix__entete-texte\">\n @if (colonne.icone; as icone) {\n <st-icon [icone]=\"icone\" taille=\"18\" />\n }\n {{ colonne.libelle }}\n </span>\n @if (toutParColonne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeColonne(colonne) === 'coche'\"\n [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n [attr.aria-controls]=\"\n casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerColonne($event, colonne)\"\n />\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (ligne of lignes(); track ligne.cle; let l = $index) {\n <tr>\n <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n <span class=\"st-choice-matrix__ligne-contenu\">\n <span class=\"st-choice-matrix__ligne-textes\">\n <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n @if (ligne.precision) {\n <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n }\n </span>\n @if (toutParLigne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeLigne(ligne) === 'coche'\"\n [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n [attr.aria-controls]=\"\n casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerLigne($event, ligne)\"\n />\n }\n </span>\n </th>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <td class=\"st-choice-matrix__cellule\">\n <input\n #case\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [id]=\"idCase(l, c)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"cle(ligne, colonne)\"\n [checked]=\"estCochee(ligne, colonne)\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n (change)=\"basculer($event, ligne, colonne)\"\n />\n @if (raisonDe(ligne, colonne); as raison) {\n <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"
|
|
3408
|
-
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}.st-choice-matrix__zone:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
3414
|
+
template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n #zone\n class=\"st-choice-matrix__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : null\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n {{\n legende()\n }}\n @if (required()) {\n <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n }\n </caption>\n <thead>\n <tr>\n <td class=\"st-choice-matrix__coin\"></td>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n <span class=\"st-choice-matrix__entete-texte\">\n @if (colonne.icone; as icone) {\n <st-icon [icone]=\"icone\" taille=\"18\" />\n }\n {{ colonne.libelle }}\n </span>\n @if (toutParColonne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeColonne(colonne) === 'coche'\"\n [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n [attr.aria-controls]=\"\n casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerColonne($event, colonne)\"\n />\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (ligne of lignes(); track ligne.cle; let l = $index) {\n <tr>\n <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n <span class=\"st-choice-matrix__ligne-contenu\">\n <span class=\"st-choice-matrix__ligne-textes\">\n <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n @if (ligne.precision) {\n <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n }\n </span>\n @if (toutParLigne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeLigne(ligne) === 'coche'\"\n [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n [attr.aria-controls]=\"\n casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerLigne($event, ligne)\"\n />\n }\n </span>\n </th>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <td class=\"st-choice-matrix__cellule\">\n <input\n #case\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [id]=\"idCase(l, c)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"cle(ligne, colonne)\"\n [checked]=\"estCochee(ligne, colonne)\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n (change)=\"basculer($event, ligne, colonne)\"\n />\n @if (raisonDe(ligne, colonne); as raison) {\n <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n}\n@if (deborde()) {\n <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n libelles().tableauDefilantHorizontalement\n }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
3415
|
+
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}.st-choice-matrix__zone:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"],
|
|
3409
3416
|
dependencies: [{
|
|
3410
3417
|
kind: "component",
|
|
3411
3418
|
type: StIcon,
|
|
@@ -3438,7 +3445,7 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3438
3445
|
};
|
|
3439
3446
|
i0.ɵɵngDeclareClassMetadata({
|
|
3440
3447
|
minVersion: "12.0.0",
|
|
3441
|
-
version: "22.2.
|
|
3448
|
+
version: "22.2.1",
|
|
3442
3449
|
ngImport: i0,
|
|
3443
3450
|
type: StChoiceMatrix,
|
|
3444
3451
|
decorators: [{
|
|
@@ -3454,8 +3461,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3454
3461
|
"[attr.data-en-erreur]": "enErreur() ? \"\" : null",
|
|
3455
3462
|
"(focusout)": "aLaSortie($event)"
|
|
3456
3463
|
},
|
|
3457
|
-
template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n #zone\n class=\"st-choice-matrix__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : null\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n {{\n legende()\n }}\n @if (required()) {\n <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n }\n </caption>\n <thead>\n <tr>\n <td class=\"st-choice-matrix__coin\"></td>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n <span class=\"st-choice-matrix__entete-texte\">\n @if (colonne.icone; as icone) {\n <st-icon [icone]=\"icone\" taille=\"18\" />\n }\n {{ colonne.libelle }}\n </span>\n @if (toutParColonne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeColonne(colonne) === 'coche'\"\n [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n [attr.aria-controls]=\"\n casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerColonne($event, colonne)\"\n />\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (ligne of lignes(); track ligne.cle; let l = $index) {\n <tr>\n <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n <span class=\"st-choice-matrix__ligne-contenu\">\n <span class=\"st-choice-matrix__ligne-textes\">\n <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n @if (ligne.precision) {\n <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n }\n </span>\n @if (toutParLigne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeLigne(ligne) === 'coche'\"\n [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n [attr.aria-controls]=\"\n casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerLigne($event, ligne)\"\n />\n }\n </span>\n </th>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <td class=\"st-choice-matrix__cellule\">\n <input\n #case\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [id]=\"idCase(l, c)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"cle(ligne, colonne)\"\n [checked]=\"estCochee(ligne, colonne)\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n (change)=\"basculer($event, ligne, colonne)\"\n />\n @if (raisonDe(ligne, colonne); as raison) {\n <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"
|
|
3458
|
-
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}.st-choice-matrix__zone:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
3464
|
+
template: "<!-- UX-6 : zone nommee par la legende ; focalisable quand elle deborde, pour defiler au clavier. -->\n<div\n #zone\n class=\"st-choice-matrix__zone\"\n role=\"region\"\n [attr.aria-labelledby]=\"identifiants.legende\"\n [attr.aria-describedby]=\"deborde() ? identifiants.deborde : null\"\n [attr.tabindex]=\"deborde() ? 0 : null\"\n [attr.data-deborde]=\"deborde() ? '' : null\"\n>\n <table class=\"st-choice-matrix__tableau\" [attr.aria-describedby]=\"descriptions()\">\n <caption class=\"st-choice-matrix__legende\" [id]=\"identifiants.legende\">\n {{\n legende()\n }}\n @if (required()) {\n <span class=\"st-choice-matrix__obligatoire\">{{ libelles().obligatoire }}</span>\n }\n </caption>\n <thead>\n <tr>\n <td class=\"st-choice-matrix__coin\"></td>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <th class=\"st-choice-matrix__entete\" scope=\"col\" [id]=\"idColonne(c)\">\n <span class=\"st-choice-matrix__entete-texte\">\n @if (colonne.icone; as icone) {\n <st-icon [icone]=\"icone\" taille=\"18\" />\n }\n {{ colonne.libelle }}\n </span>\n @if (toutParColonne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeColonne(colonne) === 'coche'\"\n [indeterminate]=\"etatDeColonne(colonne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeColonne(colonne, c) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(colonne.libelle)\"\n [attr.aria-controls]=\"\n casesDeColonne(colonne, c) === '' ? null : casesDeColonne(colonne, c)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerColonne($event, colonne)\"\n />\n }\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @for (ligne of lignes(); track ligne.cle; let l = $index) {\n <tr>\n <th class=\"st-choice-matrix__ligne\" scope=\"row\" [id]=\"idLigne(l)\">\n <!-- Le flex vit dans l'enveloppe : un th en flex sortirait du modele de cellule. -->\n <span class=\"st-choice-matrix__ligne-contenu\">\n <span class=\"st-choice-matrix__ligne-textes\">\n <span class=\"st-choice-matrix__ligne-libelle\">{{ ligne.libelle }}</span>\n @if (ligne.precision) {\n <span class=\"st-choice-matrix__precision\">{{ ligne.precision }}</span>\n }\n </span>\n @if (toutParLigne()) {\n <input\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [checked]=\"etatDeLigne(ligne) === 'coche'\"\n [indeterminate]=\"etatDeLigne(ligne) === 'partiel'\"\n [disabled]=\"disabled() || casesDeLigne(ligne, l) === ''\"\n [attr.aria-label]=\"libelles().toutSelectionnerPour(ligne.libelle)\"\n [attr.aria-controls]=\"\n casesDeLigne(ligne, l) === '' ? null : casesDeLigne(ligne, l)\n \"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"basculerLigne($event, ligne)\"\n />\n }\n </span>\n </th>\n @for (colonne of colonnes(); track colonne.cle; let c = $index) {\n <td class=\"st-choice-matrix__cellule\">\n <input\n #case\n class=\"st-choice-matrix__case\"\n type=\"checkbox\"\n [id]=\"idCase(l, c)\"\n [attr.name]=\"name() === '' ? null : name()\"\n [value]=\"cle(ligne, colonne)\"\n [checked]=\"estCochee(ligne, colonne)\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"libelles().celluleDeMatrice(ligne.libelle, colonne.libelle)\"\n [attr.aria-disabled]=\"raisonDe(ligne, colonne) === null ? null : 'true'\"\n [attr.aria-describedby]=\"raisonDe(ligne, colonne) === null ? null : idRaison(l, c)\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [attr.aria-busy]=\"estEnAttente(ligne, colonne) ? 'true' : null\"\n (click)=\"surClic($event, raisonDe(ligne, colonne) !== null)\"\n (change)=\"basculer($event, ligne, colonne)\"\n />\n @if (raisonDe(ligne, colonne); as raison) {\n <span class=\"st-vh\" [id]=\"idRaison(l, c)\">{{ raison }}</span>\n }\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n</div>\n\n@if (aideEtRaisons(); as texte) {\n <p class=\"st-choice-matrix__aide\" [id]=\"identifiants.aide\">{{ texte }}</p>\n}\n@if (enErreur()) {\n <div class=\"st-choice-matrix__erreurs\" [id]=\"identifiants.erreur\">\n @for (message of messages(); track $index) {\n <st-inline-message ton=\"erreur\">{{ message }}</st-inline-message>\n }\n </div>\n}\n@if (deborde()) {\n <span class=\"st-vh\" [id]=\"identifiants.deborde\">{{\n libelles().tableauDefilantHorizontalement\n }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
3465
|
+
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}.st-choice-matrix__zone:focus{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-choice-matrix__zone{overflow-x:auto;overscroll-behavior-x:contain}.st-choice-matrix__tableau{min-inline-size:100%;border-collapse:collapse;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-choice-matrix__legende{padding-block:var(--st-espacement-3);font-weight:var(--st-graisse-semi);text-align:start}.st-choice-matrix__obligatoire{font-weight:var(--st-graisse-normale);color:var(--st-couleur-texte-discret)}.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{padding:var(--st-espacement-2-5);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-bordure)}.st-choice-matrix__entete{font-weight:var(--st-graisse-grasse);text-align:center;vertical-align:bottom;white-space:nowrap}.st-choice-matrix__entete-texte{display:inline-flex;gap:var(--st-espacement-1);align-items:center}.st-choice-matrix__entete>.st-choice-matrix__case{display:block;margin-block-start:var(--st-espacement-2);margin-inline:auto}.st-choice-matrix__ligne{font-weight:var(--st-graisse-moyenne);text-align:start}.st-choice-matrix__ligne-contenu{display:flex;gap:var(--st-espacement-3);align-items:center;justify-content:space-between}.st-choice-matrix__ligne-textes{display:flex;flex-direction:column}.st-choice-matrix__precision{font-size:var(--st-taille-xs);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__cellule{text-align:center}.st-choice-matrix__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice-matrix__case{position:relative}.st-choice-matrix__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice-matrix__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice-matrix__case:before{content:\"\";display:none}@media(hover:hover){.st-choice-matrix__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice-matrix__case:checked,.st-choice-matrix__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice-matrix__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice-matrix__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice-matrix__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice-matrix__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice-matrix__case[aria-readonly=true]:not(:disabled){cursor:default}.st-choice-matrix__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice-matrix__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice-matrix__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice-matrix__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice-matrix__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice-matrix__case[type=radio]:checked{background:Canvas}.st-choice-matrix__case[type=radio]:checked:before{background:Highlight}.st-choice-matrix__case:disabled{border-color:GrayText}}@media print{.st-choice-matrix__case:is(:checked,:indeterminate),.st-choice-matrix__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice-matrix__case[type=checkbox]:checked:before,.st-choice-matrix__case[type=checkbox]:indeterminate:before,.st-choice-matrix__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice-matrix__case{vertical-align:middle}.st-choice-matrix__case[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice-matrix__case[aria-disabled=true]:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice-matrix__case{cursor:default}.st-choice-matrix__aide{margin-block:var(--st-espacement-2) 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice-matrix__erreurs{display:flex;flex-direction:column;gap:var(--st-espacement-1);margin-block-start:var(--st-espacement-2)}@media(forced-colors:active){.st-choice-matrix__coin,.st-choice-matrix__entete,.st-choice-matrix__ligne,.st-choice-matrix__cellule{border-block-end-color:CanvasText}}\n"]
|
|
3459
3466
|
}]
|
|
3460
3467
|
}],
|
|
3461
3468
|
ctorParameters: () => [],
|
|
@@ -3643,17 +3650,17 @@ const PARTS = {
|
|
|
3643
3650
|
large: 3
|
|
3644
3651
|
};
|
|
3645
3652
|
var StFormRow = class StFormRow {
|
|
3646
|
-
colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] :
|
|
3647
|
-
largeurs = input(null, ...ngDevMode ? [{ debugName: "largeurs" }] :
|
|
3653
|
+
colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] : /* istanbul ignore next */ []);
|
|
3654
|
+
largeurs = input(null, ...ngDevMode ? [{ debugName: "largeurs" }] : /* istanbul ignore next */ []);
|
|
3648
3655
|
gabarit = computed(() => {
|
|
3649
3656
|
const largeurs = this.largeurs();
|
|
3650
3657
|
if (largeurs !== null && largeurs.length > 0) return largeurs.map((largeur) => `minmax(0, ${String(part(largeur))}fr)`).join(" ");
|
|
3651
3658
|
const colonnes = this.colonnes();
|
|
3652
3659
|
return colonnes === "auto" ? "repeat(auto-fit, minmax(min(100%, 10rem), 1fr))" : `repeat(${String(colonnes)}, minmax(0, 1fr))`;
|
|
3653
|
-
}, ...ngDevMode ? [{ debugName: "gabarit" }] :
|
|
3660
|
+
}, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
|
|
3654
3661
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3655
3662
|
minVersion: "12.0.0",
|
|
3656
|
-
version: "22.2.
|
|
3663
|
+
version: "22.2.1",
|
|
3657
3664
|
ngImport: i0,
|
|
3658
3665
|
type: StFormRow,
|
|
3659
3666
|
deps: [],
|
|
@@ -3661,7 +3668,7 @@ var StFormRow = class StFormRow {
|
|
|
3661
3668
|
});
|
|
3662
3669
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
3663
3670
|
minVersion: "17.1.0",
|
|
3664
|
-
version: "22.2.
|
|
3671
|
+
version: "22.2.1",
|
|
3665
3672
|
type: StFormRow,
|
|
3666
3673
|
isStandalone: true,
|
|
3667
3674
|
selector: "st-form-row",
|
|
@@ -3693,7 +3700,7 @@ var StFormRow = class StFormRow {
|
|
|
3693
3700
|
};
|
|
3694
3701
|
i0.ɵɵngDeclareClassMetadata({
|
|
3695
3702
|
minVersion: "12.0.0",
|
|
3696
|
-
version: "22.2.
|
|
3703
|
+
version: "22.2.1",
|
|
3697
3704
|
ngImport: i0,
|
|
3698
3705
|
type: StFormRow,
|
|
3699
3706
|
decorators: [{
|
|
@@ -3738,30 +3745,30 @@ var StConsentRow = class StConsentRow {
|
|
|
3738
3745
|
groupe = inject(ST_GROUPE_DE_CONSENTEMENTS);
|
|
3739
3746
|
libelles = inject(ST_LIBELLES);
|
|
3740
3747
|
locale = inject(ST_LOCALE);
|
|
3741
|
-
cle = input.required(...ngDevMode ? [{ debugName: "cle" }] :
|
|
3742
|
-
titre = input.required(...ngDevMode ? [{ debugName: "titre" }] :
|
|
3743
|
-
description = input(null, ...ngDevMode ? [{ debugName: "description" }] :
|
|
3748
|
+
cle = input.required(...ngDevMode ? [{ debugName: "cle" }] : /* istanbul ignore next */ []);
|
|
3749
|
+
titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
|
|
3750
|
+
description = input(null, ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
|
|
3744
3751
|
obligatoire = input(false, {
|
|
3745
|
-
...ngDevMode ? { debugName: "obligatoire" } :
|
|
3752
|
+
...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
|
|
3746
3753
|
transform: booleanAttribute
|
|
3747
3754
|
});
|
|
3748
|
-
versionDuDocument = input(null, ...ngDevMode ? [{ debugName: "versionDuDocument" }] :
|
|
3749
|
-
decideLe = input(null, ...ngDevMode ? [{ debugName: "decideLe" }] :
|
|
3755
|
+
versionDuDocument = input(null, ...ngDevMode ? [{ debugName: "versionDuDocument" }] : /* istanbul ignore next */ []);
|
|
3756
|
+
decideLe = input(null, ...ngDevMode ? [{ debugName: "decideLe" }] : /* istanbul ignore next */ []);
|
|
3750
3757
|
enregistrement = input(false, {
|
|
3751
|
-
...ngDevMode ? { debugName: "enregistrement" } :
|
|
3758
|
+
...ngDevMode ? { debugName: "enregistrement" } : /* istanbul ignore next */ {},
|
|
3752
3759
|
transform: booleanAttribute
|
|
3753
3760
|
});
|
|
3754
|
-
refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] :
|
|
3761
|
+
refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
|
|
3755
3762
|
decision = output();
|
|
3756
|
-
champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] :
|
|
3763
|
+
champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
|
|
3757
3764
|
identifiantDuRefus = inject(StIdentifiants).prochain("st-consentement-refus");
|
|
3758
3765
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
3759
|
-
decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] :
|
|
3766
|
+
decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] : /* istanbul ignore next */ []);
|
|
3760
3767
|
precedente;
|
|
3761
|
-
immediat = computed(() => this.groupe.mode() === "immediat", ...ngDevMode ? [{ debugName: "immediat" }] :
|
|
3762
|
-
coche = computed(() => this.groupe.valeurDe(this.cle()) === true && (this.decideLe() !== null || this.decideeIci()), ...ngDevMode ? [{ debugName: "coche" }] :
|
|
3763
|
-
enAttente = computed(() => this.immediat() && this.enregistrement(), ...ngDevMode ? [{ debugName: "enAttente" }] :
|
|
3764
|
-
enErreur = computed(() => this.groupe.enErreur() && this.obligatoire() && !this.coche(), ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
3768
|
+
immediat = computed(() => this.groupe.mode() === "immediat", ...ngDevMode ? [{ debugName: "immediat" }] : /* istanbul ignore next */ []);
|
|
3769
|
+
coche = computed(() => this.groupe.valeurDe(this.cle()) === true && (this.decideLe() !== null || this.decideeIci()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
|
|
3770
|
+
enAttente = computed(() => this.immediat() && this.enregistrement(), ...ngDevMode ? [{ debugName: "enAttente" }] : /* istanbul ignore next */ []);
|
|
3771
|
+
enErreur = computed(() => this.groupe.enErreur() && this.obligatoire() && !this.coche(), ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
3765
3772
|
aide = computed(() => {
|
|
3766
3773
|
const version = this.versionDuDocument();
|
|
3767
3774
|
const date = this.decideLe();
|
|
@@ -3769,8 +3776,8 @@ var StConsentRow = class StConsentRow {
|
|
|
3769
3776
|
const mention = version === null ? null : date === null ? libelles.versionDuDocument(version) : libelles.decisionDuDocument(version, formaterDateLongue(date, this.locale()), this.groupe.valeurDe(this.cle()) === true);
|
|
3770
3777
|
const morceaux = [this.description(), mention].map((texte) => texte?.trim() ?? "").filter((texte) => texte !== "");
|
|
3771
3778
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
3772
|
-
}, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
3773
|
-
descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] :
|
|
3779
|
+
}, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
3780
|
+
descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : /* istanbul ignore next */ []);
|
|
3774
3781
|
constructor() {
|
|
3775
3782
|
if (isDevMode()) afterNextRender(() => {
|
|
3776
3783
|
if (this.groupe.valeurDe(this.cle()) === true && this.decideLe() === null) console.warn(`[st-consent-row] "${this.titre()}" : cochee sans decision enregistree (decideLe) ; un consentement ne se coche jamais d'office (CNIL). La ligne s'affiche decochee.`);
|
|
@@ -3812,7 +3819,7 @@ var StConsentRow = class StConsentRow {
|
|
|
3812
3819
|
}
|
|
3813
3820
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3814
3821
|
minVersion: "12.0.0",
|
|
3815
|
-
version: "22.2.
|
|
3822
|
+
version: "22.2.1",
|
|
3816
3823
|
ngImport: i0,
|
|
3817
3824
|
type: StConsentRow,
|
|
3818
3825
|
deps: [],
|
|
@@ -3820,7 +3827,7 @@ var StConsentRow = class StConsentRow {
|
|
|
3820
3827
|
});
|
|
3821
3828
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
3822
3829
|
minVersion: "17.0.0",
|
|
3823
|
-
version: "22.2.
|
|
3830
|
+
version: "22.2.1",
|
|
3824
3831
|
type: StConsentRow,
|
|
3825
3832
|
isStandalone: true,
|
|
3826
3833
|
selector: "st-consent-row",
|
|
@@ -3899,8 +3906,8 @@ var StConsentRow = class StConsentRow {
|
|
|
3899
3906
|
isSignal: true
|
|
3900
3907
|
}],
|
|
3901
3908
|
ngImport: i0,
|
|
3902
|
-
template: "<st-form-field\n [disposition]=\"immediat() ? 'reglage' : 'case'\"\n [libelle]=\"titre()\"\n [aide]=\"aide()\"\n [obligatoire]=\"obligatoire()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n type=\"checkbox\"\n stControleDeChamp\n [class.st-consent-row__case]=\"!immediat()\"\n [class.st-consent-row__interrupteur]=\"immediat()\"\n [attr.role]=\"immediat() ? 'switch' : null\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n</st-form-field>\n@if (refus(); as message) {\n <st-inline-message\n class=\"st-consent-row__refus\"\n ton=\"
|
|
3903
|
-
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{--st-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
3909
|
+
template: "<st-form-field\n [disposition]=\"immediat() ? 'reglage' : 'case'\"\n [libelle]=\"titre()\"\n [aide]=\"aide()\"\n [obligatoire]=\"obligatoire()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n type=\"checkbox\"\n stControleDeChamp\n [class.st-consent-row__case]=\"!immediat()\"\n [class.st-consent-row__interrupteur]=\"immediat()\"\n [attr.role]=\"immediat() ? 'switch' : null\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n</st-form-field>\n@if (refus(); as message) {\n <st-inline-message\n class=\"st-consent-row__refus\"\n ton=\"erreur\"\n [identifiant]=\"identifiantDuRefus\"\n >{{ message }}</st-inline-message\n >\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
3910
|
+
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{--st-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"],
|
|
3904
3911
|
dependencies: [
|
|
3905
3912
|
{
|
|
3906
3913
|
kind: "component",
|
|
@@ -3938,7 +3945,7 @@ var StConsentRow = class StConsentRow {
|
|
|
3938
3945
|
};
|
|
3939
3946
|
i0.ɵɵngDeclareClassMetadata({
|
|
3940
3947
|
minVersion: "12.0.0",
|
|
3941
|
-
version: "22.2.
|
|
3948
|
+
version: "22.2.1",
|
|
3942
3949
|
ngImport: i0,
|
|
3943
3950
|
type: StConsentRow,
|
|
3944
3951
|
decorators: [{
|
|
@@ -3957,8 +3964,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3957
3964
|
"[attr.data-cochee]": "coche() ? \"\" : null",
|
|
3958
3965
|
"[attr.data-en-attente]": "enAttente() ? \"\" : null"
|
|
3959
3966
|
},
|
|
3960
|
-
template: "<st-form-field\n [disposition]=\"immediat() ? 'reglage' : 'case'\"\n [libelle]=\"titre()\"\n [aide]=\"aide()\"\n [obligatoire]=\"obligatoire()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n type=\"checkbox\"\n stControleDeChamp\n [class.st-consent-row__case]=\"!immediat()\"\n [class.st-consent-row__interrupteur]=\"immediat()\"\n [attr.role]=\"immediat() ? 'switch' : null\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n</st-form-field>\n@if (refus(); as message) {\n <st-inline-message\n class=\"st-consent-row__refus\"\n ton=\"
|
|
3961
|
-
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{--st-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
3967
|
+
template: "<st-form-field\n [disposition]=\"immediat() ? 'reglage' : 'case'\"\n [libelle]=\"titre()\"\n [aide]=\"aide()\"\n [obligatoire]=\"obligatoire()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <!-- Titre riche, relaye a l'etiquette de l'enveloppe (le lien vers le document). -->\n <ng-content select=\"[stLibelle]\" ngProjectAs=\"[stLibelle]\" />\n <input\n #champ\n type=\"checkbox\"\n stControleDeChamp\n [class.st-consent-row__case]=\"!immediat()\"\n [class.st-consent-row__interrupteur]=\"immediat()\"\n [attr.role]=\"immediat() ? 'switch' : null\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-readonly]=\"groupe.lectureSeule() ? 'true' : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-busy]=\"enAttente() ? 'true' : null\"\n [attr.aria-disabled]=\"enAttente() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n</st-form-field>\n@if (refus(); as message) {\n <st-inline-message\n class=\"st-consent-row__refus\"\n ton=\"erreur\"\n [identifiant]=\"identifiantDuRefus\"\n >{{ message }}</st-inline-message\n >\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
3968
|
+
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{--st-switch-rail: var(--st-cible-tactile-min);--st-switch-curseur: calc(var(--st-cible-min) - 2 * var(--st-epaisseur-forte));display:block;font-size:var(--st-taille-md);line-height:var(--st-interligne-md);color:var(--st-couleur-texte)}st-form-field{display:flex;align-items:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-2);border-radius:var(--st-rayon-md)}:host([data-mode=formulaire][data-cochee]) st-form-field{--st-choix-graisse: var(--st-graisse-semi);background-color:rgb(from var(--st-couleur-surface-conteneur-bas) r g b/50%);border:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-primaire) r g b/10%)}:host(:has(input:disabled)){--st-choix-couleur: var(--st-couleur-texte-desactive)}.st-consent-row__case:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-consent-row__case{position:relative}.st-consent-row__case:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-consent-row__case{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-consent-row__case:before{content:\"\";display:none}@media(hover:hover){.st-consent-row__case:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-consent-row__case:checked,.st-consent-row__case:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-consent-row__case[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-consent-row__case[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]{border-radius:var(--st-rayon-pleine)}.st-consent-row__case[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-consent-row__case[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-consent-row__case[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-consent-row__case[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__case:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-consent-row__case:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-consent-row__case[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-consent-row__case[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__case{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-consent-row__case:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-consent-row__case[type=radio]:checked{background:Canvas}.st-consent-row__case[type=radio]:checked:before{background:Highlight}.st-consent-row__case:disabled{border-color:GrayText}}@media print{.st-consent-row__case:is(:checked,:indeterminate),.st-consent-row__case[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-consent-row__case[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-consent-row__case[type=checkbox]:checked:before,.st-consent-row__case[type=checkbox]:indeterminate:before,.st-consent-row__case[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-consent-row__interrupteur:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-consent-row__interrupteur{position:relative;flex:none;box-sizing:border-box;inline-size:var(--st-switch-rail);block-size:var(--st-cible-min);padding:var(--st-epaisseur-forte);margin:0;cursor:pointer;background-color:var(--st-couleur-bordure);border:0;border-radius:var(--st-rayon-pleine);outline:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);outline-offset:calc(-1 * var(--st-epaisseur-fine));appearance:none;transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-consent-row__interrupteur:after{position:absolute;inset-block-start:50%;inset-inline-start:var(--st-epaisseur-forte);inline-size:var(--st-switch-curseur);block-size:var(--st-switch-curseur);content:\"\";background-color:var(--st-couleur-texte-discret);border-radius:var(--st-rayon-pleine);translate:0 -50%;transition:translate var(--st-duree-rapide) var(--st-courbe-standard)}@media(pointer:coarse){.st-consent-row__interrupteur:before{position:absolute;inset-block-start:50%;inset-inline:0;min-block-size:var(--st-cible-tactile-min);content:\"\";translate:0 -50%}}.st-consent-row__interrupteur:checked:not(:focus-visible){outline-style:none}.st-consent-row__interrupteur:checked{background-color:var(--st-couleur-primaire)}.st-consent-row__interrupteur:checked:after{background-color:var(--st-couleur-sur-primaire);translate:calc(var(--st-switch-rail) - var(--st-cible-min)) -50%}.st-consent-row__interrupteur:dir(rtl):checked:after{translate:calc(var(--st-cible-min) - var(--st-switch-rail)) -50%}.st-consent-row__interrupteur[aria-readonly=true]:not(:disabled){cursor:default}.st-consent-row__interrupteur[aria-busy=true]{cursor:progress}.st-consent-row__interrupteur[aria-busy=true]:checked{background-color:rgb(from var(--st-couleur-primaire) r g b/75%)}.st-consent-row__interrupteur:disabled{cursor:not-allowed;background-color:var(--st-couleur-surface);outline-color:var(--st-couleur-bordure)}.st-consent-row__interrupteur:disabled:after{background-color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-consent-row__interrupteur{forced-color-adjust:none;background-color:Canvas;outline-color:CanvasText}.st-consent-row__interrupteur:after{background-color:CanvasText}.st-consent-row__interrupteur:checked{background-color:Highlight}.st-consent-row__interrupteur:checked:after{background-color:HighlightText}.st-consent-row__interrupteur:disabled{outline-color:GrayText}.st-consent-row__interrupteur:disabled:after{background-color:GrayText}}.st-consent-row__refus{display:block;margin-block-start:var(--st-espacement-1);padding-inline:var(--st-espacement-2)}@media(forced-colors:active){:host([data-mode=formulaire][data-cochee]) st-form-field{border-color:CanvasText}}\n"]
|
|
3962
3969
|
}]
|
|
3963
3970
|
}],
|
|
3964
3971
|
ctorParameters: () => [],
|
|
@@ -4040,63 +4047,63 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4040
4047
|
var StConsentGroup = class StConsentGroup {
|
|
4041
4048
|
element = inject(ElementRef);
|
|
4042
4049
|
libelles = inject(ST_LIBELLES);
|
|
4043
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
4044
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
4045
|
-
mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] :
|
|
4050
|
+
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
|
|
4051
|
+
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
4052
|
+
mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
|
|
4046
4053
|
toutAccepter = input(false, {
|
|
4047
|
-
...ngDevMode ? { debugName: "toutAccepter" } :
|
|
4054
|
+
...ngDevMode ? { debugName: "toutAccepter" } : /* istanbul ignore next */ {},
|
|
4048
4055
|
transform: booleanAttribute
|
|
4049
4056
|
});
|
|
4050
4057
|
toutRefuser = input(false, {
|
|
4051
|
-
...ngDevMode ? { debugName: "toutRefuser" } :
|
|
4058
|
+
...ngDevMode ? { debugName: "toutRefuser" } : /* istanbul ignore next */ {},
|
|
4052
4059
|
transform: booleanAttribute
|
|
4053
4060
|
});
|
|
4054
|
-
value = model({}, ...ngDevMode ? [{ debugName: "value" }] :
|
|
4055
|
-
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] :
|
|
4061
|
+
value = model({}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
4062
|
+
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
|
|
4056
4063
|
touched = input(false, {
|
|
4057
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
4064
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
4058
4065
|
transform: booleanAttribute
|
|
4059
4066
|
});
|
|
4060
4067
|
dirty = input(false, {
|
|
4061
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
4068
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
4062
4069
|
transform: booleanAttribute
|
|
4063
4070
|
});
|
|
4064
4071
|
pending = input(false, {
|
|
4065
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
4072
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
4066
4073
|
transform: booleanAttribute
|
|
4067
4074
|
});
|
|
4068
4075
|
disabled = input(false, {
|
|
4069
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
4076
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
4070
4077
|
transform: booleanAttribute
|
|
4071
4078
|
});
|
|
4072
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
4079
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
4073
4080
|
readonly = input(false, {
|
|
4074
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
4081
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
4075
4082
|
transform: booleanAttribute
|
|
4076
4083
|
});
|
|
4077
4084
|
required = input(false, {
|
|
4078
|
-
...ngDevMode ? { debugName: "required" } :
|
|
4085
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
4079
4086
|
transform: booleanAttribute
|
|
4080
4087
|
});
|
|
4081
4088
|
hidden = input(false, {
|
|
4082
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
4089
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
4083
4090
|
transform: booleanAttribute
|
|
4084
4091
|
});
|
|
4085
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
4092
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
4086
4093
|
touch = output();
|
|
4087
4094
|
lignes = contentChildren(StConsentRow, {
|
|
4088
|
-
...ngDevMode ? { debugName: "lignes" } :
|
|
4095
|
+
...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
|
|
4089
4096
|
descendants: true
|
|
4090
4097
|
});
|
|
4091
|
-
desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] :
|
|
4092
|
-
lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] :
|
|
4093
|
-
enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
4098
|
+
desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
|
|
4099
|
+
lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : /* istanbul ignore next */ []);
|
|
4100
|
+
enErreur = computed(() => this.mode() === "formulaire" && this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
4094
4101
|
aideEtRaisons = computed(() => {
|
|
4095
4102
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
4096
4103
|
const aide = this.aide()?.trim() ?? "";
|
|
4097
4104
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
4098
4105
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
4099
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
4106
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
4100
4107
|
valeurDe(cle) {
|
|
4101
4108
|
return this.value()[cle];
|
|
4102
4109
|
}
|
|
@@ -4120,7 +4127,7 @@ var StConsentGroup = class StConsentGroup {
|
|
|
4120
4127
|
}
|
|
4121
4128
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
4122
4129
|
minVersion: "12.0.0",
|
|
4123
|
-
version: "22.2.
|
|
4130
|
+
version: "22.2.1",
|
|
4124
4131
|
ngImport: i0,
|
|
4125
4132
|
type: StConsentGroup,
|
|
4126
4133
|
deps: [],
|
|
@@ -4128,7 +4135,7 @@ var StConsentGroup = class StConsentGroup {
|
|
|
4128
4135
|
});
|
|
4129
4136
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
4130
4137
|
minVersion: "17.0.0",
|
|
4131
|
-
version: "22.2.
|
|
4138
|
+
version: "22.2.1",
|
|
4132
4139
|
type: StConsentGroup,
|
|
4133
4140
|
isStandalone: true,
|
|
4134
4141
|
selector: "st-consent-group",
|
|
@@ -4303,7 +4310,7 @@ var StConsentGroup = class StConsentGroup {
|
|
|
4303
4310
|
};
|
|
4304
4311
|
i0.ɵɵngDeclareClassMetadata({
|
|
4305
4312
|
minVersion: "12.0.0",
|
|
4306
|
-
version: "22.2.
|
|
4313
|
+
version: "22.2.1",
|
|
4307
4314
|
ngImport: i0,
|
|
4308
4315
|
type: StConsentGroup,
|
|
4309
4316
|
decorators: [{
|
|
@@ -4473,23 +4480,23 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4473
4480
|
const ST_GROUPE_DE_CHOIX = new InjectionToken("ST_GROUPE_DE_CHOIX");
|
|
4474
4481
|
var StChoice = class StChoice {
|
|
4475
4482
|
groupe = inject(ST_GROUPE_DE_CHOIX);
|
|
4476
|
-
valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] :
|
|
4483
|
+
valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
|
|
4477
4484
|
desactivee = input(false, {
|
|
4478
|
-
...ngDevMode ? { debugName: "desactivee" } :
|
|
4485
|
+
...ngDevMode ? { debugName: "desactivee" } : /* istanbul ignore next */ {},
|
|
4479
4486
|
transform: booleanAttribute
|
|
4480
4487
|
});
|
|
4481
|
-
raisonDIndisponibilite = input(null, ...ngDevMode ? [{ debugName: "raisonDIndisponibilite" }] :
|
|
4482
|
-
controle = viewChild.required("controle", ...ngDevMode ? [{ debugName: "controle" }] :
|
|
4483
|
-
zoneDuDetail = viewChild.required("zoneDuDetail", ...ngDevMode ? [{ debugName: "zoneDuDetail" }] :
|
|
4488
|
+
raisonDIndisponibilite = input(null, ...ngDevMode ? [{ debugName: "raisonDIndisponibilite" }] : /* istanbul ignore next */ []);
|
|
4489
|
+
controle = viewChild.required("controle", ...ngDevMode ? [{ debugName: "controle" }] : /* istanbul ignore next */ []);
|
|
4490
|
+
zoneDuDetail = viewChild.required("zoneDuDetail", ...ngDevMode ? [{ debugName: "zoneDuDetail" }] : /* istanbul ignore next */ []);
|
|
4484
4491
|
racine = inject(StIdentifiants).prochain("st-choix-carte");
|
|
4485
4492
|
identifiantDeLaRaison = `${this.racine}-raison`;
|
|
4486
4493
|
identifiantDuDetail = `${this.racine}-detail`;
|
|
4487
|
-
coche = computed(() => this.groupe.estChoisie(this.valeur()), ...ngDevMode ? [{ debugName: "coche" }] :
|
|
4494
|
+
coche = computed(() => this.groupe.estChoisie(this.valeur()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
|
|
4488
4495
|
raison = computed(() => {
|
|
4489
4496
|
const texte = this.desactivee() ? this.raisonDIndisponibilite()?.trim() ?? "" : "";
|
|
4490
4497
|
return texte === "" ? null : texte;
|
|
4491
|
-
}, ...ngDevMode ? [{ debugName: "raison" }] :
|
|
4492
|
-
aUnDetail = signal(false, ...ngDevMode ? [{ debugName: "aUnDetail" }] :
|
|
4498
|
+
}, ...ngDevMode ? [{ debugName: "raison" }] : /* istanbul ignore next */ []);
|
|
4499
|
+
aUnDetail = signal(false, ...ngDevMode ? [{ debugName: "aUnDetail" }] : /* istanbul ignore next */ []);
|
|
4493
4500
|
constructor() {
|
|
4494
4501
|
afterRenderEffect(() => {
|
|
4495
4502
|
this.coche();
|
|
@@ -4521,7 +4528,7 @@ var StChoice = class StChoice {
|
|
|
4521
4528
|
}
|
|
4522
4529
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
4523
4530
|
minVersion: "12.0.0",
|
|
4524
|
-
version: "22.2.
|
|
4531
|
+
version: "22.2.1",
|
|
4525
4532
|
ngImport: i0,
|
|
4526
4533
|
type: StChoice,
|
|
4527
4534
|
deps: [],
|
|
@@ -4529,7 +4536,7 @@ var StChoice = class StChoice {
|
|
|
4529
4536
|
});
|
|
4530
4537
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
4531
4538
|
minVersion: "17.0.0",
|
|
4532
|
-
version: "22.2.
|
|
4539
|
+
version: "22.2.1",
|
|
4533
4540
|
type: StChoice,
|
|
4534
4541
|
isStandalone: true,
|
|
4535
4542
|
selector: "st-choice",
|
|
@@ -4579,13 +4586,13 @@ var StChoice = class StChoice {
|
|
|
4579
4586
|
}],
|
|
4580
4587
|
ngImport: i0,
|
|
4581
4588
|
template: "<label class=\"st-choice__carte\">\n <input\n #controle\n class=\"st-choice__controle\"\n [type]=\"groupe.multiple() ? 'checkbox' : 'radio'\"\n [name]=\"groupe.nom()\"\n [value]=\"valeur()\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-disabled]=\"desactivee() ? 'true' : null\"\n [attr.aria-describedby]=\"raison() === null ? null : identifiantDeLaRaison\"\n [attr.aria-controls]=\"aUnDetail() ? identifiantDuDetail : null\"\n [attr.aria-expanded]=\"aUnDetail() && groupe.multiple() ? coche() : null\"\n [attr.aria-invalid]=\"groupe.enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"groupe.multiple() && groupe.lectureSeule() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n <span class=\"st-choice__media\"><ng-content select=\"st-icon, st-avatar\" /></span>\n <span class=\"st-choice__textes\">\n <span class=\"st-choice__titre\"><ng-content /></span>\n <span class=\"st-choice__precision\"><ng-content select=\"[precision]\" /></span>\n </span>\n</label>\n@if (raison(); as texte) {\n <span class=\"st-choice__raison\" [id]=\"identifiantDeLaRaison\">{{ texte }}</span>\n}\n<div #zoneDuDetail class=\"st-choice__detail\" [id]=\"identifiantDuDetail\" [hidden]=\"!coche()\">\n <ng-content select=\"[detail]\" />\n</div>\n",
|
|
4582
|
-
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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
4589
|
+
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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}\n"],
|
|
4583
4590
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
4584
4591
|
});
|
|
4585
4592
|
};
|
|
4586
4593
|
i0.ɵɵngDeclareClassMetadata({
|
|
4587
4594
|
minVersion: "12.0.0",
|
|
4588
|
-
version: "22.2.
|
|
4595
|
+
version: "22.2.1",
|
|
4589
4596
|
ngImport: i0,
|
|
4590
4597
|
type: StChoice,
|
|
4591
4598
|
decorators: [{
|
|
@@ -4600,7 +4607,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4600
4607
|
"[attr.data-lecture-seule]": "groupe.lectureSeule() ? \"\" : null"
|
|
4601
4608
|
},
|
|
4602
4609
|
template: "<label class=\"st-choice__carte\">\n <input\n #controle\n class=\"st-choice__controle\"\n [type]=\"groupe.multiple() ? 'checkbox' : 'radio'\"\n [name]=\"groupe.nom()\"\n [value]=\"valeur()\"\n [checked]=\"coche()\"\n [disabled]=\"groupe.desactive()\"\n [attr.aria-disabled]=\"desactivee() ? 'true' : null\"\n [attr.aria-describedby]=\"raison() === null ? null : identifiantDeLaRaison\"\n [attr.aria-controls]=\"aUnDetail() ? identifiantDuDetail : null\"\n [attr.aria-expanded]=\"aUnDetail() && groupe.multiple() ? coche() : null\"\n [attr.aria-invalid]=\"groupe.enErreur() ? 'true' : null\"\n [attr.aria-readonly]=\"groupe.multiple() && groupe.lectureSeule() ? 'true' : null\"\n (click)=\"surClic($event)\"\n (change)=\"surBascule($event)\"\n />\n <span class=\"st-choice__media\"><ng-content select=\"st-icon, st-avatar\" /></span>\n <span class=\"st-choice__textes\">\n <span class=\"st-choice__titre\"><ng-content /></span>\n <span class=\"st-choice__precision\"><ng-content select=\"[precision]\" /></span>\n </span>\n</label>\n@if (raison(); as texte) {\n <span class=\"st-choice__raison\" [id]=\"identifiantDeLaRaison\">{{ texte }}</span>\n}\n<div #zoneDuDetail class=\"st-choice__detail\" [id]=\"identifiantDuDetail\" [hidden]=\"!coche()\">\n <ng-content select=\"[detail]\" />\n</div>\n",
|
|
4603
|
-
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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-
|
|
4610
|
+
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;box-sizing:border-box;min-inline-size:0;color:var(--st-couleur-texte);background-color:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure);border-radius:var(--st-surface-rayon, var(--st-rayon-md))}:host([data-coche]){background-color:var(--st-couleur-primaire-discret);border-color:var(--st-couleur-primaire);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-primaire)}@media(hover:hover){:host(:not([data-coche],[data-indisponible],[data-lecture-seule]):has(.st-choice__carte:hover)){border-color:var(--st-couleur-bordure-forte);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__carte{display:flex;gap:var(--st-espacement-3);align-items:center;box-sizing:border-box;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);cursor:pointer}.st-choice__controle:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}@media(pointer:coarse){.st-choice__controle{position:relative}.st-choice__controle:after{position:absolute;top:50%;left:50%;min-width:var(--st-cible-tactile-min);min-height:var(--st-cible-tactile-min);content:\"\";transform:translate(-50%,-50%)}}.st-choice__controle{appearance:none;display:inline-grid;flex:none;place-content:center;box-sizing:border-box;inline-size:var(--st-cible-min);block-size:var(--st-cible-min);margin:0;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-sm)}.st-choice__controle:before{content:\"\";display:none}@media(hover:hover){.st-choice__controle:hover:not(:disabled,:checked,:indeterminate){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-choice__controle:checked,.st-choice__controle:indeterminate{background:var(--st-couleur-primaire);border-color:var(--st-couleur-primaire)}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){border-width:0}.st-choice__controle[type=checkbox]:checked:before{display:block;inline-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));block-size:calc(var(--st-espacement-4) + var(--st-espacement-demi));background:var(--st-couleur-sur-primaire);clip-path:polygon(39.79% 75%,16.04% 51.25%,21.98% 45.31%,39.79% 63.13%,78.02% 24.9%,83.96% 30.83%)}.st-choice__controle[type=checkbox]:indeterminate:before{display:block;clip-path:none;inline-size:var(--st-espacement-3-5);block-size:calc((var(--st-epaisseur-moyenne) + var(--st-epaisseur-forte)) / 2);background:var(--st-couleur-sur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]{border-radius:var(--st-rayon-pleine)}.st-choice__controle[type=radio]:checked{background:var(--st-couleur-surface);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-primaire)}.st-choice__controle[type=radio]:checked:before{display:block;inline-size:var(--st-espacement-3);block-size:var(--st-espacement-3);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-choice__controle[aria-invalid=true]:not(:checked,:indeterminate){border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur)}.st-choice__controle[aria-readonly=true]:not(:disabled){cursor:default}.st-choice__controle:disabled{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle:disabled:is(:checked,:indeterminate){background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[type=radio]:disabled:checked{background:var(--st-couleur-surface)}.st-choice__controle[type=radio]:disabled:checked:before{background:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-choice__controle{forced-color-adjust:none;background:Canvas;border-color:CanvasText}.st-choice__controle:is(:checked,:indeterminate){background:Highlight;border-color:Highlight}.st-choice__controle[type=checkbox]:is(:checked,:indeterminate):before{background:HighlightText}.st-choice__controle[type=radio]:checked{background:Canvas}.st-choice__controle[type=radio]:checked:before{background:Highlight}.st-choice__controle:disabled{border-color:GrayText}}@media print{.st-choice__controle:is(:checked,:indeterminate),.st-choice__controle[type=checkbox]:is(:checked,:indeterminate){background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-texte)}.st-choice__controle[type=radio]:checked{border:var(--st-epaisseur-moyenne) solid var(--st-couleur-texte)}.st-choice__controle[type=checkbox]:checked:before,.st-choice__controle[type=checkbox]:indeterminate:before,.st-choice__controle[type=radio]:checked:before{background:var(--st-couleur-texte);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.st-choice__media{display:inline-flex;flex:none;color:var(--st-couleur-texte-discret)}.st-choice__media:empty{display:none}.st-choice__textes{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--st-espacement-demi);min-inline-size:0}.st-choice__titre,.st-choice__precision{display:block}.st-choice__titre{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);overflow-wrap:anywhere}.st-choice__precision{font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__precision:empty{display:none}.st-choice__raison,.st-choice__detail{padding-block-end:var(--st-espacement-4);padding-inline:calc(var(--st-espacement-4) + var(--st-cible-min) + var(--st-espacement-3)) var(--st-espacement-4)}.st-choice__raison{display:block;margin-block-start:calc(-1 * var(--st-espacement-2));font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-choice__detail:is(:empty,[hidden]){display:none}:host([data-indisponible]) .st-choice__carte{cursor:not-allowed}:host([data-indisponible]) .st-choice__titre{color:var(--st-couleur-texte-discret)}:host([data-indisponible][data-coche]){background-color:var(--st-couleur-surface);border-color:var(--st-couleur-texte-desactive);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true]{cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-choice__controle[aria-disabled=true][type=checkbox]:checked{background:var(--st-couleur-texte-desactive);border-color:var(--st-couleur-texte-desactive)}.st-choice__controle[aria-disabled=true][type=radio]:checked:before{background:var(--st-couleur-texte-desactive)}:host(:has(.st-choice__controle:disabled)) .st-choice__carte{cursor:not-allowed}:host(:has(.st-choice__controle:disabled)) .st-choice__titre{color:var(--st-couleur-texte-desactive)}:host([data-lecture-seule]) .st-choice__carte{cursor:default}@media(forced-colors:active){:host{border-color:CanvasText}:host([data-coche]){border-color:Highlight;outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-2 * var(--st-epaisseur-fine))}:host([data-indisponible]),:host([data-indisponible][data-coche]){border-color:GrayText;outline:none}.st-choice__controle[aria-disabled=true]{border-color:GrayText}}@media print{:host,:host([data-coche]){background:none;box-shadow:none}:host([data-coche]){border-color:var(--st-couleur-texte);outline:var(--st-epaisseur-fine) solid var(--st-couleur-texte);outline-offset:calc(-2 * var(--st-epaisseur-fine))}}\n"]
|
|
4604
4611
|
}]
|
|
4605
4612
|
}],
|
|
4606
4613
|
ctorParameters: () => [],
|
|
@@ -4641,64 +4648,64 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4641
4648
|
});
|
|
4642
4649
|
var StChoiceGroup = class StChoiceGroup {
|
|
4643
4650
|
element = inject(ElementRef);
|
|
4644
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
4645
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
4646
|
-
mode = input("unique", ...ngDevMode ? [{ debugName: "mode" }] :
|
|
4647
|
-
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
4648
|
-
value = model("", ...ngDevMode ? [{ debugName: "value" }] :
|
|
4649
|
-
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] :
|
|
4651
|
+
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] : /* istanbul ignore next */ []);
|
|
4652
|
+
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
4653
|
+
mode = input("unique", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
|
|
4654
|
+
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
|
|
4655
|
+
value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
4656
|
+
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
|
|
4650
4657
|
touched = input(false, {
|
|
4651
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
4658
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
4652
4659
|
transform: booleanAttribute
|
|
4653
4660
|
});
|
|
4654
4661
|
dirty = input(false, {
|
|
4655
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
4662
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
4656
4663
|
transform: booleanAttribute
|
|
4657
4664
|
});
|
|
4658
4665
|
pending = input(false, {
|
|
4659
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
4666
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
4660
4667
|
transform: booleanAttribute
|
|
4661
4668
|
});
|
|
4662
4669
|
disabled = input(false, {
|
|
4663
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
4670
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
4664
4671
|
transform: booleanAttribute
|
|
4665
4672
|
});
|
|
4666
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
4673
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
4667
4674
|
readonly = input(false, {
|
|
4668
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
4675
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
4669
4676
|
transform: booleanAttribute
|
|
4670
4677
|
});
|
|
4671
4678
|
required = input(false, {
|
|
4672
|
-
...ngDevMode ? { debugName: "required" } :
|
|
4679
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
4673
4680
|
transform: booleanAttribute
|
|
4674
4681
|
});
|
|
4675
4682
|
hidden = input(false, {
|
|
4676
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
4683
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
4677
4684
|
transform: booleanAttribute
|
|
4678
4685
|
});
|
|
4679
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
4686
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
4680
4687
|
touch = output();
|
|
4681
4688
|
cartes = contentChildren(StChoice, {
|
|
4682
|
-
...ngDevMode ? { debugName: "cartes" } :
|
|
4689
|
+
...ngDevMode ? { debugName: "cartes" } : /* istanbul ignore next */ {},
|
|
4683
4690
|
descendants: true
|
|
4684
4691
|
});
|
|
4685
4692
|
nomParDefaut = inject(StIdentifiants).prochain("st-choix");
|
|
4686
|
-
multiple = computed(() => this.mode() === "multiple", ...ngDevMode ? [{ debugName: "multiple" }] :
|
|
4687
|
-
nom = computed(() => this.name() === "" ? this.nomParDefaut : this.name(), ...ngDevMode ? [{ debugName: "nom" }] :
|
|
4688
|
-
desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] :
|
|
4689
|
-
lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] :
|
|
4690
|
-
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
4693
|
+
multiple = computed(() => this.mode() === "multiple", ...ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []);
|
|
4694
|
+
nom = computed(() => this.name() === "" ? this.nomParDefaut : this.name(), ...ngDevMode ? [{ debugName: "nom" }] : /* istanbul ignore next */ []);
|
|
4695
|
+
desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] : /* istanbul ignore next */ []);
|
|
4696
|
+
lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] : /* istanbul ignore next */ []);
|
|
4697
|
+
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
4691
4698
|
choisies = computed(() => {
|
|
4692
4699
|
const valeur = this.value();
|
|
4693
4700
|
if (typeof valeur !== "string") return new Set(valeur);
|
|
4694
4701
|
return new Set(valeur === "" ? [] : [valeur]);
|
|
4695
|
-
}, ...ngDevMode ? [{ debugName: "choisies" }] :
|
|
4702
|
+
}, ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
|
|
4696
4703
|
aideEtRaisons = computed(() => {
|
|
4697
4704
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
4698
4705
|
const aide = this.aide()?.trim() ?? "";
|
|
4699
4706
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
4700
4707
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
4701
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
4708
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
4702
4709
|
constructor() {
|
|
4703
4710
|
if (isDevMode()) effect(() => {
|
|
4704
4711
|
const valeur = this.value();
|
|
@@ -4738,7 +4745,7 @@ var StChoiceGroup = class StChoiceGroup {
|
|
|
4738
4745
|
}
|
|
4739
4746
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
4740
4747
|
minVersion: "12.0.0",
|
|
4741
|
-
version: "22.2.
|
|
4748
|
+
version: "22.2.1",
|
|
4742
4749
|
ngImport: i0,
|
|
4743
4750
|
type: StChoiceGroup,
|
|
4744
4751
|
deps: [],
|
|
@@ -4746,7 +4753,7 @@ var StChoiceGroup = class StChoiceGroup {
|
|
|
4746
4753
|
});
|
|
4747
4754
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
4748
4755
|
minVersion: "17.2.0",
|
|
4749
|
-
version: "22.2.
|
|
4756
|
+
version: "22.2.1",
|
|
4750
4757
|
type: StChoiceGroup,
|
|
4751
4758
|
isStandalone: true,
|
|
4752
4759
|
selector: "st-choice-group",
|
|
@@ -4904,7 +4911,7 @@ var StChoiceGroup = class StChoiceGroup {
|
|
|
4904
4911
|
};
|
|
4905
4912
|
i0.ɵɵngDeclareClassMetadata({
|
|
4906
4913
|
minVersion: "12.0.0",
|
|
4907
|
-
version: "22.2.
|
|
4914
|
+
version: "22.2.1",
|
|
4908
4915
|
ngImport: i0,
|
|
4909
4916
|
type: StChoiceGroup,
|
|
4910
4917
|
decorators: [{
|
|
@@ -5070,16 +5077,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
|
|
|
5070
5077
|
libelles = inject(ST_LIBELLES);
|
|
5071
5078
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
5072
5079
|
enAttente = input(false, {
|
|
5073
|
-
...ngDevMode ? { debugName: "enAttente" } :
|
|
5080
|
+
...ngDevMode ? { debugName: "enAttente" } : /* istanbul ignore next */ {},
|
|
5074
5081
|
transform: booleanAttribute
|
|
5075
5082
|
});
|
|
5076
|
-
libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] :
|
|
5083
|
+
libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] : /* istanbul ignore next */ []);
|
|
5077
5084
|
aideDEtat = input(false, {
|
|
5078
|
-
...ngDevMode ? { debugName: "aideDEtat" } :
|
|
5085
|
+
...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
|
|
5079
5086
|
transform: booleanAttribute
|
|
5080
5087
|
});
|
|
5081
5088
|
libelleEtat = input(false, {
|
|
5082
|
-
...ngDevMode ? { debugName: "libelleEtat" } :
|
|
5089
|
+
...ngDevMode ? { debugName: "libelleEtat" } : /* istanbul ignore next */ {},
|
|
5083
5090
|
transform: booleanAttribute
|
|
5084
5091
|
});
|
|
5085
5092
|
constructor() {
|
|
@@ -5122,16 +5129,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
|
|
|
5122
5129
|
}
|
|
5123
5130
|
super.surBascule(evenement);
|
|
5124
5131
|
}
|
|
5125
|
-
aideAffichee = computed(() => this.enAttente() ? null : this.aideEtRaisons(), ...ngDevMode ? [{ debugName: "aideAffichee" }] :
|
|
5132
|
+
aideAffichee = computed(() => this.enAttente() ? null : this.aideEtRaisons(), ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
|
|
5126
5133
|
etat = computed(() => {
|
|
5127
5134
|
const libelles = this.libelles();
|
|
5128
5135
|
if (this.enAttente()) return this.libelleAttente() ?? libelles.enregistrementEnCours;
|
|
5129
5136
|
if (!this.libelleEtat()) return null;
|
|
5130
5137
|
return this.checked() ? libelles.etatActive : libelles.etatDesactive;
|
|
5131
|
-
}, ...ngDevMode ? [{ debugName: "etat" }] :
|
|
5138
|
+
}, ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
|
|
5132
5139
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5133
5140
|
minVersion: "12.0.0",
|
|
5134
|
-
version: "22.2.
|
|
5141
|
+
version: "22.2.1",
|
|
5135
5142
|
ngImport: i0,
|
|
5136
5143
|
type: StSwitch,
|
|
5137
5144
|
deps: [],
|
|
@@ -5139,7 +5146,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
|
|
|
5139
5146
|
});
|
|
5140
5147
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5141
5148
|
minVersion: "17.0.0",
|
|
5142
|
-
version: "22.2.
|
|
5149
|
+
version: "22.2.1",
|
|
5143
5150
|
type: StSwitch,
|
|
5144
5151
|
isStandalone: true,
|
|
5145
5152
|
selector: "st-switch",
|
|
@@ -5226,7 +5233,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
|
|
|
5226
5233
|
};
|
|
5227
5234
|
i0.ɵɵngDeclareClassMetadata({
|
|
5228
5235
|
minVersion: "12.0.0",
|
|
5229
|
-
version: "22.2.
|
|
5236
|
+
version: "22.2.1",
|
|
5230
5237
|
ngImport: i0,
|
|
5231
5238
|
type: StSwitch,
|
|
5232
5239
|
decorators: [{
|
|
@@ -5293,16 +5300,16 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5293
5300
|
injecteur = inject(Injector);
|
|
5294
5301
|
envoi = inject(ST_ETAT_D_ENVOI, { optional: true });
|
|
5295
5302
|
noms = inject(StNomsDesChamps);
|
|
5296
|
-
erreurs = input(...ngDevMode ? [void 0, { debugName: "erreurs" }] :
|
|
5297
|
-
titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] :
|
|
5298
|
-
niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] :
|
|
5299
|
-
introduction = input(null, ...ngDevMode ? [{ debugName: "introduction" }] :
|
|
5303
|
+
erreurs = input(...ngDevMode ? [void 0, { debugName: "erreurs" }] : /* istanbul ignore next */ []);
|
|
5304
|
+
titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
|
|
5305
|
+
niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] : /* istanbul ignore next */ []);
|
|
5306
|
+
introduction = input(null, ...ngDevMode ? [{ debugName: "introduction" }] : /* istanbul ignore next */ []);
|
|
5300
5307
|
tentative = input(0, {
|
|
5301
|
-
...ngDevMode ? { debugName: "tentative" } :
|
|
5308
|
+
...ngDevMode ? { debugName: "tentative" } : /* istanbul ignore next */ {},
|
|
5302
5309
|
transform: (valeur) => numberAttribute(valeur, 0)
|
|
5303
5310
|
});
|
|
5304
|
-
erreursLues = computed(() => this.erreurs() ?? this.envoi?.recapitulatif() ?? [], ...ngDevMode ? [{ debugName: "erreursLues" }] :
|
|
5305
|
-
tentativeLue = computed(() => this.erreurs() === void 0 && this.envoi !== null ? this.envoi.tentative() : this.tentative(), ...ngDevMode ? [{ debugName: "tentativeLue" }] :
|
|
5311
|
+
erreursLues = computed(() => this.erreurs() ?? this.envoi?.recapitulatif() ?? [], ...ngDevMode ? [{ debugName: "erreursLues" }] : /* istanbul ignore next */ []);
|
|
5312
|
+
tentativeLue = computed(() => this.erreurs() === void 0 && this.envoi !== null ? this.envoi.tentative() : this.tentative(), ...ngDevMode ? [{ debugName: "tentativeLue" }] : /* istanbul ignore next */ []);
|
|
5306
5313
|
identifiantDuTitre = inject(StIdentifiants).prochain("st-recapitulatif");
|
|
5307
5314
|
lignes = computed(() => {
|
|
5308
5315
|
const libelles = this.libelles();
|
|
@@ -5328,8 +5335,9 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5328
5335
|
});
|
|
5329
5336
|
}
|
|
5330
5337
|
return lignes;
|
|
5331
|
-
}, ...ngDevMode ? [{ debugName: "lignes" }] :
|
|
5332
|
-
|
|
5338
|
+
}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
|
|
5339
|
+
prefixe = computed(() => this.libelles().tonErreur, ...ngDevMode ? [{ debugName: "prefixe" }] : /* istanbul ignore next */ []);
|
|
5340
|
+
titreLu = computed(() => this.titre() ?? this.libelles().erreursACorriger(this.lignes().length), ...ngDevMode ? [{ debugName: "titreLu" }] : /* istanbul ignore next */ []);
|
|
5333
5341
|
constructor() {
|
|
5334
5342
|
let visible = false;
|
|
5335
5343
|
let derniereTentative = this.tentativeLue();
|
|
@@ -5355,7 +5363,7 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5355
5363
|
}
|
|
5356
5364
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5357
5365
|
minVersion: "12.0.0",
|
|
5358
|
-
version: "22.2.
|
|
5366
|
+
version: "22.2.1",
|
|
5359
5367
|
ngImport: i0,
|
|
5360
5368
|
type: StErrorSummary,
|
|
5361
5369
|
deps: [],
|
|
@@ -5363,7 +5371,7 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5363
5371
|
});
|
|
5364
5372
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5365
5373
|
minVersion: "17.0.0",
|
|
5366
|
-
version: "22.2.
|
|
5374
|
+
version: "22.2.1",
|
|
5367
5375
|
type: StErrorSummary,
|
|
5368
5376
|
isStandalone: true,
|
|
5369
5377
|
selector: "st-error-summary",
|
|
@@ -5414,8 +5422,8 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5414
5422
|
classAttribute: "st-error-summary"
|
|
5415
5423
|
},
|
|
5416
5424
|
ngImport: i0,
|
|
5417
|
-
template: "@if (lignes().length > 0) {\n <div class=\"st-error-summary__entete\">\n <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n @switch (niveau()) {\n @case (3) {\n <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n }\n @case (4) {\n <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n }\n @default {\n <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n }\n }\n <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n </div>\n <div class=\"st-error-summary__corps\">\n @if (introduction(); as texte) {\n <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n }\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-error-summary__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle) {\n <li class=\"st-error-summary__ligne\">\n <span class=\"st-error-summary__puce\" aria-hidden=\"true\">•</span>\n @if (ligne.libelle !== null) {\n <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n {{ ligne.message }}\n </button>\n } @else {\n <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n }\n </li>\n }\n </ul>\n </div>\n}\n",
|
|
5418
|
-
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{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-
|
|
5425
|
+
template: "@if (lignes().length > 0) {\n <div class=\"st-error-summary__entete\">\n <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n @switch (niveau()) {\n @case (3) {\n <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n }\n @case (4) {\n <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n }\n @default {\n <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n }\n }\n <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n </div>\n <div class=\"st-error-summary__corps\">\n @if (introduction(); as texte) {\n <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n }\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-error-summary__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle) {\n <li class=\"st-error-summary__ligne\">\n <span class=\"st-error-summary__puce\" aria-hidden=\"true\">•</span>\n <!-- Le mot de l'erreur, a la place de la puce sous `--st-prefixe-de-ton: visible`. -->\n <span class=\"st-error-summary__prefixe\">{{ prefixe() }}</span>\n @if (ligne.libelle !== null) {\n <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n {{ ligne.message }}\n </button>\n } @else {\n <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n }\n </li>\n }\n </ul>\n </div>\n}\n",
|
|
5426
|
+
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{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-erreur)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-erreur)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-erreur-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-error-summary__prefixe{display:none;flex:none;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);white-space:nowrap}@container style(--st-prefixe-de-ton: visible){.st-error-summary__puce{display:none}.st-error-summary__prefixe{display:inline}}.st-error-summary__lien:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-erreur) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-erreur-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"],
|
|
5419
5427
|
dependencies: [{
|
|
5420
5428
|
kind: "component",
|
|
5421
5429
|
type: StIcon,
|
|
@@ -5437,7 +5445,7 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5437
5445
|
};
|
|
5438
5446
|
i0.ɵɵngDeclareClassMetadata({
|
|
5439
5447
|
minVersion: "12.0.0",
|
|
5440
|
-
version: "22.2.
|
|
5448
|
+
version: "22.2.1",
|
|
5441
5449
|
ngImport: i0,
|
|
5442
5450
|
type: StErrorSummary,
|
|
5443
5451
|
decorators: [{
|
|
@@ -5453,8 +5461,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5453
5461
|
"[attr.tabindex]": "lignes().length === 0 ? null : -1",
|
|
5454
5462
|
"[attr.aria-labelledby]": "lignes().length === 0 ? null : identifiantDuTitre"
|
|
5455
5463
|
},
|
|
5456
|
-
template: "@if (lignes().length > 0) {\n <div class=\"st-error-summary__entete\">\n <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n @switch (niveau()) {\n @case (3) {\n <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n }\n @case (4) {\n <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n }\n @default {\n <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n }\n }\n <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n </div>\n <div class=\"st-error-summary__corps\">\n @if (introduction(); as texte) {\n <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n }\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-error-summary__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle) {\n <li class=\"st-error-summary__ligne\">\n <span class=\"st-error-summary__puce\" aria-hidden=\"true\">•</span>\n @if (ligne.libelle !== null) {\n <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n {{ ligne.message }}\n </button>\n } @else {\n <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n }\n </li>\n }\n </ul>\n </div>\n}\n",
|
|
5457
|
-
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{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-
|
|
5464
|
+
template: "@if (lignes().length > 0) {\n <div class=\"st-error-summary__entete\">\n <st-icon class=\"st-error-summary__icone\" nom=\"cercle-croix\" variante=\"plein\" taille=\"22\" />\n @switch (niveau()) {\n @case (3) {\n <h3 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h3>\n }\n @case (4) {\n <h4 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h4>\n }\n @default {\n <h2 class=\"st-error-summary__titre\" [id]=\"identifiantDuTitre\">{{ titreLu() }}</h2>\n }\n }\n <span class=\"st-error-summary__etiquette\"><ng-content select=\"[stEtiquette]\" /></span>\n </div>\n <div class=\"st-error-summary__corps\">\n @if (introduction(); as texte) {\n <p class=\"st-error-summary__introduction\">{{ texte }}</p>\n }\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-error-summary__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle) {\n <li class=\"st-error-summary__ligne\">\n <span class=\"st-error-summary__puce\" aria-hidden=\"true\">•</span>\n <!-- Le mot de l'erreur, a la place de la puce sous `--st-prefixe-de-ton: visible`. -->\n <span class=\"st-error-summary__prefixe\">{{ prefixe() }}</span>\n @if (ligne.libelle !== null) {\n <button type=\"button\" class=\"st-error-summary__lien\" (click)=\"ligne.aller()\">\n <strong class=\"st-error-summary__champ\">{{ ligne.libelle }}</strong>\n {{ ligne.message }}\n </button>\n } @else {\n <span class=\"st-error-summary__texte\">{{ ligne.message }}</span>\n }\n </li>\n }\n </ul>\n </div>\n}\n",
|
|
5465
|
+
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{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}:host{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);display:block;box-sizing:border-box;padding:var(--st-espacement-5);color:var(--st-couleur-texte);background-color:var(--st-couleur-erreur-discret);border:var(--st-epaisseur-moyenne) solid var(--st-couleur-erreur);border-radius:var(--st-rayon-md)}.st-error-summary__entete{display:flex;gap:var(--st-espacement-3);align-items:center;padding-block-end:var(--st-espacement-3);border-block-end:var(--st-epaisseur-fine) solid rgb(from var(--st-couleur-erreur) r g b/20%)}.st-error-summary__icone{color:var(--st-couleur-erreur)}.st-error-summary__titre{font-size:var(--st-taille-md);line-height:var(--st-interligne-md);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-normal);margin:0;color:var(--st-couleur-erreur)}.st-error-summary__etiquette{display:flex;margin-inline-start:auto}.st-error-summary__etiquette:empty{display:none}.st-error-summary__corps{margin-block-start:var(--st-espacement-3)}.st-error-summary__introduction{margin:0 0 var(--st-espacement-2);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-sur-erreur-discret)}.st-error-summary__liste{display:flex;flex-direction:column;gap:var(--st-espacement-2);padding:0;margin:0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);list-style:none}.st-error-summary__ligne{display:flex;gap:var(--st-espacement-2);align-items:flex-start;min-inline-size:0;overflow-wrap:anywhere}.st-error-summary__puce{flex:none;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-error-summary__prefixe{display:none;flex:none;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);white-space:nowrap}@container style(--st-prefixe-de-ton: visible){.st-error-summary__puce{display:none}.st-error-summary__prefixe{display:inline}}.st-error-summary__lien:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-error-summary__lien{padding:var(--st-espacement-demi) 0;margin-block:calc(-1 * var(--st-espacement-demi));font:inherit;font-weight:var(--st-graisse-semi);color:var(--st-couleur-erreur);text-align:start;text-decoration:underline;text-decoration-color:rgb(from var(--st-couleur-erreur) r g b/40%);text-underline-offset:var(--st-espacement-1);cursor:pointer;background:none;border:0}@media(hover:hover){.st-error-summary__lien:hover{text-decoration-thickness:var(--st-epaisseur-moyenne)}}.st-error-summary__champ{font-weight:var(--st-graisse-grasse)}.st-error-summary__texte{color:var(--st-couleur-sur-erreur-discret)}@media(forced-colors:active){:host{border-color:CanvasText}}@media print{:host{background-color:var(--st-couleur-surface)}}\n"]
|
|
5458
5466
|
}]
|
|
5459
5467
|
}],
|
|
5460
5468
|
ctorParameters: () => [],
|
|
@@ -5532,7 +5540,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
|
|
|
5532
5540
|
}
|
|
5533
5541
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5534
5542
|
minVersion: "12.0.0",
|
|
5535
|
-
version: "22.2.
|
|
5543
|
+
version: "22.2.1",
|
|
5536
5544
|
ngImport: i0,
|
|
5537
5545
|
type: EnvoisDeFormulaire,
|
|
5538
5546
|
deps: [],
|
|
@@ -5540,7 +5548,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
|
|
|
5540
5548
|
});
|
|
5541
5549
|
static ɵprov = i0.ɵɵngDeclareInjectable({
|
|
5542
5550
|
minVersion: "12.0.0",
|
|
5543
|
-
version: "22.2.
|
|
5551
|
+
version: "22.2.1",
|
|
5544
5552
|
ngImport: i0,
|
|
5545
5553
|
type: EnvoisDeFormulaire,
|
|
5546
5554
|
providedIn: "root"
|
|
@@ -5548,7 +5556,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
|
|
|
5548
5556
|
};
|
|
5549
5557
|
i0.ɵɵngDeclareClassMetadata({
|
|
5550
5558
|
minVersion: "12.0.0",
|
|
5551
|
-
version: "22.2.
|
|
5559
|
+
version: "22.2.1",
|
|
5552
5560
|
ngImport: i0,
|
|
5553
5561
|
type: EnvoisDeFormulaire,
|
|
5554
5562
|
decorators: [{
|
|
@@ -5556,6 +5564,17 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5556
5564
|
args: [{ providedIn: "root" }]
|
|
5557
5565
|
}]
|
|
5558
5566
|
});
|
|
5567
|
+
const ST_ESTIMATEUR_DE_FORCE = new InjectionToken("ST_ESTIMATEUR_DE_FORCE");
|
|
5568
|
+
function fournirEstimateurDeForce(chargeur) {
|
|
5569
|
+
return {
|
|
5570
|
+
provide: ST_ESTIMATEUR_DE_FORCE,
|
|
5571
|
+
useValue: chargeur
|
|
5572
|
+
};
|
|
5573
|
+
}
|
|
5574
|
+
function niveauDuScore(score) {
|
|
5575
|
+
if (!Number.isFinite(score) || score < 3) return 1;
|
|
5576
|
+
return score < 4 ? 2 : 3;
|
|
5577
|
+
}
|
|
5559
5578
|
function longueurVue(texte) {
|
|
5560
5579
|
return Array.from(texte).length;
|
|
5561
5580
|
}
|
|
@@ -5566,12 +5585,37 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5566
5585
|
racineDesParties = inject(StIdentifiants).prochain("st-password-field");
|
|
5567
5586
|
idRegles = `${this.racineDesParties}-regles`;
|
|
5568
5587
|
idMajuscules = `${this.racineDesParties}-majuscules`;
|
|
5569
|
-
|
|
5570
|
-
|
|
5571
|
-
|
|
5572
|
-
|
|
5573
|
-
|
|
5574
|
-
|
|
5588
|
+
idJauge = `${this.racineDesParties}-jauge`;
|
|
5589
|
+
chargeurDeForce = inject(ST_ESTIMATEUR_DE_FORCE, { optional: true });
|
|
5590
|
+
usage = input("connexion", ...ngDevMode ? [{ debugName: "usage" }] : /* istanbul ignore next */ []);
|
|
5591
|
+
regles = input([], ...ngDevMode ? [{ debugName: "regles" }] : /* istanbul ignore next */ []);
|
|
5592
|
+
titreDesRegles = input(null, ...ngDevMode ? [{ debugName: "titreDesRegles" }] : /* istanbul ignore next */ []);
|
|
5593
|
+
jauge = input(false, {
|
|
5594
|
+
...ngDevMode ? { debugName: "jauge" } : /* istanbul ignore next */ {},
|
|
5595
|
+
transform: booleanAttribute
|
|
5596
|
+
});
|
|
5597
|
+
motsDeForce = input(null, ...ngDevMode ? [{ debugName: "motsDeForce" }] : /* istanbul ignore next */ []);
|
|
5598
|
+
jaugeActive = computed(() => this.jauge() && this.usage() === "creation", ...ngDevMode ? [{ debugName: "jaugeActive" }] : /* istanbul ignore next */ []);
|
|
5599
|
+
niveauDeForce = signal(0, ...ngDevMode ? [{ debugName: "niveauDeForce" }] : /* istanbul ignore next */ []);
|
|
5600
|
+
segmentsDeForce = [
|
|
5601
|
+
1,
|
|
5602
|
+
2,
|
|
5603
|
+
3
|
|
5604
|
+
];
|
|
5605
|
+
motDeForce = computed(() => {
|
|
5606
|
+
const niveau = this.niveauDeForce();
|
|
5607
|
+
if (niveau === 0) return "";
|
|
5608
|
+
return (this.motsDeForce() ?? this.libelles().niveauxDeForce)[niveau - 1] ?? "";
|
|
5609
|
+
}, ...ngDevMode ? [{ debugName: "motDeForce" }] : /* istanbul ignore next */ []);
|
|
5610
|
+
reglePendante = computed(() => {
|
|
5611
|
+
const valeur = this.value();
|
|
5612
|
+
return this.regles().some((regle) => typeof regle !== "string" && regle.respectee !== void 0 && !regle.respectee(valeur));
|
|
5613
|
+
}, ...ngDevMode ? [{ debugName: "reglePendante" }] : /* istanbul ignore next */ []);
|
|
5614
|
+
estimateur = null;
|
|
5615
|
+
minuterieDeForce;
|
|
5616
|
+
revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
|
|
5617
|
+
majusculesVerrouillees = signal(false, ...ngDevMode ? [{ debugName: "majusculesVerrouillees" }] : /* istanbul ignore next */ []);
|
|
5618
|
+
autocomplete = computed(() => this.usage() === "creation" ? "new-password" : "current-password", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
5575
5619
|
reglesRendues = computed(() => {
|
|
5576
5620
|
if (this.usage() !== "creation") return [];
|
|
5577
5621
|
const valeur = this.value();
|
|
@@ -5582,27 +5626,59 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5582
5626
|
texte: regle.texte,
|
|
5583
5627
|
respectee: regle.respectee?.(valeur) ?? false
|
|
5584
5628
|
});
|
|
5585
|
-
}, ...ngDevMode ? [{ debugName: "reglesRendues" }] :
|
|
5586
|
-
titreRendu = computed(() => this.titreDesRegles() ?? this.libelles().reglesDuMotDePasse, ...ngDevMode ? [{ debugName: "titreRendu" }] :
|
|
5629
|
+
}, ...ngDevMode ? [{ debugName: "reglesRendues" }] : /* istanbul ignore next */ []);
|
|
5630
|
+
titreRendu = computed(() => this.titreDesRegles() ?? this.libelles().reglesDuMotDePasse, ...ngDevMode ? [{ debugName: "titreRendu" }] : /* istanbul ignore next */ []);
|
|
5587
5631
|
compteur = computed(() => {
|
|
5588
5632
|
const maximum = this.maxLength();
|
|
5589
5633
|
if (maximum === void 0) return null;
|
|
5590
5634
|
const restants = maximum - longueurVue(this.value());
|
|
5591
5635
|
const libelles = this.libelles();
|
|
5592
5636
|
return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
|
|
5593
|
-
}, ...ngDevMode ? [{ debugName: "compteur" }] :
|
|
5637
|
+
}, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
|
|
5594
5638
|
descriptionsDuControle = computed(() => {
|
|
5595
5639
|
const ids = [];
|
|
5640
|
+
if (this.jaugeActive() && this.niveauDeForce() !== 0) ids.push(this.idJauge);
|
|
5596
5641
|
if (this.reglesRendues().length > 0) ids.push(this.idRegles);
|
|
5597
5642
|
if (this.majusculesVerrouillees()) ids.push(this.idMajuscules);
|
|
5598
5643
|
return ids;
|
|
5599
|
-
}, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] :
|
|
5644
|
+
}, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
|
|
5600
5645
|
constructor() {
|
|
5601
5646
|
super();
|
|
5602
5647
|
const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
|
|
5603
5648
|
if (formulaire instanceof Node && formulaire.contains(this.element.nativeElement)) this.remasquer();
|
|
5604
5649
|
});
|
|
5605
|
-
inject(DestroyRef)
|
|
5650
|
+
const destruction = inject(DestroyRef);
|
|
5651
|
+
destruction.onDestroy(desabonner);
|
|
5652
|
+
destruction.onDestroy(() => {
|
|
5653
|
+
clearTimeout(this.minuterieDeForce);
|
|
5654
|
+
});
|
|
5655
|
+
effect(() => {
|
|
5656
|
+
if (!this.jaugeActive()) return;
|
|
5657
|
+
const valeur = this.value();
|
|
5658
|
+
const plafonnee = this.reglePendante();
|
|
5659
|
+
clearTimeout(this.minuterieDeForce);
|
|
5660
|
+
if (valeur === "") {
|
|
5661
|
+
this.niveauDeForce.set(0);
|
|
5662
|
+
return;
|
|
5663
|
+
}
|
|
5664
|
+
this.minuterieDeForce = setTimeout(() => {
|
|
5665
|
+
this.estimerLaForce(valeur, plafonnee);
|
|
5666
|
+
}, delai.frappe);
|
|
5667
|
+
});
|
|
5668
|
+
}
|
|
5669
|
+
async estimerLaForce(valeur, plafonnee) {
|
|
5670
|
+
const chargeur = this.chargeurDeForce;
|
|
5671
|
+
if (chargeur === null) {
|
|
5672
|
+
if (isDevMode()) throw new Error("st-password-field : jauge sans estimateur. Fournir fournirEstimateurDeForce(...) (ADR web 0011).");
|
|
5673
|
+
return;
|
|
5674
|
+
}
|
|
5675
|
+
this.estimateur ??= chargeur();
|
|
5676
|
+
const estimateur = await this.estimateur;
|
|
5677
|
+
if (valeur !== this.value()) return;
|
|
5678
|
+
const niveau = plafonnee ? 1 : niveauDuScore(estimateur.estimer(valeur));
|
|
5679
|
+
if (niveau === this.niveauDeForce()) return;
|
|
5680
|
+
this.niveauDeForce.set(niveau);
|
|
5681
|
+
this.annonce.annoncer(this.libelles().forceAnnoncee(this.motDeForce()));
|
|
5606
5682
|
}
|
|
5607
5683
|
basculer() {
|
|
5608
5684
|
if (this.readonly() || this.desactive()) return;
|
|
@@ -5631,7 +5707,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5631
5707
|
}
|
|
5632
5708
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5633
5709
|
minVersion: "12.0.0",
|
|
5634
|
-
version: "22.2.
|
|
5710
|
+
version: "22.2.1",
|
|
5635
5711
|
ngImport: i0,
|
|
5636
5712
|
type: StPasswordField,
|
|
5637
5713
|
deps: [],
|
|
@@ -5639,7 +5715,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5639
5715
|
});
|
|
5640
5716
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5641
5717
|
minVersion: "17.0.0",
|
|
5642
|
-
version: "22.2.
|
|
5718
|
+
version: "22.2.1",
|
|
5643
5719
|
type: StPasswordField,
|
|
5644
5720
|
isStandalone: true,
|
|
5645
5721
|
selector: "st-password-field",
|
|
@@ -5664,6 +5740,20 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5664
5740
|
isSignal: true,
|
|
5665
5741
|
isRequired: false,
|
|
5666
5742
|
transformFunction: null
|
|
5743
|
+
},
|
|
5744
|
+
jauge: {
|
|
5745
|
+
classPropertyName: "jauge",
|
|
5746
|
+
publicName: "jauge",
|
|
5747
|
+
isSignal: true,
|
|
5748
|
+
isRequired: false,
|
|
5749
|
+
transformFunction: null
|
|
5750
|
+
},
|
|
5751
|
+
motsDeForce: {
|
|
5752
|
+
classPropertyName: "motsDeForce",
|
|
5753
|
+
publicName: "motsDeForce",
|
|
5754
|
+
isSignal: true,
|
|
5755
|
+
isRequired: false,
|
|
5756
|
+
transformFunction: null
|
|
5667
5757
|
}
|
|
5668
5758
|
},
|
|
5669
5759
|
host: {
|
|
@@ -5675,8 +5765,8 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5675
5765
|
},
|
|
5676
5766
|
usesInheritance: true,
|
|
5677
5767
|
ngImport: i0,
|
|
5678
|
-
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"compteur()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n <div class=\"st-password-field__cadre\">\n <input\n #champ\n class=\"st-password-field__champ\"\n stControleDeChamp\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n [type]=\"revele() ? 'text' : 'password'\"\n [value]=\"value()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (keyup)=\"surTouche($event)\"\n (blur)=\"touch.emit()\"\n />\n <button\n stIconButton\n class=\"st-password-field__oeil\"\n type=\"button\"\n icone=\"oeil\"\n iconeEnfoncee=\"oeil-barre\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().afficherLeMotDePasse\"\n [enfonce]=\"revele()\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n <div class=\"st-password-field__zone-majuscules\">\n @if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n }\n </div>\n} @else if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n encadre\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n}\n\n@if (reglesRendues().length > 0) {\n <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-password-field__liste\" role=\"list\">\n @for (regle of reglesRendues(); track $index) {\n <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n <st-icon\n class=\"st-password-field__coche\"\n taille=\"16\"\n [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n />\n <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n <span class=\"st-vh\">\n ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n >\n </li>\n }\n </ul>\n </div>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
5679
|
-
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}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
5768
|
+
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"compteur()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n <div class=\"st-password-field__cadre\">\n <input\n #champ\n class=\"st-password-field__champ\"\n stControleDeChamp\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n [type]=\"revele() ? 'text' : 'password'\"\n [value]=\"value()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (keyup)=\"surTouche($event)\"\n (blur)=\"touch.emit()\"\n />\n <button\n stIconButton\n class=\"st-password-field__oeil\"\n type=\"button\"\n icone=\"oeil\"\n iconeEnfoncee=\"oeil-barre\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().afficherLeMotDePasse\"\n [enfonce]=\"revele()\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n <div class=\"st-password-field__zone-majuscules\">\n @if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n }\n </div>\n} @else if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n encadre\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n}\n\n<!-- La jauge de force (ADR web 0011), optionnelle : segments ET mot, jamais la couleur seule ; sa\n place est reservee pour que les regles ne sautent pas a la premiere estimation. -->\n@if (jaugeActive()) {\n <div class=\"st-password-field__jauge\" [id]=\"idJauge\">\n <span\n class=\"st-password-field__segments\"\n role=\"meter\"\n aria-valuemin=\"1\"\n aria-valuemax=\"3\"\n [attr.aria-valuenow]=\"niveauDeForce() || null\"\n [attr.aria-valuetext]=\"motDeForce() || null\"\n [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n >\n @for (segment of segmentsDeForce; track segment) {\n <span\n class=\"st-password-field__segment\"\n [attr.data-plein]=\"niveauDeForce() >= segment ? '' : null\"\n ></span>\n }\n </span>\n <span class=\"st-password-field__force\">\n @if (niveauDeForce() !== 0) {\n {{ libelles().forceDuMotDePasse }} : <strong>{{ motDeForce() }}</strong>\n }\n </span>\n </div>\n}\n\n@if (reglesRendues().length > 0) {\n <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-password-field__liste\" role=\"list\">\n @for (regle of reglesRendues(); track $index) {\n <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n <st-icon\n class=\"st-password-field__coche\"\n taille=\"16\"\n [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n />\n <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n <span class=\"st-vh\">\n ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n >\n </li>\n }\n </ul>\n </div>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
5769
|
+
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}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__jauge{display:flex;align-items:center;gap:var(--st-espacement-3);min-block-size:var(--st-interligne-sm);margin-block-start:var(--st-espacement-2)}.st-password-field__segments{display:grid;grid-template-columns:repeat(3,var(--st-espacement-8));gap:var(--st-espacement-1)}.st-password-field__segment{block-size:var(--st-espacement-1-5);border:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);forced-color-adjust:none}.st-password-field__segment[data-plein]{background:var(--st-couleur-texte-discret);border-color:var(--st-couleur-texte-discret)}.st-password-field__force{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"],
|
|
5680
5770
|
dependencies: [
|
|
5681
5771
|
{
|
|
5682
5772
|
kind: "component",
|
|
@@ -5747,7 +5837,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5747
5837
|
};
|
|
5748
5838
|
i0.ɵɵngDeclareClassMetadata({
|
|
5749
5839
|
minVersion: "12.0.0",
|
|
5750
|
-
version: "22.2.
|
|
5840
|
+
version: "22.2.1",
|
|
5751
5841
|
ngImport: i0,
|
|
5752
5842
|
type: StPasswordField,
|
|
5753
5843
|
decorators: [{
|
|
@@ -5767,8 +5857,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5767
5857
|
"(focusout)": "aLaSortie($event)",
|
|
5768
5858
|
"(window:beforeprint)": "remasquer()"
|
|
5769
5859
|
},
|
|
5770
|
-
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"compteur()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n <div class=\"st-password-field__cadre\">\n <input\n #champ\n class=\"st-password-field__champ\"\n stControleDeChamp\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n [type]=\"revele() ? 'text' : 'password'\"\n [value]=\"value()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (keyup)=\"surTouche($event)\"\n (blur)=\"touch.emit()\"\n />\n <button\n stIconButton\n class=\"st-password-field__oeil\"\n type=\"button\"\n icone=\"oeil\"\n iconeEnfoncee=\"oeil-barre\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().afficherLeMotDePasse\"\n [enfonce]=\"revele()\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n <div class=\"st-password-field__zone-majuscules\">\n @if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n }\n </div>\n} @else if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n encadre\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n}\n\n@if (reglesRendues().length > 0) {\n <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-password-field__liste\" role=\"list\">\n @for (regle of reglesRendues(); track $index) {\n <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n <st-icon\n class=\"st-password-field__coche\"\n taille=\"16\"\n [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n />\n <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n <span class=\"st-vh\">\n ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n >\n </li>\n }\n </ul>\n </div>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
5771
|
-
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}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
5860
|
+
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"compteur()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\n>\n <!-- Meta et indication de l'application (« Aide PIN »), relayees a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le bouton de revelation vit DANS le cadre du champ, a sa fin (planche 3a). -->\n <div class=\"st-password-field__cadre\">\n <input\n #champ\n class=\"st-password-field__champ\"\n stControleDeChamp\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n [type]=\"revele() ? 'text' : 'password'\"\n [value]=\"value()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (keyup)=\"surTouche($event)\"\n (blur)=\"touch.emit()\"\n />\n <button\n stIconButton\n class=\"st-password-field__oeil\"\n type=\"button\"\n icone=\"oeil\"\n iconeEnfoncee=\"oeil-barre\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().afficherLeMotDePasse\"\n [enfonce]=\"revele()\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n</st-form-field>\n\n<!-- A la creation, la zone de Verr. Maj est RESERVEE sous le champ : les regles, que l'on coche\n en tapant, ne sautent pas quand la touche bascule. A la connexion, rien ne suit le champ. -->\n@if (usage() === 'creation') {\n <div class=\"st-password-field__zone-majuscules\">\n @if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n }\n </div>\n} @else if (majusculesVerrouillees()) {\n <st-inline-message\n class=\"st-password-field__majuscules\"\n ton=\"avertissement\"\n icone=\"fleche-large-haut\"\n encadre\n [identifiant]=\"idMajuscules\"\n >{{ libelles().verrouillageMajuscules }}</st-inline-message\n >\n}\n\n<!-- La jauge de force (ADR web 0011), optionnelle : segments ET mot, jamais la couleur seule ; sa\n place est reservee pour que les regles ne sautent pas a la premiere estimation. -->\n@if (jaugeActive()) {\n <div class=\"st-password-field__jauge\" [id]=\"idJauge\">\n <span\n class=\"st-password-field__segments\"\n role=\"meter\"\n aria-valuemin=\"1\"\n aria-valuemax=\"3\"\n [attr.aria-valuenow]=\"niveauDeForce() || null\"\n [attr.aria-valuetext]=\"motDeForce() || null\"\n [attr.aria-label]=\"libelles().forceDuMotDePasse\"\n [attr.aria-hidden]=\"niveauDeForce() === 0 ? 'true' : null\"\n >\n @for (segment of segmentsDeForce; track segment) {\n <span\n class=\"st-password-field__segment\"\n [attr.data-plein]=\"niveauDeForce() >= segment ? '' : null\"\n ></span>\n }\n </span>\n <span class=\"st-password-field__force\">\n @if (niveauDeForce() !== 0) {\n {{ libelles().forceDuMotDePasse }} : <strong>{{ motDeForce() }}</strong>\n }\n </span>\n </div>\n}\n\n@if (reglesRendues().length > 0) {\n <div class=\"st-password-field__regles\" [id]=\"idRegles\">\n <p class=\"st-password-field__titre-des-regles\">{{ titreRendu() }}</p>\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-password-field__liste\" role=\"list\">\n @for (regle of reglesRendues(); track $index) {\n <li class=\"st-password-field__regle\" [attr.data-respectee]=\"regle.respectee ? '' : null\">\n <st-icon\n class=\"st-password-field__coche\"\n taille=\"16\"\n [nom]=\"regle.respectee ? 'cercle-coche' : 'cercle'\"\n [variante]=\"regle.respectee ? 'plein' : 'contour'\"\n />\n <span class=\"st-password-field__texte-de-regle\">{{ regle.texte }}</span>\n <!-- L'etat en mots, apres la phrase : la coche ne se lit pas qu'a la forme. -->\n <span class=\"st-vh\">\n ({{ regle.respectee ? libelles().regleRespectee : libelles().regleNonRespectee }})</span\n >\n </li>\n }\n </ul>\n </div>\n}\n\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
5861
|
+
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}.st-password-field__cadre{position:relative;min-inline-size:0}.st-password-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-password-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-password-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-password-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-password-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-password-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-password-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-password-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-password-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-password-field__champ:is(input,textarea):read-only:not(:disabled),.st-password-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-password-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));letter-spacing:var(--st-interlettrage-capitales)}.st-password-field__oeil{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}.st-password-field__majuscules{margin-block-start:var(--st-espacement-1-5)}.st-password-field__zone-majuscules{min-block-size:var(--st-interligne-xs);margin-block:var(--st-espacement-2)}.st-password-field__zone-majuscules>.st-password-field__majuscules{margin-block-start:0}.st-password-field__zone-majuscules+.st-password-field__regles{margin-block-start:0}.st-password-field__jauge{display:flex;align-items:center;gap:var(--st-espacement-3);min-block-size:var(--st-interligne-sm);margin-block-start:var(--st-espacement-2)}.st-password-field__segments{display:grid;grid-template-columns:repeat(3,var(--st-espacement-8));gap:var(--st-espacement-1)}.st-password-field__segment{block-size:var(--st-espacement-1-5);border:var(--st-epaisseur-capillaire) solid var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-pleine);forced-color-adjust:none}.st-password-field__segment[data-plein]{background:var(--st-couleur-texte-discret);border-color:var(--st-couleur-texte-discret)}.st-password-field__force{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);font-weight:var(--st-graisse-normale);letter-spacing:var(--st-interlettrage-normal);color:var(--st-couleur-texte-discret)}.st-password-field__regles{box-sizing:border-box;margin-block-start:var(--st-espacement-4);padding:var(--st-espacement-3-5);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-md)}.st-password-field__titre-des-regles{font-size:var(--st-taille-2xs);line-height:var(--st-interligne-2xs);font-weight:var(--st-graisse-semi);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;margin:0 0 var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-password-field__liste{display:flex;flex-direction:column;gap:var(--st-espacement-1-5);margin:0;padding:0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);list-style:none}.st-password-field__regle{display:flex;gap:var(--st-espacement-2);align-items:center;color:var(--st-couleur-texte-discret)}.st-password-field__regle[data-respectee]{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-succes)}.st-password-field__coche{flex:none}\n"]
|
|
5772
5862
|
}]
|
|
5773
5863
|
}],
|
|
5774
5864
|
ctorParameters: () => [],
|
|
@@ -5796,6 +5886,22 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5796
5886
|
alias: "titreDesRegles",
|
|
5797
5887
|
required: false
|
|
5798
5888
|
}]
|
|
5889
|
+
}],
|
|
5890
|
+
jauge: [{
|
|
5891
|
+
type: i0.Input,
|
|
5892
|
+
args: [{
|
|
5893
|
+
isSignal: true,
|
|
5894
|
+
alias: "jauge",
|
|
5895
|
+
required: false
|
|
5896
|
+
}]
|
|
5897
|
+
}],
|
|
5898
|
+
motsDeForce: [{
|
|
5899
|
+
type: i0.Input,
|
|
5900
|
+
args: [{
|
|
5901
|
+
isSignal: true,
|
|
5902
|
+
alias: "motsDeForce",
|
|
5903
|
+
required: false
|
|
5904
|
+
}]
|
|
5799
5905
|
}]
|
|
5800
5906
|
}
|
|
5801
5907
|
});
|
|
@@ -5812,11 +5918,11 @@ function nettoyerLeCode(texte) {
|
|
|
5812
5918
|
var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
5813
5919
|
libelles = inject(ST_LIBELLES);
|
|
5814
5920
|
longueur = input(6, {
|
|
5815
|
-
...ngDevMode ? { debugName: "longueur" } :
|
|
5921
|
+
...ngDevMode ? { debugName: "longueur" } : /* istanbul ignore next */ {},
|
|
5816
5922
|
transform: numberAttribute
|
|
5817
5923
|
});
|
|
5818
|
-
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
5819
|
-
aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().codeAChiffres(this.longueur()), ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
5924
|
+
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
|
|
5925
|
+
aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().codeAChiffres(this.longueur()), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
5820
5926
|
surSaisie(evenement) {
|
|
5821
5927
|
const champ = evenement.target;
|
|
5822
5928
|
const code = nettoyerLeCode(champ.value);
|
|
@@ -5828,7 +5934,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
|
5828
5934
|
}
|
|
5829
5935
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5830
5936
|
minVersion: "12.0.0",
|
|
5831
|
-
version: "22.2.
|
|
5937
|
+
version: "22.2.1",
|
|
5832
5938
|
ngImport: i0,
|
|
5833
5939
|
type: StOtpField,
|
|
5834
5940
|
deps: null,
|
|
@@ -5836,7 +5942,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
|
5836
5942
|
});
|
|
5837
5943
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5838
5944
|
minVersion: "17.1.0",
|
|
5839
|
-
version: "22.2.
|
|
5945
|
+
version: "22.2.1",
|
|
5840
5946
|
type: StOtpField,
|
|
5841
5947
|
isStandalone: true,
|
|
5842
5948
|
selector: "st-otp-field",
|
|
@@ -5860,7 +5966,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
|
5860
5966
|
usesInheritance: true,
|
|
5861
5967
|
ngImport: i0,
|
|
5862
5968
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"decritPar()\"\n>\n <!-- Meta de l'application (« 6 chiffres », pastille d'etat), relayee a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le champ, et a sa droite le renvoi fourni par l'application (minuteur « Nouveau code dans\n 0:45 », lien « Renvoyer un code ») : a 16 px, centre sur le champ (planche 8). -->\n <div class=\"st-otp-field__ligne\">\n <input\n #champ\n class=\"st-otp-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"numeric\"\n autocomplete=\"one-time-code\"\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n dir=\"ltr\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"touch.emit()\"\n />\n <ng-content select=\"[stRenvoi]\" />\n </div>\n</st-form-field>\n",
|
|
5863
|
-
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}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
5969
|
+
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}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-color:GrayText}}\n"],
|
|
5864
5970
|
dependencies: [{
|
|
5865
5971
|
kind: "component",
|
|
5866
5972
|
type: StFormField,
|
|
@@ -5883,7 +5989,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
|
5883
5989
|
};
|
|
5884
5990
|
i0.ɵɵngDeclareClassMetadata({
|
|
5885
5991
|
minVersion: "12.0.0",
|
|
5886
|
-
version: "22.2.
|
|
5992
|
+
version: "22.2.1",
|
|
5887
5993
|
ngImport: i0,
|
|
5888
5994
|
type: StOtpField,
|
|
5889
5995
|
decorators: [{
|
|
@@ -5894,7 +6000,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5894
6000
|
imports: [StFormField, StControleDeChamp],
|
|
5895
6001
|
host: { class: "st-otp-field" },
|
|
5896
6002
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"decritPar()\"\n>\n <!-- Meta de l'application (« 6 chiffres », pastille d'etat), relayee a l'enveloppe. -->\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le champ, et a sa droite le renvoi fourni par l'application (minuteur « Nouveau code dans\n 0:45 », lien « Renvoyer un code ») : a 16 px, centre sur le champ (planche 8). -->\n <div class=\"st-otp-field__ligne\">\n <input\n #champ\n class=\"st-otp-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"numeric\"\n autocomplete=\"one-time-code\"\n spellcheck=\"false\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n dir=\"ltr\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"touch.emit()\"\n />\n <ng-content select=\"[stRenvoi]\" />\n </div>\n</st-form-field>\n",
|
|
5897
|
-
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}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
6003
|
+
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}.st-otp-field__ligne{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center}.st-otp-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-otp-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-otp-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-otp-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-otp-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-otp-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-otp-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-otp-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-otp-field__champ:is(input,textarea):read-only:not(:disabled),.st-otp-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-otp-field__champ{inline-size:var(--st-largeur-champ-md);max-inline-size:100%;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-grasse);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);color:var(--st-couleur-texte-primaire);text-align:center;letter-spacing:var(--st-espacement-2);unicode-bidi:isolate}@media(pointer:coarse){.st-otp-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-otp-field__champ:disabled{color:var(--st-couleur-texte-desactive)}@media(forced-colors:active){.st-otp-field__champ{color:FieldText;background:Field;border-color:FieldText}.st-otp-field__champ:disabled{color:GrayText;border-color:GrayText}}\n"]
|
|
5898
6004
|
}]
|
|
5899
6005
|
}],
|
|
5900
6006
|
propDecorators: {
|
|
@@ -5918,18 +6024,18 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5918
6024
|
});
|
|
5919
6025
|
var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
5920
6026
|
libelles = inject(ST_LIBELLES);
|
|
5921
|
-
saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] :
|
|
6027
|
+
saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] : /* istanbul ignore next */ []);
|
|
5922
6028
|
compact = input(false, {
|
|
5923
|
-
...ngDevMode ? { debugName: "compact" } :
|
|
6029
|
+
...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
|
|
5924
6030
|
transform: booleanAttribute
|
|
5925
6031
|
});
|
|
5926
6032
|
libelleVisible = input(false, {
|
|
5927
|
-
...ngDevMode ? { debugName: "libelleVisible" } :
|
|
6033
|
+
...ngDevMode ? { debugName: "libelleVisible" } : /* istanbul ignore next */ {},
|
|
5928
6034
|
transform: booleanAttribute
|
|
5929
6035
|
});
|
|
5930
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
6036
|
+
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
|
|
5931
6037
|
chargement = input(false, {
|
|
5932
|
-
...ngDevMode ? { debugName: "chargement" } :
|
|
6038
|
+
...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
|
|
5933
6039
|
transform: booleanAttribute
|
|
5934
6040
|
});
|
|
5935
6041
|
recherche = output();
|
|
@@ -5948,7 +6054,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
|
5948
6054
|
}
|
|
5949
6055
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5950
6056
|
minVersion: "12.0.0",
|
|
5951
|
-
version: "22.2.
|
|
6057
|
+
version: "22.2.1",
|
|
5952
6058
|
ngImport: i0,
|
|
5953
6059
|
type: StSearchField,
|
|
5954
6060
|
deps: null,
|
|
@@ -5956,7 +6062,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
|
5956
6062
|
});
|
|
5957
6063
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5958
6064
|
minVersion: "17.0.0",
|
|
5959
|
-
version: "22.2.
|
|
6065
|
+
version: "22.2.1",
|
|
5960
6066
|
type: StSearchField,
|
|
5961
6067
|
isStandalone: true,
|
|
5962
6068
|
selector: "st-search-field",
|
|
@@ -6009,7 +6115,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
|
6009
6115
|
usesInheritance: true,
|
|
6010
6116
|
ngImport: i0,
|
|
6011
6117
|
template: "<st-form-field\n [libelleMasque]=\"!libelleVisible()\"\n [presentation]=\"presentation()\"\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <div class=\"st-search-field__ligne\">\n <div class=\"st-search-field__cadre\">\n <!-- Compacte, sans bouton pour attendre : l'attente prend la place de la loupe (revue E10),\n differee et tenue comme celle d'un bouton. MUETTE (D-13) : les resultats, que\n l'application annonce, disent la fin de la recherche ; « Chargement en cours » a chaque\n Entree ne disait rien de plus. Elle respire sous mouvement reduit. -->\n @if (attenteVisible()) {\n <st-spinner class=\"st-search-field__attente\" taille=\"sm\" ton=\"neutre\" aria-hidden=\"true\" />\n } @else {\n <st-icon class=\"st-search-field__loupe\" nom=\"recherche\" taille=\"20\" />\n }\n <input\n #champ\n class=\"st-search-field__champ\"\n stControleDeChamp\n type=\"search\"\n enterkeyhint=\"search\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"desactive()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown.enter)=\"lancer($event)\"\n (blur)=\"touch.emit()\"\n />\n @if (value() !== '' && !readonly()) {\n <button\n class=\"st-search-field__effacer\"\n stIconButton\n type=\"button\"\n taille=\"xs\"\n tailleDuGlyphe=\"16\"\n icone=\"croix\"\n [etiquette]=\"libelles().effacerLaRecherche\"\n [disabled]=\"desactive()\"\n (click)=\"effacer()\"\n ></button>\n }\n <span class=\"st-search-field__raccourci\" [hidden]=\"value() !== ''\"\n ><ng-content select=\"[stRaccourci]\"\n /></span>\n </div>\n @if (!compact()) {\n <button\n stButton\n type=\"button\"\n variante=\"secondaire\"\n [chargement]=\"chargement()\"\n [disabled]=\"desactive()\"\n (click)=\"lancer()\"\n >\n {{ libelles().rechercher }}\n </button>\n }\n </div>\n</st-form-field>\n",
|
|
6012
|
-
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}.st-search-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
6118
|
+
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}.st-search-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{display:none}\n"],
|
|
6013
6119
|
dependencies: [
|
|
6014
6120
|
{
|
|
6015
6121
|
kind: "component",
|
|
@@ -6094,7 +6200,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
|
6094
6200
|
};
|
|
6095
6201
|
i0.ɵɵngDeclareClassMetadata({
|
|
6096
6202
|
minVersion: "12.0.0",
|
|
6097
|
-
version: "22.2.
|
|
6203
|
+
version: "22.2.1",
|
|
6098
6204
|
ngImport: i0,
|
|
6099
6205
|
type: StSearchField,
|
|
6100
6206
|
decorators: [{
|
|
@@ -6117,7 +6223,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6117
6223
|
"[attr.data-compact]": "compact() ? \"\" : null"
|
|
6118
6224
|
},
|
|
6119
6225
|
template: "<st-form-field\n [libelleMasque]=\"!libelleVisible()\"\n [presentation]=\"presentation()\"\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <div class=\"st-search-field__ligne\">\n <div class=\"st-search-field__cadre\">\n <!-- Compacte, sans bouton pour attendre : l'attente prend la place de la loupe (revue E10),\n differee et tenue comme celle d'un bouton. MUETTE (D-13) : les resultats, que\n l'application annonce, disent la fin de la recherche ; « Chargement en cours » a chaque\n Entree ne disait rien de plus. Elle respire sous mouvement reduit. -->\n @if (attenteVisible()) {\n <st-spinner class=\"st-search-field__attente\" taille=\"sm\" ton=\"neutre\" aria-hidden=\"true\" />\n } @else {\n <st-icon class=\"st-search-field__loupe\" nom=\"recherche\" taille=\"20\" />\n }\n <input\n #champ\n class=\"st-search-field__champ\"\n stControleDeChamp\n type=\"search\"\n enterkeyhint=\"search\"\n [value]=\"value()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"desactive()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown.enter)=\"lancer($event)\"\n (blur)=\"touch.emit()\"\n />\n @if (value() !== '' && !readonly()) {\n <button\n class=\"st-search-field__effacer\"\n stIconButton\n type=\"button\"\n taille=\"xs\"\n tailleDuGlyphe=\"16\"\n icone=\"croix\"\n [etiquette]=\"libelles().effacerLaRecherche\"\n [disabled]=\"desactive()\"\n (click)=\"effacer()\"\n ></button>\n }\n <span class=\"st-search-field__raccourci\" [hidden]=\"value() !== ''\"\n ><ng-content select=\"[stRaccourci]\"\n /></span>\n </div>\n @if (!compact()) {\n <button\n stButton\n type=\"button\"\n variante=\"secondaire\"\n [chargement]=\"chargement()\"\n [disabled]=\"desactive()\"\n (click)=\"lancer()\"\n >\n {{ libelles().rechercher }}\n </button>\n }\n </div>\n</st-form-field>\n",
|
|
6120
|
-
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}.st-search-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
6226
|
+
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}.st-search-field__ligne{display:flex;gap:var(--st-espacement-2);align-items:center}.st-search-field__cadre{--_loupe: 1.25rem;position:relative;display:flex;flex:1 1 auto;align-items:center;min-inline-size:0}.st-search-field__loupe{position:absolute;inset-inline-start:var(--st-espacement-3);color:var(--st-couleur-texte-discret);pointer-events:none}.st-search-field__attente{position:absolute;inset-inline-start:calc(var(--st-espacement-3) + var(--st-espacement-demi));pointer-events:none}.st-search-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-search-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-search-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-search-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-search-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-search-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-search-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-search-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-search-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-search-field__champ:is(input,textarea):read-only:not(:disabled),.st-search-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-search-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:calc(var(--st-espacement-3) + var(--_loupe) + var(--st-espacement-2))}.st-search-field__champ::-webkit-search-cancel-button,.st-search-field__champ::-webkit-search-decoration{appearance:none}.st-search-field__effacer{position:absolute;inset-inline-end:var(--st-espacement-1)}.st-search-field__raccourci{position:absolute;inset-inline-end:var(--st-espacement-3);display:flex;align-items:center;pointer-events:none}.st-search-field__raccourci:empty,.st-search-field__raccourci[hidden]{display:none}\n"]
|
|
6121
6227
|
}]
|
|
6122
6228
|
}],
|
|
6123
6229
|
propDecorators: {
|
|
@@ -6169,21 +6275,21 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6169
6275
|
element = inject(ElementRef);
|
|
6170
6276
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
6171
6277
|
masque = input(false, {
|
|
6172
|
-
...ngDevMode ? { debugName: "masque" } :
|
|
6278
|
+
...ngDevMode ? { debugName: "masque" } : /* istanbul ignore next */ {},
|
|
6173
6279
|
transform: booleanAttribute
|
|
6174
6280
|
});
|
|
6175
6281
|
detection = inject(ChangeDetectorRef);
|
|
6176
|
-
bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] :
|
|
6282
|
+
bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] : /* istanbul ignore next */ []);
|
|
6177
6283
|
idDuBouton = `${inject(StIdentifiants).prochain("st-iban-field")}-reveler`;
|
|
6178
|
-
enSaisie = signal(false, ...ngDevMode ? [{ debugName: "enSaisie" }] :
|
|
6179
|
-
brut = signal("", ...ngDevMode ? [{ debugName: "brut" }] :
|
|
6180
|
-
revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] :
|
|
6181
|
-
masqueDemande = signal(false, ...ngDevMode ? [{ debugName: "masqueDemande" }] :
|
|
6182
|
-
impression = signal(false, ...ngDevMode ? [{ debugName: "impression" }] :
|
|
6284
|
+
enSaisie = signal(false, ...ngDevMode ? [{ debugName: "enSaisie" }] : /* istanbul ignore next */ []);
|
|
6285
|
+
brut = signal("", ...ngDevMode ? [{ debugName: "brut" }] : /* istanbul ignore next */ []);
|
|
6286
|
+
revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] : /* istanbul ignore next */ []);
|
|
6287
|
+
masqueDemande = signal(false, ...ngDevMode ? [{ debugName: "masqueDemande" }] : /* istanbul ignore next */ []);
|
|
6288
|
+
impression = signal(false, ...ngDevMode ? [{ debugName: "impression" }] : /* istanbul ignore next */ []);
|
|
6183
6289
|
minuterie = null;
|
|
6184
|
-
aideLue = computed(() => this.aideEtRaisons() ?? (this.readonly() ? null : this.libelles().exempleDIban), ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
6185
|
-
libelleDuBouton = computed(() => this.libelles().revelerPendant(this.duree("narrow")), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] :
|
|
6186
|
-
descriptionDuBouton = computed(() => this.libelles().libelleEtMessage(this.libelle(), this.duree("long")), ...ngDevMode ? [{ debugName: "descriptionDuBouton" }] :
|
|
6290
|
+
aideLue = computed(() => this.aideEtRaisons() ?? (this.readonly() ? null : this.libelles().exempleDIban), ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
6291
|
+
libelleDuBouton = computed(() => this.libelles().revelerPendant(this.duree("narrow")), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] : /* istanbul ignore next */ []);
|
|
6292
|
+
descriptionDuBouton = computed(() => this.libelles().libelleEtMessage(this.libelle(), this.duree("long")), ...ngDevMode ? [{ debugName: "descriptionDuBouton" }] : /* istanbul ignore next */ []);
|
|
6187
6293
|
masquee = computed(() => {
|
|
6188
6294
|
if (!this.masque()) return false;
|
|
6189
6295
|
if (this.impression()) return true;
|
|
@@ -6191,14 +6297,14 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6191
6297
|
if (this.readonly()) return true;
|
|
6192
6298
|
if (this.enSaisie()) return false;
|
|
6193
6299
|
return this.masqueDemande() || !(this.touched() && this.errors().length > 0);
|
|
6194
|
-
}, ...ngDevMode ? [{ debugName: "masquee" }] :
|
|
6195
|
-
enClair = computed(() => this.masque() && !this.masquee(), ...ngDevMode ? [{ debugName: "enClair" }] :
|
|
6300
|
+
}, ...ngDevMode ? [{ debugName: "masquee" }] : /* istanbul ignore next */ []);
|
|
6301
|
+
enClair = computed(() => this.masque() && !this.masquee(), ...ngDevMode ? [{ debugName: "enClair" }] : /* istanbul ignore next */ []);
|
|
6196
6302
|
affichage = computed(() => {
|
|
6197
6303
|
const valeur = this.value();
|
|
6198
6304
|
if (this.masquee()) return masquerIban(valeur);
|
|
6199
6305
|
const brut = this.brut();
|
|
6200
6306
|
return this.enSaisie() && normaliserIban(brut) === valeur ? brut : formaterIban(valeur);
|
|
6201
|
-
}, ...ngDevMode ? [{ debugName: "affichage" }] :
|
|
6307
|
+
}, ...ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []);
|
|
6202
6308
|
constructor() {
|
|
6203
6309
|
super();
|
|
6204
6310
|
const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
|
|
@@ -6275,7 +6381,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6275
6381
|
}
|
|
6276
6382
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
6277
6383
|
minVersion: "12.0.0",
|
|
6278
|
-
version: "22.2.
|
|
6384
|
+
version: "22.2.1",
|
|
6279
6385
|
ngImport: i0,
|
|
6280
6386
|
type: StIbanField,
|
|
6281
6387
|
deps: [],
|
|
@@ -6283,7 +6389,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6283
6389
|
});
|
|
6284
6390
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
6285
6391
|
minVersion: "17.0.0",
|
|
6286
|
-
version: "22.2.
|
|
6392
|
+
version: "22.2.1",
|
|
6287
6393
|
type: StIbanField,
|
|
6288
6394
|
isStandalone: true,
|
|
6289
6395
|
selector: "st-iban-field",
|
|
@@ -6312,7 +6418,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6312
6418
|
usesInheritance: true,
|
|
6313
6419
|
ngImport: i0,
|
|
6314
6420
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre (planche 3b) : glyphe decoratif de la banque, zone de frappe, et en mode masque\n le bouton « Reveler 30s ». -->\n <div class=\"st-iban-field__cadre\">\n <st-icon class=\"st-iban-field__banque\" nom=\"banque\" taille=\"20\" />\n @if (readonly()) {\n <!-- D47 : en lecture seule, l'IBAN passe a la ligne ENTRE DEUX GROUPES dans une colonne\n etroite, au lieu de defiler dans un champ d'une ligne ou ses quatre derniers caracteres,\n ceux qu'on verifie, sortaient du cadre. Une zone de texte en lecture seule : meme role,\n meme nom, meme tabulation que le champ. -->\n <textarea\n #champ\n class=\"st-iban-field__champ st-iban-field__champ--lecture\"\n stControleDeChamp\n rows=\"1\"\n readonly\n autocomplete=\"off\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [value]=\"affichage()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n (focus)=\"auFocus()\"\n (blur)=\"aLaSortie()\"\n ></textarea>\n } @else {\n <input\n #champ\n class=\"st-iban-field__champ\"\n stControleDeChamp\n type=\"text\"\n autocomplete=\"off\"\n autocapitalize=\"characters\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [value]=\"affichage()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n (focus)=\"auFocus()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortie()\"\n />\n }\n @if (masque()) {\n <!-- `mousedown` sans effet par defaut : le focus reste ou il est (Safari ne le donne pas\n a un bouton clique, et la sortie du champ remasquerait avant le clic). -->\n <!-- `aria-pressed` : la valeur est-elle en clair (revelation, saisie ou erreur) ? Le fond\n enfonce et l'oeil barre disent la revelation a la demande. -->\n <button\n #bouton\n class=\"st-iban-field__reveler\"\n type=\"button\"\n [attr.aria-pressed]=\"enClair()\"\n [attr.aria-describedby]=\"idDuBouton\"\n [attr.data-revele]=\"revele() ? '' : null\"\n [disabled]=\"disabled()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n >\n <st-icon [nom]=\"revele() ? 'oeil-barre' : 'oeil'\" taille=\"16\" />\n <span>{{ libelleDuBouton() }}</span>\n </button>\n }\n </div>\n</st-form-field>\n@if (masque()) {\n <span class=\"st-vh\" [id]=\"idDuBouton\">{{ descriptionDuBouton() }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
6315
|
-
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}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-
|
|
6421
|
+
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}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"],
|
|
6316
6422
|
dependencies: [
|
|
6317
6423
|
{
|
|
6318
6424
|
kind: "component",
|
|
@@ -6354,7 +6460,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6354
6460
|
};
|
|
6355
6461
|
i0.ɵɵngDeclareClassMetadata({
|
|
6356
6462
|
minVersion: "12.0.0",
|
|
6357
|
-
version: "22.2.
|
|
6463
|
+
version: "22.2.1",
|
|
6358
6464
|
ngImport: i0,
|
|
6359
6465
|
type: StIbanField,
|
|
6360
6466
|
decorators: [{
|
|
@@ -6374,7 +6480,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6374
6480
|
"(window:afterprint)": "apresImpression()"
|
|
6375
6481
|
},
|
|
6376
6482
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre (planche 3b) : glyphe decoratif de la banque, zone de frappe, et en mode masque\n le bouton « Reveler 30s ». -->\n <div class=\"st-iban-field__cadre\">\n <st-icon class=\"st-iban-field__banque\" nom=\"banque\" taille=\"20\" />\n @if (readonly()) {\n <!-- D47 : en lecture seule, l'IBAN passe a la ligne ENTRE DEUX GROUPES dans une colonne\n etroite, au lieu de defiler dans un champ d'une ligne ou ses quatre derniers caracteres,\n ceux qu'on verifie, sortaient du cadre. Une zone de texte en lecture seule : meme role,\n meme nom, meme tabulation que le champ. -->\n <textarea\n #champ\n class=\"st-iban-field__champ st-iban-field__champ--lecture\"\n stControleDeChamp\n rows=\"1\"\n readonly\n autocomplete=\"off\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [value]=\"affichage()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n (focus)=\"auFocus()\"\n (blur)=\"aLaSortie()\"\n ></textarea>\n } @else {\n <input\n #champ\n class=\"st-iban-field__champ\"\n stControleDeChamp\n type=\"text\"\n autocomplete=\"off\"\n autocapitalize=\"characters\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [value]=\"affichage()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n (focus)=\"auFocus()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortie()\"\n />\n }\n @if (masque()) {\n <!-- `mousedown` sans effet par defaut : le focus reste ou il est (Safari ne le donne pas\n a un bouton clique, et la sortie du champ remasquerait avant le clic). -->\n <!-- `aria-pressed` : la valeur est-elle en clair (revelation, saisie ou erreur) ? Le fond\n enfonce et l'oeil barre disent la revelation a la demande. -->\n <button\n #bouton\n class=\"st-iban-field__reveler\"\n type=\"button\"\n [attr.aria-pressed]=\"enClair()\"\n [attr.aria-describedby]=\"idDuBouton\"\n [attr.data-revele]=\"revele() ? '' : null\"\n [disabled]=\"disabled()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n >\n <st-icon [nom]=\"revele() ? 'oeil-barre' : 'oeil'\" taille=\"16\" />\n <span>{{ libelleDuBouton() }}</span>\n </button>\n }\n </div>\n</st-form-field>\n@if (masque()) {\n <span class=\"st-vh\" [id]=\"idDuBouton\">{{ descriptionDuBouton() }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
6377
|
-
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}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-
|
|
6483
|
+
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}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-iban-field__cadre>.st-iban-field__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-iban-field__cadre:hover:not(:has(>.st-iban-field__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__cadre:has(>.st-iban-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true]):has(>.st-iban-field__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__cadre:has(>.st-iban-field__champ:is(input,textarea):read-only:not(:disabled)),.st-iban-field__cadre:has(>.st-iban-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-iban-field__cadre{--_glyphe: 1.25rem;display:flex;align-items:center;padding-inline:var(--st-espacement-3);min-inline-size:0}.st-iban-field__banque{flex:none;margin-inline-end:var(--st-espacement-2);color:var(--st-couleur-texte-discret)}.st-iban-field__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-iban-field__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-iban-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-iban-field__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-iban-field__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-iban-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-iban-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-iban-field__champ:is(input,textarea):read-only:not(:disabled),.st-iban-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-iban-field__champ{flex:1 1 auto;min-inline-size:0;padding-inline:var(--st-espacement-3);font-family:var(--st-police-mono);font-size:var(--st-taille-md);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-md);letter-spacing:var(--st-interlettrage-capitales);text-transform:uppercase;unicode-bidi:isolate}.st-iban-field__champ--lecture{field-sizing:content;padding-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-md)) / 2);overflow:hidden;word-break:keep-all;white-space:pre-wrap;resize:none}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture){flex-wrap:wrap;align-items:flex-start;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__champ--lecture{flex:1 1 9rem}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__banque{margin-block-start:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--_glyphe)) / 2)}.st-iban-field__cadre:has(>.st-iban-field__champ--lecture)>.st-iban-field__reveler{margin-block:calc((var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-hauteur-commande-sm)) / 2);margin-inline-start:auto}.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__banque,.st-iban-field__cadre:has(>.st-iban-field__champ[aria-invalid=true])>.st-iban-field__champ{color:var(--st-couleur-erreur)}.st-iban-field__cadre:has(>.st-iban-field__champ:disabled)>.st-iban-field__banque{color:var(--st-couleur-texte-desactive)}.st-iban-field__reveler:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-iban-field__reveler{box-sizing:border-box;display:inline-flex;flex:none;gap:var(--st-espacement-1);align-items:center;min-block-size:var(--st-hauteur-commande-sm);padding:var(--st-espacement-1) var(--st-espacement-2-5);font-family:inherit;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);white-space:nowrap;cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-iban-field__reveler:hover:not(:disabled){color:var(--st-couleur-texte);background:var(--st-couleur-surface-survol);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-iban-field__reveler[data-revele]{background:var(--st-couleur-surface-active)}.st-iban-field__reveler:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}@media(pointer:coarse){.st-iban-field__reveler{min-block-size:var(--st-hauteur-commande-xl)}}@media(forced-colors:active){.st-iban-field__reveler{border-color:ButtonText}}@media print{.st-iban-field__reveler{display:none}.st-iban-field__cadre{box-shadow:none}}.st-iban-field__cadre>.st-iban-field__champ:is(input):read-only{background:transparent}\n"]
|
|
6378
6484
|
}]
|
|
6379
6485
|
}],
|
|
6380
6486
|
ctorParameters: () => [],
|
|
@@ -6437,12 +6543,12 @@ function toucheQuiChoisit(evenement) {
|
|
|
6437
6543
|
var StSelect = class StSelect extends ControleDeSaisie {
|
|
6438
6544
|
affichable = sansCommandesDeDirection;
|
|
6439
6545
|
libelles = inject(ST_LIBELLES);
|
|
6440
|
-
options = input.required(...ngDevMode ? [{ debugName: "options" }] :
|
|
6441
|
-
texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] :
|
|
6442
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
6443
|
-
icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] :
|
|
6444
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
6445
|
-
variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] :
|
|
6546
|
+
options = input.required(...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
|
|
6547
|
+
texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
|
|
6548
|
+
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
6549
|
+
icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] : /* istanbul ignore next */ []);
|
|
6550
|
+
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
|
|
6551
|
+
variante = input("standard", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
|
|
6446
6552
|
blocs = computed(() => {
|
|
6447
6553
|
const blocs = [];
|
|
6448
6554
|
for (const option of this.options()) {
|
|
@@ -6456,12 +6562,12 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6456
6562
|
});
|
|
6457
6563
|
}
|
|
6458
6564
|
return blocs;
|
|
6459
|
-
}, ...ngDevMode ? [{ debugName: "blocs" }] :
|
|
6565
|
+
}, ...ngDevMode ? [{ debugName: "blocs" }] : /* istanbul ignore next */ []);
|
|
6460
6566
|
valeurInconnue = computed(() => {
|
|
6461
6567
|
const valeur = this.value();
|
|
6462
6568
|
if (valeur === "") return null;
|
|
6463
6569
|
return this.options().some((option) => option.valeur === valeur) ? null : valeur;
|
|
6464
|
-
}, ...ngDevMode ? [{ debugName: "valeurInconnue" }] :
|
|
6570
|
+
}, ...ngDevMode ? [{ debugName: "valeurInconnue" }] : /* istanbul ignore next */ []);
|
|
6465
6571
|
constructor() {
|
|
6466
6572
|
super();
|
|
6467
6573
|
if (isDevMode()) effect(() => {
|
|
@@ -6487,7 +6593,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6487
6593
|
}
|
|
6488
6594
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
6489
6595
|
minVersion: "12.0.0",
|
|
6490
|
-
version: "22.2.
|
|
6596
|
+
version: "22.2.1",
|
|
6491
6597
|
ngImport: i0,
|
|
6492
6598
|
type: StSelect,
|
|
6493
6599
|
deps: [],
|
|
@@ -6495,7 +6601,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6495
6601
|
});
|
|
6496
6602
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
6497
6603
|
minVersion: "17.0.0",
|
|
6498
|
-
version: "22.2.
|
|
6604
|
+
version: "22.2.1",
|
|
6499
6605
|
type: StSelect,
|
|
6500
6606
|
isStandalone: true,
|
|
6501
6607
|
selector: "st-select",
|
|
@@ -6550,7 +6656,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6550
6656
|
usesInheritance: true,
|
|
6551
6657
|
ngImport: i0,
|
|
6552
6658
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [presentation]=\"presentation()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <div class=\"st-select__cadre\">\n @if (icone(); as nom) {\n <st-icon class=\"st-select__icone\" [nom]=\"nom\" taille=\"20\" />\n }\n <select\n #champ\n class=\"st-select__champ\"\n stControleDeChamp\n [class.st-select__champ--icone]=\"icone() !== null\"\n [attr.name]=\"name() || null\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [disabled]=\"disabled()\"\n (mousedown)=\"surPression($event)\"\n (keydown)=\"surTouche($event)\"\n (change)=\"surChoix($event)\"\n (blur)=\"touch.emit()\"\n >\n <option value=\"\" [selected]=\"value() === ''\">{{ texteVide() ?? libelles().choisir }}</option>\n @if (valeurInconnue(); as inconnue) {\n <option disabled selected [value]=\"inconnue\">{{ libelles().valeurNonAffichable }}</option>\n }\n @for (bloc of blocs(); track bloc.cle) {\n @if (bloc.groupe === null) {\n @for (option of bloc.options; track option.valeur) {\n <option\n [value]=\"option.valeur\"\n [selected]=\"option.valeur === value()\"\n [disabled]=\"option.desactivee === true\"\n >\n {{ affichable(option.libelle) }}\n </option>\n }\n } @else {\n <optgroup [label]=\"bloc.groupe\">\n @for (option of bloc.options; track option.valeur) {\n <option\n [value]=\"option.valeur\"\n [selected]=\"option.valeur === value()\"\n [disabled]=\"option.desactivee === true\"\n >\n {{ affichable(option.libelle) }}\n </option>\n }\n </optgroup>\n }\n }\n </select>\n @if (!readonly()) {\n <st-icon class=\"st-select__chevron\" nom=\"chevron-bas\" taille=\"20\" />\n }\n </div>\n</st-form-field>\n",
|
|
6553
|
-
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}.st-select__cadre{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
6659
|
+
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}.st-select__cadre{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"],
|
|
6554
6660
|
dependencies: [
|
|
6555
6661
|
{
|
|
6556
6662
|
kind: "component",
|
|
@@ -6592,7 +6698,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6592
6698
|
};
|
|
6593
6699
|
i0.ɵɵngDeclareClassMetadata({
|
|
6594
6700
|
minVersion: "12.0.0",
|
|
6595
|
-
version: "22.2.
|
|
6701
|
+
version: "22.2.1",
|
|
6596
6702
|
ngImport: i0,
|
|
6597
6703
|
type: StSelect,
|
|
6598
6704
|
decorators: [{
|
|
@@ -6610,7 +6716,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6610
6716
|
"[attr.data-variante]": "variante() === \"tonale\" ? \"tonale\" : null"
|
|
6611
6717
|
},
|
|
6612
6718
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [presentation]=\"presentation()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <div class=\"st-select__cadre\">\n @if (icone(); as nom) {\n <st-icon class=\"st-select__icone\" [nom]=\"nom\" taille=\"20\" />\n }\n <select\n #champ\n class=\"st-select__champ\"\n stControleDeChamp\n [class.st-select__champ--icone]=\"icone() !== null\"\n [attr.name]=\"name() || null\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.aria-readonly]=\"readonly() ? 'true' : null\"\n [disabled]=\"disabled()\"\n (mousedown)=\"surPression($event)\"\n (keydown)=\"surTouche($event)\"\n (change)=\"surChoix($event)\"\n (blur)=\"touch.emit()\"\n >\n <option value=\"\" [selected]=\"value() === ''\">{{ texteVide() ?? libelles().choisir }}</option>\n @if (valeurInconnue(); as inconnue) {\n <option disabled selected [value]=\"inconnue\">{{ libelles().valeurNonAffichable }}</option>\n }\n @for (bloc of blocs(); track bloc.cle) {\n @if (bloc.groupe === null) {\n @for (option of bloc.options; track option.valeur) {\n <option\n [value]=\"option.valeur\"\n [selected]=\"option.valeur === value()\"\n [disabled]=\"option.desactivee === true\"\n >\n {{ affichable(option.libelle) }}\n </option>\n }\n } @else {\n <optgroup [label]=\"bloc.groupe\">\n @for (option of bloc.options; track option.valeur) {\n <option\n [value]=\"option.valeur\"\n [selected]=\"option.valeur === value()\"\n [disabled]=\"option.desactivee === true\"\n >\n {{ affichable(option.libelle) }}\n </option>\n }\n </optgroup>\n }\n }\n </select>\n @if (!readonly()) {\n <st-icon class=\"st-select__chevron\" nom=\"chevron-bas\" taille=\"20\" />\n }\n </div>\n</st-form-field>\n",
|
|
6613
|
-
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}.st-select__cadre{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
6719
|
+
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}.st-select__cadre{--_glyphe: 1.25rem;position:relative}.st-select__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-select__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-select__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-select__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-select__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-select__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-select__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-select__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-select__champ:is(input,textarea):read-only:not(:disabled),.st-select__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-select__champ{padding-inline:var(--st-espacement-3) calc(var(--st-espacement-3) + var(--_glyphe));font-weight:var(--st-graisse-moyenne);cursor:pointer;appearance:none}.st-select__champ.st-select__champ--icone{padding-inline-start:calc(var(--st-espacement-3) + var(--_glyphe) + var(--st-espacement-2))}.st-select__champ[aria-readonly=true]{padding-inline-end:var(--st-espacement-3);cursor:default}:host([data-variante=tonale]) .st-select__champ:not(:disabled,[aria-readonly=true]){background:var(--st-couleur-surface-conteneur-bas)}.st-select__icone,.st-select__chevron{position:absolute;inset-block-start:50%;color:var(--st-couleur-texte-discret);pointer-events:none;translate:0 -50%}.st-select__icone{inset-inline-start:var(--st-espacement-3)}.st-select__chevron{inset-inline-end:var(--st-espacement-3)}@media(hover:hover){.st-select__cadre:hover>.st-select__champ:not(:disabled,:focus)~.st-select__chevron{color:var(--st-couleur-texte);transition:color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-select__champ:disabled~.st-select__chevron,.st-select__cadre:has(>.st-select__champ:disabled)>.st-select__icone{color:var(--st-couleur-texte-desactive)}\n"]
|
|
6614
6720
|
}]
|
|
6615
6721
|
}],
|
|
6616
6722
|
ctorParameters: () => [],
|
|
@@ -6686,19 +6792,19 @@ var StCalendar = class StCalendar {
|
|
|
6686
6792
|
fuseau = inject(FUSEAU_PAR_DEFAUT);
|
|
6687
6793
|
element = inject(ElementRef);
|
|
6688
6794
|
injecteur = inject(Injector);
|
|
6689
|
-
aujourdHui = signal(dateDuJour(this.fuseau), ...ngDevMode ? [{ debugName: "aujourdHui" }] :
|
|
6690
|
-
selection = input(null, ...ngDevMode ? [{ debugName: "selection" }] :
|
|
6691
|
-
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] :
|
|
6692
|
-
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] :
|
|
6693
|
-
plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] :
|
|
6694
|
-
rejet = input(null, ...ngDevMode ? [{ debugName: "rejet" }] :
|
|
6695
|
-
annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] :
|
|
6795
|
+
aujourdHui = signal(dateDuJour(this.fuseau), ...ngDevMode ? [{ debugName: "aujourdHui" }] : /* istanbul ignore next */ []);
|
|
6796
|
+
selection = input(null, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
|
|
6797
|
+
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []);
|
|
6798
|
+
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []);
|
|
6799
|
+
plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] : /* istanbul ignore next */ []);
|
|
6800
|
+
rejet = input(null, ...ngDevMode ? [{ debugName: "rejet" }] : /* istanbul ignore next */ []);
|
|
6801
|
+
annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : /* istanbul ignore next */ []);
|
|
6696
6802
|
pleineLargeur = input(false, {
|
|
6697
|
-
...ngDevMode ? { debugName: "pleineLargeur" } :
|
|
6803
|
+
...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
|
|
6698
6804
|
transform: booleanAttribute
|
|
6699
6805
|
});
|
|
6700
6806
|
fermable = input(false, {
|
|
6701
|
-
...ngDevMode ? { debugName: "fermable" } :
|
|
6807
|
+
...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
|
|
6702
6808
|
transform: booleanAttribute
|
|
6703
6809
|
});
|
|
6704
6810
|
choix = output();
|
|
@@ -6711,9 +6817,9 @@ var StCalendar = class StCalendar {
|
|
|
6711
6817
|
pied: `${base}-pied`
|
|
6712
6818
|
};
|
|
6713
6819
|
})();
|
|
6714
|
-
active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui(), this.dateMin(), this.dateMax()), ...ngDevMode ? [{ debugName: "active" }] :
|
|
6715
|
-
premierJour = computed(() => premierJourDeLaSemaine(this.locale()), ...ngDevMode ? [{ debugName: "premierJour" }] :
|
|
6716
|
-
anneeActive = computed(() => Number(this.active().slice(0, 4)), ...ngDevMode ? [{ debugName: "anneeActive" }] :
|
|
6820
|
+
active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui(), this.dateMin(), this.dateMax()), ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
|
|
6821
|
+
premierJour = computed(() => premierJourDeLaSemaine(this.locale()), ...ngDevMode ? [{ debugName: "premierJour" }] : /* istanbul ignore next */ []);
|
|
6822
|
+
anneeActive = computed(() => Number(this.active().slice(0, 4)), ...ngDevMode ? [{ debugName: "anneeActive" }] : /* istanbul ignore next */ []);
|
|
6717
6823
|
titre = computed(() => {
|
|
6718
6824
|
const [annee, mois] = this.active().split("-").map(Number);
|
|
6719
6825
|
return initiale(new Intl.DateTimeFormat(this.locale(), {
|
|
@@ -6721,7 +6827,7 @@ var StCalendar = class StCalendar {
|
|
|
6721
6827
|
year: "numeric",
|
|
6722
6828
|
timeZone: "UTC"
|
|
6723
6829
|
}).format(Date.UTC(annee ?? 2e3, (mois ?? 1) - 1, 1)), this.locale());
|
|
6724
|
-
}, ...ngDevMode ? [{ debugName: "titre" }] :
|
|
6830
|
+
}, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
|
|
6725
6831
|
listeDAnnees = computed(() => {
|
|
6726
6832
|
const courante = Number(this.aujourdHui().slice(0, 4));
|
|
6727
6833
|
const annees = this.annees();
|
|
@@ -6733,7 +6839,7 @@ var StCalendar = class StCalendar {
|
|
|
6733
6839
|
const debut = Math.min(min, active);
|
|
6734
6840
|
const fin = Math.max(max, active);
|
|
6735
6841
|
return Array.from({ length: fin - debut + 1 }, (_, index) => debut + index);
|
|
6736
|
-
}, ...ngDevMode ? [{ debugName: "listeDAnnees" }] :
|
|
6842
|
+
}, ...ngDevMode ? [{ debugName: "listeDAnnees" }] : /* istanbul ignore next */ []);
|
|
6737
6843
|
joursDeLaSemaine = computed(() => {
|
|
6738
6844
|
const locale = this.locale();
|
|
6739
6845
|
const court = new Intl.DateTimeFormat(locale, {
|
|
@@ -6752,7 +6858,7 @@ var StCalendar = class StCalendar {
|
|
|
6752
6858
|
long: long.format(instant)
|
|
6753
6859
|
};
|
|
6754
6860
|
});
|
|
6755
|
-
}, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] :
|
|
6861
|
+
}, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : /* istanbul ignore next */ []);
|
|
6756
6862
|
semaines = computed(() => {
|
|
6757
6863
|
const active = this.active();
|
|
6758
6864
|
const [annee, mois] = active.split("-").map(Number);
|
|
@@ -6787,15 +6893,15 @@ var StCalendar = class StCalendar {
|
|
|
6787
6893
|
aujourdHui: date === aujourdHui,
|
|
6788
6894
|
rejete: date === rejet
|
|
6789
6895
|
})));
|
|
6790
|
-
}, ...ngDevMode ? [{ debugName: "semaines" }] :
|
|
6896
|
+
}, ...ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []);
|
|
6791
6897
|
moisPrecedentPossible = computed(() => {
|
|
6792
6898
|
const min = this.dateMin();
|
|
6793
6899
|
return min === null || this.active().slice(0, 7) > min.slice(0, 7);
|
|
6794
|
-
}, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] :
|
|
6900
|
+
}, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : /* istanbul ignore next */ []);
|
|
6795
6901
|
moisSuivantPossible = computed(() => {
|
|
6796
6902
|
const max = this.dateMax();
|
|
6797
6903
|
return max === null || this.active().slice(0, 7) < max.slice(0, 7);
|
|
6798
|
-
}, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] :
|
|
6904
|
+
}, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] : /* istanbul ignore next */ []);
|
|
6799
6905
|
constructor() {
|
|
6800
6906
|
afterNextRender(() => {
|
|
6801
6907
|
this.relireAujourdHui();
|
|
@@ -6878,7 +6984,7 @@ var StCalendar = class StCalendar {
|
|
|
6878
6984
|
}
|
|
6879
6985
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
6880
6986
|
minVersion: "12.0.0",
|
|
6881
|
-
version: "22.2.
|
|
6987
|
+
version: "22.2.1",
|
|
6882
6988
|
ngImport: i0,
|
|
6883
6989
|
type: StCalendar,
|
|
6884
6990
|
deps: [],
|
|
@@ -6886,7 +6992,7 @@ var StCalendar = class StCalendar {
|
|
|
6886
6992
|
});
|
|
6887
6993
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
6888
6994
|
minVersion: "17.0.0",
|
|
6889
|
-
version: "22.2.
|
|
6995
|
+
version: "22.2.1",
|
|
6890
6996
|
type: StCalendar,
|
|
6891
6997
|
isStandalone: true,
|
|
6892
6998
|
selector: "st-calendar",
|
|
@@ -6967,7 +7073,7 @@ var StCalendar = class StCalendar {
|
|
|
6967
7073
|
},
|
|
6968
7074
|
ngImport: i0,
|
|
6969
7075
|
template: "<div class=\"st-calendar__entete\">\n <div class=\"st-calendar__periode\">\n <!-- Region vivante : changer de mois a la souris ne deplace pas le focus, et le\n nouveau mois doit se dire. -->\n <p class=\"st-calendar__titre\" aria-live=\"polite\" [id]=\"identifiants.titre\">{{ titre() }}</p>\n <!-- La pastille se dessine par son texte (la liste native se mesure a sa plus longue option,\n arrondie) ; la liste, transparente, la couvre et porte le focus, le nom et le choix. -->\n <span class=\"st-calendar__annee\">\n <span class=\"st-calendar__annee-valeur\" aria-hidden=\"true\">{{ anneeActive() }}</span>\n <st-icon class=\"st-calendar__annee-icone\" nom=\"chevrons-haut-bas\" taille=\"16\" />\n <select\n class=\"st-calendar__annee-choix\"\n [attr.aria-label]=\"libelles().annee\"\n (change)=\"changerDAnnee($event)\"\n >\n @for (annee of listeDAnnees(); track annee) {\n <option [value]=\"annee\" [selected]=\"annee === anneeActive()\">{{ annee }}</option>\n }\n </select>\n </span>\n </div>\n <div class=\"st-calendar__navigation\">\n <button\n stIconButton\n type=\"button\"\n icone=\"chevron-gauche\"\n taille=\"xs\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().moisPrecedent\"\n [disabled]=\"!moisPrecedentPossible()\"\n (click)=\"changerDeMois(-1)\"\n ></button>\n <button\n stIconButton\n type=\"button\"\n icone=\"chevron-droite\"\n taille=\"xs\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().moisSuivant\"\n [disabled]=\"!moisSuivantPossible()\"\n (click)=\"changerDeMois(1)\"\n ></button>\n </div>\n</div>\n\n<!-- Roles explicites : les lignes et les cellules sont mises en grille CSS (cases fluides), et\n un `display` change efface la semantique implicite d'un tableau. -->\n<table\n class=\"st-calendar__grille\"\n role=\"grid\"\n [attr.aria-labelledby]=\"identifiants.titre\"\n [attr.aria-describedby]=\"identifiants.aide\"\n>\n <thead class=\"st-calendar__tete\">\n <tr class=\"st-calendar__jours-de-semaine\" role=\"row\">\n @for (jour of joursDeLaSemaine(); track $index) {\n <th\n class=\"st-calendar__jour-de-semaine\"\n role=\"columnheader\"\n scope=\"col\"\n [attr.abbr]=\"jour.long\"\n >\n {{ jour.court }}\n </th>\n }\n </tr>\n </thead>\n <tbody class=\"st-calendar__semaines\">\n @for (semaine of semaines(); track semaine[0]?.date) {\n <tr class=\"st-calendar__semaine\" role=\"row\">\n @for (jour of semaine; track jour.date) {\n @if (jour.horsDuMois) {\n <td class=\"st-calendar__vide\" role=\"gridcell\"></td>\n } @else {\n <td\n class=\"st-calendar__cellule\"\n role=\"gridcell\"\n [attr.aria-selected]=\"jour.borne !== null || jour.dansLaPlage ? 'true' : null\"\n [attr.aria-invalid]=\"jour.rejete ? 'true' : null\"\n >\n <button\n class=\"st-calendar__jour\"\n type=\"button\"\n [attr.data-date]=\"jour.date\"\n [attr.data-borne]=\"jour.borne\"\n [attr.data-plage]=\"jour.dansLaPlage ? '' : null\"\n [attr.data-rejete]=\"jour.rejete ? '' : null\"\n [attr.tabindex]=\"estActive(jour.date) ? 0 : -1\"\n [attr.aria-label]=\"jour.nom\"\n [attr.aria-current]=\"jour.aujourdHui ? 'date' : null\"\n [attr.aria-disabled]=\"jour.horsBornes ? 'true' : null\"\n [attr.aria-describedby]=\"jour.rejete ? identifiants.pied : null\"\n (click)=\"choisir(jour)\"\n >\n <span class=\"st-calendar__chiffre\">{{ jour.numero }}</span>\n </button>\n </td>\n }\n }\n </tr>\n }\n </tbody>\n</table>\n\n<p class=\"st-calendar__aide\" [id]=\"identifiants.aide\">\n {{ fermable() ? libelles().aideDuCalendrierFermable : libelles().aideDuCalendrier }}\n</p>\n\n<!-- Pied optionnel : resume de la periode, validation differee, raison d'un rejet (qui decrit le\n jour rejete). Vide, il ne se montre pas. -->\n<div class=\"st-calendar__pied\" [id]=\"identifiants.pied\"><ng-content select=\"[stPied]\" /></div>\n",
|
|
6970
|
-
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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-
|
|
7076
|
+
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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-erreur);text-decoration-line:line-through;background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\n"],
|
|
6971
7077
|
dependencies: [{
|
|
6972
7078
|
kind: "component",
|
|
6973
7079
|
type: StIcon,
|
|
@@ -7005,7 +7111,7 @@ var StCalendar = class StCalendar {
|
|
|
7005
7111
|
};
|
|
7006
7112
|
i0.ɵɵngDeclareClassMetadata({
|
|
7007
7113
|
minVersion: "12.0.0",
|
|
7008
|
-
version: "22.2.
|
|
7114
|
+
version: "22.2.1",
|
|
7009
7115
|
ngImport: i0,
|
|
7010
7116
|
type: StCalendar,
|
|
7011
7117
|
decorators: [{
|
|
@@ -7024,7 +7130,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7024
7130
|
"(mousedown)": "surAppui($event)"
|
|
7025
7131
|
},
|
|
7026
7132
|
template: "<div class=\"st-calendar__entete\">\n <div class=\"st-calendar__periode\">\n <!-- Region vivante : changer de mois a la souris ne deplace pas le focus, et le\n nouveau mois doit se dire. -->\n <p class=\"st-calendar__titre\" aria-live=\"polite\" [id]=\"identifiants.titre\">{{ titre() }}</p>\n <!-- La pastille se dessine par son texte (la liste native se mesure a sa plus longue option,\n arrondie) ; la liste, transparente, la couvre et porte le focus, le nom et le choix. -->\n <span class=\"st-calendar__annee\">\n <span class=\"st-calendar__annee-valeur\" aria-hidden=\"true\">{{ anneeActive() }}</span>\n <st-icon class=\"st-calendar__annee-icone\" nom=\"chevrons-haut-bas\" taille=\"16\" />\n <select\n class=\"st-calendar__annee-choix\"\n [attr.aria-label]=\"libelles().annee\"\n (change)=\"changerDAnnee($event)\"\n >\n @for (annee of listeDAnnees(); track annee) {\n <option [value]=\"annee\" [selected]=\"annee === anneeActive()\">{{ annee }}</option>\n }\n </select>\n </span>\n </div>\n <div class=\"st-calendar__navigation\">\n <button\n stIconButton\n type=\"button\"\n icone=\"chevron-gauche\"\n taille=\"xs\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().moisPrecedent\"\n [disabled]=\"!moisPrecedentPossible()\"\n (click)=\"changerDeMois(-1)\"\n ></button>\n <button\n stIconButton\n type=\"button\"\n icone=\"chevron-droite\"\n taille=\"xs\"\n tailleDuGlyphe=\"20\"\n [etiquette]=\"libelles().moisSuivant\"\n [disabled]=\"!moisSuivantPossible()\"\n (click)=\"changerDeMois(1)\"\n ></button>\n </div>\n</div>\n\n<!-- Roles explicites : les lignes et les cellules sont mises en grille CSS (cases fluides), et\n un `display` change efface la semantique implicite d'un tableau. -->\n<table\n class=\"st-calendar__grille\"\n role=\"grid\"\n [attr.aria-labelledby]=\"identifiants.titre\"\n [attr.aria-describedby]=\"identifiants.aide\"\n>\n <thead class=\"st-calendar__tete\">\n <tr class=\"st-calendar__jours-de-semaine\" role=\"row\">\n @for (jour of joursDeLaSemaine(); track $index) {\n <th\n class=\"st-calendar__jour-de-semaine\"\n role=\"columnheader\"\n scope=\"col\"\n [attr.abbr]=\"jour.long\"\n >\n {{ jour.court }}\n </th>\n }\n </tr>\n </thead>\n <tbody class=\"st-calendar__semaines\">\n @for (semaine of semaines(); track semaine[0]?.date) {\n <tr class=\"st-calendar__semaine\" role=\"row\">\n @for (jour of semaine; track jour.date) {\n @if (jour.horsDuMois) {\n <td class=\"st-calendar__vide\" role=\"gridcell\"></td>\n } @else {\n <td\n class=\"st-calendar__cellule\"\n role=\"gridcell\"\n [attr.aria-selected]=\"jour.borne !== null || jour.dansLaPlage ? 'true' : null\"\n [attr.aria-invalid]=\"jour.rejete ? 'true' : null\"\n >\n <button\n class=\"st-calendar__jour\"\n type=\"button\"\n [attr.data-date]=\"jour.date\"\n [attr.data-borne]=\"jour.borne\"\n [attr.data-plage]=\"jour.dansLaPlage ? '' : null\"\n [attr.data-rejete]=\"jour.rejete ? '' : null\"\n [attr.tabindex]=\"estActive(jour.date) ? 0 : -1\"\n [attr.aria-label]=\"jour.nom\"\n [attr.aria-current]=\"jour.aujourdHui ? 'date' : null\"\n [attr.aria-disabled]=\"jour.horsBornes ? 'true' : null\"\n [attr.aria-describedby]=\"jour.rejete ? identifiants.pied : null\"\n (click)=\"choisir(jour)\"\n >\n <span class=\"st-calendar__chiffre\">{{ jour.numero }}</span>\n </button>\n </td>\n }\n }\n </tr>\n }\n </tbody>\n</table>\n\n<p class=\"st-calendar__aide\" [id]=\"identifiants.aide\">\n {{ fermable() ? libelles().aideDuCalendrierFermable : libelles().aideDuCalendrier }}\n</p>\n\n<!-- Pied optionnel : resume de la periode, validation differee, raison d'un rejet (qui decrit le\n jour rejete). Vide, il ne se montre pas. -->\n<div class=\"st-calendar__pied\" [id]=\"identifiants.pied\"><ng-content select=\"[stPied]\" /></div>\n",
|
|
7027
|
-
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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-
|
|
7133
|
+
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{--_jour: max( var(--st-calendrier-jour-taille, var(--st-calendrier-jour-defaut)), var(--st-cible-min) );--_colonnes: repeat(7, minmax(var(--st-cible-min), var(--_jour)));--_ecart-entetes: var(--st-espacement-0);display:inline-block;padding:var(--st-espacement-3);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}:host(:not([data-pleine-largeur])){max-inline-size:100%}:host([data-pleine-largeur]){--_colonnes: repeat(7, minmax(0, 1fr));--_ecart-entetes: var(--st-espacement-1);display:block;padding:var(--st-espacement-6)}.st-calendar__entete{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:space-between;margin-block-end:var(--st-espacement-4);padding-block-end:var(--st-espacement-4);border-block-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__periode{display:flex;gap:var(--st-espacement-3);align-items:center}.st-calendar__titre{margin:0;font-size:var(--st-taille-md);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-md)}.st-calendar__annee{--_pastille: calc(var(--st-interligne-xs) + 2 * var(--st-espacement-demi));position:relative;display:inline-flex;align-items:center;padding:var(--st-espacement-demi) var(--st-espacement-2);font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);background:var(--st-couleur-surface-enfoncee);border-radius:var(--st-rayon-sm)}@media(hover:hover){.st-calendar__annee:hover{background:var(--st-couleur-surface-active)}}.st-calendar__annee-icone{margin-inline-start:var(--st-espacement-demi)}.st-calendar__annee-choix:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__annee-choix{position:absolute;inset-block:calc((var(--_pastille) - var(--st-cible-min)) / 2);inset-inline:0;margin:0;padding:0 var(--st-espacement-2);font:inherit;color:transparent;cursor:pointer;background:transparent;border:0;border-radius:var(--st-rayon-sm);appearance:none}.st-calendar__annee-choix option{color:var(--st-couleur-texte);background:var(--st-couleur-surface)}.st-calendar__navigation{display:flex;gap:var(--st-espacement-1);align-items:center}.st-calendar__grille{display:block;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);text-align:center;border-collapse:collapse}.st-calendar__tete{display:block}.st-calendar__jours-de-semaine{display:grid;grid-template-columns:var(--_colonnes);column-gap:var(--_ecart-entetes);padding-block:var(--st-espacement-2)}.st-calendar__jour-de-semaine{padding:0;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret);text-align:center}.st-calendar__semaines{display:grid;row-gap:var(--st-espacement-1)}.st-calendar__semaine{display:grid;grid-template-columns:var(--_colonnes);transition:opacity var(--st-duree-rapide) linear}@starting-style{.st-calendar__semaine{opacity:0}}.st-calendar__cellule{display:flex;padding:0}.st-calendar__vide{min-block-size:var(--_jour);padding:0}.st-calendar__jour:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-calendar__jour{display:flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;block-size:var(--_jour);margin:0;padding:0;font:inherit;font-family:var(--st-police-mono);color:inherit;cursor:pointer;background:transparent;border:0;border-radius:0}@media(hover:hover){.st-calendar__jour:hover:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-survol)}}.st-calendar__jour:active:not([aria-disabled=true],[data-borne],[data-plage]){background:var(--st-couleur-surface-active)}.st-calendar__jour:focus-visible{position:relative;z-index:var(--st-plan-contenu-eleve)}.st-calendar__jour:not([aria-disabled=true],[data-borne],[data-plage],[data-rejete]){border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-plage]{font-weight:var(--st-graisse-semi);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-selection)}.st-calendar__jour[data-borne]{font-family:inherit}.st-calendar__jour[data-borne] .st-calendar__chiffre{display:flex;align-items:center;justify-content:center;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);font-family:var(--st-police-mono);font-weight:var(--st-graisse-grasse);color:var(--st-couleur-sur-primaire);background:var(--st-couleur-primaire);border-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=debut]{background:var(--st-couleur-surface-selection);border-start-start-radius:var(--st-rayon-pleine);border-end-start-radius:var(--st-rayon-pleine)}.st-calendar__jour[data-borne=fin]{background:var(--st-couleur-surface-selection);border-start-end-radius:var(--st-rayon-pleine);border-end-end-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-disabled=true]{color:var(--st-couleur-texte-discret);text-decoration-line:line-through;cursor:not-allowed}.st-calendar__jour[data-rejete]{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-erreur);text-decoration-line:line-through;background:var(--st-couleur-erreur-discret);border-radius:var(--st-rayon-sm)}.st-calendar__chiffre{position:relative}.st-calendar__jour[aria-current=date]:not([data-borne]){font-weight:var(--st-graisse-semi)}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{position:absolute;inset-block-end:calc(-1 * var(--st-espacement-1) - var(--st-espacement-demi));inset-inline-start:calc(50% - var(--st-espacement-1) / 2);inline-size:var(--st-espacement-1);block-size:var(--st-espacement-1);content:\"\";background:currentColor;border-radius:var(--st-rayon-pleine)}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{inset-block-end:var(--st-espacement-1)}.st-calendar__aide{max-inline-size:var(--st-largeur-etroite);margin:var(--st-espacement-3) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}:host(:not([data-pleine-largeur])) .st-calendar__aide{contain:inline-size}:host([data-pleine-largeur]) .st-calendar__aide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-calendar__pied{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--st-espacement-4);padding-block-start:var(--st-espacement-4);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);border-block-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-calendar__pied:empty{display:none}@media(forced-colors:active){.st-calendar__annee-valeur{visibility:hidden}.st-calendar__jour[data-borne] .st-calendar__chiffre{forced-color-adjust:none;color:HighlightText;background:Highlight}.st-calendar__jour:is([data-plage],[data-borne=debut],[data-borne=fin]):not(:focus-visible){outline:var(--st-epaisseur-fine) solid Highlight;outline-offset:calc(-1 * var(--st-epaisseur-fine))}.st-calendar__jour[data-rejete]:not(:focus-visible){outline:var(--st-epaisseur-moyenne) dashed CanvasText;outline-offset:calc(-1 * var(--st-epaisseur-moyenne))}.st-calendar__jour[aria-current=date] .st-calendar__chiffre:after{forced-color-adjust:none;background:CanvasText}.st-calendar__jour[aria-current=date][data-borne] .st-calendar__chiffre:after{background:HighlightText}}\n"]
|
|
7028
7134
|
}]
|
|
7029
7135
|
}],
|
|
7030
7136
|
ctorParameters: () => [],
|
|
@@ -7179,30 +7285,30 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7179
7285
|
element = inject(ElementRef);
|
|
7180
7286
|
document = inject(DOCUMENT);
|
|
7181
7287
|
injecteur = inject(Injector);
|
|
7182
|
-
natif = viewChild.required("champ", ...ngDevMode ? [{ debugName: "natif" }] :
|
|
7183
|
-
value = model([], ...ngDevMode ? [{ debugName: "value" }] :
|
|
7184
|
-
accept = input("", ...ngDevMode ? [{ debugName: "accept" }] :
|
|
7288
|
+
natif = viewChild.required("champ", ...ngDevMode ? [{ debugName: "natif" }] : /* istanbul ignore next */ []);
|
|
7289
|
+
value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
7290
|
+
accept = input("", ...ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []);
|
|
7185
7291
|
multiple = input(false, {
|
|
7186
|
-
...ngDevMode ? { debugName: "multiple" } :
|
|
7292
|
+
...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
|
|
7187
7293
|
transform: booleanAttribute
|
|
7188
7294
|
});
|
|
7189
|
-
tailleMax = input(null, ...ngDevMode ? [{ debugName: "tailleMax" }] :
|
|
7190
|
-
nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] :
|
|
7191
|
-
libelleDuChoix = input(null, ...ngDevMode ? [{ debugName: "libelleDuChoix" }] :
|
|
7192
|
-
etats = input(null, ...ngDevMode ? [{ debugName: "etats" }] :
|
|
7295
|
+
tailleMax = input(null, ...ngDevMode ? [{ debugName: "tailleMax" }] : /* istanbul ignore next */ []);
|
|
7296
|
+
nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
|
|
7297
|
+
libelleDuChoix = input(null, ...ngDevMode ? [{ debugName: "libelleDuChoix" }] : /* istanbul ignore next */ []);
|
|
7298
|
+
etats = input(null, ...ngDevMode ? [{ debugName: "etats" }] : /* istanbul ignore next */ []);
|
|
7193
7299
|
annulation = output();
|
|
7194
7300
|
remplacement = output();
|
|
7195
7301
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
7196
|
-
survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] :
|
|
7302
|
+
survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] : /* istanbul ignore next */ []);
|
|
7197
7303
|
identifiants = inject(StIdentifiants);
|
|
7198
7304
|
identifiantDesConsignes = this.identifiants.prochain("st-file-upload-consignes");
|
|
7199
7305
|
identifiantDeLaLecture = this.identifiants.prochain("st-file-upload-lecture");
|
|
7200
7306
|
identifiantDuRefus = this.identifiants.prochain("st-file-upload-refus");
|
|
7201
|
-
refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] :
|
|
7307
|
+
refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] : /* istanbul ignore next */ []);
|
|
7202
7308
|
entreesDuGlisser = 0;
|
|
7203
7309
|
aRemplacer = null;
|
|
7204
|
-
ouvert = computed(() => !this.desactive() && !this.readonly(), ...ngDevMode ? [{ debugName: "ouvert" }] :
|
|
7205
|
-
texteDuChoix = computed(() => this.libelleDuChoix() ?? (this.multiple() ? this.libelles().choisirDesFichiers : this.libelles().choisirUnFichier), ...ngDevMode ? [{ debugName: "texteDuChoix" }] :
|
|
7310
|
+
ouvert = computed(() => !this.desactive() && !this.readonly(), ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
|
|
7311
|
+
texteDuChoix = computed(() => this.libelleDuChoix() ?? (this.multiple() ? this.libelles().choisirDesFichiers : this.libelles().choisirUnFichier), ...ngDevMode ? [{ debugName: "texteDuChoix" }] : /* istanbul ignore next */ []);
|
|
7206
7312
|
consignes = computed(() => {
|
|
7207
7313
|
const libelles = this.libelles();
|
|
7208
7314
|
const textes = [this.aideEtRaisons()];
|
|
@@ -7213,12 +7319,12 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7213
7319
|
if (nombre !== null && this.multiple()) textes.push(libelles.nombreMaximalDeFichiers(nombre));
|
|
7214
7320
|
const texte = textes.filter((morceau) => morceau !== null).join(" ");
|
|
7215
7321
|
return texte === "" ? null : texte;
|
|
7216
|
-
}, ...ngDevMode ? [{ debugName: "consignes" }] :
|
|
7322
|
+
}, ...ngDevMode ? [{ debugName: "consignes" }] : /* istanbul ignore next */ []);
|
|
7217
7323
|
descriptionsDesConsignes = computed(() => [
|
|
7218
7324
|
...this.consignes() === null ? [] : [this.identifiantDesConsignes],
|
|
7219
7325
|
...this.readonly() ? [this.identifiantDeLaLecture] : [],
|
|
7220
7326
|
...this.refusDuNombre() === null ? [] : [this.identifiantDuRefus]
|
|
7221
|
-
], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] :
|
|
7327
|
+
], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] : /* istanbul ignore next */ []);
|
|
7222
7328
|
lignes = computed(() => {
|
|
7223
7329
|
const locale = this.locale();
|
|
7224
7330
|
const libelles = this.libelles();
|
|
@@ -7269,7 +7375,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7269
7375
|
annulable: etape === "en-cours" && etat?.annulable !== false
|
|
7270
7376
|
};
|
|
7271
7377
|
});
|
|
7272
|
-
}, ...ngDevMode ? [{ debugName: "lignes" }] :
|
|
7378
|
+
}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
|
|
7273
7379
|
constructor() {
|
|
7274
7380
|
super();
|
|
7275
7381
|
let etapesConnues = null;
|
|
@@ -7435,7 +7541,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7435
7541
|
}
|
|
7436
7542
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
7437
7543
|
minVersion: "12.0.0",
|
|
7438
|
-
version: "22.2.
|
|
7544
|
+
version: "22.2.1",
|
|
7439
7545
|
ngImport: i0,
|
|
7440
7546
|
type: StFileUpload,
|
|
7441
7547
|
deps: [],
|
|
@@ -7443,7 +7549,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7443
7549
|
});
|
|
7444
7550
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
7445
7551
|
minVersion: "17.0.0",
|
|
7446
|
-
version: "22.2.
|
|
7552
|
+
version: "22.2.1",
|
|
7447
7553
|
type: StFileUpload,
|
|
7448
7554
|
isStandalone: true,
|
|
7449
7555
|
selector: "st-file-upload",
|
|
@@ -7517,7 +7623,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7517
7623
|
usesInheritance: true,
|
|
7518
7624
|
ngImport: i0,
|
|
7519
7625
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDesConsignes()\"\n toutesLesErreurs\n>\n <!-- Zone de depot centree (planche 3) : pastille, choix, consignes. -->\n <div\n class=\"st-file-upload__zone\"\n [attr.data-survol]=\"survol() ? '' : null\"\n [attr.data-desactive]=\"desactive() ? '' : null\"\n [attr.data-lecture-seule]=\"readonly() ? '' : null\"\n (dragenter)=\"surEntreeDuGlisser($event)\"\n (dragover)=\"surSurvol($event)\"\n (dragleave)=\"surSortieDuGlisser()\"\n (drop)=\"surDepot($event)\"\n >\n <span class=\"st-file-upload__pastille\" aria-hidden=\"true\">\n <st-icon nom=\"nuage-televerser\" taille=\"28\" />\n </span>\n <div class=\"st-file-upload__choix\">\n <input\n #champ\n class=\"st-file-upload__natif\"\n stControleDeChamp\n type=\"file\"\n [accept]=\"accept()\"\n [multiple]=\"multiple()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"desactive()\"\n [attr.aria-disabled]=\"readonly() ? 'true' : null\"\n (click)=\"surClicDuNatif($event)\"\n (change)=\"surChoix($event)\"\n (cancel)=\"surAbandon()\"\n />\n <!-- Voie de la souris vers le champ natif. Masque au lecteur d'ecran et hors\n tabulation : le clavier et le lecteur d'ecran passent par le champ natif,\n deja nomme par l'etiquette du champ ; son focus se voit ici. En lecture seule, il\n dit l'etat, et le champ natif le lit en description (le role button n'expose pas\n aria-readonly). -->\n <span\n class=\"st-file-upload__bouton\"\n aria-hidden=\"true\"\n [attr.id]=\"readonly() ? identifiantDeLaLecture : null\"\n (click)=\"ouvrir()\"\n >{{ readonly() ? libelles().lectureSeule : texteDuChoix() }}</span\n >\n @if (multiple() && !readonly()) {\n <span class=\"st-file-upload__mention\" aria-hidden=\"true\">{{\n libelles().ouDeposerIci\n }}</span>\n }\n </div>\n @if (consignes(); as texte) {\n <p class=\"st-file-upload__consignes\" [id]=\"identifiantDesConsignes\">{{ texte }}</p>\n }\n </div>\n\n <!-- Les noms cites par une phrase du dictionnaire, chacun dans son ilot de gauche a droite : un\n nom en hebreu ou en arabe ne reordonne pas la phrase (D-4). Le texte, chacun dans son\n element : aucun blanc de mise en page ne s'y glisse. -->\n @if (refusDuNombre(); as refus) {\n <p class=\"st-file-upload__refus\" [id]=\"identifiantDuRefus\">\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n <span>\n @for (morceau of refus.morceaux; track $index) {\n @if (morceau.nom) {\n <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n } @else {\n <span>{{ morceau.texte }}</span>\n }\n }\n </span>\n </p>\n }\n\n @if (lignes().length === 0) {\n <p class=\"st-file-upload__vide\">{{ libelles().aucunFichier }}</p>\n } @else {\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-file-upload__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle; let indice = $index) {\n <li class=\"st-file-upload__fichier\" [attr.data-etape]=\"ligne.etape\">\n <div class=\"st-file-upload__entete\">\n <div class=\"st-file-upload__identite\">\n <span class=\"st-file-upload__tuile\" aria-hidden=\"true\">\n <st-icon [nom]=\"ligne.icone\" taille=\"22\" />\n </span>\n <div class=\"st-file-upload__textes\">\n <div class=\"st-file-upload__titre\">\n <span class=\"st-file-upload__nom\" dir=\"ltr\">{{ ligne.nom }}</span>\n <span class=\"st-file-upload__taille\">{{ ligne.taille }}</span>\n </div>\n @if (ligne.morceauxDuStatut; as morceaux) {\n <div class=\"st-file-upload__statut\">\n @switch (ligne.etape) {\n @case ('depose') {\n <st-icon nom=\"cercle-coche\" variante=\"plein\" />\n }\n @case ('refuse') {\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n }\n }\n <span>\n @for (morceau of morceaux; track $index) {\n @if (morceau.nom) {\n <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n } @else {\n <span>{{ morceau.texte }}</span>\n }\n }\n </span>\n </div>\n }\n </div>\n </div>\n\n <div class=\"st-file-upload__actions\">\n @if (ligne.detail; as detail) {\n <span class=\"st-file-upload__detail\">{{ detail }}</span>\n }\n @if (ligne.etape === 'refuse') {\n <button\n class=\"st-file-upload__remplacer\"\n stButton\n type=\"button\"\n variante=\"secondaire\"\n taille=\"xs\"\n [attr.aria-label]=\"libelles().remplacerLeFichier(ligne.nom)\"\n [disabled]=\"desactive()\"\n [indisponible]=\"readonly()\"\n (click)=\"remplacer(indice)\"\n >\n {{ libelles().remplacer }}\n </button>\n }\n <!-- UN seul bouton par ligne, dont l'icone, l'etiquette et l'action suivent l'etat :\n un bouton rendu par etat etait DETRUIT a l'arrivee de l'envoi, et le focus qu'il\n portait tombait sur le document (revue E10). Absent quand l'envoi n'est plus\n annulable (planche 3b) : le focus passe alors au choix de fichiers. -->\n @if (ligne.etape !== 'en-cours' || ligne.annulable) {\n <button\n class=\"st-file-upload__retrait\"\n stIconButton\n type=\"button\"\n taille=\"xs\"\n [icone]=\"ligne.etape === null || ligne.etape === 'depose' ? 'corbeille' : 'croix'\"\n [etiquette]=\"\n ligne.etape === 'en-cours'\n ? libelles().annulerLeTeleversement(ligne.nom)\n : libelles().retirerLeFichier(ligne.nom)\n \"\n [disabled]=\"desactive()\"\n [indisponible]=\"readonly()\"\n (click)=\"agirSurLaLigne(ligne.fichier, ligne.etape, ligne.annulable, indice)\"\n ></button>\n }\n </div>\n </div>\n\n @if (ligne.etape === 'en-cours') {\n <st-progress\n class=\"st-file-upload__progression\"\n epaisseur=\"moyenne\"\n [valeur]=\"ligne.progression\"\n [etiquette]=\"libelles().televersementDe(ligne.nom)\"\n />\n }\n </li>\n }\n </ul>\n }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
7520
|
-
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}.st-file-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-
|
|
7626
|
+
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}.st-file-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-file-upload__natif:disabled+.st-file-upload__bouton{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-erreur-discret);border-color:color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-erreur);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-erreur)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-erreur)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"],
|
|
7521
7627
|
dependencies: [
|
|
7522
7628
|
{
|
|
7523
7629
|
kind: "component",
|
|
@@ -7606,7 +7712,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7606
7712
|
};
|
|
7607
7713
|
i0.ɵɵngDeclareClassMetadata({
|
|
7608
7714
|
minVersion: "12.0.0",
|
|
7609
|
-
version: "22.2.
|
|
7715
|
+
version: "22.2.1",
|
|
7610
7716
|
ngImport: i0,
|
|
7611
7717
|
type: StFileUpload,
|
|
7612
7718
|
decorators: [{
|
|
@@ -7627,7 +7733,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7627
7733
|
"(focusout)": "aLaSortie($event)"
|
|
7628
7734
|
},
|
|
7629
7735
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDesConsignes()\"\n toutesLesErreurs\n>\n <!-- Zone de depot centree (planche 3) : pastille, choix, consignes. -->\n <div\n class=\"st-file-upload__zone\"\n [attr.data-survol]=\"survol() ? '' : null\"\n [attr.data-desactive]=\"desactive() ? '' : null\"\n [attr.data-lecture-seule]=\"readonly() ? '' : null\"\n (dragenter)=\"surEntreeDuGlisser($event)\"\n (dragover)=\"surSurvol($event)\"\n (dragleave)=\"surSortieDuGlisser()\"\n (drop)=\"surDepot($event)\"\n >\n <span class=\"st-file-upload__pastille\" aria-hidden=\"true\">\n <st-icon nom=\"nuage-televerser\" taille=\"28\" />\n </span>\n <div class=\"st-file-upload__choix\">\n <input\n #champ\n class=\"st-file-upload__natif\"\n stControleDeChamp\n type=\"file\"\n [accept]=\"accept()\"\n [multiple]=\"multiple()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"desactive()\"\n [attr.aria-disabled]=\"readonly() ? 'true' : null\"\n (click)=\"surClicDuNatif($event)\"\n (change)=\"surChoix($event)\"\n (cancel)=\"surAbandon()\"\n />\n <!-- Voie de la souris vers le champ natif. Masque au lecteur d'ecran et hors\n tabulation : le clavier et le lecteur d'ecran passent par le champ natif,\n deja nomme par l'etiquette du champ ; son focus se voit ici. En lecture seule, il\n dit l'etat, et le champ natif le lit en description (le role button n'expose pas\n aria-readonly). -->\n <span\n class=\"st-file-upload__bouton\"\n aria-hidden=\"true\"\n [attr.id]=\"readonly() ? identifiantDeLaLecture : null\"\n (click)=\"ouvrir()\"\n >{{ readonly() ? libelles().lectureSeule : texteDuChoix() }}</span\n >\n @if (multiple() && !readonly()) {\n <span class=\"st-file-upload__mention\" aria-hidden=\"true\">{{\n libelles().ouDeposerIci\n }}</span>\n }\n </div>\n @if (consignes(); as texte) {\n <p class=\"st-file-upload__consignes\" [id]=\"identifiantDesConsignes\">{{ texte }}</p>\n }\n </div>\n\n <!-- Les noms cites par une phrase du dictionnaire, chacun dans son ilot de gauche a droite : un\n nom en hebreu ou en arabe ne reordonne pas la phrase (D-4). Le texte, chacun dans son\n element : aucun blanc de mise en page ne s'y glisse. -->\n @if (refusDuNombre(); as refus) {\n <p class=\"st-file-upload__refus\" [id]=\"identifiantDuRefus\">\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n <span>\n @for (morceau of refus.morceaux; track $index) {\n @if (morceau.nom) {\n <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n } @else {\n <span>{{ morceau.texte }}</span>\n }\n }\n </span>\n </p>\n }\n\n @if (lignes().length === 0) {\n <p class=\"st-file-upload__vide\">{{ libelles().aucunFichier }}</p>\n } @else {\n <!-- `role=\"list\"` : sans puces, Safari ne lit plus une liste comme une liste (D-1). -->\n <ul class=\"st-file-upload__liste\" role=\"list\">\n @for (ligne of lignes(); track ligne.cle; let indice = $index) {\n <li class=\"st-file-upload__fichier\" [attr.data-etape]=\"ligne.etape\">\n <div class=\"st-file-upload__entete\">\n <div class=\"st-file-upload__identite\">\n <span class=\"st-file-upload__tuile\" aria-hidden=\"true\">\n <st-icon [nom]=\"ligne.icone\" taille=\"22\" />\n </span>\n <div class=\"st-file-upload__textes\">\n <div class=\"st-file-upload__titre\">\n <span class=\"st-file-upload__nom\" dir=\"ltr\">{{ ligne.nom }}</span>\n <span class=\"st-file-upload__taille\">{{ ligne.taille }}</span>\n </div>\n @if (ligne.morceauxDuStatut; as morceaux) {\n <div class=\"st-file-upload__statut\">\n @switch (ligne.etape) {\n @case ('depose') {\n <st-icon nom=\"cercle-coche\" variante=\"plein\" />\n }\n @case ('refuse') {\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n }\n }\n <span>\n @for (morceau of morceaux; track $index) {\n @if (morceau.nom) {\n <bdi dir=\"ltr\">{{ morceau.texte }}</bdi>\n } @else {\n <span>{{ morceau.texte }}</span>\n }\n }\n </span>\n </div>\n }\n </div>\n </div>\n\n <div class=\"st-file-upload__actions\">\n @if (ligne.detail; as detail) {\n <span class=\"st-file-upload__detail\">{{ detail }}</span>\n }\n @if (ligne.etape === 'refuse') {\n <button\n class=\"st-file-upload__remplacer\"\n stButton\n type=\"button\"\n variante=\"secondaire\"\n taille=\"xs\"\n [attr.aria-label]=\"libelles().remplacerLeFichier(ligne.nom)\"\n [disabled]=\"desactive()\"\n [indisponible]=\"readonly()\"\n (click)=\"remplacer(indice)\"\n >\n {{ libelles().remplacer }}\n </button>\n }\n <!-- UN seul bouton par ligne, dont l'icone, l'etiquette et l'action suivent l'etat :\n un bouton rendu par etat etait DETRUIT a l'arrivee de l'envoi, et le focus qu'il\n portait tombait sur le document (revue E10). Absent quand l'envoi n'est plus\n annulable (planche 3b) : le focus passe alors au choix de fichiers. -->\n @if (ligne.etape !== 'en-cours' || ligne.annulable) {\n <button\n class=\"st-file-upload__retrait\"\n stIconButton\n type=\"button\"\n taille=\"xs\"\n [icone]=\"ligne.etape === null || ligne.etape === 'depose' ? 'corbeille' : 'croix'\"\n [etiquette]=\"\n ligne.etape === 'en-cours'\n ? libelles().annulerLeTeleversement(ligne.nom)\n : libelles().retirerLeFichier(ligne.nom)\n \"\n [disabled]=\"desactive()\"\n [indisponible]=\"readonly()\"\n (click)=\"agirSurLaLigne(ligne.fichier, ligne.etape, ligne.annulable, indice)\"\n ></button>\n }\n </div>\n </div>\n\n @if (ligne.etape === 'en-cours') {\n <st-progress\n class=\"st-file-upload__progression\"\n epaisseur=\"moyenne\"\n [valeur]=\"ligne.progression\"\n [etiquette]=\"libelles().televersementDe(ligne.nom)\"\n />\n }\n </li>\n }\n </ul>\n }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
7630
|
-
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}.st-file-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-
|
|
7736
|
+
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}.st-file-upload__zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--st-espacement-8);text-align:center;background:var(--st-couleur-fond);border:var(--st-epaisseur-moyenne) dashed var(--st-couleur-bordure-forte);border-radius:var(--st-rayon-lg);transition:background-color var(--st-duree-rapide) var(--st-courbe-standard),border-color var(--st-duree-rapide) var(--st-courbe-standard)}.st-file-upload__zone[data-survol]{background:var(--st-couleur-surface-selection);border-style:solid;border-color:var(--st-couleur-bordure-selection)}.st-file-upload__pastille{display:flex;flex:none;align-items:center;justify-content:center;inline-size:var(--st-espacement-12);block-size:var(--st-espacement-12);margin-block-end:var(--st-espacement-3);color:var(--st-couleur-texte-primaire);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-pleine)}.st-file-upload__choix{display:flex;flex-wrap:wrap;gap:var(--st-espacement-2);align-items:center;justify-content:center;margin-block-end:var(--st-espacement-1)}.st-file-upload__natif{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.st-file-upload__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding-inline:var(--st-espacement-4);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:pointer;background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md));transition:background-color var(--st-duree-rapide) var(--st-courbe-standard)}@media(hover:hover){.st-file-upload__bouton:hover{background:var(--st-couleur-surface-survol)}}.st-file-upload__bouton:active{background:var(--st-couleur-surface-active)}.st-file-upload__natif:focus-visible+.st-file-upload__bouton{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}[aria-invalid=true]+.st-file-upload__bouton{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}[aria-invalid=true]:focus-visible+.st-file-upload__bouton{box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-file-upload__natif:disabled+.st-file-upload__bouton{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__zone[data-lecture-seule]{border-style:solid;border-color:var(--st-couleur-bordure)}.st-file-upload__zone[data-lecture-seule] .st-file-upload__bouton{cursor:default;background:var(--st-couleur-surface-enfoncee)}.st-file-upload__mention{font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__consignes{max-inline-size:28rem;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}.st-file-upload__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-file-upload__refus st-icon{--st-icone-taille: .9375rem;flex:none}.st-file-upload__vide{margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret)}.st-file-upload__liste{padding:0;margin:0;list-style:none}.st-file-upload__fichier{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between;min-block-size:var(--st-cible-tactile-min);padding:var(--st-espacement-4);margin-block-start:var(--st-espacement-3);background:var(--st-couleur-fond);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@media(min-width:30rem){.st-file-upload__fichier{flex-wrap:nowrap}}.st-file-upload__fichier[data-etape=en-cours]{flex-flow:column;gap:var(--st-espacement-3);align-items:normal;justify-content:normal}.st-file-upload__fichier[data-etape=refuse]{background:var(--st-couleur-erreur-discret);border-color:color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__entete{display:contents}[data-etape=en-cours]>.st-file-upload__entete{display:flex;flex-wrap:wrap;gap:var(--st-espacement-4);align-items:center;justify-content:space-between}@media(min-width:30rem){[data-etape=en-cours]>.st-file-upload__entete{flex-wrap:nowrap}}.st-file-upload__identite{display:flex;gap:var(--st-espacement-3-5);align-items:center;min-inline-size:0}.st-file-upload__tuile{display:flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;inline-size:var(--st-espacement-10);block-size:var(--st-espacement-10);color:var(--st-couleur-texte-discret);background:var(--st-couleur-surface-conteneur-bas);border-radius:var(--st-rayon-md)}[data-etape=en-cours] .st-file-upload__tuile{color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__tuile{color:var(--st-couleur-succes);background:var(--st-couleur-succes-discret);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-succes) 20%,transparent)}[data-etape=refuse] .st-file-upload__tuile{color:var(--st-couleur-erreur);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-file-upload__textes{min-inline-size:0}.st-file-upload__titre{display:flex;flex-wrap:wrap;gap:0 var(--st-espacement-2);align-items:center}.st-file-upload__nom{min-inline-size:0;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-semi);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);overflow-wrap:anywhere;unicode-bidi:isolate}.st-file-upload__taille,.st-file-upload__detail{flex:none;white-space:nowrap;font-family:var(--st-police-mono);font-size:var(--st-taille-xs);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-discret)}[data-etape=refuse] .st-file-upload__taille{font-weight:var(--st-graisse-moyenne);color:var(--st-couleur-erreur)}[data-etape=en-cours] .st-file-upload__detail{font-weight:var(--st-graisse-grasse);color:var(--st-couleur-texte-primaire)}.st-file-upload__statut{--st-icone-taille: .9375rem;display:flex;gap:var(--st-espacement-1-5);align-items:center;margin-block-start:var(--st-espacement-demi);font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-texte-primaire)}[data-etape=depose] .st-file-upload__statut{color:var(--st-couleur-succes)}[data-etape=refuse] .st-file-upload__statut{color:var(--st-couleur-erreur)}.st-file-upload__statut st-icon{align-self:flex-start}.st-file-upload__actions{display:flex;flex:none;gap:var(--st-espacement-3);align-items:center;margin-inline-start:auto}[data-etape=refuse] .st-file-upload__actions{gap:var(--st-espacement-2-5)}.st-file-upload__progression{inline-size:100%}@media(forced-colors:active){.st-file-upload__zone[data-survol]{border-color:Highlight}.st-file-upload__bouton{border-color:CanvasText}}\n"]
|
|
7631
7737
|
}]
|
|
7632
7738
|
}],
|
|
7633
7739
|
ctorParameters: () => [],
|
|
@@ -7719,14 +7825,14 @@ function phrase(texte) {
|
|
|
7719
7825
|
var StTagInput = class StTagInput extends ContratDeChamp {
|
|
7720
7826
|
libelles = inject(ST_LIBELLES);
|
|
7721
7827
|
element = inject(ElementRef);
|
|
7722
|
-
value = model([], ...ngDevMode ? [{ debugName: "value" }] :
|
|
7723
|
-
separateurs = input([",", ";"], ...ngDevMode ? [{ debugName: "separateurs" }] :
|
|
7724
|
-
valider = input(null, ...ngDevMode ? [{ debugName: "valider" }] :
|
|
7725
|
-
nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] :
|
|
7828
|
+
value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
7829
|
+
separateurs = input([",", ";"], ...ngDevMode ? [{ debugName: "separateurs" }] : /* istanbul ignore next */ []);
|
|
7830
|
+
valider = input(null, ...ngDevMode ? [{ debugName: "valider" }] : /* istanbul ignore next */ []);
|
|
7831
|
+
nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] : /* istanbul ignore next */ []);
|
|
7726
7832
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
7727
7833
|
identifiantDuRefus = inject(StIdentifiants).prochain("st-tag-input-refus");
|
|
7728
|
-
refus = signal(null, ...ngDevMode ? [{ debugName: "refus" }] :
|
|
7729
|
-
modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] :
|
|
7834
|
+
refus = signal(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
|
|
7835
|
+
modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
|
|
7730
7836
|
elements = computed(() => {
|
|
7731
7837
|
const supprimable = this.modifiable();
|
|
7732
7838
|
return this.value().map((valeur) => ({
|
|
@@ -7734,8 +7840,8 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7734
7840
|
libelle: valeur,
|
|
7735
7841
|
supprimable
|
|
7736
7842
|
}));
|
|
7737
|
-
}, ...ngDevMode ? [{ debugName: "elements" }] :
|
|
7738
|
-
descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] :
|
|
7843
|
+
}, ...ngDevMode ? [{ debugName: "elements" }] : /* istanbul ignore next */ []);
|
|
7844
|
+
descriptionsDuRefus = computed(() => this.refus() === null ? [] : [this.identifiantDuRefus], ...ngDevMode ? [{ debugName: "descriptionsDuRefus" }] : /* istanbul ignore next */ []);
|
|
7739
7845
|
constructor() {
|
|
7740
7846
|
super();
|
|
7741
7847
|
CHAMPS$1.set(this, {
|
|
@@ -7826,7 +7932,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7826
7932
|
}
|
|
7827
7933
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
7828
7934
|
minVersion: "12.0.0",
|
|
7829
|
-
version: "22.2.
|
|
7935
|
+
version: "22.2.1",
|
|
7830
7936
|
ngImport: i0,
|
|
7831
7937
|
type: StTagInput,
|
|
7832
7938
|
deps: [],
|
|
@@ -7834,7 +7940,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7834
7940
|
});
|
|
7835
7941
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
7836
7942
|
minVersion: "17.0.0",
|
|
7837
|
-
version: "22.2.
|
|
7943
|
+
version: "22.2.1",
|
|
7838
7944
|
type: StTagInput,
|
|
7839
7945
|
isStandalone: true,
|
|
7840
7946
|
selector: "st-tag-input",
|
|
@@ -7876,7 +7982,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7876
7982
|
usesInheritance: true,
|
|
7877
7983
|
ngImport: i0,
|
|
7878
7984
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre (D81) : les valeurs en etiquettes, puis la zone de frappe ; tous passent a la\n ligne. La liste est nommee par le libelle du champ, et ses retraits parlent dans la region\n du champ. -->\n <div class=\"st-tag-input__cadre\">\n <st-tag-group\n class=\"st-tag-input__valeurs\"\n [etiquette]=\"libelle()\"\n [elements]=\"elements()\"\n (supprime)=\"retirer($event)\"\n />\n <input\n #champ\n class=\"st-tag-input__champ\"\n stControleDeChamp\n type=\"text\"\n autocomplete=\"off\"\n [disabled]=\"desactive()\"\n [readOnly]=\"readonly()\"\n (keydown)=\"auClavier($event)\"\n (input)=\"surSaisie($event)\"\n (paste)=\"surCollage($event)\"\n />\n </div>\n <!-- Un refus (doublon, valeur refusee, nombre maximal) : dit en texte visible, relie au champ\n (WCAG 3.3.1), repris par l'annonce. -->\n @if (refus(); as texte) {\n <p class=\"st-tag-input__refus\" [id]=\"identifiantDuRefus\">\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n <span>{{ texte }}</span>\n </p>\n }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
7879
|
-
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}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-
|
|
7985
|
+
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}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex:none}\n"],
|
|
7880
7986
|
dependencies: [
|
|
7881
7987
|
{
|
|
7882
7988
|
kind: "component",
|
|
@@ -7933,7 +8039,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7933
8039
|
};
|
|
7934
8040
|
i0.ɵɵngDeclareClassMetadata({
|
|
7935
8041
|
minVersion: "12.0.0",
|
|
7936
|
-
version: "22.2.
|
|
8042
|
+
version: "22.2.1",
|
|
7937
8043
|
ngImport: i0,
|
|
7938
8044
|
type: StTagInput,
|
|
7939
8045
|
decorators: [{
|
|
@@ -7960,7 +8066,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7960
8066
|
"(focusout)": "aLaSortie($event)"
|
|
7961
8067
|
},
|
|
7962
8068
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"errors()\"\n [afficherErreurs]=\"touched()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuRefus()\"\n>\n <ng-content select=\"[stMeta]\" ngProjectAs=\"[stMeta]\" />\n <ng-content select=\"[stAide]\" ngProjectAs=\"[stAide]\" />\n <ng-content select=\"[stIndication]\" ngProjectAs=\"[stIndication]\" />\n <!-- Le cadre (D81) : les valeurs en etiquettes, puis la zone de frappe ; tous passent a la\n ligne. La liste est nommee par le libelle du champ, et ses retraits parlent dans la region\n du champ. -->\n <div class=\"st-tag-input__cadre\">\n <st-tag-group\n class=\"st-tag-input__valeurs\"\n [etiquette]=\"libelle()\"\n [elements]=\"elements()\"\n (supprime)=\"retirer($event)\"\n />\n <input\n #champ\n class=\"st-tag-input__champ\"\n stControleDeChamp\n type=\"text\"\n autocomplete=\"off\"\n [disabled]=\"desactive()\"\n [readOnly]=\"readonly()\"\n (keydown)=\"auClavier($event)\"\n (input)=\"surSaisie($event)\"\n (paste)=\"surCollage($event)\"\n />\n </div>\n <!-- Un refus (doublon, valeur refusee, nombre maximal) : dit en texte visible, relie au champ\n (WCAG 3.3.1), repris par l'annonce. -->\n @if (refus(); as texte) {\n <p class=\"st-tag-input__refus\" [id]=\"identifiantDuRefus\">\n <st-icon nom=\"cercle-alerte\" variante=\"plein\" />\n <span>{{ texte }}</span>\n </p>\n }\n</st-form-field>\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
7963
|
-
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}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-
|
|
8069
|
+
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}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__cadre{box-sizing:border-box;block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}.st-tag-input__cadre>.st-tag-input__champ{margin-block:calc(-1 * var(--st-epaisseur-fine));background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}@media(hover:hover){.st-tag-input__cadre:hover:not(:has(>.st-tag-input__champ:is(:disabled,:focus,[aria-invalid=true]))){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__cadre:has(>.st-tag-input__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]){border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ[aria-invalid=true]):has(>.st-tag-input__champ:focus-visible){outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__cadre:has(>.st-tag-input__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__cadre:has(>.st-tag-input__champ:is(input,textarea):read-only:not(:disabled)),.st-tag-input__cadre:has(>.st-tag-input__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-tag-input__cadre{display:flex;flex-wrap:wrap;gap:var(--st-espacement-1) var(--st-espacement-2);align-items:center;block-size:auto;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));padding:var(--st-espacement-1);min-inline-size:0}.st-tag-input__valeurs{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.st-tag-input__champ:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus)}.st-tag-input__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( (var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var(--st-interligne-sm)) / 2 - var(--st-epaisseur-fine) ) ) );padding-block:var(--_remplissage-bloc);padding-inline:var(--st-espacement-3-5);font-family:inherit;font-size:var(--st-taille-sm);font-weight:var(--st-graisse-normale);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-bordure-forte);border-radius:var(--st-commande-rayon, var(--st-rayon-md))}@media(pointer:coarse){.st-tag-input__champ{--_remplissage-bloc: max( var(--st-espacement-demi), min( var(--st-espacement-2), calc( ( var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - var( --st-interligne-md ) ) / 2 - var(--st-epaisseur-fine) ) ) );font-size:var(--st-taille-md);line-height:var(--st-interligne-md)}}.st-tag-input__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-tag-input__champ:hover:not(:disabled,:focus,[aria-invalid=true]){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-tag-input__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-tag-input__champ[aria-invalid=true]{border-color:var(--st-couleur-erreur);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ[aria-invalid=true]:focus-visible{outline:var(--st-focus-epaisseur) solid var(--st-couleur-anneau-focus);outline-offset:var(--st-focus-decalage);box-shadow:0 0 0 var(--st-focus-lisere) var(--st-couleur-lisere-focus),inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-erreur)}.st-tag-input__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-tag-input__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-tag-input__champ:is(input,textarea):read-only:not(:disabled),.st-tag-input__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-tag-input__champ{flex:1 1 10rem;min-inline-size:0;padding-inline:calc(var(--st-espacement-3-5) - var(--st-espacement-1))}.st-tag-input__cadre>.st-tag-input__champ{min-block-size:0;block-size:calc(var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)) - 2 * var(--st-espacement-1) - 2 * var(--st-epaisseur-fine));padding-block:0;margin-block:0}.st-tag-input__cadre>.st-tag-input__champ:is(input):read-only{background:transparent}.st-tag-input__refus{display:flex;gap:var(--st-espacement-1-5);align-items:flex-start;margin:var(--st-espacement-2) 0 0;font-size:var(--st-taille-xs);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-xs);color:var(--st-couleur-erreur)}.st-tag-input__refus st-icon{--st-icone-taille: .9375rem;flex:none}\n"]
|
|
7964
8070
|
}]
|
|
7965
8071
|
}],
|
|
7966
8072
|
ctorParameters: () => [],
|
|
@@ -8037,12 +8143,12 @@ function optionsDesPays(parametres) {
|
|
|
8037
8143
|
var StCountryField = class StCountryField extends ControleDeSaisie {
|
|
8038
8144
|
libelles = inject(ST_LIBELLES);
|
|
8039
8145
|
locale = inject(ST_LOCALE);
|
|
8040
|
-
codes = input(null, ...ngDevMode ? [{ debugName: "codes" }] :
|
|
8041
|
-
enTete = input([], ...ngDevMode ? [{ debugName: "enTete" }] :
|
|
8042
|
-
autocomplete = input("country", ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
8043
|
-
texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] :
|
|
8044
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
8045
|
-
liste = viewChild.required(StSelect, ...ngDevMode ? [{ debugName: "liste" }] :
|
|
8146
|
+
codes = input(null, ...ngDevMode ? [{ debugName: "codes" }] : /* istanbul ignore next */ []);
|
|
8147
|
+
enTete = input([], ...ngDevMode ? [{ debugName: "enTete" }] : /* istanbul ignore next */ []);
|
|
8148
|
+
autocomplete = input("country", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
8149
|
+
texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] : /* istanbul ignore next */ []);
|
|
8150
|
+
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
|
|
8151
|
+
liste = viewChild.required(StSelect, ...ngDevMode ? [{ debugName: "liste" }] : /* istanbul ignore next */ []);
|
|
8046
8152
|
options = computed(() => optionsDesPays({
|
|
8047
8153
|
locale: this.locale(),
|
|
8048
8154
|
codes: this.codes(),
|
|
@@ -8052,13 +8158,13 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
|
|
|
8052
8158
|
frequents: this.libelles().paysFrequents,
|
|
8053
8159
|
tous: this.libelles().tousLesPays
|
|
8054
8160
|
}
|
|
8055
|
-
}), ...ngDevMode ? [{ debugName: "options" }] :
|
|
8161
|
+
}), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
|
|
8056
8162
|
focus(options) {
|
|
8057
8163
|
this.liste().focus(options);
|
|
8058
8164
|
}
|
|
8059
8165
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
8060
8166
|
minVersion: "12.0.0",
|
|
8061
|
-
version: "22.2.
|
|
8167
|
+
version: "22.2.1",
|
|
8062
8168
|
ngImport: i0,
|
|
8063
8169
|
type: StCountryField,
|
|
8064
8170
|
deps: null,
|
|
@@ -8066,7 +8172,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
|
|
|
8066
8172
|
});
|
|
8067
8173
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
8068
8174
|
minVersion: "17.2.0",
|
|
8069
|
-
version: "22.2.
|
|
8175
|
+
version: "22.2.1",
|
|
8070
8176
|
type: StCountryField,
|
|
8071
8177
|
isStandalone: true,
|
|
8072
8178
|
selector: "st-country-field",
|
|
@@ -8136,7 +8242,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
|
|
|
8136
8242
|
};
|
|
8137
8243
|
i0.ɵɵngDeclareClassMetadata({
|
|
8138
8244
|
minVersion: "12.0.0",
|
|
8139
|
-
version: "22.2.
|
|
8245
|
+
version: "22.2.1",
|
|
8140
8246
|
ngImport: i0,
|
|
8141
8247
|
type: StCountryField,
|
|
8142
8248
|
decorators: [{
|
|
@@ -8216,22 +8322,22 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8216
8322
|
libelles = inject(ST_LIBELLES);
|
|
8217
8323
|
locale = inject(ST_LOCALE);
|
|
8218
8324
|
element = inject(ElementRef);
|
|
8219
|
-
value = model(ADRESSE_VIDE, ...ngDevMode ? [{ debugName: "value" }] :
|
|
8220
|
-
paysFixe = input(null, ...ngDevMode ? [{ debugName: "paysFixe" }] :
|
|
8221
|
-
codesDesPays = input(null, ...ngDevMode ? [{ debugName: "codesDesPays" }] :
|
|
8222
|
-
paysFrequents = input([], ...ngDevMode ? [{ debugName: "paysFrequents" }] :
|
|
8325
|
+
value = model(ADRESSE_VIDE, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
8326
|
+
paysFixe = input(null, ...ngDevMode ? [{ debugName: "paysFixe" }] : /* istanbul ignore next */ []);
|
|
8327
|
+
codesDesPays = input(null, ...ngDevMode ? [{ debugName: "codesDesPays" }] : /* istanbul ignore next */ []);
|
|
8328
|
+
paysFrequents = input([], ...ngDevMode ? [{ debugName: "paysFrequents" }] : /* istanbul ignore next */ []);
|
|
8223
8329
|
ligne2Masquee = input(false, {
|
|
8224
|
-
...ngDevMode ? { debugName: "ligne2Masquee" } :
|
|
8330
|
+
...ngDevMode ? { debugName: "ligne2Masquee" } : /* istanbul ignore next */ {},
|
|
8225
8331
|
transform: booleanAttribute
|
|
8226
8332
|
});
|
|
8227
|
-
sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] :
|
|
8333
|
+
sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] : /* istanbul ignore next */ []);
|
|
8228
8334
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
8229
8335
|
listes = inject(ST_LISTES_D_ADRESSES);
|
|
8230
|
-
pays = computed(() => normaliserCodeDePays(this.paysFixe() ?? this.value().pays), ...ngDevMode ? [{ debugName: "pays" }] :
|
|
8231
|
-
format = computed(() => formatDAdresse(this.pays()), ...ngDevMode ? [{ debugName: "format" }] :
|
|
8232
|
-
parties = computed(() => partiesAffichees(this.format()).filter((partie) => partie !== "ligne2" || !this.ligne2Masquee()), ...ngDevMode ? [{ debugName: "parties" }] :
|
|
8233
|
-
exigees = computed(() => new Set(partiesExigees(this.format())), ...ngDevMode ? [{ debugName: "exigees" }] :
|
|
8234
|
-
modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] :
|
|
8336
|
+
pays = computed(() => normaliserCodeDePays(this.paysFixe() ?? this.value().pays), ...ngDevMode ? [{ debugName: "pays" }] : /* istanbul ignore next */ []);
|
|
8337
|
+
format = computed(() => formatDAdresse(this.pays()), ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
|
|
8338
|
+
parties = computed(() => partiesAffichees(this.format()).filter((partie) => partie !== "ligne2" || !this.ligne2Masquee()), ...ngDevMode ? [{ debugName: "parties" }] : /* istanbul ignore next */ []);
|
|
8339
|
+
exigees = computed(() => new Set(partiesExigees(this.format())), ...ngDevMode ? [{ debugName: "exigees" }] : /* istanbul ignore next */ []);
|
|
8340
|
+
modifiable = computed(() => !this.readonly() && !this.desactive(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
|
|
8235
8341
|
erreursParPartie = computed(() => {
|
|
8236
8342
|
const parPartie = /* @__PURE__ */ new Map();
|
|
8237
8343
|
const groupe = [];
|
|
@@ -8250,8 +8356,8 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8250
8356
|
parPartie,
|
|
8251
8357
|
groupe
|
|
8252
8358
|
};
|
|
8253
|
-
}, ...ngDevMode ? [{ debugName: "erreursParPartie" }] :
|
|
8254
|
-
erreursDuGroupe = computed(() => this.erreursParPartie().groupe, ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] :
|
|
8359
|
+
}, ...ngDevMode ? [{ debugName: "erreursParPartie" }] : /* istanbul ignore next */ []);
|
|
8360
|
+
erreursDuGroupe = computed(() => this.erreursParPartie().groupe, ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] : /* istanbul ignore next */ []);
|
|
8255
8361
|
demandeDeRegions = computed(() => {
|
|
8256
8362
|
const pays = this.pays();
|
|
8257
8363
|
if (this.listes === null || pays === "" || this.format().region === null) return void 0;
|
|
@@ -8260,11 +8366,11 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8260
8366
|
langue: this.locale()
|
|
8261
8367
|
};
|
|
8262
8368
|
}, {
|
|
8263
|
-
...ngDevMode ? { debugName: "demandeDeRegions" } :
|
|
8369
|
+
...ngDevMode ? { debugName: "demandeDeRegions" } : /* istanbul ignore next */ {},
|
|
8264
8370
|
equal: (a, b) => a?.pays === b?.pays && a?.langue === b?.langue
|
|
8265
8371
|
});
|
|
8266
8372
|
regions = resource({
|
|
8267
|
-
...ngDevMode ? { debugName: "regions" } :
|
|
8373
|
+
...ngDevMode ? { debugName: "regions" } : /* istanbul ignore next */ {},
|
|
8268
8374
|
params: () => this.demandeDeRegions(),
|
|
8269
8375
|
loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.regions(params.pays, params.langue, abortSignal)
|
|
8270
8376
|
});
|
|
@@ -8272,14 +8378,14 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8272
8378
|
if (!this.regions.hasValue()) return null;
|
|
8273
8379
|
const liste = this.regions.value();
|
|
8274
8380
|
return liste !== null && liste.length > 0 ? liste : null;
|
|
8275
|
-
}, ...ngDevMode ? [{ debugName: "listeDesRegions" }] :
|
|
8381
|
+
}, ...ngDevMode ? [{ debugName: "listeDesRegions" }] : /* istanbul ignore next */ []);
|
|
8276
8382
|
modeDeRegion = computed(() => {
|
|
8277
8383
|
if (this.demandeDeRegions() === void 0) return "texte";
|
|
8278
8384
|
if (this.regions.isLoading()) return "chargement";
|
|
8279
8385
|
if (this.regions.status() === "error") return "panne";
|
|
8280
8386
|
return this.listeDesRegions() === null ? "texte" : "liste";
|
|
8281
|
-
}, ...ngDevMode ? [{ debugName: "modeDeRegion" }] :
|
|
8282
|
-
regionEnListe = computed(() => this.modeDeRegion() === "liste" || this.modeDeRegion() === "chargement", ...ngDevMode ? [{ debugName: "regionEnListe" }] :
|
|
8387
|
+
}, ...ngDevMode ? [{ debugName: "modeDeRegion" }] : /* istanbul ignore next */ []);
|
|
8388
|
+
regionEnListe = computed(() => this.modeDeRegion() === "liste" || this.modeDeRegion() === "chargement", ...ngDevMode ? [{ debugName: "regionEnListe" }] : /* istanbul ignore next */ []);
|
|
8283
8389
|
optionsDeRegion = computed(() => {
|
|
8284
8390
|
const liste = this.listeDesRegions() ?? [];
|
|
8285
8391
|
const options = liste.map((region) => ({
|
|
@@ -8292,7 +8398,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8292
8398
|
libelle: actuelle
|
|
8293
8399
|
});
|
|
8294
8400
|
return options;
|
|
8295
|
-
}, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] :
|
|
8401
|
+
}, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] : /* istanbul ignore next */ []);
|
|
8296
8402
|
demandeDeVilles = computed(() => {
|
|
8297
8403
|
const pays = this.pays();
|
|
8298
8404
|
if (this.listes === null || pays === "") return void 0;
|
|
@@ -8303,16 +8409,16 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8303
8409
|
langue: this.locale()
|
|
8304
8410
|
};
|
|
8305
8411
|
}, {
|
|
8306
|
-
...ngDevMode ? { debugName: "demandeDeVilles" } :
|
|
8412
|
+
...ngDevMode ? { debugName: "demandeDeVilles" } : /* istanbul ignore next */ {},
|
|
8307
8413
|
equal: (a, b) => a?.pays === b?.pays && a?.region === b?.region && a?.langue === b?.langue
|
|
8308
8414
|
});
|
|
8309
8415
|
villes = resource({
|
|
8310
|
-
...ngDevMode ? { debugName: "villes" } :
|
|
8416
|
+
...ngDevMode ? { debugName: "villes" } : /* istanbul ignore next */ {},
|
|
8311
8417
|
params: () => this.demandeDeVilles(),
|
|
8312
8418
|
loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.villes(params, abortSignal)
|
|
8313
8419
|
});
|
|
8314
|
-
villesProposees = computed(() => this.villes.hasValue() ? this.villes.value() : null, ...ngDevMode ? [{ debugName: "villesProposees" }] :
|
|
8315
|
-
listeDesPays = viewChild(StCountryField, ...ngDevMode ? [{ debugName: "listeDesPays" }] :
|
|
8420
|
+
villesProposees = computed(() => this.villes.hasValue() ? this.villes.value() : null, ...ngDevMode ? [{ debugName: "villesProposees" }] : /* istanbul ignore next */ []);
|
|
8421
|
+
listeDesPays = viewChild(StCountryField, ...ngDevMode ? [{ debugName: "listeDesPays" }] : /* istanbul ignore next */ []);
|
|
8316
8422
|
constructor() {
|
|
8317
8423
|
super();
|
|
8318
8424
|
CHAMPS.set(this, {
|
|
@@ -8435,7 +8541,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8435
8541
|
}
|
|
8436
8542
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
8437
8543
|
minVersion: "12.0.0",
|
|
8438
|
-
version: "22.2.
|
|
8544
|
+
version: "22.2.1",
|
|
8439
8545
|
ngImport: i0,
|
|
8440
8546
|
type: StAddressFieldset,
|
|
8441
8547
|
deps: [],
|
|
@@ -8443,7 +8549,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8443
8549
|
});
|
|
8444
8550
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
8445
8551
|
minVersion: "17.0.0",
|
|
8446
|
-
version: "22.2.
|
|
8552
|
+
version: "22.2.1",
|
|
8447
8553
|
type: StAddressFieldset,
|
|
8448
8554
|
isStandalone: true,
|
|
8449
8555
|
selector: "st-address-fieldset",
|
|
@@ -8578,7 +8684,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8578
8684
|
};
|
|
8579
8685
|
i0.ɵɵngDeclareClassMetadata({
|
|
8580
8686
|
minVersion: "12.0.0",
|
|
8581
|
-
version: "22.2.
|
|
8687
|
+
version: "22.2.1",
|
|
8582
8688
|
ngImport: i0,
|
|
8583
8689
|
type: StAddressFieldset,
|
|
8584
8690
|
decorators: [{
|
|
@@ -8668,8 +8774,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
8668
8774
|
}
|
|
8669
8775
|
});
|
|
8670
8776
|
var StFormActions = class StFormActions {
|
|
8671
|
-
disposition = input("collee", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
8672
|
-
collee = signal(false, ...ngDevMode ? [{ debugName: "collee" }] :
|
|
8777
|
+
disposition = input("collee", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
|
|
8778
|
+
collee = signal(false, ...ngDevMode ? [{ debugName: "collee" }] : /* istanbul ignore next */ []);
|
|
8673
8779
|
constructor() {
|
|
8674
8780
|
const element = inject(ElementRef).nativeElement;
|
|
8675
8781
|
const document = inject(DOCUMENT$1);
|
|
@@ -8719,7 +8825,7 @@ var StFormActions = class StFormActions {
|
|
|
8719
8825
|
}
|
|
8720
8826
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
8721
8827
|
minVersion: "12.0.0",
|
|
8722
|
-
version: "22.2.
|
|
8828
|
+
version: "22.2.1",
|
|
8723
8829
|
ngImport: i0,
|
|
8724
8830
|
type: StFormActions,
|
|
8725
8831
|
deps: [],
|
|
@@ -8727,7 +8833,7 @@ var StFormActions = class StFormActions {
|
|
|
8727
8833
|
});
|
|
8728
8834
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
8729
8835
|
minVersion: "17.1.0",
|
|
8730
|
-
version: "22.2.
|
|
8836
|
+
version: "22.2.1",
|
|
8731
8837
|
type: StFormActions,
|
|
8732
8838
|
isStandalone: true,
|
|
8733
8839
|
selector: "st-form-actions",
|
|
@@ -8753,7 +8859,7 @@ var StFormActions = class StFormActions {
|
|
|
8753
8859
|
};
|
|
8754
8860
|
i0.ɵɵngDeclareClassMetadata({
|
|
8755
8861
|
minVersion: "12.0.0",
|
|
8756
|
-
version: "22.2.
|
|
8862
|
+
version: "22.2.1",
|
|
8757
8863
|
ngImport: i0,
|
|
8758
8864
|
type: StFormActions,
|
|
8759
8865
|
decorators: [{
|
|
@@ -8793,6 +8899,6 @@ function avertirDesEnvoisMultiples(element) {
|
|
|
8793
8899
|
const envois = element.querySelectorAll("button[type=\"submit\"], input[type=\"submit\"]").length;
|
|
8794
8900
|
if (envois > 1) console.warn(`[st-form-actions] ${String(envois)} boutons d'envoi : un formulaire n'a qu'une action principale, et Entree dans un champ declenche la premiere.`);
|
|
8795
8901
|
}
|
|
8796
|
-
export { ContratDeCase, ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_CHAMP_D_ADRESSE, ST_ETAT_D_ENVOI, StAddressFieldset, StCalendar, StCheckbox, StCheckboxGroup, StChoice, StChoiceGroup, StChoiceMatrix, StConsentGroup, StConsentRow, StControleDeChamp, StCountryField, StErrorSummary, StFieldset, StFileUpload, StFormActions, StFormField, StFormRow, StIbanField, StInput, StOtpField, StPasswordField, StRadioGroup, StSearchField, StSelect, StSwitch, StTagInput, StTextarea, cleDeFichier, erreurCode, erreurDate, erreurHeure, erreurIban, erreurPays, erreurPlageDeDates, erreurTelephone, erreursDAdresse, erreursDeFichiers, exempleDeDate, filtrerOptions, fusionnerErreurs, groupesDOptions, libelleDePartie, messageDErreur, motifDHeureLocal, motifLocal, normaliserPourRecherche, optionsDesPays };
|
|
8902
|
+
export { ContratDeCase, ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_CHAMP_D_ADRESSE, ST_ESTIMATEUR_DE_FORCE, ST_ETAT_D_ENVOI, StAddressFieldset, StCalendar, StCheckbox, StCheckboxGroup, StChoice, StChoiceGroup, StChoiceMatrix, StConsentGroup, StConsentRow, StControleDeChamp, StCountryField, StErrorSummary, StFieldset, StFileUpload, StFormActions, StFormField, StFormRow, StIbanField, StInput, StOtpField, StPasswordField, StRadioGroup, StSearchField, StSelect, StSwitch, StTagInput, StTextarea, cleDeFichier, erreurCode, erreurDate, erreurHeure, erreurIban, erreurPays, erreurPlageDeDates, erreurTelephone, erreursDAdresse, erreursDeFichiers, exempleDeDate, filtrerOptions, fournirEstimateurDeForce, fusionnerErreurs, groupesDOptions, libelleDePartie, messageDErreur, motifDHeureLocal, motifDuMoisLocal, motifLocal, niveauDuScore, normaliserPourRecherche, optionsDesPays };
|
|
8797
8903
|
|
|
8798
8904
|
//# sourceMappingURL=starterlib-ui-saisie.mjs.map
|