improved line editor and price editor

frontend/src/Components/LineEditor.svelte

@@ -2,18 +2,30 @@
     let { editable = false, value = $bindable(null) } = $props();
     let editing = $state(false);
 
-    function toggleEdit(){
-        editing = !editing;
+    let editValue = value;
+
+    function applyEdit(){
+        value = editValue;
+        editing=false;
+    }
+
+    function resetEdit(){
+        editing = false;
+        editValue = value;
+    }
+
+    function startEdit(){
+        editing = editable;
     }
 
     function typed(ev){
-        if (ev.keyCode == 13) toggleEdit();
+        if (ev.keyCode == 13) applyEdit();
+        if (ev.keyCode == 27) resetEdit();
     }
 </script>
 
 {#if editable && editing}
-<input bind:value onkeyup={typed} />
+<input bind:value={editValue} onkeyup={typed} autofocus />
 {:else}
-<div onclick={toggleEdit}>{value}</div>
+<div onclick={startEdit}>{value}</div>
 {/if}
-