query rewrite

front/js/svelte/common/OffCanvas.svelte

@@ -3,25 +3,25 @@
     import {onDestroy, onMount} from "svelte";
     import offcanvas from "bootstrap/js/src/offcanvas.js";
     export let title = "";
-    let offcanvasEl;
-    let offcanvasInstance;
+    let offCanvasEl;
+    let offCanvasInstance;
 
     export function show() {
-        offcanvasInstance.show();
+        if(!offCanvasInstance){
+            offCanvasInstance = new offcanvas(offCanvasEl);
+        }
+        offCanvasInstance.show();
     }
     onMount(()=>{
-        offcanvasInstance = new offcanvas(offcanvasEl);
+        offCanvasInstance = new offcanvas(offCanvasEl);
     });
 
-
-
-    export function hide(e) {
-        e.preventDefault();
-        offcanvasInstance.hide();
+    export function hide() {
+        offCanvasInstance.hide();
     }
 </script>
 
-<div bind:this={offcanvasEl} class="offcanvas  offcanvas-end"  tabindex="-1"
+<div bind:this={offCanvasEl} class="offcanvas  offcanvas-end"  tabindex="-1"
      aria-labelledby="offcanvasEditContent">
     <div class="offcanvas-header">
         <h5 class="offcanvas-title">{title}</h5>