@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
|
@@ -8,14 +8,14 @@ import { NgTemplateOutlet } from "@angular/common";
|
|
|
8
8
|
import { StText } from "@starterlib/ui/mise-en-page";
|
|
9
9
|
var StForm = class StForm {
|
|
10
10
|
destruction = inject(DestroyRef);
|
|
11
|
-
stForm = input.required(...ngDevMode ? [{ debugName: "stForm" }] :
|
|
12
|
-
envoyerAvec = input(null, ...ngDevMode ? [{ debugName: "envoyerAvec" }] :
|
|
11
|
+
stForm = input.required(...ngDevMode ? [{ debugName: "stForm" }] : /* istanbul ignore next */ []);
|
|
12
|
+
envoyerAvec = input(null, ...ngDevMode ? [{ debugName: "envoyerAvec" }] : /* istanbul ignore next */ []);
|
|
13
13
|
envoi = output();
|
|
14
|
-
tentatives = signal(0, ...ngDevMode ? [{ debugName: "tentatives" }] :
|
|
15
|
-
envoiEnCours = signal(false, ...ngDevMode ? [{ debugName: "envoiEnCours" }] :
|
|
14
|
+
tentatives = signal(0, ...ngDevMode ? [{ debugName: "tentatives" }] : /* istanbul ignore next */ []);
|
|
15
|
+
envoiEnCours = signal(false, ...ngDevMode ? [{ debugName: "envoiEnCours" }] : /* istanbul ignore next */ []);
|
|
16
16
|
tentative = this.tentatives.asReadonly();
|
|
17
|
-
enCours = computed(() => this.envoiEnCours() || this.stForm()().submitting(), ...ngDevMode ? [{ debugName: "enCours" }] :
|
|
18
|
-
recapitulatif = computed(() => this.tentatives() > 0 && !this.enCours() ? this.stForm()().errorSummary() : [], ...ngDevMode ? [{ debugName: "recapitulatif" }] :
|
|
17
|
+
enCours = computed(() => this.envoiEnCours() || this.stForm()().submitting(), ...ngDevMode ? [{ debugName: "enCours" }] : /* istanbul ignore next */ []);
|
|
18
|
+
recapitulatif = computed(() => this.tentatives() > 0 && !this.enCours() ? this.stForm()().errorSummary() : [], ...ngDevMode ? [{ debugName: "recapitulatif" }] : /* istanbul ignore next */ []);
|
|
19
19
|
async surEnvoi(evenement) {
|
|
20
20
|
evenement.preventDefault();
|
|
21
21
|
if (this.enCours()) return;
|
|
@@ -38,7 +38,7 @@ var StForm = class StForm {
|
|
|
38
38
|
}
|
|
39
39
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
40
40
|
minVersion: "12.0.0",
|
|
41
|
-
version: "22.2.
|
|
41
|
+
version: "22.2.1",
|
|
42
42
|
ngImport: i0,
|
|
43
43
|
type: StForm,
|
|
44
44
|
deps: [],
|
|
@@ -46,7 +46,7 @@ var StForm = class StForm {
|
|
|
46
46
|
});
|
|
47
47
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
48
48
|
minVersion: "17.1.0",
|
|
49
|
-
version: "22.2.
|
|
49
|
+
version: "22.2.1",
|
|
50
50
|
type: StForm,
|
|
51
51
|
isStandalone: true,
|
|
52
52
|
selector: "form[stForm]",
|
|
@@ -82,7 +82,7 @@ var StForm = class StForm {
|
|
|
82
82
|
};
|
|
83
83
|
i0.ɵɵngDeclareClassMetadata({
|
|
84
84
|
minVersion: "12.0.0",
|
|
85
|
-
version: "22.2.
|
|
85
|
+
version: "22.2.1",
|
|
86
86
|
ngImport: i0,
|
|
87
87
|
type: StForm,
|
|
88
88
|
decorators: [{
|
|
@@ -130,16 +130,16 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
130
130
|
locale = inject(ST_LOCALE);
|
|
131
131
|
annonce = new AnnonceLocale(inject(DestroyRef));
|
|
132
132
|
idDevise = `${inject(StIdentifiants).prochain("st-amount-field")}-devise`;
|
|
133
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
134
|
-
devise = input.required(...ngDevMode ? [{ debugName: "devise" }] :
|
|
135
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
136
|
-
complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] :
|
|
133
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
134
|
+
devise = input.required(...ngDevMode ? [{ debugName: "devise" }] : /* istanbul ignore next */ []);
|
|
135
|
+
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
136
|
+
complement = input(null, ...ngDevMode ? [{ debugName: "complement" }] : /* istanbul ignore next */ []);
|
|
137
137
|
pleineLargeur = input(false, {
|
|
138
|
-
...ngDevMode ? { debugName: "pleineLargeur" } :
|
|
138
|
+
...ngDevMode ? { debugName: "pleineLargeur" } : /* istanbul ignore next */ {},
|
|
139
139
|
transform: booleanAttribute
|
|
140
140
|
});
|
|
141
|
-
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
142
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
141
|
+
decritPar = input([], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
|
|
142
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
143
143
|
avertie = false;
|
|
144
144
|
deviseSure = computed(() => {
|
|
145
145
|
const code = this.devise().trim();
|
|
@@ -149,7 +149,7 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
149
149
|
console.warn(`[st-amount-field] "${code}" : code ISO 4217 de trois lettres attendu.`);
|
|
150
150
|
}
|
|
151
151
|
return null;
|
|
152
|
-
}, ...ngDevMode ? [{ debugName: "deviseSure" }] :
|
|
152
|
+
}, ...ngDevMode ? [{ debugName: "deviseSure" }] : /* istanbul ignore next */ []);
|
|
153
153
|
saisie = transformedValue(this.value, {
|
|
154
154
|
parse: (texte) => {
|
|
155
155
|
const devise = this.deviseSure();
|
|
@@ -169,8 +169,8 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
169
169
|
},
|
|
170
170
|
format: (valeur) => this.formater(valeur)
|
|
171
171
|
});
|
|
172
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
173
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors().map((erreur) => this.borneEnDevise(erreur)), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
172
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
173
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors().map((erreur) => this.borneEnDevise(erreur)), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
174
174
|
parties = computed(() => {
|
|
175
175
|
const devise = this.deviseSure();
|
|
176
176
|
if (devise === null) return null;
|
|
@@ -192,9 +192,9 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
192
192
|
avant: false
|
|
193
193
|
};
|
|
194
194
|
}
|
|
195
|
-
}, ...ngDevMode ? [{ debugName: "parties" }] :
|
|
196
|
-
symbole = computed(() => this.parties()?.symbole ?? "", ...ngDevMode ? [{ debugName: "symbole" }] :
|
|
197
|
-
symboleAvant = computed(() => this.parties()?.avant ?? false, ...ngDevMode ? [{ debugName: "symboleAvant" }] :
|
|
195
|
+
}, ...ngDevMode ? [{ debugName: "parties" }] : /* istanbul ignore next */ []);
|
|
196
|
+
symbole = computed(() => this.parties()?.symbole ?? "", ...ngDevMode ? [{ debugName: "symbole" }] : /* istanbul ignore next */ []);
|
|
197
|
+
symboleAvant = computed(() => this.parties()?.avant ?? false, ...ngDevMode ? [{ debugName: "symboleAvant" }] : /* istanbul ignore next */ []);
|
|
198
198
|
deviseLue = computed(() => {
|
|
199
199
|
const devise = this.deviseSure();
|
|
200
200
|
if (devise === null) return null;
|
|
@@ -203,8 +203,8 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
203
203
|
nom = new Intl.DisplayNames(this.locale(), { type: "currency" }).of(devise) ?? devise;
|
|
204
204
|
} catch {}
|
|
205
205
|
return this.libelles().deviseDuMontant(nom);
|
|
206
|
-
}, ...ngDevMode ? [{ debugName: "deviseLue" }] :
|
|
207
|
-
descriptionsDuControle = computed(() => [...this.decritPar(), ...this.deviseLue() === null ? [] : [this.idDevise]], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] :
|
|
206
|
+
}, ...ngDevMode ? [{ debugName: "deviseLue" }] : /* istanbul ignore next */ []);
|
|
207
|
+
descriptionsDuControle = computed(() => [...this.decritPar(), ...this.deviseLue() === null ? [] : [this.idDevise]], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
|
|
208
208
|
constructor() {
|
|
209
209
|
super();
|
|
210
210
|
let precedente;
|
|
@@ -266,7 +266,7 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
266
266
|
}
|
|
267
267
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
268
268
|
minVersion: "12.0.0",
|
|
269
|
-
version: "22.2.
|
|
269
|
+
version: "22.2.1",
|
|
270
270
|
ngImport: i0,
|
|
271
271
|
type: StAmountField,
|
|
272
272
|
deps: [],
|
|
@@ -274,7 +274,7 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
274
274
|
});
|
|
275
275
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
276
276
|
minVersion: "17.0.0",
|
|
277
|
-
version: "22.2.
|
|
277
|
+
version: "22.2.1",
|
|
278
278
|
type: StAmountField,
|
|
279
279
|
isStandalone: true,
|
|
280
280
|
selector: "st-amount-field",
|
|
@@ -330,7 +330,7 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
330
330
|
usesInheritance: true,
|
|
331
331
|
ngImport: i0,
|
|
332
332
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"complement()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\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 est UN champ : un clic sur le bloc de devise donne le focus a la zone de frappe,\n comme un clic sur l'etiquette. Au clavier, le champ se rejoint par tabulation. -->\n <div class=\"st-amount-field__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n @if (symboleAvant() && symbole() !== '') {\n <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\n }\n <input\n #champ\n class=\"st-amount-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"decimal\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly() || deviseSure() === null\"\n [attr.aria-busy]=\"deviseSure() === null ? 'true' : null\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortie()\"\n />\n @if (!symboleAvant() && symbole() !== '') {\n <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\n }\n </div>\n</st-form-field>\n@if (deviseLue(); as nom) {\n <span class=\"st-vh\" [id]=\"idDevise\">{{ nom }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
333
|
-
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;max-inline-size:var(--st-largeur-champ-lg)}:host([data-pleine-largeur]){max-inline-size:none}.st-amount-field__cadre:has(>.st-amount-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-amount-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-amount-field__cadre>.st-amount-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-amount-field__cadre:hover:not(:has(>.st-amount-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-amount-field__cadre:has(>.st-amount-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true]){border-color:var(--st-couleur-
|
|
333
|
+
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;max-inline-size:var(--st-largeur-champ-lg)}:host([data-pleine-largeur]){max-inline-size:none}.st-amount-field__cadre:has(>.st-amount-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-amount-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-amount-field__cadre>.st-amount-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-amount-field__cadre:hover:not(:has(>.st-amount-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-amount-field__cadre:has(>.st-amount-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-amount-field__cadre:has(>.st-amount-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-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true]):has(>.st-amount-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-amount-field__cadre:has(>.st-amount-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-amount-field__cadre:has(>.st-amount-field__champ:is(input,textarea):read-only:not(:disabled)),.st-amount-field__cadre:has(>.st-amount-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-amount-field__cadre{display:flex;align-items:stretch;overflow:hidden}.st-amount-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-amount-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-amount-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-amount-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-amount-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-amount-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-amount-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-amount-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-amount-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-amount-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-amount-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-amount-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-amount-field__champ:is(input,textarea):read-only:not(:disabled),.st-amount-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-amount-field__champ{flex:1 1 auto;min-inline-size:0;font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);text-align:end;unicode-bidi:isolate}@media(pointer:coarse){.st-amount-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-amount-field__devise{display:flex;flex:none;align-items:center;justify-content:center;padding-inline:var(--st-espacement-4);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:text;background:var(--st-couleur-surface-enfoncee);border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-amount-field__devise:first-child{border-inline-start:0;border-inline-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true])>.st-amount-field__champ{color:var(--st-couleur-erreur)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true])>.st-amount-field__devise{color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret);border-color:color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-amount-field__cadre:has(>.st-amount-field__champ:disabled)>.st-amount-field__devise{color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-amount-field__cadre{box-shadow:none}}.st-amount-field__cadre>.st-amount-field__champ:is(input):read-only{background:transparent}\n"],
|
|
334
334
|
dependencies: [{
|
|
335
335
|
kind: "component",
|
|
336
336
|
type: StFormField,
|
|
@@ -353,7 +353,7 @@ var StAmountField = class StAmountField extends ContratDeChamp {
|
|
|
353
353
|
};
|
|
354
354
|
i0.ɵɵngDeclareClassMetadata({
|
|
355
355
|
minVersion: "12.0.0",
|
|
356
|
-
version: "22.2.
|
|
356
|
+
version: "22.2.1",
|
|
357
357
|
ngImport: i0,
|
|
358
358
|
type: StAmountField,
|
|
359
359
|
decorators: [{
|
|
@@ -367,7 +367,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
367
367
|
"[attr.data-pleine-largeur]": "pleineLargeur() ? '' : null"
|
|
368
368
|
},
|
|
369
369
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [complement]=\"complement()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\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 est UN champ : un clic sur le bloc de devise donne le focus a la zone de frappe,\n comme un clic sur l'etiquette. Au clavier, le champ se rejoint par tabulation. -->\n <div class=\"st-amount-field__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n @if (symboleAvant() && symbole() !== '') {\n <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\n }\n <input\n #champ\n class=\"st-amount-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"decimal\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly() || deviseSure() === null\"\n [attr.aria-busy]=\"deviseSure() === null ? 'true' : null\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortie()\"\n />\n @if (!symboleAvant() && symbole() !== '') {\n <span class=\"st-amount-field__devise\" aria-hidden=\"true\">{{ symbole() }}</span>\n }\n </div>\n</st-form-field>\n@if (deviseLue(); as nom) {\n <span class=\"st-vh\" [id]=\"idDevise\">{{ nom }}</span>\n}\n<span class=\"st-vh\" aria-live=\"polite\">{{ annonce.texte() }}</span>\n",
|
|
370
|
-
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;max-inline-size:var(--st-largeur-champ-lg)}:host([data-pleine-largeur]){max-inline-size:none}.st-amount-field__cadre:has(>.st-amount-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-amount-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-amount-field__cadre>.st-amount-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-amount-field__cadre:hover:not(:has(>.st-amount-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-amount-field__cadre:has(>.st-amount-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true]){border-color:var(--st-couleur-
|
|
370
|
+
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;max-inline-size:var(--st-largeur-champ-lg)}:host([data-pleine-largeur]){max-inline-size:none}.st-amount-field__cadre:has(>.st-amount-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-amount-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-amount-field__cadre>.st-amount-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-amount-field__cadre:hover:not(:has(>.st-amount-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-amount-field__cadre:has(>.st-amount-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-amount-field__cadre:has(>.st-amount-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-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true]):has(>.st-amount-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-amount-field__cadre:has(>.st-amount-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-amount-field__cadre:has(>.st-amount-field__champ:is(input,textarea):read-only:not(:disabled)),.st-amount-field__cadre:has(>.st-amount-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-amount-field__cadre{display:flex;align-items:stretch;overflow:hidden}.st-amount-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-amount-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-amount-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-amount-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-amount-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-amount-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-amount-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-amount-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-amount-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-amount-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-amount-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-amount-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-amount-field__champ:is(input,textarea):read-only:not(:disabled),.st-amount-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-amount-field__champ{flex:1 1 auto;min-inline-size:0;font-family:var(--st-police-mono);font-size:var(--st-taille-lg);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-references);line-height:var(--st-interligne-lg);text-align:end;unicode-bidi:isolate}@media(pointer:coarse){.st-amount-field__champ{font-size:var(--st-taille-lg);line-height:var(--st-interligne-lg)}}.st-amount-field__devise{display:flex;flex:none;align-items:center;justify-content:center;padding-inline:var(--st-espacement-4);font-family:var(--st-police-mono);font-size:var(--st-taille-sm);font-weight:var(--st-graisse-grasse);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte);cursor:text;background:var(--st-couleur-surface-enfoncee);border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-amount-field__devise:first-child{border-inline-start:0;border-inline-end:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true])>.st-amount-field__champ{color:var(--st-couleur-erreur)}.st-amount-field__cadre:has(>.st-amount-field__champ[aria-invalid=true])>.st-amount-field__devise{color:var(--st-couleur-erreur);background:var(--st-couleur-erreur-discret);border-color:color-mix(in srgb,var(--st-couleur-erreur) 30%,transparent)}.st-amount-field__cadre:has(>.st-amount-field__champ:disabled)>.st-amount-field__devise{color:var(--st-couleur-texte-desactive);cursor:inherit}@media print{.st-amount-field__cadre{box-shadow:none}}.st-amount-field__cadre>.st-amount-field__champ:is(input):read-only{background:transparent}\n"]
|
|
371
371
|
}]
|
|
372
372
|
}],
|
|
373
373
|
ctorParameters: () => [],
|
|
@@ -541,25 +541,25 @@ var StAmountRange = class StAmountRange extends ContratDeChamp {
|
|
|
541
541
|
value = model({
|
|
542
542
|
min: null,
|
|
543
543
|
max: null
|
|
544
|
-
}, ...ngDevMode ? [{ debugName: "value" }] :
|
|
545
|
-
devise = input.required(...ngDevMode ? [{ debugName: "devise" }] :
|
|
546
|
-
etiquettes = input(null, ...ngDevMode ? [{ debugName: "etiquettes" }] :
|
|
547
|
-
fieldset = viewChild(StFieldset, ...ngDevMode ? [{ debugName: "fieldset" }] :
|
|
548
|
-
champs = viewChildren(StAmountField, ...ngDevMode ? [{ debugName: "champs" }] :
|
|
549
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
544
|
+
}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
545
|
+
devise = input.required(...ngDevMode ? [{ debugName: "devise" }] : /* istanbul ignore next */ []);
|
|
546
|
+
etiquettes = input(null, ...ngDevMode ? [{ debugName: "etiquettes" }] : /* istanbul ignore next */ []);
|
|
547
|
+
fieldset = viewChild(StFieldset, ...ngDevMode ? [{ debugName: "fieldset" }] : /* istanbul ignore next */ []);
|
|
548
|
+
champs = viewChildren(StAmountField, ...ngDevMode ? [{ debugName: "champs" }] : /* istanbul ignore next */ []);
|
|
549
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
550
550
|
etiquettesLues = computed(() => {
|
|
551
551
|
const libelles = this.libellesDesChamps();
|
|
552
552
|
return this.etiquettes() ?? {
|
|
553
553
|
min: libelles.montantMinimal,
|
|
554
554
|
max: libelles.montantMaximal
|
|
555
555
|
};
|
|
556
|
-
}, ...ngDevMode ? [{ debugName: "etiquettesLues" }] :
|
|
557
|
-
erreursDuMaximum = computed(() => this.errors().filter((erreur) => erreur.kind === "plageDeMontants"), ...ngDevMode ? [{ debugName: "erreursDuMaximum" }] :
|
|
558
|
-
erreursDuGroupe = computed(() => this.errors().filter((erreur) => erreur.kind !== "plageDeMontants"), ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] :
|
|
556
|
+
}, ...ngDevMode ? [{ debugName: "etiquettesLues" }] : /* istanbul ignore next */ []);
|
|
557
|
+
erreursDuMaximum = computed(() => this.errors().filter((erreur) => erreur.kind === "plageDeMontants"), ...ngDevMode ? [{ debugName: "erreursDuMaximum" }] : /* istanbul ignore next */ []);
|
|
558
|
+
erreursDuGroupe = computed(() => this.errors().filter((erreur) => erreur.kind !== "plageDeMontants"), ...ngDevMode ? [{ debugName: "erreursDuGroupe" }] : /* istanbul ignore next */ []);
|
|
559
559
|
decritPar = computed(() => {
|
|
560
560
|
const fieldset = this.fieldset();
|
|
561
561
|
return fieldset !== void 0 && this.aideEtRaisons() !== null ? [fieldset.identifiants.aide] : [];
|
|
562
|
-
}, ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
562
|
+
}, ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
|
|
563
563
|
changer(partie, montant) {
|
|
564
564
|
this.value.set({
|
|
565
565
|
...this.value(),
|
|
@@ -580,7 +580,7 @@ var StAmountRange = class StAmountRange extends ContratDeChamp {
|
|
|
580
580
|
}
|
|
581
581
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
582
582
|
minVersion: "12.0.0",
|
|
583
|
-
version: "22.2.
|
|
583
|
+
version: "22.2.1",
|
|
584
584
|
ngImport: i0,
|
|
585
585
|
type: StAmountRange,
|
|
586
586
|
deps: null,
|
|
@@ -588,7 +588,7 @@ var StAmountRange = class StAmountRange extends ContratDeChamp {
|
|
|
588
588
|
});
|
|
589
589
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
590
590
|
minVersion: "17.2.0",
|
|
591
|
-
version: "22.2.
|
|
591
|
+
version: "22.2.1",
|
|
592
592
|
type: StAmountRange,
|
|
593
593
|
isStandalone: true,
|
|
594
594
|
selector: "st-amount-range",
|
|
@@ -667,7 +667,7 @@ var StAmountRange = class StAmountRange extends ContratDeChamp {
|
|
|
667
667
|
};
|
|
668
668
|
i0.ɵɵngDeclareClassMetadata({
|
|
669
669
|
minVersion: "12.0.0",
|
|
670
|
-
version: "22.2.
|
|
670
|
+
version: "22.2.1",
|
|
671
671
|
ngImport: i0,
|
|
672
672
|
type: StAmountRange,
|
|
673
673
|
decorators: [{
|
|
@@ -722,7 +722,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
722
722
|
const MARGE = 8;
|
|
723
723
|
const ECART = 4;
|
|
724
724
|
var StCoucheAncree = class StCoucheAncree {
|
|
725
|
-
stCoucheAncree = input.required(...ngDevMode ? [{ debugName: "stCoucheAncree" }] :
|
|
725
|
+
stCoucheAncree = input.required(...ngDevMode ? [{ debugName: "stCoucheAncree" }] : /* istanbul ignore next */ []);
|
|
726
726
|
element = inject(ElementRef).nativeElement;
|
|
727
727
|
fenetre = inject(DOCUMENT).defaultView;
|
|
728
728
|
observateur = null;
|
|
@@ -731,7 +731,7 @@ var StCoucheAncree = class StCoucheAncree {
|
|
|
731
731
|
if (ancre === null || this.fenetre === null || !this.element.matches(":popover-open")) return;
|
|
732
732
|
const largeurUtile = this.element.ownerDocument.documentElement.clientWidth;
|
|
733
733
|
const hauteurUtile = this.fenetre.innerHeight;
|
|
734
|
-
this.element.style.setProperty("max-inline-size", `${String(largeurUtile -
|
|
734
|
+
this.element.style.setProperty("max-inline-size", `${String(largeurUtile - 16)}px`);
|
|
735
735
|
const a = ancre.getBoundingClientRect();
|
|
736
736
|
const bloc = this.element.getBoundingClientRect();
|
|
737
737
|
const debut = this.fenetre.getComputedStyle(ancre).direction === "rtl" ? a.right - bloc.width : a.left;
|
|
@@ -769,7 +769,7 @@ var StCoucheAncree = class StCoucheAncree {
|
|
|
769
769
|
}
|
|
770
770
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
771
771
|
minVersion: "12.0.0",
|
|
772
|
-
version: "22.2.
|
|
772
|
+
version: "22.2.1",
|
|
773
773
|
ngImport: i0,
|
|
774
774
|
type: StCoucheAncree,
|
|
775
775
|
deps: [],
|
|
@@ -777,7 +777,7 @@ var StCoucheAncree = class StCoucheAncree {
|
|
|
777
777
|
});
|
|
778
778
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
779
779
|
minVersion: "17.1.0",
|
|
780
|
-
version: "22.2.
|
|
780
|
+
version: "22.2.1",
|
|
781
781
|
type: StCoucheAncree,
|
|
782
782
|
isStandalone: true,
|
|
783
783
|
selector: "[stCoucheAncree]",
|
|
@@ -794,7 +794,7 @@ var StCoucheAncree = class StCoucheAncree {
|
|
|
794
794
|
};
|
|
795
795
|
i0.ɵɵngDeclareClassMetadata({
|
|
796
796
|
minVersion: "12.0.0",
|
|
797
|
-
version: "22.2.
|
|
797
|
+
version: "22.2.1",
|
|
798
798
|
ngImport: i0,
|
|
799
799
|
type: StCoucheAncree,
|
|
800
800
|
decorators: [{
|
|
@@ -878,18 +878,18 @@ function texteDesBornes$1(libelles, locale, min, max) {
|
|
|
878
878
|
return null;
|
|
879
879
|
}
|
|
880
880
|
var StRaccourcisDeDates = class StRaccourcisDeDates {
|
|
881
|
-
titre = input.required(...ngDevMode ? [{ debugName: "titre" }] :
|
|
882
|
-
disposition = input("liste", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
883
|
-
raccourcis = input.required(...ngDevMode ? [{ debugName: "raccourcis" }] :
|
|
881
|
+
titre = input.required(...ngDevMode ? [{ debugName: "titre" }] : /* istanbul ignore next */ []);
|
|
882
|
+
disposition = input("liste", ...ngDevMode ? [{ debugName: "disposition" }] : /* istanbul ignore next */ []);
|
|
883
|
+
raccourcis = input.required(...ngDevMode ? [{ debugName: "raccourcis" }] : /* istanbul ignore next */ []);
|
|
884
884
|
desactive = input(false, {
|
|
885
|
-
...ngDevMode ? { debugName: "desactive" } :
|
|
885
|
+
...ngDevMode ? { debugName: "desactive" } : /* istanbul ignore next */ {},
|
|
886
886
|
transform: booleanAttribute
|
|
887
887
|
});
|
|
888
888
|
choix = output();
|
|
889
889
|
idDuTitre = `${inject(StIdentifiants).prochain("st-raccourcis")}-titre`;
|
|
890
890
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
891
891
|
minVersion: "12.0.0",
|
|
892
|
-
version: "22.2.
|
|
892
|
+
version: "22.2.1",
|
|
893
893
|
ngImport: i0,
|
|
894
894
|
type: StRaccourcisDeDates,
|
|
895
895
|
deps: [],
|
|
@@ -897,7 +897,7 @@ var StRaccourcisDeDates = class StRaccourcisDeDates {
|
|
|
897
897
|
});
|
|
898
898
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
899
899
|
minVersion: "17.0.0",
|
|
900
|
-
version: "22.2.
|
|
900
|
+
version: "22.2.1",
|
|
901
901
|
type: StRaccourcisDeDates,
|
|
902
902
|
isStandalone: true,
|
|
903
903
|
selector: "st-raccourcis-de-dates",
|
|
@@ -960,7 +960,7 @@ var StRaccourcisDeDates = class StRaccourcisDeDates {
|
|
|
960
960
|
};
|
|
961
961
|
i0.ɵɵngDeclareClassMetadata({
|
|
962
962
|
minVersion: "12.0.0",
|
|
963
|
-
version: "22.2.
|
|
963
|
+
version: "22.2.1",
|
|
964
964
|
ngImport: i0,
|
|
965
965
|
type: StRaccourcisDeDates,
|
|
966
966
|
decorators: [{
|
|
@@ -1021,14 +1021,14 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1021
1021
|
locale = inject(ST_LOCALE);
|
|
1022
1022
|
element = inject(ElementRef);
|
|
1023
1023
|
injecteur = inject(Injector);
|
|
1024
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
1025
|
-
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] :
|
|
1026
|
-
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] :
|
|
1027
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
1028
|
-
annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] :
|
|
1029
|
-
raccourcis = input([], ...ngDevMode ? [{ debugName: "raccourcis" }] :
|
|
1030
|
-
dispositionDesRaccourcis = input("liste", ...ngDevMode ? [{ debugName: "dispositionDesRaccourcis" }] :
|
|
1031
|
-
titreDesRaccourcis = input(null, ...ngDevMode ? [{ debugName: "titreDesRaccourcis" }] :
|
|
1024
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
1025
|
+
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []);
|
|
1026
|
+
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []);
|
|
1027
|
+
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
1028
|
+
annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : /* istanbul ignore next */ []);
|
|
1029
|
+
raccourcis = input([], ...ngDevMode ? [{ debugName: "raccourcis" }] : /* istanbul ignore next */ []);
|
|
1030
|
+
dispositionDesRaccourcis = input("liste", ...ngDevMode ? [{ debugName: "dispositionDesRaccourcis" }] : /* istanbul ignore next */ []);
|
|
1031
|
+
titreDesRaccourcis = input(null, ...ngDevMode ? [{ debugName: "titreDesRaccourcis" }] : /* istanbul ignore next */ []);
|
|
1032
1032
|
raccourcisAffiches = computed(() => {
|
|
1033
1033
|
const date = this.value();
|
|
1034
1034
|
return this.raccourcis().map((raccourci) => ({
|
|
@@ -1037,20 +1037,20 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1037
1037
|
precision: raccourci.precision ?? null,
|
|
1038
1038
|
choisi: raccourci.date === date
|
|
1039
1039
|
}));
|
|
1040
|
-
}, ...ngDevMode ? [{ debugName: "raccourcisAffiches" }] :
|
|
1041
|
-
titreDesRaccourcisLu = computed(() => this.titreDesRaccourcis() ?? this.libelles().datesPredefinies, ...ngDevMode ? [{ debugName: "titreDesRaccourcisLu" }] :
|
|
1040
|
+
}, ...ngDevMode ? [{ debugName: "raccourcisAffiches" }] : /* istanbul ignore next */ []);
|
|
1041
|
+
titreDesRaccourcisLu = computed(() => this.titreDesRaccourcis() ?? this.libelles().datesPredefinies, ...ngDevMode ? [{ debugName: "titreDesRaccourcisLu" }] : /* istanbul ignore next */ []);
|
|
1042
1042
|
choisirUnRaccourci(cle) {
|
|
1043
1043
|
const raccourci = this.raccourcis().find((un) => un.cle === cle);
|
|
1044
1044
|
if (raccourci !== void 0) this.value.set(raccourci.date);
|
|
1045
1045
|
}
|
|
1046
|
-
ouvert = signal(false, ...ngDevMode ? [{ debugName: "ouvert" }] :
|
|
1046
|
+
ouvert = signal(false, ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
|
|
1047
1047
|
identifiantCalendrier = `${inject(StIdentifiants).prochain("st-date")}-calendrier`;
|
|
1048
|
-
calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] :
|
|
1048
|
+
calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] : /* istanbul ignore next */ []);
|
|
1049
1049
|
bouton = viewChild("bouton", {
|
|
1050
|
-
...ngDevMode ? { debugName: "bouton" } :
|
|
1050
|
+
...ngDevMode ? { debugName: "bouton" } : /* istanbul ignore next */ {},
|
|
1051
1051
|
read: ElementRef
|
|
1052
1052
|
});
|
|
1053
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
1053
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
1054
1054
|
saisie = transformedValue(this.value, {
|
|
1055
1055
|
parse: (texte) => {
|
|
1056
1056
|
if (texte.trim() === "") return { value: null };
|
|
@@ -1062,7 +1062,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1062
1062
|
},
|
|
1063
1063
|
format: (valeur) => this.formater(valeur)
|
|
1064
1064
|
});
|
|
1065
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
1065
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
1066
1066
|
aideLue = computed(() => {
|
|
1067
1067
|
const libelles = this.libelles();
|
|
1068
1068
|
const locale = this.locale();
|
|
@@ -1073,13 +1073,13 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1073
1073
|
format,
|
|
1074
1074
|
bornes
|
|
1075
1075
|
].filter((texte) => texte !== null).join(" ");
|
|
1076
|
-
}, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
1076
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
1077
1077
|
sortie = new SortieDuComposant(this.element.nativeElement, () => {
|
|
1078
1078
|
this.ouvert.set(false);
|
|
1079
1079
|
this.quitte.set(true);
|
|
1080
1080
|
this.touch.emit();
|
|
1081
1081
|
});
|
|
1082
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
1082
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
1083
1083
|
surSaisie(evenement) {
|
|
1084
1084
|
this.saisie.set(this.texteSaisi(evenement));
|
|
1085
1085
|
}
|
|
@@ -1126,7 +1126,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1126
1126
|
}
|
|
1127
1127
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1128
1128
|
minVersion: "12.0.0",
|
|
1129
|
-
version: "22.2.
|
|
1129
|
+
version: "22.2.1",
|
|
1130
1130
|
ngImport: i0,
|
|
1131
1131
|
type: StDateField,
|
|
1132
1132
|
deps: null,
|
|
@@ -1134,7 +1134,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1134
1134
|
});
|
|
1135
1135
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1136
1136
|
minVersion: "17.0.0",
|
|
1137
|
-
version: "22.2.
|
|
1137
|
+
version: "22.2.1",
|
|
1138
1138
|
type: StDateField,
|
|
1139
1139
|
isStandalone: true,
|
|
1140
1140
|
selector: "st-date-field",
|
|
@@ -1222,7 +1222,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1222
1222
|
usesInheritance: true,
|
|
1223
1223
|
ngImport: i0,
|
|
1224
1224
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n>\n <div #ligne class=\"st-date-field__ligne\">\n <input\n #champ\n class=\"st-date-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"numeric\"\n spellcheck=\"false\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surToucheDuChamp($event)\"\n (blur)=\"aLaSortieDuChamp()\"\n />\n <button\n #bouton\n class=\"st-date-field__bouton\"\n stIconButton\n type=\"button\"\n icone=\"calendrier\"\n [etiquette]=\"libelles().choisirDansLeCalendrier(libelle())\"\n [attr.aria-expanded]=\"ouvert()\"\n [attr.aria-controls]=\"ouvert() ? identifiantCalendrier : null\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n @if (raccourcis().length > 0) {\n <st-raccourcis-de-dates\n class=\"st-date-field__raccourcis\"\n [titre]=\"titreDesRaccourcisLu()\"\n [disposition]=\"dispositionDesRaccourcis()\"\n [raccourcis]=\"raccourcisAffiches()\"\n [desactive]=\"disabled() || readonly()\"\n (choix)=\"choisirUnRaccourci($event)\"\n />\n }\n <!-- Le calendrier flotte sous le champ, dans la couche superieure (D132) : rien ne descend,\n rien ne bouge autour, comme la liste d'un select. -->\n @if (ouvert()) {\n <div class=\"st-date-field__couche\" [stCoucheAncree]=\"ligne\">\n <st-calendar\n class=\"st-date-field__calendrier\"\n [id]=\"identifiantCalendrier\"\n fermable\n [selection]=\"value()\"\n [dateMin]=\"dateMin()\"\n [dateMax]=\"dateMax()\"\n [annees]=\"annees()\"\n (choix)=\"choisir($event)\"\n (fermeture)=\"fermer(true)\"\n />\n </div>\n }\n</st-form-field>\n",
|
|
1225
|
-
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-date-field__ligne{position:relative;max-inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)))}.st-date-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-date-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-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-date-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-date-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-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-date-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
1225
|
+
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-date-field__ligne{position:relative;max-inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)))}.st-date-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-date-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-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-date-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-date-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-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-date-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-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-date-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-date-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-field__champ:is(input,textarea):read-only:not(:disabled),.st-date-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));font-family:var(--st-police-mono);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes)}.st-date-field__bouton{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}@supports selector(:popover-open){.st-date-field__couche[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-field__couche:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-field__couche:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}@supports not selector(:popover-open){.st-date-field__couche{margin-block-start:var(--st-espacement-2)}}.st-date-field__raccourcis{margin-block-start:var(--st-espacement-3)}\n"],
|
|
1226
1226
|
dependencies: [
|
|
1227
1227
|
{
|
|
1228
1228
|
kind: "component",
|
|
@@ -1299,7 +1299,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1299
1299
|
};
|
|
1300
1300
|
i0.ɵɵngDeclareClassMetadata({
|
|
1301
1301
|
minVersion: "12.0.0",
|
|
1302
|
-
version: "22.2.
|
|
1302
|
+
version: "22.2.1",
|
|
1303
1303
|
ngImport: i0,
|
|
1304
1304
|
type: StDateField,
|
|
1305
1305
|
decorators: [{
|
|
@@ -1322,7 +1322,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1322
1322
|
"(keydown.escape)": "surEchap($event)"
|
|
1323
1323
|
},
|
|
1324
1324
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n>\n <div #ligne class=\"st-date-field__ligne\">\n <input\n #champ\n class=\"st-date-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"numeric\"\n spellcheck=\"false\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surToucheDuChamp($event)\"\n (blur)=\"aLaSortieDuChamp()\"\n />\n <button\n #bouton\n class=\"st-date-field__bouton\"\n stIconButton\n type=\"button\"\n icone=\"calendrier\"\n [etiquette]=\"libelles().choisirDansLeCalendrier(libelle())\"\n [attr.aria-expanded]=\"ouvert()\"\n [attr.aria-controls]=\"ouvert() ? identifiantCalendrier : null\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer()\"\n ></button>\n </div>\n @if (raccourcis().length > 0) {\n <st-raccourcis-de-dates\n class=\"st-date-field__raccourcis\"\n [titre]=\"titreDesRaccourcisLu()\"\n [disposition]=\"dispositionDesRaccourcis()\"\n [raccourcis]=\"raccourcisAffiches()\"\n [desactive]=\"disabled() || readonly()\"\n (choix)=\"choisirUnRaccourci($event)\"\n />\n }\n <!-- Le calendrier flotte sous le champ, dans la couche superieure (D132) : rien ne descend,\n rien ne bouge autour, comme la liste d'un select. -->\n @if (ouvert()) {\n <div class=\"st-date-field__couche\" [stCoucheAncree]=\"ligne\">\n <st-calendar\n class=\"st-date-field__calendrier\"\n [id]=\"identifiantCalendrier\"\n fermable\n [selection]=\"value()\"\n [dateMin]=\"dateMin()\"\n [dateMax]=\"dateMax()\"\n [annees]=\"annees()\"\n (choix)=\"choisir($event)\"\n (fermeture)=\"fermer(true)\"\n />\n </div>\n }\n</st-form-field>\n",
|
|
1325
|
-
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-date-field__ligne{position:relative;max-inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)))}.st-date-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-date-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-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-date-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-date-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-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-date-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
1325
|
+
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-date-field__ligne{position:relative;max-inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)))}.st-date-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-date-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-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-date-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-date-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-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-date-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-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-date-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-date-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-field__champ:is(input,textarea):read-only:not(:disabled),.st-date-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-field__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));font-family:var(--st-police-mono);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes)}.st-date-field__bouton{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}@supports selector(:popover-open){.st-date-field__couche[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-field__couche:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-field__couche:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}@supports not selector(:popover-open){.st-date-field__couche{margin-block-start:var(--st-espacement-2)}}.st-date-field__raccourcis{margin-block-start:var(--st-espacement-3)}\n"]
|
|
1326
1326
|
}]
|
|
1327
1327
|
}],
|
|
1328
1328
|
propDecorators: {
|
|
@@ -1414,20 +1414,20 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1414
1414
|
value = model({
|
|
1415
1415
|
debut: null,
|
|
1416
1416
|
fin: null
|
|
1417
|
-
}, ...ngDevMode ? [{ debugName: "value" }] :
|
|
1418
|
-
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] :
|
|
1419
|
-
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] :
|
|
1420
|
-
libelleDebut = input(null, ...ngDevMode ? [{ debugName: "libelleDebut" }] :
|
|
1421
|
-
libelleFin = input(null, ...ngDevMode ? [{ debugName: "libelleFin" }] :
|
|
1422
|
-
annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] :
|
|
1423
|
-
raccourcis = input([], ...ngDevMode ? [{ debugName: "raccourcis" }] :
|
|
1424
|
-
dispositionDesRaccourcis = input("liste", ...ngDevMode ? [{ debugName: "dispositionDesRaccourcis" }] :
|
|
1425
|
-
titreDesRaccourcis = input(null, ...ngDevMode ? [{ debugName: "titreDesRaccourcis" }] :
|
|
1426
|
-
variante = input("complete", ...ngDevMode ? [{ debugName: "variante" }] :
|
|
1427
|
-
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] :
|
|
1417
|
+
}, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
1418
|
+
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []);
|
|
1419
|
+
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] : /* istanbul ignore next */ []);
|
|
1420
|
+
libelleDebut = input(null, ...ngDevMode ? [{ debugName: "libelleDebut" }] : /* istanbul ignore next */ []);
|
|
1421
|
+
libelleFin = input(null, ...ngDevMode ? [{ debugName: "libelleFin" }] : /* istanbul ignore next */ []);
|
|
1422
|
+
annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] : /* istanbul ignore next */ []);
|
|
1423
|
+
raccourcis = input([], ...ngDevMode ? [{ debugName: "raccourcis" }] : /* istanbul ignore next */ []);
|
|
1424
|
+
dispositionDesRaccourcis = input("liste", ...ngDevMode ? [{ debugName: "dispositionDesRaccourcis" }] : /* istanbul ignore next */ []);
|
|
1425
|
+
titreDesRaccourcis = input(null, ...ngDevMode ? [{ debugName: "titreDesRaccourcis" }] : /* istanbul ignore next */ []);
|
|
1426
|
+
variante = input("complete", ...ngDevMode ? [{ debugName: "variante" }] : /* istanbul ignore next */ []);
|
|
1427
|
+
presentation = input("libelle", ...ngDevMode ? [{ debugName: "presentation" }] : /* istanbul ignore next */ []);
|
|
1428
1428
|
parties = ["debut", "fin"];
|
|
1429
|
-
ouvert = signal(null, ...ngDevMode ? [{ debugName: "ouvert" }] :
|
|
1430
|
-
deploye = signal(false, ...ngDevMode ? [{ debugName: "deploye" }] :
|
|
1429
|
+
ouvert = signal(null, ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
|
|
1430
|
+
deploye = signal(false, ...ngDevMode ? [{ debugName: "deploye" }] : /* istanbul ignore next */ []);
|
|
1431
1431
|
identifiants = (() => {
|
|
1432
1432
|
const base = inject(StIdentifiants).prochain("st-plage");
|
|
1433
1433
|
return {
|
|
@@ -1444,10 +1444,10 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1444
1444
|
detail: `${base}-detail`
|
|
1445
1445
|
};
|
|
1446
1446
|
})();
|
|
1447
|
-
calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] :
|
|
1448
|
-
fieldset = viewChild(StFieldset, ...ngDevMode ? [{ debugName: "fieldset" }] :
|
|
1449
|
-
lignes = viewChildren("ligne", ...ngDevMode ? [{ debugName: "lignes" }] :
|
|
1450
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
1447
|
+
calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] : /* istanbul ignore next */ []);
|
|
1448
|
+
fieldset = viewChild(StFieldset, ...ngDevMode ? [{ debugName: "fieldset" }] : /* istanbul ignore next */ []);
|
|
1449
|
+
lignes = viewChildren("ligne", ...ngDevMode ? [{ debugName: "lignes" }] : /* istanbul ignore next */ []);
|
|
1450
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
1451
1451
|
saisie = transformedValue(this.value, {
|
|
1452
1452
|
parse: (brut) => {
|
|
1453
1453
|
const debut = this.lirePartie(brut.debut);
|
|
@@ -1475,11 +1475,11 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1475
1475
|
fin: this.formater(plage.fin)
|
|
1476
1476
|
})
|
|
1477
1477
|
});
|
|
1478
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
1478
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
1479
1479
|
etiquettes = computed(() => ({
|
|
1480
1480
|
debut: this.libelleDebut() ?? this.libelles().dateDeDebut,
|
|
1481
1481
|
fin: this.libelleFin() ?? this.libelles().dateDeFin
|
|
1482
|
-
}), ...ngDevMode ? [{ debugName: "etiquettes" }] :
|
|
1482
|
+
}), ...ngDevMode ? [{ debugName: "etiquettes" }] : /* istanbul ignore next */ []);
|
|
1483
1483
|
aideLue = computed(() => {
|
|
1484
1484
|
const libelles = this.libelles();
|
|
1485
1485
|
const locale = this.locale();
|
|
@@ -1490,7 +1490,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1490
1490
|
format,
|
|
1491
1491
|
bornes
|
|
1492
1492
|
].filter((texte) => texte !== null).join(" ");
|
|
1493
|
-
}, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
1493
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
1494
1494
|
raccourcisAffiches = computed(() => {
|
|
1495
1495
|
const { debut, fin } = this.value();
|
|
1496
1496
|
return this.raccourcis().map((raccourci) => ({
|
|
@@ -1499,8 +1499,8 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1499
1499
|
precision: raccourci.precision ?? null,
|
|
1500
1500
|
choisi: raccourci.plage.debut === debut && raccourci.plage.fin === fin
|
|
1501
1501
|
}));
|
|
1502
|
-
}, ...ngDevMode ? [{ debugName: "raccourcisAffiches" }] :
|
|
1503
|
-
titreDesRaccourcisLu = computed(() => this.titreDesRaccourcis() ?? this.libelles().periodesPredefinies, ...ngDevMode ? [{ debugName: "titreDesRaccourcisLu" }] :
|
|
1502
|
+
}, ...ngDevMode ? [{ debugName: "raccourcisAffiches" }] : /* istanbul ignore next */ []);
|
|
1503
|
+
titreDesRaccourcisLu = computed(() => this.titreDesRaccourcis() ?? this.libelles().periodesPredefinies, ...ngDevMode ? [{ debugName: "titreDesRaccourcisLu" }] : /* istanbul ignore next */ []);
|
|
1504
1504
|
periodeLue = computed(() => {
|
|
1505
1505
|
const { debut, fin } = this.value();
|
|
1506
1506
|
const libelles = this.libelles();
|
|
@@ -1516,8 +1516,8 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1516
1516
|
if (debut !== null) return libelles.aPartirDu(format.format(instant(debut)));
|
|
1517
1517
|
if (fin !== null) return libelles.jusquAu(format.format(instant(fin)));
|
|
1518
1518
|
return libelles.choisirUnePeriode;
|
|
1519
|
-
}, ...ngDevMode ? [{ debugName: "periodeLue" }] :
|
|
1520
|
-
periodeChoisie = computed(() => this.value().debut !== null || this.value().fin !== null, ...ngDevMode ? [{ debugName: "periodeChoisie" }] :
|
|
1519
|
+
}, ...ngDevMode ? [{ debugName: "periodeLue" }] : /* istanbul ignore next */ []);
|
|
1520
|
+
periodeChoisie = computed(() => this.value().debut !== null || this.value().fin !== null, ...ngDevMode ? [{ debugName: "periodeChoisie" }] : /* istanbul ignore next */ []);
|
|
1521
1521
|
sortie = new SortieDuComposant(this.element.nativeElement, () => {
|
|
1522
1522
|
this.ouvert.set(null);
|
|
1523
1523
|
this.deploye.set(false);
|
|
@@ -1536,7 +1536,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1536
1536
|
message: libelles.libelleEtMessage(etiquettes[partie], messageDErreur(erreur, libelles, locale))
|
|
1537
1537
|
};
|
|
1538
1538
|
});
|
|
1539
|
-
}, ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
1539
|
+
}, ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
1540
1540
|
enErreur = computed(() => {
|
|
1541
1541
|
const parties = fusionnerErreurs(this.errors(), this.saisie.parseErrors()).map((erreur) => this.partieDe(erreur));
|
|
1542
1542
|
const duGroupe = parties.includes(null);
|
|
@@ -1544,7 +1544,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1544
1544
|
debut: duGroupe || parties.includes("debut"),
|
|
1545
1545
|
fin: duGroupe || parties.includes("fin")
|
|
1546
1546
|
};
|
|
1547
|
-
}, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
1547
|
+
}, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
1548
1548
|
invalide = computed(() => {
|
|
1549
1549
|
const affichees = this.touched() || this.quitte();
|
|
1550
1550
|
const enErreur = this.enErreur();
|
|
@@ -1552,7 +1552,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1552
1552
|
debut: affichees && enErreur.debut,
|
|
1553
1553
|
fin: affichees && enErreur.fin
|
|
1554
1554
|
};
|
|
1555
|
-
}, ...ngDevMode ? [{ debugName: "invalide" }] :
|
|
1555
|
+
}, ...ngDevMode ? [{ debugName: "invalide" }] : /* istanbul ignore next */ []);
|
|
1556
1556
|
descriptions = computed(() => {
|
|
1557
1557
|
const groupe = this.fieldset();
|
|
1558
1558
|
const invalide = this.invalide();
|
|
@@ -1564,7 +1564,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1564
1564
|
fin: de("fin"),
|
|
1565
1565
|
erreur
|
|
1566
1566
|
};
|
|
1567
|
-
}, ...ngDevMode ? [{ debugName: "descriptions" }] :
|
|
1567
|
+
}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
|
|
1568
1568
|
choisirUnRaccourci(cle) {
|
|
1569
1569
|
const raccourci = this.raccourcis().find((un) => un.cle === cle);
|
|
1570
1570
|
if (raccourci === void 0) return;
|
|
@@ -1679,7 +1679,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1679
1679
|
}
|
|
1680
1680
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1681
1681
|
minVersion: "12.0.0",
|
|
1682
|
-
version: "22.2.
|
|
1682
|
+
version: "22.2.1",
|
|
1683
1683
|
ngImport: i0,
|
|
1684
1684
|
type: StDateRange,
|
|
1685
1685
|
deps: null,
|
|
@@ -1687,7 +1687,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1687
1687
|
});
|
|
1688
1688
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1689
1689
|
minVersion: "17.0.0",
|
|
1690
|
-
version: "22.2.
|
|
1690
|
+
version: "22.2.1",
|
|
1691
1691
|
type: StDateRange,
|
|
1692
1692
|
isStandalone: true,
|
|
1693
1693
|
selector: "st-date-range",
|
|
@@ -1804,7 +1804,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1804
1804
|
usesInheritance: true,
|
|
1805
1805
|
ngImport: i0,
|
|
1806
1806
|
template: "<!-- Variante resume (planche 4, barre de filtres) : un bouton-champ qui dit la periode et ouvre, en\n couche flottante sous lui (D132), le panneau des champs (motif « disclosure » : aria-expanded,\n aria-controls). Nomme par l'etiquette puis par la periode : « Periode comptable 1–30 sept. 2026 ». -->\n@if (variante() === 'resume') {\n <div class=\"st-date-range__resume\" [attr.data-presentation]=\"presentation()\">\n <span class=\"st-date-range__libelle-du-resume\" [id]=\"identifiants.libelleDuResume\">\n {{ libelle() }}\n </span>\n <button\n #boutonChamp\n class=\"st-date-range__bouton-champ\"\n type=\"button\"\n [id]=\"identifiants.resume\"\n [attr.aria-labelledby]=\"identifiants.libelleDuResume + ' ' + identifiants.valeurDuResume\"\n [attr.aria-expanded]=\"deploye() ? 'true' : 'false'\"\n [attr.aria-controls]=\"identifiants.detail\"\n [attr.aria-invalid]=\"invalide().debut || invalide().fin ? 'true' : null\"\n [disabled]=\"disabled()\"\n (click)=\"basculerLeResume()\"\n >\n <st-icon class=\"st-date-range__icone-du-resume\" nom=\"calendrier\" taille=\"20\" />\n <!-- Sens du texte lu dans la periode elle-meme : « 1–30 sept. 2026 » ne se renverse pas dans\n une page de droite a gauche. -->\n <span\n class=\"st-date-range__valeur-du-resume\"\n dir=\"auto\"\n [id]=\"identifiants.valeurDuResume\"\n [attr.data-vide]=\"periodeChoisie() ? null : ''\"\n >{{ periodeLue() }}</span\n >\n </button>\n </div>\n @if (deploye()) {\n <div class=\"st-date-range__panneau\" [stCoucheAncree]=\"boutonChamp\">\n <ng-container *ngTemplateOutlet=\"champs\" />\n </div>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"champs\" />\n}\n\n<ng-template #champs>\n <st-fieldset\n [id]=\"identifiants.detail\"\n [legende]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n >\n @if (raccourcis().length > 0) {\n <st-raccourcis-de-dates\n class=\"st-date-range__raccourcis\"\n [titre]=\"titreDesRaccourcisLu()\"\n [disposition]=\"dispositionDesRaccourcis()\"\n [raccourcis]=\"raccourcisAffiches()\"\n [desactive]=\"disabled() || readonly()\"\n (choix)=\"choisirUnRaccourci($event)\"\n />\n }\n <div class=\"st-date-range__parties\">\n @for (partie of parties; track partie) {\n <div class=\"st-date-range__partie\">\n <label class=\"st-date-range__libelle\" [for]=\"identifiants[partie]\">\n {{ etiquettes()[partie] }}\n </label>\n <div #ligne class=\"st-date-range__ligne\">\n <input\n #champ\n class=\"st-date-range__champ\"\n type=\"text\"\n inputmode=\"numeric\"\n spellcheck=\"false\"\n [attr.data-libelle]=\"etiquettes()[partie]\"\n [id]=\"identifiants[partie]\"\n [value]=\"saisie()[partie]\"\n [attr.name]=\"name() ? name() + '-' + partie : null\"\n [attr.aria-invalid]=\"invalide()[partie] ? 'true' : null\"\n [attr.aria-describedby]=\"descriptions()[partie]\"\n [attr.aria-errormessage]=\"invalide()[partie] ? descriptions().erreur : null\"\n [attr.aria-required]=\"required() ? 'true' : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie(partie, $event)\"\n (keydown)=\"surToucheDuChamp(partie, $event)\"\n (blur)=\"aLaSortieDuChamp()\"\n />\n <button\n class=\"st-date-range__bouton\"\n stIconButton\n type=\"button\"\n icone=\"calendrier\"\n [id]=\"identifiants.boutons[partie]\"\n [etiquette]=\"libelles().choisirDansLeCalendrier(etiquettes()[partie])\"\n [attr.aria-expanded]=\"ouvert() === partie\"\n [attr.aria-controls]=\"ouvert() === partie ? identifiants.calendrier : null\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer(partie)\"\n ></button>\n </div>\n </div>\n }\n </div>\n <!-- Le calendrier de la partie ouverte flotte sous sa ligne, dans la couche superieure (D132) :\n rien ne descend, rien ne bouge autour, comme la liste d'un select. -->\n @if (ouvert(); as partie) {\n <div class=\"st-date-range__couche\" [stCoucheAncree]=\"ancreDe(partie)\">\n <st-calendar\n class=\"st-date-range__calendrier\"\n [id]=\"identifiants.calendrier\"\n fermable\n [selection]=\"value()[partie]\"\n [plage]=\"value()\"\n [dateMin]=\"bornes(partie).min\"\n [dateMax]=\"bornes(partie).max\"\n [annees]=\"annees()\"\n (choix)=\"choisir(partie, $event)\"\n (fermeture)=\"fermer(partie, true)\"\n />\n </div>\n }\n </st-fieldset>\n</ng-template>\n",
|
|
1807
|
-
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-date-range__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-5)}.st-date-range__libelle{display:block;margin-block-end:var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-date-range__ligne{position:relative;inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)));max-inline-size:100%}.st-date-range__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-date-range__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__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-date-range__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-date-range__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__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-date-range__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
1807
|
+
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-date-range__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-5)}.st-date-range__libelle{display:block;margin-block-end:var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-date-range__ligne{position:relative;inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)));max-inline-size:100%}.st-date-range__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-date-range__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__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-date-range__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-date-range__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__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-date-range__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__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-date-range__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-date-range__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-range__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-range__champ:is(input,textarea):read-only:not(:disabled),.st-date-range__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-range__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));font-family:var(--st-police-mono);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes)}.st-date-range__bouton{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}@supports selector(:popover-open){.st-date-range__couche[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-range__couche:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-range__couche:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}@supports not selector(:popover-open){.st-date-range__couche{margin-block-start:var(--st-espacement-3)}}@supports selector(:popover-open){.st-date-range__panneau[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-range__panneau:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-range__panneau:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}.st-date-range__panneau,.st-date-range__panneau[popover]{box-sizing:border-box;inline-size:max-content;max-inline-size:min(40rem,100vw - 2 * var(--st-espacement-2));padding:var(--st-espacement-4);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@supports not selector(:popover-open){.st-date-range__panneau{margin-block-start:var(--st-espacement-3)}}.st-date-range__raccourcis{margin-block-end:var(--st-espacement-4)}.st-date-range__resume{display:flex;flex-direction:column;gap:var(--st-espacement-1)}.st-date-range__libelle-du-resume{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-date-range__resume[data-presentation=micro-capitales] .st-date-range__libelle-du-resume{color:var(--st-couleur-texte-discret);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}.st-date-range__bouton-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-date-range__bouton-champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__bouton-champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__bouton-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-date-range__bouton-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-date-range__bouton-champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__bouton-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-date-range__bouton-champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__bouton-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-date-range__bouton-champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-range__bouton-champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-range__bouton-champ:is(input,textarea):read-only:not(:disabled),.st-date-range__bouton-champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-range__bouton-champ{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:flex-start;text-align:start;cursor:pointer}@media(hover:hover){.st-date-range__bouton-champ:hover:not(:disabled,:focus-visible){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-date-range__bouton-champ[aria-expanded=true]{border-color:var(--st-couleur-primaire)}.st-date-range__bouton-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-date-range__bouton-champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}.st-date-range__valeur-du-resume{min-inline-size:0;overflow-wrap:anywhere;font-variant-numeric:var(--st-chiffres-alignes)}.st-date-range__valeur-du-resume[data-vide]{color:var(--st-couleur-texte-attenue)}.st-date-range__icone-du-resume{flex:none;color:var(--st-couleur-texte-discret)}\n"],
|
|
1808
1808
|
dependencies: [
|
|
1809
1809
|
{
|
|
1810
1810
|
kind: "component",
|
|
@@ -1905,7 +1905,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1905
1905
|
};
|
|
1906
1906
|
i0.ɵɵngDeclareClassMetadata({
|
|
1907
1907
|
minVersion: "12.0.0",
|
|
1908
|
-
version: "22.2.
|
|
1908
|
+
version: "22.2.1",
|
|
1909
1909
|
ngImport: i0,
|
|
1910
1910
|
type: StDateRange,
|
|
1911
1911
|
decorators: [{
|
|
@@ -1929,7 +1929,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1929
1929
|
"(keydown.escape)": "surEchap($event)"
|
|
1930
1930
|
},
|
|
1931
1931
|
template: "<!-- Variante resume (planche 4, barre de filtres) : un bouton-champ qui dit la periode et ouvre, en\n couche flottante sous lui (D132), le panneau des champs (motif « disclosure » : aria-expanded,\n aria-controls). Nomme par l'etiquette puis par la periode : « Periode comptable 1–30 sept. 2026 ». -->\n@if (variante() === 'resume') {\n <div class=\"st-date-range__resume\" [attr.data-presentation]=\"presentation()\">\n <span class=\"st-date-range__libelle-du-resume\" [id]=\"identifiants.libelleDuResume\">\n {{ libelle() }}\n </span>\n <button\n #boutonChamp\n class=\"st-date-range__bouton-champ\"\n type=\"button\"\n [id]=\"identifiants.resume\"\n [attr.aria-labelledby]=\"identifiants.libelleDuResume + ' ' + identifiants.valeurDuResume\"\n [attr.aria-expanded]=\"deploye() ? 'true' : 'false'\"\n [attr.aria-controls]=\"identifiants.detail\"\n [attr.aria-invalid]=\"invalide().debut || invalide().fin ? 'true' : null\"\n [disabled]=\"disabled()\"\n (click)=\"basculerLeResume()\"\n >\n <st-icon class=\"st-date-range__icone-du-resume\" nom=\"calendrier\" taille=\"20\" />\n <!-- Sens du texte lu dans la periode elle-meme : « 1–30 sept. 2026 » ne se renverse pas dans\n une page de droite a gauche. -->\n <span\n class=\"st-date-range__valeur-du-resume\"\n dir=\"auto\"\n [id]=\"identifiants.valeurDuResume\"\n [attr.data-vide]=\"periodeChoisie() ? null : ''\"\n >{{ periodeLue() }}</span\n >\n </button>\n </div>\n @if (deploye()) {\n <div class=\"st-date-range__panneau\" [stCoucheAncree]=\"boutonChamp\">\n <ng-container *ngTemplateOutlet=\"champs\" />\n </div>\n }\n} @else {\n <ng-container *ngTemplateOutlet=\"champs\" />\n}\n\n<ng-template #champs>\n <st-fieldset\n [id]=\"identifiants.detail\"\n [legende]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n >\n @if (raccourcis().length > 0) {\n <st-raccourcis-de-dates\n class=\"st-date-range__raccourcis\"\n [titre]=\"titreDesRaccourcisLu()\"\n [disposition]=\"dispositionDesRaccourcis()\"\n [raccourcis]=\"raccourcisAffiches()\"\n [desactive]=\"disabled() || readonly()\"\n (choix)=\"choisirUnRaccourci($event)\"\n />\n }\n <div class=\"st-date-range__parties\">\n @for (partie of parties; track partie) {\n <div class=\"st-date-range__partie\">\n <label class=\"st-date-range__libelle\" [for]=\"identifiants[partie]\">\n {{ etiquettes()[partie] }}\n </label>\n <div #ligne class=\"st-date-range__ligne\">\n <input\n #champ\n class=\"st-date-range__champ\"\n type=\"text\"\n inputmode=\"numeric\"\n spellcheck=\"false\"\n [attr.data-libelle]=\"etiquettes()[partie]\"\n [id]=\"identifiants[partie]\"\n [value]=\"saisie()[partie]\"\n [attr.name]=\"name() ? name() + '-' + partie : null\"\n [attr.aria-invalid]=\"invalide()[partie] ? 'true' : null\"\n [attr.aria-describedby]=\"descriptions()[partie]\"\n [attr.aria-errormessage]=\"invalide()[partie] ? descriptions().erreur : null\"\n [attr.aria-required]=\"required() ? 'true' : null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie(partie, $event)\"\n (keydown)=\"surToucheDuChamp(partie, $event)\"\n (blur)=\"aLaSortieDuChamp()\"\n />\n <button\n class=\"st-date-range__bouton\"\n stIconButton\n type=\"button\"\n icone=\"calendrier\"\n [id]=\"identifiants.boutons[partie]\"\n [etiquette]=\"libelles().choisirDansLeCalendrier(etiquettes()[partie])\"\n [attr.aria-expanded]=\"ouvert() === partie\"\n [attr.aria-controls]=\"ouvert() === partie ? identifiants.calendrier : null\"\n [disabled]=\"disabled() || readonly()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"basculer(partie)\"\n ></button>\n </div>\n </div>\n }\n </div>\n <!-- Le calendrier de la partie ouverte flotte sous sa ligne, dans la couche superieure (D132) :\n rien ne descend, rien ne bouge autour, comme la liste d'un select. -->\n @if (ouvert(); as partie) {\n <div class=\"st-date-range__couche\" [stCoucheAncree]=\"ancreDe(partie)\">\n <st-calendar\n class=\"st-date-range__calendrier\"\n [id]=\"identifiants.calendrier\"\n fermable\n [selection]=\"value()[partie]\"\n [plage]=\"value()\"\n [dateMin]=\"bornes(partie).min\"\n [dateMax]=\"bornes(partie).max\"\n [annees]=\"annees()\"\n (choix)=\"choisir(partie, $event)\"\n (fermeture)=\"fermer(partie, true)\"\n />\n </div>\n }\n </st-fieldset>\n</ng-template>\n",
|
|
1932
|
-
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-date-range__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-5)}.st-date-range__libelle{display:block;margin-block-end:var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-date-range__ligne{position:relative;inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)));max-inline-size:100%}.st-date-range__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-date-range__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__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-date-range__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-date-range__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__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-date-range__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
1932
|
+
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-date-range__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3) var(--st-espacement-5)}.st-date-range__libelle{display:block;margin-block-end:var(--st-espacement-1);font-weight:var(--st-graisse-semi)}.st-date-range__ligne{position:relative;inline-size:calc(var(--st-largeur-champ-sm) + var(--st-commande-hauteur, var(--st-hauteur-commande-defaut)));max-inline-size:100%}.st-date-range__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-date-range__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__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-date-range__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-date-range__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__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-date-range__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__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-date-range__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-date-range__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-range__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-range__champ:is(input,textarea):read-only:not(:disabled),.st-date-range__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-range__champ{padding-inline-end:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));font-family:var(--st-police-mono);font-weight:var(--st-graisse-semi);font-variant-numeric:var(--st-chiffres-alignes)}.st-date-range__bouton{position:absolute;inset-block:0;inset-inline-end:0;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto}@supports selector(:popover-open){.st-date-range__couche[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-range__couche:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-range__couche:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}@supports not selector(:popover-open){.st-date-range__couche{margin-block-start:var(--st-espacement-3)}}@supports selector(:popover-open){.st-date-range__panneau[popover]{position:fixed;inset:auto;padding:0;margin:0;overflow:visible;color:inherit;background:transparent;border:0}}.st-date-range__panneau:popover-open{border-radius:var(--st-rayon-lg);box-shadow:var(--st-ombre-surelevee);transition:opacity var(--st-duree-normale) linear,translate var(--st-duree-normale) var(--st-courbe-entrant)}@starting-style{.st-date-range__panneau:popover-open{opacity:0;translate:0 calc(-1 * var(--st-deplacement-court))}}.st-date-range__panneau,.st-date-range__panneau[popover]{box-sizing:border-box;inline-size:max-content;max-inline-size:min(40rem,100vw - 2 * var(--st-espacement-2));padding:var(--st-espacement-4);background:var(--st-couleur-surface);border:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:var(--st-rayon-lg)}@supports not selector(:popover-open){.st-date-range__panneau{margin-block-start:var(--st-espacement-3)}}.st-date-range__raccourcis{margin-block-end:var(--st-espacement-4)}.st-date-range__resume{display:flex;flex-direction:column;gap:var(--st-espacement-1)}.st-date-range__libelle-du-resume{font-size:var(--st-taille-sm);font-weight:var(--st-graisse-moyenne);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte)}.st-date-range__resume[data-presentation=micro-capitales] .st-date-range__libelle-du-resume{color:var(--st-couleur-texte-discret);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}.st-date-range__bouton-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-date-range__bouton-champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__bouton-champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-date-range__bouton-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-date-range__bouton-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-date-range__bouton-champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-date-range__bouton-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-date-range__bouton-champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-date-range__bouton-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-date-range__bouton-champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-date-range__bouton-champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-date-range__bouton-champ:is(input,textarea):read-only:not(:disabled),.st-date-range__bouton-champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-date-range__bouton-champ{display:flex;gap:var(--st-espacement-2);align-items:center;justify-content:flex-start;text-align:start;cursor:pointer}@media(hover:hover){.st-date-range__bouton-champ:hover:not(:disabled,:focus-visible){border-color:var(--st-couleur-texte-discret);transition:border-color var(--st-duree-rapide) var(--st-courbe-standard)}}.st-date-range__bouton-champ[aria-expanded=true]{border-color:var(--st-couleur-primaire)}.st-date-range__bouton-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-date-range__bouton-champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed}.st-date-range__valeur-du-resume{min-inline-size:0;overflow-wrap:anywhere;font-variant-numeric:var(--st-chiffres-alignes)}.st-date-range__valeur-du-resume[data-vide]{color:var(--st-couleur-texte-attenue)}.st-date-range__icone-du-resume{flex:none;color:var(--st-couleur-texte-discret)}\n"]
|
|
1933
1933
|
}]
|
|
1934
1934
|
}],
|
|
1935
1935
|
propDecorators: {
|
|
@@ -2041,9 +2041,9 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2041
2041
|
var StMonthField = class StMonthField extends ContratDeChamp {
|
|
2042
2042
|
libelles = inject(ST_LIBELLES);
|
|
2043
2043
|
locale = inject(ST_LOCALE);
|
|
2044
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2045
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
2046
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
2044
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2045
|
+
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
2046
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
2047
2047
|
saisie = transformedValue(this.value, {
|
|
2048
2048
|
parse: (texte) => {
|
|
2049
2049
|
if (texte.trim() === "") return { value: null };
|
|
@@ -2055,14 +2055,14 @@ var StMonthField = class StMonthField extends ContratDeChamp {
|
|
|
2055
2055
|
},
|
|
2056
2056
|
format: (valeur) => this.formater(valeur)
|
|
2057
2057
|
});
|
|
2058
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
2058
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
2059
2059
|
aideLue = computed(() => {
|
|
2060
2060
|
const libelles = this.libelles();
|
|
2061
2061
|
const locale = this.locale();
|
|
2062
2062
|
const format = libelles.formatDeDate(motifDuMoisLocal(libelles, locale), exempleDeMois(locale));
|
|
2063
2063
|
return [this.aideEtRaisons(), format].filter((texte) => texte !== null).join(" ");
|
|
2064
|
-
}, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
2065
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
2064
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
2065
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
2066
2066
|
surSaisie(evenement) {
|
|
2067
2067
|
this.saisie.set(this.texteSaisi(evenement));
|
|
2068
2068
|
}
|
|
@@ -2076,7 +2076,7 @@ var StMonthField = class StMonthField extends ContratDeChamp {
|
|
|
2076
2076
|
}
|
|
2077
2077
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2078
2078
|
minVersion: "12.0.0",
|
|
2079
|
-
version: "22.2.
|
|
2079
|
+
version: "22.2.1",
|
|
2080
2080
|
ngImport: i0,
|
|
2081
2081
|
type: StMonthField,
|
|
2082
2082
|
deps: null,
|
|
@@ -2084,7 +2084,7 @@ var StMonthField = class StMonthField extends ContratDeChamp {
|
|
|
2084
2084
|
});
|
|
2085
2085
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2086
2086
|
minVersion: "17.1.0",
|
|
2087
|
-
version: "22.2.
|
|
2087
|
+
version: "22.2.1",
|
|
2088
2088
|
type: StMonthField,
|
|
2089
2089
|
isStandalone: true,
|
|
2090
2090
|
selector: "st-month-field",
|
|
@@ -2109,7 +2109,7 @@ var StMonthField = class StMonthField extends ContratDeChamp {
|
|
|
2109
2109
|
usesInheritance: true,
|
|
2110
2110
|
ngImport: i0,
|
|
2111
2111
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n>\n <input\n #champ\n class=\"st-month-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"numeric\"\n spellcheck=\"false\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortieDuChamp()\"\n />\n</st-form-field>\n",
|
|
2112
|
-
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-month-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-month-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-month-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-month-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-month-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-month-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-month-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-month-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-month-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
2112
|
+
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-month-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-month-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-month-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-month-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-month-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-month-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-month-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-month-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-month-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-month-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-month-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-month-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-month-field__champ:is(input,textarea):read-only:not(:disabled),.st-month-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-month-field__champ{max-inline-size:var(--st-largeur-champ-sm);font-variant-numeric:var(--st-chiffres-alignes)}\n"],
|
|
2113
2113
|
dependencies: [{
|
|
2114
2114
|
kind: "component",
|
|
2115
2115
|
type: StFormField,
|
|
@@ -2132,7 +2132,7 @@ var StMonthField = class StMonthField extends ContratDeChamp {
|
|
|
2132
2132
|
};
|
|
2133
2133
|
i0.ɵɵngDeclareClassMetadata({
|
|
2134
2134
|
minVersion: "12.0.0",
|
|
2135
|
-
version: "22.2.
|
|
2135
|
+
version: "22.2.1",
|
|
2136
2136
|
ngImport: i0,
|
|
2137
2137
|
type: StMonthField,
|
|
2138
2138
|
decorators: [{
|
|
@@ -2143,7 +2143,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2143
2143
|
imports: [StFormField, StControleDeChamp],
|
|
2144
2144
|
host: { class: "st-month-field" },
|
|
2145
2145
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n>\n <input\n #champ\n class=\"st-month-field__champ\"\n stControleDeChamp\n type=\"text\"\n inputmode=\"numeric\"\n spellcheck=\"false\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortieDuChamp()\"\n />\n</st-form-field>\n",
|
|
2146
|
-
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-month-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-month-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-month-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-month-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-month-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-month-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-month-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-month-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-month-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
2146
|
+
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-month-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-month-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-month-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-month-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-month-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-month-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-month-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-month-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-month-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-month-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-month-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-month-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-month-field__champ:is(input,textarea):read-only:not(:disabled),.st-month-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-month-field__champ{max-inline-size:var(--st-largeur-champ-sm);font-variant-numeric:var(--st-chiffres-alignes)}\n"]
|
|
2147
2147
|
}]
|
|
2148
2148
|
}],
|
|
2149
2149
|
propDecorators: {
|
|
@@ -2195,33 +2195,33 @@ var StMemorableDate = class StMemorableDate extends ContratDeChamp {
|
|
|
2195
2195
|
libellesDuTronc = inject(ST_LIBELLES);
|
|
2196
2196
|
locale = inject(ST_LOCALE);
|
|
2197
2197
|
catalogue = catalogueDesFormulaires();
|
|
2198
|
-
libelles = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "libelles" }] :
|
|
2199
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2198
|
+
libelles = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "libelles" }] : /* istanbul ignore next */ []);
|
|
2199
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2200
2200
|
naissance = input(false, {
|
|
2201
|
-
...ngDevMode ? { debugName: "naissance" } :
|
|
2201
|
+
...ngDevMode ? { debugName: "naissance" } : /* istanbul ignore next */ {},
|
|
2202
2202
|
transform: booleanAttribute
|
|
2203
2203
|
});
|
|
2204
|
-
cases = viewChildren("partie", ...ngDevMode ? [{ debugName: "cases" }] :
|
|
2204
|
+
cases = viewChildren("partie", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
|
|
2205
2205
|
identifiant = inject(StIdentifiants).prochain("st-memorable-date");
|
|
2206
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
2206
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
2207
2207
|
saisie = transformedValue(this.value, {
|
|
2208
2208
|
parse: (texte) => this.lire(texte),
|
|
2209
2209
|
format: (valeur) => this.formater(valeur)
|
|
2210
2210
|
});
|
|
2211
|
-
parties = computed(() => decouper(this.saisie()), ...ngDevMode ? [{ debugName: "parties" }] :
|
|
2211
|
+
parties = computed(() => decouper(this.saisie()), ...ngDevMode ? [{ debugName: "parties" }] : /* istanbul ignore next */ []);
|
|
2212
2212
|
ordre = computed(() => ordreDeDate(this.locale()).map((partie) => ({
|
|
2213
2213
|
partie,
|
|
2214
2214
|
libelle: this.libelleDe(partie),
|
|
2215
2215
|
longueur: LONGUEURS[partie],
|
|
2216
2216
|
autocomplete: this.naissance() ? NAISSANCE[partie] : "off"
|
|
2217
|
-
})), ...ngDevMode ? [{ debugName: "ordre" }] :
|
|
2218
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
2217
|
+
})), ...ngDevMode ? [{ debugName: "ordre" }] : /* istanbul ignore next */ []);
|
|
2218
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
2219
2219
|
aideLue = computed(() => {
|
|
2220
2220
|
const exemple = this.exemple();
|
|
2221
2221
|
return [this.aideEtRaisons(), this.libelles().exempleDeDateMemorable(exemple)].filter((texte) => texte !== null).join(" ");
|
|
2222
|
-
}, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
2223
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
2224
|
-
enErreur = computed(() => (this.touched() || this.quitte()) && this.erreursAffichees().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
2222
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
2223
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
2224
|
+
enErreur = computed(() => (this.touched() || this.quitte()) && this.erreursAffichees().length > 0, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
2225
2225
|
focus(options) {
|
|
2226
2226
|
this.cases()[0]?.nativeElement.focus(options);
|
|
2227
2227
|
}
|
|
@@ -2289,7 +2289,7 @@ var StMemorableDate = class StMemorableDate extends ContratDeChamp {
|
|
|
2289
2289
|
}
|
|
2290
2290
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2291
2291
|
minVersion: "12.0.0",
|
|
2292
|
-
version: "22.2.
|
|
2292
|
+
version: "22.2.1",
|
|
2293
2293
|
ngImport: i0,
|
|
2294
2294
|
type: StMemorableDate,
|
|
2295
2295
|
deps: null,
|
|
@@ -2297,7 +2297,7 @@ var StMemorableDate = class StMemorableDate extends ContratDeChamp {
|
|
|
2297
2297
|
});
|
|
2298
2298
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2299
2299
|
minVersion: "17.0.0",
|
|
2300
|
-
version: "22.2.
|
|
2300
|
+
version: "22.2.1",
|
|
2301
2301
|
type: StMemorableDate,
|
|
2302
2302
|
isStandalone: true,
|
|
2303
2303
|
selector: "st-memorable-date",
|
|
@@ -2331,7 +2331,7 @@ var StMemorableDate = class StMemorableDate extends ContratDeChamp {
|
|
|
2331
2331
|
usesInheritance: true,
|
|
2332
2332
|
ngImport: i0,
|
|
2333
2333
|
template: "<st-fieldset\n [legende]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [toutesLesErreurs]=\"false\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n disposition=\"en-ligne\"\n>\n <div class=\"st-memorable-date__parties\">\n @for (case of ordre(); track case.partie) {\n <div class=\"st-memorable-date__partie\" [attr.data-partie]=\"case.partie\">\n <label class=\"st-memorable-date__libelle\" [for]=\"identifiant + '-' + case.partie\">\n {{ case.libelle }}\n </label>\n <input\n #partie\n class=\"st-memorable-date__champ\"\n [class.st-memorable-date__champ--annee]=\"case.partie === 'annee'\"\n type=\"text\"\n inputmode=\"numeric\"\n spellcheck=\"false\"\n [id]=\"identifiant + '-' + case.partie\"\n [attr.maxlength]=\"case.longueur\"\n [attr.autocomplete]=\"case.autocomplete\"\n [attr.name]=\"name() ? name() + '-' + case.partie : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-required]=\"required() ? 'true' : null\"\n [value]=\"parties()[case.partie]\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie(case.partie, $event)\"\n />\n </div>\n }\n </div>\n</st-fieldset>\n",
|
|
2334
|
-
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-memorable-date__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3)}.st-memorable-date__partie{display:flex;flex-direction:column;gap:var(--st-espacement-1)}.st-memorable-date__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);color:var(--st-couleur-texte-discret)}.st-memorable-date__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-memorable-date__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-memorable-date__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-memorable-date__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-memorable-date__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-memorable-date__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-memorable-date__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-memorable-date__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-memorable-date__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
2334
|
+
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-memorable-date__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3)}.st-memorable-date__partie{display:flex;flex-direction:column;gap:var(--st-espacement-1)}.st-memorable-date__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);color:var(--st-couleur-texte-discret)}.st-memorable-date__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-memorable-date__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-memorable-date__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-memorable-date__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-memorable-date__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-memorable-date__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-memorable-date__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-memorable-date__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-memorable-date__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-memorable-date__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-memorable-date__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-memorable-date__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-memorable-date__champ:is(input,textarea):read-only:not(:disabled),.st-memorable-date__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-memorable-date__champ{inline-size:calc(3ch + 2 * var(--st-espacement-3-5) + 2 * var(--st-epaisseur-fine));font-variant-numeric:var(--st-chiffres-alignes)}.st-memorable-date__champ--annee{inline-size:calc(5ch + 2 * var(--st-espacement-3-5) + 2 * var(--st-epaisseur-fine))}\n"],
|
|
2335
2335
|
dependencies: [{
|
|
2336
2336
|
kind: "component",
|
|
2337
2337
|
type: StFieldset,
|
|
@@ -2353,7 +2353,7 @@ var StMemorableDate = class StMemorableDate extends ContratDeChamp {
|
|
|
2353
2353
|
};
|
|
2354
2354
|
i0.ɵɵngDeclareClassMetadata({
|
|
2355
2355
|
minVersion: "12.0.0",
|
|
2356
|
-
version: "22.2.
|
|
2356
|
+
version: "22.2.1",
|
|
2357
2357
|
ngImport: i0,
|
|
2358
2358
|
type: StMemorableDate,
|
|
2359
2359
|
decorators: [{
|
|
@@ -2367,7 +2367,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2367
2367
|
"(focusout)": "aLaSortie($event)"
|
|
2368
2368
|
},
|
|
2369
2369
|
template: "<st-fieldset\n [legende]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [toutesLesErreurs]=\"false\"\n [obligatoire]=\"required()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n disposition=\"en-ligne\"\n>\n <div class=\"st-memorable-date__parties\">\n @for (case of ordre(); track case.partie) {\n <div class=\"st-memorable-date__partie\" [attr.data-partie]=\"case.partie\">\n <label class=\"st-memorable-date__libelle\" [for]=\"identifiant + '-' + case.partie\">\n {{ case.libelle }}\n </label>\n <input\n #partie\n class=\"st-memorable-date__champ\"\n [class.st-memorable-date__champ--annee]=\"case.partie === 'annee'\"\n type=\"text\"\n inputmode=\"numeric\"\n spellcheck=\"false\"\n [id]=\"identifiant + '-' + case.partie\"\n [attr.maxlength]=\"case.longueur\"\n [attr.autocomplete]=\"case.autocomplete\"\n [attr.name]=\"name() ? name() + '-' + case.partie : null\"\n [attr.aria-invalid]=\"enErreur() ? 'true' : null\"\n [attr.aria-required]=\"required() ? 'true' : null\"\n [value]=\"parties()[case.partie]\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie(case.partie, $event)\"\n />\n </div>\n }\n </div>\n</st-fieldset>\n",
|
|
2370
|
-
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-memorable-date__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3)}.st-memorable-date__partie{display:flex;flex-direction:column;gap:var(--st-espacement-1)}.st-memorable-date__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);color:var(--st-couleur-texte-discret)}.st-memorable-date__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-memorable-date__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-memorable-date__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-memorable-date__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-memorable-date__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-memorable-date__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-memorable-date__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-memorable-date__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-memorable-date__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
2370
|
+
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-memorable-date__parties{display:flex;flex-wrap:wrap;gap:var(--st-espacement-3)}.st-memorable-date__partie{display:flex;flex-direction:column;gap:var(--st-espacement-1)}.st-memorable-date__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);color:var(--st-couleur-texte-discret)}.st-memorable-date__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-memorable-date__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-memorable-date__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-memorable-date__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-memorable-date__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-memorable-date__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-memorable-date__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-memorable-date__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-memorable-date__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-memorable-date__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-memorable-date__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-memorable-date__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-memorable-date__champ:is(input,textarea):read-only:not(:disabled),.st-memorable-date__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-memorable-date__champ{inline-size:calc(3ch + 2 * var(--st-espacement-3-5) + 2 * var(--st-epaisseur-fine));font-variant-numeric:var(--st-chiffres-alignes)}.st-memorable-date__champ--annee{inline-size:calc(5ch + 2 * var(--st-espacement-3-5) + 2 * var(--st-epaisseur-fine))}\n"]
|
|
2371
2371
|
}]
|
|
2372
2372
|
}],
|
|
2373
2373
|
propDecorators: {
|
|
@@ -2409,16 +2409,16 @@ function texteDesBornes(libelles, locale, borneMin, borneMax) {
|
|
|
2409
2409
|
var StTimeField = class StTimeField extends ContratDeChamp {
|
|
2410
2410
|
libelles = inject(ST_LIBELLES);
|
|
2411
2411
|
locale = inject(ST_LOCALE);
|
|
2412
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2413
|
-
heureMin = input(null, ...ngDevMode ? [{ debugName: "heureMin" }] :
|
|
2414
|
-
heureMax = input(null, ...ngDevMode ? [{ debugName: "heureMax" }] :
|
|
2412
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2413
|
+
heureMin = input(null, ...ngDevMode ? [{ debugName: "heureMin" }] : /* istanbul ignore next */ []);
|
|
2414
|
+
heureMax = input(null, ...ngDevMode ? [{ debugName: "heureMax" }] : /* istanbul ignore next */ []);
|
|
2415
2415
|
secondes = input(false, {
|
|
2416
|
-
...ngDevMode ? { debugName: "secondes" } :
|
|
2416
|
+
...ngDevMode ? { debugName: "secondes" } : /* istanbul ignore next */ {},
|
|
2417
2417
|
transform: booleanAttribute
|
|
2418
2418
|
});
|
|
2419
|
-
fuseau = input(null, ...ngDevMode ? [{ debugName: "fuseau" }] :
|
|
2420
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
2421
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
2419
|
+
fuseau = input(null, ...ngDevMode ? [{ debugName: "fuseau" }] : /* istanbul ignore next */ []);
|
|
2420
|
+
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
2421
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
2422
2422
|
saisie = transformedValue(this.value, {
|
|
2423
2423
|
parse: (texte) => {
|
|
2424
2424
|
if (texte.trim() === "") return { value: null };
|
|
@@ -2434,8 +2434,8 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2434
2434
|
},
|
|
2435
2435
|
format: (valeur) => this.formater(valeur)
|
|
2436
2436
|
});
|
|
2437
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
2438
|
-
clavier = computed(() => heureSurDouze(this.locale()) ? "text" : "numeric", ...ngDevMode ? [{ debugName: "clavier" }] :
|
|
2437
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
2438
|
+
clavier = computed(() => heureSurDouze(this.locale()) ? "text" : "numeric", ...ngDevMode ? [{ debugName: "clavier" }] : /* istanbul ignore next */ []);
|
|
2439
2439
|
instantDuNomDeFuseau = Date.now();
|
|
2440
2440
|
aideLue = computed(() => {
|
|
2441
2441
|
const libelles = this.libelles();
|
|
@@ -2451,7 +2451,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2451
2451
|
bornes,
|
|
2452
2452
|
zone
|
|
2453
2453
|
].filter((texte) => texte !== null).join(" ");
|
|
2454
|
-
}, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
2454
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
2455
2455
|
constructor() {
|
|
2456
2456
|
super();
|
|
2457
2457
|
effect(() => {
|
|
@@ -2462,7 +2462,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2462
2462
|
}
|
|
2463
2463
|
});
|
|
2464
2464
|
}
|
|
2465
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
2465
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
2466
2466
|
surSaisie(evenement) {
|
|
2467
2467
|
this.saisie.set(this.texteSaisi(evenement));
|
|
2468
2468
|
}
|
|
@@ -2476,7 +2476,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2476
2476
|
}
|
|
2477
2477
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2478
2478
|
minVersion: "12.0.0",
|
|
2479
|
-
version: "22.2.
|
|
2479
|
+
version: "22.2.1",
|
|
2480
2480
|
ngImport: i0,
|
|
2481
2481
|
type: StTimeField,
|
|
2482
2482
|
deps: [],
|
|
@@ -2484,7 +2484,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2484
2484
|
});
|
|
2485
2485
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2486
2486
|
minVersion: "17.1.0",
|
|
2487
|
-
version: "22.2.
|
|
2487
|
+
version: "22.2.1",
|
|
2488
2488
|
type: StTimeField,
|
|
2489
2489
|
isStandalone: true,
|
|
2490
2490
|
selector: "st-time-field",
|
|
@@ -2537,7 +2537,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2537
2537
|
usesInheritance: true,
|
|
2538
2538
|
ngImport: i0,
|
|
2539
2539
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n>\n <input\n #champ\n class=\"st-time-field__champ\"\n stControleDeChamp\n type=\"text\"\n spellcheck=\"false\"\n [attr.inputmode]=\"clavier()\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortieDuChamp()\"\n />\n</st-form-field>\n",
|
|
2540
|
-
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-time-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-time-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-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-time-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-time-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-time-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-time-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-time-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
2540
|
+
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-time-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-time-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-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-time-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-time-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-time-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-time-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-time-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-time-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-time-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-time-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-time-field__champ:is(input,textarea):read-only:not(:disabled),.st-time-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-time-field__champ{max-inline-size:var(--st-largeur-champ-sm);font-variant-numeric:var(--st-chiffres-alignes)}\n"],
|
|
2541
2541
|
dependencies: [{
|
|
2542
2542
|
kind: "component",
|
|
2543
2543
|
type: StFormField,
|
|
@@ -2560,7 +2560,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2560
2560
|
};
|
|
2561
2561
|
i0.ɵɵngDeclareClassMetadata({
|
|
2562
2562
|
minVersion: "12.0.0",
|
|
2563
|
-
version: "22.2.
|
|
2563
|
+
version: "22.2.1",
|
|
2564
2564
|
ngImport: i0,
|
|
2565
2565
|
type: StTimeField,
|
|
2566
2566
|
decorators: [{
|
|
@@ -2571,7 +2571,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2571
2571
|
imports: [StFormField, StControleDeChamp],
|
|
2572
2572
|
host: { class: "st-time-field" },
|
|
2573
2573
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n>\n <input\n #champ\n class=\"st-time-field__champ\"\n stControleDeChamp\n type=\"text\"\n spellcheck=\"false\"\n [attr.inputmode]=\"clavier()\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortieDuChamp()\"\n />\n</st-form-field>\n",
|
|
2574
|
-
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-time-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-time-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-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-time-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-time-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-time-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-time-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-time-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
2574
|
+
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-time-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-time-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-time-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-time-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-time-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-time-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-time-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-time-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-time-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-time-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-time-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-time-field__champ:is(input,textarea):read-only:not(:disabled),.st-time-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-time-field__champ{max-inline-size:var(--st-largeur-champ-sm);font-variant-numeric:var(--st-chiffres-alignes)}\n"]
|
|
2575
2575
|
}]
|
|
2576
2576
|
}],
|
|
2577
2577
|
ctorParameters: () => [],
|
|
@@ -2656,17 +2656,17 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2656
2656
|
libelles = inject(ST_LIBELLES);
|
|
2657
2657
|
locale = inject(ST_LOCALE);
|
|
2658
2658
|
idUnite = `${inject(StIdentifiants).prochain("st-number-field")}-unite`;
|
|
2659
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2659
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2660
2660
|
decimales = input(0, {
|
|
2661
|
-
...ngDevMode ? { debugName: "decimales" } :
|
|
2661
|
+
...ngDevMode ? { debugName: "decimales" } : /* istanbul ignore next */ {},
|
|
2662
2662
|
transform: numberAttribute
|
|
2663
2663
|
});
|
|
2664
2664
|
pas = input(null, {
|
|
2665
|
-
...ngDevMode ? { debugName: "pas" } :
|
|
2665
|
+
...ngDevMode ? { debugName: "pas" } : /* istanbul ignore next */ {},
|
|
2666
2666
|
transform: pasOuNull
|
|
2667
2667
|
});
|
|
2668
|
-
unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] :
|
|
2669
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
2668
|
+
unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] : /* istanbul ignore next */ []);
|
|
2669
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
2670
2670
|
averti = false;
|
|
2671
2671
|
decimalesAdmises = computed(() => {
|
|
2672
2672
|
const decimales = Math.max(0, Math.trunc(this.decimales()));
|
|
@@ -2676,7 +2676,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2676
2676
|
console.warn(`[st-number-field] pas ${String(pas)} plus fin que ${String(decimales)} decimale(s).`);
|
|
2677
2677
|
}
|
|
2678
2678
|
return decimales;
|
|
2679
|
-
}, ...ngDevMode ? [{ debugName: "decimalesAdmises" }] :
|
|
2679
|
+
}, ...ngDevMode ? [{ debugName: "decimalesAdmises" }] : /* istanbul ignore next */ []);
|
|
2680
2680
|
saisie = transformedValue(this.value, {
|
|
2681
2681
|
parse: (texte) => {
|
|
2682
2682
|
if (texte.trim() === "") return { value: null };
|
|
@@ -2700,31 +2700,31 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2700
2700
|
},
|
|
2701
2701
|
format: (valeur) => this.formater(valeur)
|
|
2702
2702
|
});
|
|
2703
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
2704
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
2705
|
-
modifiable = computed(() => !this.disabled() && !this.readonly(), ...ngDevMode ? [{ debugName: "modifiable" }] :
|
|
2703
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
2704
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
2705
|
+
modifiable = computed(() => !this.disabled() && !this.readonly(), ...ngDevMode ? [{ debugName: "modifiable" }] : /* istanbul ignore next */ []);
|
|
2706
2706
|
peutDiminuer = computed(() => {
|
|
2707
2707
|
const valeur = this.value();
|
|
2708
2708
|
const bas = this.min();
|
|
2709
2709
|
return this.modifiable() && (valeur === null || bas === void 0 || valeur > bas);
|
|
2710
|
-
}, ...ngDevMode ? [{ debugName: "peutDiminuer" }] :
|
|
2710
|
+
}, ...ngDevMode ? [{ debugName: "peutDiminuer" }] : /* istanbul ignore next */ []);
|
|
2711
2711
|
peutAugmenter = computed(() => {
|
|
2712
2712
|
const valeur = this.value();
|
|
2713
2713
|
const haut = this.max();
|
|
2714
2714
|
return this.modifiable() && (valeur === null || haut === void 0 || valeur < haut);
|
|
2715
|
-
}, ...ngDevMode ? [{ debugName: "peutAugmenter" }] :
|
|
2715
|
+
}, ...ngDevMode ? [{ debugName: "peutAugmenter" }] : /* istanbul ignore next */ []);
|
|
2716
2716
|
valeurLue = computed(() => {
|
|
2717
2717
|
const valeur = this.value();
|
|
2718
2718
|
if (valeur === null) return null;
|
|
2719
2719
|
const texte = formaterNombre(valeur, this.locale(), this.decimalesAdmises());
|
|
2720
2720
|
const unite = this.unite()?.trim() ?? "";
|
|
2721
2721
|
return unite === "" ? texte : `${texte} ${unite}`;
|
|
2722
|
-
}, ...ngDevMode ? [{ debugName: "valeurLue" }] :
|
|
2722
|
+
}, ...ngDevMode ? [{ debugName: "valeurLue" }] : /* istanbul ignore next */ []);
|
|
2723
2723
|
uniteLue = computed(() => {
|
|
2724
2724
|
const unite = this.unite()?.trim() ?? "";
|
|
2725
2725
|
return unite === "" ? null : this.libelles().uniteDuNombre(unite);
|
|
2726
|
-
}, ...ngDevMode ? [{ debugName: "uniteLue" }] :
|
|
2727
|
-
descriptionsDuControle = computed(() => this.uniteLue() === null ? [] : [this.idUnite], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] :
|
|
2726
|
+
}, ...ngDevMode ? [{ debugName: "uniteLue" }] : /* istanbul ignore next */ []);
|
|
2727
|
+
descriptionsDuControle = computed(() => this.uniteLue() === null ? [] : [this.idUnite], ...ngDevMode ? [{ debugName: "descriptionsDuControle" }] : /* istanbul ignore next */ []);
|
|
2728
2728
|
surPressionDuCadre(evenement) {
|
|
2729
2729
|
const cible = evenement.target;
|
|
2730
2730
|
if (evenement.button !== 0 || !(cible instanceof Element)) return;
|
|
@@ -2770,7 +2770,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2770
2770
|
}
|
|
2771
2771
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2772
2772
|
minVersion: "12.0.0",
|
|
2773
|
-
version: "22.2.
|
|
2773
|
+
version: "22.2.1",
|
|
2774
2774
|
ngImport: i0,
|
|
2775
2775
|
type: StNumberField,
|
|
2776
2776
|
deps: null,
|
|
@@ -2778,7 +2778,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2778
2778
|
});
|
|
2779
2779
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2780
2780
|
minVersion: "17.0.0",
|
|
2781
|
-
version: "22.2.
|
|
2781
|
+
version: "22.2.1",
|
|
2782
2782
|
type: StNumberField,
|
|
2783
2783
|
isStandalone: true,
|
|
2784
2784
|
selector: "st-number-field",
|
|
@@ -2820,7 +2820,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2820
2820
|
usesInheritance: true,
|
|
2821
2821
|
ngImport: i0,
|
|
2822
2822
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\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 est UN champ : un clic sur l'unite donne le focus a la zone de frappe. Avec un pas,\n les boutons - et + sont dans le cadre, a sa fin ; ils ne prennent pas le focus (les fleches\n font le meme travail au clavier). -->\n <div class=\"st-number-field__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n <input\n #champ\n class=\"st-number-field__champ\"\n stControleDeChamp\n type=\"text\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [attr.inputmode]=\"decimalesAdmises() > 0 ? 'decimal' : 'numeric'\"\n [attr.role]=\"pas() === null ? null : 'spinbutton'\"\n [attr.aria-valuenow]=\"pas() === null ? null : value()\"\n [attr.aria-valuemin]=\"pas() === null ? null : (min() ?? null)\"\n [attr.aria-valuemax]=\"pas() === null ? null : (max() ?? null)\"\n [attr.aria-valuetext]=\"pas() === null ? null : valeurLue()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (blur)=\"aLaSortie()\"\n />\n @if (unite(); as texte) {\n <span class=\"st-number-field__unite\" aria-hidden=\"true\">{{ texte }}</span>\n }\n @if (pas() !== null) {\n <span class=\"st-number-field__boutons\">\n <button\n stIconButton\n type=\"button\"\n icone=\"moins\"\n tabindex=\"-1\"\n [etiquette]=\"libelles().diminuer(libelle())\"\n [disabled]=\"!peutDiminuer()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"avancer(-1)\"\n ></button>\n <button\n stIconButton\n type=\"button\"\n icone=\"plus\"\n tabindex=\"-1\"\n [etiquette]=\"libelles().augmenter(libelle())\"\n [disabled]=\"!peutAugmenter()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"avancer(1)\"\n ></button>\n </span>\n }\n </div>\n</st-form-field>\n@if (uniteLue(); as texte) {\n <span class=\"st-vh\" [id]=\"idUnite\">{{ texte }}</span>\n}\n",
|
|
2823
|
-
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;max-inline-size:var(--st-largeur-champ-md)}:host([data-pas]){max-inline-size:var(--st-largeur-champ-lg)}.st-number-field__cadre:has(>.st-number-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-number-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-number-field__cadre>.st-number-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-number-field__cadre:hover:not(:has(>.st-number-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-number-field__cadre:has(>.st-number-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-number-field__cadre:has(>.st-number-field__champ[aria-invalid=true]){border-color:var(--st-couleur-
|
|
2823
|
+
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;max-inline-size:var(--st-largeur-champ-md)}:host([data-pas]){max-inline-size:var(--st-largeur-champ-lg)}.st-number-field__cadre:has(>.st-number-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-number-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-number-field__cadre>.st-number-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-number-field__cadre:hover:not(:has(>.st-number-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-number-field__cadre:has(>.st-number-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-number-field__cadre:has(>.st-number-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-number-field__cadre:has(>.st-number-field__champ[aria-invalid=true]):has(>.st-number-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-number-field__cadre:has(>.st-number-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-number-field__cadre:has(>.st-number-field__champ:is(input,textarea):read-only:not(:disabled)),.st-number-field__cadre:has(>.st-number-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-number-field__cadre{display:flex;align-items:stretch;overflow:hidden}.st-number-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-number-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-number-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-number-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-number-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-number-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-number-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-number-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-number-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-number-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-number-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-number-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-number-field__champ:is(input,textarea):read-only:not(:disabled),.st-number-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-number-field__champ{flex:1 1 auto;min-inline-size:0;font-variant-numeric:var(--st-chiffres-alignes);unicode-bidi:isolate}.st-number-field__cadre:has(>.st-number-field__unite)>.st-number-field__champ{padding-inline-end:var(--st-espacement-2)}.st-number-field__unite{display:flex;flex:none;align-items:center;padding-inline-end:var(--st-espacement-3-5);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);cursor:text}.st-number-field__boutons{display:flex;flex:none}.st-number-field__boutons>button{align-self:stretch;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto;border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:0}.st-number-field__cadre:has(>.st-number-field__champ:disabled)>.st-number-field__unite{color:var(--st-couleur-texte-desactive);cursor:inherit}@media(forced-colors:active){.st-number-field__boutons>button{border-inline-start-color:ButtonText}}\n"],
|
|
2824
2824
|
dependencies: [
|
|
2825
2825
|
{
|
|
2826
2826
|
kind: "component",
|
|
@@ -2863,7 +2863,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2863
2863
|
};
|
|
2864
2864
|
i0.ɵɵngDeclareClassMetadata({
|
|
2865
2865
|
minVersion: "12.0.0",
|
|
2866
|
-
version: "22.2.
|
|
2866
|
+
version: "22.2.1",
|
|
2867
2867
|
ngImport: i0,
|
|
2868
2868
|
type: StNumberField,
|
|
2869
2869
|
decorators: [{
|
|
@@ -2881,7 +2881,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2881
2881
|
"[attr.data-pas]": "pas() === null ? null : \"\""
|
|
2882
2882
|
},
|
|
2883
2883
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideEtRaisons()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n [descriptionsDuControle]=\"descriptionsDuControle()\"\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 est UN champ : un clic sur l'unite donne le focus a la zone de frappe. Avec un pas,\n les boutons - et + sont dans le cadre, a sa fin ; ils ne prennent pas le focus (les fleches\n font le meme travail au clavier). -->\n <div class=\"st-number-field__cadre\" (mousedown)=\"surPressionDuCadre($event)\">\n <input\n #champ\n class=\"st-number-field__champ\"\n stControleDeChamp\n type=\"text\"\n spellcheck=\"false\"\n dir=\"ltr\"\n [attr.inputmode]=\"decimalesAdmises() > 0 ? 'decimal' : 'numeric'\"\n [attr.role]=\"pas() === null ? null : 'spinbutton'\"\n [attr.aria-valuenow]=\"pas() === null ? null : value()\"\n [attr.aria-valuemin]=\"pas() === null ? null : (min() ?? null)\"\n [attr.aria-valuemax]=\"pas() === null ? null : (max() ?? null)\"\n [attr.aria-valuetext]=\"pas() === null ? null : valeurLue()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (keydown)=\"surTouche($event)\"\n (blur)=\"aLaSortie()\"\n />\n @if (unite(); as texte) {\n <span class=\"st-number-field__unite\" aria-hidden=\"true\">{{ texte }}</span>\n }\n @if (pas() !== null) {\n <span class=\"st-number-field__boutons\">\n <button\n stIconButton\n type=\"button\"\n icone=\"moins\"\n tabindex=\"-1\"\n [etiquette]=\"libelles().diminuer(libelle())\"\n [disabled]=\"!peutDiminuer()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"avancer(-1)\"\n ></button>\n <button\n stIconButton\n type=\"button\"\n icone=\"plus\"\n tabindex=\"-1\"\n [etiquette]=\"libelles().augmenter(libelle())\"\n [disabled]=\"!peutAugmenter()\"\n (mousedown)=\"$event.preventDefault()\"\n (click)=\"avancer(1)\"\n ></button>\n </span>\n }\n </div>\n</st-form-field>\n@if (uniteLue(); as texte) {\n <span class=\"st-vh\" [id]=\"idUnite\">{{ texte }}</span>\n}\n",
|
|
2884
|
-
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;max-inline-size:var(--st-largeur-champ-md)}:host([data-pas]){max-inline-size:var(--st-largeur-champ-lg)}.st-number-field__cadre:has(>.st-number-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-number-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-number-field__cadre>.st-number-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-number-field__cadre:hover:not(:has(>.st-number-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-number-field__cadre:has(>.st-number-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-number-field__cadre:has(>.st-number-field__champ[aria-invalid=true]){border-color:var(--st-couleur-
|
|
2884
|
+
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;max-inline-size:var(--st-largeur-champ-md)}:host([data-pas]){max-inline-size:var(--st-largeur-champ-lg)}.st-number-field__cadre:has(>.st-number-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-number-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-number-field__cadre>.st-number-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-number-field__cadre:hover:not(:has(>.st-number-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-number-field__cadre:has(>.st-number-field__champ:focus-visible){border-color:var(--st-couleur-primaire)}.st-number-field__cadre:has(>.st-number-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-number-field__cadre:has(>.st-number-field__champ[aria-invalid=true]):has(>.st-number-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-number-field__cadre:has(>.st-number-field__champ:disabled){color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-number-field__cadre:has(>.st-number-field__champ:is(input,textarea):read-only:not(:disabled)),.st-number-field__cadre:has(>.st-number-field__champ[aria-readonly=true]:not(:disabled)){background:var(--st-couleur-surface-enfoncee)}.st-number-field__cadre{display:flex;align-items:stretch;overflow:hidden}.st-number-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-number-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-number-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-number-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-number-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-number-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-number-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-number-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-number-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-number-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-number-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-number-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-number-field__champ:is(input,textarea):read-only:not(:disabled),.st-number-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-number-field__champ{flex:1 1 auto;min-inline-size:0;font-variant-numeric:var(--st-chiffres-alignes);unicode-bidi:isolate}.st-number-field__cadre:has(>.st-number-field__unite)>.st-number-field__champ{padding-inline-end:var(--st-espacement-2)}.st-number-field__unite{display:flex;flex:none;align-items:center;padding-inline-end:var(--st-espacement-3-5);font-size:var(--st-taille-sm);line-height:var(--st-interligne-sm);color:var(--st-couleur-texte-discret);cursor:text}.st-number-field__boutons{display:flex;flex:none}.st-number-field__boutons>button{align-self:stretch;inline-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut));block-size:auto;border-inline-start:var(--st-epaisseur-fine) solid var(--st-couleur-surface-active);border-radius:0}.st-number-field__cadre:has(>.st-number-field__champ:disabled)>.st-number-field__unite{color:var(--st-couleur-texte-desactive);cursor:inherit}@media(forced-colors:active){.st-number-field__boutons>button{border-inline-start-color:ButtonText}}\n"]
|
|
2885
2885
|
}]
|
|
2886
2886
|
}],
|
|
2887
2887
|
propDecorators: {
|
|
@@ -2926,36 +2926,36 @@ const INSECABLE = String.fromCharCode(160);
|
|
|
2926
2926
|
var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
|
|
2927
2927
|
libelles = inject(ST_LIBELLES);
|
|
2928
2928
|
locale = inject(ST_LOCALE);
|
|
2929
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2929
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2930
2930
|
pas = input(1, {
|
|
2931
|
-
...ngDevMode ? { debugName: "pas" } :
|
|
2931
|
+
...ngDevMode ? { debugName: "pas" } : /* istanbul ignore next */ {},
|
|
2932
2932
|
transform: numberAttribute
|
|
2933
2933
|
});
|
|
2934
|
-
unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] :
|
|
2934
|
+
unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] : /* istanbul ignore next */ []);
|
|
2935
2935
|
avecChamp = input(false, {
|
|
2936
|
-
...ngDevMode ? { debugName: "avecChamp" } :
|
|
2936
|
+
...ngDevMode ? { debugName: "avecChamp" } : /* istanbul ignore next */ {},
|
|
2937
2937
|
transform: booleanAttribute
|
|
2938
2938
|
});
|
|
2939
|
-
formaterValeur = input(null, ...ngDevMode ? [{ debugName: "formaterValeur" }] :
|
|
2940
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
2941
|
-
enveloppe = viewChild.required(StFormField, ...ngDevMode ? [{ debugName: "enveloppe" }] :
|
|
2942
|
-
idDuCurseur = computed(() => this.enveloppe().identifiants.controle, ...ngDevMode ? [{ debugName: "idDuCurseur" }] :
|
|
2943
|
-
bas = computed(() => this.min() ?? 0, ...ngDevMode ? [{ debugName: "bas" }] :
|
|
2944
|
-
haut = computed(() => Math.max(this.max() ?? 100, this.bas()), ...ngDevMode ? [{ debugName: "haut" }] :
|
|
2945
|
-
pasSur = computed(() => this.pas() > 0 ? this.pas() : 1, ...ngDevMode ? [{ debugName: "pasSur" }] :
|
|
2946
|
-
decimales = computed(() => decimalesDuPas(this.pasSur()), ...ngDevMode ? [{ debugName: "decimales" }] :
|
|
2939
|
+
formaterValeur = input(null, ...ngDevMode ? [{ debugName: "formaterValeur" }] : /* istanbul ignore next */ []);
|
|
2940
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
2941
|
+
enveloppe = viewChild.required(StFormField, ...ngDevMode ? [{ debugName: "enveloppe" }] : /* istanbul ignore next */ []);
|
|
2942
|
+
idDuCurseur = computed(() => this.enveloppe().identifiants.controle, ...ngDevMode ? [{ debugName: "idDuCurseur" }] : /* istanbul ignore next */ []);
|
|
2943
|
+
bas = computed(() => this.min() ?? 0, ...ngDevMode ? [{ debugName: "bas" }] : /* istanbul ignore next */ []);
|
|
2944
|
+
haut = computed(() => Math.max(this.max() ?? 100, this.bas()), ...ngDevMode ? [{ debugName: "haut" }] : /* istanbul ignore next */ []);
|
|
2945
|
+
pasSur = computed(() => this.pas() > 0 ? this.pas() : 1, ...ngDevMode ? [{ debugName: "pasSur" }] : /* istanbul ignore next */ []);
|
|
2946
|
+
decimales = computed(() => decimalesDuPas(this.pasSur()), ...ngDevMode ? [{ debugName: "decimales" }] : /* istanbul ignore next */ []);
|
|
2947
2947
|
partRemplie = computed(() => {
|
|
2948
2948
|
const valeur = this.value();
|
|
2949
2949
|
const etendue = this.haut() - this.bas();
|
|
2950
2950
|
if (valeur === null || etendue <= 0) return "0%";
|
|
2951
2951
|
const part = Math.min(100, Math.max(0, (valeur - this.bas()) / etendue * 100));
|
|
2952
2952
|
return `${String(part)}%`;
|
|
2953
|
-
}, ...ngDevMode ? [{ debugName: "partRemplie" }] :
|
|
2953
|
+
}, ...ngDevMode ? [{ debugName: "partRemplie" }] : /* istanbul ignore next */ []);
|
|
2954
2954
|
valeurLue = computed(() => {
|
|
2955
2955
|
const valeur = this.value();
|
|
2956
2956
|
return valeur === null ? "" : this.ecrire(valeur);
|
|
2957
|
-
}, ...ngDevMode ? [{ debugName: "valeurLue" }] :
|
|
2958
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), []), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
2957
|
+
}, ...ngDevMode ? [{ debugName: "valeurLue" }] : /* istanbul ignore next */ []);
|
|
2958
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), []), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
2959
2959
|
ecrire(valeur) {
|
|
2960
2960
|
const formater = this.formaterValeur();
|
|
2961
2961
|
if (formater !== null) return formater(valeur);
|
|
@@ -2980,7 +2980,7 @@ var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
|
|
|
2980
2980
|
}
|
|
2981
2981
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2982
2982
|
minVersion: "12.0.0",
|
|
2983
|
-
version: "22.2.
|
|
2983
|
+
version: "22.2.1",
|
|
2984
2984
|
ngImport: i0,
|
|
2985
2985
|
type: StRangeSlider,
|
|
2986
2986
|
deps: null,
|
|
@@ -2988,7 +2988,7 @@ var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
|
|
|
2988
2988
|
});
|
|
2989
2989
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2990
2990
|
minVersion: "17.0.0",
|
|
2991
|
-
version: "22.2.
|
|
2991
|
+
version: "22.2.1",
|
|
2992
2992
|
type: StRangeSlider,
|
|
2993
2993
|
isStandalone: true,
|
|
2994
2994
|
selector: "st-range-slider",
|
|
@@ -3079,7 +3079,7 @@ var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
|
|
|
3079
3079
|
};
|
|
3080
3080
|
i0.ɵɵngDeclareClassMetadata({
|
|
3081
3081
|
minVersion: "12.0.0",
|
|
3082
|
-
version: "22.2.
|
|
3082
|
+
version: "22.2.1",
|
|
3083
3083
|
ngImport: i0,
|
|
3084
3084
|
type: StRangeSlider,
|
|
3085
3085
|
decorators: [{
|
|
@@ -3149,9 +3149,9 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3149
3149
|
});
|
|
3150
3150
|
var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
3151
3151
|
libelles = inject(ST_LIBELLES);
|
|
3152
|
-
autocomplete = input("tel", ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
3153
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
3154
|
-
aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().exempleDeTelephone, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
3152
|
+
autocomplete = input("tel", ...ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []);
|
|
3153
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
3154
|
+
aideLue = computed(() => this.aideEtRaisons() ?? this.libelles().exempleDeTelephone, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
3155
3155
|
saisie = transformedValue(this.value, {
|
|
3156
3156
|
parse: (texte) => {
|
|
3157
3157
|
const forme = erreurTelephone(texte);
|
|
@@ -3162,8 +3162,8 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
3162
3162
|
},
|
|
3163
3163
|
format: (valeur) => valeur
|
|
3164
3164
|
});
|
|
3165
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
3166
|
-
afficherErreurs = computed(() => this.touched() || this.quitte(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] :
|
|
3165
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
3166
|
+
afficherErreurs = computed(() => this.touched() || this.quitte(), ...ngDevMode ? [{ debugName: "afficherErreurs" }] : /* istanbul ignore next */ []);
|
|
3167
3167
|
surSaisie(evenement) {
|
|
3168
3168
|
this.saisie.set(this.texteSaisi(evenement));
|
|
3169
3169
|
}
|
|
@@ -3173,7 +3173,7 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
3173
3173
|
}
|
|
3174
3174
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3175
3175
|
minVersion: "12.0.0",
|
|
3176
|
-
version: "22.2.
|
|
3176
|
+
version: "22.2.1",
|
|
3177
3177
|
ngImport: i0,
|
|
3178
3178
|
type: StPhoneField,
|
|
3179
3179
|
deps: null,
|
|
@@ -3181,7 +3181,7 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
3181
3181
|
});
|
|
3182
3182
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
3183
3183
|
minVersion: "17.1.0",
|
|
3184
|
-
version: "22.2.
|
|
3184
|
+
version: "22.2.1",
|
|
3185
3185
|
type: StPhoneField,
|
|
3186
3186
|
isStandalone: true,
|
|
3187
3187
|
selector: "st-phone-field",
|
|
@@ -3196,7 +3196,7 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
3196
3196
|
usesInheritance: true,
|
|
3197
3197
|
ngImport: i0,
|
|
3198
3198
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"afficherErreurs()\"\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 <input\n #champ\n class=\"st-phone-field__champ\"\n stControleDeChamp\n type=\"tel\"\n dir=\"ltr\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortie()\"\n />\n</st-form-field>\n",
|
|
3199
|
-
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-phone-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-phone-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-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-phone-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-phone-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-phone-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-phone-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-phone-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
3199
|
+
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-phone-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-phone-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-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-phone-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-phone-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-phone-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-phone-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-phone-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-phone-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-phone-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-phone-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-phone-field__champ:is(input,textarea):read-only:not(:disabled),.st-phone-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-phone-field__champ{max-inline-size:var(--st-largeur-champ-lg);font-variant-numeric:var(--st-chiffres-references);text-align:start;unicode-bidi:isolate}\n"],
|
|
3200
3200
|
dependencies: [{
|
|
3201
3201
|
kind: "component",
|
|
3202
3202
|
type: StFormField,
|
|
@@ -3219,7 +3219,7 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
3219
3219
|
};
|
|
3220
3220
|
i0.ɵɵngDeclareClassMetadata({
|
|
3221
3221
|
minVersion: "12.0.0",
|
|
3222
|
-
version: "22.2.
|
|
3222
|
+
version: "22.2.1",
|
|
3223
3223
|
ngImport: i0,
|
|
3224
3224
|
type: StPhoneField,
|
|
3225
3225
|
decorators: [{
|
|
@@ -3230,7 +3230,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3230
3230
|
imports: [StFormField, StControleDeChamp],
|
|
3231
3231
|
host: { class: "st-phone-field" },
|
|
3232
3232
|
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"afficherErreurs()\"\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 <input\n #champ\n class=\"st-phone-field__champ\"\n stControleDeChamp\n type=\"tel\"\n dir=\"ltr\"\n [attr.autocomplete]=\"autocomplete()\"\n [value]=\"saisie()\"\n [attr.name]=\"name() || null\"\n [disabled]=\"disabled()\"\n [readOnly]=\"readonly()\"\n (input)=\"surSaisie($event)\"\n (blur)=\"aLaSortie()\"\n />\n</st-form-field>\n",
|
|
3233
|
-
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-phone-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-phone-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-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-phone-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-phone-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-phone-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-phone-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-phone-field__champ[aria-invalid=true]{border-color:var(--st-couleur-
|
|
3233
|
+
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-phone-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-phone-field__champ{box-sizing:border-box;inline-size:100%;min-block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-field__champ:is(input,select){block-size:var(--st-commande-hauteur, var(--st-hauteur-commande-defaut))}.st-phone-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-phone-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-phone-field__champ::placeholder{color:var(--st-couleur-texte-attenue);opacity:1}@media(hover:hover){.st-phone-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-phone-field__champ:focus-visible{border-color:var(--st-couleur-primaire)}.st-phone-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-phone-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-phone-field__champ:disabled{color:var(--st-couleur-texte-desactive);cursor:not-allowed;background:var(--st-couleur-surface);border-color:var(--st-couleur-bordure)}.st-phone-field__champ:disabled::placeholder{color:var(--st-couleur-texte-desactive)}.st-phone-field__champ:is(input,textarea):read-only:not(:disabled),.st-phone-field__champ[aria-readonly=true]:not(:disabled){font-weight:var(--st-graisse-moyenne);background:var(--st-couleur-surface-enfoncee)}.st-phone-field__champ{max-inline-size:var(--st-largeur-champ-lg);font-variant-numeric:var(--st-chiffres-references);text-align:start;unicode-bidi:isolate}\n"]
|
|
3234
3234
|
}]
|
|
3235
3235
|
}],
|
|
3236
3236
|
propDecorators: { autocomplete: [{
|
|
@@ -3289,16 +3289,16 @@ function memeRecurrence(a, b) {
|
|
|
3289
3289
|
var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
3290
3290
|
locale = inject(ST_LOCALE);
|
|
3291
3291
|
catalogue = catalogueDesFormulaires();
|
|
3292
|
-
libellesDesChamps = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "libellesDesChamps" }] :
|
|
3293
|
-
langueDeRepli = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langueDeRepli" }] :
|
|
3294
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
3295
|
-
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] :
|
|
3296
|
-
frequenceChamp = viewChild(StSelect, ...ngDevMode ? [{ debugName: "frequenceChamp" }] :
|
|
3297
|
-
debutChamp = viewChild("debut", ...ngDevMode ? [{ debugName: "debutChamp" }] :
|
|
3292
|
+
libellesDesChamps = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "libellesDesChamps" }] : /* istanbul ignore next */ []);
|
|
3293
|
+
langueDeRepli = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langueDeRepli" }] : /* istanbul ignore next */ []);
|
|
3294
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
3295
|
+
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] : /* istanbul ignore next */ []);
|
|
3296
|
+
frequenceChamp = viewChild(StSelect, ...ngDevMode ? [{ debugName: "frequenceChamp" }] : /* istanbul ignore next */ []);
|
|
3297
|
+
debutChamp = viewChild("debut", ...ngDevMode ? [{ debugName: "debutChamp" }] : /* istanbul ignore next */ []);
|
|
3298
3298
|
idDuRecapitulatif = inject(StIdentifiants).prochain("st-recurrence");
|
|
3299
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
3299
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
3300
3300
|
brouillon = linkedSignal({
|
|
3301
|
-
...ngDevMode ? { debugName: "brouillon" } :
|
|
3301
|
+
...ngDevMode ? { debugName: "brouillon" } : /* istanbul ignore next */ {},
|
|
3302
3302
|
source: this.value,
|
|
3303
3303
|
computation: (recurrence, precedent) => {
|
|
3304
3304
|
if (precedent !== void 0 && memeRecurrence(recurrenceDe(precedent.value), recurrence)) return precedent.value;
|
|
@@ -3308,11 +3308,11 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
3308
3308
|
optionsDeFrequence = computed(() => FREQUENCES.map((frequence) => ({
|
|
3309
3309
|
valeur: frequence,
|
|
3310
3310
|
libelle: this.libellesDesChamps().frequences[frequence]
|
|
3311
|
-
})), ...ngDevMode ? [{ debugName: "optionsDeFrequence" }] :
|
|
3311
|
+
})), ...ngDevMode ? [{ debugName: "optionsDeFrequence" }] : /* istanbul ignore next */ []);
|
|
3312
3312
|
optionsDeJour = computed(() => Array.from({ length: 31 }, (_, rang) => ({
|
|
3313
3313
|
valeur: String(rang + 1),
|
|
3314
3314
|
libelle: String(rang + 1)
|
|
3315
|
-
})), ...ngDevMode ? [{ debugName: "optionsDeJour" }] :
|
|
3315
|
+
})), ...ngDevMode ? [{ debugName: "optionsDeJour" }] : /* istanbul ignore next */ []);
|
|
3316
3316
|
optionsDeFin = computed(() => {
|
|
3317
3317
|
const libelles = this.libellesDesChamps();
|
|
3318
3318
|
return [
|
|
@@ -3329,21 +3329,21 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
3329
3329
|
libelle: libelles.finApresNombre
|
|
3330
3330
|
}
|
|
3331
3331
|
];
|
|
3332
|
-
}, ...ngDevMode ? [{ debugName: "optionsDeFin" }] :
|
|
3332
|
+
}, ...ngDevMode ? [{ debugName: "optionsDeFin" }] : /* istanbul ignore next */ []);
|
|
3333
3333
|
avecJourDuMois = computed(() => {
|
|
3334
3334
|
const frequence = this.brouillon().frequence;
|
|
3335
3335
|
return frequence === "mensuelle" || frequence === "annuelle";
|
|
3336
|
-
}, ...ngDevMode ? [{ debugName: "avecJourDuMois" }] :
|
|
3336
|
+
}, ...ngDevMode ? [{ debugName: "avecJourDuMois" }] : /* istanbul ignore next */ []);
|
|
3337
3337
|
jourChoisi = computed(() => {
|
|
3338
3338
|
const jour = this.brouillon().jourDuMois;
|
|
3339
3339
|
return jour === null ? "" : String(jour);
|
|
3340
|
-
}, ...ngDevMode ? [{ debugName: "jourChoisi" }] :
|
|
3341
|
-
unite = computed(() => this.libellesDesChamps().unitesDIntervalle[this.brouillon().frequence], ...ngDevMode ? [{ debugName: "unite" }] :
|
|
3340
|
+
}, ...ngDevMode ? [{ debugName: "jourChoisi" }] : /* istanbul ignore next */ []);
|
|
3341
|
+
unite = computed(() => this.libellesDesChamps().unitesDIntervalle[this.brouillon().frequence], ...ngDevMode ? [{ debugName: "unite" }] : /* istanbul ignore next */ []);
|
|
3342
3342
|
recapitulatif = computed(() => {
|
|
3343
3343
|
const recurrence = this.value();
|
|
3344
3344
|
return recurrence === null ? null : decrireRecurrence(recurrence, this.locale());
|
|
3345
|
-
}, ...ngDevMode ? [{ debugName: "recapitulatif" }] :
|
|
3346
|
-
decritPar = computed(() => this.recapitulatif() === null ? [] : [this.idDuRecapitulatif], ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
3345
|
+
}, ...ngDevMode ? [{ debugName: "recapitulatif" }] : /* istanbul ignore next */ []);
|
|
3346
|
+
decritPar = computed(() => this.recapitulatif() === null ? [] : [this.idDuRecapitulatif], ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
|
|
3347
3347
|
modifier(partie) {
|
|
3348
3348
|
const brouillon = {
|
|
3349
3349
|
...this.brouillon(),
|
|
@@ -3371,7 +3371,7 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
3371
3371
|
}
|
|
3372
3372
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3373
3373
|
minVersion: "12.0.0",
|
|
3374
|
-
version: "22.2.
|
|
3374
|
+
version: "22.2.1",
|
|
3375
3375
|
ngImport: i0,
|
|
3376
3376
|
type: StRecurrenceField,
|
|
3377
3377
|
deps: null,
|
|
@@ -3379,7 +3379,7 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
3379
3379
|
});
|
|
3380
3380
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
3381
3381
|
minVersion: "17.0.0",
|
|
3382
|
-
version: "22.2.
|
|
3382
|
+
version: "22.2.1",
|
|
3383
3383
|
type: StRecurrenceField,
|
|
3384
3384
|
isStandalone: true,
|
|
3385
3385
|
selector: "st-recurrence-field",
|
|
@@ -3517,7 +3517,7 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
3517
3517
|
};
|
|
3518
3518
|
i0.ɵɵngDeclareClassMetadata({
|
|
3519
3519
|
minVersion: "12.0.0",
|
|
3520
|
-
version: "22.2.
|
|
3520
|
+
version: "22.2.1",
|
|
3521
3521
|
ngImport: i0,
|
|
3522
3522
|
type: StRecurrenceField,
|
|
3523
3523
|
decorators: [{
|