Lot of updates to Svelte 5 syntax

src/routes/events/[event_id]/reports/+page.svelte

@@ -1,10 +1,15 @@
 <script lang="ts">
-/** @type {import('./$types').PageData} */
-export let data: any;
-let log_lvl: number = 0;
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+}
+
+let { data }: Props = $props();
+
+let log_lvl: number = $state(0);
 // console.log(`ae_events_pres_mgmt event [slug] +page.svelte data:`, data);
 
-import { onMount } from 'svelte';
+// import { onMount } from 'svelte';
 
 import type { key_val } from '$lib/ae_stores';
 import { ae_util } from '$lib/ae_utils/ae_utils';
@@ -22,6 +27,7 @@ import { events_func } from '$lib/ae_events_functions';
 
 import Event_reports_page_menu from './event_reports_page_menu.svelte';
 
+
 // Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
 $slct.account_id = data.account_id;
 console.log(`$slct.account_id = `, $slct.account_id);
@@ -32,20 +38,22 @@ $events_slct.event_id = ae_acct.slct.event_id;
 $events_slct.event_obj = ae_acct.slct.event_obj;
 $events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li;
 
-let lq__event_obj = liveQuery(
-    () => db_events.events.get($events_slct.event_id)
-);
+let lq__event_obj = $derived(liveQuery(async () => {
+    let results = await db_events.events
+        .get(ae_acct.slct.event_id);
+    return results;
+}));
 
 // It is important that these not be set to a value! It messes with the Dexie LiveQuery.
-let event_file_id_random_li: Array<string>;
-let event_session_id_random_li: Array<string>;
+let event_file_id_random_li: Array<string> = $state();
+let event_session_id_random_li: Array<string> = $state();
 // let event_presentation_id_random_li: Array<string>;
-let event_presenter_id_random_li: Array<string>;
+let event_presenter_id_random_li: Array<string> = $state();
 
-let load_obj_li_results: Promise<any>|key_val;
-let search_submit_results: Promise<any>|key_val;
+// let load_obj_li_results: Promise<any>|key_val;
+// let search_submit_results: Promise<any>|key_val;
 
-let ae_promises: key_val = {};
+let ae_promises: key_val = $state({});
 let ae_tmp: key_val = {};
 let ae_triggers: key_val = {};
 
