@starterlib/ui 0.10.12 → 0.10.14
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 +41 -11
- package/assets/icones/catalogue.json +1 -1
- 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-donnees.mjs +55 -1
- package/fesm2022/starterlib-ui-donnees.mjs.map +1 -1
- package/fesm2022/starterlib-ui-formulaires.mjs +389 -7
- package/fesm2022/starterlib-ui-formulaires.mjs.map +1 -1
- package/fesm2022/starterlib-ui-saisie.mjs +11 -4
- package/fesm2022/starterlib-ui-saisie.mjs.map +1 -1
- package/fesm2022/starterlib-ui-surfaces.mjs +2 -2
- 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 +6 -6
- package/fesm2022/starterlib-ui.mjs.map +1 -1
- package/package.json +5 -1
- package/types/starterlib-ui-donnees.d.ts +28 -0
- package/types/starterlib-ui-formulaires.d.ts +132 -1
- package/types/starterlib-ui-saisie.d.ts +2 -0
- package/types/starterlib-ui-virtuel.d.ts +103 -0
- package/virtuel/README.md +46 -0
|
@@ -1,9 +1,9 @@
|
|
|
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 {
|
|
@@ -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",
|
|
@@ -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.0",
|
|
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.0",
|
|
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-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.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-danger)}.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.0",
|
|
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-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.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-danger)}.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.0",
|
|
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.0",
|
|
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-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.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-danger)}.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.0",
|
|
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-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.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-danger)}.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);
|
|
@@ -2154,7 +2536,7 @@ 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",
|
|
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",
|
|
2158
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-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.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-danger)}.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",
|
|
@@ -2188,7 +2570,7 @@ 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",
|
|
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",
|
|
2192
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-danger);box-shadow:inset 0 0 0 var(--st-epaisseur-fine) var(--st-couleur-danger)}.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-danger)}.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
|
}],
|
|
@@ -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
|