@starterlib/ui 0.10.13 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENCES-TIERCES.md +9 -3
- package/README.md +167 -32
- package/assets/icones/catalogue.json +199 -4
- package/assets/icones/sprite.svg +14 -0
- package/assets/logos/starter-bank-clair.svg +1 -0
- package/assets/logos/starter-bank-monochrome.svg +1 -0
- package/assets/logos/starter-bank-sombre.svg +1 -0
- package/fesm2022/starterlib-ui-arbre.mjs +25 -25
- package/fesm2022/starterlib-ui-arbre.mjs.map +1 -1
- package/fesm2022/starterlib-ui-donnees.mjs +760 -274
- package/fesm2022/starterlib-ui-donnees.mjs.map +1 -1
- package/fesm2022/starterlib-ui-etats.mjs +82 -82
- package/fesm2022/starterlib-ui-etats.mjs.map +1 -1
- package/fesm2022/starterlib-ui-force.mjs +18 -0
- package/fesm2022/starterlib-ui-force.mjs.map +1 -0
- package/fesm2022/starterlib-ui-formulaires.mjs +580 -198
- package/fesm2022/starterlib-ui-formulaires.mjs.map +1 -1
- package/fesm2022/starterlib-ui-graphiques.mjs +934 -0
- package/fesm2022/starterlib-ui-graphiques.mjs.map +1 -0
- package/fesm2022/starterlib-ui-indicateurs.mjs +59 -59
- package/fesm2022/starterlib-ui-indicateurs.mjs.map +1 -1
- package/fesm2022/starterlib-ui-libelles-en.mjs +11 -0
- package/fesm2022/starterlib-ui-libelles-en.mjs.map +1 -1
- package/fesm2022/starterlib-ui-listes.mjs +727 -315
- package/fesm2022/starterlib-ui-listes.mjs.map +1 -1
- package/fesm2022/starterlib-ui-messagerie.mjs +45 -45
- package/fesm2022/starterlib-ui-messagerie.mjs.map +1 -1
- package/fesm2022/starterlib-ui-mise-en-page.mjs +46 -46
- package/fesm2022/starterlib-ui-mise-en-page.mjs.map +1 -1
- package/fesm2022/starterlib-ui-navigation.mjs +200 -42
- package/fesm2022/starterlib-ui-navigation.mjs.map +1 -1
- package/fesm2022/starterlib-ui-onglets.mjs +20 -20
- package/fesm2022/starterlib-ui-onglets.mjs.map +1 -1
- package/fesm2022/starterlib-ui-parcours.mjs +631 -168
- package/fesm2022/starterlib-ui-parcours.mjs.map +1 -1
- package/fesm2022/starterlib-ui-qr.mjs +11 -11
- package/fesm2022/starterlib-ui-qr.mjs.map +1 -1
- package/fesm2022/starterlib-ui-saisie.mjs +617 -511
- package/fesm2022/starterlib-ui-saisie.mjs.map +1 -1
- package/fesm2022/starterlib-ui-selection.mjs +64 -64
- package/fesm2022/starterlib-ui-selection.mjs.map +1 -1
- package/fesm2022/starterlib-ui-sens.mjs +3 -3
- package/fesm2022/starterlib-ui-surfaces.mjs +246 -242
- package/fesm2022/starterlib-ui-surfaces.mjs.map +1 -1
- package/fesm2022/starterlib-ui-virtuel.mjs +272 -0
- package/fesm2022/starterlib-ui-virtuel.mjs.map +1 -0
- package/fesm2022/starterlib-ui.mjs +1142 -898
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +31 -3
- package/types/starterlib-ui-donnees.d.ts +231 -5
- package/types/starterlib-ui-force.d.ts +19 -0
- package/types/starterlib-ui-formulaires.d.ts +132 -1
- package/types/starterlib-ui-graphiques.d.ts +421 -0
- package/types/starterlib-ui-indicateurs.d.ts +11 -4
- package/types/starterlib-ui-listes.d.ts +230 -13
- package/types/starterlib-ui-navigation.d.ts +82 -1
- package/types/starterlib-ui-parcours.d.ts +265 -5
- package/types/starterlib-ui-saisie.d.ts +91 -10
- package/types/starterlib-ui-selection.d.ts +1 -1
- package/types/starterlib-ui-surfaces.d.ts +10 -9
- package/types/starterlib-ui-virtuel.d.ts +103 -0
- package/types/starterlib-ui.d.ts +175 -24
- package/virtuel/README.md +46 -0
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import { ChangeDetectionStrategy, Component, DOCUMENT, DestroyRef, Directive, ElementRef, InjectionToken, Injector, afterNextRender, booleanAttribute, computed, effect, inject, input, isDevMode, linkedSignal, model, numberAttribute, output, signal, untracked, viewChild, viewChildren } from "@angular/core";
|
|
3
3
|
import { submit, transformedValue } from "@angular/forms/signals";
|
|
4
|
-
import { ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_ETAT_D_ENVOI, StCalendar, StControleDeChamp, StFieldset, StFormField, StRadioGroup, StSelect, erreurTelephone, exempleDeDate, fusionnerErreurs, messageDErreur, motifDHeureLocal, motifLocal } from "@starterlib/ui/saisie";
|
|
4
|
+
import { ContratDeChamp, ContratDeChampABornes, ControleDeSaisie, ST_ETAT_D_ENVOI, StCalendar, StControleDeChamp, StFieldset, StFormField, StRadioGroup, StSelect, erreurTelephone, exempleDeDate, fusionnerErreurs, messageDErreur, motifDHeureLocal, motifDuMoisLocal, motifLocal } from "@starterlib/ui/saisie";
|
|
5
5
|
import { AnnonceLocale, ST_LIBELLES, ST_LOCALE, StIcon, StIconButton, StIdentifiants, catalogueDuPointDEntree } from "@starterlib/ui";
|
|
6
|
-
import { decimalesDe, decrireRecurrence, estHeureIso, exempleDHeure, formaterDateSaisie, formaterHeureSaisie, formaterMontant, formaterNombre, heureSurDouze, lireDate, lireHeure, lireMontant, lireNombre, montant, nomDuFuseau, normaliserTelephone } from "@starterlib/util/valeurs";
|
|
6
|
+
import { decimalesDe, decrireRecurrence, estDateIso, estHeureIso, estMoisIso, exempleDHeure, exempleDeMois, formaterDateSaisie, formaterHeureSaisie, formaterMoisSaisie, formaterMontant, formaterNombre, heureSurDouze, lireDate, lireHeure, lireMois, lireMontant, lireNombre, montant, nomDuFuseau, normaliserTelephone, ordreDeDate } from "@starterlib/util/valeurs";
|
|
7
7
|
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: () => [],
|
|
@@ -425,6 +425,20 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
425
425
|
}]
|
|
426
426
|
}
|
|
427
427
|
});
|
|
428
|
+
function enumerer(morceaux, et) {
|
|
429
|
+
if (morceaux.length <= 1) return morceaux.join("");
|
|
430
|
+
return `${morceaux.slice(0, -1).join(", ")} ${et} ${morceaux[morceaux.length - 1] ?? ""}`;
|
|
431
|
+
}
|
|
432
|
+
const PARTIES_FR = {
|
|
433
|
+
jour: "le jour",
|
|
434
|
+
mois: "le mois",
|
|
435
|
+
annee: "l’année"
|
|
436
|
+
};
|
|
437
|
+
const PARTIES_EN = {
|
|
438
|
+
jour: "day",
|
|
439
|
+
mois: "month",
|
|
440
|
+
annee: "year"
|
|
441
|
+
};
|
|
428
442
|
const LIBELLES_FORMULAIRES_FR = {
|
|
429
443
|
montantMinimal: "Montant minimal",
|
|
430
444
|
montantMaximal: "Montant maximal",
|
|
@@ -452,7 +466,12 @@ const LIBELLES_FORMULAIRES_FR = {
|
|
|
452
466
|
finApresNombre: "Après un nombre d’échéances",
|
|
453
467
|
derniereEcheance: "Dernière échéance le",
|
|
454
468
|
nombreDEcheances: "Nombre d’échéances",
|
|
455
|
-
recapitulatif: "Récapitulatif"
|
|
469
|
+
recapitulatif: "Récapitulatif",
|
|
470
|
+
jour: "Jour",
|
|
471
|
+
mois: "Mois",
|
|
472
|
+
exempleDeDateMemorable: (exemple) => `Par exemple ${exemple}.`,
|
|
473
|
+
dateMemorableIncomplete: (manque) => `Saisissez ${enumerer(manque.map((partie) => PARTIES_FR[partie]), "et")}.`,
|
|
474
|
+
dateMemorableInexistante: (exemple) => `Saisissez une date qui existe, en chiffres, par exemple ${exemple}.`
|
|
456
475
|
};
|
|
457
476
|
const LIBELLES_FORMULAIRES_EN = {
|
|
458
477
|
montantMinimal: "Minimum amount",
|
|
@@ -481,7 +500,12 @@ const LIBELLES_FORMULAIRES_EN = {
|
|
|
481
500
|
finApresNombre: "After a number of occurrences",
|
|
482
501
|
derniereEcheance: "Last occurrence on",
|
|
483
502
|
nombreDEcheances: "Number of occurrences",
|
|
484
|
-
recapitulatif: "Summary"
|
|
503
|
+
recapitulatif: "Summary",
|
|
504
|
+
jour: "Day",
|
|
505
|
+
mois: "Month",
|
|
506
|
+
exempleDeDateMemorable: (exemple) => `For example, ${exemple}.`,
|
|
507
|
+
dateMemorableIncomplete: (manque) => `Enter the ${enumerer(manque.map((partie) => PARTIES_EN[partie]), "and")}.`,
|
|
508
|
+
dateMemorableInexistante: (exemple) => `Enter a real date, in numbers, for example ${exemple}.`
|
|
485
509
|
};
|
|
486
510
|
const ST_LIBELLES_FORMULAIRES = new InjectionToken("ST_LIBELLES_FORMULAIRES", {
|
|
487
511
|
providedIn: "root",
|
|
@@ -517,25 +541,25 @@ var StAmountRange = class StAmountRange extends ContratDeChamp {
|
|
|
517
541
|
value = model({
|
|
518
542
|
min: null,
|
|
519
543
|
max: null
|
|
520
|
-
}, ...ngDevMode ? [{ debugName: "value" }] :
|
|
521
|
-
devise = input.required(...ngDevMode ? [{ debugName: "devise" }] :
|
|
522
|
-
etiquettes = input(null, ...ngDevMode ? [{ debugName: "etiquettes" }] :
|
|
523
|
-
fieldset = viewChild(StFieldset, ...ngDevMode ? [{ debugName: "fieldset" }] :
|
|
524
|
-
champs = viewChildren(StAmountField, ...ngDevMode ? [{ debugName: "champs" }] :
|
|
525
|
-
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 */ []);
|
|
526
550
|
etiquettesLues = computed(() => {
|
|
527
551
|
const libelles = this.libellesDesChamps();
|
|
528
552
|
return this.etiquettes() ?? {
|
|
529
553
|
min: libelles.montantMinimal,
|
|
530
554
|
max: libelles.montantMaximal
|
|
531
555
|
};
|
|
532
|
-
}, ...ngDevMode ? [{ debugName: "etiquettesLues" }] :
|
|
533
|
-
erreursDuMaximum = computed(() => this.errors().filter((erreur) => erreur.kind === "plageDeMontants"), ...ngDevMode ? [{ debugName: "erreursDuMaximum" }] :
|
|
534
|
-
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 */ []);
|
|
535
559
|
decritPar = computed(() => {
|
|
536
560
|
const fieldset = this.fieldset();
|
|
537
561
|
return fieldset !== void 0 && this.aideEtRaisons() !== null ? [fieldset.identifiants.aide] : [];
|
|
538
|
-
}, ...ngDevMode ? [{ debugName: "decritPar" }] :
|
|
562
|
+
}, ...ngDevMode ? [{ debugName: "decritPar" }] : /* istanbul ignore next */ []);
|
|
539
563
|
changer(partie, montant) {
|
|
540
564
|
this.value.set({
|
|
541
565
|
...this.value(),
|
|
@@ -556,7 +580,7 @@ var StAmountRange = class StAmountRange extends ContratDeChamp {
|
|
|
556
580
|
}
|
|
557
581
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
558
582
|
minVersion: "12.0.0",
|
|
559
|
-
version: "22.2.
|
|
583
|
+
version: "22.2.1",
|
|
560
584
|
ngImport: i0,
|
|
561
585
|
type: StAmountRange,
|
|
562
586
|
deps: null,
|
|
@@ -564,7 +588,7 @@ var StAmountRange = class StAmountRange extends ContratDeChamp {
|
|
|
564
588
|
});
|
|
565
589
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
566
590
|
minVersion: "17.2.0",
|
|
567
|
-
version: "22.2.
|
|
591
|
+
version: "22.2.1",
|
|
568
592
|
type: StAmountRange,
|
|
569
593
|
isStandalone: true,
|
|
570
594
|
selector: "st-amount-range",
|
|
@@ -643,7 +667,7 @@ var StAmountRange = class StAmountRange extends ContratDeChamp {
|
|
|
643
667
|
};
|
|
644
668
|
i0.ɵɵngDeclareClassMetadata({
|
|
645
669
|
minVersion: "12.0.0",
|
|
646
|
-
version: "22.2.
|
|
670
|
+
version: "22.2.1",
|
|
647
671
|
ngImport: i0,
|
|
648
672
|
type: StAmountRange,
|
|
649
673
|
decorators: [{
|
|
@@ -698,7 +722,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
698
722
|
const MARGE = 8;
|
|
699
723
|
const ECART = 4;
|
|
700
724
|
var StCoucheAncree = class StCoucheAncree {
|
|
701
|
-
stCoucheAncree = input.required(...ngDevMode ? [{ debugName: "stCoucheAncree" }] :
|
|
725
|
+
stCoucheAncree = input.required(...ngDevMode ? [{ debugName: "stCoucheAncree" }] : /* istanbul ignore next */ []);
|
|
702
726
|
element = inject(ElementRef).nativeElement;
|
|
703
727
|
fenetre = inject(DOCUMENT).defaultView;
|
|
704
728
|
observateur = null;
|
|
@@ -707,7 +731,7 @@ var StCoucheAncree = class StCoucheAncree {
|
|
|
707
731
|
if (ancre === null || this.fenetre === null || !this.element.matches(":popover-open")) return;
|
|
708
732
|
const largeurUtile = this.element.ownerDocument.documentElement.clientWidth;
|
|
709
733
|
const hauteurUtile = this.fenetre.innerHeight;
|
|
710
|
-
this.element.style.setProperty("max-inline-size", `${String(largeurUtile -
|
|
734
|
+
this.element.style.setProperty("max-inline-size", `${String(largeurUtile - 16)}px`);
|
|
711
735
|
const a = ancre.getBoundingClientRect();
|
|
712
736
|
const bloc = this.element.getBoundingClientRect();
|
|
713
737
|
const debut = this.fenetre.getComputedStyle(ancre).direction === "rtl" ? a.right - bloc.width : a.left;
|
|
@@ -745,7 +769,7 @@ var StCoucheAncree = class StCoucheAncree {
|
|
|
745
769
|
}
|
|
746
770
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
747
771
|
minVersion: "12.0.0",
|
|
748
|
-
version: "22.2.
|
|
772
|
+
version: "22.2.1",
|
|
749
773
|
ngImport: i0,
|
|
750
774
|
type: StCoucheAncree,
|
|
751
775
|
deps: [],
|
|
@@ -753,7 +777,7 @@ var StCoucheAncree = class StCoucheAncree {
|
|
|
753
777
|
});
|
|
754
778
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
755
779
|
minVersion: "17.1.0",
|
|
756
|
-
version: "22.2.
|
|
780
|
+
version: "22.2.1",
|
|
757
781
|
type: StCoucheAncree,
|
|
758
782
|
isStandalone: true,
|
|
759
783
|
selector: "[stCoucheAncree]",
|
|
@@ -770,7 +794,7 @@ var StCoucheAncree = class StCoucheAncree {
|
|
|
770
794
|
};
|
|
771
795
|
i0.ɵɵngDeclareClassMetadata({
|
|
772
796
|
minVersion: "12.0.0",
|
|
773
|
-
version: "22.2.
|
|
797
|
+
version: "22.2.1",
|
|
774
798
|
ngImport: i0,
|
|
775
799
|
type: StCoucheAncree,
|
|
776
800
|
decorators: [{
|
|
@@ -854,18 +878,18 @@ function texteDesBornes$1(libelles, locale, min, max) {
|
|
|
854
878
|
return null;
|
|
855
879
|
}
|
|
856
880
|
var StRaccourcisDeDates = class StRaccourcisDeDates {
|
|
857
|
-
titre = input.required(...ngDevMode ? [{ debugName: "titre" }] :
|
|
858
|
-
disposition = input("liste", ...ngDevMode ? [{ debugName: "disposition" }] :
|
|
859
|
-
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 */ []);
|
|
860
884
|
desactive = input(false, {
|
|
861
|
-
...ngDevMode ? { debugName: "desactive" } :
|
|
885
|
+
...ngDevMode ? { debugName: "desactive" } : /* istanbul ignore next */ {},
|
|
862
886
|
transform: booleanAttribute
|
|
863
887
|
});
|
|
864
888
|
choix = output();
|
|
865
889
|
idDuTitre = `${inject(StIdentifiants).prochain("st-raccourcis")}-titre`;
|
|
866
890
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
867
891
|
minVersion: "12.0.0",
|
|
868
|
-
version: "22.2.
|
|
892
|
+
version: "22.2.1",
|
|
869
893
|
ngImport: i0,
|
|
870
894
|
type: StRaccourcisDeDates,
|
|
871
895
|
deps: [],
|
|
@@ -873,7 +897,7 @@ var StRaccourcisDeDates = class StRaccourcisDeDates {
|
|
|
873
897
|
});
|
|
874
898
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
875
899
|
minVersion: "17.0.0",
|
|
876
|
-
version: "22.2.
|
|
900
|
+
version: "22.2.1",
|
|
877
901
|
type: StRaccourcisDeDates,
|
|
878
902
|
isStandalone: true,
|
|
879
903
|
selector: "st-raccourcis-de-dates",
|
|
@@ -936,7 +960,7 @@ var StRaccourcisDeDates = class StRaccourcisDeDates {
|
|
|
936
960
|
};
|
|
937
961
|
i0.ɵɵngDeclareClassMetadata({
|
|
938
962
|
minVersion: "12.0.0",
|
|
939
|
-
version: "22.2.
|
|
963
|
+
version: "22.2.1",
|
|
940
964
|
ngImport: i0,
|
|
941
965
|
type: StRaccourcisDeDates,
|
|
942
966
|
decorators: [{
|
|
@@ -997,14 +1021,14 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
997
1021
|
locale = inject(ST_LOCALE);
|
|
998
1022
|
element = inject(ElementRef);
|
|
999
1023
|
injecteur = inject(Injector);
|
|
1000
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
1001
|
-
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] :
|
|
1002
|
-
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] :
|
|
1003
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
1004
|
-
annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] :
|
|
1005
|
-
raccourcis = input([], ...ngDevMode ? [{ debugName: "raccourcis" }] :
|
|
1006
|
-
dispositionDesRaccourcis = input("liste", ...ngDevMode ? [{ debugName: "dispositionDesRaccourcis" }] :
|
|
1007
|
-
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 */ []);
|
|
1008
1032
|
raccourcisAffiches = computed(() => {
|
|
1009
1033
|
const date = this.value();
|
|
1010
1034
|
return this.raccourcis().map((raccourci) => ({
|
|
@@ -1013,20 +1037,20 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1013
1037
|
precision: raccourci.precision ?? null,
|
|
1014
1038
|
choisi: raccourci.date === date
|
|
1015
1039
|
}));
|
|
1016
|
-
}, ...ngDevMode ? [{ debugName: "raccourcisAffiches" }] :
|
|
1017
|
-
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 */ []);
|
|
1018
1042
|
choisirUnRaccourci(cle) {
|
|
1019
1043
|
const raccourci = this.raccourcis().find((un) => un.cle === cle);
|
|
1020
1044
|
if (raccourci !== void 0) this.value.set(raccourci.date);
|
|
1021
1045
|
}
|
|
1022
|
-
ouvert = signal(false, ...ngDevMode ? [{ debugName: "ouvert" }] :
|
|
1046
|
+
ouvert = signal(false, ...ngDevMode ? [{ debugName: "ouvert" }] : /* istanbul ignore next */ []);
|
|
1023
1047
|
identifiantCalendrier = `${inject(StIdentifiants).prochain("st-date")}-calendrier`;
|
|
1024
|
-
calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] :
|
|
1048
|
+
calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] : /* istanbul ignore next */ []);
|
|
1025
1049
|
bouton = viewChild("bouton", {
|
|
1026
|
-
...ngDevMode ? { debugName: "bouton" } :
|
|
1050
|
+
...ngDevMode ? { debugName: "bouton" } : /* istanbul ignore next */ {},
|
|
1027
1051
|
read: ElementRef
|
|
1028
1052
|
});
|
|
1029
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
1053
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
1030
1054
|
saisie = transformedValue(this.value, {
|
|
1031
1055
|
parse: (texte) => {
|
|
1032
1056
|
if (texte.trim() === "") return { value: null };
|
|
@@ -1038,7 +1062,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1038
1062
|
},
|
|
1039
1063
|
format: (valeur) => this.formater(valeur)
|
|
1040
1064
|
});
|
|
1041
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
1065
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
1042
1066
|
aideLue = computed(() => {
|
|
1043
1067
|
const libelles = this.libelles();
|
|
1044
1068
|
const locale = this.locale();
|
|
@@ -1049,13 +1073,13 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1049
1073
|
format,
|
|
1050
1074
|
bornes
|
|
1051
1075
|
].filter((texte) => texte !== null).join(" ");
|
|
1052
|
-
}, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
1076
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
1053
1077
|
sortie = new SortieDuComposant(this.element.nativeElement, () => {
|
|
1054
1078
|
this.ouvert.set(false);
|
|
1055
1079
|
this.quitte.set(true);
|
|
1056
1080
|
this.touch.emit();
|
|
1057
1081
|
});
|
|
1058
|
-
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 */ []);
|
|
1059
1083
|
surSaisie(evenement) {
|
|
1060
1084
|
this.saisie.set(this.texteSaisi(evenement));
|
|
1061
1085
|
}
|
|
@@ -1102,7 +1126,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1102
1126
|
}
|
|
1103
1127
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1104
1128
|
minVersion: "12.0.0",
|
|
1105
|
-
version: "22.2.
|
|
1129
|
+
version: "22.2.1",
|
|
1106
1130
|
ngImport: i0,
|
|
1107
1131
|
type: StDateField,
|
|
1108
1132
|
deps: null,
|
|
@@ -1110,7 +1134,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1110
1134
|
});
|
|
1111
1135
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1112
1136
|
minVersion: "17.0.0",
|
|
1113
|
-
version: "22.2.
|
|
1137
|
+
version: "22.2.1",
|
|
1114
1138
|
type: StDateField,
|
|
1115
1139
|
isStandalone: true,
|
|
1116
1140
|
selector: "st-date-field",
|
|
@@ -1198,7 +1222,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1198
1222
|
usesInheritance: true,
|
|
1199
1223
|
ngImport: i0,
|
|
1200
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",
|
|
1201
|
-
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"],
|
|
1202
1226
|
dependencies: [
|
|
1203
1227
|
{
|
|
1204
1228
|
kind: "component",
|
|
@@ -1275,7 +1299,7 @@ var StDateField = class StDateField extends ContratDeChamp {
|
|
|
1275
1299
|
};
|
|
1276
1300
|
i0.ɵɵngDeclareClassMetadata({
|
|
1277
1301
|
minVersion: "12.0.0",
|
|
1278
|
-
version: "22.2.
|
|
1302
|
+
version: "22.2.1",
|
|
1279
1303
|
ngImport: i0,
|
|
1280
1304
|
type: StDateField,
|
|
1281
1305
|
decorators: [{
|
|
@@ -1298,7 +1322,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1298
1322
|
"(keydown.escape)": "surEchap($event)"
|
|
1299
1323
|
},
|
|
1300
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",
|
|
1301
|
-
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"]
|
|
1302
1326
|
}]
|
|
1303
1327
|
}],
|
|
1304
1328
|
propDecorators: {
|
|
@@ -1390,20 +1414,20 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1390
1414
|
value = model({
|
|
1391
1415
|
debut: null,
|
|
1392
1416
|
fin: null
|
|
1393
|
-
}, ...ngDevMode ? [{ debugName: "value" }] :
|
|
1394
|
-
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] :
|
|
1395
|
-
dateMax = input(null, ...ngDevMode ? [{ debugName: "dateMax" }] :
|
|
1396
|
-
libelleDebut = input(null, ...ngDevMode ? [{ debugName: "libelleDebut" }] :
|
|
1397
|
-
libelleFin = input(null, ...ngDevMode ? [{ debugName: "libelleFin" }] :
|
|
1398
|
-
annees = input(null, ...ngDevMode ? [{ debugName: "annees" }] :
|
|
1399
|
-
raccourcis = input([], ...ngDevMode ? [{ debugName: "raccourcis" }] :
|
|
1400
|
-
dispositionDesRaccourcis = input("liste", ...ngDevMode ? [{ debugName: "dispositionDesRaccourcis" }] :
|
|
1401
|
-
titreDesRaccourcis = input(null, ...ngDevMode ? [{ debugName: "titreDesRaccourcis" }] :
|
|
1402
|
-
variante = input("complete", ...ngDevMode ? [{ debugName: "variante" }] :
|
|
1403
|
-
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 */ []);
|
|
1404
1428
|
parties = ["debut", "fin"];
|
|
1405
|
-
ouvert = signal(null, ...ngDevMode ? [{ debugName: "ouvert" }] :
|
|
1406
|
-
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 */ []);
|
|
1407
1431
|
identifiants = (() => {
|
|
1408
1432
|
const base = inject(StIdentifiants).prochain("st-plage");
|
|
1409
1433
|
return {
|
|
@@ -1420,10 +1444,10 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1420
1444
|
detail: `${base}-detail`
|
|
1421
1445
|
};
|
|
1422
1446
|
})();
|
|
1423
|
-
calendrier = viewChild(StCalendar, ...ngDevMode ? [{ debugName: "calendrier" }] :
|
|
1424
|
-
fieldset = viewChild(StFieldset, ...ngDevMode ? [{ debugName: "fieldset" }] :
|
|
1425
|
-
lignes = viewChildren("ligne", ...ngDevMode ? [{ debugName: "lignes" }] :
|
|
1426
|
-
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 */ []);
|
|
1427
1451
|
saisie = transformedValue(this.value, {
|
|
1428
1452
|
parse: (brut) => {
|
|
1429
1453
|
const debut = this.lirePartie(brut.debut);
|
|
@@ -1451,11 +1475,11 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1451
1475
|
fin: this.formater(plage.fin)
|
|
1452
1476
|
})
|
|
1453
1477
|
});
|
|
1454
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
1478
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
1455
1479
|
etiquettes = computed(() => ({
|
|
1456
1480
|
debut: this.libelleDebut() ?? this.libelles().dateDeDebut,
|
|
1457
1481
|
fin: this.libelleFin() ?? this.libelles().dateDeFin
|
|
1458
|
-
}), ...ngDevMode ? [{ debugName: "etiquettes" }] :
|
|
1482
|
+
}), ...ngDevMode ? [{ debugName: "etiquettes" }] : /* istanbul ignore next */ []);
|
|
1459
1483
|
aideLue = computed(() => {
|
|
1460
1484
|
const libelles = this.libelles();
|
|
1461
1485
|
const locale = this.locale();
|
|
@@ -1466,7 +1490,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1466
1490
|
format,
|
|
1467
1491
|
bornes
|
|
1468
1492
|
].filter((texte) => texte !== null).join(" ");
|
|
1469
|
-
}, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
1493
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
1470
1494
|
raccourcisAffiches = computed(() => {
|
|
1471
1495
|
const { debut, fin } = this.value();
|
|
1472
1496
|
return this.raccourcis().map((raccourci) => ({
|
|
@@ -1475,8 +1499,8 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1475
1499
|
precision: raccourci.precision ?? null,
|
|
1476
1500
|
choisi: raccourci.plage.debut === debut && raccourci.plage.fin === fin
|
|
1477
1501
|
}));
|
|
1478
|
-
}, ...ngDevMode ? [{ debugName: "raccourcisAffiches" }] :
|
|
1479
|
-
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 */ []);
|
|
1480
1504
|
periodeLue = computed(() => {
|
|
1481
1505
|
const { debut, fin } = this.value();
|
|
1482
1506
|
const libelles = this.libelles();
|
|
@@ -1492,8 +1516,8 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1492
1516
|
if (debut !== null) return libelles.aPartirDu(format.format(instant(debut)));
|
|
1493
1517
|
if (fin !== null) return libelles.jusquAu(format.format(instant(fin)));
|
|
1494
1518
|
return libelles.choisirUnePeriode;
|
|
1495
|
-
}, ...ngDevMode ? [{ debugName: "periodeLue" }] :
|
|
1496
|
-
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 */ []);
|
|
1497
1521
|
sortie = new SortieDuComposant(this.element.nativeElement, () => {
|
|
1498
1522
|
this.ouvert.set(null);
|
|
1499
1523
|
this.deploye.set(false);
|
|
@@ -1512,7 +1536,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1512
1536
|
message: libelles.libelleEtMessage(etiquettes[partie], messageDErreur(erreur, libelles, locale))
|
|
1513
1537
|
};
|
|
1514
1538
|
});
|
|
1515
|
-
}, ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
1539
|
+
}, ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
1516
1540
|
enErreur = computed(() => {
|
|
1517
1541
|
const parties = fusionnerErreurs(this.errors(), this.saisie.parseErrors()).map((erreur) => this.partieDe(erreur));
|
|
1518
1542
|
const duGroupe = parties.includes(null);
|
|
@@ -1520,7 +1544,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1520
1544
|
debut: duGroupe || parties.includes("debut"),
|
|
1521
1545
|
fin: duGroupe || parties.includes("fin")
|
|
1522
1546
|
};
|
|
1523
|
-
}, ...ngDevMode ? [{ debugName: "enErreur" }] :
|
|
1547
|
+
}, ...ngDevMode ? [{ debugName: "enErreur" }] : /* istanbul ignore next */ []);
|
|
1524
1548
|
invalide = computed(() => {
|
|
1525
1549
|
const affichees = this.touched() || this.quitte();
|
|
1526
1550
|
const enErreur = this.enErreur();
|
|
@@ -1528,7 +1552,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1528
1552
|
debut: affichees && enErreur.debut,
|
|
1529
1553
|
fin: affichees && enErreur.fin
|
|
1530
1554
|
};
|
|
1531
|
-
}, ...ngDevMode ? [{ debugName: "invalide" }] :
|
|
1555
|
+
}, ...ngDevMode ? [{ debugName: "invalide" }] : /* istanbul ignore next */ []);
|
|
1532
1556
|
descriptions = computed(() => {
|
|
1533
1557
|
const groupe = this.fieldset();
|
|
1534
1558
|
const invalide = this.invalide();
|
|
@@ -1540,7 +1564,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1540
1564
|
fin: de("fin"),
|
|
1541
1565
|
erreur
|
|
1542
1566
|
};
|
|
1543
|
-
}, ...ngDevMode ? [{ debugName: "descriptions" }] :
|
|
1567
|
+
}, ...ngDevMode ? [{ debugName: "descriptions" }] : /* istanbul ignore next */ []);
|
|
1544
1568
|
choisirUnRaccourci(cle) {
|
|
1545
1569
|
const raccourci = this.raccourcis().find((un) => un.cle === cle);
|
|
1546
1570
|
if (raccourci === void 0) return;
|
|
@@ -1655,7 +1679,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1655
1679
|
}
|
|
1656
1680
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1657
1681
|
minVersion: "12.0.0",
|
|
1658
|
-
version: "22.2.
|
|
1682
|
+
version: "22.2.1",
|
|
1659
1683
|
ngImport: i0,
|
|
1660
1684
|
type: StDateRange,
|
|
1661
1685
|
deps: null,
|
|
@@ -1663,7 +1687,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1663
1687
|
});
|
|
1664
1688
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1665
1689
|
minVersion: "17.0.0",
|
|
1666
|
-
version: "22.2.
|
|
1690
|
+
version: "22.2.1",
|
|
1667
1691
|
type: StDateRange,
|
|
1668
1692
|
isStandalone: true,
|
|
1669
1693
|
selector: "st-date-range",
|
|
@@ -1780,7 +1804,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1780
1804
|
usesInheritance: true,
|
|
1781
1805
|
ngImport: i0,
|
|
1782
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",
|
|
1783
|
-
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"],
|
|
1784
1808
|
dependencies: [
|
|
1785
1809
|
{
|
|
1786
1810
|
kind: "component",
|
|
@@ -1881,7 +1905,7 @@ var StDateRange = class StDateRange extends ContratDeChamp {
|
|
|
1881
1905
|
};
|
|
1882
1906
|
i0.ɵɵngDeclareClassMetadata({
|
|
1883
1907
|
minVersion: "12.0.0",
|
|
1884
|
-
version: "22.2.
|
|
1908
|
+
version: "22.2.1",
|
|
1885
1909
|
ngImport: i0,
|
|
1886
1910
|
type: StDateRange,
|
|
1887
1911
|
decorators: [{
|
|
@@ -1905,7 +1929,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1905
1929
|
"(keydown.escape)": "surEchap($event)"
|
|
1906
1930
|
},
|
|
1907
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",
|
|
1908
|
-
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"]
|
|
1909
1933
|
}]
|
|
1910
1934
|
}],
|
|
1911
1935
|
propDecorators: {
|
|
@@ -2014,6 +2038,364 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2014
2038
|
}]
|
|
2015
2039
|
}
|
|
2016
2040
|
});
|
|
2041
|
+
var StMonthField = class StMonthField extends ContratDeChamp {
|
|
2042
|
+
libelles = inject(ST_LIBELLES);
|
|
2043
|
+
locale = inject(ST_LOCALE);
|
|
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
|
+
saisie = transformedValue(this.value, {
|
|
2048
|
+
parse: (texte) => {
|
|
2049
|
+
if (texte.trim() === "") return { value: null };
|
|
2050
|
+
const mois = lireMois(texte, this.locale());
|
|
2051
|
+
return mois === null ? {
|
|
2052
|
+
value: null,
|
|
2053
|
+
error: { kind: "mois" }
|
|
2054
|
+
} : { value: mois };
|
|
2055
|
+
},
|
|
2056
|
+
format: (valeur) => this.formater(valeur)
|
|
2057
|
+
});
|
|
2058
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
2059
|
+
aideLue = computed(() => {
|
|
2060
|
+
const libelles = this.libelles();
|
|
2061
|
+
const locale = this.locale();
|
|
2062
|
+
const format = libelles.formatDeDate(motifDuMoisLocal(libelles, locale), exempleDeMois(locale));
|
|
2063
|
+
return [this.aideEtRaisons(), format].filter((texte) => texte !== null).join(" ");
|
|
2064
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
2065
|
+
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] : /* istanbul ignore next */ []);
|
|
2066
|
+
surSaisie(evenement) {
|
|
2067
|
+
this.saisie.set(this.texteSaisi(evenement));
|
|
2068
|
+
}
|
|
2069
|
+
aLaSortieDuChamp() {
|
|
2070
|
+
if (this.saisie.parseErrors().length === 0) this.saisie.set(this.formater(this.value()));
|
|
2071
|
+
this.quitte.set(true);
|
|
2072
|
+
this.touch.emit();
|
|
2073
|
+
}
|
|
2074
|
+
formater(valeur) {
|
|
2075
|
+
return valeur === null || !estMoisIso(valeur) ? "" : formaterMoisSaisie(valeur, this.locale());
|
|
2076
|
+
}
|
|
2077
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2078
|
+
minVersion: "12.0.0",
|
|
2079
|
+
version: "22.2.1",
|
|
2080
|
+
ngImport: i0,
|
|
2081
|
+
type: StMonthField,
|
|
2082
|
+
deps: null,
|
|
2083
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
2084
|
+
});
|
|
2085
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2086
|
+
minVersion: "17.1.0",
|
|
2087
|
+
version: "22.2.1",
|
|
2088
|
+
type: StMonthField,
|
|
2089
|
+
isStandalone: true,
|
|
2090
|
+
selector: "st-month-field",
|
|
2091
|
+
inputs: {
|
|
2092
|
+
value: {
|
|
2093
|
+
classPropertyName: "value",
|
|
2094
|
+
publicName: "value",
|
|
2095
|
+
isSignal: true,
|
|
2096
|
+
isRequired: false,
|
|
2097
|
+
transformFunction: null
|
|
2098
|
+
},
|
|
2099
|
+
autocomplete: {
|
|
2100
|
+
classPropertyName: "autocomplete",
|
|
2101
|
+
publicName: "autocomplete",
|
|
2102
|
+
isSignal: true,
|
|
2103
|
+
isRequired: false,
|
|
2104
|
+
transformFunction: null
|
|
2105
|
+
}
|
|
2106
|
+
},
|
|
2107
|
+
outputs: { value: "valueChange" },
|
|
2108
|
+
host: { classAttribute: "st-month-field" },
|
|
2109
|
+
usesInheritance: true,
|
|
2110
|
+
ngImport: i0,
|
|
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-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
|
+
dependencies: [{
|
|
2114
|
+
kind: "component",
|
|
2115
|
+
type: StFormField,
|
|
2116
|
+
selector: "st-form-field",
|
|
2117
|
+
inputs: [
|
|
2118
|
+
"libelle",
|
|
2119
|
+
"complement",
|
|
2120
|
+
"disposition",
|
|
2121
|
+
"presentation",
|
|
2122
|
+
"libelleMasque",
|
|
2123
|
+
"descriptionsDuControle"
|
|
2124
|
+
]
|
|
2125
|
+
}, {
|
|
2126
|
+
kind: "directive",
|
|
2127
|
+
type: StControleDeChamp,
|
|
2128
|
+
selector: "[stControleDeChamp]"
|
|
2129
|
+
}],
|
|
2130
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2131
|
+
});
|
|
2132
|
+
};
|
|
2133
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
2134
|
+
minVersion: "12.0.0",
|
|
2135
|
+
version: "22.2.1",
|
|
2136
|
+
ngImport: i0,
|
|
2137
|
+
type: StMonthField,
|
|
2138
|
+
decorators: [{
|
|
2139
|
+
type: Component,
|
|
2140
|
+
args: [{
|
|
2141
|
+
selector: "st-month-field",
|
|
2142
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2143
|
+
imports: [StFormField, StControleDeChamp],
|
|
2144
|
+
host: { class: "st-month-field" },
|
|
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-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
|
+
}]
|
|
2148
|
+
}],
|
|
2149
|
+
propDecorators: {
|
|
2150
|
+
value: [{
|
|
2151
|
+
type: i0.Input,
|
|
2152
|
+
args: [{
|
|
2153
|
+
isSignal: true,
|
|
2154
|
+
alias: "value",
|
|
2155
|
+
required: false
|
|
2156
|
+
}]
|
|
2157
|
+
}, {
|
|
2158
|
+
type: i0.Output,
|
|
2159
|
+
args: ["valueChange"]
|
|
2160
|
+
}],
|
|
2161
|
+
autocomplete: [{
|
|
2162
|
+
type: i0.Input,
|
|
2163
|
+
args: [{
|
|
2164
|
+
isSignal: true,
|
|
2165
|
+
alias: "autocomplete",
|
|
2166
|
+
required: false
|
|
2167
|
+
}]
|
|
2168
|
+
}]
|
|
2169
|
+
}
|
|
2170
|
+
});
|
|
2171
|
+
const SEPARATEUR = "|";
|
|
2172
|
+
const LONGUEURS = {
|
|
2173
|
+
jour: 2,
|
|
2174
|
+
mois: 2,
|
|
2175
|
+
annee: 4
|
|
2176
|
+
};
|
|
2177
|
+
const NAISSANCE = {
|
|
2178
|
+
jour: "bday-day",
|
|
2179
|
+
mois: "bday-month",
|
|
2180
|
+
annee: "bday-year"
|
|
2181
|
+
};
|
|
2182
|
+
const DATE_D_EXEMPLE = "1990-03-27";
|
|
2183
|
+
function decouper(texte) {
|
|
2184
|
+
const [jour = "", mois = "", annee = ""] = texte.split(SEPARATEUR);
|
|
2185
|
+
return {
|
|
2186
|
+
jour: jour.trim(),
|
|
2187
|
+
mois: mois.trim(),
|
|
2188
|
+
annee: annee.trim()
|
|
2189
|
+
};
|
|
2190
|
+
}
|
|
2191
|
+
function sansZeroDeTete(partie) {
|
|
2192
|
+
return partie.replace(/^0+(?=\d)/, "");
|
|
2193
|
+
}
|
|
2194
|
+
var StMemorableDate = class StMemorableDate extends ContratDeChamp {
|
|
2195
|
+
libellesDuTronc = inject(ST_LIBELLES);
|
|
2196
|
+
locale = inject(ST_LOCALE);
|
|
2197
|
+
catalogue = catalogueDesFormulaires();
|
|
2198
|
+
libelles = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "libelles" }] : /* istanbul ignore next */ []);
|
|
2199
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2200
|
+
naissance = input(false, {
|
|
2201
|
+
...ngDevMode ? { debugName: "naissance" } : /* istanbul ignore next */ {},
|
|
2202
|
+
transform: booleanAttribute
|
|
2203
|
+
});
|
|
2204
|
+
cases = viewChildren("partie", ...ngDevMode ? [{ debugName: "cases" }] : /* istanbul ignore next */ []);
|
|
2205
|
+
identifiant = inject(StIdentifiants).prochain("st-memorable-date");
|
|
2206
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
2207
|
+
saisie = transformedValue(this.value, {
|
|
2208
|
+
parse: (texte) => this.lire(texte),
|
|
2209
|
+
format: (valeur) => this.formater(valeur)
|
|
2210
|
+
});
|
|
2211
|
+
parties = computed(() => decouper(this.saisie()), ...ngDevMode ? [{ debugName: "parties" }] : /* istanbul ignore next */ []);
|
|
2212
|
+
ordre = computed(() => ordreDeDate(this.locale()).map((partie) => ({
|
|
2213
|
+
partie,
|
|
2214
|
+
libelle: this.libelleDe(partie),
|
|
2215
|
+
longueur: LONGUEURS[partie],
|
|
2216
|
+
autocomplete: this.naissance() ? NAISSANCE[partie] : "off"
|
|
2217
|
+
})), ...ngDevMode ? [{ debugName: "ordre" }] : /* istanbul ignore next */ []);
|
|
2218
|
+
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] : /* istanbul ignore next */ []);
|
|
2219
|
+
aideLue = computed(() => {
|
|
2220
|
+
const exemple = this.exemple();
|
|
2221
|
+
return [this.aideEtRaisons(), this.libelles().exempleDeDateMemorable(exemple)].filter((texte) => texte !== null).join(" ");
|
|
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
|
+
focus(options) {
|
|
2226
|
+
this.cases()[0]?.nativeElement.focus(options);
|
|
2227
|
+
}
|
|
2228
|
+
surSaisie(partie, evenement) {
|
|
2229
|
+
const parties = {
|
|
2230
|
+
...this.parties(),
|
|
2231
|
+
[partie]: this.texteSaisi(evenement)
|
|
2232
|
+
};
|
|
2233
|
+
this.saisie.set([
|
|
2234
|
+
parties.jour,
|
|
2235
|
+
parties.mois,
|
|
2236
|
+
parties.annee
|
|
2237
|
+
].join(SEPARATEUR));
|
|
2238
|
+
}
|
|
2239
|
+
aLaSortie(evenement) {
|
|
2240
|
+
const suivant = evenement.relatedTarget;
|
|
2241
|
+
const groupe = evenement.currentTarget;
|
|
2242
|
+
if (suivant instanceof Node && groupe instanceof Node && groupe.contains(suivant)) return;
|
|
2243
|
+
this.quitte.set(true);
|
|
2244
|
+
this.touch.emit();
|
|
2245
|
+
}
|
|
2246
|
+
libelleDe(partie) {
|
|
2247
|
+
if (partie === "annee") return this.libellesDuTronc().annee;
|
|
2248
|
+
return partie === "jour" ? this.libelles().jour : this.libelles().mois;
|
|
2249
|
+
}
|
|
2250
|
+
exemple() {
|
|
2251
|
+
const [annee = "", mois = "", jour = ""] = DATE_D_EXEMPLE.split("-");
|
|
2252
|
+
const valeurs = {
|
|
2253
|
+
jour: sansZeroDeTete(jour),
|
|
2254
|
+
mois: sansZeroDeTete(mois),
|
|
2255
|
+
annee
|
|
2256
|
+
};
|
|
2257
|
+
return ordreDeDate(this.locale()).map((partie) => valeurs[partie]).join(" ");
|
|
2258
|
+
}
|
|
2259
|
+
lire(texte) {
|
|
2260
|
+
const parties = decouper(texte);
|
|
2261
|
+
const manque = ordreDeDate(this.locale()).filter((partie) => parties[partie] === "");
|
|
2262
|
+
if (manque.length === 3) return { value: null };
|
|
2263
|
+
const libelles = this.libelles();
|
|
2264
|
+
if (manque.length > 0) return {
|
|
2265
|
+
value: null,
|
|
2266
|
+
error: {
|
|
2267
|
+
kind: "dateIncomplete",
|
|
2268
|
+
message: libelles.dateMemorableIncomplete(manque)
|
|
2269
|
+
}
|
|
2270
|
+
};
|
|
2271
|
+
const { jour, mois, annee } = parties;
|
|
2272
|
+
const iso = jour.length <= LONGUEURS.jour && mois.length <= LONGUEURS.mois && annee.length === LONGUEURS.annee ? lireDate(`${annee}-${mois.padStart(2, "0")}-${jour.padStart(2, "0")}`, this.locale()) : null;
|
|
2273
|
+
return iso === null ? {
|
|
2274
|
+
value: null,
|
|
2275
|
+
error: {
|
|
2276
|
+
kind: "date",
|
|
2277
|
+
message: libelles.dateMemorableInexistante(this.exemple())
|
|
2278
|
+
}
|
|
2279
|
+
} : { value: iso };
|
|
2280
|
+
}
|
|
2281
|
+
formater(valeur) {
|
|
2282
|
+
if (valeur === null || !estDateIso(valeur)) return "";
|
|
2283
|
+
const [annee = "", mois = "", jour = ""] = valeur.split("-");
|
|
2284
|
+
return [
|
|
2285
|
+
sansZeroDeTete(jour),
|
|
2286
|
+
sansZeroDeTete(mois),
|
|
2287
|
+
annee
|
|
2288
|
+
].join(SEPARATEUR);
|
|
2289
|
+
}
|
|
2290
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2291
|
+
minVersion: "12.0.0",
|
|
2292
|
+
version: "22.2.1",
|
|
2293
|
+
ngImport: i0,
|
|
2294
|
+
type: StMemorableDate,
|
|
2295
|
+
deps: null,
|
|
2296
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
2297
|
+
});
|
|
2298
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2299
|
+
minVersion: "17.0.0",
|
|
2300
|
+
version: "22.2.1",
|
|
2301
|
+
type: StMemorableDate,
|
|
2302
|
+
isStandalone: true,
|
|
2303
|
+
selector: "st-memorable-date",
|
|
2304
|
+
inputs: {
|
|
2305
|
+
value: {
|
|
2306
|
+
classPropertyName: "value",
|
|
2307
|
+
publicName: "value",
|
|
2308
|
+
isSignal: true,
|
|
2309
|
+
isRequired: false,
|
|
2310
|
+
transformFunction: null
|
|
2311
|
+
},
|
|
2312
|
+
naissance: {
|
|
2313
|
+
classPropertyName: "naissance",
|
|
2314
|
+
publicName: "naissance",
|
|
2315
|
+
isSignal: true,
|
|
2316
|
+
isRequired: false,
|
|
2317
|
+
transformFunction: null
|
|
2318
|
+
}
|
|
2319
|
+
},
|
|
2320
|
+
outputs: { value: "valueChange" },
|
|
2321
|
+
host: {
|
|
2322
|
+
listeners: { "focusout": "aLaSortie($event)" },
|
|
2323
|
+
classAttribute: "st-memorable-date"
|
|
2324
|
+
},
|
|
2325
|
+
viewQueries: [{
|
|
2326
|
+
propertyName: "cases",
|
|
2327
|
+
predicate: ["partie"],
|
|
2328
|
+
descendants: true,
|
|
2329
|
+
isSignal: true
|
|
2330
|
+
}],
|
|
2331
|
+
usesInheritance: true,
|
|
2332
|
+
ngImport: i0,
|
|
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-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
|
+
dependencies: [{
|
|
2336
|
+
kind: "component",
|
|
2337
|
+
type: StFieldset,
|
|
2338
|
+
selector: "st-fieldset",
|
|
2339
|
+
inputs: [
|
|
2340
|
+
"legende",
|
|
2341
|
+
"contenu",
|
|
2342
|
+
"disposition",
|
|
2343
|
+
"toutesLesErreurs",
|
|
2344
|
+
"choixExclusif",
|
|
2345
|
+
"readonly",
|
|
2346
|
+
"disabled",
|
|
2347
|
+
"hidden",
|
|
2348
|
+
"decritPar"
|
|
2349
|
+
]
|
|
2350
|
+
}],
|
|
2351
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2352
|
+
});
|
|
2353
|
+
};
|
|
2354
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
2355
|
+
minVersion: "12.0.0",
|
|
2356
|
+
version: "22.2.1",
|
|
2357
|
+
ngImport: i0,
|
|
2358
|
+
type: StMemorableDate,
|
|
2359
|
+
decorators: [{
|
|
2360
|
+
type: Component,
|
|
2361
|
+
args: [{
|
|
2362
|
+
selector: "st-memorable-date",
|
|
2363
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2364
|
+
imports: [StFieldset],
|
|
2365
|
+
host: {
|
|
2366
|
+
class: "st-memorable-date",
|
|
2367
|
+
"(focusout)": "aLaSortie($event)"
|
|
2368
|
+
},
|
|
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-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
|
+
}]
|
|
2372
|
+
}],
|
|
2373
|
+
propDecorators: {
|
|
2374
|
+
value: [{
|
|
2375
|
+
type: i0.Input,
|
|
2376
|
+
args: [{
|
|
2377
|
+
isSignal: true,
|
|
2378
|
+
alias: "value",
|
|
2379
|
+
required: false
|
|
2380
|
+
}]
|
|
2381
|
+
}, {
|
|
2382
|
+
type: i0.Output,
|
|
2383
|
+
args: ["valueChange"]
|
|
2384
|
+
}],
|
|
2385
|
+
naissance: [{
|
|
2386
|
+
type: i0.Input,
|
|
2387
|
+
args: [{
|
|
2388
|
+
isSignal: true,
|
|
2389
|
+
alias: "naissance",
|
|
2390
|
+
required: false
|
|
2391
|
+
}]
|
|
2392
|
+
}],
|
|
2393
|
+
cases: [{
|
|
2394
|
+
type: i0.ViewChildren,
|
|
2395
|
+
args: ["partie", { isSignal: true }]
|
|
2396
|
+
}]
|
|
2397
|
+
}
|
|
2398
|
+
});
|
|
2017
2399
|
const borneLisible = (heure) => heure !== null && estHeureIso(heure) ? heure : null;
|
|
2018
2400
|
function texteDesBornes(libelles, locale, borneMin, borneMax) {
|
|
2019
2401
|
const min = borneLisible(borneMin);
|
|
@@ -2027,16 +2409,16 @@ function texteDesBornes(libelles, locale, borneMin, borneMax) {
|
|
|
2027
2409
|
var StTimeField = class StTimeField extends ContratDeChamp {
|
|
2028
2410
|
libelles = inject(ST_LIBELLES);
|
|
2029
2411
|
locale = inject(ST_LOCALE);
|
|
2030
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2031
|
-
heureMin = input(null, ...ngDevMode ? [{ debugName: "heureMin" }] :
|
|
2032
|
-
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 */ []);
|
|
2033
2415
|
secondes = input(false, {
|
|
2034
|
-
...ngDevMode ? { debugName: "secondes" } :
|
|
2416
|
+
...ngDevMode ? { debugName: "secondes" } : /* istanbul ignore next */ {},
|
|
2035
2417
|
transform: booleanAttribute
|
|
2036
2418
|
});
|
|
2037
|
-
fuseau = input(null, ...ngDevMode ? [{ debugName: "fuseau" }] :
|
|
2038
|
-
autocomplete = input(null, ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
2039
|
-
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 */ []);
|
|
2040
2422
|
saisie = transformedValue(this.value, {
|
|
2041
2423
|
parse: (texte) => {
|
|
2042
2424
|
if (texte.trim() === "") return { value: null };
|
|
@@ -2052,8 +2434,8 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2052
2434
|
},
|
|
2053
2435
|
format: (valeur) => this.formater(valeur)
|
|
2054
2436
|
});
|
|
2055
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
2056
|
-
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 */ []);
|
|
2057
2439
|
instantDuNomDeFuseau = Date.now();
|
|
2058
2440
|
aideLue = computed(() => {
|
|
2059
2441
|
const libelles = this.libelles();
|
|
@@ -2069,7 +2451,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2069
2451
|
bornes,
|
|
2070
2452
|
zone
|
|
2071
2453
|
].filter((texte) => texte !== null).join(" ");
|
|
2072
|
-
}, ...ngDevMode ? [{ debugName: "aideLue" }] :
|
|
2454
|
+
}, ...ngDevMode ? [{ debugName: "aideLue" }] : /* istanbul ignore next */ []);
|
|
2073
2455
|
constructor() {
|
|
2074
2456
|
super();
|
|
2075
2457
|
effect(() => {
|
|
@@ -2080,7 +2462,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2080
2462
|
}
|
|
2081
2463
|
});
|
|
2082
2464
|
}
|
|
2083
|
-
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 */ []);
|
|
2084
2466
|
surSaisie(evenement) {
|
|
2085
2467
|
this.saisie.set(this.texteSaisi(evenement));
|
|
2086
2468
|
}
|
|
@@ -2094,7 +2476,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2094
2476
|
}
|
|
2095
2477
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2096
2478
|
minVersion: "12.0.0",
|
|
2097
|
-
version: "22.2.
|
|
2479
|
+
version: "22.2.1",
|
|
2098
2480
|
ngImport: i0,
|
|
2099
2481
|
type: StTimeField,
|
|
2100
2482
|
deps: [],
|
|
@@ -2102,7 +2484,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2102
2484
|
});
|
|
2103
2485
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2104
2486
|
minVersion: "17.1.0",
|
|
2105
|
-
version: "22.2.
|
|
2487
|
+
version: "22.2.1",
|
|
2106
2488
|
type: StTimeField,
|
|
2107
2489
|
isStandalone: true,
|
|
2108
2490
|
selector: "st-time-field",
|
|
@@ -2154,8 +2536,8 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2154
2536
|
host: { classAttribute: "st-time-field" },
|
|
2155
2537
|
usesInheritance: true,
|
|
2156
2538
|
ngImport: i0,
|
|
2157
|
-
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n>\n <input\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",
|
|
2158
|
-
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-
|
|
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-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"],
|
|
2159
2541
|
dependencies: [{
|
|
2160
2542
|
kind: "component",
|
|
2161
2543
|
type: StFormField,
|
|
@@ -2178,7 +2560,7 @@ var StTimeField = class StTimeField extends ContratDeChamp {
|
|
|
2178
2560
|
};
|
|
2179
2561
|
i0.ɵɵngDeclareClassMetadata({
|
|
2180
2562
|
minVersion: "12.0.0",
|
|
2181
|
-
version: "22.2.
|
|
2563
|
+
version: "22.2.1",
|
|
2182
2564
|
ngImport: i0,
|
|
2183
2565
|
type: StTimeField,
|
|
2184
2566
|
decorators: [{
|
|
@@ -2188,8 +2570,8 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2188
2570
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2189
2571
|
imports: [StFormField, StControleDeChamp],
|
|
2190
2572
|
host: { class: "st-time-field" },
|
|
2191
|
-
template: "<st-form-field\n [libelle]=\"libelle()\"\n [aide]=\"aideLue()\"\n [erreurs]=\"erreursAffichees()\"\n [afficherErreurs]=\"touched() || quitte()\"\n [obligatoire]=\"required()\"\n>\n <input\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",
|
|
2192
|
-
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-
|
|
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-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"]
|
|
2193
2575
|
}]
|
|
2194
2576
|
}],
|
|
2195
2577
|
ctorParameters: () => [],
|
|
@@ -2274,17 +2656,17 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2274
2656
|
libelles = inject(ST_LIBELLES);
|
|
2275
2657
|
locale = inject(ST_LOCALE);
|
|
2276
2658
|
idUnite = `${inject(StIdentifiants).prochain("st-number-field")}-unite`;
|
|
2277
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2659
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2278
2660
|
decimales = input(0, {
|
|
2279
|
-
...ngDevMode ? { debugName: "decimales" } :
|
|
2661
|
+
...ngDevMode ? { debugName: "decimales" } : /* istanbul ignore next */ {},
|
|
2280
2662
|
transform: numberAttribute
|
|
2281
2663
|
});
|
|
2282
2664
|
pas = input(null, {
|
|
2283
|
-
...ngDevMode ? { debugName: "pas" } :
|
|
2665
|
+
...ngDevMode ? { debugName: "pas" } : /* istanbul ignore next */ {},
|
|
2284
2666
|
transform: pasOuNull
|
|
2285
2667
|
});
|
|
2286
|
-
unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] :
|
|
2287
|
-
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 */ []);
|
|
2288
2670
|
averti = false;
|
|
2289
2671
|
decimalesAdmises = computed(() => {
|
|
2290
2672
|
const decimales = Math.max(0, Math.trunc(this.decimales()));
|
|
@@ -2294,7 +2676,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2294
2676
|
console.warn(`[st-number-field] pas ${String(pas)} plus fin que ${String(decimales)} decimale(s).`);
|
|
2295
2677
|
}
|
|
2296
2678
|
return decimales;
|
|
2297
|
-
}, ...ngDevMode ? [{ debugName: "decimalesAdmises" }] :
|
|
2679
|
+
}, ...ngDevMode ? [{ debugName: "decimalesAdmises" }] : /* istanbul ignore next */ []);
|
|
2298
2680
|
saisie = transformedValue(this.value, {
|
|
2299
2681
|
parse: (texte) => {
|
|
2300
2682
|
if (texte.trim() === "") return { value: null };
|
|
@@ -2318,31 +2700,31 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2318
2700
|
},
|
|
2319
2701
|
format: (valeur) => this.formater(valeur)
|
|
2320
2702
|
});
|
|
2321
|
-
lectureInvalide = computed(() => this.saisie.parseErrors().length > 0, ...ngDevMode ? [{ debugName: "lectureInvalide" }] :
|
|
2322
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
2323
|
-
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 */ []);
|
|
2324
2706
|
peutDiminuer = computed(() => {
|
|
2325
2707
|
const valeur = this.value();
|
|
2326
2708
|
const bas = this.min();
|
|
2327
2709
|
return this.modifiable() && (valeur === null || bas === void 0 || valeur > bas);
|
|
2328
|
-
}, ...ngDevMode ? [{ debugName: "peutDiminuer" }] :
|
|
2710
|
+
}, ...ngDevMode ? [{ debugName: "peutDiminuer" }] : /* istanbul ignore next */ []);
|
|
2329
2711
|
peutAugmenter = computed(() => {
|
|
2330
2712
|
const valeur = this.value();
|
|
2331
2713
|
const haut = this.max();
|
|
2332
2714
|
return this.modifiable() && (valeur === null || haut === void 0 || valeur < haut);
|
|
2333
|
-
}, ...ngDevMode ? [{ debugName: "peutAugmenter" }] :
|
|
2715
|
+
}, ...ngDevMode ? [{ debugName: "peutAugmenter" }] : /* istanbul ignore next */ []);
|
|
2334
2716
|
valeurLue = computed(() => {
|
|
2335
2717
|
const valeur = this.value();
|
|
2336
2718
|
if (valeur === null) return null;
|
|
2337
2719
|
const texte = formaterNombre(valeur, this.locale(), this.decimalesAdmises());
|
|
2338
2720
|
const unite = this.unite()?.trim() ?? "";
|
|
2339
2721
|
return unite === "" ? texte : `${texte} ${unite}`;
|
|
2340
|
-
}, ...ngDevMode ? [{ debugName: "valeurLue" }] :
|
|
2722
|
+
}, ...ngDevMode ? [{ debugName: "valeurLue" }] : /* istanbul ignore next */ []);
|
|
2341
2723
|
uniteLue = computed(() => {
|
|
2342
2724
|
const unite = this.unite()?.trim() ?? "";
|
|
2343
2725
|
return unite === "" ? null : this.libelles().uniteDuNombre(unite);
|
|
2344
|
-
}, ...ngDevMode ? [{ debugName: "uniteLue" }] :
|
|
2345
|
-
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 */ []);
|
|
2346
2728
|
surPressionDuCadre(evenement) {
|
|
2347
2729
|
const cible = evenement.target;
|
|
2348
2730
|
if (evenement.button !== 0 || !(cible instanceof Element)) return;
|
|
@@ -2388,7 +2770,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2388
2770
|
}
|
|
2389
2771
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2390
2772
|
minVersion: "12.0.0",
|
|
2391
|
-
version: "22.2.
|
|
2773
|
+
version: "22.2.1",
|
|
2392
2774
|
ngImport: i0,
|
|
2393
2775
|
type: StNumberField,
|
|
2394
2776
|
deps: null,
|
|
@@ -2396,7 +2778,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2396
2778
|
});
|
|
2397
2779
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2398
2780
|
minVersion: "17.0.0",
|
|
2399
|
-
version: "22.2.
|
|
2781
|
+
version: "22.2.1",
|
|
2400
2782
|
type: StNumberField,
|
|
2401
2783
|
isStandalone: true,
|
|
2402
2784
|
selector: "st-number-field",
|
|
@@ -2438,7 +2820,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2438
2820
|
usesInheritance: true,
|
|
2439
2821
|
ngImport: i0,
|
|
2440
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",
|
|
2441
|
-
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"],
|
|
2442
2824
|
dependencies: [
|
|
2443
2825
|
{
|
|
2444
2826
|
kind: "component",
|
|
@@ -2481,7 +2863,7 @@ var StNumberField = class StNumberField extends ContratDeChampABornes {
|
|
|
2481
2863
|
};
|
|
2482
2864
|
i0.ɵɵngDeclareClassMetadata({
|
|
2483
2865
|
minVersion: "12.0.0",
|
|
2484
|
-
version: "22.2.
|
|
2866
|
+
version: "22.2.1",
|
|
2485
2867
|
ngImport: i0,
|
|
2486
2868
|
type: StNumberField,
|
|
2487
2869
|
decorators: [{
|
|
@@ -2499,7 +2881,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2499
2881
|
"[attr.data-pas]": "pas() === null ? null : \"\""
|
|
2500
2882
|
},
|
|
2501
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",
|
|
2502
|
-
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"]
|
|
2503
2885
|
}]
|
|
2504
2886
|
}],
|
|
2505
2887
|
propDecorators: {
|
|
@@ -2544,36 +2926,36 @@ const INSECABLE = String.fromCharCode(160);
|
|
|
2544
2926
|
var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
|
|
2545
2927
|
libelles = inject(ST_LIBELLES);
|
|
2546
2928
|
locale = inject(ST_LOCALE);
|
|
2547
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2929
|
+
value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
|
|
2548
2930
|
pas = input(1, {
|
|
2549
|
-
...ngDevMode ? { debugName: "pas" } :
|
|
2931
|
+
...ngDevMode ? { debugName: "pas" } : /* istanbul ignore next */ {},
|
|
2550
2932
|
transform: numberAttribute
|
|
2551
2933
|
});
|
|
2552
|
-
unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] :
|
|
2934
|
+
unite = input(null, ...ngDevMode ? [{ debugName: "unite" }] : /* istanbul ignore next */ []);
|
|
2553
2935
|
avecChamp = input(false, {
|
|
2554
|
-
...ngDevMode ? { debugName: "avecChamp" } :
|
|
2936
|
+
...ngDevMode ? { debugName: "avecChamp" } : /* istanbul ignore next */ {},
|
|
2555
2937
|
transform: booleanAttribute
|
|
2556
2938
|
});
|
|
2557
|
-
formaterValeur = input(null, ...ngDevMode ? [{ debugName: "formaterValeur" }] :
|
|
2558
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
2559
|
-
enveloppe = viewChild.required(StFormField, ...ngDevMode ? [{ debugName: "enveloppe" }] :
|
|
2560
|
-
idDuCurseur = computed(() => this.enveloppe().identifiants.controle, ...ngDevMode ? [{ debugName: "idDuCurseur" }] :
|
|
2561
|
-
bas = computed(() => this.min() ?? 0, ...ngDevMode ? [{ debugName: "bas" }] :
|
|
2562
|
-
haut = computed(() => Math.max(this.max() ?? 100, this.bas()), ...ngDevMode ? [{ debugName: "haut" }] :
|
|
2563
|
-
pasSur = computed(() => this.pas() > 0 ? this.pas() : 1, ...ngDevMode ? [{ debugName: "pasSur" }] :
|
|
2564
|
-
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 */ []);
|
|
2565
2947
|
partRemplie = computed(() => {
|
|
2566
2948
|
const valeur = this.value();
|
|
2567
2949
|
const etendue = this.haut() - this.bas();
|
|
2568
2950
|
if (valeur === null || etendue <= 0) return "0%";
|
|
2569
2951
|
const part = Math.min(100, Math.max(0, (valeur - this.bas()) / etendue * 100));
|
|
2570
2952
|
return `${String(part)}%`;
|
|
2571
|
-
}, ...ngDevMode ? [{ debugName: "partRemplie" }] :
|
|
2953
|
+
}, ...ngDevMode ? [{ debugName: "partRemplie" }] : /* istanbul ignore next */ []);
|
|
2572
2954
|
valeurLue = computed(() => {
|
|
2573
2955
|
const valeur = this.value();
|
|
2574
2956
|
return valeur === null ? "" : this.ecrire(valeur);
|
|
2575
|
-
}, ...ngDevMode ? [{ debugName: "valeurLue" }] :
|
|
2576
|
-
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 */ []);
|
|
2577
2959
|
ecrire(valeur) {
|
|
2578
2960
|
const formater = this.formaterValeur();
|
|
2579
2961
|
if (formater !== null) return formater(valeur);
|
|
@@ -2598,7 +2980,7 @@ var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
|
|
|
2598
2980
|
}
|
|
2599
2981
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2600
2982
|
minVersion: "12.0.0",
|
|
2601
|
-
version: "22.2.
|
|
2983
|
+
version: "22.2.1",
|
|
2602
2984
|
ngImport: i0,
|
|
2603
2985
|
type: StRangeSlider,
|
|
2604
2986
|
deps: null,
|
|
@@ -2606,7 +2988,7 @@ var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
|
|
|
2606
2988
|
});
|
|
2607
2989
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2608
2990
|
minVersion: "17.0.0",
|
|
2609
|
-
version: "22.2.
|
|
2991
|
+
version: "22.2.1",
|
|
2610
2992
|
type: StRangeSlider,
|
|
2611
2993
|
isStandalone: true,
|
|
2612
2994
|
selector: "st-range-slider",
|
|
@@ -2697,7 +3079,7 @@ var StRangeSlider = class StRangeSlider extends ContratDeChampABornes {
|
|
|
2697
3079
|
};
|
|
2698
3080
|
i0.ɵɵngDeclareClassMetadata({
|
|
2699
3081
|
minVersion: "12.0.0",
|
|
2700
|
-
version: "22.2.
|
|
3082
|
+
version: "22.2.1",
|
|
2701
3083
|
ngImport: i0,
|
|
2702
3084
|
type: StRangeSlider,
|
|
2703
3085
|
decorators: [{
|
|
@@ -2767,9 +3149,9 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2767
3149
|
});
|
|
2768
3150
|
var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
2769
3151
|
libelles = inject(ST_LIBELLES);
|
|
2770
|
-
autocomplete = input("tel", ...ngDevMode ? [{ debugName: "autocomplete" }] :
|
|
2771
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
2772
|
-
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 */ []);
|
|
2773
3155
|
saisie = transformedValue(this.value, {
|
|
2774
3156
|
parse: (texte) => {
|
|
2775
3157
|
const forme = erreurTelephone(texte);
|
|
@@ -2780,8 +3162,8 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
2780
3162
|
},
|
|
2781
3163
|
format: (valeur) => valeur
|
|
2782
3164
|
});
|
|
2783
|
-
erreursAffichees = computed(() => fusionnerErreurs(this.errors(), this.saisie.parseErrors()), ...ngDevMode ? [{ debugName: "erreursAffichees" }] :
|
|
2784
|
-
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 */ []);
|
|
2785
3167
|
surSaisie(evenement) {
|
|
2786
3168
|
this.saisie.set(this.texteSaisi(evenement));
|
|
2787
3169
|
}
|
|
@@ -2791,7 +3173,7 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
2791
3173
|
}
|
|
2792
3174
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2793
3175
|
minVersion: "12.0.0",
|
|
2794
|
-
version: "22.2.
|
|
3176
|
+
version: "22.2.1",
|
|
2795
3177
|
ngImport: i0,
|
|
2796
3178
|
type: StPhoneField,
|
|
2797
3179
|
deps: null,
|
|
@@ -2799,7 +3181,7 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
2799
3181
|
});
|
|
2800
3182
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2801
3183
|
minVersion: "17.1.0",
|
|
2802
|
-
version: "22.2.
|
|
3184
|
+
version: "22.2.1",
|
|
2803
3185
|
type: StPhoneField,
|
|
2804
3186
|
isStandalone: true,
|
|
2805
3187
|
selector: "st-phone-field",
|
|
@@ -2814,7 +3196,7 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
2814
3196
|
usesInheritance: true,
|
|
2815
3197
|
ngImport: i0,
|
|
2816
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",
|
|
2817
|
-
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"],
|
|
2818
3200
|
dependencies: [{
|
|
2819
3201
|
kind: "component",
|
|
2820
3202
|
type: StFormField,
|
|
@@ -2837,7 +3219,7 @@ var StPhoneField = class StPhoneField extends ControleDeSaisie {
|
|
|
2837
3219
|
};
|
|
2838
3220
|
i0.ɵɵngDeclareClassMetadata({
|
|
2839
3221
|
minVersion: "12.0.0",
|
|
2840
|
-
version: "22.2.
|
|
3222
|
+
version: "22.2.1",
|
|
2841
3223
|
ngImport: i0,
|
|
2842
3224
|
type: StPhoneField,
|
|
2843
3225
|
decorators: [{
|
|
@@ -2848,7 +3230,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
2848
3230
|
imports: [StFormField, StControleDeChamp],
|
|
2849
3231
|
host: { class: "st-phone-field" },
|
|
2850
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",
|
|
2851
|
-
styles: [".st-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host([hidden]){display:none!important}:host{display:block}.st-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"]
|
|
2852
3234
|
}]
|
|
2853
3235
|
}],
|
|
2854
3236
|
propDecorators: { autocomplete: [{
|
|
@@ -2907,16 +3289,16 @@ function memeRecurrence(a, b) {
|
|
|
2907
3289
|
var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
2908
3290
|
locale = inject(ST_LOCALE);
|
|
2909
3291
|
catalogue = catalogueDesFormulaires();
|
|
2910
|
-
libellesDesChamps = computed(() => this.catalogue().libelles, ...ngDevMode ? [{ debugName: "libellesDesChamps" }] :
|
|
2911
|
-
langueDeRepli = computed(() => this.catalogue().langueDeRepli, ...ngDevMode ? [{ debugName: "langueDeRepli" }] :
|
|
2912
|
-
value = model(null, ...ngDevMode ? [{ debugName: "value" }] :
|
|
2913
|
-
dateMin = input(null, ...ngDevMode ? [{ debugName: "dateMin" }] :
|
|
2914
|
-
frequenceChamp = viewChild(StSelect, ...ngDevMode ? [{ debugName: "frequenceChamp" }] :
|
|
2915
|
-
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 */ []);
|
|
2916
3298
|
idDuRecapitulatif = inject(StIdentifiants).prochain("st-recurrence");
|
|
2917
|
-
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] :
|
|
3299
|
+
quitte = signal(false, ...ngDevMode ? [{ debugName: "quitte" }] : /* istanbul ignore next */ []);
|
|
2918
3300
|
brouillon = linkedSignal({
|
|
2919
|
-
...ngDevMode ? { debugName: "brouillon" } :
|
|
3301
|
+
...ngDevMode ? { debugName: "brouillon" } : /* istanbul ignore next */ {},
|
|
2920
3302
|
source: this.value,
|
|
2921
3303
|
computation: (recurrence, precedent) => {
|
|
2922
3304
|
if (precedent !== void 0 && memeRecurrence(recurrenceDe(precedent.value), recurrence)) return precedent.value;
|
|
@@ -2926,11 +3308,11 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
2926
3308
|
optionsDeFrequence = computed(() => FREQUENCES.map((frequence) => ({
|
|
2927
3309
|
valeur: frequence,
|
|
2928
3310
|
libelle: this.libellesDesChamps().frequences[frequence]
|
|
2929
|
-
})), ...ngDevMode ? [{ debugName: "optionsDeFrequence" }] :
|
|
3311
|
+
})), ...ngDevMode ? [{ debugName: "optionsDeFrequence" }] : /* istanbul ignore next */ []);
|
|
2930
3312
|
optionsDeJour = computed(() => Array.from({ length: 31 }, (_, rang) => ({
|
|
2931
3313
|
valeur: String(rang + 1),
|
|
2932
3314
|
libelle: String(rang + 1)
|
|
2933
|
-
})), ...ngDevMode ? [{ debugName: "optionsDeJour" }] :
|
|
3315
|
+
})), ...ngDevMode ? [{ debugName: "optionsDeJour" }] : /* istanbul ignore next */ []);
|
|
2934
3316
|
optionsDeFin = computed(() => {
|
|
2935
3317
|
const libelles = this.libellesDesChamps();
|
|
2936
3318
|
return [
|
|
@@ -2947,21 +3329,21 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
2947
3329
|
libelle: libelles.finApresNombre
|
|
2948
3330
|
}
|
|
2949
3331
|
];
|
|
2950
|
-
}, ...ngDevMode ? [{ debugName: "optionsDeFin" }] :
|
|
3332
|
+
}, ...ngDevMode ? [{ debugName: "optionsDeFin" }] : /* istanbul ignore next */ []);
|
|
2951
3333
|
avecJourDuMois = computed(() => {
|
|
2952
3334
|
const frequence = this.brouillon().frequence;
|
|
2953
3335
|
return frequence === "mensuelle" || frequence === "annuelle";
|
|
2954
|
-
}, ...ngDevMode ? [{ debugName: "avecJourDuMois" }] :
|
|
3336
|
+
}, ...ngDevMode ? [{ debugName: "avecJourDuMois" }] : /* istanbul ignore next */ []);
|
|
2955
3337
|
jourChoisi = computed(() => {
|
|
2956
3338
|
const jour = this.brouillon().jourDuMois;
|
|
2957
3339
|
return jour === null ? "" : String(jour);
|
|
2958
|
-
}, ...ngDevMode ? [{ debugName: "jourChoisi" }] :
|
|
2959
|
-
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 */ []);
|
|
2960
3342
|
recapitulatif = computed(() => {
|
|
2961
3343
|
const recurrence = this.value();
|
|
2962
3344
|
return recurrence === null ? null : decrireRecurrence(recurrence, this.locale());
|
|
2963
|
-
}, ...ngDevMode ? [{ debugName: "recapitulatif" }] :
|
|
2964
|
-
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 */ []);
|
|
2965
3347
|
modifier(partie) {
|
|
2966
3348
|
const brouillon = {
|
|
2967
3349
|
...this.brouillon(),
|
|
@@ -2989,7 +3371,7 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
2989
3371
|
}
|
|
2990
3372
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2991
3373
|
minVersion: "12.0.0",
|
|
2992
|
-
version: "22.2.
|
|
3374
|
+
version: "22.2.1",
|
|
2993
3375
|
ngImport: i0,
|
|
2994
3376
|
type: StRecurrenceField,
|
|
2995
3377
|
deps: null,
|
|
@@ -2997,7 +3379,7 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
2997
3379
|
});
|
|
2998
3380
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2999
3381
|
minVersion: "17.0.0",
|
|
3000
|
-
version: "22.2.
|
|
3382
|
+
version: "22.2.1",
|
|
3001
3383
|
type: StRecurrenceField,
|
|
3002
3384
|
isStandalone: true,
|
|
3003
3385
|
selector: "st-recurrence-field",
|
|
@@ -3135,7 +3517,7 @@ var StRecurrenceField = class StRecurrenceField extends ContratDeChamp {
|
|
|
3135
3517
|
};
|
|
3136
3518
|
i0.ɵɵngDeclareClassMetadata({
|
|
3137
3519
|
minVersion: "12.0.0",
|
|
3138
|
-
version: "22.2.
|
|
3520
|
+
version: "22.2.1",
|
|
3139
3521
|
ngImport: i0,
|
|
3140
3522
|
type: StRecurrenceField,
|
|
3141
3523
|
decorators: [{
|
|
@@ -3186,6 +3568,6 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
3186
3568
|
}]
|
|
3187
3569
|
}
|
|
3188
3570
|
});
|
|
3189
|
-
export { LIBELLES_FORMULAIRES_EN, LIBELLES_FORMULAIRES_FR, ST_LIBELLES_FORMULAIRES, StAmountField, StAmountRange, StDateField, StDateRange, StForm, StNumberField, StPhoneField, StRangeSlider, StRecurrenceField, StTimeField, catalogueDesFormulaires, erreurPlageDeMontants, fournirLibellesFormulaires, libellesDesFormulaires };
|
|
3571
|
+
export { LIBELLES_FORMULAIRES_EN, LIBELLES_FORMULAIRES_FR, ST_LIBELLES_FORMULAIRES, StAmountField, StAmountRange, StDateField, StDateRange, StForm, StMemorableDate, StMonthField, StNumberField, StPhoneField, StRangeSlider, StRecurrenceField, StTimeField, catalogueDesFormulaires, erreurPlageDeMontants, fournirLibellesFormulaires, libellesDesFormulaires };
|
|
3190
3572
|
|
|
3191
3573
|
//# sourceMappingURL=starterlib-ui-formulaires.mjs.map
|