@@ -563,7 +571,7 @@ async function handle_qry__event_session(
         <button
             type="button"
             disabled={!$ae_loc.trusted_access}
-            on:click={() => {
+            onclick={() => {
                 // ae_promises.handle_search__event_session = handle_search__event_session({
                 //     poc_agree: true,
                 //     ft_search_str: '',
@@ -599,7 +607,7 @@ async function handle_qry__event_session(
         <button
             type="button"
             disabled={!$ae_loc.trusted_access}
-            on:click={() => {
+            onclick={() => {
                 handle_qry__event_session({
                     qry_poc_kv_json: true,
                     qry_poc_bios: true,
@@ -621,7 +629,7 @@ async function handle_qry__event_session(
         <button
             type="button"
             disabled={!$ae_loc.trusted_access}
-            on:click={() => {
+            onclick={() => {
                 handle_qry__event_session({
                     qry_files: false,
                 });
@@ -644,7 +652,7 @@ async function handle_qry__event_session(
         <button
             type="button"
             disabled={!$ae_loc.trusted_access}
-            on:click={() => {
+            onclick={() => {
                 ae_promises.handle_search__event_presenter = handle_search__event_presenter({
                     agree: $events_loc.pres_mgmt.rpt__presenter_agree ?? false,
                     ft_search_str: '',
@@ -678,7 +686,7 @@ async function handle_qry__event_session(
         <button
             type="button"
             disabled={!$ae_loc.trusted_access}
-            on:click={() => {
+            onclick={() => {
                 handle_search__event_presenter({
                     biography: true,
                     ft_search_str: '',
@@ -701,7 +709,7 @@ async function handle_qry__event_session(
         <button
             type="button"
             disabled={!$ae_loc.trusted_access}
-            on:click={() => {
+            onclick={() => {
                 handle_search__event_presenter({
                     biography: true,
                     ft_search_str: '',
@@ -728,7 +736,7 @@ async function handle_qry__event_session(
         <button
             type="button"
             disabled={!$ae_loc.trusted_access}
-            on:click={() => {
+            onclick={() => {
                 handle_qry__event_file({
                     created_on_offset: $events_loc.pres_mgmt.qry__files_offset_seconds ?? 0,
                     log_lvl: 0,
@@ -749,7 +757,7 @@ async function handle_qry__event_session(
         <button
             type="button"
             disabled={!$ae_loc.trusted_access}
-            on:click={() => {
+            onclick={() => {
                 handle_qry__event_file({
                     min_file_size: $events_loc.pres_mgmt.qry__files_min_size ?? 100000000, // in bytes
                     log_lvl: log_lvl,
@@ -779,7 +787,7 @@ async function handle_qry__event_session(
     Sessions POC {#if $events_loc.pres_mgmt.rpt__session_poc_agree}Agreed{:else}Not Agreed{/if}
     <button
         type="button"
-        on:click={() => {
+        onclick={() => {
             $events_loc.pres_mgmt.rpt__session_poc_agree = !$events_loc.pres_mgmt.rpt__session_poc_agree;
 
             ae_promises.handle_qry__event_session = handle_qry__event_session({
@@ -844,7 +852,7 @@ async function handle_qry__event_session(
     Presenters {#if $events_loc.pres_mgmt.rpt__presenter_agree}Agreed{:else}Not Agreed{/if}
     <button
         type="button"
-        on:click={() => {
+        onclick={() => {
             $events_loc.pres_mgmt.rpt__presenter_agree = !$events_loc.pres_mgmt.rpt__presenter_agree;
 
             ae_promises.handle_search__event_presenter = handle_search__event_presenter({
@@ -905,8 +913,7 @@ async function handle_qry__event_session(
     <select
         class="inline-block select text-sm w-36 m-1 ae_btn_info"
         bind:value={$events_loc.pres_mgmt.qry__presenter_sort}
-        on:change={
-            (event) => {
+        onchange={(event) => {
                 if (event.target.value) {
                     $events_loc.pres_mgmt.qry__presenter_sort = event.target.value;
                 } else {
@@ -981,8 +988,7 @@ async function handle_qry__event_session(
                     log_lvl: log_lvl,
                 });
                 $events_loc.pres_mgmt.show_report = 'presenters_overview';
-            }
-        }
+            }}
         >
         <option value="updated_on">Updated On</option>
         <option value="given_name">Given Name</option>
@@ -1013,8 +1019,7 @@ async function handle_qry__event_session(
     <select
         class="inline-block select text-sm w-28 m-1 ae_btn_info"
         bind:value={$events_loc.pres_mgmt.qry__files_offset_seconds}
-        on:change={
-            () => {
+        onchange={() => {
                 if ($events_loc.pres_mgmt?.qry__files_offset_seconds) {
                     // Calculate the datetime to pass based on the selected offset.
                     // let offset = $events_loc.pres_mgmt.qry__files_offset_seconds ?? 0;
@@ -1033,8 +1038,7 @@ async function handle_qry__event_session(
                 }
 
                 $events_loc.pres_mgmt.show_report = 'recent_files';
-            }
-        }
+            }}
         >
         <option value="">-- not set --</option>
         <option value="600">10 minutes</option>
@@ -1074,15 +1078,13 @@ async function handle_qry__event_session(
     <select
         class="inline-block select text-sm w-28 m-1 ae_btn_info"
         bind:value={$events_loc.pres_mgmt.qry__files_min_size}
-        on:change={
-            () => {
+        onchange={() => {
                 handle_qry__event_file({
                     min_file_size: $events_loc.pres_mgmt.qry__files_min_size ?? 100000000, // in bytes
                     log_lvl: log_lvl,
                 });
                 $events_loc.pres_mgmt.show_report = 'large_files';
-            }
-        }
+            }}
         >
         <option value="10000000">10 MB</option>
         <option value="25000000">25 MB</option>