updated to Svelte 4

ui/src/components/base/Accordion.svelte

@@ -106,7 +106,7 @@
     </button>
 
     {#if active}
-        <div class="accordion-content" transition:slide|local={{ duration: 150 }}>
+        <div class="accordion-content" transition:slide={{ duration: 150 }}>
             <slot />
         </div>
     {/if}

ui/src/components/base/Field.svelte

@@ -52,7 +52,7 @@
         <div class="form-field-addon">
             <i
                 class="ri-error-warning-fill txt-danger"
-                transition:scale|local={{ duration: 150, start: 0.7 }}
+                transition:scale={{ duration: 150, start: 0.7 }}
                 use:tooltip={{
                     position: "left",
                     text: fieldErrors.map(getErrorMessage).join("\n"),
@@ -61,7 +61,7 @@
         </div>
     {:else}
         {#each fieldErrors as error}
-            <div class="help-block help-block-error" transition:slide|local={{ duration: 150 }}>
+            <div class="help-block help-block-error" transition:slide={{ duration: 150 }}>
                 <pre>{getErrorMessage(error)}</pre>
             </div>
         {/each}

ui/src/components/base/OverlayPanel.svelte

@@ -226,7 +226,7 @@
             <div
                 class="overlay"
                 on:click|preventDefault={() => (overlayClose ? hide() : true)}
-                transition:fade|local={{ duration: transitionSpeed, opacity: 0 }}
+                transition:fade={{ duration: transitionSpeed, opacity: 0 }}
             />
 
             <div

ui/src/components/base/Searchbar.svelte

@@ -86,7 +86,7 @@
         <button
             type="submit"
             class="btn btn-expanded btn-sm btn-warning"
-            transition:fly|local={{ duration: 150, x: 5 }}
+            transition:fly={{ duration: 150, x: 5 }}
         >
             <span class="txt">Search</span>
         </button>
@@ -96,7 +96,7 @@
         <button
             type="button"
             class="btn btn-transparent btn-sm btn-hint p-l-xs p-r-xs m-l-10"
-            transition:fly|local={{ duration: 150, x: 5 }}
+            transition:fly={{ duration: 150, x: 5 }}
             on:click={() => {
                 clear(false);
                 submit();

ui/src/components/base/Toggler.svelte

@@ -165,7 +165,7 @@
             bind:this={containerChild}
             class={classes}
             class:active
-            transition:fly|local={{ duration: 150, y: 3 }}
+            transition:fly={{ duration: 150, y: 3 }}
         >
             <slot />
         </div>