Sélectionne le texte d'un PrameterInput au focus pour faciliter l'édition sur écran tactile

src/lib/components/rules/ParameterInput.svelte

@@ -25,6 +25,7 @@
     unit: string
   } = $props()
 
+  let inputElement: HTMLInputElement
   let inputValue: string = $state(baseValue)
 
   $effect(() => {
@@ -56,6 +57,15 @@
   const isBillActive = false // PLF
   //let isBillActive = $derived(billValueFormatted !== revaluationValueFormatted)
 
+  function handleFocus() {
+    // À l'activation de l'input courant, sélectionner tout le texte présent
+    // afin de faciliter le remplacement de la valeur.
+    // Optionnel sur desktop. Nécessaire sur écran tactile.
+    if (inputElement) {
+      inputElement.select()
+    }
+  }
+
   function handleInput(event: Event) {
     const target = event.target as HTMLInputElement
     const inputValue = target.value
@@ -114,7 +124,9 @@
     class:text-le-rouge-bill={isBillActive && !isValueModified}
     id={index}
     type="text"
+    bind:this={inputElement}
     bind:value={inputValue}
+    onfocus={() => handleFocus()}
     oninput={(e) => {
       // empêche la saisie même d'autre chose que des chiffres et séparateur de flottant
       e.currentTarget.value = e.currentTarget.value.replace(/[^\d\s,.]/g, "")