Slowly implementing the new Data Store element v3. It should be a drop in replacement for v2.

src/routes/+layout.svelte

@@ -53,11 +53,6 @@
     import MyClipboard from '$lib/app_components/e_app_clipboard.svelte';
     import E_app_debug_menu from '$lib/app_components/e_app_debug_menu.svelte';
     import E_app_sys_menu from '$lib/app_components/e_app_sys_menu.svelte';
-    // import Element_access_type from '$lib/element_access_type.svelte';
-    // import Element_app_cfg from '$lib/element_app_cfg.svelte';
-    // import Element_sign_in_out from '$lib/element_sign_in_out.svelte';
-
-    // import Element_data_store from '$lib/element_data_store_v2.svelte';
 
     interface Props {
         data: any;

src/routes/+page.svelte

@@ -8,7 +8,7 @@
     // import { PUBLIC_TESTING } from '$env/static/public';
     // console.log(`AE Config - +page.svelte PUBLIC_TESTING:`, PUBLIC_TESTING);
 
-    import Element_data_store from '$lib/elements/element_data_store_v2.svelte';
+    import Element_data_store from '$lib/elements/element_data_store_v3.svelte';
 
     // import { api } from '$lib/api';
     import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/stores/ae_stores';

src/routes/events/[event_id]/+layout.svelte

@@ -9,16 +9,6 @@
 
     let log_lvl: number = 0;
 
-    // import { browser } from '$app/environment';
-    // import { goto, invalidate, pushState, replaceState } from '$app/navigation';
-
-    // import type { key_val } from '$lib/ae_stores';
-    // import { ae_util } from '$lib/ae_utils/ae_utils';
-    // import Element_data_store from '$lib/element_data_store_v2.svelte';
-
-    // import { liveQuery } from "dexie";
-    // import { core_func } from '$lib/ae_core_functions';
-    // import { db_events } from "$lib/db_events";
     import {
         ae_snip,
         ae_loc,
@@ -35,10 +25,6 @@
         events_trigger
     } from '$lib/stores/ae_events_stores';
 
-    // import { events_func } from '$lib/ae_events_functions';
-
-    // import Event_page_menu from '../event_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;
     let ae_acct = data[$slct.account_id];

src/routes/testing/data_store_v3/+page.svelte

@@ -88,6 +88,25 @@
             />
         </div>
     </section>
+
+    <section class="card p-4 space-y-4 variant-soft-tertiary">
+        <h2 class="h3">Scenario 4: Change Props Passed</h2>
+        <p class="text-sm">Fetching code <code>{test_code_and_for}</code> linked to <code>for_type: event</code> and <code>for_id: {test_event_id}</code>.</p>
+        <div class="bg-surface-100-800-token p-4 rounded-lg border border-surface-500/20">
+            <AE_Element_Data_Store_V3
+                ds_code={test_code_and_for}
+                ds_name={'Specific Record Test'}
+                ds_type="html"
+                for_type="event"
+                for_id={test_event_id}
+                class_li="w-fit max-w-(--breakpoint-lg) text-xl text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100"
+                show_edit={false}
+                show_edit_btn={true}
+                {log_lvl}
+                debug={true}
+            />
+        </div>
+    </section>
     {/key}
 
     <section class="card p-4 space-y-4">