Significant work on getting badges ready again.

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

@@ -1,18 +1,19 @@
 <script lang="ts">
 interface Props {
-    /** @type {import('./$types').PageData} */
+    /** @type {import('./$types').LayoutData} */
     data: any;
+    children?: import('svelte').Snippet;
     log_lvl?: number;
 }
 
 let {
     data,
+    children,
     log_lvl = 0
 }: Props = $props();
 
 
 // *** Import Svelte specific
-
 import { liveQuery } from "dexie";
 
 import type { key_val } from '$lib/ae_stores';
@@ -24,13 +25,40 @@ 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';
 
-
 let lq__event_obj = $derived(liveQuery(async () => {
+    if (log_lvl) {
+        console.log(`*** LiveQuery: lq__event_obj *** event_id=${$events_slct.event_id}`);
+    }
     let results = await db_events.event
-        .get($events_slct.event_id);
+        .get($events_slct?.event_id ?? '');
+
     return results;
 }));
 
+let nav_y_height = $state(0);
+
+let box: any;
+let xLeft = $state(0);
+let xScroll = $state(0);
+let xWidth = $state(0);
+let yTop = $state(0);
+let yScroll = $state(0);
+let yHeight = $state(0);
+
+let scroll_x = $state(0);
+let scroll_y = $state(0);
+
+function parse_scroll() {
+    // console.log(`parse_scroll() called`);
+    xLeft = box.scrollLeft;
+    xScroll = box.scrollWidth;
+    xWidth = box.clientWidth;
+    yTop = box.scrollTop;
+    yHeight = box.clientHeight;
+    yScroll = box.scrollHeight;
+    // console.log(`parse_scroll() called: ${yTop}`);
+}
+
 // *** Functions and Logic
 $effect(() => {
     // if ($events_trigger == 'load__event_badge_obj_li' && $events_slct.event_id) {
@@ -43,8 +71,16 @@ $effect(() => {
 
 <svelte:head>
 	<title>
-        &AElig;:
+        Badges -
         {ae_util.shorten_string({string: $lq__event_obj?.name ?? '-- not set --', max_length: 12})}
+        - OSIT's &AElig; Events
     </title>
 </svelte:head>
-<!-- - Badges - {$events_loc?.title} -->
+<!-- - Badges - {$events_loc?.title} -->
+
+
+<!-- +layout: Where is here??? -->
+
+
+
+{@render children?.()}