Mass changes

src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte

@@ -2,10 +2,11 @@
 let log_lvl: number = $state(1);
 
 // *** Import Svelte specific
-import { run } from 'svelte/legacy';
 import { onMount, tick } from 'svelte';
 import { goto } from '$app/navigation';
 import { sineIn } from 'svelte/easing';
+
+// *** Import other supporting libraries
 import { liveQuery } from "dexie";
 import { Drawer, Footer, Modal } from 'flowbite-svelte';
 import { listen, idle, onIdle } from 'svelte-idle'
@@ -81,7 +82,7 @@ if (log_lvl > 1) {
     console.log(`$events_slct.id_li__event_location:`, $events_slct.id_li__event_location);
 }
 
-// Functions and Logic
+// *** Functions and Logic
 
 // Event
 let lq__event_obj = $derived(liveQuery(async () => {
@@ -552,7 +553,7 @@ function handle_idle_client() {
 
 }
 
-run(() => {
+$effect(() => {
     if ($idle) {
         log_lvl = 1;
         console.log(`User is idle after ${$events_loc.launcher?.idle_timer} milliseconds.`);

src/routes/events/[event_id]/(launcher)/launcher/[event_location_id]/+page.svelte

@@ -146,7 +146,7 @@ let bi_trig__event_session: any = null;
 
 
 
-// Functions and Logic
+// *** Functions and Logic
 
 // if (browser) {
 //     console.log(`Browser: ${browser}`);

src/routes/events/[event_id]/(launcher)/menu_session_list.svelte

@@ -1,8 +1,21 @@
 <script lang="ts">
+interface Props {
+    data_url: any;
+    // export let lq__event_session_obj: any;
+    lq__event_session_obj_li: any;
+}
+
+let { data_url, lq__event_session_obj_li }: Props = $props();
+
+// *** Import Svelte specific
 import { goto } from '$app/navigation';
 // import { liveQuery } from "dexie";
 import { tick } from 'svelte';
 
+// *** Import other supporting libraries
+
+
+// *** Import Aether specific variables and functions
 import type { key_val } from '$lib/ae_stores';
 import { ae_util } from '$lib/ae_utils/ae_utils';
 // import { db_events } from "$lib/db_events";
@@ -10,19 +23,17 @@ import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$
 import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
 import { events_func } from '$lib/ae_events_functions';
 
-export let data_url: any;
 // export let slct_event_session_id: any;
 
-// export let lq__event_session_obj: any;
-export let lq__event_session_obj_li: any;
+// *** Functions and Logic
 
-let ae_promises: key_val = {
+let ae_promises: key_val = $state({
     slct_event_session_id: null,
     slct_event_presentation_li: null
-};
+});
 
 let hover_timer_wait = 1000;
-let hover_timer: any = null;
+let hover_timer: any = $state(null);
 </script>
 
 
@@ -54,7 +65,7 @@ let hover_timer: any = null;
         <li>
         <button
             type="button"
-            on:mouseenter={() => {
+            onmouseenter={() => {
                 // Start a 750 ms timer to prevent changing the session too quickly.
                 hover_timer = setTimeout(async () => {
                     $events_slct.event_session_id = null;
@@ -82,10 +93,10 @@ let hover_timer: any = null;
                     });
                 }, hover_timer_wait);
             }}
-            on:mouseleave={() => {
+            onmouseleave={() => {
                 clearTimeout(hover_timer);
             }}
-            on:click={async () => {
+            onclick={async () => {
                 $events_slct.event_session_id = null;
                 await tick();