@starterlib/ui 0.10.14 → 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/README.md +137 -32
- package/assets/icones/catalogue.json +199 -4
- package/assets/icones/sprite.svg +14 -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 +218 -218
- 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 +609 -510
- 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 +17 -17
- package/fesm2022/starterlib-ui-virtuel.mjs.map +1 -1
- package/fesm2022/starterlib-ui.mjs +1136 -892
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +27 -3
- package/types/starterlib-ui-donnees.d.ts +231 -5
- package/types/starterlib-ui-force.d.ts +19 -0
- 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 +89 -10
- package/types/starterlib-ui-selection.d.ts +1 -1
- package/types/starterlib-ui-surfaces.d.ts +10 -9
- package/types/starterlib-ui.d.ts +175 -24
|
@@ -2,8 +2,8 @@ import { ADRESSE_VIDE, CODES_DES_PAYS, adresseEstVide, ajouterJours, ajouterMois
|
|
|
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") {
|
|
@@ -275,52 +275,52 @@ function fusionnerErreurs(formulaire, lecture) {
|
|
|
275
275
|
}
|
|
276
276
|
const ST_GROUPE_DE_SAISIE = new InjectionToken("ST_GROUPE_DE_SAISIE");
|
|
277
277
|
var ContratDeChamp = class ContratDeChamp {
|
|
278
|
-
libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] :
|
|
279
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
280
|
-
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 */ []);
|
|
281
281
|
touched = input(false, {
|
|
282
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
282
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
283
283
|
transform: booleanAttribute
|
|
284
284
|
});
|
|
285
285
|
dirty = input(false, {
|
|
286
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
286
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
287
287
|
transform: booleanAttribute
|
|
288
288
|
});
|
|
289
289
|
pending = input(false, {
|
|
290
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
290
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
291
291
|
transform: booleanAttribute
|
|
292
292
|
});
|
|
293
293
|
disabled = input(false, {
|
|
294
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
294
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
295
295
|
transform: booleanAttribute
|
|
296
296
|
});
|
|
297
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
297
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
298
298
|
readonly = input(false, {
|
|
299
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
299
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
300
300
|
transform: booleanAttribute
|
|
301
301
|
});
|
|
302
302
|
required = input(false, {
|
|
303
|
-
...ngDevMode ? { debugName: "required" } :
|
|
303
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
304
304
|
transform: booleanAttribute
|
|
305
305
|
});
|
|
306
306
|
hidden = input(false, {
|
|
307
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
307
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
308
308
|
transform: booleanAttribute
|
|
309
309
|
});
|
|
310
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
311
|
-
minLength = input(void 0, ...ngDevMode ? [{ debugName: "minLength" }] :
|
|
312
|
-
maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] :
|
|
313
|
-
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 */ []);
|
|
314
314
|
touch = output();
|
|
315
|
-
champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] :
|
|
315
|
+
champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
|
|
316
316
|
groupe = inject(ST_GROUPE_DE_SAISIE, { optional: true });
|
|
317
|
-
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 */ []);
|
|
318
318
|
aideEtRaisons = computed(() => {
|
|
319
319
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
320
320
|
const aide = this.aide()?.trim() ?? "";
|
|
321
321
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
322
322
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
323
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
323
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
324
324
|
focus(options) {
|
|
325
325
|
this.champ()?.nativeElement.focus(options);
|
|
326
326
|
}
|
|
@@ -329,7 +329,7 @@ var ContratDeChamp = class ContratDeChamp {
|
|
|
329
329
|
}
|
|
330
330
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
331
331
|
minVersion: "12.0.0",
|
|
332
|
-
version: "22.2.
|
|
332
|
+
version: "22.2.1",
|
|
333
333
|
ngImport: i0,
|
|
334
334
|
type: ContratDeChamp,
|
|
335
335
|
deps: [],
|
|
@@ -337,7 +337,7 @@ var ContratDeChamp = class ContratDeChamp {
|
|
|
337
337
|
});
|
|
338
338
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
339
339
|
minVersion: "17.2.0",
|
|
340
|
-
version: "22.2.
|
|
340
|
+
version: "22.2.1",
|
|
341
341
|
type: ContratDeChamp,
|
|
342
342
|
isStandalone: true,
|
|
343
343
|
inputs: {
|
|
@@ -461,7 +461,7 @@ var ContratDeChamp = class ContratDeChamp {
|
|
|
461
461
|
};
|
|
462
462
|
i0.ɵɵngDeclareClassMetadata({
|
|
463
463
|
minVersion: "12.0.0",
|
|
464
|
-
version: "22.2.
|
|
464
|
+
version: "22.2.1",
|
|
465
465
|
ngImport: i0,
|
|
466
466
|
type: ContratDeChamp,
|
|
467
467
|
decorators: [{
|
|
@@ -600,11 +600,11 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
600
600
|
}
|
|
601
601
|
});
|
|
602
602
|
var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
|
|
603
|
-
min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] :
|
|
604
|
-
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 */ []);
|
|
605
605
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
606
606
|
minVersion: "12.0.0",
|
|
607
|
-
version: "22.2.
|
|
607
|
+
version: "22.2.1",
|
|
608
608
|
ngImport: i0,
|
|
609
609
|
type: ContratDeChampABornes,
|
|
610
610
|
deps: null,
|
|
@@ -612,7 +612,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
|
|
|
612
612
|
});
|
|
613
613
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
614
614
|
minVersion: "17.1.0",
|
|
615
|
-
version: "22.2.
|
|
615
|
+
version: "22.2.1",
|
|
616
616
|
type: ContratDeChampABornes,
|
|
617
617
|
isStandalone: true,
|
|
618
618
|
inputs: {
|
|
@@ -637,7 +637,7 @@ var ContratDeChampABornes = class ContratDeChampABornes extends ContratDeChamp {
|
|
|
637
637
|
};
|
|
638
638
|
i0.ɵɵngDeclareClassMetadata({
|
|
639
639
|
minVersion: "12.0.0",
|
|
640
|
-
version: "22.2.
|
|
640
|
+
version: "22.2.1",
|
|
641
641
|
ngImport: i0,
|
|
642
642
|
type: ContratDeChampABornes,
|
|
643
643
|
decorators: [{ type: Directive }],
|
|
@@ -661,10 +661,10 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
661
661
|
}
|
|
662
662
|
});
|
|
663
663
|
var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
|
|
664
|
-
value = model("", ...ngDevMode ? [{ debugName: "value" }] :
|
|
664
|
+
value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
665
665
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
666
666
|
minVersion: "12.0.0",
|
|
667
|
-
version: "22.2.
|
|
667
|
+
version: "22.2.1",
|
|
668
668
|
ngImport: i0,
|
|
669
669
|
type: ControleDeSaisie,
|
|
670
670
|
deps: null,
|
|
@@ -672,7 +672,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
|
|
|
672
672
|
});
|
|
673
673
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
674
674
|
minVersion: "17.1.0",
|
|
675
|
-
version: "22.2.
|
|
675
|
+
version: "22.2.1",
|
|
676
676
|
type: ControleDeSaisie,
|
|
677
677
|
isStandalone: true,
|
|
678
678
|
inputs: { value: {
|
|
@@ -689,7 +689,7 @@ var ControleDeSaisie = class ControleDeSaisie extends ContratDeChamp {
|
|
|
689
689
|
};
|
|
690
690
|
i0.ɵɵngDeclareClassMetadata({
|
|
691
691
|
minVersion: "12.0.0",
|
|
692
|
-
version: "22.2.
|
|
692
|
+
version: "22.2.1",
|
|
693
693
|
ngImport: i0,
|
|
694
694
|
type: ControleDeSaisie,
|
|
695
695
|
decorators: [{ type: Directive }],
|
|
@@ -706,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
706
706
|
}] }
|
|
707
707
|
});
|
|
708
708
|
var ContratDeCase = class ContratDeCase extends ContratDeChamp {
|
|
709
|
-
checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] :
|
|
709
|
+
checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
|
|
710
710
|
surClic(evenement) {
|
|
711
711
|
if (this.readonly()) evenement.preventDefault();
|
|
712
712
|
}
|
|
@@ -720,7 +720,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
|
|
|
720
720
|
}
|
|
721
721
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
722
722
|
minVersion: "12.0.0",
|
|
723
|
-
version: "22.2.
|
|
723
|
+
version: "22.2.1",
|
|
724
724
|
ngImport: i0,
|
|
725
725
|
type: ContratDeCase,
|
|
726
726
|
deps: null,
|
|
@@ -728,7 +728,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
|
|
|
728
728
|
});
|
|
729
729
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
730
730
|
minVersion: "17.1.0",
|
|
731
|
-
version: "22.2.
|
|
731
|
+
version: "22.2.1",
|
|
732
732
|
type: ContratDeCase,
|
|
733
733
|
isStandalone: true,
|
|
734
734
|
inputs: { checked: {
|
|
@@ -745,7 +745,7 @@ var ContratDeCase = class ContratDeCase extends ContratDeChamp {
|
|
|
745
745
|
};
|
|
746
746
|
i0.ɵɵngDeclareClassMetadata({
|
|
747
747
|
minVersion: "12.0.0",
|
|
748
|
-
version: "22.2.
|
|
748
|
+
version: "22.2.1",
|
|
749
749
|
ngImport: i0,
|
|
750
750
|
type: ContratDeCase,
|
|
751
751
|
decorators: [{ type: Directive }],
|
|
@@ -780,7 +780,7 @@ var StNomsDesChamps = class StNomsDesChamps {
|
|
|
780
780
|
}
|
|
781
781
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
782
782
|
minVersion: "12.0.0",
|
|
783
|
-
version: "22.2.
|
|
783
|
+
version: "22.2.1",
|
|
784
784
|
ngImport: i0,
|
|
785
785
|
type: StNomsDesChamps,
|
|
786
786
|
deps: [],
|
|
@@ -788,7 +788,7 @@ var StNomsDesChamps = class StNomsDesChamps {
|
|
|
788
788
|
});
|
|
789
789
|
static ɵprov = i0.ɵɵngDeclareInjectable({
|
|
790
790
|
minVersion: "12.0.0",
|
|
791
|
-
version: "22.2.
|
|
791
|
+
version: "22.2.1",
|
|
792
792
|
ngImport: i0,
|
|
793
793
|
type: StNomsDesChamps,
|
|
794
794
|
providedIn: "root"
|
|
@@ -796,7 +796,7 @@ var StNomsDesChamps = class StNomsDesChamps {
|
|
|
796
796
|
};
|
|
797
797
|
i0.ɵɵngDeclareClassMetadata({
|
|
798
798
|
minVersion: "12.0.0",
|
|
799
|
-
version: "22.2.
|
|
799
|
+
version: "22.2.1",
|
|
800
800
|
ngImport: i0,
|
|
801
801
|
type: StNomsDesChamps,
|
|
802
802
|
decorators: [{
|
|
@@ -807,18 +807,18 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
807
807
|
var PorteurDErreurs = class PorteurDErreurs {
|
|
808
808
|
libelles = inject(ST_LIBELLES);
|
|
809
809
|
locale = inject(ST_LOCALE);
|
|
810
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
811
|
-
erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] :
|
|
810
|
+
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] : /* istanbul ignore next */ []);
|
|
811
|
+
erreurs = input([], ...ngDevMode ? [{ debugName: "erreurs" }] : /* istanbul ignore next */ []);
|
|
812
812
|
afficherErreurs = input(false, {
|
|
813
|
-
...ngDevMode ? { debugName: "afficherErreurs" } :
|
|
813
|
+
...ngDevMode ? { debugName: "afficherErreurs" } : /* istanbul ignore next */ {},
|
|
814
814
|
transform: booleanAttribute
|
|
815
815
|
});
|
|
816
816
|
toutesLesErreurs = input(false, {
|
|
817
|
-
...ngDevMode ? { debugName: "toutesLesErreurs" } :
|
|
817
|
+
...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
|
|
818
818
|
transform: booleanAttribute
|
|
819
819
|
});
|
|
820
820
|
obligatoire = input(false, {
|
|
821
|
-
...ngDevMode ? { debugName: "obligatoire" } :
|
|
821
|
+
...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
|
|
822
822
|
transform: booleanAttribute
|
|
823
823
|
});
|
|
824
824
|
racine = inject(StIdentifiants).prochain(this.prefixeDIdentifiant());
|
|
@@ -830,29 +830,29 @@ var PorteurDErreurs = class PorteurDErreurs {
|
|
|
830
830
|
noms.retirer(element);
|
|
831
831
|
});
|
|
832
832
|
}
|
|
833
|
-
libelleObligatoire = computed(() => this.libelles().obligatoire, ...ngDevMode ? [{ debugName: "libelleObligatoire" }] :
|
|
834
|
-
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 */ []);
|
|
835
835
|
messages = computed(() => {
|
|
836
836
|
if (!this.afficherErreurs()) return [];
|
|
837
837
|
const erreurs = this.toutesLesErreurs() ? this.erreurs() : this.erreurs().slice(0, 1);
|
|
838
838
|
const libelles = this.libelles();
|
|
839
839
|
const locale = this.locale();
|
|
840
840
|
return erreurs.map((erreur) => messageDErreur(erreur, libelles, locale));
|
|
841
|
-
}, ...ngDevMode ? [{ debugName: "messages" }] :
|
|
842
|
-
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 */ []);
|
|
843
843
|
descriptions = computed(() => {
|
|
844
844
|
const ids = [];
|
|
845
845
|
if (this.aideRendue() !== null) ids.push(this.identifiants.aide);
|
|
846
846
|
ids.push(...this.descriptionsPropres());
|
|
847
847
|
if (this.enErreur()) ids.push(this.identifiants.erreur);
|
|
848
848
|
return ids.length === 0 ? null : ids.join(" ");
|
|
849
|
-
}, ...ngDevMode ? [{ debugName: "descriptions" }] :
|
|
849
|
+
}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
|
|
850
850
|
descriptionsPropres() {
|
|
851
851
|
return [];
|
|
852
852
|
}
|
|
853
853
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
854
854
|
minVersion: "12.0.0",
|
|
855
|
-
version: "22.2.
|
|
855
|
+
version: "22.2.1",
|
|
856
856
|
ngImport: i0,
|
|
857
857
|
type: PorteurDErreurs,
|
|
858
858
|
deps: [],
|
|
@@ -860,7 +860,7 @@ var PorteurDErreurs = class PorteurDErreurs {
|
|
|
860
860
|
});
|
|
861
861
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
862
862
|
minVersion: "17.1.0",
|
|
863
|
-
version: "22.2.
|
|
863
|
+
version: "22.2.1",
|
|
864
864
|
type: PorteurDErreurs,
|
|
865
865
|
isStandalone: true,
|
|
866
866
|
inputs: {
|
|
@@ -905,7 +905,7 @@ var PorteurDErreurs = class PorteurDErreurs {
|
|
|
905
905
|
};
|
|
906
906
|
i0.ɵɵngDeclareClassMetadata({
|
|
907
907
|
minVersion: "12.0.0",
|
|
908
|
-
version: "22.2.
|
|
908
|
+
version: "22.2.1",
|
|
909
909
|
ngImport: i0,
|
|
910
910
|
type: PorteurDErreurs,
|
|
911
911
|
decorators: [{ type: Directive }],
|
|
@@ -966,15 +966,15 @@ const ELEMENTS_ETIQUETABLES = /* @__PURE__ */ new Set([
|
|
|
966
966
|
"PROGRESS"
|
|
967
967
|
]);
|
|
968
968
|
var StFormField = class StFormField extends PorteurDErreurs {
|
|
969
|
-
libelle = input.required(...ngDevMode ? [{ debugName: "libelle" }] :
|
|
970
|
-
complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] :
|
|
971
|
-
disposition = input("empilee", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
972
|
-
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 */ []);
|
|
973
973
|
libelleMasque = input(false, {
|
|
974
|
-
...ngDevMode ? { debugName: "libelleMasque" } :
|
|
974
|
+
...ngDevMode ? { debugName: "libelleMasque" } : /* istanbul ignore next */ {},
|
|
975
975
|
transform: booleanAttribute
|
|
976
976
|
});
|
|
977
|
-
descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] :
|
|
977
|
+
descriptionsDuControle = input([], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
|
|
978
978
|
identifiants = {
|
|
979
979
|
controle: this.racine,
|
|
980
980
|
libelle: `${this.racine}-libelle`,
|
|
@@ -984,18 +984,18 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
984
984
|
complement: `${this.racine}-complement`,
|
|
985
985
|
erreur: `${this.racine}-erreur`
|
|
986
986
|
};
|
|
987
|
-
complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] :
|
|
987
|
+
complementRendu = computed(() => texteRendu(this.complement()), ...ngDevMode ? [{ debugName: "complementRendu" }] : /* istanbul ignore next */ []);
|
|
988
988
|
controle = contentChild(StControleDeChamp, {
|
|
989
|
-
...ngDevMode ? { debugName: "controle" } :
|
|
989
|
+
...ngDevMode ? { debugName: "controle" } : /* istanbul ignore next */ {},
|
|
990
990
|
descendants: true,
|
|
991
991
|
read: ElementRef
|
|
992
992
|
});
|
|
993
|
-
zoneDeMeta = viewChild("meta", ...ngDevMode ? [{ debugName: "zoneDeMeta" }] :
|
|
994
|
-
zoneDIndication = viewChild("indication", ...ngDevMode ? [{ debugName: "zoneDIndication" }] :
|
|
995
|
-
metaPresente = signal(false, ...ngDevMode ? [{ debugName: "metaPresente" }] :
|
|
996
|
-
indicationPresente = signal(false, ...ngDevMode ? [{ debugName: "indicationPresente" }] :
|
|
997
|
-
zoneDuLibelleRiche = viewChild("libelleRiche", ...ngDevMode ? [{ debugName: "zoneDuLibelleRiche" }] :
|
|
998
|
-
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 */ []);
|
|
999
999
|
nom() {
|
|
1000
1000
|
return this.libelle();
|
|
1001
1001
|
}
|
|
@@ -1030,7 +1030,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
1030
1030
|
}
|
|
1031
1031
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1032
1032
|
minVersion: "12.0.0",
|
|
1033
|
-
version: "22.2.
|
|
1033
|
+
version: "22.2.1",
|
|
1034
1034
|
ngImport: i0,
|
|
1035
1035
|
type: StFormField,
|
|
1036
1036
|
deps: [],
|
|
@@ -1038,7 +1038,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
1038
1038
|
});
|
|
1039
1039
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1040
1040
|
minVersion: "17.0.0",
|
|
1041
|
-
version: "22.2.
|
|
1041
|
+
version: "22.2.1",
|
|
1042
1042
|
type: StFormField,
|
|
1043
1043
|
isStandalone: true,
|
|
1044
1044
|
selector: "st-form-field",
|
|
@@ -1127,8 +1127,8 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
1127
1127
|
],
|
|
1128
1128
|
usesInheritance: true,
|
|
1129
1129
|
ngImport: i0,
|
|
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=\"
|
|
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-
|
|
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"],
|
|
1132
1132
|
dependencies: [{
|
|
1133
1133
|
kind: "component",
|
|
1134
1134
|
type: StInlineMessage,
|
|
@@ -1146,7 +1146,7 @@ var StFormField = class StFormField extends PorteurDErreurs {
|
|
|
1146
1146
|
};
|
|
1147
1147
|
i0.ɵɵngDeclareClassMetadata({
|
|
1148
1148
|
minVersion: "12.0.0",
|
|
1149
|
-
version: "22.2.
|
|
1149
|
+
version: "22.2.1",
|
|
1150
1150
|
ngImport: i0,
|
|
1151
1151
|
type: StFormField,
|
|
1152
1152
|
decorators: [{
|
|
@@ -1161,8 +1161,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1161
1161
|
"[attr.data-disposition]": "disposition()",
|
|
1162
1162
|
"[attr.data-presentation]": "presentation()"
|
|
1163
1163
|
},
|
|
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=\"
|
|
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-
|
|
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"]
|
|
1166
1166
|
}]
|
|
1167
1167
|
}],
|
|
1168
1168
|
ctorParameters: () => [],
|
|
@@ -1245,7 +1245,7 @@ var StControleDeChamp = class StControleDeChamp {
|
|
|
1245
1245
|
etiquetable = ELEMENTS_ETIQUETABLES.has(inject(ElementRef).nativeElement.tagName);
|
|
1246
1246
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1247
1247
|
minVersion: "12.0.0",
|
|
1248
|
-
version: "22.2.
|
|
1248
|
+
version: "22.2.1",
|
|
1249
1249
|
ngImport: i0,
|
|
1250
1250
|
type: StControleDeChamp,
|
|
1251
1251
|
deps: [],
|
|
@@ -1253,7 +1253,7 @@ var StControleDeChamp = class StControleDeChamp {
|
|
|
1253
1253
|
});
|
|
1254
1254
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
1255
1255
|
minVersion: "14.0.0",
|
|
1256
|
-
version: "22.2.
|
|
1256
|
+
version: "22.2.1",
|
|
1257
1257
|
type: StControleDeChamp,
|
|
1258
1258
|
isStandalone: true,
|
|
1259
1259
|
selector: "[stControleDeChamp]",
|
|
@@ -1270,7 +1270,7 @@ var StControleDeChamp = class StControleDeChamp {
|
|
|
1270
1270
|
};
|
|
1271
1271
|
i0.ɵɵngDeclareClassMetadata({
|
|
1272
1272
|
minVersion: "12.0.0",
|
|
1273
|
-
version: "22.2.
|
|
1273
|
+
version: "22.2.1",
|
|
1274
1274
|
ngImport: i0,
|
|
1275
1275
|
type: StControleDeChamp,
|
|
1276
1276
|
decorators: [{
|
|
@@ -1302,21 +1302,21 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1302
1302
|
restants = computed(() => {
|
|
1303
1303
|
const maximum = this.maxLength();
|
|
1304
1304
|
return maximum === void 0 ? null : maximum - longueurVue$1(this.value());
|
|
1305
|
-
}, ...ngDevMode ? [{ debugName: "restants" }] :
|
|
1306
|
-
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 */ []);
|
|
1307
1307
|
compteur = computed(() => {
|
|
1308
1308
|
const restants = this.restants();
|
|
1309
1309
|
if (restants === null) return null;
|
|
1310
1310
|
const libelles = this.libelles();
|
|
1311
1311
|
return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
|
|
1312
|
-
}, ...ngDevMode ? [{ debugName: "compteur" }] :
|
|
1312
|
+
}, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
|
|
1313
1313
|
aideAffichee = computed(() => {
|
|
1314
1314
|
const libelles = this.libelles();
|
|
1315
1315
|
const minimum = this.minLength();
|
|
1316
1316
|
const aide = this.aideEtRaisons() ?? (minimum !== void 0 && minimum > 0 ? libelles.longueurMinimale(minimum) : null);
|
|
1317
1317
|
if (!this.pending()) return aide;
|
|
1318
1318
|
return aide === null ? libelles.verificationEnCours : `${aide} ${libelles.verificationEnCours}`;
|
|
1319
|
-
}, ...ngDevMode ? [{ debugName: "aideAffichee" }] :
|
|
1319
|
+
}, ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
|
|
1320
1320
|
erreurs = computed(() => {
|
|
1321
1321
|
const maximum = this.maxLength();
|
|
1322
1322
|
if (!this.enDepassement() || maximum === void 0) return this.errors();
|
|
@@ -1325,9 +1325,9 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1325
1325
|
maxLength: maximum
|
|
1326
1326
|
};
|
|
1327
1327
|
return fusionnerErreurs(this.errors(), [depassement]);
|
|
1328
|
-
}, ...ngDevMode ? [{ debugName: "erreurs" }] :
|
|
1329
|
-
sorti = signal(false, ...ngDevMode ? [{ debugName: "sorti" }] :
|
|
1330
|
-
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 */ []);
|
|
1331
1331
|
constructor() {
|
|
1332
1332
|
super();
|
|
1333
1333
|
let precedent = null;
|
|
@@ -1348,7 +1348,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1348
1348
|
}
|
|
1349
1349
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1350
1350
|
minVersion: "12.0.0",
|
|
1351
|
-
version: "22.2.
|
|
1351
|
+
version: "22.2.1",
|
|
1352
1352
|
ngImport: i0,
|
|
1353
1353
|
type: ControleDeSaisieCompte,
|
|
1354
1354
|
deps: [],
|
|
@@ -1356,7 +1356,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1356
1356
|
});
|
|
1357
1357
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
1358
1358
|
minVersion: "14.0.0",
|
|
1359
|
-
version: "22.2.
|
|
1359
|
+
version: "22.2.1",
|
|
1360
1360
|
type: ControleDeSaisieCompte,
|
|
1361
1361
|
isStandalone: true,
|
|
1362
1362
|
usesInheritance: true,
|
|
@@ -1365,7 +1365,7 @@ var ControleDeSaisieCompte = class ControleDeSaisieCompte extends ControleDeSais
|
|
|
1365
1365
|
};
|
|
1366
1366
|
i0.ɵɵngDeclareClassMetadata({
|
|
1367
1367
|
minVersion: "12.0.0",
|
|
1368
|
-
version: "22.2.
|
|
1368
|
+
version: "22.2.1",
|
|
1369
1369
|
ngImport: i0,
|
|
1370
1370
|
type: ControleDeSaisieCompte,
|
|
1371
1371
|
decorators: [{ type: Directive }],
|
|
@@ -1385,22 +1385,22 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1385
1385
|
racineDuCadre = inject(StIdentifiants).prochain("st-input");
|
|
1386
1386
|
idPrefixe = `${this.racineDuCadre}-prefixe`;
|
|
1387
1387
|
idSuffixe = `${this.racineDuCadre}-suffixe`;
|
|
1388
|
-
zoneDePrefixe = viewChild("prefixe", ...ngDevMode ? [{ debugName: "zoneDePrefixe" }] :
|
|
1389
|
-
zoneDeSuffixe = viewChild("suffixe", ...ngDevMode ? [{ debugName: "zoneDeSuffixe" }] :
|
|
1390
|
-
emplacementsQuiDecrivent = signal([], ...ngDevMode ? [{ debugName: "emplacementsQuiDecrivent" }] :
|
|
1391
|
-
type = input("text", ...ngDevMode ? [{ debugName: "type" }] :
|
|
1392
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
1393
|
-
inputmode = input(null, ...ngDevMode ? [{ debugName: "inputmode" }] :
|
|
1394
|
-
icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] :
|
|
1395
|
-
chiffres = input("texte", ...ngDevMode ? [{ debugName: "chiffres" }] :
|
|
1396
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
1397
|
-
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
1398
|
-
descriptionsDuControle = computed(() => [...this.decritPar(), ...this.emplacementsQuiDecrivent()], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] :
|
|
1399
|
-
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 */ []);
|
|
1400
1400
|
idDesSuggestions = `${this.racineDuCadre}-suggestions`;
|
|
1401
|
-
avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] :
|
|
1401
|
+
avecSuggestions = computed(() => (this.suggestions()?.length ?? 0) > 0, ...ngDevMode ? [{ debugName: "avecSuggestions" }] : /* istanbul ignore next */ []);
|
|
1402
1402
|
attenteVisible = affichageDiffere(() => this.pending());
|
|
1403
|
-
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 */ []);
|
|
1404
1404
|
constructor() {
|
|
1405
1405
|
super();
|
|
1406
1406
|
afterEveryRender({ read: () => {
|
|
@@ -1424,7 +1424,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1424
1424
|
}
|
|
1425
1425
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1426
1426
|
minVersion: "12.0.0",
|
|
1427
|
-
version: "22.2.
|
|
1427
|
+
version: "22.2.1",
|
|
1428
1428
|
ngImport: i0,
|
|
1429
1429
|
type: StInput,
|
|
1430
1430
|
deps: [],
|
|
@@ -1432,7 +1432,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1432
1432
|
});
|
|
1433
1433
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1434
1434
|
minVersion: "17.0.0",
|
|
1435
|
-
version: "22.2.
|
|
1435
|
+
version: "22.2.1",
|
|
1436
1436
|
type: StInput,
|
|
1437
1437
|
isStandalone: true,
|
|
1438
1438
|
selector: "st-input",
|
|
@@ -1514,7 +1514,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1514
1514
|
usesInheritance: true,
|
|
1515
1515
|
ngImport: i0,
|
|
1516
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",
|
|
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-
|
|
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"],
|
|
1518
1518
|
dependencies: [
|
|
1519
1519
|
{
|
|
1520
1520
|
kind: "component",
|
|
@@ -1567,7 +1567,7 @@ var StInput = class StInput extends ControleDeSaisieCompte {
|
|
|
1567
1567
|
};
|
|
1568
1568
|
i0.ɵɵngDeclareClassMetadata({
|
|
1569
1569
|
minVersion: "12.0.0",
|
|
1570
|
-
version: "22.2.
|
|
1570
|
+
version: "22.2.1",
|
|
1571
1571
|
ngImport: i0,
|
|
1572
1572
|
type: StInput,
|
|
1573
1573
|
decorators: [{
|
|
@@ -1586,7 +1586,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1586
1586
|
"[attr.data-depassement]": "enDepassement() ? \"\" : null"
|
|
1587
1587
|
},
|
|
1588
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",
|
|
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-
|
|
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"]
|
|
1590
1590
|
}]
|
|
1591
1591
|
}],
|
|
1592
1592
|
ctorParameters: () => [],
|
|
@@ -1667,11 +1667,11 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1667
1667
|
});
|
|
1668
1668
|
var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
1669
1669
|
lignes = input(4, {
|
|
1670
|
-
...ngDevMode ? { debugName: "lignes" } :
|
|
1670
|
+
...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
|
|
1671
1671
|
transform: numberAttribute
|
|
1672
1672
|
});
|
|
1673
1673
|
lignesMax = input(12, {
|
|
1674
|
-
...ngDevMode ? { debugName: "lignesMax" } :
|
|
1674
|
+
...ngDevMode ? { debugName: "lignesMax" } : /* istanbul ignore next */ {},
|
|
1675
1675
|
transform: numberAttribute
|
|
1676
1676
|
});
|
|
1677
1677
|
bornes = computed(() => {
|
|
@@ -1680,13 +1680,13 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
|
1680
1680
|
lignes,
|
|
1681
1681
|
lignesMax: Math.max(lignes, this.lignesMax())
|
|
1682
1682
|
};
|
|
1683
|
-
}, ...ngDevMode ? [{ debugName: "bornes" }] :
|
|
1683
|
+
}, ...ngDevMode ? [{ debugName: "bornes" }] : /* istanbul ignore next */ []);
|
|
1684
1684
|
surSaisie(evenement) {
|
|
1685
1685
|
this.value.set(this.texteSaisi(evenement));
|
|
1686
1686
|
}
|
|
1687
1687
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1688
1688
|
minVersion: "12.0.0",
|
|
1689
|
-
version: "22.2.
|
|
1689
|
+
version: "22.2.1",
|
|
1690
1690
|
ngImport: i0,
|
|
1691
1691
|
type: StTextarea,
|
|
1692
1692
|
deps: null,
|
|
@@ -1694,7 +1694,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
|
1694
1694
|
});
|
|
1695
1695
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1696
1696
|
minVersion: "17.1.0",
|
|
1697
|
-
version: "22.2.
|
|
1697
|
+
version: "22.2.1",
|
|
1698
1698
|
type: StTextarea,
|
|
1699
1699
|
isStandalone: true,
|
|
1700
1700
|
selector: "st-textarea",
|
|
@@ -1721,7 +1721,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
|
1721
1721
|
usesInheritance: true,
|
|
1722
1722
|
ngImport: i0,
|
|
1723
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",
|
|
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-
|
|
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"],
|
|
1725
1725
|
dependencies: [{
|
|
1726
1726
|
kind: "component",
|
|
1727
1727
|
type: StFormField,
|
|
@@ -1744,7 +1744,7 @@ var StTextarea = class StTextarea extends ControleDeSaisieCompte {
|
|
|
1744
1744
|
};
|
|
1745
1745
|
i0.ɵɵngDeclareClassMetadata({
|
|
1746
1746
|
minVersion: "12.0.0",
|
|
1747
|
-
version: "22.2.
|
|
1747
|
+
version: "22.2.1",
|
|
1748
1748
|
ngImport: i0,
|
|
1749
1749
|
type: StTextarea,
|
|
1750
1750
|
decorators: [{
|
|
@@ -1758,7 +1758,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1758
1758
|
"[attr.data-depassement]": "enDepassement() ? \"\" : null"
|
|
1759
1759
|
},
|
|
1760
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",
|
|
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-
|
|
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"]
|
|
1762
1762
|
}]
|
|
1763
1763
|
}],
|
|
1764
1764
|
propDecorators: {
|
|
@@ -1781,30 +1781,30 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1781
1781
|
}
|
|
1782
1782
|
});
|
|
1783
1783
|
var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
1784
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
1785
|
-
contenu = input("champs", ...ngDevMode ? [{ debugName: "contenu" }] :
|
|
1786
|
-
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 */ []);
|
|
1787
1787
|
toutesLesErreurs = input(true, {
|
|
1788
|
-
...ngDevMode ? { debugName: "toutesLesErreurs" } :
|
|
1788
|
+
...ngDevMode ? { debugName: "toutesLesErreurs" } : /* istanbul ignore next */ {},
|
|
1789
1789
|
transform: booleanAttribute
|
|
1790
1790
|
});
|
|
1791
1791
|
choixExclusif = input(false, {
|
|
1792
|
-
...ngDevMode ? { debugName: "choixExclusif" } :
|
|
1792
|
+
...ngDevMode ? { debugName: "choixExclusif" } : /* istanbul ignore next */ {},
|
|
1793
1793
|
transform: booleanAttribute
|
|
1794
1794
|
});
|
|
1795
1795
|
readonly = input(false, {
|
|
1796
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
1796
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
1797
1797
|
transform: booleanAttribute
|
|
1798
1798
|
});
|
|
1799
1799
|
disabled = input(false, {
|
|
1800
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
1800
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
1801
1801
|
transform: booleanAttribute
|
|
1802
1802
|
});
|
|
1803
1803
|
hidden = input(false, {
|
|
1804
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
1804
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
1805
1805
|
transform: booleanAttribute
|
|
1806
1806
|
});
|
|
1807
|
-
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
1807
|
+
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
|
|
1808
1808
|
identifiants = {
|
|
1809
1809
|
aide: `${this.racine}-aide`,
|
|
1810
1810
|
erreur: `${this.racine}-erreur`
|
|
@@ -1820,7 +1820,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
|
1820
1820
|
}
|
|
1821
1821
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1822
1822
|
minVersion: "12.0.0",
|
|
1823
|
-
version: "22.2.
|
|
1823
|
+
version: "22.2.1",
|
|
1824
1824
|
ngImport: i0,
|
|
1825
1825
|
type: StFieldset,
|
|
1826
1826
|
deps: null,
|
|
@@ -1828,7 +1828,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
|
1828
1828
|
});
|
|
1829
1829
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1830
1830
|
minVersion: "17.0.0",
|
|
1831
|
-
version: "22.2.
|
|
1831
|
+
version: "22.2.1",
|
|
1832
1832
|
type: StFieldset,
|
|
1833
1833
|
isStandalone: true,
|
|
1834
1834
|
selector: "st-fieldset",
|
|
@@ -1912,8 +1912,8 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
|
1912
1912
|
}],
|
|
1913
1913
|
usesInheritance: true,
|
|
1914
1914
|
ngImport: i0,
|
|
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=\"
|
|
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-
|
|
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"],
|
|
1917
1917
|
dependencies: [{
|
|
1918
1918
|
kind: "component",
|
|
1919
1919
|
type: StInlineMessage,
|
|
@@ -1931,7 +1931,7 @@ var StFieldset = class StFieldset extends PorteurDErreurs {
|
|
|
1931
1931
|
};
|
|
1932
1932
|
i0.ɵɵngDeclareClassMetadata({
|
|
1933
1933
|
minVersion: "12.0.0",
|
|
1934
|
-
version: "22.2.
|
|
1934
|
+
version: "22.2.1",
|
|
1935
1935
|
ngImport: i0,
|
|
1936
1936
|
type: StFieldset,
|
|
1937
1937
|
decorators: [{
|
|
@@ -1951,8 +1951,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1951
1951
|
provide: ST_GROUPE_DE_SAISIE,
|
|
1952
1952
|
useExisting: StFieldset
|
|
1953
1953
|
}],
|
|
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=\"
|
|
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-
|
|
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"]
|
|
1956
1956
|
}]
|
|
1957
1957
|
}],
|
|
1958
1958
|
propDecorators: {
|
|
@@ -2031,19 +2031,19 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2031
2031
|
}
|
|
2032
2032
|
});
|
|
2033
2033
|
var StCheckbox = class StCheckbox extends ContratDeCase {
|
|
2034
|
-
indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] :
|
|
2034
|
+
indetermine = model(false, ...ngDevMode ? [{ debugName: "indetermine" }] : /* istanbul ignore next */ []);
|
|
2035
2035
|
aideDEtat = input(false, {
|
|
2036
|
-
...ngDevMode ? { debugName: "aideDEtat" } :
|
|
2036
|
+
...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
|
|
2037
2037
|
transform: booleanAttribute
|
|
2038
2038
|
});
|
|
2039
|
-
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 */ []);
|
|
2040
2040
|
surChangement(evenement) {
|
|
2041
2041
|
this.surBascule(evenement);
|
|
2042
2042
|
if (!this.readonly()) this.indetermine.set(false);
|
|
2043
2043
|
}
|
|
2044
2044
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2045
2045
|
minVersion: "12.0.0",
|
|
2046
|
-
version: "22.2.
|
|
2046
|
+
version: "22.2.1",
|
|
2047
2047
|
ngImport: i0,
|
|
2048
2048
|
type: StCheckbox,
|
|
2049
2049
|
deps: null,
|
|
@@ -2051,7 +2051,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
|
|
|
2051
2051
|
});
|
|
2052
2052
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2053
2053
|
minVersion: "17.1.0",
|
|
2054
|
-
version: "22.2.
|
|
2054
|
+
version: "22.2.1",
|
|
2055
2055
|
type: StCheckbox,
|
|
2056
2056
|
isStandalone: true,
|
|
2057
2057
|
selector: "st-checkbox",
|
|
@@ -2084,7 +2084,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
|
|
|
2084
2084
|
usesInheritance: true,
|
|
2085
2085
|
ngImport: i0,
|
|
2086
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",
|
|
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-
|
|
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"],
|
|
2088
2088
|
dependencies: [{
|
|
2089
2089
|
kind: "component",
|
|
2090
2090
|
type: StFormField,
|
|
@@ -2107,7 +2107,7 @@ var StCheckbox = class StCheckbox extends ContratDeCase {
|
|
|
2107
2107
|
};
|
|
2108
2108
|
i0.ɵɵngDeclareClassMetadata({
|
|
2109
2109
|
minVersion: "12.0.0",
|
|
2110
|
-
version: "22.2.
|
|
2110
|
+
version: "22.2.1",
|
|
2111
2111
|
ngImport: i0,
|
|
2112
2112
|
type: StCheckbox,
|
|
2113
2113
|
decorators: [{
|
|
@@ -2124,7 +2124,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2124
2124
|
"[attr.data-aide-d-etat]": "aideDEtat() ? \"\" : null"
|
|
2125
2125
|
},
|
|
2126
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",
|
|
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-
|
|
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"]
|
|
2128
2128
|
}]
|
|
2129
2129
|
}],
|
|
2130
2130
|
propDecorators: {
|
|
@@ -2151,52 +2151,52 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2151
2151
|
});
|
|
2152
2152
|
var StRadioGroup = class StRadioGroup {
|
|
2153
2153
|
element = inject(ElementRef);
|
|
2154
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
2155
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
2156
|
-
options = input.required(...ngDevMode ? [{ debugName: "options" }] :
|
|
2157
|
-
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
2158
|
-
value = model("", ...ngDevMode ? [{ debugName: "value" }] :
|
|
2159
|
-
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 */ []);
|
|
2160
2160
|
touched = input(false, {
|
|
2161
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
2161
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
2162
2162
|
transform: booleanAttribute
|
|
2163
2163
|
});
|
|
2164
2164
|
dirty = input(false, {
|
|
2165
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
2165
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
2166
2166
|
transform: booleanAttribute
|
|
2167
2167
|
});
|
|
2168
2168
|
pending = input(false, {
|
|
2169
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
2169
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
2170
2170
|
transform: booleanAttribute
|
|
2171
2171
|
});
|
|
2172
2172
|
disabled = input(false, {
|
|
2173
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
2173
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
2174
2174
|
transform: booleanAttribute
|
|
2175
2175
|
});
|
|
2176
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
2176
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
2177
2177
|
readonly = input(false, {
|
|
2178
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
2178
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
2179
2179
|
transform: booleanAttribute
|
|
2180
2180
|
});
|
|
2181
2181
|
required = input(false, {
|
|
2182
|
-
...ngDevMode ? { debugName: "required" } :
|
|
2182
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
2183
2183
|
transform: booleanAttribute
|
|
2184
2184
|
});
|
|
2185
2185
|
hidden = input(false, {
|
|
2186
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
2186
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
2187
2187
|
transform: booleanAttribute
|
|
2188
2188
|
});
|
|
2189
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
2189
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
2190
2190
|
touch = output();
|
|
2191
|
-
radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] :
|
|
2191
|
+
radios = viewChildren("radio", ...ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []);
|
|
2192
2192
|
nomParDefaut = inject(StIdentifiants).prochain("st-radio");
|
|
2193
|
-
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 */ []);
|
|
2194
2194
|
aideEtRaisons = computed(() => {
|
|
2195
2195
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
2196
2196
|
const aide = this.aide()?.trim() ?? "";
|
|
2197
2197
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
2198
2198
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
2199
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
2199
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
2200
2200
|
nomDuGroupe() {
|
|
2201
2201
|
return this.name() === "" ? this.nomParDefaut : this.name();
|
|
2202
2202
|
}
|
|
@@ -2236,7 +2236,7 @@ var StRadioGroup = class StRadioGroup {
|
|
|
2236
2236
|
}
|
|
2237
2237
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2238
2238
|
minVersion: "12.0.0",
|
|
2239
|
-
version: "22.2.
|
|
2239
|
+
version: "22.2.1",
|
|
2240
2240
|
ngImport: i0,
|
|
2241
2241
|
type: StRadioGroup,
|
|
2242
2242
|
deps: [],
|
|
@@ -2244,7 +2244,7 @@ var StRadioGroup = class StRadioGroup {
|
|
|
2244
2244
|
});
|
|
2245
2245
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2246
2246
|
minVersion: "17.0.0",
|
|
2247
|
-
version: "22.2.
|
|
2247
|
+
version: "22.2.1",
|
|
2248
2248
|
type: StRadioGroup,
|
|
2249
2249
|
isStandalone: true,
|
|
2250
2250
|
selector: "st-radio-group",
|
|
@@ -2375,7 +2375,7 @@ var StRadioGroup = class StRadioGroup {
|
|
|
2375
2375
|
}],
|
|
2376
2376
|
ngImport: i0,
|
|
2377
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",
|
|
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-
|
|
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"],
|
|
2379
2379
|
dependencies: [{
|
|
2380
2380
|
kind: "component",
|
|
2381
2381
|
type: StFieldset,
|
|
@@ -2397,7 +2397,7 @@ var StRadioGroup = class StRadioGroup {
|
|
|
2397
2397
|
};
|
|
2398
2398
|
i0.ɵɵngDeclareClassMetadata({
|
|
2399
2399
|
minVersion: "12.0.0",
|
|
2400
|
-
version: "22.2.
|
|
2400
|
+
version: "22.2.1",
|
|
2401
2401
|
ngImport: i0,
|
|
2402
2402
|
type: StRadioGroup,
|
|
2403
2403
|
decorators: [{
|
|
@@ -2413,7 +2413,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2413
2413
|
"(focusout)": "aLaSortie($event)"
|
|
2414
2414
|
},
|
|
2415
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",
|
|
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-
|
|
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"]
|
|
2417
2417
|
}]
|
|
2418
2418
|
}],
|
|
2419
2419
|
propDecorators: {
|
|
@@ -2553,68 +2553,68 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2553
2553
|
var StCheckboxGroup = class StCheckboxGroup {
|
|
2554
2554
|
element = inject(ElementRef);
|
|
2555
2555
|
libelles = inject(ST_LIBELLES);
|
|
2556
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
2557
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
2558
|
-
options = input.required(...ngDevMode ? [{ debugName: "options" }] :
|
|
2559
|
-
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 */ []);
|
|
2560
2560
|
toutSelectionner = input(false, {
|
|
2561
|
-
...ngDevMode ? { debugName: "toutSelectionner" } :
|
|
2561
|
+
...ngDevMode ? { debugName: "toutSelectionner" } : /* istanbul ignore next */ {},
|
|
2562
2562
|
transform: booleanAttribute
|
|
2563
2563
|
});
|
|
2564
|
-
value = model([], ...ngDevMode ? [{ debugName: "value" }] :
|
|
2565
|
-
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] :
|
|
2564
|
+
value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2565
|
+
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
|
|
2566
2566
|
touched = input(false, {
|
|
2567
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
2567
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
2568
2568
|
transform: booleanAttribute
|
|
2569
2569
|
});
|
|
2570
2570
|
dirty = input(false, {
|
|
2571
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
2571
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
2572
2572
|
transform: booleanAttribute
|
|
2573
2573
|
});
|
|
2574
2574
|
pending = input(false, {
|
|
2575
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
2575
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
2576
2576
|
transform: booleanAttribute
|
|
2577
2577
|
});
|
|
2578
2578
|
disabled = input(false, {
|
|
2579
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
2579
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
2580
2580
|
transform: booleanAttribute
|
|
2581
2581
|
});
|
|
2582
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
2582
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
2583
2583
|
readonly = input(false, {
|
|
2584
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
2584
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
2585
2585
|
transform: booleanAttribute
|
|
2586
2586
|
});
|
|
2587
2587
|
required = input(false, {
|
|
2588
|
-
...ngDevMode ? { debugName: "required" } :
|
|
2588
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
2589
2589
|
transform: booleanAttribute
|
|
2590
2590
|
});
|
|
2591
2591
|
hidden = input(false, {
|
|
2592
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
2592
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
2593
2593
|
transform: booleanAttribute
|
|
2594
2594
|
});
|
|
2595
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
2595
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
2596
2596
|
touch = output();
|
|
2597
|
-
cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] :
|
|
2597
|
+
cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
|
|
2598
2598
|
racine = inject(StIdentifiants).prochain("st-cases");
|
|
2599
2599
|
identifiantDuTout = `${this.racine}-tout`;
|
|
2600
|
-
libelleDuTout = computed(() => this.libelles().toutSelectionner, ...ngDevMode ? [{ debugName: "libelleDuTout" }] :
|
|
2601
|
-
enErreur = computed(() => this.touched() && this.errors().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
2602
|
-
choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] :
|
|
2603
|
-
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 */ []);
|
|
2604
2604
|
etatDuTout = computed(() => {
|
|
2605
2605
|
const libres = this.libres();
|
|
2606
2606
|
const choisies = this.choisies();
|
|
2607
2607
|
const cochees = libres.filter((option) => choisies.has(option.valeur)).length;
|
|
2608
2608
|
if (cochees === 0) return "vide";
|
|
2609
2609
|
return cochees === libres.length ? "coche" : "partiel";
|
|
2610
|
-
}, ...ngDevMode ? [{ debugName: "etatDuTout" }] :
|
|
2611
|
-
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 */ []);
|
|
2612
2612
|
aideEtRaisons = computed(() => {
|
|
2613
2613
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
2614
2614
|
const aide = this.aide()?.trim() ?? "";
|
|
2615
2615
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
2616
2616
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
2617
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
2617
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
2618
2618
|
estChoisie(valeur) {
|
|
2619
2619
|
return this.choisies().has(valeur);
|
|
2620
2620
|
}
|
|
@@ -2671,7 +2671,7 @@ var StCheckboxGroup = class StCheckboxGroup {
|
|
|
2671
2671
|
}
|
|
2672
2672
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2673
2673
|
minVersion: "12.0.0",
|
|
2674
|
-
version: "22.2.
|
|
2674
|
+
version: "22.2.1",
|
|
2675
2675
|
ngImport: i0,
|
|
2676
2676
|
type: StCheckboxGroup,
|
|
2677
2677
|
deps: [],
|
|
@@ -2679,7 +2679,7 @@ var StCheckboxGroup = class StCheckboxGroup {
|
|
|
2679
2679
|
});
|
|
2680
2680
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2681
2681
|
minVersion: "17.0.0",
|
|
2682
|
-
version: "22.2.
|
|
2682
|
+
version: "22.2.1",
|
|
2683
2683
|
type: StCheckboxGroup,
|
|
2684
2684
|
isStandalone: true,
|
|
2685
2685
|
selector: "st-checkbox-group",
|
|
@@ -2817,7 +2817,7 @@ var StCheckboxGroup = class StCheckboxGroup {
|
|
|
2817
2817
|
}],
|
|
2818
2818
|
ngImport: i0,
|
|
2819
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",
|
|
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-
|
|
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"],
|
|
2821
2821
|
dependencies: [{
|
|
2822
2822
|
kind: "component",
|
|
2823
2823
|
type: StFieldset,
|
|
@@ -2839,7 +2839,7 @@ var StCheckboxGroup = class StCheckboxGroup {
|
|
|
2839
2839
|
};
|
|
2840
2840
|
i0.ɵɵngDeclareClassMetadata({
|
|
2841
2841
|
minVersion: "12.0.0",
|
|
2842
|
-
version: "22.2.
|
|
2842
|
+
version: "22.2.1",
|
|
2843
2843
|
ngImport: i0,
|
|
2844
2844
|
type: StCheckboxGroup,
|
|
2845
2845
|
decorators: [{
|
|
@@ -2855,7 +2855,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2855
2855
|
"(focusout)": "aLaSortie($event)"
|
|
2856
2856
|
},
|
|
2857
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",
|
|
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-
|
|
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"]
|
|
2859
2859
|
}]
|
|
2860
2860
|
}],
|
|
2861
2861
|
propDecorators: {
|
|
@@ -3005,56 +3005,56 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3005
3005
|
destruction = inject(DestroyRef);
|
|
3006
3006
|
libelles = inject(ST_LIBELLES);
|
|
3007
3007
|
locale = inject(ST_LOCALE);
|
|
3008
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
3009
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
3010
|
-
lignes = input.required(...ngDevMode ? [{ debugName: "lignes" }] :
|
|
3011
|
-
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 */ []);
|
|
3012
3012
|
toutParColonne = input(false, {
|
|
3013
|
-
...ngDevMode ? { debugName: "toutParColonne" } :
|
|
3013
|
+
...ngDevMode ? { debugName: "toutParColonne" } : /* istanbul ignore next */ {},
|
|
3014
3014
|
transform: booleanAttribute
|
|
3015
3015
|
});
|
|
3016
3016
|
toutParLigne = input(false, {
|
|
3017
|
-
...ngDevMode ? { debugName: "toutParLigne" } :
|
|
3017
|
+
...ngDevMode ? { debugName: "toutParLigne" } : /* istanbul ignore next */ {},
|
|
3018
3018
|
transform: booleanAttribute
|
|
3019
3019
|
});
|
|
3020
|
-
cellulesIndisponibles = input([], ...ngDevMode ? [{ debugName: "cellulesIndisponibles" }] :
|
|
3021
|
-
mode = input("formulaire", ...ngDevMode ? [{ debugName: "mode" }] :
|
|
3022
|
-
cellulesEnAttente = input([], ...ngDevMode ? [{ debugName: "cellulesEnAttente" }] :
|
|
3023
|
-
value = model([], ...ngDevMode ? [{ debugName: "value" }] :
|
|
3024
|
-
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 */ []);
|
|
3025
3025
|
touched = input(false, {
|
|
3026
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
3026
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
3027
3027
|
transform: booleanAttribute
|
|
3028
3028
|
});
|
|
3029
3029
|
dirty = input(false, {
|
|
3030
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
3030
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
3031
3031
|
transform: booleanAttribute
|
|
3032
3032
|
});
|
|
3033
3033
|
pending = input(false, {
|
|
3034
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
3034
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
3035
3035
|
transform: booleanAttribute
|
|
3036
3036
|
});
|
|
3037
3037
|
disabled = input(false, {
|
|
3038
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
3038
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
3039
3039
|
transform: booleanAttribute
|
|
3040
3040
|
});
|
|
3041
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
3041
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
3042
3042
|
readonly = input(false, {
|
|
3043
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
3043
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
3044
3044
|
transform: booleanAttribute
|
|
3045
3045
|
});
|
|
3046
3046
|
required = input(false, {
|
|
3047
|
-
...ngDevMode ? { debugName: "required" } :
|
|
3047
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
3048
3048
|
transform: booleanAttribute
|
|
3049
3049
|
});
|
|
3050
3050
|
hidden = input(false, {
|
|
3051
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
3051
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
3052
3052
|
transform: booleanAttribute
|
|
3053
3053
|
});
|
|
3054
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
3054
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
3055
3055
|
touch = output();
|
|
3056
|
-
cases = viewChildren("case", ...ngDevMode ? [{ debugName: "cases" }] :
|
|
3057
|
-
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 */ []);
|
|
3058
3058
|
racine = inject(StIdentifiants).prochain("st-matrice");
|
|
3059
3059
|
identifiants = {
|
|
3060
3060
|
legende: `${this.racine}-legende`,
|
|
@@ -3063,30 +3063,30 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3063
3063
|
deborde: `${this.racine}-deborde`
|
|
3064
3064
|
};
|
|
3065
3065
|
annonce = new AnnonceLocale(this.destruction);
|
|
3066
|
-
deborde = signal(false, ...ngDevMode ? [{ debugName: "deborde" }] :
|
|
3067
|
-
choisies = computed(() => new Set(this.value()), ...ngDevMode ? [{ debugName: "choisies" }] :
|
|
3068
|
-
indisponibles = computed(() => new Map(this.cellulesIndisponibles().map((cellule) => [cellule.cle, cellule.raison])), ...ngDevMode ? [{ debugName: "indisponibles" }] :
|
|
3069
|
-
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 */ []);
|
|
3070
3070
|
bascules = /* @__PURE__ */ new Map();
|
|
3071
|
-
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 */ []);
|
|
3072
3072
|
messages = computed(() => {
|
|
3073
3073
|
if (!this.enErreur()) return [];
|
|
3074
3074
|
const libelles = this.libelles();
|
|
3075
3075
|
const locale = this.locale();
|
|
3076
3076
|
return this.errors().map((erreur) => messageDErreur(erreur, libelles, locale));
|
|
3077
|
-
}, ...ngDevMode ? [{ debugName: "messages" }] :
|
|
3077
|
+
}, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
|
|
3078
3078
|
aideEtRaisons = computed(() => {
|
|
3079
3079
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
3080
3080
|
const aide = this.aide()?.trim() ?? "";
|
|
3081
3081
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
3082
3082
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
3083
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
3083
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
3084
3084
|
descriptions = computed(() => {
|
|
3085
3085
|
const ids = [];
|
|
3086
3086
|
if (this.aideEtRaisons() !== null) ids.push(this.identifiants.aide);
|
|
3087
3087
|
if (this.enErreur()) ids.push(this.identifiants.erreur);
|
|
3088
3088
|
return ids.length === 0 ? null : ids.join(" ");
|
|
3089
|
-
}, ...ngDevMode ? [{ debugName: "descriptions" }] :
|
|
3089
|
+
}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
|
|
3090
3090
|
constructor() {
|
|
3091
3091
|
if (isDevMode()) afterNextRender(() => {
|
|
3092
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).`);
|
|
@@ -3231,7 +3231,7 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3231
3231
|
}
|
|
3232
3232
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3233
3233
|
minVersion: "12.0.0",
|
|
3234
|
-
version: "22.2.
|
|
3234
|
+
version: "22.2.1",
|
|
3235
3235
|
ngImport: i0,
|
|
3236
3236
|
type: StChoiceMatrix,
|
|
3237
3237
|
deps: [],
|
|
@@ -3239,7 +3239,7 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3239
3239
|
});
|
|
3240
3240
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
3241
3241
|
minVersion: "17.0.0",
|
|
3242
|
-
version: "22.2.
|
|
3242
|
+
version: "22.2.1",
|
|
3243
3243
|
type: StChoiceMatrix,
|
|
3244
3244
|
isStandalone: true,
|
|
3245
3245
|
selector: "st-choice-matrix",
|
|
@@ -3411,8 +3411,8 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3411
3411
|
isSignal: true
|
|
3412
3412
|
}],
|
|
3413
3413
|
ngImport: i0,
|
|
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=\"
|
|
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-
|
|
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"],
|
|
3416
3416
|
dependencies: [{
|
|
3417
3417
|
kind: "component",
|
|
3418
3418
|
type: StIcon,
|
|
@@ -3445,7 +3445,7 @@ var StChoiceMatrix = class StChoiceMatrix {
|
|
|
3445
3445
|
};
|
|
3446
3446
|
i0.ɵɵngDeclareClassMetadata({
|
|
3447
3447
|
minVersion: "12.0.0",
|
|
3448
|
-
version: "22.2.
|
|
3448
|
+
version: "22.2.1",
|
|
3449
3449
|
ngImport: i0,
|
|
3450
3450
|
type: StChoiceMatrix,
|
|
3451
3451
|
decorators: [{
|
|
@@ -3461,8 +3461,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3461
3461
|
"[attr.data-en-erreur]": "enErreur() ? \"\" : null",
|
|
3462
3462
|
"(focusout)": "aLaSortie($event)"
|
|
3463
3463
|
},
|
|
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=\"
|
|
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-
|
|
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"]
|
|
3466
3466
|
}]
|
|
3467
3467
|
}],
|
|
3468
3468
|
ctorParameters: () => [],
|
|
@@ -3650,17 +3650,17 @@ const PARTS = {
|
|
|
3650
3650
|
large: 3
|
|
3651
3651
|
};
|
|
3652
3652
|
var StFormRow = class StFormRow {
|
|
3653
|
-
colonnes = input("auto", ...ngDevMode ? [{ debugName: "colonnes" }] :
|
|
3654
|
-
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 */ []);
|
|
3655
3655
|
gabarit = computed(() => {
|
|
3656
3656
|
const largeurs = this.largeurs();
|
|
3657
3657
|
if (largeurs !== null && largeurs.length > 0) return largeurs.map((largeur) => `minmax(0, ${String(part(largeur))}fr)`).join(" ");
|
|
3658
3658
|
const colonnes = this.colonnes();
|
|
3659
3659
|
return colonnes === "auto" ? "repeat(auto-fit, minmax(min(100%, 10rem), 1fr))" : `repeat(${String(colonnes)}, minmax(0, 1fr))`;
|
|
3660
|
-
}, ...ngDevMode ? [{ debugName: "gabarit" }] :
|
|
3660
|
+
}, ...ngDevMode ? [{ debugName: "gabarit" }] : /* istanbul ignore next */ []);
|
|
3661
3661
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3662
3662
|
minVersion: "12.0.0",
|
|
3663
|
-
version: "22.2.
|
|
3663
|
+
version: "22.2.1",
|
|
3664
3664
|
ngImport: i0,
|
|
3665
3665
|
type: StFormRow,
|
|
3666
3666
|
deps: [],
|
|
@@ -3668,7 +3668,7 @@ var StFormRow = class StFormRow {
|
|
|
3668
3668
|
});
|
|
3669
3669
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
3670
3670
|
minVersion: "17.1.0",
|
|
3671
|
-
version: "22.2.
|
|
3671
|
+
version: "22.2.1",
|
|
3672
3672
|
type: StFormRow,
|
|
3673
3673
|
isStandalone: true,
|
|
3674
3674
|
selector: "st-form-row",
|
|
@@ -3700,7 +3700,7 @@ var StFormRow = class StFormRow {
|
|
|
3700
3700
|
};
|
|
3701
3701
|
i0.ɵɵngDeclareClassMetadata({
|
|
3702
3702
|
minVersion: "12.0.0",
|
|
3703
|
-
version: "22.2.
|
|
3703
|
+
version: "22.2.1",
|
|
3704
3704
|
ngImport: i0,
|
|
3705
3705
|
type: StFormRow,
|
|
3706
3706
|
decorators: [{
|
|
@@ -3745,30 +3745,30 @@ var StConsentRow = class StConsentRow {
|
|
|
3745
3745
|
groupe = inject(ST_GROUPE_DE_CONSENTEMENTS);
|
|
3746
3746
|
libelles = inject(ST_LIBELLES);
|
|
3747
3747
|
locale = inject(ST_LOCALE);
|
|
3748
|
-
cle = input.required(...ngDevMode ? [{ debugName: "cle" }] :
|
|
3749
|
-
titre = input.required(...ngDevMode ? [{ debugName: "titre" }] :
|
|
3750
|
-
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 */ []);
|
|
3751
3751
|
obligatoire = input(false, {
|
|
3752
|
-
...ngDevMode ? { debugName: "obligatoire" } :
|
|
3752
|
+
...ngDevMode ? { debugName: "obligatoire" } : /* istanbul ignore next */ {},
|
|
3753
3753
|
transform: booleanAttribute
|
|
3754
3754
|
});
|
|
3755
|
-
versionDuDocument = input(null, ...ngDevMode ? [{ debugName: "versionDuDocument" }] :
|
|
3756
|
-
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 */ []);
|
|
3757
3757
|
enregistrement = input(false, {
|
|
3758
|
-
...ngDevMode ? { debugName: "enregistrement" } :
|
|
3758
|
+
...ngDevMode ? { debugName: "enregistrement" } : /* istanbul ignore next */ {},
|
|
3759
3759
|
transform: booleanAttribute
|
|
3760
3760
|
});
|
|
3761
|
-
refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] :
|
|
3761
|
+
refus = input(null, ...ngDevMode ? [{ debugName: "refus" }] : /* istanbul ignore next */ []);
|
|
3762
3762
|
decision = output();
|
|
3763
|
-
champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] :
|
|
3763
|
+
champ = viewChild("champ", ...ngDevMode ? [{ debugName: "champ" }] : /* istanbul ignore next */ []);
|
|
3764
3764
|
identifiantDuRefus = inject(StIdentifiants).prochain("st-consentement-refus");
|
|
3765
3765
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
3766
|
-
decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] :
|
|
3766
|
+
decideeIci = signal(false, ...ngDevMode ? [{ debugName: "decideeIci" }] : /* istanbul ignore next */ []);
|
|
3767
3767
|
precedente;
|
|
3768
|
-
immediat = computed(() => this.groupe.mode() === "immediat", ...ngDevMode ? [{ debugName: "immediat" }] :
|
|
3769
|
-
coche = computed(() => this.groupe.valeurDe(this.cle()) === true && (this.decideLe() !== null || this.decideeIci()), ...ngDevMode ? [{ debugName: "coche" }] :
|
|
3770
|
-
enAttente = computed(() => this.immediat() && this.enregistrement(), ...ngDevMode ? [{ debugName: "enAttente" }] :
|
|
3771
|
-
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 */ []);
|
|
3772
3772
|
aide = computed(() => {
|
|
3773
3773
|
const version = this.versionDuDocument();
|
|
3774
3774
|
const date = this.decideLe();
|
|
@@ -3776,8 +3776,8 @@ var StConsentRow = class StConsentRow {
|
|
|
3776
3776
|
const mention = version === null ? null : date === null ? libelles.versionDuDocument(version) : libelles.decisionDuDocument(version, formaterDateLongue(date, this.locale()), this.groupe.valeurDe(this.cle()) === true);
|
|
3777
3777
|
const morceaux = [this.description(), mention].map((texte) => texte?.trim() ?? "").filter((texte) => texte !== "");
|
|
3778
3778
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
3779
|
-
}, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
3780
|
-
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 */ []);
|
|
3781
3781
|
constructor() {
|
|
3782
3782
|
if (isDevMode()) afterNextRender(() => {
|
|
3783
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.`);
|
|
@@ -3819,7 +3819,7 @@ var StConsentRow = class StConsentRow {
|
|
|
3819
3819
|
}
|
|
3820
3820
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3821
3821
|
minVersion: "12.0.0",
|
|
3822
|
-
version: "22.2.
|
|
3822
|
+
version: "22.2.1",
|
|
3823
3823
|
ngImport: i0,
|
|
3824
3824
|
type: StConsentRow,
|
|
3825
3825
|
deps: [],
|
|
@@ -3827,7 +3827,7 @@ var StConsentRow = class StConsentRow {
|
|
|
3827
3827
|
});
|
|
3828
3828
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
3829
3829
|
minVersion: "17.0.0",
|
|
3830
|
-
version: "22.2.
|
|
3830
|
+
version: "22.2.1",
|
|
3831
3831
|
type: StConsentRow,
|
|
3832
3832
|
isStandalone: true,
|
|
3833
3833
|
selector: "st-consent-row",
|
|
@@ -3906,8 +3906,8 @@ var StConsentRow = class StConsentRow {
|
|
|
3906
3906
|
isSignal: true
|
|
3907
3907
|
}],
|
|
3908
3908
|
ngImport: i0,
|
|
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=\"
|
|
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-
|
|
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"],
|
|
3911
3911
|
dependencies: [
|
|
3912
3912
|
{
|
|
3913
3913
|
kind: "component",
|
|
@@ -3945,7 +3945,7 @@ var StConsentRow = class StConsentRow {
|
|
|
3945
3945
|
};
|
|
3946
3946
|
i0.ɵɵngDeclareClassMetadata({
|
|
3947
3947
|
minVersion: "12.0.0",
|
|
3948
|
-
version: "22.2.
|
|
3948
|
+
version: "22.2.1",
|
|
3949
3949
|
ngImport: i0,
|
|
3950
3950
|
type: StConsentRow,
|
|
3951
3951
|
decorators: [{
|
|
@@ -3964,8 +3964,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3964
3964
|
"[attr.data-cochee]": "coche() ? \"\" : null",
|
|
3965
3965
|
"[attr.data-en-attente]": "enAttente() ? \"\" : null"
|
|
3966
3966
|
},
|
|
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=\"
|
|
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-
|
|
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"]
|
|
3969
3969
|
}]
|
|
3970
3970
|
}],
|
|
3971
3971
|
ctorParameters: () => [],
|
|
@@ -4047,63 +4047,63 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4047
4047
|
var StConsentGroup = class StConsentGroup {
|
|
4048
4048
|
element = inject(ElementRef);
|
|
4049
4049
|
libelles = inject(ST_LIBELLES);
|
|
4050
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
4051
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
4052
|
-
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 */ []);
|
|
4053
4053
|
toutAccepter = input(false, {
|
|
4054
|
-
...ngDevMode ? { debugName: "toutAccepter" } :
|
|
4054
|
+
...ngDevMode ? { debugName: "toutAccepter" } : /* istanbul ignore next */ {},
|
|
4055
4055
|
transform: booleanAttribute
|
|
4056
4056
|
});
|
|
4057
4057
|
toutRefuser = input(false, {
|
|
4058
|
-
...ngDevMode ? { debugName: "toutRefuser" } :
|
|
4058
|
+
...ngDevMode ? { debugName: "toutRefuser" } : /* istanbul ignore next */ {},
|
|
4059
4059
|
transform: booleanAttribute
|
|
4060
4060
|
});
|
|
4061
|
-
value = model({}, ...ngDevMode ? [{ debugName: "value" }] :
|
|
4062
|
-
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] :
|
|
4061
|
+
value = model({}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
4062
|
+
errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
|
|
4063
4063
|
touched = input(false, {
|
|
4064
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
4064
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
4065
4065
|
transform: booleanAttribute
|
|
4066
4066
|
});
|
|
4067
4067
|
dirty = input(false, {
|
|
4068
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
4068
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
4069
4069
|
transform: booleanAttribute
|
|
4070
4070
|
});
|
|
4071
4071
|
pending = input(false, {
|
|
4072
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
4072
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
4073
4073
|
transform: booleanAttribute
|
|
4074
4074
|
});
|
|
4075
4075
|
disabled = input(false, {
|
|
4076
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
4076
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
4077
4077
|
transform: booleanAttribute
|
|
4078
4078
|
});
|
|
4079
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
4079
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
4080
4080
|
readonly = input(false, {
|
|
4081
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
4081
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
4082
4082
|
transform: booleanAttribute
|
|
4083
4083
|
});
|
|
4084
4084
|
required = input(false, {
|
|
4085
|
-
...ngDevMode ? { debugName: "required" } :
|
|
4085
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
4086
4086
|
transform: booleanAttribute
|
|
4087
4087
|
});
|
|
4088
4088
|
hidden = input(false, {
|
|
4089
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
4089
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
4090
4090
|
transform: booleanAttribute
|
|
4091
4091
|
});
|
|
4092
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
4092
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
4093
4093
|
touch = output();
|
|
4094
4094
|
lignes = contentChildren(StConsentRow, {
|
|
4095
|
-
...ngDevMode ? { debugName: "lignes" } :
|
|
4095
|
+
...ngDevMode ? { debugName: "lignes" } : /* istanbul ignore next */ {},
|
|
4096
4096
|
descendants: true
|
|
4097
4097
|
});
|
|
4098
|
-
desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] :
|
|
4099
|
-
lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] :
|
|
4100
|
-
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 */ []);
|
|
4101
4101
|
aideEtRaisons = computed(() => {
|
|
4102
4102
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
4103
4103
|
const aide = this.aide()?.trim() ?? "";
|
|
4104
4104
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
4105
4105
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
4106
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
4106
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
4107
4107
|
valeurDe(cle) {
|
|
4108
4108
|
return this.value()[cle];
|
|
4109
4109
|
}
|
|
@@ -4127,7 +4127,7 @@ var StConsentGroup = class StConsentGroup {
|
|
|
4127
4127
|
}
|
|
4128
4128
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
4129
4129
|
minVersion: "12.0.0",
|
|
4130
|
-
version: "22.2.
|
|
4130
|
+
version: "22.2.1",
|
|
4131
4131
|
ngImport: i0,
|
|
4132
4132
|
type: StConsentGroup,
|
|
4133
4133
|
deps: [],
|
|
@@ -4135,7 +4135,7 @@ var StConsentGroup = class StConsentGroup {
|
|
|
4135
4135
|
});
|
|
4136
4136
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
4137
4137
|
minVersion: "17.0.0",
|
|
4138
|
-
version: "22.2.
|
|
4138
|
+
version: "22.2.1",
|
|
4139
4139
|
type: StConsentGroup,
|
|
4140
4140
|
isStandalone: true,
|
|
4141
4141
|
selector: "st-consent-group",
|
|
@@ -4310,7 +4310,7 @@ var StConsentGroup = class StConsentGroup {
|
|
|
4310
4310
|
};
|
|
4311
4311
|
i0.ɵɵngDeclareClassMetadata({
|
|
4312
4312
|
minVersion: "12.0.0",
|
|
4313
|
-
version: "22.2.
|
|
4313
|
+
version: "22.2.1",
|
|
4314
4314
|
ngImport: i0,
|
|
4315
4315
|
type: StConsentGroup,
|
|
4316
4316
|
decorators: [{
|
|
@@ -4480,23 +4480,23 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4480
4480
|
const ST_GROUPE_DE_CHOIX = new InjectionToken("ST_GROUPE_DE_CHOIX");
|
|
4481
4481
|
var StChoice = class StChoice {
|
|
4482
4482
|
groupe = inject(ST_GROUPE_DE_CHOIX);
|
|
4483
|
-
valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] :
|
|
4483
|
+
valeur = input.required(...ngDevMode ? [{ debugName: "valeur" }] : /* istanbul ignore next */ []);
|
|
4484
4484
|
desactivee = input(false, {
|
|
4485
|
-
...ngDevMode ? { debugName: "desactivee" } :
|
|
4485
|
+
...ngDevMode ? { debugName: "desactivee" } : /* istanbul ignore next */ {},
|
|
4486
4486
|
transform: booleanAttribute
|
|
4487
4487
|
});
|
|
4488
|
-
raisonDIndisponibilite = input(null, ...ngDevMode ? [{ debugName: "raisonDIndisponibilite" }] :
|
|
4489
|
-
controle = viewChild.required("controle", ...ngDevMode ? [{ debugName: "controle" }] :
|
|
4490
|
-
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 */ []);
|
|
4491
4491
|
racine = inject(StIdentifiants).prochain("st-choix-carte");
|
|
4492
4492
|
identifiantDeLaRaison = `${this.racine}-raison`;
|
|
4493
4493
|
identifiantDuDetail = `${this.racine}-detail`;
|
|
4494
|
-
coche = computed(() => this.groupe.estChoisie(this.valeur()), ...ngDevMode ? [{ debugName: "coche" }] :
|
|
4494
|
+
coche = computed(() => this.groupe.estChoisie(this.valeur()), ...ngDevMode ? [{ debugName: "coche" }] : /* istanbul ignore next */ []);
|
|
4495
4495
|
raison = computed(() => {
|
|
4496
4496
|
const texte = this.desactivee() ? this.raisonDIndisponibilite()?.trim() ?? "" : "";
|
|
4497
4497
|
return texte === "" ? null : texte;
|
|
4498
|
-
}, ...ngDevMode ? [{ debugName: "raison" }] :
|
|
4499
|
-
aUnDetail = signal(false, ...ngDevMode ? [{ debugName: "aUnDetail" }] :
|
|
4498
|
+
}, ...ngDevMode ? [{ debugName: "raison" }] : /* istanbul ignore next */ []);
|
|
4499
|
+
aUnDetail = signal(false, ...ngDevMode ? [{ debugName: "aUnDetail" }] : /* istanbul ignore next */ []);
|
|
4500
4500
|
constructor() {
|
|
4501
4501
|
afterRenderEffect(() => {
|
|
4502
4502
|
this.coche();
|
|
@@ -4528,7 +4528,7 @@ var StChoice = class StChoice {
|
|
|
4528
4528
|
}
|
|
4529
4529
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
4530
4530
|
minVersion: "12.0.0",
|
|
4531
|
-
version: "22.2.
|
|
4531
|
+
version: "22.2.1",
|
|
4532
4532
|
ngImport: i0,
|
|
4533
4533
|
type: StChoice,
|
|
4534
4534
|
deps: [],
|
|
@@ -4536,7 +4536,7 @@ var StChoice = class StChoice {
|
|
|
4536
4536
|
});
|
|
4537
4537
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
4538
4538
|
minVersion: "17.0.0",
|
|
4539
|
-
version: "22.2.
|
|
4539
|
+
version: "22.2.1",
|
|
4540
4540
|
type: StChoice,
|
|
4541
4541
|
isStandalone: true,
|
|
4542
4542
|
selector: "st-choice",
|
|
@@ -4586,13 +4586,13 @@ var StChoice = class StChoice {
|
|
|
4586
4586
|
}],
|
|
4587
4587
|
ngImport: i0,
|
|
4588
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",
|
|
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-
|
|
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"],
|
|
4590
4590
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
4591
4591
|
});
|
|
4592
4592
|
};
|
|
4593
4593
|
i0.ɵɵngDeclareClassMetadata({
|
|
4594
4594
|
minVersion: "12.0.0",
|
|
4595
|
-
version: "22.2.
|
|
4595
|
+
version: "22.2.1",
|
|
4596
4596
|
ngImport: i0,
|
|
4597
4597
|
type: StChoice,
|
|
4598
4598
|
decorators: [{
|
|
@@ -4607,7 +4607,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4607
4607
|
"[attr.data-lecture-seule]": "groupe.lectureSeule() ? \"\" : null"
|
|
4608
4608
|
},
|
|
4609
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",
|
|
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-
|
|
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"]
|
|
4611
4611
|
}]
|
|
4612
4612
|
}],
|
|
4613
4613
|
ctorParameters: () => [],
|
|
@@ -4648,64 +4648,64 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
4648
4648
|
});
|
|
4649
4649
|
var StChoiceGroup = class StChoiceGroup {
|
|
4650
4650
|
element = inject(ElementRef);
|
|
4651
|
-
legende = input.required(...ngDevMode ? [{ debugName: "legende" }] :
|
|
4652
|
-
aide = input(null, ...ngDevMode ? [{ debugName: "aide" }] :
|
|
4653
|
-
mode = input("unique", ...ngDevMode ? [{ debugName: "mode" }] :
|
|
4654
|
-
disposition = input("colonne", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
4655
|
-
value = model("", ...ngDevMode ? [{ debugName: "value" }] :
|
|
4656
|
-
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 */ []);
|
|
4657
4657
|
touched = input(false, {
|
|
4658
|
-
...ngDevMode ? { debugName: "touched" } :
|
|
4658
|
+
...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
|
|
4659
4659
|
transform: booleanAttribute
|
|
4660
4660
|
});
|
|
4661
4661
|
dirty = input(false, {
|
|
4662
|
-
...ngDevMode ? { debugName: "dirty" } :
|
|
4662
|
+
...ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {},
|
|
4663
4663
|
transform: booleanAttribute
|
|
4664
4664
|
});
|
|
4665
4665
|
pending = input(false, {
|
|
4666
|
-
...ngDevMode ? { debugName: "pending" } :
|
|
4666
|
+
...ngDevMode ? { debugName: "pending" } : /* istanbul ignore next */ {},
|
|
4667
4667
|
transform: booleanAttribute
|
|
4668
4668
|
});
|
|
4669
4669
|
disabled = input(false, {
|
|
4670
|
-
...ngDevMode ? { debugName: "disabled" } :
|
|
4670
|
+
...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
|
|
4671
4671
|
transform: booleanAttribute
|
|
4672
4672
|
});
|
|
4673
|
-
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] :
|
|
4673
|
+
disabledReasons = input([], ...ngDevMode ? [{ debugName: "disabledReasons" }] : /* istanbul ignore next */ []);
|
|
4674
4674
|
readonly = input(false, {
|
|
4675
|
-
...ngDevMode ? { debugName: "readonly" } :
|
|
4675
|
+
...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
|
|
4676
4676
|
transform: booleanAttribute
|
|
4677
4677
|
});
|
|
4678
4678
|
required = input(false, {
|
|
4679
|
-
...ngDevMode ? { debugName: "required" } :
|
|
4679
|
+
...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
|
|
4680
4680
|
transform: booleanAttribute
|
|
4681
4681
|
});
|
|
4682
4682
|
hidden = input(false, {
|
|
4683
|
-
...ngDevMode ? { debugName: "hidden" } :
|
|
4683
|
+
...ngDevMode ? { debugName: "hidden" } : /* istanbul ignore next */ {},
|
|
4684
4684
|
transform: booleanAttribute
|
|
4685
4685
|
});
|
|
4686
|
-
name = input("", ...ngDevMode ? [{ debugName: "name" }] :
|
|
4686
|
+
name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
|
|
4687
4687
|
touch = output();
|
|
4688
4688
|
cartes = contentChildren(StChoice, {
|
|
4689
|
-
...ngDevMode ? { debugName: "cartes" } :
|
|
4689
|
+
...ngDevMode ? { debugName: "cartes" } : /* istanbul ignore next */ {},
|
|
4690
4690
|
descendants: true
|
|
4691
4691
|
});
|
|
4692
4692
|
nomParDefaut = inject(StIdentifiants).prochain("st-choix");
|
|
4693
|
-
multiple = computed(() => this.mode() === "multiple", ...ngDevMode ? [{ debugName: "multiple" }] :
|
|
4694
|
-
nom = computed(() => this.name() === "" ? this.nomParDefaut : this.name(), ...ngDevMode ? [{ debugName: "nom" }] :
|
|
4695
|
-
desactive = computed(() => this.disabled(), ...ngDevMode ? [{ debugName: "desactive" }] :
|
|
4696
|
-
lectureSeule = computed(() => this.readonly(), ...ngDevMode ? [{ debugName: "lectureSeule" }] :
|
|
4697
|
-
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 */ []);
|
|
4698
4698
|
choisies = computed(() => {
|
|
4699
4699
|
const valeur = this.value();
|
|
4700
4700
|
if (typeof valeur !== "string") return new Set(valeur);
|
|
4701
4701
|
return new Set(valeur === "" ? [] : [valeur]);
|
|
4702
|
-
}, ...ngDevMode ? [{ debugName: "choisies" }] :
|
|
4702
|
+
}, ...ngDevMode ? [{ debugName: "choisies" }] : /* istanbul ignore next */ []);
|
|
4703
4703
|
aideEtRaisons = computed(() => {
|
|
4704
4704
|
const raisons = this.disabled() ? this.disabledReasons().map((raison) => raison.message?.trim() ?? "").filter((message) => message !== "") : [];
|
|
4705
4705
|
const aide = this.aide()?.trim() ?? "";
|
|
4706
4706
|
const morceaux = aide === "" ? raisons : [aide, ...raisons];
|
|
4707
4707
|
return morceaux.length === 0 ? null : morceaux.join(" ");
|
|
4708
|
-
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] :
|
|
4708
|
+
}, ...ngDevMode ? [{ debugName: "aideEtRaisons" }] : /* istanbul ignore next */ []);
|
|
4709
4709
|
constructor() {
|
|
4710
4710
|
if (isDevMode()) effect(() => {
|
|
4711
4711
|
const valeur = this.value();
|
|
@@ -4745,7 +4745,7 @@ var StChoiceGroup = class StChoiceGroup {
|
|
|
4745
4745
|
}
|
|
4746
4746
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
4747
4747
|
minVersion: "12.0.0",
|
|
4748
|
-
version: "22.2.
|
|
4748
|
+
version: "22.2.1",
|
|
4749
4749
|
ngImport: i0,
|
|
4750
4750
|
type: StChoiceGroup,
|
|
4751
4751
|
deps: [],
|
|
@@ -4753,7 +4753,7 @@ var StChoiceGroup = class StChoiceGroup {
|
|
|
4753
4753
|
});
|
|
4754
4754
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
4755
4755
|
minVersion: "17.2.0",
|
|
4756
|
-
version: "22.2.
|
|
4756
|
+
version: "22.2.1",
|
|
4757
4757
|
type: StChoiceGroup,
|
|
4758
4758
|
isStandalone: true,
|
|
4759
4759
|
selector: "st-choice-group",
|
|
@@ -4911,7 +4911,7 @@ var StChoiceGroup = class StChoiceGroup {
|
|
|
4911
4911
|
};
|
|
4912
4912
|
i0.ɵɵngDeclareClassMetadata({
|
|
4913
4913
|
minVersion: "12.0.0",
|
|
4914
|
-
version: "22.2.
|
|
4914
|
+
version: "22.2.1",
|
|
4915
4915
|
ngImport: i0,
|
|
4916
4916
|
type: StChoiceGroup,
|
|
4917
4917
|
decorators: [{
|
|
@@ -5077,16 +5077,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
|
|
|
5077
5077
|
libelles = inject(ST_LIBELLES);
|
|
5078
5078
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
5079
5079
|
enAttente = input(false, {
|
|
5080
|
-
...ngDevMode ? { debugName: "enAttente" } :
|
|
5080
|
+
...ngDevMode ? { debugName: "enAttente" } : /* istanbul ignore next */ {},
|
|
5081
5081
|
transform: booleanAttribute
|
|
5082
5082
|
});
|
|
5083
|
-
libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] :
|
|
5083
|
+
libelleAttente = input(null, ...ngDevMode ? [{ debugName: "libelleAttente" }] : /* istanbul ignore next */ []);
|
|
5084
5084
|
aideDEtat = input(false, {
|
|
5085
|
-
...ngDevMode ? { debugName: "aideDEtat" } :
|
|
5085
|
+
...ngDevMode ? { debugName: "aideDEtat" } : /* istanbul ignore next */ {},
|
|
5086
5086
|
transform: booleanAttribute
|
|
5087
5087
|
});
|
|
5088
5088
|
libelleEtat = input(false, {
|
|
5089
|
-
...ngDevMode ? { debugName: "libelleEtat" } :
|
|
5089
|
+
...ngDevMode ? { debugName: "libelleEtat" } : /* istanbul ignore next */ {},
|
|
5090
5090
|
transform: booleanAttribute
|
|
5091
5091
|
});
|
|
5092
5092
|
constructor() {
|
|
@@ -5129,16 +5129,16 @@ var StSwitch = class StSwitch extends ContratDeCase {
|
|
|
5129
5129
|
}
|
|
5130
5130
|
super.surBascule(evenement);
|
|
5131
5131
|
}
|
|
5132
|
-
aideAffichee = computed(() => this.enAttente() ? null : this.aideEtRaisons(), ...ngDevMode ? [{ debugName: "aideAffichee" }] :
|
|
5132
|
+
aideAffichee = computed(() => this.enAttente() ? null : this.aideEtRaisons(), ...ngDevMode ? [{ debugName: "aideAffichee" }] : /* istanbul ignore next */ []);
|
|
5133
5133
|
etat = computed(() => {
|
|
5134
5134
|
const libelles = this.libelles();
|
|
5135
5135
|
if (this.enAttente()) return this.libelleAttente() ?? libelles.enregistrementEnCours;
|
|
5136
5136
|
if (!this.libelleEtat()) return null;
|
|
5137
5137
|
return this.checked() ? libelles.etatActive : libelles.etatDesactive;
|
|
5138
|
-
}, ...ngDevMode ? [{ debugName: "etat" }] :
|
|
5138
|
+
}, ...ngDevMode ? [{ debugName: "etat" }] : /* istanbul ignore next */ []);
|
|
5139
5139
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5140
5140
|
minVersion: "12.0.0",
|
|
5141
|
-
version: "22.2.
|
|
5141
|
+
version: "22.2.1",
|
|
5142
5142
|
ngImport: i0,
|
|
5143
5143
|
type: StSwitch,
|
|
5144
5144
|
deps: [],
|
|
@@ -5146,7 +5146,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
|
|
|
5146
5146
|
});
|
|
5147
5147
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5148
5148
|
minVersion: "17.0.0",
|
|
5149
|
-
version: "22.2.
|
|
5149
|
+
version: "22.2.1",
|
|
5150
5150
|
type: StSwitch,
|
|
5151
5151
|
isStandalone: true,
|
|
5152
5152
|
selector: "st-switch",
|
|
@@ -5233,7 +5233,7 @@ var StSwitch = class StSwitch extends ContratDeCase {
|
|
|
5233
5233
|
};
|
|
5234
5234
|
i0.ɵɵngDeclareClassMetadata({
|
|
5235
5235
|
minVersion: "12.0.0",
|
|
5236
|
-
version: "22.2.
|
|
5236
|
+
version: "22.2.1",
|
|
5237
5237
|
ngImport: i0,
|
|
5238
5238
|
type: StSwitch,
|
|
5239
5239
|
decorators: [{
|
|
@@ -5300,16 +5300,16 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5300
5300
|
injecteur = inject(Injector);
|
|
5301
5301
|
envoi = inject(ST_ETAT_D_ENVOI, { optional: true });
|
|
5302
5302
|
noms = inject(StNomsDesChamps);
|
|
5303
|
-
erreurs = input(...ngDevMode ? [void 0, { debugName: "erreurs" }] :
|
|
5304
|
-
titre = input(null, ...ngDevMode ? [{ debugName: "titre" }] :
|
|
5305
|
-
niveau = input(2, ...ngDevMode ? [{ debugName: "niveau" }] :
|
|
5306
|
-
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 */ []);
|
|
5307
5307
|
tentative = input(0, {
|
|
5308
|
-
...ngDevMode ? { debugName: "tentative" } :
|
|
5308
|
+
...ngDevMode ? { debugName: "tentative" } : /* istanbul ignore next */ {},
|
|
5309
5309
|
transform: (valeur) => numberAttribute(valeur, 0)
|
|
5310
5310
|
});
|
|
5311
|
-
erreursLues = computed(() => this.erreurs() ?? this.envoi?.recapitulatif() ?? [], ...ngDevMode ? [{ debugName: "erreursLues" }] :
|
|
5312
|
-
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 */ []);
|
|
5313
5313
|
identifiantDuTitre = inject(StIdentifiants).prochain("st-recapitulatif");
|
|
5314
5314
|
lignes = computed(() => {
|
|
5315
5315
|
const libelles = this.libelles();
|
|
@@ -5335,8 +5335,9 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5335
5335
|
});
|
|
5336
5336
|
}
|
|
5337
5337
|
return lignes;
|
|
5338
|
-
}, ...ngDevMode ? [{ debugName: "lignes" }] :
|
|
5339
|
-
|
|
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 */ []);
|
|
5340
5341
|
constructor() {
|
|
5341
5342
|
let visible = false;
|
|
5342
5343
|
let derniereTentative = this.tentativeLue();
|
|
@@ -5362,7 +5363,7 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5362
5363
|
}
|
|
5363
5364
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5364
5365
|
minVersion: "12.0.0",
|
|
5365
|
-
version: "22.2.
|
|
5366
|
+
version: "22.2.1",
|
|
5366
5367
|
ngImport: i0,
|
|
5367
5368
|
type: StErrorSummary,
|
|
5368
5369
|
deps: [],
|
|
@@ -5370,7 +5371,7 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5370
5371
|
});
|
|
5371
5372
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5372
5373
|
minVersion: "17.0.0",
|
|
5373
|
-
version: "22.2.
|
|
5374
|
+
version: "22.2.1",
|
|
5374
5375
|
type: StErrorSummary,
|
|
5375
5376
|
isStandalone: true,
|
|
5376
5377
|
selector: "st-error-summary",
|
|
@@ -5421,8 +5422,8 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5421
5422
|
classAttribute: "st-error-summary"
|
|
5422
5423
|
},
|
|
5423
5424
|
ngImport: i0,
|
|
5424
|
-
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",
|
|
5425
|
-
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"],
|
|
5426
5427
|
dependencies: [{
|
|
5427
5428
|
kind: "component",
|
|
5428
5429
|
type: StIcon,
|
|
@@ -5444,7 +5445,7 @@ var StErrorSummary = class StErrorSummary {
|
|
|
5444
5445
|
};
|
|
5445
5446
|
i0.ɵɵngDeclareClassMetadata({
|
|
5446
5447
|
minVersion: "12.0.0",
|
|
5447
|
-
version: "22.2.
|
|
5448
|
+
version: "22.2.1",
|
|
5448
5449
|
ngImport: i0,
|
|
5449
5450
|
type: StErrorSummary,
|
|
5450
5451
|
decorators: [{
|
|
@@ -5460,8 +5461,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5460
5461
|
"[attr.tabindex]": "lignes().length === 0 ? null : -1",
|
|
5461
5462
|
"[attr.aria-labelledby]": "lignes().length === 0 ? null : identifiantDuTitre"
|
|
5462
5463
|
},
|
|
5463
|
-
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",
|
|
5464
|
-
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"]
|
|
5465
5466
|
}]
|
|
5466
5467
|
}],
|
|
5467
5468
|
ctorParameters: () => [],
|
|
@@ -5539,7 +5540,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
|
|
|
5539
5540
|
}
|
|
5540
5541
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5541
5542
|
minVersion: "12.0.0",
|
|
5542
|
-
version: "22.2.
|
|
5543
|
+
version: "22.2.1",
|
|
5543
5544
|
ngImport: i0,
|
|
5544
5545
|
type: EnvoisDeFormulaire,
|
|
5545
5546
|
deps: [],
|
|
@@ -5547,7 +5548,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
|
|
|
5547
5548
|
});
|
|
5548
5549
|
static ɵprov = i0.ɵɵngDeclareInjectable({
|
|
5549
5550
|
minVersion: "12.0.0",
|
|
5550
|
-
version: "22.2.
|
|
5551
|
+
version: "22.2.1",
|
|
5551
5552
|
ngImport: i0,
|
|
5552
5553
|
type: EnvoisDeFormulaire,
|
|
5553
5554
|
providedIn: "root"
|
|
@@ -5555,7 +5556,7 @@ var EnvoisDeFormulaire = class EnvoisDeFormulaire {
|
|
|
5555
5556
|
};
|
|
5556
5557
|
i0.ɵɵngDeclareClassMetadata({
|
|
5557
5558
|
minVersion: "12.0.0",
|
|
5558
|
-
version: "22.2.
|
|
5559
|
+
version: "22.2.1",
|
|
5559
5560
|
ngImport: i0,
|
|
5560
5561
|
type: EnvoisDeFormulaire,
|
|
5561
5562
|
decorators: [{
|
|
@@ -5563,6 +5564,17 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5563
5564
|
args: [{ providedIn: "root" }]
|
|
5564
5565
|
}]
|
|
5565
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
|
+
}
|
|
5566
5578
|
function longueurVue(texte) {
|
|
5567
5579
|
return Array.from(texte).length;
|
|
5568
5580
|
}
|
|
@@ -5573,12 +5585,37 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5573
5585
|
racineDesParties = inject(StIdentifiants).prochain("st-password-field");
|
|
5574
5586
|
idRegles = `${this.racineDesParties}-regles`;
|
|
5575
5587
|
idMajuscules = `${this.racineDesParties}-majuscules`;
|
|
5576
|
-
|
|
5577
|
-
|
|
5578
|
-
|
|
5579
|
-
|
|
5580
|
-
|
|
5581
|
-
|
|
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 */ []);
|
|
5582
5619
|
reglesRendues = computed(() => {
|
|
5583
5620
|
if (this.usage() !== "creation") return [];
|
|
5584
5621
|
const valeur = this.value();
|
|
@@ -5589,27 +5626,59 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5589
5626
|
texte: regle.texte,
|
|
5590
5627
|
respectee: regle.respectee?.(valeur) ?? false
|
|
5591
5628
|
});
|
|
5592
|
-
}, ...ngDevMode ? [{ debugName: "reglesRendues" }] :
|
|
5593
|
-
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 */ []);
|
|
5594
5631
|
compteur = computed(() => {
|
|
5595
5632
|
const maximum = this.maxLength();
|
|
5596
5633
|
if (maximum === void 0) return null;
|
|
5597
5634
|
const restants = maximum - longueurVue(this.value());
|
|
5598
5635
|
const libelles = this.libelles();
|
|
5599
5636
|
return restants >= 0 ? libelles.caracteresRestants(restants) : libelles.caracteresEnTrop(-restants);
|
|
5600
|
-
}, ...ngDevMode ? [{ debugName: "compteur" }] :
|
|
5637
|
+
}, ...ngDevMode ? [{ debugName: "compteur" }] : /* istanbul ignore next */ []);
|
|
5601
5638
|
descriptionsDuControle = computed(() => {
|
|
5602
5639
|
const ids = [];
|
|
5640
|
+
if (this.jaugeActive() && this.niveauDeForce() !== 0) ids.push(this.idJauge);
|
|
5603
5641
|
if (this.reglesRendues().length > 0) ids.push(this.idRegles);
|
|
5604
5642
|
if (this.majusculesVerrouillees()) ids.push(this.idMajuscules);
|
|
5605
5643
|
return ids;
|
|
5606
|
-
}, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] :
|
|
5644
|
+
}, ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
|
|
5607
5645
|
constructor() {
|
|
5608
5646
|
super();
|
|
5609
5647
|
const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
|
|
5610
5648
|
if (formulaire instanceof Node && formulaire.contains(this.element.nativeElement)) this.remasquer();
|
|
5611
5649
|
});
|
|
5612
|
-
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()));
|
|
5613
5682
|
}
|
|
5614
5683
|
basculer() {
|
|
5615
5684
|
if (this.readonly() || this.desactive()) return;
|
|
@@ -5638,7 +5707,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5638
5707
|
}
|
|
5639
5708
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5640
5709
|
minVersion: "12.0.0",
|
|
5641
|
-
version: "22.2.
|
|
5710
|
+
version: "22.2.1",
|
|
5642
5711
|
ngImport: i0,
|
|
5643
5712
|
type: StPasswordField,
|
|
5644
5713
|
deps: [],
|
|
@@ -5646,7 +5715,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5646
5715
|
});
|
|
5647
5716
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5648
5717
|
minVersion: "17.0.0",
|
|
5649
|
-
version: "22.2.
|
|
5718
|
+
version: "22.2.1",
|
|
5650
5719
|
type: StPasswordField,
|
|
5651
5720
|
isStandalone: true,
|
|
5652
5721
|
selector: "st-password-field",
|
|
@@ -5671,6 +5740,20 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5671
5740
|
isSignal: true,
|
|
5672
5741
|
isRequired: false,
|
|
5673
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
|
|
5674
5757
|
}
|
|
5675
5758
|
},
|
|
5676
5759
|
host: {
|
|
@@ -5682,8 +5765,8 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5682
5765
|
},
|
|
5683
5766
|
usesInheritance: true,
|
|
5684
5767
|
ngImport: i0,
|
|
5685
|
-
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",
|
|
5686
|
-
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"],
|
|
5687
5770
|
dependencies: [
|
|
5688
5771
|
{
|
|
5689
5772
|
kind: "component",
|
|
@@ -5754,7 +5837,7 @@ var StPasswordField = class StPasswordField extends ControleDeSaisie {
|
|
|
5754
5837
|
};
|
|
5755
5838
|
i0.ɵɵngDeclareClassMetadata({
|
|
5756
5839
|
minVersion: "12.0.0",
|
|
5757
|
-
version: "22.2.
|
|
5840
|
+
version: "22.2.1",
|
|
5758
5841
|
ngImport: i0,
|
|
5759
5842
|
type: StPasswordField,
|
|
5760
5843
|
decorators: [{
|
|
@@ -5774,8 +5857,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5774
5857
|
"(focusout)": "aLaSortie($event)",
|
|
5775
5858
|
"(window:beforeprint)": "remasquer()"
|
|
5776
5859
|
},
|
|
5777
|
-
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",
|
|
5778
|
-
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"]
|
|
5779
5862
|
}]
|
|
5780
5863
|
}],
|
|
5781
5864
|
ctorParameters: () => [],
|
|
@@ -5803,6 +5886,22 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5803
5886
|
alias: "titreDesRegles",
|
|
5804
5887
|
required: false
|
|
5805
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
|
+
}]
|
|
5806
5905
|
}]
|
|
5807
5906
|
}
|
|
5808
5907
|
});
|
|
@@ -5819,11 +5918,11 @@ function nettoyerLeCode(texte) {
|
|
|
5819
5918
|
var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
5820
5919
|
libelles = inject(ST_LIBELLES);
|
|
5821
5920
|
longueur = input(6, {
|
|
5822
|
-
...ngDevMode ? { debugName: "longueur" } :
|
|
5921
|
+
...ngDevMode ? { debugName: "longueur" } : /* istanbul ignore next */ {},
|
|
5823
5922
|
transform: numberAttribute
|
|
5824
5923
|
});
|
|
5825
|
-
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
5826
|
-
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 */ []);
|
|
5827
5926
|
surSaisie(evenement) {
|
|
5828
5927
|
const champ = evenement.target;
|
|
5829
5928
|
const code = nettoyerLeCode(champ.value);
|
|
@@ -5835,7 +5934,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
|
5835
5934
|
}
|
|
5836
5935
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5837
5936
|
minVersion: "12.0.0",
|
|
5838
|
-
version: "22.2.
|
|
5937
|
+
version: "22.2.1",
|
|
5839
5938
|
ngImport: i0,
|
|
5840
5939
|
type: StOtpField,
|
|
5841
5940
|
deps: null,
|
|
@@ -5843,7 +5942,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
|
5843
5942
|
});
|
|
5844
5943
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5845
5944
|
minVersion: "17.1.0",
|
|
5846
|
-
version: "22.2.
|
|
5945
|
+
version: "22.2.1",
|
|
5847
5946
|
type: StOtpField,
|
|
5848
5947
|
isStandalone: true,
|
|
5849
5948
|
selector: "st-otp-field",
|
|
@@ -5867,7 +5966,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
|
5867
5966
|
usesInheritance: true,
|
|
5868
5967
|
ngImport: i0,
|
|
5869
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",
|
|
5870
|
-
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"],
|
|
5871
5970
|
dependencies: [{
|
|
5872
5971
|
kind: "component",
|
|
5873
5972
|
type: StFormField,
|
|
@@ -5890,7 +5989,7 @@ var StOtpField = class StOtpField extends ControleDeSaisie {
|
|
|
5890
5989
|
};
|
|
5891
5990
|
i0.ɵɵngDeclareClassMetadata({
|
|
5892
5991
|
minVersion: "12.0.0",
|
|
5893
|
-
version: "22.2.
|
|
5992
|
+
version: "22.2.1",
|
|
5894
5993
|
ngImport: i0,
|
|
5895
5994
|
type: StOtpField,
|
|
5896
5995
|
decorators: [{
|
|
@@ -5901,7 +6000,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5901
6000
|
imports: [StFormField, StControleDeChamp],
|
|
5902
6001
|
host: { class: "st-otp-field" },
|
|
5903
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",
|
|
5904
|
-
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"]
|
|
5905
6004
|
}]
|
|
5906
6005
|
}],
|
|
5907
6006
|
propDecorators: {
|
|
@@ -5925,18 +6024,18 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
5925
6024
|
});
|
|
5926
6025
|
var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
5927
6026
|
libelles = inject(ST_LIBELLES);
|
|
5928
|
-
saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] :
|
|
6027
|
+
saisie = viewChild.required("champ", ...ngDevMode ? [{ debugName: "saisie" }] : /* istanbul ignore next */ []);
|
|
5929
6028
|
compact = input(false, {
|
|
5930
|
-
...ngDevMode ? { debugName: "compact" } :
|
|
6029
|
+
...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
|
|
5931
6030
|
transform: booleanAttribute
|
|
5932
6031
|
});
|
|
5933
6032
|
libelleVisible = input(false, {
|
|
5934
|
-
...ngDevMode ? { debugName: "libelleVisible" } :
|
|
6033
|
+
...ngDevMode ? { debugName: "libelleVisible" } : /* istanbul ignore next */ {},
|
|
5935
6034
|
transform: booleanAttribute
|
|
5936
6035
|
});
|
|
5937
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
6036
|
+
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
|
|
5938
6037
|
chargement = input(false, {
|
|
5939
|
-
...ngDevMode ? { debugName: "chargement" } :
|
|
6038
|
+
...ngDevMode ? { debugName: "chargement" } : /* istanbul ignore next */ {},
|
|
5940
6039
|
transform: booleanAttribute
|
|
5941
6040
|
});
|
|
5942
6041
|
recherche = output();
|
|
@@ -5955,7 +6054,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
|
5955
6054
|
}
|
|
5956
6055
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
5957
6056
|
minVersion: "12.0.0",
|
|
5958
|
-
version: "22.2.
|
|
6057
|
+
version: "22.2.1",
|
|
5959
6058
|
ngImport: i0,
|
|
5960
6059
|
type: StSearchField,
|
|
5961
6060
|
deps: null,
|
|
@@ -5963,7 +6062,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
|
5963
6062
|
});
|
|
5964
6063
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
5965
6064
|
minVersion: "17.0.0",
|
|
5966
|
-
version: "22.2.
|
|
6065
|
+
version: "22.2.1",
|
|
5967
6066
|
type: StSearchField,
|
|
5968
6067
|
isStandalone: true,
|
|
5969
6068
|
selector: "st-search-field",
|
|
@@ -6016,7 +6115,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
|
6016
6115
|
usesInheritance: true,
|
|
6017
6116
|
ngImport: i0,
|
|
6018
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",
|
|
6019
|
-
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"],
|
|
6020
6119
|
dependencies: [
|
|
6021
6120
|
{
|
|
6022
6121
|
kind: "component",
|
|
@@ -6101,7 +6200,7 @@ var StSearchField = class StSearchField extends ControleDeSaisie {
|
|
|
6101
6200
|
};
|
|
6102
6201
|
i0.ɵɵngDeclareClassMetadata({
|
|
6103
6202
|
minVersion: "12.0.0",
|
|
6104
|
-
version: "22.2.
|
|
6203
|
+
version: "22.2.1",
|
|
6105
6204
|
ngImport: i0,
|
|
6106
6205
|
type: StSearchField,
|
|
6107
6206
|
decorators: [{
|
|
@@ -6124,7 +6223,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6124
6223
|
"[attr.data-compact]": "compact() ? \"\" : null"
|
|
6125
6224
|
},
|
|
6126
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",
|
|
6127
|
-
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"]
|
|
6128
6227
|
}]
|
|
6129
6228
|
}],
|
|
6130
6229
|
propDecorators: {
|
|
@@ -6176,21 +6275,21 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6176
6275
|
element = inject(ElementRef);
|
|
6177
6276
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
6178
6277
|
masque = input(false, {
|
|
6179
|
-
...ngDevMode ? { debugName: "masque" } :
|
|
6278
|
+
...ngDevMode ? { debugName: "masque" } : /* istanbul ignore next */ {},
|
|
6180
6279
|
transform: booleanAttribute
|
|
6181
6280
|
});
|
|
6182
6281
|
detection = inject(ChangeDetectorRef);
|
|
6183
|
-
bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] :
|
|
6282
|
+
bouton = viewChild("bouton", ...ngDevMode ? [{ debugName: "bouton" }] : /* istanbul ignore next */ []);
|
|
6184
6283
|
idDuBouton = `${inject(StIdentifiants).prochain("st-iban-field")}-reveler`;
|
|
6185
|
-
enSaisie = signal(false, ...ngDevMode ? [{ debugName: "enSaisie" }] :
|
|
6186
|
-
brut = signal("", ...ngDevMode ? [{ debugName: "brut" }] :
|
|
6187
|
-
revele = signal(false, ...ngDevMode ? [{ debugName: "revele" }] :
|
|
6188
|
-
masqueDemande = signal(false, ...ngDevMode ? [{ debugName: "masqueDemande" }] :
|
|
6189
|
-
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 */ []);
|
|
6190
6289
|
minuterie = null;
|
|
6191
|
-
aideLue = computed(() => this.aideEtRaisons() ?? (this.readonly() ? null : this.libelles().exempleDIban), ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
6192
|
-
libelleDuBouton = computed(() => this.libelles().revelerPendant(this.duree("narrow")), ...ngDevMode ? [{ debugName: "libelleDuBouton" }] :
|
|
6193
|
-
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 */ []);
|
|
6194
6293
|
masquee = computed(() => {
|
|
6195
6294
|
if (!this.masque()) return false;
|
|
6196
6295
|
if (this.impression()) return true;
|
|
@@ -6198,14 +6297,14 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6198
6297
|
if (this.readonly()) return true;
|
|
6199
6298
|
if (this.enSaisie()) return false;
|
|
6200
6299
|
return this.masqueDemande() || !(this.touched() && this.errors().length > 0);
|
|
6201
|
-
}, ...ngDevMode ? [{ debugName: "masquee" }] :
|
|
6202
|
-
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 */ []);
|
|
6203
6302
|
affichage = computed(() => {
|
|
6204
6303
|
const valeur = this.value();
|
|
6205
6304
|
if (this.masquee()) return masquerIban(valeur);
|
|
6206
6305
|
const brut = this.brut();
|
|
6207
6306
|
return this.enSaisie() && normaliserIban(brut) === valeur ? brut : formaterIban(valeur);
|
|
6208
|
-
}, ...ngDevMode ? [{ debugName: "affichage" }] :
|
|
6307
|
+
}, ...ngDevMode ? [{ debugName: "affichage" }] : /* istanbul ignore next */ []);
|
|
6209
6308
|
constructor() {
|
|
6210
6309
|
super();
|
|
6211
6310
|
const desabonner = inject(EnvoisDeFormulaire).abonner((formulaire) => {
|
|
@@ -6282,7 +6381,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6282
6381
|
}
|
|
6283
6382
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
6284
6383
|
minVersion: "12.0.0",
|
|
6285
|
-
version: "22.2.
|
|
6384
|
+
version: "22.2.1",
|
|
6286
6385
|
ngImport: i0,
|
|
6287
6386
|
type: StIbanField,
|
|
6288
6387
|
deps: [],
|
|
@@ -6290,7 +6389,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6290
6389
|
});
|
|
6291
6390
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
6292
6391
|
minVersion: "17.0.0",
|
|
6293
|
-
version: "22.2.
|
|
6392
|
+
version: "22.2.1",
|
|
6294
6393
|
type: StIbanField,
|
|
6295
6394
|
isStandalone: true,
|
|
6296
6395
|
selector: "st-iban-field",
|
|
@@ -6319,7 +6418,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6319
6418
|
usesInheritance: true,
|
|
6320
6419
|
ngImport: i0,
|
|
6321
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",
|
|
6322
|
-
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"],
|
|
6323
6422
|
dependencies: [
|
|
6324
6423
|
{
|
|
6325
6424
|
kind: "component",
|
|
@@ -6361,7 +6460,7 @@ var StIbanField = class StIbanField extends ControleDeSaisie {
|
|
|
6361
6460
|
};
|
|
6362
6461
|
i0.ɵɵngDeclareClassMetadata({
|
|
6363
6462
|
minVersion: "12.0.0",
|
|
6364
|
-
version: "22.2.
|
|
6463
|
+
version: "22.2.1",
|
|
6365
6464
|
ngImport: i0,
|
|
6366
6465
|
type: StIbanField,
|
|
6367
6466
|
decorators: [{
|
|
@@ -6381,7 +6480,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6381
6480
|
"(window:afterprint)": "apresImpression()"
|
|
6382
6481
|
},
|
|
6383
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",
|
|
6384
|
-
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"]
|
|
6385
6484
|
}]
|
|
6386
6485
|
}],
|
|
6387
6486
|
ctorParameters: () => [],
|
|
@@ -6444,12 +6543,12 @@ function toucheQuiChoisit(evenement) {
|
|
|
6444
6543
|
var StSelect = class StSelect extends ControleDeSaisie {
|
|
6445
6544
|
affichable = sansCommandesDeDirection;
|
|
6446
6545
|
libelles = inject(ST_LIBELLES);
|
|
6447
|
-
options = input.required(...ngDevMode ? [{ debugName: "options" }] :
|
|
6448
|
-
texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] :
|
|
6449
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
6450
|
-
icone = input(null, ...ngDevMode ? [{ debugName: "icone" }] :
|
|
6451
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
6452
|
-
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 */ []);
|
|
6453
6552
|
blocs = computed(() => {
|
|
6454
6553
|
const blocs = [];
|
|
6455
6554
|
for (const option of this.options()) {
|
|
@@ -6463,12 +6562,12 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6463
6562
|
});
|
|
6464
6563
|
}
|
|
6465
6564
|
return blocs;
|
|
6466
|
-
}, ...ngDevMode ? [{ debugName: "blocs" }] :
|
|
6565
|
+
}, ...ngDevMode ? [{ debugName: "blocs" }] : /* istanbul ignore next */ []);
|
|
6467
6566
|
valeurInconnue = computed(() => {
|
|
6468
6567
|
const valeur = this.value();
|
|
6469
6568
|
if (valeur === "") return null;
|
|
6470
6569
|
return this.options().some((option) => option.valeur === valeur) ? null : valeur;
|
|
6471
|
-
}, ...ngDevMode ? [{ debugName: "valeurInconnue" }] :
|
|
6570
|
+
}, ...ngDevMode ? [{ debugName: "valeurInconnue" }] : /* istanbul ignore next */ []);
|
|
6472
6571
|
constructor() {
|
|
6473
6572
|
super();
|
|
6474
6573
|
if (isDevMode()) effect(() => {
|
|
@@ -6494,7 +6593,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6494
6593
|
}
|
|
6495
6594
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
6496
6595
|
minVersion: "12.0.0",
|
|
6497
|
-
version: "22.2.
|
|
6596
|
+
version: "22.2.1",
|
|
6498
6597
|
ngImport: i0,
|
|
6499
6598
|
type: StSelect,
|
|
6500
6599
|
deps: [],
|
|
@@ -6502,7 +6601,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6502
6601
|
});
|
|
6503
6602
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
6504
6603
|
minVersion: "17.0.0",
|
|
6505
|
-
version: "22.2.
|
|
6604
|
+
version: "22.2.1",
|
|
6506
6605
|
type: StSelect,
|
|
6507
6606
|
isStandalone: true,
|
|
6508
6607
|
selector: "st-select",
|
|
@@ -6557,7 +6656,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6557
6656
|
usesInheritance: true,
|
|
6558
6657
|
ngImport: i0,
|
|
6559
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",
|
|
6560
|
-
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"],
|
|
6561
6660
|
dependencies: [
|
|
6562
6661
|
{
|
|
6563
6662
|
kind: "component",
|
|
@@ -6599,7 +6698,7 @@ var StSelect = class StSelect extends ControleDeSaisie {
|
|
|
6599
6698
|
};
|
|
6600
6699
|
i0.ɵɵngDeclareClassMetadata({
|
|
6601
6700
|
minVersion: "12.0.0",
|
|
6602
|
-
version: "22.2.
|
|
6701
|
+
version: "22.2.1",
|
|
6603
6702
|
ngImport: i0,
|
|
6604
6703
|
type: StSelect,
|
|
6605
6704
|
decorators: [{
|
|
@@ -6617,7 +6716,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6617
6716
|
"[attr.data-variante]": "variante() === \"tonale\" ? \"tonale\" : null"
|
|
6618
6717
|
},
|
|
6619
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",
|
|
6620
|
-
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"]
|
|
6621
6720
|
}]
|
|
6622
6721
|
}],
|
|
6623
6722
|
ctorParameters: () => [],
|
|
@@ -6693,19 +6792,19 @@ var StCalendar = class StCalendar {
|
|
|
6693
6792
|
fuseau = inject(FUSEAU_PAR_DEFAUT);
|
|
6694
6793
|
element = inject(ElementRef);
|
|
6695
6794
|
injecteur = inject(Injector);
|
|
6696
|
-
aujourdHui = signal(dateDuJour(this.fuseau), ...ngDevMode ? [{ debugName: "aujourdHui" }] :
|
|
6697
|
-
selection = input(null, ...ngDevMode ? [{ debugName: "selection" }] :
|
|
6698
|
-
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] :
|
|
6699
|
-
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] :
|
|
6700
|
-
plage = input(null, ...ngDevMode ? [{ debugName: "plage" }] :
|
|
6701
|
-
rejet = input(null, ...ngDevMode ? [{ debugName: "rejet" }] :
|
|
6702
|
-
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 */ []);
|
|
6703
6802
|
pleineLargeur = input(false, {
|
|
6704
|
-
...ngDevMode ? { debugName: "pleineLargeur" } :
|
|
6803
|
+
...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
|
|
6705
6804
|
transform: booleanAttribute
|
|
6706
6805
|
});
|
|
6707
6806
|
fermable = input(false, {
|
|
6708
|
-
...ngDevMode ? { debugName: "fermable" } :
|
|
6807
|
+
...ngDevMode ? { debugName: "fermable" } : /* istanbul ignore next */ {},
|
|
6709
6808
|
transform: booleanAttribute
|
|
6710
6809
|
});
|
|
6711
6810
|
choix = output();
|
|
@@ -6718,9 +6817,9 @@ var StCalendar = class StCalendar {
|
|
|
6718
6817
|
pied: `${base}-pied`
|
|
6719
6818
|
};
|
|
6720
6819
|
})();
|
|
6721
|
-
active = linkedSignal(() => bornerDate(this.selection() ?? this.aujourdHui(), this.dateMin(), this.dateMax()), ...ngDevMode ? [{ debugName: "active" }] :
|
|
6722
|
-
premierJour = computed(() => premierJourDeLaSemaine(this.locale()), ...ngDevMode ? [{ debugName: "premierJour" }] :
|
|
6723
|
-
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 */ []);
|
|
6724
6823
|
titre = computed(() => {
|
|
6725
6824
|
const [annee, mois] = this.active().split("-").map(Number);
|
|
6726
6825
|
return initiale(new Intl.DateTimeFormat(this.locale(), {
|
|
@@ -6728,7 +6827,7 @@ var StCalendar = class StCalendar {
|
|
|
6728
6827
|
year: "numeric",
|
|
6729
6828
|
timeZone: "UTC"
|
|
6730
6829
|
}).format(Date.UTC(annee ?? 2e3, (mois ?? 1) - 1, 1)), this.locale());
|
|
6731
|
-
}, ...ngDevMode ? [{ debugName: "titre" }] :
|
|
6830
|
+
}, ...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
|
|
6732
6831
|
listeDAnnees = computed(() => {
|
|
6733
6832
|
const courante = Number(this.aujourdHui().slice(0, 4));
|
|
6734
6833
|
const annees = this.annees();
|
|
@@ -6740,7 +6839,7 @@ var StCalendar = class StCalendar {
|
|
|
6740
6839
|
const debut = Math.min(min, active);
|
|
6741
6840
|
const fin = Math.max(max, active);
|
|
6742
6841
|
return Array.from({ length: fin - debut + 1 }, (_, index) => debut + index);
|
|
6743
|
-
}, ...ngDevMode ? [{ debugName: "listeDAnnees" }] :
|
|
6842
|
+
}, ...ngDevMode ? [{ debugName: "listeDAnnees" }] : /* istanbul ignore next */ []);
|
|
6744
6843
|
joursDeLaSemaine = computed(() => {
|
|
6745
6844
|
const locale = this.locale();
|
|
6746
6845
|
const court = new Intl.DateTimeFormat(locale, {
|
|
@@ -6759,7 +6858,7 @@ var StCalendar = class StCalendar {
|
|
|
6759
6858
|
long: long.format(instant)
|
|
6760
6859
|
};
|
|
6761
6860
|
});
|
|
6762
|
-
}, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] :
|
|
6861
|
+
}, ...ngDevMode ? [{ debugName: "joursDeLaSemaine" }] : /* istanbul ignore next */ []);
|
|
6763
6862
|
semaines = computed(() => {
|
|
6764
6863
|
const active = this.active();
|
|
6765
6864
|
const [annee, mois] = active.split("-").map(Number);
|
|
@@ -6794,15 +6893,15 @@ var StCalendar = class StCalendar {
|
|
|
6794
6893
|
aujourdHui: date === aujourdHui,
|
|
6795
6894
|
rejete: date === rejet
|
|
6796
6895
|
})));
|
|
6797
|
-
}, ...ngDevMode ? [{ debugName: "semaines" }] :
|
|
6896
|
+
}, ...ngDevMode ? [{ debugName: "semaines" }] : /* istanbul ignore next */ []);
|
|
6798
6897
|
moisPrecedentPossible = computed(() => {
|
|
6799
6898
|
const min = this.dateMin();
|
|
6800
6899
|
return min === null || this.active().slice(0, 7) > min.slice(0, 7);
|
|
6801
|
-
}, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] :
|
|
6900
|
+
}, ...ngDevMode ? [{ debugName: "moisPrecedentPossible" }] : /* istanbul ignore next */ []);
|
|
6802
6901
|
moisSuivantPossible = computed(() => {
|
|
6803
6902
|
const max = this.dateMax();
|
|
6804
6903
|
return max === null || this.active().slice(0, 7) < max.slice(0, 7);
|
|
6805
|
-
}, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] :
|
|
6904
|
+
}, ...ngDevMode ? [{ debugName: "moisSuivantPossible" }] : /* istanbul ignore next */ []);
|
|
6806
6905
|
constructor() {
|
|
6807
6906
|
afterNextRender(() => {
|
|
6808
6907
|
this.relireAujourdHui();
|
|
@@ -6885,7 +6984,7 @@ var StCalendar = class StCalendar {
|
|
|
6885
6984
|
}
|
|
6886
6985
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
6887
6986
|
minVersion: "12.0.0",
|
|
6888
|
-
version: "22.2.
|
|
6987
|
+
version: "22.2.1",
|
|
6889
6988
|
ngImport: i0,
|
|
6890
6989
|
type: StCalendar,
|
|
6891
6990
|
deps: [],
|
|
@@ -6893,7 +6992,7 @@ var StCalendar = class StCalendar {
|
|
|
6893
6992
|
});
|
|
6894
6993
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
6895
6994
|
minVersion: "17.0.0",
|
|
6896
|
-
version: "22.2.
|
|
6995
|
+
version: "22.2.1",
|
|
6897
6996
|
type: StCalendar,
|
|
6898
6997
|
isStandalone: true,
|
|
6899
6998
|
selector: "st-calendar",
|
|
@@ -6974,7 +7073,7 @@ var StCalendar = class StCalendar {
|
|
|
6974
7073
|
},
|
|
6975
7074
|
ngImport: i0,
|
|
6976
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",
|
|
6977
|
-
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"],
|
|
6978
7077
|
dependencies: [{
|
|
6979
7078
|
kind: "component",
|
|
6980
7079
|
type: StIcon,
|
|
@@ -7012,7 +7111,7 @@ var StCalendar = class StCalendar {
|
|
|
7012
7111
|
};
|
|
7013
7112
|
i0.ɵɵngDeclareClassMetadata({
|
|
7014
7113
|
minVersion: "12.0.0",
|
|
7015
|
-
version: "22.2.
|
|
7114
|
+
version: "22.2.1",
|
|
7016
7115
|
ngImport: i0,
|
|
7017
7116
|
type: StCalendar,
|
|
7018
7117
|
decorators: [{
|
|
@@ -7031,7 +7130,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7031
7130
|
"(mousedown)": "surAppui($event)"
|
|
7032
7131
|
},
|
|
7033
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",
|
|
7034
|
-
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"]
|
|
7035
7134
|
}]
|
|
7036
7135
|
}],
|
|
7037
7136
|
ctorParameters: () => [],
|
|
@@ -7186,30 +7285,30 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7186
7285
|
element = inject(ElementRef);
|
|
7187
7286
|
document = inject(DOCUMENT);
|
|
7188
7287
|
injecteur = inject(Injector);
|
|
7189
|
-
natif = viewChild.required("champ", ...ngDevMode ? [{ debugName: "natif" }] :
|
|
7190
|
-
value = model([], ...ngDevMode ? [{ debugName: "value" }] :
|
|
7191
|
-
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 */ []);
|
|
7192
7291
|
multiple = input(false, {
|
|
7193
|
-
...ngDevMode ? { debugName: "multiple" } :
|
|
7292
|
+
...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
|
|
7194
7293
|
transform: booleanAttribute
|
|
7195
7294
|
});
|
|
7196
|
-
tailleMax = input(null, ...ngDevMode ? [{ debugName: "tailleMax" }] :
|
|
7197
|
-
nombreMax = input(null, ...ngDevMode ? [{ debugName: "nombreMax" }] :
|
|
7198
|
-
libelleDuChoix = input(null, ...ngDevMode ? [{ debugName: "libelleDuChoix" }] :
|
|
7199
|
-
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 */ []);
|
|
7200
7299
|
annulation = output();
|
|
7201
7300
|
remplacement = output();
|
|
7202
7301
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
7203
|
-
survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] :
|
|
7302
|
+
survol = signal(false, ...ngDevMode ? [{ debugName: "survol" }] : /* istanbul ignore next */ []);
|
|
7204
7303
|
identifiants = inject(StIdentifiants);
|
|
7205
7304
|
identifiantDesConsignes = this.identifiants.prochain("st-file-upload-consignes");
|
|
7206
7305
|
identifiantDeLaLecture = this.identifiants.prochain("st-file-upload-lecture");
|
|
7207
7306
|
identifiantDuRefus = this.identifiants.prochain("st-file-upload-refus");
|
|
7208
|
-
refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] :
|
|
7307
|
+
refusDuNombre = signal(null, ...ngDevMode ? [{ debugName: "refusDuNombre" }] : /* istanbul ignore next */ []);
|
|
7209
7308
|
entreesDuGlisser = 0;
|
|
7210
7309
|
aRemplacer = null;
|
|
7211
|
-
ouvert = computed(() => !this.desactive() && !this.readonly(), ...ngDevMode ? [{ debugName: "ouvert" }] :
|
|
7212
|
-
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 */ []);
|
|
7213
7312
|
consignes = computed(() => {
|
|
7214
7313
|
const libelles = this.libelles();
|
|
7215
7314
|
const textes = [this.aideEtRaisons()];
|
|
@@ -7220,12 +7319,12 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7220
7319
|
if (nombre !== null && this.multiple()) textes.push(libelles.nombreMaximalDeFichiers(nombre));
|
|
7221
7320
|
const texte = textes.filter((morceau) => morceau !== null).join(" ");
|
|
7222
7321
|
return texte === "" ? null : texte;
|
|
7223
|
-
}, ...ngDevMode ? [{ debugName: "consignes" }] :
|
|
7322
|
+
}, ...ngDevMode ? [{ debugName: "consignes" }] : /* istanbul ignore next */ []);
|
|
7224
7323
|
descriptionsDesConsignes = computed(() => [
|
|
7225
7324
|
...this.consignes() === null ? [] : [this.identifiantDesConsignes],
|
|
7226
7325
|
...this.readonly() ? [this.identifiantDeLaLecture] : [],
|
|
7227
7326
|
...this.refusDuNombre() === null ? [] : [this.identifiantDuRefus]
|
|
7228
|
-
], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] :
|
|
7327
|
+
], ...ngDevMode ? [{ debugName: "descriptionsDesConsignes" }] : /* istanbul ignore next */ []);
|
|
7229
7328
|
lignes = computed(() => {
|
|
7230
7329
|
const locale = this.locale();
|
|
7231
7330
|
const libelles = this.libelles();
|
|
@@ -7276,7 +7375,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7276
7375
|
annulable: etape === "en-cours" && etat?.annulable !== false
|
|
7277
7376
|
};
|
|
7278
7377
|
});
|
|
7279
|
-
}, ...ngDevMode ? [{ debugName: "lignes" }] :
|
|
7378
|
+
}, ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
|
|
7280
7379
|
constructor() {
|
|
7281
7380
|
super();
|
|
7282
7381
|
let etapesConnues = null;
|
|
@@ -7442,7 +7541,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7442
7541
|
}
|
|
7443
7542
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
7444
7543
|
minVersion: "12.0.0",
|
|
7445
|
-
version: "22.2.
|
|
7544
|
+
version: "22.2.1",
|
|
7446
7545
|
ngImport: i0,
|
|
7447
7546
|
type: StFileUpload,
|
|
7448
7547
|
deps: [],
|
|
@@ -7450,7 +7549,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7450
7549
|
});
|
|
7451
7550
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
7452
7551
|
minVersion: "17.0.0",
|
|
7453
|
-
version: "22.2.
|
|
7552
|
+
version: "22.2.1",
|
|
7454
7553
|
type: StFileUpload,
|
|
7455
7554
|
isStandalone: true,
|
|
7456
7555
|
selector: "st-file-upload",
|
|
@@ -7524,7 +7623,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7524
7623
|
usesInheritance: true,
|
|
7525
7624
|
ngImport: i0,
|
|
7526
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",
|
|
7527
|
-
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"],
|
|
7528
7627
|
dependencies: [
|
|
7529
7628
|
{
|
|
7530
7629
|
kind: "component",
|
|
@@ -7613,7 +7712,7 @@ var StFileUpload = class StFileUpload extends ContratDeChamp {
|
|
|
7613
7712
|
};
|
|
7614
7713
|
i0.ɵɵngDeclareClassMetadata({
|
|
7615
7714
|
minVersion: "12.0.0",
|
|
7616
|
-
version: "22.2.
|
|
7715
|
+
version: "22.2.1",
|
|
7617
7716
|
ngImport: i0,
|
|
7618
7717
|
type: StFileUpload,
|
|
7619
7718
|
decorators: [{
|
|
@@ -7634,7 +7733,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7634
7733
|
"(focusout)": "aLaSortie($event)"
|
|
7635
7734
|
},
|
|
7636
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",
|
|
7637
|
-
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"]
|
|
7638
7737
|
}]
|
|
7639
7738
|
}],
|
|
7640
7739
|
ctorParameters: () => [],
|
|
@@ -7726,14 +7825,14 @@ function phrase(texte) {
|
|
|
7726
7825
|
var StTagInput = class StTagInput extends ContratDeChamp {
|
|
7727
7826
|
libelles = inject(ST_LIBELLES);
|
|
7728
7827
|
element = inject(ElementRef);
|
|
7729
|
-
value = model([], ...ngDevMode ? [{ debugName: "value" }] :
|
|
7730
|
-
separateurs = input([",", ";"], ...ngDevMode ? [{ debugName: "separateurs" }] :
|
|
7731
|
-
valider = input(null, ...ngDevMode ? [{ debugName: "valider" }] :
|
|
7732
|
-
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 */ []);
|
|
7733
7832
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
7734
7833
|
identifiantDuRefus = inject(StIdentifiants).prochain("st-tag-input-refus");
|
|
7735
|
-
refus = signal(null, ...ngDevMode ? [{ debugName: "refus" }] :
|
|
7736
|
-
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 */ []);
|
|
7737
7836
|
elements = computed(() => {
|
|
7738
7837
|
const supprimable = this.modifiable();
|
|
7739
7838
|
return this.value().map((valeur) => ({
|
|
@@ -7741,8 +7840,8 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7741
7840
|
libelle: valeur,
|
|
7742
7841
|
supprimable
|
|
7743
7842
|
}));
|
|
7744
|
-
}, ...ngDevMode ? [{ debugName: "elements" }] :
|
|
7745
|
-
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 */ []);
|
|
7746
7845
|
constructor() {
|
|
7747
7846
|
super();
|
|
7748
7847
|
CHAMPS$1.set(this, {
|
|
@@ -7833,7 +7932,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7833
7932
|
}
|
|
7834
7933
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
7835
7934
|
minVersion: "12.0.0",
|
|
7836
|
-
version: "22.2.
|
|
7935
|
+
version: "22.2.1",
|
|
7837
7936
|
ngImport: i0,
|
|
7838
7937
|
type: StTagInput,
|
|
7839
7938
|
deps: [],
|
|
@@ -7841,7 +7940,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7841
7940
|
});
|
|
7842
7941
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
7843
7942
|
minVersion: "17.0.0",
|
|
7844
|
-
version: "22.2.
|
|
7943
|
+
version: "22.2.1",
|
|
7845
7944
|
type: StTagInput,
|
|
7846
7945
|
isStandalone: true,
|
|
7847
7946
|
selector: "st-tag-input",
|
|
@@ -7883,7 +7982,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7883
7982
|
usesInheritance: true,
|
|
7884
7983
|
ngImport: i0,
|
|
7885
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",
|
|
7886
|
-
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"],
|
|
7887
7986
|
dependencies: [
|
|
7888
7987
|
{
|
|
7889
7988
|
kind: "component",
|
|
@@ -7940,7 +8039,7 @@ var StTagInput = class StTagInput extends ContratDeChamp {
|
|
|
7940
8039
|
};
|
|
7941
8040
|
i0.ɵɵngDeclareClassMetadata({
|
|
7942
8041
|
minVersion: "12.0.0",
|
|
7943
|
-
version: "22.2.
|
|
8042
|
+
version: "22.2.1",
|
|
7944
8043
|
ngImport: i0,
|
|
7945
8044
|
type: StTagInput,
|
|
7946
8045
|
decorators: [{
|
|
@@ -7967,7 +8066,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
7967
8066
|
"(focusout)": "aLaSortie($event)"
|
|
7968
8067
|
},
|
|
7969
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",
|
|
7970
|
-
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"]
|
|
7971
8070
|
}]
|
|
7972
8071
|
}],
|
|
7973
8072
|
ctorParameters: () => [],
|
|
@@ -8044,12 +8143,12 @@ function optionsDesPays(parametres) {
|
|
|
8044
8143
|
var StCountryField = class StCountryField extends ControleDeSaisie {
|
|
8045
8144
|
libelles = inject(ST_LIBELLES);
|
|
8046
8145
|
locale = inject(ST_LOCALE);
|
|
8047
|
-
codes = input(null, ...ngDevMode ? [{ debugName: "codes" }] :
|
|
8048
|
-
enTete = input([], ...ngDevMode ? [{ debugName: "enTete" }] :
|
|
8049
|
-
autocomplete = input("country", ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
8050
|
-
texteVide = input(null, ...ngDevMode ? [{ debugName: "texteVide" }] :
|
|
8051
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
8052
|
-
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 */ []);
|
|
8053
8152
|
options = computed(() => optionsDesPays({
|
|
8054
8153
|
locale: this.locale(),
|
|
8055
8154
|
codes: this.codes(),
|
|
@@ -8059,13 +8158,13 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
|
|
|
8059
8158
|
frequents: this.libelles().paysFrequents,
|
|
8060
8159
|
tous: this.libelles().tousLesPays
|
|
8061
8160
|
}
|
|
8062
|
-
}), ...ngDevMode ? [{ debugName: "options" }] :
|
|
8161
|
+
}), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
|
|
8063
8162
|
focus(options) {
|
|
8064
8163
|
this.liste().focus(options);
|
|
8065
8164
|
}
|
|
8066
8165
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
8067
8166
|
minVersion: "12.0.0",
|
|
8068
|
-
version: "22.2.
|
|
8167
|
+
version: "22.2.1",
|
|
8069
8168
|
ngImport: i0,
|
|
8070
8169
|
type: StCountryField,
|
|
8071
8170
|
deps: null,
|
|
@@ -8073,7 +8172,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
|
|
|
8073
8172
|
});
|
|
8074
8173
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
8075
8174
|
minVersion: "17.2.0",
|
|
8076
|
-
version: "22.2.
|
|
8175
|
+
version: "22.2.1",
|
|
8077
8176
|
type: StCountryField,
|
|
8078
8177
|
isStandalone: true,
|
|
8079
8178
|
selector: "st-country-field",
|
|
@@ -8143,7 +8242,7 @@ var StCountryField = class StCountryField extends ControleDeSaisie {
|
|
|
8143
8242
|
};
|
|
8144
8243
|
i0.ɵɵngDeclareClassMetadata({
|
|
8145
8244
|
minVersion: "12.0.0",
|
|
8146
|
-
version: "22.2.
|
|
8245
|
+
version: "22.2.1",
|
|
8147
8246
|
ngImport: i0,
|
|
8148
8247
|
type: StCountryField,
|
|
8149
8248
|
decorators: [{
|
|
@@ -8223,22 +8322,22 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8223
8322
|
libelles = inject(ST_LIBELLES);
|
|
8224
8323
|
locale = inject(ST_LOCALE);
|
|
8225
8324
|
element = inject(ElementRef);
|
|
8226
|
-
value = model(ADRESSE_VIDE, ...ngDevMode ? [{ debugName: "value" }] :
|
|
8227
|
-
paysFixe = input(null, ...ngDevMode ? [{ debugName: "paysFixe" }] :
|
|
8228
|
-
codesDesPays = input(null, ...ngDevMode ? [{ debugName: "codesDesPays" }] :
|
|
8229
|
-
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 */ []);
|
|
8230
8329
|
ligne2Masquee = input(false, {
|
|
8231
|
-
...ngDevMode ? { debugName: "ligne2Masquee" } :
|
|
8330
|
+
...ngDevMode ? { debugName: "ligne2Masquee" } : /* istanbul ignore next */ {},
|
|
8232
8331
|
transform: booleanAttribute
|
|
8233
8332
|
});
|
|
8234
|
-
sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] :
|
|
8333
|
+
sectionDeRemplissage = input(null, ...ngDevMode ? [{ debugName: "sectionDeRemplissage" }] : /* istanbul ignore next */ []);
|
|
8235
8334
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
8236
8335
|
listes = inject(ST_LISTES_D_ADRESSES);
|
|
8237
|
-
pays = computed(() => normaliserCodeDePays(this.paysFixe() ?? this.value().pays), ...ngDevMode ? [{ debugName: "pays" }] :
|
|
8238
|
-
format = computed(() => formatDAdresse(this.pays()), ...ngDevMode ? [{ debugName: "format" }] :
|
|
8239
|
-
parties = computed(() => partiesAffichees(this.format()).filter((partie) => partie !== "ligne2" || !this.ligne2Masquee()), ...ngDevMode ? [{ debugName: "parties" }] :
|
|
8240
|
-
exigees = computed(() => new Set(partiesExigees(this.format())), ...ngDevMode ? [{ debugName: "exigees" }] :
|
|
8241
|
-
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 */ []);
|
|
8242
8341
|
erreursParPartie = computed(() => {
|
|
8243
8342
|
const parPartie = /* @__PURE__ */ new Map();
|
|
8244
8343
|
const groupe = [];
|
|
@@ -8257,8 +8356,8 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8257
8356
|
parPartie,
|
|
8258
8357
|
groupe
|
|
8259
8358
|
};
|
|
8260
|
-
}, ...ngDevMode ? [{ debugName: "erreursParPartie" }] :
|
|
8261
|
-
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 */ []);
|
|
8262
8361
|
demandeDeRegions = computed(() => {
|
|
8263
8362
|
const pays = this.pays();
|
|
8264
8363
|
if (this.listes === null || pays === "" || this.format().region === null) return void 0;
|
|
@@ -8267,11 +8366,11 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8267
8366
|
langue: this.locale()
|
|
8268
8367
|
};
|
|
8269
8368
|
}, {
|
|
8270
|
-
...ngDevMode ? { debugName: "demandeDeRegions" } :
|
|
8369
|
+
...ngDevMode ? { debugName: "demandeDeRegions" } : /* istanbul ignore next */ {},
|
|
8271
8370
|
equal: (a, b) => a?.pays === b?.pays && a?.langue === b?.langue
|
|
8272
8371
|
});
|
|
8273
8372
|
regions = resource({
|
|
8274
|
-
...ngDevMode ? { debugName: "regions" } :
|
|
8373
|
+
...ngDevMode ? { debugName: "regions" } : /* istanbul ignore next */ {},
|
|
8275
8374
|
params: () => this.demandeDeRegions(),
|
|
8276
8375
|
loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.regions(params.pays, params.langue, abortSignal)
|
|
8277
8376
|
});
|
|
@@ -8279,14 +8378,14 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8279
8378
|
if (!this.regions.hasValue()) return null;
|
|
8280
8379
|
const liste = this.regions.value();
|
|
8281
8380
|
return liste !== null && liste.length > 0 ? liste : null;
|
|
8282
|
-
}, ...ngDevMode ? [{ debugName: "listeDesRegions" }] :
|
|
8381
|
+
}, ...ngDevMode ? [{ debugName: "listeDesRegions" }] : /* istanbul ignore next */ []);
|
|
8283
8382
|
modeDeRegion = computed(() => {
|
|
8284
8383
|
if (this.demandeDeRegions() === void 0) return "texte";
|
|
8285
8384
|
if (this.regions.isLoading()) return "chargement";
|
|
8286
8385
|
if (this.regions.status() === "error") return "panne";
|
|
8287
8386
|
return this.listeDesRegions() === null ? "texte" : "liste";
|
|
8288
|
-
}, ...ngDevMode ? [{ debugName: "modeDeRegion" }] :
|
|
8289
|
-
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 */ []);
|
|
8290
8389
|
optionsDeRegion = computed(() => {
|
|
8291
8390
|
const liste = this.listeDesRegions() ?? [];
|
|
8292
8391
|
const options = liste.map((region) => ({
|
|
@@ -8299,7 +8398,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8299
8398
|
libelle: actuelle
|
|
8300
8399
|
});
|
|
8301
8400
|
return options;
|
|
8302
|
-
}, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] :
|
|
8401
|
+
}, ...ngDevMode ? [{ debugName: "optionsDeRegion" }] : /* istanbul ignore next */ []);
|
|
8303
8402
|
demandeDeVilles = computed(() => {
|
|
8304
8403
|
const pays = this.pays();
|
|
8305
8404
|
if (this.listes === null || pays === "") return void 0;
|
|
@@ -8310,16 +8409,16 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8310
8409
|
langue: this.locale()
|
|
8311
8410
|
};
|
|
8312
8411
|
}, {
|
|
8313
|
-
...ngDevMode ? { debugName: "demandeDeVilles" } :
|
|
8412
|
+
...ngDevMode ? { debugName: "demandeDeVilles" } : /* istanbul ignore next */ {},
|
|
8314
8413
|
equal: (a, b) => a?.pays === b?.pays && a?.region === b?.region && a?.langue === b?.langue
|
|
8315
8414
|
});
|
|
8316
8415
|
villes = resource({
|
|
8317
|
-
...ngDevMode ? { debugName: "villes" } :
|
|
8416
|
+
...ngDevMode ? { debugName: "villes" } : /* istanbul ignore next */ {},
|
|
8318
8417
|
params: () => this.demandeDeVilles(),
|
|
8319
8418
|
loader: ({ params, abortSignal }) => this.listes === null ? Promise.resolve(null) : this.listes.villes(params, abortSignal)
|
|
8320
8419
|
});
|
|
8321
|
-
villesProposees = computed(() => this.villes.hasValue() ? this.villes.value() : null, ...ngDevMode ? [{ debugName: "villesProposees" }] :
|
|
8322
|
-
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 */ []);
|
|
8323
8422
|
constructor() {
|
|
8324
8423
|
super();
|
|
8325
8424
|
CHAMPS.set(this, {
|
|
@@ -8442,7 +8541,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8442
8541
|
}
|
|
8443
8542
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
8444
8543
|
minVersion: "12.0.0",
|
|
8445
|
-
version: "22.2.
|
|
8544
|
+
version: "22.2.1",
|
|
8446
8545
|
ngImport: i0,
|
|
8447
8546
|
type: StAddressFieldset,
|
|
8448
8547
|
deps: [],
|
|
@@ -8450,7 +8549,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8450
8549
|
});
|
|
8451
8550
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
8452
8551
|
minVersion: "17.0.0",
|
|
8453
|
-
version: "22.2.
|
|
8552
|
+
version: "22.2.1",
|
|
8454
8553
|
type: StAddressFieldset,
|
|
8455
8554
|
isStandalone: true,
|
|
8456
8555
|
selector: "st-address-fieldset",
|
|
@@ -8585,7 +8684,7 @@ var StAddressFieldset = class StAddressFieldset extends ContratDeChamp {
|
|
|
8585
8684
|
};
|
|
8586
8685
|
i0.ɵɵngDeclareClassMetadata({
|
|
8587
8686
|
minVersion: "12.0.0",
|
|
8588
|
-
version: "22.2.
|
|
8687
|
+
version: "22.2.1",
|
|
8589
8688
|
ngImport: i0,
|
|
8590
8689
|
type: StAddressFieldset,
|
|
8591
8690
|
decorators: [{
|
|
@@ -8675,8 +8774,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
8675
8774
|
}
|
|
8676
8775
|
});
|
|
8677
8776
|
var StFormActions = class StFormActions {
|
|
8678
|
-
disposition = input("collee", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
8679
|
-
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 */ []);
|
|
8680
8779
|
constructor() {
|
|
8681
8780
|
const element = inject(ElementRef).nativeElement;
|
|
8682
8781
|
const document = inject(DOCUMENT$1);
|
|
@@ -8726,7 +8825,7 @@ var StFormActions = class StFormActions {
|
|
|
8726
8825
|
}
|
|
8727
8826
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
8728
8827
|
minVersion: "12.0.0",
|
|
8729
|
-
version: "22.2.
|
|
8828
|
+
version: "22.2.1",
|
|
8730
8829
|
ngImport: i0,
|
|
8731
8830
|
type: StFormActions,
|
|
8732
8831
|
deps: [],
|
|
@@ -8734,7 +8833,7 @@ var StFormActions = class StFormActions {
|
|
|
8734
8833
|
});
|
|
8735
8834
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
8736
8835
|
minVersion: "17.1.0",
|
|
8737
|
-
version: "22.2.
|
|
8836
|
+
version: "22.2.1",
|
|
8738
8837
|
type: StFormActions,
|
|
8739
8838
|
isStandalone: true,
|
|
8740
8839
|
selector: "st-form-actions",
|
|
@@ -8760,7 +8859,7 @@ var StFormActions = class StFormActions {
|
|
|
8760
8859
|
};
|
|
8761
8860
|
i0.ɵɵngDeclareClassMetadata({
|
|
8762
8861
|
minVersion: "12.0.0",
|
|
8763
|
-
version: "22.2.
|
|
8862
|
+
version: "22.2.1",
|
|
8764
8863
|
ngImport: i0,
|
|
8765
8864
|
type: StFormActions,
|
|
8766
8865
|
decorators: [{
|
|
@@ -8800,6 +8899,6 @@ function avertirDesEnvoisMultiples(element) {
|
|
|
8800
8899
|
const envois = element.querySelectorAll("button[type=\"submit\"], input[type=\"submit\"]").length;
|
|
8801
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.`);
|
|
8802
8901
|
}
|
|
8803
|
-
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, motifDuMoisLocal, 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 };
|
|
8804
8903
|
|
|
8805
8904
|
//# sourceMappingURL=starterlib-ui-saisie.mjs.map
|