Added new topic for IDAA BB

Merging changes from yesterday. Thought I did this already.

.directory

@@ -1,5 +1,5 @@
 [Dolphin]
-Timestamp=2024,2,6,18,10,21.847
+Timestamp=2024,8,7,10,25,9.632
 Version=4
 ViewMode=1
 

.env.prod.default

@@ -0,0 +1,43 @@
+# One Sky IT's Aether Framework and System
+TESTING=This is a test env variable
+PUBLIC_TESTING=This is a public test env variable
+
+CONTAINER_AE_APP_NODE=ae_app_node_prod
+CONTAINER_AE_APP_NODE_RED=ae_app_node_prod_red
+CONTAINER_AE_APP_NODE_GREEN=ae_app_node_prod_green
+CONTAINER_AE_APP_NODE_BLUE=ae_app_node_prod_blue
+OSIT_WEB_HTTP_PORT=8082
+OSIT_WEB_HTTPS_PORT=4435
+
+# DOCKER_AE_SERVER_EXTRA_HOST=srv-nyx.oneskyit.com:104.237.143.4
+# DOCKER_AE_API_SERVER_EXTRA_HOST=api.oneskyit.com:104.237.143.4
+# DOCKER_AE_API_BAK_SERVER_EXTRA_HOST=bak-api.oneskyit.com:104.237.143.4
+
+# Aether general shared config options
+# For general shared config options like API access and use, database access and use, Redis, and SMTP
+# home development, live testing, live production, onsite development, onsite testing, onsite production???
+AE_CFG_ID=7
+
+## Aether API access and use
+PUBLIC_AE_API_PROTOCOL=https
+PUBLIC_AE_API_SERVER=api.oneskyit.com
+PUBLIC_AE_API_BAK_SERVER=bak-api.oneskyit.com
+PUBLIC_AE_API_SERVER_INTERNAL=aether_api_gunicorn
+PUBLIC_AE_API_PORT=443
+PUBLIC_AE_API_PATH=
+PUBLIC_AE_API_SECRET_KEY=XXXX
+PUBLIC_AE_API_CRUD_SUPER_KEY=XXXX
+PUBLIC_AE_NO_ACCOUNT_ID=No_Account_ID_Here
+PUBLIC_AE_NO_ACCOUNT_ID_TOKEN=Nothing_to_see_here
+
+# Aether app specific config (SvelteKit)
+AE_APP_CFG_ID=99
+AE_APP_ENV=development
+AE_APP_NODE_PORT=3001
+AE_APP_NODE_PORT_RED=3002
+AE_APP_NODE_PORT_GREEN=3003
+AE_APP_NODE_PORT_BLUE=3004
+
+PUBLIC_AE_ACCOUNT_ID=XXXX # OSIT = _XY7DXtc9MY; CHOW = 3Iid1aIRY5j
+PUBLIC_AE_EVENT_ID=XXXX # OSIT = pjrcghqwert; CHOW = Mw6-Nv-Zf-5A
+PUBLIC_AE_SPONSORSHIP_CFG_ID=XXXX # OSIT = t8jdjONCs0k; CHOW = ygjEuQQCzvk

.env.staging.default

@@ -0,0 +1,45 @@
+# One Sky IT's Aether Framework and System
+TESTING=This is a test env variable
+PUBLIC_TESTING=This is a public test env variable
+
+CONTAINER_AE_APP_NODE=ae_app_node_prod
+CONTAINER_AE_APP_NODE_RED=ae_app_node_prod_red
+CONTAINER_AE_APP_NODE_GREEN=ae_app_node_prod_green
+CONTAINER_AE_APP_NODE_BLUE=ae_app_node_prod_blue
+OSIT_WEB_HTTP_PORT=8082
+OSIT_WEB_HTTPS_PORT=4435
+
+# DOCKER_AE_SERVER_EXTRA_HOST=srv-nyx.oneskyit.com:104.237.143.4
+# DOCKER_AE_API_SERVER_EXTRA_HOST=dev-api.oneskyit.com:192.168.32.20 # Odd because this env is the development server
+# DOCKER_AE_API_SERVER_EXTRA_HOST=dev-api.oneskyit.com:192.168.32.99 # Odd because this env is the development server
+# DOCKER_AE_API_BAK_SERVER_EXTRA_HOST=test-api.oneskyit.com:104.237.143.4 # Odd because this env is the development server
+# DOCKER_AE_API_TEST_SERVER_EXTRA_HOST=test-api.oneskyit.com:104.237.143.4
+
+# Aether general shared config options
+# For general shared config options like API access and use, database access and use, Redis, and SMTP
+# home development, live testing, live production, onsite development, onsite testing, onsite production???
+AE_CFG_ID=5
+
+## Aether API access and use
+PUBLIC_AE_API_PROTOCOL=https
+PUBLIC_AE_API_SERVER=dev-api.oneskyit.com
+PUBLIC_AE_API_BAK_SERVER=test-api.oneskyit.com
+PUBLIC_AE_API_SERVER_INTERNAL=aether_api_gunicorn
+PUBLIC_AE_API_PORT=443
+PUBLIC_AE_API_PATH=
+PUBLIC_AE_API_SECRET_KEY=dFP6J9DVj9hUgIMn-fNIqg
+PUBLIC_AE_API_CRUD_SUPER_KEY=zp5PtX4zUsI
+PUBLIC_AE_NO_ACCOUNT_ID=No_Account_ID_Here
+PUBLIC_AE_NO_ACCOUNT_ID_TOKEN=Nothing_to_see_here
+
+# Aether app specific config (SvelteKit)
+AE_APP_CFG_ID=99
+AE_APP_ENV=development
+AE_APP_NODE_PORT=3001
+AE_APP_NODE_PORT_RED=3002
+AE_APP_NODE_PORT_GREEN=3003
+AE_APP_NODE_PORT_BLUE=3004
+
+PUBLIC_AE_ACCOUNT_ID=XXXX # OSIT = _XY7DXtc9MY; CHOW = 3Iid1aIRY5j
+PUBLIC_AE_EVENT_ID=XXXX # OSIT = pjrcghqwert; CHOW = Mw6-Nv-Zf-5A
+PUBLIC_AE_SPONSORSHIP_CFG_ID=XXXX # OSIT = t8jdjONCs0k; CHOW = ygjEuQQCzvk

.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.eslintrc.cjs

@@ -0,0 +1,31 @@
+/** @type { import("eslint").Linter.Config } */
+module.exports = {
+	root: true,
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/recommended',
+		'prettier'
+	],
+	parser: '@typescript-eslint/parser',
+	plugins: ['@typescript-eslint'],
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte']
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser'
+			}
+		}
+	]
+};

.gitignore

@@ -1,27 +1,33 @@
+.DS_Store
+.directory
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+!.env.prod.default
+!.env.staging.default
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
+
 # Logs
 logs
 *.log
+*.log.*
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
+# Backups and archives
 *.bak
 *.tar.gz
+backups/
+
+# Temporary files
+tmp/
+temp/
+*.kate-swp

.npmrc

@@ -0,0 +1 @@
+engine-strict=true

.prettierignore

@@ -0,0 +1,4 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierrc

@@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["svelte.svelte-vscode"]
-}

.vscode/settings.json

@@ -0,0 +1,121 @@
+{
+	"prettier.documentSelectors": [
+		"**/*.svelte"
+	],
+	"tailwindCSS.classAttributes": [
+		"class",
+		"accent",
+		"active",
+		"animIndeterminate",
+		"aspectRatio",
+		"background",
+		"badge",
+		"bgBackdrop",
+		"bgDark",
+		"bgDrawer",
+		"bgLight",
+		"blur",
+		"border",
+		"button",
+		"buttonAction",
+		"buttonBack",
+		"buttonClasses",
+		"buttonComplete",
+		"buttonDismiss",
+		"buttonNeutral",
+		"buttonNext",
+		"buttonPositive",
+		"buttonTextCancel",
+		"buttonTextConfirm",
+		"buttonTextFirst",
+		"buttonTextLast",
+		"buttonTextNext",
+		"buttonTextPrevious",
+		"buttonTextSubmit",
+		"caretClosed",
+		"caretOpen",
+		"chips",
+		"color",
+		"controlSeparator",
+		"controlVariant",
+		"cursor",
+		"display",
+		"element",
+		"fill",
+		"fillDark",
+		"fillLight",
+		"flex",
+		"flexDirection",
+		"gap",
+		"gridColumns",
+		"height",
+		"hover",
+		"inactive",
+		"indent",
+		"justify",
+		"meter",
+		"padding",
+		"position",
+		"regionAnchor",
+		"regionBackdrop",
+		"regionBody",
+		"regionCaption",
+		"regionCaret",
+		"regionCell",
+		"regionChildren",
+		"regionChipList",
+		"regionChipWrapper",
+		"regionCone",
+		"regionContent",
+		"regionControl",
+		"regionDefault",
+		"regionDrawer",
+		"regionFoot",
+		"regionFootCell",
+		"regionFooter",
+		"regionHead",
+		"regionHeadCell",
+		"regionHeader",
+		"regionIcon",
+		"regionInput",
+		"regionInterface",
+		"regionInterfaceText",
+		"regionLabel",
+		"regionLead",
+		"regionLegend",
+		"regionList",
+		"regionListItem",
+		"regionNavigation",
+		"regionPage",
+		"regionPanel",
+		"regionRowHeadline",
+		"regionRowMain",
+		"regionSummary",
+		"regionSymbol",
+		"regionTab",
+		"regionTrail",
+		"ring",
+		"rounded",
+		"select",
+		"shadow",
+		"slotDefault",
+		"slotFooter",
+		"slotHeader",
+		"slotLead",
+		"slotMessage",
+		"slotMeta",
+		"slotPageContent",
+		"slotPageFooter",
+		"slotPageHeader",
+		"slotSidebarLeft",
+		"slotSidebarRight",
+		"slotTrail",
+		"spacing",
+		"text",
+		"track",
+		"transition",
+		"width",
+		"zIndex"
+	],
+	"explorer.fileNesting.enabled": false
+}

README.md

@@ -1,2 +1,191 @@
-# OSIT AE - Sponsorships App (Svelte)
-This was created for One Sky IT's Aether system.
+# One Sky IT's Aether App - SvelteKit v2
+
+This uses SvelteKit version 2.x with Svelte version 5.x, TailwindCSS 4.1, and Skelton.
+
+
+# Current Modules
+
+## AE Events - Speakers (/events_speakers)
+### Components
+* +page.svelte - The main page for the Events - Speakers module
+* 10_edit_modal__event_presenter_obj.svelte - The modal for editing a presenter
+* 10_list__event_presenter_obj.svelte - The list of presenters/speakers
+* 10_view_modal__event_presenter_obj.svelte - The modal for viewing a presenter
+### Path [slug]
+* +page.svelte - The main page for the presenter ID [slug]
+
+## AE Sponsorships (/sponsorships)
+* +page.svelte - The main page for the Sponsorships module
+* 10_edit_modal__sponsorship_obj.svelte - The modal for editing a sponsorship
+* 10_list__sponsorship_obj.svelte - The list of sponsorships
+* 10_view_modal__sponsorship_obj.svelte - The modal for viewing a sponsorship
+### Path [slug]
+* +page.svelte - The main page for the sponsorship ID [slug]
+
+
+# Future Modules
+## AE Events - Badges (/events_badges)
+* +page.svelte - The main page for the Events - Badges module
+* 10_list__event_badge_obj.svelte - The list of badges
+* 10_view_modal__event_badge_obj.svelte - The modal for viewing a badge
+
+## AE Events - Exhibit Leads (/events_exhibit_leads)
+## AE Events - Presentation Management (/events_pres_mgmt)
+
+
+# How to build and deploy SvelteKit:
+Copy the contents of the "build" directory to ./npm_deploy/build/
+
+```bash
+npm run build
+```
+
+If this is just a quick build update then only the build directory needs to be copied (rsync).
+```bash
+rsync -vhrz --exclude 'node_modules' ~/OSIT_dev/ae_app_svelte_tailwind_skeleton/build/ ~/OSIT_dev/ae_env_node_app/npm_deploy/build/ --delete
+
+rsync -vhrz ~/OSIT_dev/ae_env_node_app/npm_deploy/build/ scott@linode.oneskyit.com:/srv/env/prod_aether_sveltekit/npm_deploy/build/ --delete
+```
+
+If this includes package updates (not development) we need to copy the new package.json. Manually copy the new package.json file to ./npm_deploy/. This also needs to be copied to the server. Copy the package.json even though not really used.
+
+Run the --omit dev to clear out the node_modules directory. Copy the root node_modules directory to ./npm_deploy/build/node_modules/ after running te omit dev command.
+```bash
+npm ci --omit dev
+
+# copy/paste, rsync, or cp
+rsync -vhrz ~/OSIT_dev/ae_app_svelte_tailwind_skeleton/node_modules ~/OSIT_dev/ae_env_node_app/npm_deploy/build/ --delete
+
+# copy package.json as well
+
+npm install
+```
+
+Everything should be ready to run on the development server and production server.
+
+
+# Rebuild the node_modules directory and manually install extra Svelte packages
+
+Run the npm update to fix the node_modules directory and package.json
+```bash
+npm list
+npm outdated
+npm update
+npm outdated
+npm list
+```
+
+Other installs?:
+Are both still needed? I know at least one of these is. 2024-07-23
+```bash
+npm install --save-dev svelte-highlight
+npm install --save-dev typescript-svelte-plugin
+```
+
+---
+
+# Set up and run
+
+## Packages and dependencies
+
+```bash
+npm install --save-dev svelte-highlight typescript-svelte-plugin
+npm install flowbite flowbite-svelte tailwind-merge @popperjs/core
+```
+
+I am slowly switching from Font-Awesome to Lucide
+
+## Tiptap Editor
+* Eventually use Edra? https://edra.tsuzat.com/
+    * Best Rich Text Editor, made for Svelte Developers with Tiptap
+    * ShadEditor is "evolving" to be Edra.
+* ShadCN is still stuck on Tailwind 3. Waiting to upgrade to Tailwind 4.x. Tailwind 4.x was released in late January 2025. ShadCN is still being worked on as of late March 2025.
+* [https://github.com/huntabyte/shadcn-svelte/issues/1643](https://github.com/huntabyte/shadcn-svelte/issues/1643)
+
+Need to install ShadCN and Lucide for the Tiptap editor.
+```bash
+npm install shadcn-svelte
+npm install lucide-svelte
+npm install mode-watcher
+```
+
+Now we initialize the ShadCN and ShadEditor packages. Follow the command line instructions.
+```bash
+npx shadcn-svelte@next init
+npx shadcn-svelte@next add dropdown-menu button tooltip input popover separator
+npx shadeditor init
+```
+
+More packages related to the Tiptap editor???
+```bash
+npm install @tiptap/extension-link @tiptap/extension-bullet-list @tiptap/extension-history @tiptap/extension-typography @tiptap/extension-underline
+```
+
+## Build
+
+## Environment file
+### ".env"
+This is the default used if others are not found when when "npm run dev" or "npm run build" is run.
+
+### ".env.local"
+This is used when "npm run dev" is run. This is not used in the production build.
+
+### ".env.production"
+This is used when "npm run build" is run. This is not used in the development build.
+
+### ".env:prod"
+This is modified to allow for a staging environment and production environment built.
+
+### ".env:staging"
+This is modified to allow for a staging environment and production environment built.
+
+### Example Important Values when running in dev:
+Note: Environment values need to be updated when our home IP address changes. Be sure to check the Aether Container Environment and Aether Node App (SvelteKit) Environment files for the correct IP address. The Node Docker environment needs to be updated here and in the .env file that Docker will read. This needs to be improved later...
+```bash
+DOCKER_AE_API_DEV_SERVER_EXTRA_HOST=dev-api.oneskyit.com:108.48.200.147
+
+DOCKER_AE_API_SERVER_EXTRA_HOST=dev-api.oneskyit.com:108.48.200.147
+
+PUBLIC_AE_API_SERVER=api.oneskyit.com
+PUBLIC_AE_API_BAK_SERVER=bak-api.oneskyit.com
+```
+
+
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

README_guidelines.md

@@ -0,0 +1,66 @@
+# One Sky IT's Aether App - UI and UX Guidelines and Rules
+
+
+## General
+### Events
+#### layout header
+#### layout footer
+
+### Journals
+#### buttons
+##### alert
+
+##### info
+
+##### priority, flag
+
+##### warning, hide
+```css
+variant-soft-warning hover:variant-filled-warning
+```
+##### error, delete, disable
+```css
+variant-soft-error hover:variant-filled-error
+```
+#### new root layout header
+#### submenu
+```css
+flex flex-row items-center justify-center gap-1
+```
+#### new layout footer
+
+
+## Svelte 5 and SvelteKit v2 (framework and routing)
+
+
+## Tailwind 3.x CSS (styles)
+Waiting to upgrade to 4.x when ShadCN is ready. ShadCN is still being worked on as of late March 2025.
+* https://ui.shadcn.com/docs/tailwind-v4
+
+
+## CodeMirror 6.x (text and code editor)
+* https://codemirror.net
+
+## ShadCN (Tailwind Components)
+* https://ui.shadcn.com/docs
+* https://github.com/shadcn-ui/ui
+
+
+## Skeleton (Design System, Tailwind Components, Functional Components)
+Waiting to upgrade to Skeleton v3. Mostly because of the Tailwind 4.x upgrade needed for ShadCN.
+* https://www.skeleton.dev/docs/get-started/migrate-from-v2
+
+## Flowbite (Tailwind Components)
+
+
+## Lucide Icons (SVG Icons)
+* https://lucide.dev/icons/
+
+
+## Markdown
+Using marked for Markdown parsing.
+* https://marked.js.org/
+
+
+## Edra (TipTap based Rich Text Editor)
+* https://edra.tsuzat.com/

ae_app_mod_sponsorships_svelte.code-workspace

@@ -1,8 +0,0 @@
-{
-	"folders": [
-		{
-			"path": "."
-		}
-	],
-	"settings": {}
-}

ae_app_svelte_tailwind_skeleton.code-workspace

@@ -0,0 +1,14 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {
+		"cSpell.words": [
+			"filelist"
+		],
+		"git.autofetch": true,
+		"editor.defaultFormatter": "svelte.svelte-vscode"
+	}
+}

components.json

@@ -0,0 +1,17 @@
+{
+	"$schema": "https://next.shadcn-svelte.com/schema.json",
+	"style": "default",
+	"tailwind": {
+		"config": "tailwind.config.ts",
+		"css": "src/app.css",
+		"baseColor": "gray"
+	},
+	"aliases": {
+		"components": "$lib/components",
+		"utils": "$lib/utils",
+		"ui": "$lib/components/ui",
+		"hooks": "$lib/hooks"
+	},
+	"typescript": true,
+	"registry": "https://next.shadcn-svelte.com/registry"
+}

index.html

@@ -1,49 +0,0 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-        <!-- Load dayjs library: https://cdnjs.com/libraries/dayjs -->
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.10/dayjs.min.js" integrity="sha512-FwNWaxyfy2XlEINoSnZh1JQ5TRRtGow0D6XcmAWmYCRgvqOUTnzCxPc9uF35u5ZEpirk1uhlPVA19tflhvnW1g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.10/plugin/utc.min.js" integrity="sha512-z84O912dDT9nKqvpBnl1tri5IN0j/OEgMzLN1GlkpKLMscs5ZHVu+G2CYtA6dkS0YnOGi3cODt3BOPnYc8Agjg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.10/plugin/timezone.min.js" integrity="sha512-jmsGNYDezdyZ+W3bVeZy83kZp/2n5BgWe/0solkveG0vSSrP9XIVTD1tNiM1OqImc4H3OxHfs1uSfVclOU3mWw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-        <script src="https://static.oneskyit.com/js/tinymce/tinymce.min.js"></script>
-
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-
-        <!-- <link rel="stylesheet" href="/src/main.css" /> -->
-
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>&AElig; AE App (The Hub) - Sponsorships - Vite + Svelte + TS</title>
-        <script>
-            let api_base_url = 'https://dev-api.oneskyit.com';
-            let api_base_url_backup = 'https://bak-api.oneskyit.com';
-            let app_base_url = 'https://dev-demo.oneskyit.com';
-            let app_base_url_backup = 'https://bak-demo.oneskyit.com';
-        </script>
-
-<script>
-
-</script>
-    </head>
-
-    <body>
-        <section id="Site-Header">Site-Header</section>
-        <section id="Site-Nav-Menu"></section>
-        <!-- <section id="Notifications">Notifications</section> -->
-
-        <div class="svelte_target ae_svelte_app ae_sponsorships_main"></div>
-
-        <section id="Site-Set-Access-Type" class="svelte_target set_access_type"></section>
-
-        <section id="Site-Footer">Site-Footer</section>
-
-        <section id="Site-Modals"><!-- Site-Modals --></section>
-
-        <div class="svelte_target ae_svelte_app_hub"></div>
-
-        <!-- The ae_bridge_init.js and main.ts should be run back to back -->
-        <script src="/ae_bridge_init.js"></script>
-        <script type="module" src="/src/main.ts"></script>
-    </body>
-</html>

jsconfig.json

@@ -0,0 +1,7 @@
+{
+    "compilerOptions": {
+        "paths": {
+        "$lib/*": ["./src/lib/*"]
+        }
+    }
+}

package.json

@@ -1,26 +1,121 @@
 {
-  "name": "ae_sponsorships_app_svelte",
+  "name": "osit-aether-app-svelte",
+  "version": "3.9.6",
+  "description": "One Sky IT's Aether App created with Svelte, SvelteKit, Tailwind CSS, Lucide, Font Awesome, and Skeleton UI. -Scott Idem",
+  "homepage": "https://oneskyit.com/",
   "private": true,
-  "version": "0.0.1",
-  "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite dev",
     "build": "vite build",
+    "build:prod": "cp .env.prod .env.production && vite build",
+    "build:staging": "cp .env.staging .env.production && vite build",
     "preview": "vite preview",
-    "check": "svelte-check --tsconfig ./tsconfig.json"
+    "test": "npm run test:integration && npm run test:unit",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write .",
+    "test:integration": "playwright test",
+    "test:unit": "vitest"
   },
   "devDependencies": {
+    "@playwright/test": "^1.28.1",
+    "@skeletonlabs/skeleton": "^3.1.3",
+    "@skeletonlabs/skeleton-svelte": "^1.2.3",
+    "@sveltejs/adapter-auto": "^6.0.0",
+    "@sveltejs/adapter-node": "^5.0.0",
     "@sveltejs/adapter-static": "^3.0.1",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "@tsconfig/svelte": "^5.0.0",
-    "svelte": "^4.2.8",
-    "svelte-check": "^3.6.0",
-    "tslib": "^2.6.0",
-    "typescript": "^5.3.0",
-    "vite": "^5.0.0"
+    "@sveltejs/kit": "^2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.10",
+    "@tiptap/core": "^2.10.3",
+    "@tiptap/extension-bubble-menu": "^2.10.3",
+    "@tiptap/extension-code-block-lowlight": "^2.10.3",
+    "@tiptap/extension-color": "^2.10.3",
+    "@tiptap/extension-highlight": "^2.10.3",
+    "@tiptap/extension-image": "^2.10.3",
+    "@tiptap/extension-link": "^2.10.3",
+    "@tiptap/extension-subscript": "^2.10.3",
+    "@tiptap/extension-superscript": "^2.10.3",
+    "@tiptap/extension-table": "^2.10.3",
+    "@tiptap/extension-table-cell": "^2.10.3",
+    "@tiptap/extension-table-header": "^2.10.3",
+    "@tiptap/extension-table-row": "^2.10.3",
+    "@tiptap/extension-task-item": "^2.10.3",
+    "@tiptap/extension-task-list": "^2.10.3",
+    "@tiptap/extension-text": "^2.10.3",
+    "@tiptap/extension-text-align": "^2.10.3",
+    "@tiptap/extension-text-style": "^2.10.3",
+    "@tiptap/extension-typography": "^2.10.3",
+    "@tiptap/extension-underline": "^2.10.3",
+    "@tiptap/pm": "^2.10.3",
+    "@tiptap/starter-kit": "^2.10.3",
+    "@types/eslint": "^9.0.0",
+    "@types/node": "^24.0.0",
+    "@types/qrcode": "^1.5.5",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "bits-ui": "^2.0.0",
+    "clsx": "^2.1.1",
+    "eslint": "^9.0.0",
+    "eslint-config-prettier": "^10.0.0",
+    "eslint-plugin-svelte": "^3.0.0",
+    "flowbite": "^3.0.0",
+    "highlight.js": "^11.10.0",
+    "lowlight": "^3.2.0",
+    "mode-watcher": "^1.0.0",
+    "prettier": "^3.1.1",
+    "prettier-plugin-svelte": "^3.1.2",
+    "sass-embedded": "^1.81.0",
+    "svelte": "^5.0.0",
+    "svelte-awesome-color-picker": "^4.0.0",
+    "svelte-check": "^4.0.0",
+    "svelte-highlight": "^7.8.4",
+    "svelte-idle": "^3.0.1",
+    "svelte-tiptap": "^2.1.0",
+    "tailwind-merge": "^3.0.0",
+    "tailwind-variants": "^2.1.0",
+    "tailwindcss": "^4.1.10",
+    "tailwindcss-animate": "^1.0.7",
+    "tslib": "^2.4.1",
+    "typescript": "^5.0.0",
+    "typescript-svelte-plugin": "^0.3.50",
+    "vite": "^6.0.0",
+    "vitest": "^3.0.0"
   },
+  "type": "module",
   "dependencies": {
-    "aether_npm_lib": "bitbucket:oneskyit/one-sky-it-npm-library",
-    "axios": "^1.6.0"
+    "@codemirror/commands": "^6.8.1",
+    "@codemirror/gutter": "^0.19.9",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-html": "^6.4.9",
+    "@codemirror/lang-javascript": "^6.2.3",
+    "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-markdown": "^6.3.2",
+    "@codemirror/language": "^6.11.0",
+    "@codemirror/language-data": "^6.5.1",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@codemirror/view": "^6.36.8",
+    "@floating-ui/dom": "^1.6.0",
+    "@lucide/svelte": "0.*.0",
+    "@popperjs/core": "^2.11.0",
+    "@tailwindcss/vite": "^4.1.10",
+    "@tiptap/extension-bullet-list": "^2.10.2",
+    "@tiptap/extension-document": "^2.10.2",
+    "@tiptap/extension-history": "^2.10.2",
+    "@tiptap/extension-paragraph": "^2.10.2",
+    "axios": "^1.7.0",
+    "codemirror": "^6.0.1",
+    "dayjs": "^1.11.10",
+    "dexie": "^4.0.0",
+    "flowbite-svelte": "^1.7.0",
+    "html5-qrcode": "^2.3.8",
+    "lucide-svelte": "0.*.0",
+    "marked": "^16.0.0",
+    "openai": "^5.20.1",
+    "qrcode": "^1.5.4",
+    "shadcn-svelte": "^1.0.0",
+    "svelte-persisted-store": "^0.12.0"
   }
 }

playwright.config.ts

@@ -0,0 +1,12 @@
+import type { PlaywrightTestConfig } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+	webServer: {
+		command: 'npm run build && npm run preview',
+		port: 4173
+	},
+	testDir: 'tests',
+	testMatch: /(.+\.)?(test|spec)\.[jt]s/
+};
+
+export default config;

public/ae_bridge_init.js

@@ -1,175 +0,0 @@
-
-// These localStorage values were created when generating the HTML
-
-// let ae_local = window.localStorage.getItem('ae'); // Includes: cfg, client, page, other
-// let ae_session = window.sessionStorage.getItem('ae'); // Includes: cfg, client, page, other
-// let ae_com_local = window.localStorage.getItem('ae_com');
-// let ae_com_session = window.sessionStorage.getItem('ae_com');
-
-if (window.localStorage.getItem('ae') === null) {
-    window.localStorage.setItem('ae', JSON.stringify({ 'cfg': {}, 'client': {}, 'page': {}, 'other': {}, 'test': {} }));
-}
-
-if (window.sessionStorage.getItem('ae') === null) {
-    window.sessionStorage.setItem('ae', JSON.stringify({ 'cfg': {}, 'client': {}, 'page': {}, 'other': {}, 'test': {} }));
-}
-// JSON.parse(window.sessionStorage.getItem('ae'))
-
-// export let ae_bridge = {
-const ae_bridge = {
-    // example_var: 'Example Default Value',
-    // get example() {
-    //     return this.example_var;
-    // },
-    // set example(new_value) {
-    //         this.example_var = new_value;
-    //         this.example_var_listener(new_value);
-    //         this.example_var_core_listener(new_value);
-    //         this.example_var_mods_listener(new_value);
-    // },
-
-    // example_var_listener: function (new_value) {},
-    // registerNewListener: function (external_listener_function) {
-    //     this.example_var_listener = external_listener_function;
-    // },
-
-    // example_var_core_listener: function (new_value) {},
-    // registerNewCoreListener: function (external_core_listener_function) {
-    //     this.example_var_core_listener = external_core_listener_function;
-    // },
-
-    // example_var_mods_listener: function (new_value) {},
-    // registerNewModsListener: function (external_mods_listener_function) {
-    //     this.example_var_mods_listener = external_mods_listener_function;
-    // },
-
-
-    // Monitor change in **local** storage AE
-    // Created and set when generating and then rendering the inital HTML and JS
-    // ae_local_var: true,
-    ae_local_var: JSON.parse(window.localStorage.getItem('ae')),
-    get ae_local() {
-        return this.ae_local_var;
-    },
-    set ae_local(new_value) {
-            console.log('ae_local_var: new_value: ', new_value);
-            this.ae_local_var = new_value;
-            this.ae_local_listener(new_value);
-            window.localStorage.setItem('ae', new_value);
-    },
-
-    ae_local_listener: function (new_value) {},
-    register_ae_local_listener: function (external_listener_function) {
-        this.ae_local_listener = external_listener_function;
-    },
-
-
-    // Monitor change in **session* storage AE
-    // Created and set when generating and then rendering the inital HTML and JS
-    // ae_session_var: true,
-    // ae_session_var: JSON.parse((window.sessionStorage.getItem('ae') ? window.sessionStorage.getItem('ae') : {'cfg': true, 'client': true, 'page': true, 'other': true})),
-    // ae_session_var: {'example': 'This is just an example from init.js!'},
-    ae_session_var: JSON.parse(window.sessionStorage.getItem('ae')),
-    get ae_session() {
-        return this.ae_session_var;
-    },
-    set ae_session(new_value) {
-            console.log('ae_session_var: new_value: ', new_value);
-            this.ae_session_var = new_value;
-            this.ae_session_listener(new_value);
-            window.sessionStorage.setItem('ae', new_value);
-    },
-
-    ae_session_listener: function (new_value) {},
-    register_ae_session_listener: function (external_listener_function) {
-        this.ae_session_listener = external_listener_function;
-    },
-
-
-    // Monitor change in Access Type
-    access_type_var: 'anonymous',
-    get access_type() {
-        return this.access_type_var;
-    },
-    set access_type(new_value) {
-            this.access_type_var = new_value;
-            this.access_type_var_core_listener(new_value);
-            this.access_type_var_mods_listener(new_value);
-    },
-
-    access_type_var_core_listener: function (new_value) {},
-    register_core_access_type_listener: function (external_core_listener_function) {
-        this.access_type_var_core_listener = external_core_listener_function;
-    },
-
-    access_type_var_mods_listener: function (new_value) {},
-    register_mods_access_type_listener: function (external_mods_listener_function) {
-        this.access_type_var_mods_listener = external_mods_listener_function;
-    },
-
-
-    // Monitor change in AE Common
-    // ae_com_var: true,
-    ae_com_var: JSON.parse(window.localStorage.getItem('ae_com')),
-    get ae_com() {
-        return this.ae_com_var;
-    },
-    set ae_com(new_value) {
-            this.ae_com_var = new_value;
-            this.ae_com_var_core_listener(new_value);
-            this.ae_com_var_mods_listener(new_value);
-    },
-
-    ae_com_var_core_listener: function (new_value) {},
-    register_core_ae_com_listener: function (external_core_listener_function) {
-        this.ae_com_var_core_listener = external_core_listener_function;
-    },
-
-    ae_com_var_mods_listener: function (new_value) {},
-    register_mods_ae_com_listener: function (external_mods_listener_function) {
-        this.ae_com_var_mods_listener = external_mods_listener_function;
-    },
-
-
-    // Monitor change in Client
-    client_var: true,
-    get client() {
-        return this.client_var;
-    },
-    set client(new_value) {
-            this.client_var = new_value;
-            this.client_var_core_listener(new_value);
-            this.client_var_mods_listener(new_value);
-    },
-
-    client_var_core_listener: function (new_value) {},
-    register_core_client_listener: function (external_core_listener_function) {
-        this.client_var_core_listener = external_core_listener_function;
-    },
-
-    client_var_mods_listener: function (new_value) {},
-    register_mods_client_listener: function (external_mods_listener_function) {
-        this.client_var_mods_listener = external_mods_listener_function;
-    },
-
-};
-console.log('ae_bridge_init.js loaded');
-
-
-// Updated: 2024-02-09
-/* BEGIN: Add this to the stores.ts */
-// This adds a listener to the ae_bridge object. This can then be exported and used in the Svelte components.
-// export let ae_example = writable(ae_bridge.ae_example);
-// ae_bridge.register_ae_example_listener((new_value) => {
-//     console.log(`AE Bridge: AE Example: ${new_value}`);
-//     console.log(new_value);
-
-//     ae_example.set(new_value);
-//     console.log(ae_example);
-// });
-/* END: Add this to the stores.ts */
-
-
-/* BEGIN: Add this to the Svelte components */
-// import { ae_example } from './stores';
-/* END: Add this to the Svelte components */

public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

src/0_archives__main.svelte

@@ -1,617 +0,0 @@
-<script lang="ts">
-type key_val = {
-    [key: string]: any;
-};
-// *** Import Svelte core
-import { onMount } from 'svelte';
-
-// *** Import Aether core variables and functions
-import { ae, api, Element_modal_v3 } from 'aether_npm_lib';
-
-import { slct, slct_trigger, ae_app } from './stores';
-
-// *** Import Aether core components
-// import { get_data_store_obj_w_code } from '../data_store/stores_data_store_api.js';
-
-// *** Import Aether module variables and functions
-// import { get_account_archive_obj_list } from './stores_ae_api.js';
-
-// *** Import Aether module components
-import Edit_archive_obj from './10_edit__archive_obj.svelte';
-import List_archive_obj from './10_list__archive_obj.svelte';
-import View_archive_obj from './10_view__archive_obj.svelte';
-
-// *** Export/Exposed variables and functions for component
-// export let account_id: string = $page['page_for']['account_id'];
-export let account_id: string = $ae_app.account_id;
-export let archive_id: string = $ae_app.archives.archive_id;
-
-export let novi_uuid: string = $ae_app.novi_uuid;
-export let novi_email: string = $ae_app.novi_email;
-export let novi_full_name: string = $ae_app.novi_full_name;
-export let novi_admin_li: string = $ae_app.novi_admin_li;
-export let novi_trusted_li: string = $ae_app.novi_trusted_li;
-
-// *** Set initial variables
-$ae_app.novi_uuid = novi_uuid;
-$ae_app.novi_email = decodeURIComponent(novi_email);
-$ae_app.novi_full_name = decodeURIComponent(novi_full_name);
-$ae_app.novi_admin_li = novi_admin_li;
-$ae_app.novi_trusted_li = novi_trusted_li;
-
-$ae_app.current_timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-if (!$ae_app.lu_timezone_list) {
-    $ae_app.lu_timezone_list = [];
-}
-
-$ae_app.archives.show_main__options = true; // Section for: buttons for creating new archives, show/hide archives, and search archives
-// $ae_app.archives.show_list__archive_obj_li = true;
-// $ae_app.archives.show_view__archive_obj = $ae_app.archives.show_view__archive_obj;
-$ae_app.archives.fulltext_search_qry_str = '';
-$ae_app.archives.qry_type = false
-
-// NOTE: Check if the novi_uuid is in the novi_admin_li list
-if ($ae_app.novi_uuid && $ae_app.novi_admin_li) {
-    if ($ae_app.novi_admin_li.includes($ae_app.novi_uuid)) {
-        $ae_app.access_type = 'administrator';
-        $ae_app.administrator_access = true;
-        $ae_app.trusted_access = true;
-    }
-}
-// NOTE: Check if the novi_uuid is in the novi_trusted_li list
-if ($ae_app.novi_uuid && $ae_app.novi_trusted_li) {
-    if ($ae_app.novi_trusted_li.includes($ae_app.novi_uuid)) {
-        $ae_app.access_type = 'trusted';
-        $ae_app.trusted_access = true;
-    }
-}
-
-if ($ae_app.administrator_access) {
-    $ae_app.archives.enabled = 'enabled';
-    $ae_app.archives.hidden = 'not_hidden';
-    $ae_app.archives.limit = 150;
-} else if ($ae_app.trusted_access) {
-    $ae_app.archives.enabled = 'enabled';
-    $ae_app.archives.hidden = 'not_hidden';
-    $ae_app.archives.limit = 75;
-} else {
-    $ae_app.archives.enabled = 'enabled';
-    $ae_app.archives.hidden = 'not_hidden';
-    $ae_app.archives.limit = 75;
-}
-
-let idaa_archive_obj_li_get_promise;
-let idaa_archive_obj_get_promise;
-
-if (account_id) {
-    $slct.account_id = account_id;
-    handle_load_archive_obj_li({account_id: $slct.account_id, try_cache: false});
-}
-
-if (archive_id) {
-    console.log(`Selected Archive ID: ${archive_id}`);
-    $slct.archive_id = archive_id;
-    $slct_trigger = 'load__archive_obj';
-
-    // $ae_app.archives.show_main__options = true;
-    $ae_app.archives.show_list__archive_obj_li = false;
-    $ae_app.archives.show_view__archive_obj = true;
-    $ae_app.archives.show_edit__archive_obj = false;
-} else {
-    // $ae_app.archives.show_main__options = true;
-    $ae_app.archives.show_list__archive_obj_li = true;
-    $ae_app.archives.show_view__archive_obj = false;
-    $ae_app.archives.show_edit__archive_obj = false;
-}
-
-if (!$ae_app.client_content) {
-    $ae_app.client_content = {};
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** IDAA Archives - AE Archives: Main');
-});
-
-
-$: if ($ae_app.iframe_height && $ae_app.iframe_height_modal_body) {
-    console.log('getting new dimensions for iframe:', $ae_app.iframe_height, $ae_app.iframe_height_modal_body);
-
-    let iframe_height = 0;
-
-    if ($ae_app.iframe_height > $ae_app.iframe_height_modal_body) {
-        iframe_height = $ae_app.iframe_height;
-    } else {
-        iframe_height = $ae_app.iframe_height_modal_body;
-
-        // console.log($ae_app.modal_dimensions);
-
-        if ($ae_app.modal_dimensions && $ae_app.modal_dimensions.header_height) {
-            iframe_height = iframe_height + $ae_app.modal_dimensions.header_height;
-        }
-        if ($ae_app.modal_dimensions && $ae_app.modal_dimensions.footer_height) {
-            iframe_height = iframe_height + $ae_app.modal_dimensions.footer_height;
-        }
-        // iframe_height = iframe_height + 50; // Just in case
-    }
-
-    console.log(`Suggested new iframe_height: ${iframe_height}`);
-    window.parent.postMessage({'iframe_height': iframe_height}, "*"); // This should be in pixels
-} else if ($ae_app.iframe_height) {
-    console.log('setting new iframe_height:', $ae_app.iframe_height);
-
-    // let iframe_height = $ae_app.iframe_height;
-
-    window.parent.postMessage({'iframe_height': $ae_app.iframe_height}, "*"); // This should be in pixels
-}
-
-$: if ($slct_trigger == 'load__archive_obj' && $slct.archive_id) {
-    console.log('*** $slct_trigger == load__archive_obj ***');
-    $slct_trigger = null;
-
-    handle_load_archive_obj({archive_id: $slct.archive_id, try_cache: false});
-
-    // Auto show the selected Archive ID
-    // Is this pushState needed here?
-    // Set the URL param "archive_id" to the current Archive ID. This is a just in case.
-    // const url = new URL(location);
-    // url.searchParams.set('archive_id', $slct.archive_id);
-    // history.pushState({}, '', url);
-
-    // Is this postMessage needed here?
-    let message = {'archive_id': $slct.archive_id};
-    window.parent.postMessage(message, "*");
-
-    // $ae_app.archives.show_main__options = false;
-    // $ae_app.archives.show_list__archive_obj_li = false;
-    // $ae_app.archives.show_view__archive_obj = true;
-    // $ae_app.archives.show_edit__archive_obj = false;
-}
-
-$: if ($slct_trigger == 'load__archive_obj_li' && $slct.account_id) {
-    console.log('*** $slct_trigger == load__archive_obj_li ***');
-    $slct_trigger = null;
-
-    handle_load_archive_obj_li({account_id: $slct.account_id, try_cache: false});
-}
-
-async function handle_load_archive_obj_li({account_id, try_cache=true}) {
-    console.log('*** handle_load_archive_obj_li() ***');
-    console.log($ae_app.archives);
-
-    let enabled = $ae_app.archives.enabled;
-    let hidden = $ae_app.archives.hidden;
-    let limit = $ae_app.archives.limit;
-    let offset = $ae_app.archives.offset;
-
-    let params = {};
-
-    let params_json: key_val = {};
-    if ($ae_app.archives.fulltext_search_qry_str && $ae_app.archives.fulltext_search_qry_str.length > 2) {
-        params_json['ft_qry'] = {
-            'default_qry_str': $ae_app.archives.fulltext_search_qry_str,
-            };
-    }
-
-    if ($ae_app.archives.qry_audio || $ae_app.archives.qry_video || $ae_app.archives.qry_other) {
-        params_json['and_qry'] = {};
-        if ($ae_app.archives.qry_audio) params_json['and_qry']['audio'] = true;
-        if ($ae_app.archives.qry_video) params_json['and_qry']['video'] = true;
-        if ($ae_app.archives.qry_other) params_json['and_qry']['other'] = $ae_app.archives.qry_other;
-    }
-
-    console.log('params_json:', params_json);
-
-    idaa_archive_obj_li_get_promise = api.get_ae_obj_li_for_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'archive', // Archive in this case is an IDAA archive.
-        for_obj_type: 'account',
-        for_obj_id: account_id,
-        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
-        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
-        enabled: enabled,
-        hidden: hidden,
-        order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'created_on': 'DESC', 'updated_on': 'DESC'},
-        limit: limit,
-        offset: offset,
-        params_json: params_json,
-        params: params,
-        log_lvl: 1
-        })
-
-    .then(function (archive_obj_li_get_result) {
-        if (archive_obj_li_get_result) {
-            $slct.archive_obj_li = archive_obj_li_get_result;
-            console.log(`Archive list:`, $slct.archive_obj_li);
-        } else {
-            $slct.archive_obj_li = [];
-        }
-
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return idaa_archive_obj_li_get_promise;
-}
-
-async function handle_load_archive_obj({archive_id, try_cache=false}) {
-    console.log('*** handle_load_archive_obj() ***');
-
-    // let enabled = $ae_app.archives.enabled;
-    // let hidden = $ae_app.archives.hidden;
-    // let limit = $ae_app.archives.limit;
-    // let offset = $ae_app.archives.offset;
-
-    let params = {};
-
-    idaa_archive_obj_get_promise = api.get_ae_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'archive',
-        obj_id: archive_id,
-        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
-        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
-        params: params,
-        log_lvl: 0
-        })
-    .then(function (archive_obj_get_result) {
-        if (archive_obj_get_result) {
-            $slct.archive_obj = archive_obj_get_result;
-            // console.log($slct.archive_obj.cfg_json.content_group_sort);
-            $ae_app.archives.content_group_sort = $slct.archive_obj.cfg_json.content_group_sort;
-            console.log(`Archive object:`, $slct.archive_obj);
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return idaa_archive_obj_get_promise;
-}
-
-function handle_created_archive_obj(event) {
-    console.log('*** handle_created_archive_obj() ***');
-    console.log(event.detail);
-
-    handle_load_archive_obj({archive_id: $slct.archive_id, try_cache: false});
-
-    const url = new URL(location);
-    url.searchParams.set('archive_id', $slct.archive_id);
-    history.pushState({}, '', url);
-
-    let message = {'archive_id': $slct.archive_id};
-    window.parent.postMessage(message, "*");
-
-    // $slct_trigger = 'load__archive_obj';
-    $slct_trigger = 'load__archive_obj_li';
-
-    // $ae_app.archives.show_main__options = false;
-    $ae_app.archives.show_list__archive_obj_li = false;
-    $ae_app.archives.show_view__archive_obj = true;
-    $ae_app.archives.show_edit__archive_obj = false;
-}
-
-function handle_updated_archive_obj(event) {
-    console.log('*** handle_updated_archive_obj() ***');
-    console.log(event.detail);
-
-    $slct_trigger = 'load__archive_obj';
-    // NOTE: If the next trigger is set too quickly it will cause the one above to be missed.
-    // $slct_trigger = 'load__archive_obj_li';
-
-    // $ae_app.archives.show_main__options = false;
-    $ae_app.archives.show_list__archive_obj_li = false;
-    $ae_app.archives.show_view__archive_obj = true;
-    $ae_app.archives.show_edit__archive_obj = false;
-}
-
-function handle_deleted_archive_obj(event) {
-    console.log('*** handle_deleted_archive_obj() ***');
-    console.log(event.detail);
-
-    const url = new URL(location);
-    url.searchParams.delete('archive_id');
-    history.pushState({}, '', url);
-
-    let message = {'archive_id': null};
-    window.parent.postMessage(message, "*");
-
-    $slct_trigger = 'load__archive_obj_li';
-
-    $ae_app.archives.show_main__options = true;
-    $ae_app.archives.show_list__archive_obj_li = true;
-    $ae_app.archives.show_view__archive_obj = false;
-    $ae_app.archives.show_edit__archive_obj = false;
-}
-</script>
-
-
-<section id="osit_idaa_archives" class="osit_archives ae_main c_idaa c_idaa_archives" bind:clientHeight={$ae_app.iframe_height}>
-<!-- <header>
-    <h1>IDAA Archives</h1>
-</header> -->
-
-<section class="ae_section ae_meta">
-    <p>
-    Novi: {$ae_app.novi_full_name}
-    <span class="details">
-    (
-        {$ae_app.novi_email}
-        {#if $ae_app.administrator_access}
-            <span class="access_type administrator_access">Administrator</span>
-        {:else if $ae_app.trusted_access}
-            <span class="access_type trusted_access">Trusted</span>
-        {/if}
-        <span class="novi_uuid">UUID: {$ae_app.novi_uuid}</span>
-    )
-    </span>
-    </p>
-    <!-- <p>Page height: {window.innerHeight}</p> -->
-</section>
-
-{#if $ae_app.archives.show_main__options}
-<section class="ae_section ae_options ae_column archive_obj__options">
-
-    <!-- <div class="note">A comment about the IDAA archives in general can go here.</div> -->
-
-    <div class="filters_and_search ae_group ae_row">
-
-        <!-- Show/hide hidden content -->
-
-        {#if $ae_app.trusted_access}
-            {#if $ae_app.archives.hidden == 'not_hidden'}
-                <button
-                    on:click={() => {
-                        $ae_app.archives.hidden = 'all';
-                        $ae_app.archives.limit = 150;
-                        $slct_trigger = 'load__archive_obj_li';
-                    }}
-                    class="btn_new_bb_post ae_btn btn_xs ae_smallest btn btn-xs btn-info"
-                    >
-                    <span class="fas fa-eye"></span> Show Hidden Archives
-                </button>
-            {:else}
-                <button
-                    on:click={() => {
-                        $ae_app.archives.hidden = 'not_hidden';
-                        $slct_trigger = 'load__archive_obj_li';
-                    }}
-                    class="btn_new_bb_post ae_btn btn_xs btn btn-xs btn-info"
-                    >
-                    <span class="fas fa-eye-slash"></span> Hide Hidden Archives
-                </button>
-            {/if}
-
-            <!-- We only want these options to show if a specific archive is showing. -->
-            {#if $ae_app.archives.show_view__archive_obj}
-            {#if $ae_app.archives.hidden == 'not_hidden'}
-                <button
-                    on:click={() => {
-                        $ae_app.archives.hidden = 'all';
-                        $ae_app.archives.limit = 150;
-                        $slct_trigger = 'load__archive_content_obj_li';
-                    }}
-                    class="btn_new_bb_post ae_btn btn_xs ae_smallest btn btn-xs btn-info"
-                    >
-                    <span class="fas fa-eye"></span> Show Hidden Content
-                </button>
-            {:else}
-                <button
-                    on:click={() => {
-                        $ae_app.archives.hidden = 'not_hidden';
-                        $slct_trigger = 'load__archive_content_obj_li';
-                    }}
-                    class="btn_new_bb_post ae_btn btn_xs btn btn-xs btn-info"
-                    >
-                    <span class="fas fa-eye-slash"></span> Hide Hidden Content
-                </button>
-            {/if}
-            {/if}
-        {/if}
-
-        <!-- For administrator access: Show/hide disabled content -->
-
-        {#if $ae_app.administrator_access}
-            {#if $ae_app.archives.enabled == 'enabled'}
-                <button
-                    on:click={() => {
-                        $ae_app.archives.hidden = 'all';
-                        $ae_app.archives.enabled = 'all';
-                        $ae_app.archives.limit = 500;
-                        $slct_trigger = 'load__archive_obj_li';
-                    }}
-                    class="ae_btn btn_xs ae_smallest btn btn-xs btn-warning"
-                    >
-                    <span class="fas fa-eye"></span> Show Disabled Archives
-                </button>
-            {:else}
-                <button
-                    on:click={() => {
-                        $ae_app.archives.enabled = 'enabled';
-                        $slct_trigger = 'load__archive_obj_li';
-                    }}
-                    class="ae_btn btn_xs ae_smallest btn btn-xs btn-warning"
-                    >
-                    <span class="fas fa-eye-slash"></span> Hide Disabled Archives
-                </button>
-            {/if}
-
-            {#if $ae_app.archives.enabled == 'enabled'}
-                <button
-                    on:click={() => {
-                        $ae_app.archives.hidden = 'all';
-                        $ae_app.archives.enabled = 'all';
-                        $ae_app.archives.limit = 500;
-                        $slct_trigger = 'load__archive_content_obj_li';
-                    }}
-                    class="ae_btn btn_xs ae_smallest btn btn-xs btn-warning"
-                    >
-                    <span class="fas fa-eye"></span> Show Disabled Content
-                </button>
-            {:else}
-                <button
-                    on:click={() => {
-                        $ae_app.archives.enabled = 'enabled';
-                        $slct_trigger = 'load__archive_content_obj_li';
-                    }}
-                    class="ae_btn btn_xs btn btn-xs btn-warning"
-                    >
-                    <span class="fas fa-eye-slash"></span> Hide Disabled Content
-                </button>
-            {/if}
-        {/if}
-    </div>
-    <!-- END: div filters_and_search -->
-
-    <div class="view_archvies_create_archive ae_group ae_row">
-        {#if $slct.archive_id}
-        <button
-            on:click={ () => {
-
-                $slct.archive_id = null;
-                $slct.archive_obj = {};
-
-                $ae_app.archives.show_main__options = true;
-                $ae_app.archives.show_list__archive_obj_li = true;
-                $ae_app.archives.show_view__archive_obj = false;
-                $ae_app.archives.show_edit__archive_obj = false;
-                // $ae_app.iframe_height_modal_body = 0;
-
-                const url = new URL(location);
-                url.searchParams.delete('archive_id');
-                history.pushState({}, '', url);
-
-                let message = {'archive_id': null};
-                window.parent.postMessage(message, "*");
-            }}
-            class="btn_new_archive ae_btn btn btn-secondary"
-            >
-            <span class="fas fa-times"></span> View Other Archives
-        </button>
-        {/if}
-        {#if $ae_app.trusted_access}
-        <button
-            on:click={() => {
-                $slct.archive_id = null;
-                $slct.archive_obj = {};
-
-                const url = new URL(location);
-                url.searchParams.delete('archive_id');
-                history.pushState({}, '', url);
-
-                $ae_app.archives.show_main__options = true;
-                $ae_app.archives.show_list__archive_obj_li = false;
-                $ae_app.archives.show_view__archive_obj = false;
-                $ae_app.archives.show_edit__archive_obj = true;
-            }}
-            class="ae_btn ae_smallest btn_new_archive ae_btn btn btn-warning"
-            >
-                <span class="fas fa-plus"></span> Create new Archive
-        </button>
-        {/if}
-    </div>
-
-</section>
-{/if}
-
-
-{#if $ae_app.archives.show_list__archive_obj_li}
-    <List_archive_obj
-        on:created__archive_obj={handle_created_archive_obj}
-        on:updated__archive_obj={handle_updated_archive_obj}
-        on:deleted__archive_obj={handle_deleted_archive_obj}
-        />
-{/if}
-
-
-{#if $ae_app.archives.show_view__archive_obj && $slct.archive_obj}
-    <View_archive_obj />
-{/if}
-
-
-</section>
-
-
-{#if $ae_app.archives.show_edit__archive_obj}
-<Element_modal_v3
-        show = { true }
-        modal_cover_body = { false }
-        report_client_dimensions = { true }
-        on:close={ () => {
-            $ae_app.archives.show_main__options = true;
-            $ae_app.archives.show_list__archive_obj_li = true;
-            $ae_app.archives.show_edit__archive_obj = false;
-            $ae_app.archives.show_view__archive_obj = false;
-
-            const url = new URL(location);
-            url.searchParams.delete('archive_id');
-            history.pushState({}, '', url);
-
-            let message = {'archive_id': null};
-            window.parent.postMessage(message, "*");
-        }}
-        on:report__modal_dimensions={ (event) => {
-            console.log('*** on:report__modal_dimensions ***');
-            console.log(event.detail);
-
-            $ae_app.modal_dimensions = event.detail.modal_dimensions;
-        }}
-        >
-    <span slot="header_title">{@html ($slct.archive_obj.name ? $slct.archive_obj.name : 'New Archive Group')}</span>
-
-    <span slot="body">
-
-        <Edit_archive_obj
-            on:created__archive_obj={handle_created_archive_obj}
-            on:updated__archive_obj={handle_updated_archive_obj}
-            on:deleted__archive_obj={handle_deleted_archive_obj}
-            />
-
-    </span>
-</Element_modal_v3>
-{/if}
-
-
-<!-- {#if $ae_app.archives.show_view__archive_obj && $slct.archive_obj}
-<Element_modal_v3
-    show = { true }
-    modal_cover_body = { true }
-    report_modal_dimensions = { true }
-    on:close={ () => {
-
-        $slct.archive_id = null;
-        $slct.archive_obj = {};
-
-        $ae_app.archives.show_main__options = true;
-        $ae_app.archives.show_list__archive_obj_li = true;
-        $ae_app.archives.show_view__archive_obj = false;
-        $ae_app.archives.show_edit__archive_obj = false;
-        $ae_app.iframe_height_modal_body = 0;
-
-        const url = new URL(location);
-        url.searchParams.delete('archive_id');
-        history.pushState({}, '', url);
-
-        let message = {'archive_id': null};
-        window.parent.postMessage(message, "*");
-    }}
-    on:report__modal_dimensions={ (event) => {
-        console.log('*** on:report__modal_dimensions ***');
-        console.log(event.detail);
-
-        $ae_app.modal_dimensions = event.detail.modal_dimensions;
-    }}
-    >
-    <span slot="header_title">{@html $slct.archive_obj.name}</span>
-
-    <span slot="body">
-
-        <View_archive_obj />
-
-    </span>
-</Element_modal_v3>
-{/if} -->
-
-
-<style>
-
-</style>

src/0_hub__main.svelte

@@ -1,239 +0,0 @@
-<script lang="ts">
-type key_val = {
-    [key: string]: any;
-};
-
-
-// *** Import Svelte core
-import { onMount } from 'svelte';
-
-// *** Import Aether core variables and functions
-import { ae, api, Element_modal_v3 } from 'aether_npm_lib';
-
-import { slct, slct_trigger, ae_app, ae_session, ae_local } from './stores';
-
-export let ae_obj_type: string = 'example';
-export let ae_obj_id: string = 'abc123';
-
-
-// let data_store_obj_get_promise: Promise<any>;
-let data_store_obj_get_promises: key_val = {};
-let get_ds_hub_site_header_promise = handle_get_data_store_obj_w_code({code: 'hub_site_header'});
-let get_ds_hub_site_footer_promise = handle_get_data_store_obj_w_code({code: 'hub_site_footer'});
-
-handle_build_site_nav_menu();
-
-onMount(() => {
-    console.log('** Component Mounted: ** OSIT - AE Hub: Main');
-    $ae_session.test.hub = 'Hello World!';
-    $ae_session.test.general = 'Hello world from The Hub!';
-    console.log('ae_session:', $ae_session);
-});
-
-
-async function handle_get_data_store_obj_w_code({code, data_type='text'}) {
-    console.log('*** handle_get_data_store_obj_w_code() ***');
-
-    let get_item_result = window.localStorage.getItem(code);
-    if (get_item_result) {
-        $ae_app.hub.ds[code] = get_item_result;
-    } else {
-        console.log('Get local storage item miss.');
-    }
-
-    data_store_obj_get_promises[code] = api.get_data_store_obj_w_code({
-        api_cfg: $ae_app.ae_api,
-        data_store_code: code,
-        data_type: data_type,
-        log_lvl: 0
-        })
-    .then(function (get_data_store_result) {
-        if (get_data_store_result) {
-
-            if (data_type == 'text') {
-                // console.log(get_data_store_result.text);
-                $ae_app.hub.ds[code] = get_data_store_result.text;
-            } else if (data_type == 'json') {
-                // console.log(get_data_store_result.json);
-                $ae_app.hub.ds[code] = get_data_store_result.json;
-            }
-
-            // console.log(`Code: ${$ae_app.hub.ds[code]}`);
-            // console.log(`Code:`, $ae_app.hub.ds[code]);
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-}
-
-// In most cases we are just inserting HTML into the DOM. The Svelte module apps can update the ID's of the elements within if needed.
-$: if ($ae_app.hub.ds['hub_site_header']) {
-    console.log('Hub Site Header:', $ae_app.hub.ds['hub_site_header']);
-    const site_header_element = document.getElementById('Site-Header');
-    if (site_header_element) {
-        site_header_element.innerHTML = $ae_app.hub.ds['hub_site_header'];
-    }
-}
-
-$: if ($ae_app.hub.ds['hub_site_footer']) {
-    console.log('Hub Site Footer:', $ae_app.hub.ds['hub_site_footer']);
-    const site_footer_element = document.getElementById('Site-Footer');
-    if (site_footer_element) {
-        site_footer_element.innerHTML = $ae_app.hub.ds['hub_site_footer'];
-    }
-}
-
-// $: if ($ae_app.hub.ds['hub_site_nav_menu']) {
-//     console.log('Hub Site Nav Menu:', $ae_app.hub.ds['hub_site_nav_menu']);
-//     const site_menu_element = document.getElementById('Site-Nav-Menu');
-//     if (site_menu_element) {
-//         /* Add the HTML to the site_menu_element DOM element */
-//         // site_menu_element.innerHTML = $ae_app.hub.ds['hub_site_nav_menu'];
-//     }
-// }
-
-$: if ($ae_app.hub.ds['hub_notifications']) {
-    console.log('Hub Notifications:', $ae_app.hub.ds['hub_notifications']);
-    const site_notifications_element = document.getElementById('Notifications');
-    if (site_notifications_element) {
-        site_notifications_element.innerHTML = $ae_app.hub.ds['hub_notifications'];
-    }
-}
-
-// if $ae_app.hub.ds['hub_site_header'] {
-//     console.log('Hub Site Header:', $ae_app.hub.ds['hub_site_header']);
-//     document.getElementById('Site-Header').innerHTML = $ae_app.hub.ds['hub_site_header'];
-// }
-
-function handle_build_site_nav_menu() {
-    $ae_session.site_nav_menu = {};
-
-    // let menu_item_tmp = {};
-
-
-    // Navigation button group
-    // $ae_session.site_nav_menu['options'] = []; // group
-
-    $ae_session.site_nav_menu['home'] = {
-        'access_level': 'all',
-        'state': 'active', // active, inactive, disabled
-        'text': '<span class="fas fa-home"></span> Home',
-        'href': '/',
-        'action': 'navigate', // navigate, modal, action
-        'class_li': ['ae_btn', 'btn_outline_primary']
-        };
-
-    $ae_session.site_nav_menu['reports_exports'] = {
-        'access_level': 'trusted',
-        'state': 'active', // active, inactive, disabled
-        'text': 'Reports & Exports',
-        'href': '/',
-        'action': 'navigate', // navigate, modal, action
-        'class_li': ['ae_btn', 'btn_outline_secondary']
-        };
-
-    $ae_session.site_nav_menu['manage'] = {
-        'access_level': 'administrator',
-        'state': 'active', // active, inactive, disabled
-        'text': 'Manage',
-        'href': '/manage',
-        'action': 'navigate', // navigate, modal, action
-        'class_li': ['ae_btn', 'btn_outline_secondary']
-        };
-
-    $ae_session.site_nav_menu['help'] = {
-        'access_level': 'all',
-        'state': 'active', // active, inactive, disabled
-        'text': 'Help',
-        'href': '/',
-        'class_li': ['ae_btn', 'btn_outline_secondary']
-        };
-
-
-    // // Trusted button group
-    // $ae_session.site_nav_menu['trusted'] = []; // group
-
-    // menu_item_tmp = $event_defaults.event_manage_btn;
-    // menu_item_tmp['href'] = `/event/${$slct.event_id}/manage`;
-    // menu_item_tmp['class_li'].push('btn_sm', 'btn_outline_warning');
-    // $ae_session.site_nav_menu['trusted'].push(menu_item_tmp);
-
-    // menu_item_tmp = $event_defaults.event_location_view_li_btn;
-    // menu_item_tmp['href'] = `/event/${$slct.event_id}/locations`;
-    // menu_item_tmp['class_li'].push('btn_sm', 'btn_outline_secondary');
-    // $ae_session.site_nav_menu['trusted'].push(menu_item_tmp);
-
-    // // Admin button group
-    // $ae_session.site_nav_menu['admin'] = []; // group
-
-    // menu_item_tmp = $event_defaults.event_edit_btn;
-    // menu_item_tmp['href'] = `/event/${$slct.event_id}/edit`;
-    // menu_item_tmp['class_li'].push('btn_sm', 'btn_outline_warning');
-    // $ae_session.site_nav_menu['admin'].push(menu_item_tmp);
-}
-</script>
-
-<section class="ae_hub ae_debug">
-
-The Hub!
-<button
-    on:click={() => {
-        $ae_session.site_nav_menu['home'].text = '<span class="fas fa-house-damage"></span> Home';
-        // console.log('ae_session:', $ae_session);
-
-        $ae_local.testing = 'Hello World!';
-        $ae_local.test = 'Hello World!';
-        // $ae_local.set('Hello World!');
-        console.log('ae_local:', $ae_local);
-    }}
-    >
-    <span class="fas fa-biohazard"></span> Test
-</button>
-
-{#if $ae_app.administrator_access}
-    <span class="access_type administrator_access">Administrator</span>
-{:else if $ae_app.trusted_access}
-    <span class="access_type trusted_access">Trusted</span>
-{/if}
-
-<div>
-<!-- {$ae_session.test.example} -->
-<!-- {$ae_session.test.general} -->
-<!-- {$ae_session.test.hub} -->
-<!-- {$ae_session.test.sponsorships} -->
-</div>
-
-{#await data_store_obj_get_promises['hub_site_header']}
-<p>Loading site header...</p>
-{:then}
-<p>Site header loaded.</p>
-<!-- <div class="">{@html $ae_app.hub.ds['hub_site_header']}</div> -->
-<!-- <pre>
-{$ae_app.hub.ds['hub_site_header']}
-</pre> -->
-{:catch error}
-    <p style="color: red">{error.message}</p>
-{/await}
-
-{#await data_store_obj_get_promises['hub_site_footer']}
-<p>Loading site footer...</p>
-{:then}
-<p>Site footer loaded.</p>
-<!-- <div class="">{@html $ae_app.hub.ds['hub_site_footer']}</div> -->
-<!-- <pre>
-{$ae_app.hub.ds['hub_site_footer']}
-</pre> -->
-{:catch error}
-    <p style="color: red">{error.message}</p>
-{/await}
-
-</section>
-
-
-<style>
-
-/* .ae_hub.ae_debug {
-
-} */
-</style>

src/0_posts__main.svelte

@@ -1,711 +0,0 @@
-<script lang="ts">
-type key_val = {
-    [key: string]: any;
-};
-// *** Import Svelte core
-import { onMount } from 'svelte';
-
-// *** Import Aether core variables and functions
-import { ae, api, Element_modal_v3 } from 'aether_npm_lib';
-
-import { slct, slct_trigger, ae_app } from './stores';
-
-// *** Import Aether core components
-
-// *** Import Aether module variables and functions
-
-// *** Import Aether module components
-import Edit_post_obj from './10_edit__post_obj.svelte';
-import View_post_obj from './10_view__post_obj.svelte';
-
-// *** Export/Exposed variables and functions for component
-export let account_id: string = $ae_app.account_id;
-export let post_id: string = $ae_app.posts.post_id;
-
-export let novi_uuid: string = $ae_app.novi_uuid;
-export let novi_email: string = $ae_app.novi_email;
-export let novi_full_name: string = $ae_app.novi_full_name;
-export let novi_admin_li: string = $ae_app.novi_admin_li;
-export let novi_trusted_li: string = $ae_app.novi_trusted_li;
-
-// *** Set initial variables
-$ae_app.novi_uuid = novi_uuid;
-$ae_app.novi_email = decodeURIComponent(novi_email);
-$ae_app.novi_full_name = decodeURIComponent(novi_full_name);
-$ae_app.novi_admin_li = novi_admin_li;
-$ae_app.novi_trusted_li = novi_trusted_li;
-
-$ae_app.posts.show_main__options = true;
-$ae_app.posts.show_list__post_obj_li = true;
-
-// NOTE: Check if the novi_uuid is in the novi_admin_li list
-if ($ae_app.novi_uuid && $ae_app.novi_admin_li) {
-    if ($ae_app.novi_admin_li.includes($ae_app.novi_uuid)) {
-        $ae_app.access_type = 'administrator';
-        $ae_app.administrator_access = true;
-        $ae_app.trusted_access = true;
-    }
-}
-// NOTE: Check if the novi_uuid is in the novi_trusted_li list
-if ($ae_app.novi_uuid && $ae_app.novi_trusted_li) {
-    if ($ae_app.novi_trusted_li.includes($ae_app.novi_uuid)) {
-        $ae_app.access_type = 'trusted';
-        $ae_app.trusted_access = true;
-    }
-}
-
-if ($ae_app.administrator_access) {
-    $ae_app.posts.enabled = 'enabled';
-    $ae_app.posts.hidden = 'not_hidden';
-    $ae_app.events.limit = 150;
-} else if ($ae_app.trusted_access) {
-    $ae_app.posts.enabled = 'enabled';
-    $ae_app.posts.hidden = 'not_hidden';
-    $ae_app.events.limit = 75;
-} else {
-    $ae_app.posts.enabled = 'enabled';
-    $ae_app.posts.hidden = 'not_hidden';
-    $ae_app.events.limit = 50;
-}
-
-let idaa_post_obj_li_get_promise;
-let idaa_post_obj_get_promise;
-let idaa_post_comment_obj_li_get_promise;
-
-if (account_id) {
-    $slct.account_id = account_id;
-    handle_load_idaa_post_obj_li({account_id: $slct.account_id, try_cache: false});
-}
-
-// NOTE: This if post_id is not fully ready yet -2023-09-08
-if (post_id) {
-    console.log(`Selected Post ID: ${post_id}`);
-    $slct.post_id = post_id;
-    $slct_trigger = 'load__post_obj';
-    $slct_trigger = 'load__post_comment_obj_li';
-    // handle_load_post_id_obj({post_id: $slct.post_id, try_cache: false});
-    // handle_load_post_comment_obj_li({post_id: $slct.post_id, try_cache: false});
-
-    // Auto show the selected Post ID
-    // Is this pushState needed here?
-    // Set the URL param "post_id" to the current Post ID. This is a just in case.
-    // const url = new URL(location);
-    // url.searchParams.set('post_id', $slct.post_id);
-    // history.pushState({}, '', url);
-
-    $ae_app.events.show_main__options = true;
-    $ae_app.posts.show_list__post_obj_li = true;
-    $ae_app.posts.show_edit__post_id = false;
-    $ae_app.posts.show_view__post_id = true;
-}
-
-if (!$ae_app.client_content) {
-    $ae_app.client_content = {};
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** IDAA Bulletin Board - AE Posts: Main');
-});
-
-
-$: if ($ae_app.iframe_height && $ae_app.iframe_height_modal_body) {
-    console.log('getting new dimensions for iframe:', $ae_app.iframe_height, $ae_app.iframe_height_modal_body);
-
-    let iframe_height = 0;
-
-    if ($ae_app.iframe_height > $ae_app.iframe_height_modal_body) {
-        iframe_height = $ae_app.iframe_height;
-    } else {
-        iframe_height = $ae_app.iframe_height_modal_body;
-
-        // console.log($ae_app.modal_dimensions);
-
-        if ($ae_app.modal_dimensions && $ae_app.modal_dimensions.header_height) {
-            iframe_height = iframe_height + $ae_app.modal_dimensions.header_height;
-        }
-        if ($ae_app.modal_dimensions && $ae_app.modal_dimensions.footer_height) {
-            iframe_height = iframe_height + $ae_app.modal_dimensions.footer_height;
-        }
-        // iframe_height = iframe_height + 50; // Just in case
-    }
-
-    console.log(`Suggested new iframe_height: ${iframe_height}`);
-    window.parent.postMessage({'iframe_height': iframe_height}, "*"); // This should be in pixels
-} else if ($ae_app.iframe_height) {
-    console.log('setting new iframe_height:', $ae_app.iframe_height);
-
-    // let iframe_height = $ae_app.iframe_height;
-
-    window.parent.postMessage({'iframe_height': $ae_app.iframe_height}, "*"); // This should be in pixels
-}
-
-
-$: if ($slct_trigger == 'load__post_obj_li' && $slct.account_id) {
-    $slct_trigger = null;
-
-    handle_load_idaa_post_obj_li({account_id: $slct.account_id, try_cache: false});
-}
-
-async function handle_load_idaa_post_obj_li({account_id, try_cache=false}) {
-    console.log('*** handle_load_idaa_post_obj_li() ***');
-
-    let enabled = $ae_app.posts.enabled;
-    let hidden = $ae_app.posts.hidden;
-    let limit = $ae_app.posts.limit;
-    let offset = $ae_app.posts.offset;
-
-    let params = {};
-
-    // params['json_str'] = encodeURIComponent(JSON.stringify($ae_app.posts));
-    // let json_test_obj = {
-    //     'default_qry_str': 'Testing',
-    //     'address_default_qry_str': 'New York',
-    //     'contact_1_default_qry_str': 'Scott',
-    // };
-
-    // let json_test_obj = {
-    //     'name': {'comp': 'LIKE', 'val': '%test%'},
-    //     'priority': {'comp': '>=', 'val': 0},
-    //     'created_on': {'comp': '>=', 'val': '2021-01-01 00:00:00'},
-    // };
-
-    idaa_post_obj_li_get_promise = api.get_ae_obj_li_for_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'post', // Post in this case is a person's bulletin board post.
-        for_obj_type: 'account',
-        for_obj_id: account_id,
-        enabled: enabled,
-        hidden: hidden,
-        order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'created_on': 'DESC', 'updated_on': 'DESC'},
-        limit: limit,
-        offset: offset,
-        params_json: null,
-        params: params,
-        log_lvl: 2
-        })
-    .then(function (post_obj_li_get_result) {
-        if (post_obj_li_get_result) {
-            $slct.post_obj_li = post_obj_li_get_result;
-            console.log(`Post list:`, $slct.post_obj_li);
-        } else {
-            $slct.post_obj_li = [];
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return idaa_post_obj_li_get_promise;
-}
-
-
-$: if ($slct_trigger == 'load__post_obj' && $slct.post_id) {
-    $slct_trigger = null;
-
-    handle_load_post_id_obj({post_id: $slct.post_id, try_cache: false});
-
-    // // Auto show the selected Event ID
-    // // Set the URL param "post_id" to the current Event ID. This is a just in case.
-    // const url = new URL(location);
-    // url.searchParams.set('post_id', $slct.post_id);
-    // history.pushState({}, '', url);
-
-    // let message = {'post_id': $slct.post_id};
-    // window.parent.postMessage(message, "*");
-
-    // $ae_app.posts.show_main__options = false;
-    // $ae_app.posts.show_list__post_li = false;
-    // $ae_app.posts.show_view__post_id = true;
-    // $ae_app.posts.show_edit__post_id = false;
-}
-
-async function handle_load_post_id_obj({post_id, try_cache=false}) {
-    console.log('*** handle_load_post_id_obj() ***');
-
-    // let enabled = $ae_app.posts.enabled;
-    // let hidden = $ae_app.posts.hidden;
-    // let limit = $ae_app.posts.limit;
-    // let offset = $ae_app.posts.offset;
-
-    let params = {};
-
-    idaa_post_obj_get_promise = api.get_ae_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'post',
-        obj_id: post_id,
-        params: params,
-        log_lvl: 0
-        })
-    .then(function (post_obj_get_result) {
-        if (post_obj_get_result) {
-            $slct.post_obj = post_obj_get_result;
-            console.log(`Post object:`, $slct.post_obj);
-        }
-
-        // Auto show the selected Post ID
-        // Set the URL param "post_id" to the current Post ID.
-        const url = new URL(location);
-        url.searchParams.set('post_id', $slct.post_id);
-        history.pushState({}, '', url);
-
-        let message = {'post_id': $slct.post_id};
-        window.parent.postMessage(message, "*");
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return idaa_post_obj_get_promise;
-}
-
-
-$: if ($slct_trigger == 'load__post_comment_obj_li' && $slct.post_id) {
-    $slct_trigger = null;
-
-    handle_load_post_comment_obj_li({post_id: $slct.post_id, try_cache: false});
-}
-
-async function handle_load_post_comment_obj_li({post_id, try_cache=false}) {
-    console.log('*** handle_load_post_comment_obj_li() ***');
-
-    let enabled = $ae_app.posts.enabled;
-    let hidden = $ae_app.posts.hidden;
-    let limit = $ae_app.posts.limit;
-    let offset = $ae_app.posts.offset;
-
-    let params = {};
-
-    idaa_post_comment_obj_li_get_promise = api.get_ae_obj_li_for_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'post_comment', // Post comment in this case is a person's bulletin board post comment.
-        for_obj_type: 'post',
-        for_obj_id: post_id,
-        enabled: enabled,
-        hidden: hidden,
-        order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'created_on': 'DESC', 'updated_on': 'DESC'},
-        limit: limit,
-        offset: offset,
-        params_json: null,
-        params: params,
-        log_lvl: 0
-        })
-    .then(function (post_comment_obj_li_get_result) {
-        if (post_comment_obj_li_get_result) {
-            $slct.post_comment_obj_li = post_comment_obj_li_get_result;
-            console.log(`Post Comment list:`, $slct.post_comment_obj_li);
-        } else {
-            $slct.post_comment_obj_li = [];
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return idaa_post_comment_obj_li_get_promise;
-}
-
-function handle_post_obj_created(event) {
-    console.log('*** handle_post_obj_created() ***');
-    console.log(event.detail);
-
-    // $slct.post_id = event.detail.post_id_random;
-    // $slct.post_obj = event.detail;
-
-    $slct_trigger = 'load__post_obj_li';
-
-    $ae_app.posts.show_list__post_obj_li = true;
-    $ae_app.posts.show_edit__post_id = false;
-    $ae_app.posts.show_view__post_id = false;
-}
-
-function handle_post_obj_updated(event) {
-    console.log('*** handle_post_obj_updated() ***');
-    console.log(event.detail);
-
-    // $slct.post_id = event.detail.post_id_random;
-    // $slct.post_obj = event.detail;
-
-    $slct_trigger = 'load__post_obj_li';
-
-    $ae_app.posts.show_list__post_obj_li = true;
-    $ae_app.posts.show_edit__post_id = false;
-    $ae_app.posts.show_view__post_id = false;
-}
-
-function handle_post_obj_deleted(event) {
-    console.log('*** handle_post_obj_deleted() ***');
-    console.log(event.detail);
-
-    // $slct.post_id = null;
-    // $slct.post_obj = {};
-
-    $slct_trigger = 'load__post_obj_li';
-
-    $ae_app.posts.show_list__post_obj_li = true;
-    $ae_app.posts.show_edit__post_id = false;
-    $ae_app.posts.show_view__post_id = false;
-}
-</script>
-
-
-<section id="osit_idaa_bb" class="osit_posts ae_main c_idaa c_idaa_bb" bind:clientHeight={$ae_app.iframe_height}>
-<!-- <header>
-    <h1>IDAA BB Posts</h1>
-</header> -->
-
-<section class="ae_section ae_meta">
-    <p>
-    Novi: {$ae_app.novi_full_name}
-    <span class="details">
-    (
-        {$ae_app.novi_email}
-        {#if $ae_app.administrator_access}
-            <span class="access_type administrator_access">Administrator</span>
-        {:else if $ae_app.trusted_access}
-            <span class="access_type trusted_access">Trusted</span>
-        {/if}
-        <span class="novi_uuid">UUID: {$ae_app.novi_uuid}</span>
-    )
-    </span>
-    </p>
-    <!-- <p>Page height: {window.innerHeight}</p> -->
-</section>
-
-{#if $ae_app.posts.show_main__options}
-<section class="ae_section ae_options ae_row post_obj__options">
-
-    {#if $ae_app.trusted_access && $ae_app.posts.hidden == 'not_hidden'}
-        <button
-            on:click={() => {
-                $ae_app.posts.hidden = 'all';
-                $slct_trigger = 'load__post_obj_li';
-            }}
-            class="ae_btn ae_smallest btn btn-info"
-            >
-            <span class="fas fa-eye"></span> Show Hidden Posts
-        </button>
-    {:else}
-        <button
-            on:click={() => {
-                $ae_app.posts.hidden = 'not_hidden';
-                $slct_trigger = 'load__post_obj_li';
-            }}
-            class="ae_btn ae_smallest btn btn-info"
-            >
-            <span class="fas fa-eye-slash"></span> Hide Hidden Posts
-        </button>
-    {/if}
-
-    {#if $ae_app.administrator_access}
-            {#if $ae_app.posts.enabled == 'enabled'}
-                <button
-                    on:click={() => {
-                        $ae_app.posts.hidden = 'all';
-                        $ae_app.posts.enabled = 'all';
-                        $ae_app.posts.limit = 500;
-                        $slct_trigger = 'load__post_obj_li';
-                    }}
-                    class="ae_btn btn_xs ae_smallest btn btn-xs btn-warning"
-                    >
-                    <span class="fas fa-eye"></span> Show Disabled Posts
-                </button>
-            {:else}
-                <button
-                    on:click={() => {
-                        $ae_app.posts.enabled = 'enabled';
-                        $slct_trigger = 'load__post_obj_li';
-                    }}
-                    class="ae_btn btn_xs ae_smallest btn btn-xs btn-warning"
-                    >
-                    <span class="fas fa-eye-slash"></span> Hide Disabled Posts
-                </button>
-            {/if}
-    {/if}
-
-    <button
-        on:click={() => {
-            $slct.post_id = null;
-            $slct.post_obj = {};
-            $slct.post_comment_obj_li = [];
-
-            const url = new URL(location);
-            url.searchParams.delete('post_id');
-            history.pushState({}, '', url);
-
-            $ae_app.posts.show_main__options = true;
-            $ae_app.posts.show_list__post_obj_li = true;
-            $ae_app.posts.show_edit__post_id = true;
-            $ae_app.posts.show_view__post_id = false;
-        }}
-        class="btn_new_bb_post btn btn-secondary"
-        >
-        <span class="fas fa-plus"></span> Create new BB post
-    </button>
-
-</section>
-{/if}
-
-{#if $ae_app.posts.show_list__post_obj_li}
-<section class="bb_post_list">
-{#if $slct.post_obj_li}
-<!-- <ul> -->
-{#each $slct.post_obj_li as idaa_post_obj, index}
-    <div
-        id={`idaa_bb_post_id__${idaa_post_obj.post_id_random}`}
-        class="container bb_post post_obj"
-        class:post__hide={idaa_post_obj.hide}
-        class:post__priority={idaa_post_obj.priority}
-        class:post__group={idaa_post_obj.group}
-        >
-        <header class="ae_header post__header">
-            <h3 class="post__title">
-                {@html idaa_post_obj.title}
-                {#if idaa_post_obj.topic_id}<span class="badge badge-info bg-info"><span class="fas fa-user-md"></span> {idaa_post_obj.topic_name}</span>{/if}
-            </h3>
-        </header>
-
-        {#if idaa_post_obj.content}<div class="post__content">{@html idaa_post_obj.content}</div>{/if}
-
-        <div class="ae_options post_obj__options">
-            <button
-                on:click={() => {
-                    $slct.post_id = idaa_post_obj.post_id_random;
-                    $slct.post_obj = idaa_post_obj;
-
-                    handle_load_post_comment_obj_li({post_id: $slct.post_id, try_cache: false});
-
-                    const url = new URL(location);
-                    url.searchParams.set('post_id', idaa_post_obj.post_id_random);
-                    history.pushState({}, '', url);
-
-                    let message = {'post_id': idaa_post_obj.post_id_random};
-                    window.parent.postMessage(message, "*");
-
-                    $ae_app.posts.show_main__options = true;
-                    $ae_app.posts.show_list__post_obj_li = true;
-                    // $ae_app.posts.show_edit__post_id = false;
-                    $ae_app.posts.show_view__post_id = true;
-                }}
-                class="btn btn-primary"
-                title={`View: ${idaa_post_obj.title}`}
-                >
-                <span class="fas fa-envelope-open"></span> Open
-
-                {#if idaa_post_obj.post_comment_count}
-                    <span class="ae_badge ae_info post__post_comment_count">
-                        <span class="fas fa-comment"></span> {(idaa_post_obj.post_comment_count == 1 ? `${idaa_post_obj.post_comment_count} comment` : `${idaa_post_obj.post_comment_count} comments` )}
-                    </span>
-                {/if}
-            </button>
-
-            {#if $ae_app.trusted_access || idaa_post_obj.external_person_id === $ae_app.novi_uuid || idaa_post_obj.email === $ae_app.novi_email}
-            <button
-                on:click={() => {
-                    $slct.post_id = idaa_post_obj.post_id_random;
-                    $slct.post_obj = idaa_post_obj;
-                    $slct_trigger = 'load__post_obj';
-
-                    $ae_app.posts.show_main__options = true;
-                    $ae_app.posts.show_list__post_obj_li = true;
-                    $ae_app.posts.show_edit__post_id = true;
-                    // $ae_app.posts.show_view__post_id = false;
-                }}
-                class="ae_btn ae_smallest btn btn-secondary"
-                title={`Edit post: ${idaa_post_obj.title}`}
-                >
-                <span class="fas fa-edit"></span> Edit Post
-            </button>
-            {/if}
-
-            <!-- <button
-                on:click={() => {
-                    $slct.post_id = idaa_post_obj.post_id_random;
-                    $slct.post_obj = idaa_post_obj;
-
-                    $ae_app.posts.show_post_comment_crud = true;
-                }}
-                class="ae_btn btn_md btn_outline_warning"
-                title={`New comment on: ${idaa_post_obj.title}`}
-                >
-                <span class="fas fa-plus"></span> New Comment
-            </button> -->
-
-        </div>
-
-        <div class="ae_section ae_footer ae_meta post__meta">
-            {#if (idaa_post_obj.anonymous)}
-            <div class="post__posted_by">
-                Posted by: <span class="fas fa-user-secret"></span> <span class="post__full_name">Anonymous</span>
-            </div>
-            {:else if (idaa_post_obj.full_name)}
-            <div class="post__posted_by">
-                Posted by: <span class="fas fa-user"></span> <span class="post__full_name">{idaa_post_obj.full_name}
-                {#if $ae_app.trusted_access && idaa_post_obj.email}
-                    (<a href="mailto:{idaa_post_obj.email}?subject=IDAA BB Post">{idaa_post_obj.email}</a>)
-                {/if}
-            </div>
-            {/if}
-
-            {#if idaa_post_obj.created_on}
-            <div class="post__created_on_updated_on">
-                {#if !idaa_post_obj.updated_on}
-                <span
-                    class="post__created_on"
-                    >
-                    <span class="ae_label">Created on:</span>
-                    <span class="ae_value">{ae.util.iso_datetime_formatter(idaa_post_obj.created_on, 'datetime_iso_no_seconds')}</span>
-                </span>
-                {:else}
-                <span
-                    class="post__updated_on"
-                    >
-                    <span class="ae_label">Updated on:</span>
-                    <span class="ae_value">{ae.util.iso_datetime_formatter(idaa_post_obj.updated_on, 'datetime_iso_no_seconds')}</span>
-                </span>
-                {/if}
-                {#if idaa_post_obj.archive_on}
-                <span class="post__archive_on">Archive on: {ae.util.iso_datetime_formatter(idaa_post_obj.archive_on, 'datetime_iso_no_seconds')}</span>
-                {/if}
-            </div>
-            {/if}
-            <!-- <div style="font-size: smaller">json={encodeURIComponent(JSON.stringify({idaa_post_obj}))}</div> -->
-        </div>
-
-    </div>
-{/each}
-<!-- </ul> -->
-{:else}
-    No posts found at this time
-{/if}
-</section>
-{/if}
-
-
-{#if $ae_app.posts.show_edit__post_id}
-<Element_modal_v3
-    show = { true }
-    modal_cover_body = { false }
-    report_client_dimensions = { true }
-    on:close={ () => {
-        $ae_app.posts.show_main__options = true;
-        $ae_app.posts.show_list__post_obj_li = true;
-        $ae_app.posts.show_edit__post_id = false;
-        // $ae_app.posts.show_view__post_id = false;
-
-        const url = new URL(location);
-        url.searchParams.delete('post_id');
-        history.pushState({}, '', url);
-
-        let message = {'post_id': null};
-        window.parent.postMessage(message, "*");
-    }}
-    on:report__modal_dimensions={ (event) => {
-        console.log('*** on:report__modal_dimensions ***');
-        console.log(event.detail);
-
-        $ae_app.modal_dimensions = event.detail.modal_dimensions;
-    }}
-    >
-    <span slot="header_title">{@html ($slct.post_obj.title ? $slct.post_obj.title : 'New BB Post')}</span>
-
-    <span slot="body">
-    <section class="post_obj_view">
-        <Edit_post_obj on:created__post_obj={handle_post_obj_created} on:updated__post_obj={handle_post_obj_updated} on:deleted__post_obj={handle_post_obj_deleted} />
-    </section>
-    </span>
-</Element_modal_v3>
-{/if}
-
-
-{#if $ae_app.posts.show_view__post_id && $slct.post_obj}
-<Element_modal_v3
-    show = { true }
-    modal_cover_body = { false }
-    report_client_dimensions = { true }
-    on:close={ () => {
-        $slct.post_comment_id = null; // NOTE: Reset in case the post comment was being edited.
-        $slct.post_comment_obj = {}; // NOTE: Reset in case the post comment was being edited.
-        $slct.post_comment_obj_li = [];
-
-        $ae_app.posts.show_main__options = true;
-        $ae_app.posts.show_list__post_obj_li = true;
-        // $ae_app.posts.show_edit__post_id = false;
-        $ae_app.posts.show_view__post_id = false;
-        $ae_app.posts.show_edit__post_comment = false;
-
-        const url = new URL(location);
-        url.searchParams.delete('post_id');
-        history.pushState({}, '', url);
-
-        let message = {'post_id': null};
-        window.parent.postMessage(message, "*");
-    }}
-    on:report__modal_dimensions={ (event) => {
-        console.log('*** on:report__modal_dimensions ***');
-        console.log(event.detail);
-
-        $ae_app.modal_dimensions = event.detail.modal_dimensions;
-    }}
-    >
-    <span slot="header_title">{$slct.post_obj.title}</span>
-
-    <span slot="body">
-
-        <View_post_obj />
-
-    </span>
-</Element_modal_v3>
-{/if}
-
-</section>
-
-
-<style>
-.ae_header h3 {
-    font-size: 1.2em;
-    margin: 0;
-    /* padding: 0; */
-}
-
-.post_obj .ae_meta {
-    font-size: smaller;
-    color: hsla(0,0%,50%,1);
-}
-
-.post_obj {
-    border: solid thin hsla(0,0%,90%,1);
-    margin: 1em .5em;
-    padding: .5em .5em;
-}
-
-.post__header {
-    background-color: hsla(0,0%,90%,1);
-}
-
-/* .ae_meta.post_obj {
-    flex-direction: row;
-    justify-content: space-between;
-} */
-
-/* :global(.bb_post_crud .element_ae_modal) {
-    border: dashed thin hsla(0,0%,70%,1);
-
-    margin: .5em .25em;
-    padding: .5em .25em;
-
-    background-color: hsla(0,0%,90%,1);
-} */
-
-/* :global(.bb_post_id_view .element_ae_modal) {
-    border: dashed thin blue;
-} */
-
-/* :global(.bb_post_comment_crud .element_ae_modal) {
-    border: dashed thin hsla(0,0%,70%,1);
-
-    margin: .5em .25em;
-    padding: .5em .25em;
-
-    background-color: hsla(0,0%,90%,1);
-} */
-</style>

src/0_sponsorships__main.svelte

@@ -1,847 +0,0 @@
-<script lang="ts">
-type key_val = {
-    [key: string]: any;
-};
-// *** Import Svelte core
-import { onMount } from 'svelte';
-
-// *** Import Aether core variables and functions
-import { ae, api, Element_modal_v3 } from 'aether_npm_lib';
-
-import { slct, slct_trigger, ae_app, ae_local, ae_session } from './stores';
-
-// *** Import Aether core components
-// import { get_data_store_obj_w_code } from '../data_store/stores_data_store_api.js';
-
-// *** Import Aether module variables and functions
-
-// *** Import Aether module components
-import Edit_sponsorship_obj from './10_edit__sponsorship_obj.svelte';
-import List_sponsorship_obj from './10_list__sponsorship_obj.svelte';
-import View_sponsorship_obj from './10_view__sponsorship_obj.svelte';
-
-// *** Export/Exposed variables and functions for component
-// export let account_id: string = $page['page_for']['account_id'];
-export let account_id: string = $ae_app.account_id;
-export let sponsorship_id: string = $ae_app.sponsorships.sponsorship_id;
-
-export let user: string = $ae_app.user;
-export let key: string = $ae_app.key;
-export let full_name: string = $ae_app.full_name;
-export let ae_admin_li: string = $ae_app.ae_admin_li;
-export let ae_trusted_li: string = $ae_app.ae_trusted_li;
-
-// *** Set initial variables
-$ae_app.user = decodeURIComponent(user);
-$ae_app.key = decodeURIComponent(key);
-// $ae_app.ae_admin_li = ae_admin_li;
-// $ae_app.ae_trusted_li = ae_trusted_li;
-
-$ae_app.current_timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-if (!$ae_app.lu_country_subdivision_list) {
-    $ae_app.lu_country_subdivision_list = [];
-}
-if (!$ae_app.lu_country_list ) {
-    $ae_app.lu_country_list = [];
-}
-if (!$ae_app.lu_timezone_list) {
-    $ae_app.lu_timezone_list = [];
-}
-
-$ae_app.sponsorships.show_main__options = true; // Section for: search area, buttons for filtering sponsorships, create new sponsorship.
-$ae_app.sponsorships.show_list__sponsorship_obj_li = true;
-$ae_app.sponsorships.fulltext_search_qry_str = '';
-$ae_app.sponsorships.qry_virtual = false;
-$ae_app.sponsorships.qry_physical = false;
-$ae_app.sponsorships.qry_type = '';
-
-// NOTE: Check if the ae_user is in the ae_admin_li list
-if ($ae_app.ae_user && $ae_app.ae_admin_li) {
-    if ($ae_app.ae_admin_li.includes($ae_app.ae_user)) {
-        $ae_app.access_type = 'administrator';
-        $ae_app.administrator_access = true;
-        $ae_app.trusted_access = true;
-    }
-}
-// NOTE: Check if the ae_user is in the ae_trusted_li list
-if ($ae_app.ae_user && $ae_app.ae_trusted_li) {
-    if ($ae_app.ae_trusted_li.includes($ae_app.ae_user)) {
-        $ae_app.access_type = 'trusted';
-        $ae_app.trusted_access = true;
-    }
-}
-
-if ($ae_app.administrator_access) {
-    $ae_app.sponsorships.enabled = 'enabled';
-    $ae_app.sponsorships.hidden = 'not_hidden';
-    $ae_app.sponsorships.limit = 150;
-} else if ($ae_app.trusted_access) {
-    $ae_app.sponsorships.enabled = 'enabled';
-    $ae_app.sponsorships.hidden = 'not_hidden';
-    $ae_app.sponsorships.limit = 75;
-} else {
-    $ae_app.sponsorships.enabled = 'enabled';
-    $ae_app.sponsorships.hidden = 'not_hidden';
-    $ae_app.sponsorships.limit = 25;
-}
-
-let ae_sponsorship_obj_li_get_promise;
-let ae_sponsorship_obj_get_promise;
-let data_store_obj_get_promise;
-let get_ds_sponsorships_info_promise = handle_get_data_store_obj_w_code({code: 'sponsorships_info'});
-let get_ds_sponsorships_options_promise = handle_get_data_store_obj_w_code({code: 'sponsorships_options'});
-
-if (account_id) {
-    $slct.account_id = account_id;
-    handle_load_ae_sponsorship_obj_li({account_id: $slct.account_id, try_cache: false});
-}
-
-// NOTE: This if sponsorship_id is not fully ready yet -2023-09-08
-if (sponsorship_id) {
-    console.log(`Selected Sponsorship ID: ${sponsorship_id}`);
-    $slct.sponsorship_id = sponsorship_id;
-    $slct_trigger = 'load__sponsorship_obj';
-
-    // handle_load_sponsorship_id_obj({sponsorship_id: $slct.sponsorship_id, try_cache: false});
-
-    // // Auto show the selected Sponsorship ID
-    // // Set the URL param "sponsorship_id" to the current Sponsorship ID. This is a just in case.
-    // const url = new URL(location);
-    // url.searchParams.set('sponsorship_id', $slct.sponsorship_id);
-    // history.pushState({}, '', url);
-
-    // let message = {'sponsorship_id': $slct.sponsorship_id};
-    // window.parent.postMessage(message, "*");
-
-    $ae_app.sponsorships.show_main__options = true;
-    $ae_app.sponsorships.show_list__sponsorship_obj_li = true;
-    $ae_app.sponsorships.show_view__sponsorship_obj = true;
-    $ae_app.sponsorships.show_edit__sponsorship_obj = false;
-}
-
-if (!$ae_app.client_content) {
-    $ae_app.client_content = {};
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** OSIT - AE Sponsorships: Main');
-
-    document.getElementById('meeting_fulltext_search_qry_str').focus();
-
-    $ae_session.test.sponsorships = 'Hello World!';
-    $ae_session.test.general = 'Hello world from Sponsorships!';
-    console.log('ae_session:', $ae_session);
-});
-
-
-$: if ($ae_app.iframe_height && $ae_app.iframe_height_modal_body) {
-    console.log('getting new dimensions for iframe:', $ae_app.iframe_height, $ae_app.iframe_height_modal_body);
-
-    let iframe_height = 0;
-
-    if ($ae_app.iframe_height > $ae_app.iframe_height_modal_body) {
-        iframe_height = $ae_app.iframe_height;
-    } else {
-        iframe_height = $ae_app.iframe_height_modal_body;
-
-        // console.log($ae_app.modal_dimensions);
-
-        if ($ae_app.modal_dimensions && $ae_app.modal_dimensions.header_height) {
-            iframe_height = iframe_height + $ae_app.modal_dimensions.header_height;
-        }
-        if ($ae_app.modal_dimensions && $ae_app.modal_dimensions.footer_height) {
-            iframe_height = iframe_height + $ae_app.modal_dimensions.footer_height;
-        }
-        // iframe_height = iframe_height + 50; // Just in case
-    }
-
-    console.log(`Suggested new iframe_height: ${iframe_height}`);
-    window.parent.postMessage({'iframe_height': iframe_height}, "*"); // This should be in pixels
-} else if ($ae_app.iframe_height) {
-    console.log('setting new iframe_height:', $ae_app.iframe_height);
-
-    // let iframe_height = $ae_app.iframe_height;
-
-    window.parent.postMessage({'iframe_height': $ae_app.iframe_height}, "*"); // This should be in pixels
-}
-
-
-$: if ($slct_trigger == 'load__sponsorship_obj_li' && $slct.account_id) {
-    if ($ae_app.sponsorships.qry_status == 'loading') {
-        console.log('*** $ae_app.sponsorships.qry_status == loading ***');
-
-        setTimeout(() => {
-            console.log("Delayed for X second.");
-            $slct_trigger = null;
-            handle_load_ae_sponsorship_obj_li({account_id: $slct.account_id, try_cache: false});
-        }, 250);
-    } else {
-        console.log('*** $ae_app.sponsorships.qry_status != loading ***');
-        $slct_trigger = null;
-        handle_load_ae_sponsorship_obj_li({account_id: $slct.account_id, try_cache: false});
-    }
-}
-
-async function handle_load_ae_sponsorship_obj_li({account_id, try_cache=true}) {
-    console.log('*** handle_load_ae_sponsorship_obj_li() ***');
-    console.log($ae_app.sponsorships);
-
-    let fulltext_search_qry_str = $ae_app.sponsorships.fulltext_search_qry_str;
-    let qry_virtual = $ae_app.sponsorships.qry_virtual;
-    let qry_physical = $ae_app.sponsorships.qry_physical;
-    let qry_type = $ae_app.sponsorships.qry_type;
-
-    let enabled = $ae_app.sponsorships.enabled;
-    let hidden = $ae_app.sponsorships.hidden;
-    let limit = $ae_app.sponsorships.limit;
-    let offset = $ae_app.sponsorships.offset;
-
-    let params = {};
-    // params['archived'] = 'all';
-    // params['conference'] = false;
-    // params['inc_address'] = true;
-    // params['inc_contact'] = true;
-
-    let params_json: key_val = {};
-    // if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
-    //     params_json['ft_qry'] = {
-    //         'default_qry_str': fulltext_search_qry_str,
-    //         'location_address_json': fulltext_search_qry_str,
-    //         'contact_li_json': fulltext_search_qry_str,
-    //         'address_default_qry_str': fulltext_search_qry_str, // NOTE: Remove after going live with OSIT ae?
-    //         'contact_1_default_qry_str': fulltext_search_qry_str, // NOTE: Remove after going live with OSIT ae?
-    //         };
-    // }
-
-    // if (qry_virtual || qry_physical || qry_type) {
-    //     params_json['and_qry'] = {};
-    //     if (qry_virtual) params_json['and_qry']['virtual'] = true;
-    //     if (qry_physical) params_json['and_qry']['physical'] = true;
-    //     if (qry_type) params_json['and_qry']['type'] = qry_type;
-    // }
-
-    // console.log('params_json:', params_json);
-    // console.log(params_json);
-
-    // NOTE: I am not sure if this is actually needed. It may save a little space in the URL.
-    // if (JSON.stringify(params_json) == JSON.stringify({})) {
-    //     params_json = null;
-    // }
-    $ae_app.sponsorships.qry_status = 'loading';
-    ae_sponsorship_obj_li_get_promise = api.get_ae_obj_li_for_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'sponsorship',
-        for_obj_type: 'account',
-        for_obj_id: account_id,
-        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
-        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
-        enabled: enabled,
-        hidden: hidden,
-        order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
-        // order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'created_on': 'DESC', 'updated_on': 'DESC'},
-        limit: limit,
-        offset: offset,
-        params_json: params_json,
-        params: params,
-        log_lvl: 2
-        })
-
-    .then(function (sponsorship_obj_li_get_result) {
-        if (sponsorship_obj_li_get_result) {
-            $slct.sponsorship_obj_li = sponsorship_obj_li_get_result;
-            console.log(`Sponsorship list:`, $slct.sponsorship_obj_li);
-        } else {
-            $slct.sponsorship_obj_li = [];
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    })
-    .finally(function () {
-        $ae_app.sponsorships.qry_status = 'done';
-    });
-
-    return ae_sponsorship_obj_li_get_promise;
-}
-
-
-$: if ($slct_trigger == 'load__sponsorship_obj' && $slct.sponsorship_id) {
-    $slct_trigger = null;
-
-    handle_load_sponsorship_id_obj({sponsorship_id: $slct.sponsorship_id, try_cache: false});
-
-    // Auto show the selected Sponsorship ID
-    // Is this pushState needed here?
-    // Set the URL param "sponsorship_id" to the current Sponsorship ID. This is a just in case.
-    // const url = new URL(location);
-    // url.searchParams.set('sponsorship_id', $slct.sponsorship_id);
-    // history.pushState({}, '', url);
-
-    // Is this postMessage needed here?
-    // let message = {'sponsorship_id': $slct.sponsorship_id};
-    // window.parent.postMessage(message, "*");
-
-    // $ae_app.sponsorships.show_main__options = false;
-    // $ae_app.sponsorships.show_list__sponsorship_obj_li = false;
-    // $ae_app.sponsorships.show_view__sponsorship_obj = true;
-    // $ae_app.sponsorships.show_edit__sponsorship_obj = false;
-}
-
-async function handle_load_sponsorship_id_obj({sponsorship_id, try_cache=false}) {
-    console.log('*** handle_load_sponsorship_id_obj() ***');
-
-    // let enabled = $ae_app.sponsorships.enabled;
-    // let hidden = $ae_app.sponsorships.hidden;
-    // let limit = $ae_app.sponsorships.limit;
-    // let offset = $ae_app.sponsorships.offset;
-
-    let params = {};
-
-    ae_sponsorship_obj_get_promise = api.get_ae_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'event',
-        obj_id: sponsorship_id,
-        use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
-        use_alt_base: true, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
-        params: params,
-        log_lvl: 0
-        })
-    .then(function (sponsorship_obj_get_result) {
-        if (sponsorship_obj_get_result) {
-            $slct.sponsorship_obj = sponsorship_obj_get_result;
-            console.log(`Sponsorship object:`, $slct.sponsorship_obj);
-        }
-
-        // Auto show the selected Sponsorship ID
-        // Is this pushState needed here?
-        // Set the URL param "sponsorship_id" to the current Sponsorship ID.
-        const url = new URL(location);
-        url.searchParams.set('sponsorship_id', $slct.sponsorship_id);
-        history.pushState({}, '', url);
-
-        // Is this postMessage needed here?
-        let message = {'sponsorship_id': $slct.sponsorship_id};
-        window.parent.postMessage(message, "*");
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return ae_sponsorship_obj_get_promise;
-}
-
-function handle_created_sponsorship_obj(event) {
-    console.log('*** handle_created_sponsorship_obj() ***');
-    console.log(event.detail);
-
-    handle_load_sponsorship_id_obj({sponsorship_id: $slct.sponsorship_id, try_cache: false});
-
-    const url = new URL(location);
-    url.searchParams.set('sponsorship_id', $slct.sponsorship_id);
-    history.pushState({}, '', url);
-
-    let message = {'sponsorship_id': $slct.sponsorship_id};
-    window.parent.postMessage(message, "*");
-
-    // $slct_trigger = 'load__sponsorship_obj';
-    $slct_trigger = 'load__sponsorship_obj_li';
-
-    $ae_app.sponsorships.show_main__options = false;
-    $ae_app.sponsorships.show_list__sponsorship_obj_li = false;
-    $ae_app.sponsorships.show_view__sponsorship_obj = true;
-    $ae_app.sponsorships.show_edit__sponsorship_obj = false;
-}
-
-function handle_updated_sponsorship_obj(event) {
-    console.log('*** handle_updated_sponsorship_obj() ***');
-    console.log(event.detail);
-
-    // $slct_trigger = 'load__sponsorship_obj';
-    $slct_trigger = 'load__sponsorship_obj_li';
-
-    $ae_app.sponsorships.show_main__options = false;
-    $ae_app.sponsorships.show_list__sponsorship_obj_li = false;
-    $ae_app.sponsorships.show_view__sponsorship_obj = true;
-    $ae_app.sponsorships.show_edit__sponsorship_obj = false;
-}
-
-function handle_deleted_sponsorship_obj(event) {
-    console.log('*** handle_deleted_sponsorship_obj() ***');
-    console.log(event.detail);
-
-    const url = new URL(location);
-    url.searchParams.delete('sponsorship_id');
-    history.pushState({}, '', url);
-
-    let message = {'sponsorship_id': null};
-    window.parent.postMessage(message, "*");
-
-    $slct_trigger = 'load__sponsorship_obj_li';
-
-    $ae_app.sponsorships.show_main__options = true;
-    $ae_app.sponsorships.show_list__sponsorship_obj_li = true;
-    $ae_app.sponsorships.show_view__sponsorship_obj = false;
-    $ae_app.sponsorships.show_edit__sponsorship_obj = false;
-}
-
-
-function handle_submit_form(event) {
-    console.log('*** handle_submit_form() ***');
-    console.log(event);
-
-    event.preventDefault();
-    event.stopPropagation();
-
-    return false;
-}
-function handle_cancel_form(event) {
-    console.log('*** handle_cancel_form() ***');
-    console.log(event);
-
-    event.preventDefault();
-    event.stopPropagation();
-
-    return false;
-}
-
-function handle_oninput_fulltext_search_qry_str(event) {
-    console.log('*** handle_oninput_fulltext_search_qry_str() ***');
-    console.log(event);
-
-    // Check if this variable is a promise. The last query may still be being processed.
-    // if (!ae_sponsorship_obj_li_get_promise.promise) {
-    //     console.log('*** handle_oninput_fulltext_search_qry_str() ***');
-    //     console.log('*** Promise is still processing. ***');
-    //     console.log(ae_sponsorship_obj_li_get_promise);
-    //     ae_sponsorship_obj_li_get_promise.promise.finally(() => { ae_sponsorship_obj_li_get_promise.promise.done = true; });
-    // } else {
-    //     $slct_trigger = 'load__sponsorship_obj_li';
-    // }
-    // if (ae_sponsorship_obj_li_get_promise && ae_sponsorship_obj_li_get_promise.then) {
-    //     console.log('*** handle_oninput_fulltext_search_qry_str() ***');
-    //     console.log('*** Promise is still processing. ***');
-    //     console.log(ae_sponsorship_obj_li_get_promise);
-    //     $slct_trigger = 'load__sponsorship_obj_li';
-    //     return;
-    // }
-
-    // fulltext_search_qry_str = event.target.value;
-
-    // if ($ae_app.sponsorships.fulltext_search_qry_str.length > 2) {
-    // } else {
-    //     $ae_app.sponsorships.fulltext_search_qry_str = '';
-    // }
-    $slct_trigger = 'load__sponsorship_obj_li';
-}
-
-async function handle_get_data_store_obj_w_code({code, data_type='text'}) {
-    console.log('*** handle_get_data_store_obj_w_code() ***');
-
-    let get_item_result = window.localStorage.getItem(code);
-    if (get_item_result) {
-        $ae_app.sponsorships.ds[code] = get_item_result;
-    } else {
-        console.log('Get local storage item miss.');
-    }
-
-    data_store_obj_get_promise = api.get_data_store_obj_w_code({
-        api_cfg: $ae_app.ae_api,
-        data_store_code: code,
-        data_type: data_type,
-        log_lvl: 1
-        })
-    .then(function (get_data_store_result) {
-        if (get_data_store_result) {
-
-            if (data_type == 'text') {
-                // console.log(get_data_store_result.text);
-                $ae_app.sponsorships.ds[code] = get_data_store_result.text;
-            } else if (data_type == 'json') {
-                // console.log(get_data_store_result.json);
-                $ae_app.sponsorships.ds[code] = get_data_store_result.json;
-            }
-
-            // console.log(`Code: ${$ae_app.sponsorships.ds[code]}`);
-            // console.log(`Code:`, $ae_app.sponsorships.ds[code]);
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-}
-</script>
-
-<!-- <svelte:window
-	bind:outerHeight={ae_iframe_height}
-  /> -->
-
-
-<section id="osit_ae_sponsorships" class="osit_sponsorships ae_main c_ae c_ae_sponsorships ae_main" bind:clientHeight={$ae_app.iframe_height}>
-<header>
-    <h1>Sponsorships for One Sky IT Demo</h1>
-</header>
-
-<section class="ae_section ae_meta">
-    <p>
-    ae: {($ae_app.ae_full_name ? $ae_app.ae_full_name : 'Name not set')}
-    <span class="details">
-    (
-        {($ae_app.ae_email ? $ae_app.ae_email : 'Email not set')}
-        {#if $ae_app.administrator_access}
-            <span class="access_type administrator_access">Administrator</span>
-        {:else if $ae_app.trusted_access}
-            <span class="access_type trusted_access">Trusted</span>
-        {/if}
-        <span class="ae_user">{$ae_app.ae_user ? $ae_app.ae_user : 'User not set'}</span>
-    )
-    </span>
-    </p>
-</section>
-
-<div class="ae_overview">
-<div class="ae_info ds__sponsorships_info ">
-    {@html $ae_app.sponsorships.ds.sponsorships_info}
-</div>
-</div>
-
-{#if $ae_app.sponsorships.show_main__options}
-<section class="ae_section ae_options ae_column sponsorship_obj__options">
-    <div class="ae_note ds__sponsorships_options ">
-        {@html $ae_app.sponsorships.ds.sponsorships_options}
-    </div>
-
-    <div class="filters_and_search">
-
-
-
-        <form on:submit|preventDefault={handle_submit_form} on:keydown={e => e.key === 'Escape' && handle_cancel_form} class="search_form">
-        <div class="ae_group">
-        <input
-            type="search"
-            placeholder="Search (name, description, etc.)"
-            id="meeting_fulltext_search_qry_str"
-            name="fulltext_search_qry_str"
-            bind:value={$ae_app.sponsorships.fulltext_search_qry_str}
-            style="width: 50%;"
-            class="bs-input"
-            >
-        <button
-            on:click={handle_oninput_fulltext_search_qry_str}
-            >
-            <span class="fas fa-search"></span> Search
-        </button>
-        </div>
-
-        <fieldset>
-            <legend>Filter on?</legend>
-            <div class="ae_row ae_flex_justify_around ae_width_md">
-            <label>Paid
-                <input
-                    name="qry_paid"
-                    type="checkbox"
-                    bind:checked={$ae_app.sponsorships.qry_paid}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    >
-            </label>
-            <label>Guests
-                <input
-                    name="qry_guest_li"
-                    type="checkbox"
-                    bind:checked={$ae_app.sponsorships.qry_guest_li}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    >
-            </label>
-            </div>
-        </fieldset>
-
-        <fieldset>
-            <legend>Select level?</legend>
-            <div class="ae_row ae_flex_justify_around ae_width_100">
-            <label>All
-                <input
-                    name="qry_type"
-                    type="radio"
-                    value=""
-                    bind:group={$ae_app.sponsorships.qry_type}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    title="Show all meeting types"
-                    >
-            </label>
-            <label>Friend ($5,000)
-                <input
-                    name="qry_type"
-                    type="radio"
-                    value="Friend"
-                    bind:group={$ae_app.sponsorships.qry_type}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    title="Friend ($5,000)"
-                    >
-            </label>
-            <label>Supporter ($7,500)
-                <input
-                    name="qry_type"
-                    type="radio"
-                    value="Supporter"
-                    bind:group={$ae_app.sponsorships.qry_type}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    title="Supporter ($7,500)"
-                    >
-            </label>
-            <label>Champion ($12,500)
-                <input
-                    name="qry_type"
-                    type="radio"
-                    value="Champion"
-                    bind:group={$ae_app.sponsorships.qry_type}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    title="Champion ($12,500)"
-                    >
-            </label>
-            <label>Advocate ($20,000)
-                <input
-                    name="qry_type"
-                    type="radio"
-                    value="Advocate"
-                    bind:group={$ae_app.sponsorships.qry_type}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    title="Advocate ($20,000)"
-                    >
-            </label>
-            <label>Presenting Partner ($30,000)
-                <input
-                    name="qry_type"
-                    type="radio"
-                    value="Presenting Partner"
-                    bind:group={$ae_app.sponsorships.qry_type}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    title="Presenting Partner ($30,000)"
-                    >
-            </label>
-            <label>Signature Partner ($50,000)
-                <input
-                    name="qry_type"
-                    type="radio"
-                    value="Signature Partner"
-                    bind:group={$ae_app.sponsorships.qry_type}
-                    on:change={() => {$slct_trigger = 'load__sponsorship_obj_li';}}
-                    title="Signature Partner ($50,000)"
-                    >
-            </label>
-            </div>
-        </fieldset>
-
-        </form>
-
-        {#await ae_sponsorship_obj_li_get_promise}
-            <div><span class="fas fa-spinner"></span>
-            Loading sponsorships...</div>
-        {:then ae_sponsorship_obj_li_get_result}
-            <!-- <p>Sponsorship list: {ae_sponsorship_obj_li_get_result}</p> -->
-        {:catch error}
-            <div>Error: {error.message}</div>
-        {/await}
-
-        <div class="ae_group ae_row">
-
-        {#if $ae_app.trusted_access && $ae_app.sponsorships.hidden == 'not_hidden'}
-            <button
-                on:click={() => {
-                    $ae_app.sponsorships.hidden = 'all';
-                    $ae_app.sponsorships.limit = 150;
-                    $slct_trigger = 'load__sponsorship_obj_li';
-                }}
-                class="btn_show_bb_post ae_btn btn btn-info"
-                >
-                <span class="fas fa-eye"></span> Show Hidden Sponsorships
-            </button>
-        {:else if $ae_app.trusted_access && $ae_app.sponsorships.hidden == 'all'}
-            <button
-                on:click={() => {
-                    $ae_app.sponsorships.hidden = 'not_hidden';
-                    $slct_trigger = 'load__sponsorship_obj_li';
-                }}
-                class="btn_hide_bb_post ae_btn btn btn-info"
-                >
-                <span class="fas fa-eye-slash"></span> Hide Hidden Sponsorships
-            </button>
-        {/if}
-
-        {#if $ae_app.administrator_access && $ae_app.sponsorships.enabled == 'enabled'}
-            <button
-                on:click={() => {
-                    $ae_app.sponsorships.hidden = 'all';
-                    $ae_app.sponsorships.enabled = 'all';
-                    $ae_app.sponsorships.limit = 500;
-                    $slct_trigger = 'load__sponsorship_obj_li';
-                }}
-                class="btn_show_bb_post ae_btn btn btn-warning"
-                >
-                <span class="fas fa-eye"></span> Show Disabled Sponsorships
-            </button>
-        {:else if $ae_app.administrator_access && $ae_app.sponsorships.enabled == 'all'}
-            <button
-                on:click={() => {
-                    $ae_app.sponsorships.enabled = 'enabled';
-                    $slct_trigger = 'load__sponsorship_obj_li';
-                }}
-                class="btn_hide_bb_post ae_btn btn btn-warning"
-                >
-                <span class="fas fa-eye-slash"></span> Hide Disabled Sponsorships
-            </button>
-        {/if}
-
-        <button
-            on:click={() => {
-                $slct.sponsorship_id = null;
-                $slct.sponsorship_obj = {};
-
-                const url = new URL(location);
-                url.searchParams.delete('sponsorship_id');
-                history.pushState({}, '', url);
-
-                $ae_app.sponsorships.show_main__options = false;
-                $ae_app.sponsorships.show_list__sponsorship_obj_li = false;
-                $ae_app.sponsorships.show_view__sponsorship_obj = false;
-                $ae_app.sponsorships.show_edit__sponsorship_obj = true;
-
-                $ae_session.test.sponsorships = 'Hello World! Create new Sponsorship was clicked!';
-                $ae_session.test_xyz.sponsorships = 'Hello World! Create new Sponsorship was clicked!';
-            }}
-            class="btn_new_recovery_meeting ae_btn btn btn-secondary"
-            >
-                <span class="fas fa-plus"></span> Create new Sponsorship
-        </button>
-        </div>
-
-    </div> <!-- END: div filters_and_search -->
-
-</section>
-{/if}
-
-
-{#if $slct.sponsorship_obj_li && $ae_app.sponsorships.show_list__sponsorship_obj_li}
-    <List_sponsorship_obj />
-{/if}
-
-
-{#if $ae_app.sponsorships.show_edit__sponsorship_obj}
-<!-- <section class="ae_edit sponsorship_obj sponsorship_id ae_sponsorship_id_edit"> -->
-<Element_modal_v3
-        show = { true }
-        modal_cover_body = { false }
-        report_client_dimensions = { true }
-        on:close={ () => {
-            $ae_app.sponsorships.show_main__options = true;
-            $ae_app.sponsorships.show_list__sponsorship_obj_li = true;
-            $ae_app.sponsorships.show_edit__sponsorship_obj = false;
-            $ae_app.sponsorships.show_view__sponsorship_obj = false;
-
-            const url = new URL(location);
-            url.searchParams.delete('sponsorship_id');
-            history.pushState({}, '', url);
-
-            let message = {'sponsorship_id': null};
-            window.parent.postMessage(message, "*");
-        }}
-        on:report__modal_dimensions={ (event) => {
-            console.log('*** on:report__modal_dimensions ***');
-            console.log(event.detail);
-
-            $ae_app.modal_dimensions = event.detail.modal_dimensions;
-        }}
-        >
-    <span slot="header_title">{@html ($slct.sponsorship_obj.name ? $slct.sponsorship_obj.name : 'New Sponsorship')}</span>
-
-    <span slot="body">
-
-        <Edit_sponsorship_obj
-            on:created__meeting_obj={handle_created_sponsorship_obj}
-            on:updated__meeting_obj={handle_updated_sponsorship_obj}
-            on:deleted__meeting_obj={handle_deleted_sponsorship_obj}
-            />
-
-    </span>
-</Element_modal_v3>
-<!-- </section> -->
-{/if}
-
-
-{#if $ae_app.sponsorships.show_view__sponsorship_obj && $slct.sponsorship_obj}
-<!-- <section class="ae_view sponsorship_obj sponsorship_id ae_sponsorship_id_view"> -->
-<Element_modal_v3
-    show = { true }
-    modal_cover_body = { false }
-    report_client_dimensions = { true }
-    on:close={ () => {
-        $slct.sponsorship_id = null;
-        $slct.sponsorship_obj = {};
-
-        $ae_app.sponsorships.show_main__options = true;
-        $ae_app.sponsorships.show_list__sponsorship_obj_li = true;
-        $ae_app.sponsorships.show_view__sponsorship_obj = false;
-        $ae_app.sponsorships.show_edit__sponsorship_obj = false;
-
-        const url = new URL(location);
-        url.searchParams.delete('sponsorship_id');
-        history.pushState({}, '', url);
-
-        let message = {'sponsorship_id': null};
-        window.parent.postMessage(message, "*");
-    }}
-    on:report__modal_dimensions={ (event) => {
-        console.log('*** on:report__modal_dimensions ***');
-        console.log(event.detail);
-
-        $ae_app.modal_dimensions = event.detail.modal_dimensions;
-    }}
-    >
-    <span slot="header_title">{@html $slct.sponsorship_obj.name}</span>
-
-    <span slot="body">
-
-        <View_sponsorship_obj />
-
-    </span>
-</Element_modal_v3>
-<!-- </section> -->
-{/if}
-
-</section>
-
-
-<style>
-
-
-/* .ae_meta {
-    font-size: smaller;
-    color: hsla(0,0%,50%,1);
-} */
-
-/* .ae_edit.sponsorship_obj {
-    border: dashed thin hsla(0,0%,70%,1);
-
-    margin: .5em .25em;
-    padding: .5em .25em;
-
-    background-color: hsla(0,0%,90%,1);
-} */
-
-/* .ae_view.sponsorship_obj {
-    border: dashed thin hsla(0,0%,70%,1);
-
-    margin: .5em .25em;
-    padding: .5em .25em;
-
-    background-color: hsla(0,0%,90%,1);
-} */
-
-/* :global(.ae_edit.sponsorship_id .element_ae_modal) {
-    border: dashed thin hsla(0,0%,70%,1);
-
-    margin: .5em .25em;
-    padding: .5em .25em;
-
-    background-color: hsla(0,0%,90%,1);
-} */
-
-</style>

src/10_edit__archive_content_obj.svelte

@@ -1,706 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher, onDestroy, onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-import { ae, api, Element_input, Element_input_file_hashing } from 'aether_npm_lib';
-import { slct, ae_app } from './stores';
-
-const dispatch = createEventDispatcher();
-
-type key_val = {
-    [key: string]: any;
-};
-
-$ae_app.archives.input_file_list = []
-
-let create_archive_content_obj_promise: any;
-let delete_archive_content_obj_promise: any;
-let update_archive_content_obj_promise: any;
-let upload__hosted_file_obj_promise: any;
-
-let disable_submit_btn = true;
-
-if ($slct.archive_content_id) {
-    console.log(`Archive Content ID selected: ${$slct.archive_content_id}`);
-    console.log(`Archive Content Object selected: ${$slct.archive_content_obj}`)
-} else {
-    $slct.archive_content_id = null;
-    $slct.archive_content_obj = {
-        archive_id_random: null,
-        // archive_content_id_random: null,
-        archive_content_type: null,
-        name: null,
-        description: null,
-        content_html: null,
-        // hosted_file_id_random: null,
-        file_path: null,
-        filename: null,
-        file_extension: null,
-        original_datetime: null,
-        original_timezone: null,
-        original_location: null,
-        original_url: null,
-        original_url_text: null,
-        access_key: null, // or passcode?
-
-        enable: true,
-        hide: false,
-        priority: null,
-        sort: null,
-        notes: null,
-    };
-    console.log(`Archive Content Object started: ${$slct.archive_content_obj}`)
-}
-
-
-if ($slct.archive_content_obj) {
-
-} else {
-    console.log(`Archive Content Object started: ${$slct.archive_content_obj}`)
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** Edit - Archive Content Obj');
-
-    tinymce_remove(); // This seems to fix rendering issues
-    tinymce_init();
-});
-
-onDestroy(() => {
-    console.log('** Component Destroyed: ** Edit - Event Obj');
-    tinymce_remove(); // This seems like the right thing to do
-});
-
-
-// let ae_iframe_height = window.outerHeight;
-let ae_iframe_height = window.innerHeight;
-console.log(`ae_iframe_height: ${ae_iframe_height}`);
-$: if (ae_iframe_height) {
-    console.log('ae_iframe_height changed:', ae_iframe_height);
-
-    let iframe_height = ae_iframe_height; // TESTING!!!
-
-    // window.parent.postMessage({'iframe_height': `${iframe_height}px`}, "*");
-    window.parent.postMessage({'iframe_height': iframe_height}, "*");
-}
-
-
-$: if ($slct.archive_content_obj) {
-    console.log('Selected archive_content object changed?');
-    console.log($slct.archive_content_obj);
-
-    if ($slct.archive_content_obj == null) {
-        $slct.archive_content_obj = {title: null, content: null, name: null, description: null, notes: null, created_on: null, updated_on: null};
-    } else {
-        disable_submit_btn = false;
-    }
-}
-
-
-async function handle_submit_form(event) {
-    console.log('*** handle_submit_form() ***');
-
-    disable_submit_btn = true;
-
-    let form_data = new FormData(event.target);
-    console.log(form_data);
-
-    let form_archive_content_data = ae.util.extract_prefixed_form_data({prefix: null, form_data: form_data, trim_values: true, bool_tf_str: true, log_lvl: 0});
-    console.log(form_archive_content_data);
-
-    let archive_content_data: key_val = {};
-
-    if (!$slct.archive_content_id) {
-        archive_content_data['account_id_random'] = $ae_app.account_id;
-        archive_content_data['archive_id_random'] = $slct.archive_id;
-        // archive_content_data['enable'] = true;
-    }
-
-    archive_content_data['name'] = form_archive_content_data.name;
-    if (tinyMCE.get('description')) {
-        archive_content_data['description'] = tinyMCE.get('description').getContent();
-    } else {
-        archive_content_data['description'] = form_archive_content_data.description;
-    }
-
-    if (tinyMCE.get('content_html')) {
-        archive_content_data['content_html'] = tinyMCE.get('content_html').getContent();
-    } else {
-        archive_content_data['content_html'] = form_archive_content_data.content_html;
-    }
-
-    if (form_archive_content_data.archive_content_type) {
-        archive_content_data['archive_content_type'] = form_archive_content_data.archive_content_type;
-    } else {
-        archive_content_data['archive_content_type'] = null;
-    }
-
-    archive_content_data['enable_for_public'] = !!!form_archive_content_data.enable_for_public;
-
-    archive_content_data['file_path'] = form_archive_content_data.file_path;
-    archive_content_data['filename'] = form_archive_content_data.filename.trim();
-    archive_content_data['file_extension'] = form_archive_content_data.file_extension.trim();
-
-    let date_time_str = null;
-    let date_part = form_archive_content_data.original_datetime_date.trim();
-    let time_part = form_archive_content_data.original_datetime_time.trim();
-    if (date_part && time_part) {
-        date_time_str = `${date_part} ${time_part}`;
-    } else if (date_part) {
-        date_time_str = `${date_part}T00:00:00`;
-    } else if (time_part) {
-        // date_time_str = `${time_part}`;
-        date_time_str = false;
-    }
-    archive_content_data['original_datetime'] = date_time_str;
-
-    archive_content_data['original_timezone'] = form_archive_content_data.original_timezone;
-
-    archive_content_data['original_location'] = form_archive_content_data.original_location;
-
-    archive_content_data['hide'] = !!form_archive_content_data.hide;
-    archive_content_data['priority'] = !!form_archive_content_data.priority;
-    if (form_archive_content_data.sort) {
-        // Change this to a number type
-        archive_content_data['sort'] = Number(form_archive_content_data.sort);
-    } else {
-        archive_content_data['sort'] = null;
-    }
-    if (form_archive_content_data.group) {
-        archive_content_data['group'] = form_archive_content_data.group;
-    } else {
-        archive_content_data['group'] = null;
-    }
-    if (archive_content_data['enable']) {
-        archive_content_data['enable'] = !!form_archive_content_data.enable;
-    }
-
-    if (tinyMCE.get('notes')) {
-        archive_content_data['notes'] = tinyMCE.get('notes').getContent();
-    } else {
-        archive_content_data['notes'] = form_archive_content_data.notes;
-    }
-
-    console.log(archive_content_data);
-
-    if (!$slct.archive_content_id) {
-        create_archive_content_obj_promise = api.create_ae_obj_crud({
-            api_cfg: $ae_app.ae_api,
-            obj_type: 'archive_content',
-            fields: archive_content_data,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 1
-            })
-        .then(async function (archive_content_obj_create_result) {
-            if (!archive_content_obj_create_result) {
-                console.log('The result was null or false.');
-                return false;
-            }
-
-            $slct.archive_content_id = archive_content_obj_create_result.obj_id_random;
-
-            // Get ready to upload the file now that we have a new archive_content_id.
-            const form_data = new FormData();
-
-            form_data.append('account_id', $ae_app.account_id);
-            form_data.append('link_to_type', 'archive_content');
-            form_data.append('link_to_id', $slct.archive_content_id);
-
-            for (let i = 0; i < event.target.file_list.files.length; i++) {
-                form_data.append(`file_list`, event.target.archive_content_file_upload_list.files[i]);
-            }
-
-            let params = null;
-
-            let endpoint = '/hosted_file/upload_files';
-
-            console.log(form_data);
-
-            params = null;
-
-            // Uncomment and the post_promise is not seen by the "await" below
-            // post_promise = await api.post_object({api_cfg: $cfg.api, endpoint: endpoint, params: params, data:form_data});
-            // Uncomment so that the post_promise is not seen by the "await" below
-            upload__hosted_file_obj_promise = await api.post_object({api_cfg: $ae_app.ae_api, endpoint: endpoint, params: params, form_data: form_data});
-            console.log(upload__hosted_file_obj_promise);
-            let hosted_file_id = upload__hosted_file_obj_promise[0].hosted_file_id_random;
-
-            archive_content_data = {};
-            archive_content_data['hosted_file_id_random'] = hosted_file_id;
-            archive_content_data['file_path'] = `/hosted_file/download/${hosted_file_id}?filename=${form_archive_content_data.filename.trim()}`;
-            archive_content_data['archive_content_type'] = 'hosted_file';
-
-            update_archive_content_obj_promise = await api.update_ae_obj_id_crud({
-                api_cfg: $ae_app.ae_api,
-                obj_type: 'archive_content',
-                obj_id: $slct.archive_content_id,
-                fields: archive_content_data,
-                key: $ae_app.ae_api.api_crud_super_key,
-                log_lvl: 1
-                })
-            .then(function (archive_content_obj_update_result) {
-                if (!archive_content_obj_update_result) {
-                    console.log('The result was null or false.');
-                    return false;
-                }
-                return archive_content_obj_update_result;
-            })
-            .catch(function (error) {
-                console.log('Something went wrong.');
-                console.log(error);
-                return false;
-            });
-
-            // update_archive_content_obj_promise = await update_archive_content_obj({archive_content_id: $slct.archive_content_id, data: archive_content_data})
-            // console.log(update_archive_content_obj_promise);
-            return update_archive_content_obj_promise
-        })
-        .then(function (archive_content_obj_create_result) {
-
-            dispatch(
-                'created__archive_content_obj',
-                {
-                    archive_content_id: $slct.archive_content_id,
-                }
-            );
-
-            return archive_content_obj_create_result;
-        })
-        .catch(function (error) {
-            console.log('Something went wrong.');
-            console.log(error);
-            return false;
-        });
-
-        return create_archive_content_obj_promise;
-
-    } else {
-        update_archive_content_obj_promise = api.update_ae_obj_id_crud({
-            api_cfg: $ae_app.ae_api,
-            obj_type: 'archive_content',
-            obj_id: $slct.archive_content_id,
-            fields: archive_content_data,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 1
-            })
-        .then(function (archive_content_obj_update_result) {
-            if (!archive_content_obj_update_result) {
-                console.log('The result was null or false.');
-                return false;
-            }
-
-            dispatch(
-                'updated__archive_content_obj',
-                {
-                    archive_content_id: $slct.archive_content_id,
-                }
-            );
-
-            return archive_content_obj_update_result;
-        })
-        .catch(function (error) {
-            console.log('Something went wrong.');
-            console.log(error);
-            return false;
-        });
-
-        return update_archive_content_obj_promise;
-    }
-}
-
-function handle_input_file_list_updated(event) {
-    console.log(event.detail.element_id);
-    console.log(event.detail.input_file_list);
-    console.log(event.detail.input_file_list_processed);
-
-    // This now needs be reviewed and possibly updated with additional information. Check if any files have already been uploaded in the past and ignore.
-    let new_upload_list = event.detail.input_file_list_processed;
-    $ae_app.archives.input_file_list = new_upload_list;
-    // Setting the first file as the default. For now other files are ignored?
-    if (new_upload_list.length) {
-        $ae_app.archives.input_filename = new_upload_list[0].filename;
-        $ae_app.archives.input_file_extension = new_upload_list[0].guessed_extension;
-    } else {
-        $ae_app.archives.input_filename = '';
-        $ae_app.archives.input_file_extension = '';
-    }
-
-    // for (let file_upload_item of new_upload_list) {
-    //     console.log(file_upload_item);
-
-    //     filename = file_upload_item.filename;
-    //     file_extension = file_upload_item.guessed_extension;
-    // }
-}
-
-$ae_app.archives.form_file_upload_list = [];
-
-async function handle_delete_archive_content_obj({archive_content_id, hosted_file_id=null, method='delete'}) {
-    console.log('*** handle_delete_archive_content_obj() ***');
-
-    if (hosted_file_id) {
-        let delete_hosted_file_obj_promise = api.delete_hosted_file({
-            api_cfg: $ae_app.ae_api,
-            hosted_file_id: hosted_file_id,
-            link_to_type: 'archive_content',
-            link_to_id: archive_content_id,
-            rm_orphan: true,
-            // params: params,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 2
-            })
-        .then(function (hosted_file_obj_delete_result) {
-            if (hosted_file_obj_delete_result) {
-                // console.log(`Result:`, hosted_file_obj_delete_result);
-
-                dispatch(
-                    'deleted__hosted_file_obj',
-                    {
-                        hosted_file_id: hosted_file_id,
-                    }
-                );
-            }
-        })
-        .catch(function (error) {
-            console.log('The result was null or false when trying to delete.', error);
-        });
-    }
-
-    delete_archive_content_obj_promise = api.delete_ae_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'archive_content',
-        obj_id: archive_content_id,
-        method: method,
-        // params: params,
-        key: $ae_app.ae_api.api_crud_super_key,
-        log_lvl: 0
-        })
-    .then(function (archive_content_obj_delete_result) {
-        if (archive_content_obj_delete_result) {
-            // console.log(`Result:`, archive_content_obj_delete_result);
-
-            dispatch(
-                'deleted__archive_content_obj',
-                {
-                    archive_content_id: archive_content_id,
-                }
-            );
-        }
-    })
-    .catch(function (error) {
-        console.log('The result was null or false when trying to delete.', error);
-    });
-
-    return delete_archive_content_obj_promise;
-}
-
-function tinymce_init() {
-    // REFERENCE: https://www.tiny.cloud/docs/tinymce/6/basic-setup/
-    // plugins: [
-    //   'advlist', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak',
-    //   'searchreplace', 'wordcount', 'visualblocks', 'visualchars', 'code', 'fullscreen', 'insertdatetime',
-    //   'media', 'table', 'emoticons', 'template', 'help'
-    // ],
-    // 'undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent'
-
-    // NOTE: Regular version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_regular',
-        // width: 600,
-        height: 400,
-        plugins: [ 'advlist', 'autolink', 'link', 'lists', 'anchor', 'code', 'help' ],
-        menubar: false,
-        toolbar: 'undo redo | styles | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link | code | help',
-        });
-
-    // NOTE: Basic version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_basic',
-        // width: 600,
-        height: 400,
-        plugins: [ 'lists', 'code', 'help' ],
-        menubar: false,
-        toolbar: 'undo redo | styles | bold italic | alignleft aligncenter | bullist numlist outdent indent | code | help',
-        });
-
-    // NOTE: Minimal version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_basic_200',
-        // width: 600,
-        height: 200,
-        plugins: [ 'lists', 'code', 'help' ],
-        menubar: false,
-        toolbar: 'undo redo | styles | bold italic | alignleft aligncenter | bullist numlist outdent indent | code | help',
-        });
-
-    // NOTE: Less is more version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_less_100',
-        // width: 600,
-        height: 100,
-        // plugins: [ 'lists', 'code', 'help' ],
-        menubar: false,
-        toolbar: false,
-        statusbar: false,
-        });
-
-}
-
-function tinymce_remove() {
-    tinymce.remove('.tinymce_editor.editor_regular');
-    tinymce.remove('.tinymce_editor.editor_basic');
-    tinymce.remove('.tinymce_editor.editor_basic_200');
-    tinymce.remove('.tinymce_editor.editor_less_100');
-}
-</script>
-
-
-<section
-    class="svelte_component ae_edit archive_content_obj"
-    class:ae_create={!$slct.archive_content_id}
-    >
-    <!-- bind:clientHeight={ae_iframe_height} -->
-
-<form on:submit|preventDefault={handle_submit_form} class="">
-
-    {#await update_archive_content_obj_promise}
-        <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>Saving...</div>
-    {:then}
-        {#if update_archive_content_obj_promise}
-            <div class="awaiting" out:fade={{ duration: 2000 }}>Finished saving</div>
-        {:else}
-            <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Nothing here yet</div> -->
-        {/if}
-    {/await}
-
-    <h3>Archive Content</h3>
-
-    <label for="title">Name of Content
-    <input type="text" id="name" name="name" required max="200" value={$slct.archive_content_obj.name ? $slct.archive_content_obj.name : '' } placeholder="Content name">
-    </label>
-
-    <label for="description">Description
-        <textarea id="description" name="description" rows="6" cols="80" value={$slct.archive_content_obj.description ? $slct.archive_content_obj.description : ''} class="ae_value archive_content__description tinymce_editor editor_basic_200"></textarea>
-    </label>
-
-    <label for="content_html">Content (HTML)
-        <textarea id="content_html" name="content_html" rows="6" cols="80" value={$slct.archive_content_obj.content_html ? $slct.archive_content_obj.content_html : ''} class="ae_value archive_content__content_html tinymce_editor editor_regular"></textarea>
-    </label>
-
-    <label for="archive_content_type">Type
-    <select id="archive_content_type" name="archive_content_type" value={$slct.archive_content_obj.archive_content_type}>
-        <option value="">-- None --</option>
-        <option value="hosted_file">Hosted File in &AElig;</option>
-        <option value="html">Hosted HTML in &AElig</option>
-        <option value="json">Hosted JSON in &AElig;</option>
-        <option value="url">External URL</option>
-        <option value="other">Other</option>
-    </select>
-    </label>
-
-    <fieldset class="">
-        <legend class="">Public Access with Rotating Access Key/Passcode</legend>
-            <label for="enable_for_public_no" class="">No, disable public access
-                <input
-                    type="radio"
-                    class=""
-                    id="enable_for_public_no"
-                    name="enable_for_public"
-                    value={false}
-                    bind:group={$slct.archive_content_obj.enable_for_public}
-                    >
-                <!-- <input type="radio" class="" id="enable_for_public_no" name="enable_for_public" value="0" checked={(!$slct.archive_content_obj.enable_for_public)} required> -->
-            </label>
-            <label for="enable_for_public_yes" class="">Yes, allow public access
-                <input
-                    type="radio"
-                    class=""
-                    id="enable_for_public_yes"
-                    name="enable_for_public"
-                    value={true}
-                    bind:group={$slct.archive_content_obj.enable_for_public}
-                    >
-                <!-- <input type="radio" class="" id="enable_for_public_yes" name="enable_for_public" value="1" checked={($slct.archive_content_obj.enable_for_public)} required > -->
-            </label>
-        </fieldset>
-
-
-    <h3>File?</h3>
-    {#if !$slct.archive_content_id}
-        <Element_input_file_hashing
-            multiple = {false}
-            required = {true}
-            accept = {''}
-            element_id = {'archive_content_file_upload_list'}
-
-            on:input_file_list_updated = {handle_input_file_list_updated}
-            use_selected_file_table={true}
-            />
-            <!-- bind:input_file_list = {$ae_app.archives.form_file_upload_list} -->
-    {/if}
-
-    <label for="file_path">File Path
-        {#if !$ae_app.administrator_access}
-            <span class="fas fa-lock" title="Field is locked"></span>
-        {:else}
-            <span class="fas fa-unlock" title="Field is unlocked"></span>
-        {/if}
-        <input
-            type="text"
-            id="file_path"
-            name="file_path"
-            value={($slct.archive_content_obj.file_path ? $slct.archive_content_obj.file_path : '')}
-            readonly={!$ae_app.administrator_access}
-            >
-    </label>
-
-    <label for="filename">Filename
-        <input type="text" id="filename" name="filename" value={($slct.archive_content_obj.filename ? $slct.archive_content_obj.filename : $ae_app.archives.input_filename)}>
-    </label>
-
-    <label for="file_extension">File Extension
-        {#if !$ae_app.administrator_access}
-            <span class="fas fa-lock" title="Field is locked"></span>
-        {:else}
-            <span class="fas fa-unlock" title="Field is unlocked"></span>
-        {/if}
-        <input
-            type="text"
-            id="file_extension"
-            name="file_extension"
-            value={($slct.archive_content_obj.file_extension ? $slct.archive_content_obj.file_extension : $ae_app.archives.input_file_extension)}
-            readonly={!$ae_app.administrator_access}
-            >
-    </label>
-
-    <h3>Original</h3>
-    <label for="original_datetime">Original Date/Time
-        <input type="date" id="original_datetime_date" name="original_datetime_date" value={($slct.archive_content_obj.original_datetime ? ae.util.iso_datetime_formatter($slct.archive_content_obj.original_datetime,'date_iso') : '')} placeholder="YYYY-MM-DD">
-        <input type="time" id="original_datetime_time" name="original_datetime_time" value={($slct.archive_content_obj.original_datetime ? ae.util.iso_datetime_formatter($slct.archive_content_obj.original_datetime,'time_iso') : '')} placeholder="HH:MM AM/PM">
-    </label>
-
-    <fieldset class="flex_row flex_gap_md flex_justify_around">
-        <label for="original_timezone">Original Timezone
-            {#if $ae_app.lu_time_zone_list}
-                <select name="original_timezone" id="original_timezone" required>
-                    {#each $ae_app.lu_time_zone_list as lu_timezone}
-                        <option value="{lu_timezone.name}" selected={((($slct.archive_content_obj.original_timezone && lu_timezone.name == $slct.archive_content_obj.original_timezone) || lu_timezone.name == $ae_app.current_timezone) ? 'selected' : '')}>{lu_timezone.name}</option>
-                    {/each}
-                </select>
-            {:else}
-                <input type="text" name="timezone" value={($slct.archive_content_obj.original_timezone ? $slct.archive_content_obj.original_timezone : $ae_app.current_timezone)} />
-            {/if}
-        </label>
-    </fieldset>
-
-    <!-- <label for="original_timezone">Original Timezone
-        <input type="text" id="original_timezone" name="original_timezone" value={$slct.archive_content_obj.original_timezone} list="timezones">
-        <datalist id="timezones">
-            <option value="UTC">UTC</option>
-            <option value="America/New_York">America/New York</option>
-            <option value="America/Chicago">America/Chicago</option>
-            <option value="America/Denver">America/Denver</option>
-            <option value="America/Phoenix">America/Phoenix</option>
-            <option value="America/Los_Angeles">America/Los Angeles</option>
-            <option value="America/Anchorage">America/Anchorage</option>
-            <option value="America/Adak">America/Adak</option>
-            <option value="Pacific/Honolulu">Pacific/Honolulu</option>
-            <option value="Pacific/Midway">Pacific/Midway</option>
-            <option value="US/Eastern">US/Eastern</option>
-            <option value="US/Central">US/Central</option>
-            <option value="US/Mountain">US/Mountain</option>
-            <option value="US/Pacific">US/Pacific</option>
-            <option value="US/Alaska">US/Alaska</option>
-            <option value="US/Hawaii">US/Hawaii</option>
-            <option value="US/Samoa">US/Samoa</option>
-            <option value="US/Aleutian">US/Aleutian</option>
-            <option value="US/Arizona">US/Arizona</option>
-            <option value="US/Michigan">US/Michigan</option>
-        </datalist>
-    </label> -->
-
-    <label for="original_location">Original Location
-        <input type="text" id="original_location" name="original_location" value={$slct.archive_content_obj.original_location}>
-    </label>
-
-
-    {#if $ae_app.trusted_access}
-    <section class="ae_section archive_content__admin_options"> <!-- BEGIN: section archive_content__admin_options -->
-
-        <h3>
-            Admin Options
-            <button type="button" class="ae_btn ae_smallest ae_d_none_toggle ae_float_right btn btn-xs btn-info" on:click={() => {document.querySelector('.ae_d_none_content').classList.toggle('ae_d_none');}}><span class="fas fa-eye"></span> Show/Hide Admin</button>
-        </h3>
-
-        <span class="ae_d_none_content ae_d_none">
-        <label>Hide
-            <input
-                type="checkbox"
-                name="hide"
-                id="hide"
-                bind:checked={$slct.archive_content_obj.hide}
-                >
-            <!-- <input type="checkbox" name="hide" value={$slct.archive_content_obj.hide} /> -->
-        </label>
-
-        <label>Priority
-            <input
-                type="checkbox"
-                name="priority"
-                id="priority"
-                bind:checked={$slct.archive_content_obj.priority}
-                >
-            <!-- <input type="checkbox" name="priority" value={$slct.archive_content_obj.priority} /> -->
-        </label>
-
-        <label>Sort <input type="number" name="sort" value={$slct.archive_content_obj.sort} /></label>
-
-        <label>Group <input type="text" name="group" value={$slct.archive_content_obj.group} max="100" /></label>
-
-        {#if $ae_app.administrator_access}
-        <label>Enable
-            <input
-                type="checkbox"
-                name="enable"
-                id="enable"
-                bind:checked={$slct.archive_content_obj.enable}
-                >
-            <!-- <input type="checkbox" name="enable" value={$slct.archive_content_obj.enable} checked={$slct.archive_content_obj.enable} /> -->
-        </label>
-        {/if}
-
-        <label>Internal Staff Notes
-        <textarea id="notes" name="notes" class="ae_value archive_content__notes tinymce_editor editor_basic_200" rows="2" cols="70" value={$slct.archive_content_obj.notes}></textarea>
-        </label>
-
-        </span> <!-- END: span ae_show_hide_content -->
-
-    </section> <!-- END: section archive_content__admin_options -->
-    {/if}
-
-
-    <section class="ae_section ae_options ae_row">
-        <button type="submit" class="ae_btn btn btn-primary"><span class="fas fa-check"></span> Save Archive Content</button>
-
-        {#if $slct.archive_content_id}
-        <button
-            on:click={() => {
-                if (!confirm('Are you sure you want to delete this archive content?')) {return false;}
-                handle_delete_archive_content_obj({archive_content_id: $slct.archive_content_id, hosted_file_id: $slct.archive_content_obj.hosted_file_id_random});
-
-                $slct.archive_content_id = null;
-                $slct.archive_content_obj = {};
-            }}
-            class="ae_btn ae_smallest btn btn-danger" type="button">
-            <span class="fas fa-minus"></span> Delete
-        </button>
-        {/if}
-    </section>
-
-</form>
-
-</section>
-
-
-<style>
-</style>

src/10_edit__archive_obj.svelte

@@ -1,588 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher, onDestroy, onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-import { ae, api, Element_input } from 'aether_npm_lib';
-import { slct, ae_app } from './stores';
-
-const dispatch = createEventDispatcher();
-
-type key_val = {
-    [key: string]: any;
-};
-
-let create_archive_obj_promise: any;
-let delete_archive_obj_promise: any;
-let update_archive_obj_promise: any;
-
-let disable_submit_btn = true;
-
-if ($slct.archive_id) {
-    console.log(`Archive ID selected: ${$slct.archive_id}`);
-    console.log(`Archive Object selected: ${$slct.archive_obj}`)
-} else {
-    $slct.archive_id = null;
-    $slct.archive_obj = {
-        title: null,
-        content: null,
-        topic_id: null,
-        anonymous: false,
-        external_person_id: $ae_app.novi_uuid,
-        full_name: $ae_app.novi_full_name,
-        email: $ae_app.novi_email,
-
-        sort: null,
-        notes: null,
-    };
-    console.log(`Archive Object started: ${$slct.archive_obj}`)
-}
-
-
-if ($slct.archive_obj) {
-
-} else {
-    // $slct.archive_obj = {name: 'null', description: 'null'};
-    console.log(`Archive Object started: ${$slct.archive_obj}`)
-}
-
-if ($ae_app.lu_time_zone_list && $ae_app.lu_time_zone_list.length > 0) {
-    // console.log('Already have time zone list!', $ae_app.lu_time_zone_list);
-} else {
-    console.log('No time zone list');
-
-    let lu_time_zone_li_get_promise = api.get_ae_obj_li_for_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'lu', // "lu" = a lookup table
-        for_obj_type: 'time_zone',
-        enabled: null,
-        hidden: null,
-        // order_by_li: {'name': 'ASC'},
-        log_lvl: 1
-        })
-
-    .then(function (lu_time_zone_li_get_result) {
-        if (lu_time_zone_li_get_result) {
-            $ae_app.lu_time_zone_list = lu_time_zone_li_get_result;
-            console.log(`Time zone list:`, $ae_app.lu_time_zone_list);
-            console.log($ae_app.lu_time_zone_list[0]);
-            console.log($ae_app.lu_time_zone_list[10]);
-        } else {
-            console.log(`No time zones returned!`);
-            $ae_app.lu_time_zone_list = [];
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** Edit - Event Obj');
-
-    tinymce_remove(); // This seems to fix rendering issues
-    tinymce_init();
-});
-
-onDestroy(() => {
-    console.log('** Component Destroyed: ** Edit - Event Obj');
-    tinymce_remove(); // This seems like the right thing to do
-});
-
-
-// let ae_iframe_height = window.outerHeight;
-let ae_iframe_height = window.innerHeight;
-console.log(`ae_iframe_height: ${ae_iframe_height}`);
-$: if (ae_iframe_height) {
-    console.log('ae_iframe_height changed:', ae_iframe_height);
-
-    let iframe_height = ae_iframe_height; // TESTING!!!
-
-    // window.parent.postMessage({'iframe_height': `${iframe_height}px`}, "*");
-    window.parent.postMessage({'iframe_height': iframe_height}, "*");
-}
-
-
-$: if ($slct.archive_obj) {
-    console.log('Selected archive object changed?');
-    console.log($slct.archive_obj);
-
-    if ($slct.archive_obj == null) {
-        $slct.archive_obj = {title: null, content: null, name: null, description: null, notes: null, created_on: null, updated_on: null};
-    } else {
-        disable_submit_btn = false;
-    }
-
-    // ae.input_template['event']['timezone'] = 'EDT';
-}
-
-
-async function handle_submit_form(event) {
-    console.log('*** handle_submit_form() ***');
-
-    disable_submit_btn = true;
-
-    let form_data = new FormData(event.target);
-    console.log(form_data);
-
-    let form_archive_data = ae.util.extract_prefixed_form_data({prefix: null, form_data: form_data, trim_values: true, bool_tf_str: true, log_lvl: 0});
-    console.log(form_archive_data);
-
-    let archive_data: key_val = {};
-
-    if (!$slct.archive_id) {
-        archive_data['account_id_random'] = $ae_app.account_id;
-        archive_data['enable'] = true;
-    }
-
-    archive_data['name'] = form_archive_data.name;
-    if (tinyMCE.get('description')) {
-        archive_data['description'] = tinyMCE.get('description').getContent();
-    } else {
-        archive_data['description'] = form_archive_data.description;
-    }
-
-    if (tinyMCE.get('content_html')) {
-        archive_data['content_html'] = tinyMCE.get('content_html').getContent();
-    } else {
-        archive_data['content_html'] = form_archive_data.content_html;
-    }
-
-    let date_time_str = null;
-    let date_part = form_archive_data.original_datetime_date.trim();
-    let time_part = form_archive_data.original_datetime_time.trim();
-    if (date_part && time_part) {
-        date_time_str = `${date_part} ${time_part}`;
-    } else if (date_part) {
-        date_time_str = `${date_part}T00:00:00`;
-    } else if (time_part) {
-        // date_time_str = `${time_part}`;
-        date_time_str = false;
-    }
-    archive_data['original_datetime'] = date_time_str;
-
-    archive_data['original_timezone'] = form_archive_data.original_timezone;
-
-    archive_data['original_location'] = form_archive_data.original_location;
-
-    archive_data['original_url'] = form_archive_data.original_url;
-    archive_data['original_url_text'] = form_archive_data.original_url_text;
-
-    archive_data['hide'] = !!form_archive_data.hide;
-    archive_data['priority'] = !!form_archive_data.priority;
-    if (form_archive_data.sort) {
-        archive_data['sort'] = Number(form_archive_data.sort);
-    } else {
-        archive_data['sort'] = null;
-    }
-    if (form_archive_data.group) {
-        archive_data['group'] = form_archive_data.group;
-    } else {
-        archive_data['group'] = null;
-    }
-
-    if (form_archive_data.enable) {
-        archive_data['enable'] = !!form_archive_data.enable;
-    }
-
-    if (tinyMCE.get('notes')) {
-        archive_data['notes'] = tinyMCE.get('notes').getContent();
-    } else {
-        archive_data['notes'] = form_archive_data.notes;
-    }
-
-    console.log(archive_data);
-
-    if (!$slct.archive_id) {
-        create_archive_obj_promise = api.create_ae_obj_crud({
-            api_cfg: $ae_app.ae_api,
-            obj_type: 'archive',
-            fields: archive_data,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 1
-            })
-        .then(function (archive_obj_create_result) {
-            if (!archive_obj_create_result) {
-                console.log('The result was null or false.');
-                return false;
-            }
-
-            $slct.archive_id = archive_obj_create_result.obj_id_random;
-
-            dispatch(
-                'created__archive_obj',
-                {
-                    archive_id: $slct.archive_id,
-                }
-            );
-
-            return archive_obj_create_result;
-        })
-        .catch(function (error) {
-            console.log('Something went wrong.');
-            console.log(error);
-            return false;
-        });
-
-        return create_archive_obj_promise;
-
-    } else {
-        update_archive_obj_promise = api.update_ae_obj_id_crud({
-            api_cfg: $ae_app.ae_api,
-            obj_type: 'archive',
-            obj_id: $slct.archive_id,
-            fields: archive_data,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 1
-            })
-        .then(function (archive_obj_update_result) {
-            if (!archive_obj_update_result) {
-                console.log('The result was null or false.');
-                return false;
-            }
-
-            dispatch(
-                'updated__archive_obj',
-                {
-                    archive_id: $slct.archive_id,
-                }
-            );
-
-            return archive_obj_update_result;
-        })
-        .catch(function (error) {
-            console.log('Something went wrong.');
-            console.log(error);
-            return false;
-        });
-
-        return update_archive_obj_promise;
-    }
-}
-
-
-async function handle_delete_archive_obj({archive_id, method='delete'}) {
-    console.log('*** handle_delete_archive_obj() ***');
-
-    delete_archive_obj_promise = api.delete_ae_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'archive',
-        obj_id: archive_id,
-        method: method,
-        // params: params,
-        key: $ae_app.ae_api.api_crud_super_key,
-        log_lvl: 0
-        })
-    .then(function (archive_obj_delete_result) {
-        if (archive_obj_delete_result) {
-            // console.log(`Result:`, archive_obj_delete_result);
-
-            dispatch(
-                'deleted__archive_obj',
-                {
-                    archive_id: archive_id,
-                }
-            );
-        }
-    })
-    .catch(function (error) {
-        console.log('The result was null or false when trying to delete.', error);
-    });
-
-    return delete_archive_obj_promise;
-}
-
-function tinymce_init() {
-    // REFERENCE: https://www.tiny.cloud/docs/tinymce/6/basic-setup/
-    // plugins: [
-    //   'advlist', 'autolink', 'link', 'image', 'lists', 'charmap', 'preview', 'anchor', 'pagebreak',
-    //   'searchreplace', 'wordcount', 'visualblocks', 'visualchars', 'code', 'fullscreen', 'insertdatetime',
-    //   'media', 'table', 'emoticons', 'template', 'help'
-    // ],
-    // 'undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent'
-
-    // NOTE: Regular version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_regular',
-        // width: 600,
-        height: 400,
-        plugins: [ 'advlist', 'autolink', 'link', 'lists', 'anchor', 'code', 'help' ],
-        menubar: false,
-        toolbar: 'undo redo | styles | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link | code | help',
-        });
-
-    // NOTE: Basic version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_basic',
-        // width: 600,
-        height: 400,
-        plugins: [ 'lists', 'code', 'help' ],
-        menubar: false,
-        toolbar: 'undo redo | styles | bold italic | alignleft aligncenter | bullist numlist outdent indent | code | help',
-        });
-
-    // NOTE: Minimal version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_basic_200',
-        // width: 600,
-        height: 200,
-        plugins: [ 'lists', 'code', 'help' ],
-        menubar: false,
-        toolbar: 'undo redo | styles | bold italic | alignleft aligncenter | bullist numlist outdent indent | code | help',
-        });
-
-    // NOTE: Less is more version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_less_100',
-        // width: 600,
-        height: 100,
-        // plugins: [ 'lists', 'code', 'help' ],
-        menubar: false,
-        toolbar: false,
-        statusbar: false,
-        });
-
-}
-
-function tinymce_remove() {
-    tinymce.remove('.tinymce_editor.editor_regular');
-    tinymce.remove('.tinymce_editor.editor_basic');
-    tinymce.remove('.tinymce_editor.editor_basic_200');
-    tinymce.remove('.tinymce_editor.editor_less_100');
-}
-</script>
-
-
-<section
-    class="svelte_component ae_edit archive_obj"
-    class:ae_create={!$slct.archive_id}
-    bind:clientHeight={$ae_app.iframe_height_modal_body}
-    >
-
-<form on:submit|preventDefault={handle_submit_form} class="">
-
-    {#await update_archive_obj_promise}
-        <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>Saving...</div>
-    {:then}
-        {#if update_archive_obj_promise}
-            <div class="awaiting" out:fade={{ duration: 2000 }}>Finished saving</div>
-        {:else}
-            <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Nothing here yet</div> -->
-        {/if}
-    {/await}
-
-    <h3>Archive</h3>
-
-    <label for="name">Name of Archive
-        <input type="text" id="name" name="name" required max="20" value={$slct.archive_obj.name ? $slct.archive_obj.name : 'Testing!' } placeholder="Name of Archive">
-    </label>
-
-    <label for="description">Description
-        <textarea id="description" name="description" rows="6" cols="80" value={$slct.archive_obj.description ? $slct.archive_obj.description : ''} class="ae_value archive__description tinymce_editor editor_basic_200"></textarea>
-    </label>
-
-    <label for="content_html">Content (HTML)
-        <textarea id="content_html" name="content_html" rows="6" cols="80" value={$slct.archive_obj.content_html ? $slct.archive_obj.content_html : ''} class="ae_value archive__content_html tinymce_editor editor_regular"></textarea>
-    </label>
-
-    <h3>Original</h3>
-    <label for="original_datetime">Original Date/Time
-        <input type="date" id="original_datetime_date" name="original_datetime_date" value={($slct.archive_obj.original_datetime ? ae.util.iso_datetime_formatter($slct.archive_obj.original_datetime,'date_iso') : '')} placeholder="YYYY-MM-DD">
-        <input type="time" id="original_datetime_time" name="original_datetime_time" value={($slct.archive_obj.original_datetime ? ae.util.iso_datetime_formatter($slct.archive_obj.original_datetime,'time_iso') : '')} placeholder="HH:MM AM/PM">
-    </label>
-
-    <fieldset class="flex_row flex_gap_md flex_justify_around">
-        <label for="original_timezone">Original Timezone
-            {#if $ae_app.lu_time_zone_list}
-                <select name="original_timezone" id="original_timezone" required>
-                    {#each $ae_app.lu_time_zone_list as lu_timezone}
-                        <option value="{lu_timezone.name}" selected={((($slct.archive_obj.original_timezone && lu_timezone.name == $slct.archive_obj.original_timezone) || lu_timezone.name == $ae_app.current_timezone) ? 'selected' : '')}>{lu_timezone.name}</option>
-                    {/each}
-                </select>
-            {:else}
-                <input type="text" name="timezone" value={($slct.archive_obj.original_timezone ? $slct.archive_obj.original_timezone : $ae_app.current_timezone)} />
-            {/if}
-        </label>
-    </fieldset>
-
-    <!-- <label for="original_timezone">Original Timezone
-        <input type="text" id="original_timezone" name="original_timezone" value={($slct.archive_obj.original_timezone ? $slct.archive_obj.original_timezone : $ae_app.current_timezone)} placeholder="Timezone" list="timezones">
-        <datalist id="timezones">
-            <option value="UTC">UTC</option>
-            <option value="America/New_York">America/New York</option>
-            <option value="America/Chicago">America/Chicago</option>
-            <option value="America/Denver">America/Denver</option>
-            <option value="America/Phoenix">America/Phoenix</option>
-            <option value="America/Los_Angeles">America/Los Angeles</option>
-            <option value="America/Anchorage">America/Anchorage</option>
-            <option value="America/Adak">America/Adak</option>
-            <option value="Pacific/Honolulu">Pacific/Honolulu</option>
-            <option value="Pacific/Midway">Pacific/Midway</option>
-            <option value="US/Eastern">US/Eastern</option>
-            <option value="US/Central">US/Central</option>
-            <option value="US/Mountain">US/Mountain</option>
-            <option value="US/Pacific">US/Pacific</option>
-            <option value="US/Alaska">US/Alaska</option>
-            <option value="US/Hawaii">US/Hawaii</option>
-            <option value="US/Samoa">US/Samoa</option>
-            <option value="US/Aleutian">US/Aleutian</option>
-            <option value="US/Arizona">US/Arizona</option>
-            <option value="US/Michigan">US/Michigan</option>
-        </datalist>
-    </label> -->
-
-    <label for="original_location">Original Location
-        <input type="text" id="original_location" name="original_location" value={($slct.archive_obj.original_location ? $slct.archive_obj.original_location : '')} placeholder="Location">
-    </label>
-
-    <label for="original_url">Original URL
-        <input type="text" id="original_url" name="original_url" max="255" value={$slct.archive_obj.original_url ? $slct.archive_obj.original_url : '' } placeholder="URL">
-    </label>
-
-    <label for="original_url_text">Original URL Text/Title
-        <input type="text" id="original_url_text" name="original_url_text" max="255" value={$slct.archive_obj.original_url_text ? $slct.archive_obj.original_url_text : '' } placeholder="URL text or title">
-    </label>
-
-
-    <!-- <label for="topic_id">BB post topic
-    <select id="topic_id" name="topic_id">
-        <option value="">-- None --</option>
-        <option value="16">Licensing/ monitoring/ credentialing issues</option>
-        <option value="17">Return to practice</option>
-        <option value="18">Contacts/ sponsorship in my area</option>
-        <option value="19">Professional positions</option>
-        <option value="21">Announcement</option>
-    </select>
-    </label> -->
-
-    <!-- <h3>Archiveer's Information</h3>
-    <fieldset class="">
-        <legend class="">Archive as Anonymous</legend>
-        <div class="">
-            <input type="radio" class="" id="anonymous_no" name="anonymous" value="0" checked={(!$slct.archive_obj.anonymous)} required>
-            <label for="anonymous_no" class="">No, include my name and email address</label>
-        </div>
-        <div class="">
-            <input type="radio" class="" id="anonymous_yes" name="anonymous" value="1" checked={($slct.archive_obj.anonymous)} required >
-            <label for="anonymous_yes" class="">Yes, the post will be listed as Anonymous</label>
-        </div>
-    </fieldset> -->
-
-    <!-- <label for="external_person_id">Your ID
-        <input type="text" id="external_person_id" name="external_person_id" value={$slct.archive_obj.external_person_id} readonly>
-    </label>
-
-    <label for="full_name">Your name
-        <input type="text" id="full_name" name="full_name" value={$slct.archive_obj.full_name}>
-    </label>
-
-    <label for="email">Your email
-        <input type="text" name="email" value={$slct.archive_obj.email} readonly>
-    </label> -->
-
-    <!-- <h3>Archiveer's Options</h3> -->
-
-    <!-- <fieldset class="">
-        <legend class="">Official or Member Archive</legend>
-        <div class="">
-            <input type="radio" class="" id="group_official" name="group" value="official">
-            <label for="group_official" class="">Archive as Official/Leadership</label>
-        </div>
-        <div class="">
-            <input type="radio" class="" id="group_member" name="group" value="member" checked="">
-            <label for="group_member" class="">Archive as Member</label>
-        </div>
-    </fieldset> -->
-
-    <!-- <fieldset class="">
-        <legend class="">Enable Comments</legend>
-        <div class="">
-            <input type="radio" class="" id="enable_comments_no" name="enable_comments" value="0">
-            <label for="enable_comments_no" class="">No, do not allow comments</label>
-        </div>
-        <div class="">
-            <input type="radio" class="" id="enable_comments_yes" name="enable_comments" value="1" checked>
-            <label for="enable_comments_yes" class="">Yes, allow comments</label>
-        </div>
-    </fieldset> -->
-
-
-    {#if $ae_app.trusted_access}
-    <section class="ae_section archive__admin_options"> <!-- BEGIN: section archive__admin_options -->
-
-        <h3>
-            Admin Options
-            <button type="button" class="ae_btn ae_d_none_toggle ae_float_right ae_smallest btn btn-xs btn-info" on:click={() => {document.querySelector('.ae_d_none_content').classList.toggle('ae_fade_out'); document.querySelector('.ae_d_none_content').classList.toggle('ae_fade_in');}}><span class="fas fa-eye"></span> Show/Hide Admin</button>
-        </h3>
-
-        <span class="ae_d_none_content ae_fade_out">
-        <label>Hide
-            <input
-                type="checkbox"
-                name="hide"
-                id="hide"
-                bind:checked={$slct.archive_obj.hide}
-                >
-            <!-- <input type="checkbox" name="hide" value={$slct.archive_obj.hide} /> -->
-        </label>
-
-        <label>Priority
-            <input
-                type="checkbox"
-                name="priority"
-                id="priority"
-                bind:checked={$slct.archive_obj.priority}
-                >
-            <!-- <input type="checkbox" name="priority" value={$slct.archive_obj.priority} /> -->
-        </label>
-
-        <label>Sort <input type="number" name="sort" value={$slct.archive_obj.sort} /></label>
-
-        <label>Group <input type="text" name="group" value={$slct.archive_obj.group} max="100" /></label>
-
-        {#if $ae_app.administrator_access}
-        <label>Enable
-            <input
-                type="checkbox"
-                name="enable"
-                id="enable"
-                bind:checked={$slct.archive_obj.enable}
-                >
-            <!-- <input type="checkbox" name="enable" value={$slct.archive_obj.enable} checked={$slct.archive_obj.enable} /> -->
-        </label>
-        {/if}
-
-        <label>Internal Staff Notes
-        <textarea id="notes" name="notes" class="ae_value archive__notes tinymce_editor editor_basic_200" rows="2" cols="70" value={$slct.archive_obj.notes}></textarea>
-        </label>
-
-        </span> <!-- END: span ae_show_hide_content -->
-
-    </section> <!-- END: section archive__admin_options -->
-    {/if}
-
-
-    <section class="ae_section ae_options ae_row">
-        <button type="submit" class="ae_btn btn btn-primary"><span class="fas fa-check"></span> Save Archive</button>
-
-        {#if $slct.archive_id}
-        <button
-            on:click={() => {
-                if (!confirm('Are you sure you want to delete this archive?')) {return false;}
-                handle_delete_archive_obj({archive_id: $slct.archive_id});
-
-                $slct.archive_id = null;
-                $slct.archive_obj = {};
-            }}
-            class="ae_btn ae_smallest btn btn-danger" type="button">
-            <span class="fas fa-minus"></span> Delete
-        </button>
-        {/if}
-    </section>
-
-</form>
-
-</section>
-
-
-<style>
-</style>

src/10_edit__post_comment_obj.svelte

@@ -1,384 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher, onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-import { ae, api, Element_input } from 'aether_npm_lib';
-import { slct, ae_app } from './stores';
-
-export let container_class_li = [];
-
-const dispatch = createEventDispatcher();
-
-let create_post_comment_obj_promise: any;
-let delete_post_comment_obj_promise: any;
-let update_post_comment_obj_promise: any;
-
-let disable_submit_btn = true;
-
-if ($slct.post_comment_id) {
-    console.log(`Post Comment ID selected: ${$slct.post_comment_id}`);
-    console.log(`Post Comment Object selected: ${$slct.post_comment_obj}`);
-} else {
-    $slct.post_comment_id = null;
-    $slct.post_comment_obj = {
-        title: null,
-        content: null,
-        anonymous: false,
-        external_person_id: $ae_app.novi_uuid,
-        full_name: $ae_app.novi_full_name,
-        email: $ae_app.novi_email,
-
-        sort: null,
-        // notes: null,
-    };
-    console.log(`Post Comment Object started: ${$slct.post_comment_obj}`);
-}
-
-
-if ($slct.post_comment_obj) {
-
-} else {
-    // $slct.post_comment_obj = {name: 'null', description: 'null'};
-    console.log(`Post Comment Object started: ${$slct.post_comment_obj}`)
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** Edit - Posts Comment Obj');
-});
-
-
-$: if ($slct.post_comment_obj) {
-    console.log('Selected post comment object changed?');
-    console.log($slct.post_comment_obj);
-
-    if ($slct.post_comment_obj == null) {
-        $slct.post_comment_obj = {title: null, content: null, name: null, description: null, notes: null, created_on: null, updated_on: null};
-    } else {
-        disable_submit_btn = false;
-    }
-
-    // ae.input_template['event']['timezone'] = 'EDT';
-}
-
-
-async function handle_submit_form(event) {
-    console.log('*** handle_submit_form() ***');
-
-    disable_submit_btn = true;
-
-    let form_data = new FormData(event.target);
-    console.log(form_data);
-
-    let post_comment_data = ae.util.extract_prefixed_form_data({prefix: null, form_data: form_data, trim_values: true, bool_tf_str: true, log_lvl: 0});
-
-    if (!$slct.post_comment_id) {
-        post_comment_data['post_id_random'] = $slct.post_id;
-        post_comment_data['enable'] = true;
-    }
-
-    console.log(post_comment_data);
-
-    if (!$slct.post_comment_id) {
-        create_post_comment_obj_promise = api.create_ae_obj_crud({
-            api_cfg: $ae_app.ae_api,
-            obj_type: 'post_comment',
-            fields: post_comment_data,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 1
-            })
-        .then(function (post_comment_obj_create_result) {
-            if (!post_comment_obj_create_result) {
-                console.log('The result was null or false.');
-                return false;
-            }
-
-            $slct.post_comment_id = post_comment_obj_create_result;
-
-            dispatch(
-                'post_comment_obj_created',
-                {
-                    post_comment_id: $slct.post_comment_id,
-                }
-            );
-
-            return post_comment_obj_create_result;
-        })
-        .catch(function (error) {
-            console.log('Something went wrong.');
-            console.log(error);
-            return false;
-        });
-
-        return create_post_comment_obj_promise;
-
-    } else {
-        update_post_comment_obj_promise = api.update_ae_obj_id_crud({
-            api_cfg: $ae_app.ae_api,
-            obj_type: 'post_comment',
-            obj_id: $slct.post_comment_id,
-            fields: post_comment_data,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 1
-            })
-        .then(function (post_comment_obj_update_result) {
-            if (!post_comment_obj_update_result) {
-                console.log('The result was null or false.');
-                return false;
-            }
-
-            dispatch(
-                'post_comment_obj_updated',
-                {
-                    post_comment_id: $slct.post_comment_id,
-                }
-            );
-
-            return post_comment_obj_update_result;
-        })
-        .catch(function (error) {
-            console.log('Something went wrong.');
-            console.log(error);
-            return false;
-        });
-
-        return update_post_comment_obj_promise;
-    }
-}
-
-
-async function handle_delete_post_comment_obj({post_comment_id, method='disable'}) {
-    console.log('*** handle_delete_post_comment_obj() ***');
-
-    delete_post_comment_obj_promise = api.delete_ae_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'post_comment',
-        obj_id: post_comment_id,
-        method: method,
-        // params: params,
-        key: $ae_app.ae_api.api_crud_super_key,
-        log_lvl: 0
-        })
-    .then(function (post_comment_obj_delete_result) {
-        if (post_comment_obj_delete_result) {
-            // console.log(`Result:`, post_comment_obj_delete_result);
-
-            dispatch(
-                'post_comment_obj_deleted',
-                {
-                    post_comment_id: post_comment_id,
-                }
-            );
-        }
-    })
-    .catch(function (error) {
-        console.log('The result was null or false when trying to delete.', error);
-    });
-
-    return delete_post_comment_obj_promise;
-}
-</script>
-
-
-<section class="svelte_component ae_edit post_comment_obj {container_class_li.join(' ')}">
-
-<form on:submit|preventDefault={handle_submit_form} class="">
-
-    {#await update_post_comment_obj_promise}
-        <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>Saving...</div>
-    {:then}
-        {#if update_post_comment_obj_promise}
-            <div class="awaiting" out:fade={{ duration: 2000 }}>Finished saving</div>
-        {:else}
-            <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Nothing here yet</div> -->
-        {/if}
-    {/await}
-
-    <h3>Post Comment</h3>
-
-    <!-- <label for="title">Title of BB post
-    <input type="text" id="title" name="title" required max="20" value={$slct.post_comment_obj.title ? $slct.post_comment_obj.title : '' } placeholder="BB post title">
-    </label> -->
-
-    <label for="content">Content (post comment body)
-    <textarea id="content" name="content" required rows="6" cols="70" value={$slct.post_comment_obj.content ? $slct.post_comment_obj.content : ''} class="ae__post_comment__content"></textarea>
-    </label>
-
-    <h3>Poster's Information</h3>
-    <fieldset class="">
-        <legend class="">Post as Anonymous</legend>
-        <div class="">
-            <input type="radio" class="" id="anonymous_no" name="anonymous" value="0" checked={(!$slct.post_comment_obj.anonymous)} required>
-            <label for="anonymous_no" class="">No, include my name and email address</label>
-        </div>
-        <div class="">
-            <input type="radio" class="" id="anonymous_yes" name="anonymous" value="1" checked={($slct.post_comment_obj.anonymous)} required >
-            <label for="anonymous_yes" class="">Yes, the post will be listed as Anonymous</label>
-        </div>
-    </fieldset>
-
-    {#if $ae_app.trusted_access}
-    <label for="external_person_id">Your ID
-        {#if !$ae_app.trusted_access}
-            <span class="fas fa-lock" title="Field is locked"></span>
-        {:else}
-            <span class="fas fa-unlock" title="Field is unlocked"></span>
-        {/if}
-        <input
-            type="text"
-            id="external_person_id"
-            name="external_person_id"
-            value={($slct.post_comment_obj.external_person_id ? $slct.post_comment_obj.external_person_id : $ae_app.novi_uuid)}
-            readonly={!$ae_app.trusted_access}
-            >
-        <span class="ae_highlight">Primary link using the Novi API UUID</span>
-    </label>
-    {/if}
-
-    <label for="full_name">Your name
-        {#if !$ae_app.trusted_access}
-            <span class="fas fa-lock" title="Field is locked"></span>
-        {:else}
-            <span class="fas fa-unlock" title="Field is unlocked"></span>
-        {/if}
-        <input
-            type="text"
-            id="full_name"
-            name="full_name"
-            value={($slct.post_comment_obj.full_name ? $slct.post_comment_obj.full_name : $ae_app.novi_full_name)}
-            >
-    </label>
-
-    {#if $ae_app.trusted_access}
-    <label for="email">Your email
-        {#if !$ae_app.trusted_access}
-            <span class="fas fa-lock" title="Field is locked"></span>
-        {:else}
-            <span class="fas fa-unlock" title="Field is unlocked"></span>
-        {/if}
-        <input
-            type="text"
-            name="email"
-            value={($slct.post_comment_obj.email ? $slct.post_comment_obj.email : $ae_app.novi_email)}
-            readonly={!$ae_app.trusted_access}
-            >
-        <span class="ae_highlight">Secondary link using the Novi email address</span>
-    </label>
-    {/if}
-
-
-    {#if $ae_app.trusted_access}
-    <section class="ae_section post_comment__admin_options"> <!-- BEGIN: section post_comment__admin_options -->
-
-        <h3>
-            Admin Options
-            <button type="button" class="ae_btn ae_d_none_toggle ae_float_right ae_smallest btn btn-xs btn-info" on:click={() => {document.querySelector('.ae_d_none_content').classList.toggle('ae_fade_out'); document.querySelector('.ae_d_none_content').classList.toggle('ae_fade_in');}}><span class="fas fa-eye"></span> Show/Hide Admin</button>
-        </h3>
-
-        <span class="ae_d_none_content ae_fade_out">
-            <label>Hide
-                <input
-                    type="checkbox"
-                    name="hide"
-                    id="hide"
-                    bind:checked={$slct.post_comment_obj.hide}
-                    >
-            </label>
-
-            <!-- <label>Priority
-                <input
-                    type="checkbox"
-                    name="priority"
-                    id="priority"
-                    bind:checked={$slct.post_comment_obj.priority}
-                    >
-            </label> -->
-
-            <!-- <label>Sort <input type="number" name="sort" value={$slct.post_comment_obj.sort} /></label> -->
-
-            <!-- <label>Group <input type="text" name="group" value={$slct.post_comment_obj.group} max="100" /></label> -->
-
-            {#if $ae_app.administrator_access}
-            <label>Enable
-                <input
-                    type="checkbox"
-                    name="enable"
-                    id="enable"
-                    bind:checked={$slct.post_comment_obj.enable}
-                    >
-            </label>
-            {/if}
-
-        <!-- {#if $ae_app.trusted_access}
-        <label>Internal Staff Notes
-        <textarea id="notes" name="notes" class="ae_value post__notes tinymce_editor editor_basic_200" rows="2" cols="70" value={$slct.post_comment_obj.notes}></textarea>
-        </label>
-        {/if} -->
-
-        </span> <!-- END: span ae_show_hide_content -->
-
-    </section> <!-- END: section post_comment__admin_options -->
-    {/if}
-
-
-    <section class="ae_section ae_options ae_row">
-        <button type="submit" class="ae_btn btn btn-primary"><span class="fas fa-check"></span> Save Post Comment</button>
-
-        {#if $slct.post_comment_id}
-        {#if $ae_app.administrator_access}
-        <button
-            on:click={() => {
-                if (!confirm('Are you sure you want to delete this post comment?')) {return false;}
-                handle_delete_post_comment_obj({post_comment_id: $slct.post_comment_id, method: 'delete'});
-
-                $slct.post_comment_id = null;
-                $slct.post_comment_obj = {};
-            }}
-            class="ae_btn ae_smallest btn btn-danger" type="button"
-            title="Delete record permanently"
-            >
-            <span class="fas fa-minus"></span> Delete
-        </button>
-        {:else if $ae_app.trusted_access}
-        <button
-            on:click={() => {
-                if (!confirm('Are you sure you want to disable this post comment?')) {return false;}
-                handle_delete_post_comment_obj({post_comment_id: $slct.post_comment_id, method: 'disable'});
-
-                $slct.post_comment_id = null;
-                $slct.post_comment_obj = {};
-            }}
-            class="ae_btn ae_smallest btn btn-danger" type="button"
-            title="Disable record to delete"
-            >
-            <span class="fas fa-minus"></span> Delete
-        </button>
-        {:else}
-        <button
-            on:click={() => {
-                if (!confirm('Are you sure you want to hide this post comment?')) {return false;}
-                handle_delete_post_comment_obj({post_comment_id: $slct.post_comment_id, method: 'hide'});
-
-                $slct.post_comment_id = null;
-                $slct.post_comment_obj = {};
-            }}
-            class="ae_btn ae_smallest btn btn-danger" type="button"
-            title="Hide record to delete"
-            >
-            <span class="fas fa-comment-slash"></span> Delete
-        </button>
-        {/if}
-        {/if}
-    </section>
-
-</form>
-
-
-
-</section>
-
-
-<style>
-.svelte_component.ae_edit {
-    /* outline: dashed thin pink; */
-}
-</style>

src/10_edit__post_obj.svelte

@@ -1,536 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher, onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-import { ae, api, Element_input } from 'aether_npm_lib';
-import { slct, ae_app } from './stores';
-
-const dispatch = createEventDispatcher();
-
-type key_val = {
-    [key: string]: any;
-};
-
-let create_post_obj_promise: any;
-let delete_post_obj_promise: any;
-let update_post_obj_promise: any;
-
-let disable_submit_btn = true;
-
-if ($slct.post_id) {
-    console.log(`Post ID selected: ${$slct.post_id}`);
-    console.log(`Post Object selected: ${$slct.post_obj}`);
-
-    if ($slct.post_obj) {
-        // if (!$slct.post_obj.external_person_id) {
-        //     $slct.post_obj['external_person_id'] = $ae_app.novi_uuid;
-        // }
-        // if (!$slct.post_obj.full_name) {
-        //     $slct.post_obj['full_name'] = $ae_app.novi_full_name;
-        // }
-        // if (!$slct.post_obj.email) {
-        //     $slct.post_obj['email'] = $ae_app.novi_email;
-        // }
-    }
-} else {
-    $slct.post_id = null;
-    $slct.post_obj = {
-        title: null,
-        content: null,
-        topic_id: null,
-        anonymous: false,
-        external_person_id: $ae_app.novi_uuid,
-        full_name: $ae_app.novi_full_name,
-        email: $ae_app.novi_email,
-
-        sort: null,
-        notes: null,
-    };
-    console.log(`Post Object started: ${$slct.post_obj}`);
-}
-
-
-if ($slct.post_obj) {
-
-} else {
-    // $slct.post_obj = {name: 'null', description: 'null'};
-    console.log(`Post Object started: ${$slct.post_obj}`)
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** Edit - Post Obj');
-
-    // NOTE: Minimal version of the TinyMCE editor
-    tinymce.init({
-        selector: '.tinymce_editor.editor_basic_200',
-        // width: 600,
-        height: 200,
-        plugins: [ 'lists', 'code', 'help' ],
-        menubar: false,
-        toolbar: 'undo redo | styles | bold italic | alignleft aligncenter | bullist numlist outdent indent | code | help',
-        });
-});
-
-
-// let ae_iframe_height = window.outerHeight;
-let ae_iframe_height = window.innerHeight;
-console.log(`ae_iframe_height: ${ae_iframe_height}`);
-$: if (ae_iframe_height) {
-    console.log('ae_iframe_height changed:', ae_iframe_height);
-
-    let iframe_height = ae_iframe_height; // TESTING!!!
-
-    // window.parent.postMessage({'iframe_height': `${iframe_height}px`}, "*");
-    window.parent.postMessage({'iframe_height': iframe_height}, "*");
-}
-
-
-$: if ($slct.post_obj) {
-    console.log('Selected post object changed?');
-    console.log($slct.post_obj);
-
-    if ($slct.post_obj == null) {
-        $slct.post_obj = {title: null, content: null, name: null, description: null, notes: null, created_on: null, updated_on: null};
-    } else {
-        disable_submit_btn = false;
-    }
-
-    // ae.input_template['event']['timezone'] = 'EDT';
-}
-
-
-async function handle_submit_form(event) {
-    console.log('*** handle_submit_form() ***');
-    // console.log(event.target);
-
-    disable_submit_btn = true;
-
-    let form_data = new FormData(event.target);
-    // console.log(form_data);
-
-    let form_post_data = ae.util.extract_prefixed_form_data({prefix: null, form_data: form_data, trim_values: true, bool_tf_str: true, log_lvl: 2});
-    // console.log(form_post_data);
-
-    let post_data: key_val = {};
-
-    if (!$slct.post_id) {
-        post_data['account_id_random'] = $ae_app.account_id;
-        post_data['enable'] = true;
-    }
-
-    post_data['title'] = form_post_data.title;
-    if (tinyMCE.get('content')) {
-        post_data['content'] = tinyMCE.get('content').getContent();
-    } else {
-        post_data['content'] = form_post_data.content;
-    }
-
-    if (form_post_data.topic_id) {
-        post_data['topic_id'] = Number(form_post_data.topic_id);
-        // post_data['topic_id'] = form_post_data.topic_id;
-    } else {
-        post_data['topic_id'] = null;
-    }
-
-    console.log(form_post_data.anonymous);
-    console.log(typeof form_post_data.anonymous);
-
-    // console.log(Boolean(form_post_data.anonymous));
-    // console.log(Number((form_post_data.anonymous)));
-    // console.log(Boolean(Number((form_post_data.anonymous))));
-    // let anonymous_test = Boolean(form_post_data.anonymous)
-
-    // console.log(!anonymous_test);
-    // console.log(!!anonymous_test);
-    // console.log(!!!anonymous_test);
-
-    post_data['anonymous'] = form_post_data.anonymous;
-
-    post_data['external_person_id'] = form_post_data.external_person_id;
-    post_data['full_name'] = form_post_data.full_name;
-    post_data['email'] = form_post_data.email;
-
-    post_data['hide'] = !!form_post_data.hide;
-    post_data['priority'] = !!form_post_data.priority;
-    if (form_post_data.sort) {
-        post_data['sort'] = Number(form_post_data.sort);
-    } else {
-        post_data['sort'] = null;
-    }
-    if (form_post_data.group) {
-        post_data['group'] = form_post_data.group;
-    } else {
-        post_data['group'] = null;
-    }
-
-    if (form_post_data.enable) {
-        post_data['enable'] = !!form_post_data.enable;
-    }
-
-    if (tinyMCE.get('notes')) {
-        post_data['notes'] = tinyMCE.get('notes').getContent();
-    } else {
-        post_data['notes'] = form_post_data.notes;
-    }
-
-    console.log(post_data);
-
-    if (!$slct.post_id) {
-        create_post_obj_promise = api.create_ae_obj_crud({
-            api_cfg: $ae_app.ae_api,
-            obj_type: 'post',
-            fields: post_data,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 1
-            })
-        .then(function (post_obj_create_result) {
-            if (!post_obj_create_result) {
-                console.log('The result was null or false.');
-                return false;
-            }
-
-            $slct.post_id = post_obj_create_result.obj_id_random;
-
-            dispatch(
-                'created__post_obj',
-                {
-                    post_id: $slct.post_id,
-                }
-            );
-
-            return post_obj_create_result;
-        })
-        .catch(function (error) {
-            console.log('Something went wrong.');
-            console.log(error);
-            return false;
-        });
-
-        return create_post_obj_promise;
-
-    } else {
-        update_post_obj_promise = api.update_ae_obj_id_crud({
-            api_cfg: $ae_app.ae_api,
-            obj_type: 'post',
-            obj_id: $slct.post_id,
-            fields: post_data,
-            key: $ae_app.ae_api.api_crud_super_key,
-            log_lvl: 1
-            })
-        .then(function (post_obj_update_result) {
-            if (!post_obj_update_result) {
-                console.log('The result was null or false.');
-                return false;
-            }
-
-            dispatch(
-                'updated__post_obj',
-                {
-                    post_id: $slct.post_id,
-                }
-            );
-
-            return post_obj_update_result;
-        })
-        .catch(function (error) {
-            console.log('Something went wrong.');
-            console.log(error);
-            return false;
-        });
-
-        return update_post_obj_promise;
-    }
-}
-
-
-async function handle_delete_post_obj({post_id, method='disable'}) {
-    console.log('*** handle_delete_post_obj() ***');
-
-    delete_post_obj_promise = api.delete_ae_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'post',
-        obj_id: post_id,
-        method: method,
-        // params: params,
-        key: $ae_app.ae_api.api_crud_super_key,
-        log_lvl: 0
-        })
-    .then(function (post_obj_delete_result) {
-        if (post_obj_delete_result) {
-            // console.log(`Result:`, post_obj_delete_result);
-
-            dispatch(
-                'deleted__post_obj',
-                {
-                    post_id: post_id,
-                }
-            );
-        }
-    })
-    .catch(function (error) {
-        console.log('The result was null or false when trying to delete.', error);
-    });
-
-    return delete_post_obj_promise;
-}
-</script>
-
-
-<section
-    class="svelte_component ae_edit post_obj"
-    class:ae_create={!$slct.post_id}
-    bind:clientHeight={$ae_app.iframe_height_modal_body}
-    >
-
-<form on:submit|preventDefault={handle_submit_form} class="">
-
-    {#await update_post_obj_promise}
-        <div class="awaiting alert_msg_pulse" out:fade={{ duration: 2000 }}>Saving...</div>
-    {:then}
-        {#if update_post_obj_promise}
-            <div class="awaiting" out:fade={{ duration: 2000 }}>Finished saving</div>
-        {:else}
-            <!-- <div class="awaiting" out:fade={{ duration: 2000 }}>Nothing here yet</div> -->
-        {/if}
-    {/await}
-
-    <h3>Post</h3>
-
-    <label for="title">Title of BB post
-        <input type="text" id="title" name="title" required max="20" value={$slct.post_obj.title ? $slct.post_obj.title : '' } placeholder="BB post title">
-    </label>
-
-    <label for="content">Content (post body)
-        <textarea id="content" name="content" required rows="6" cols="80" value={$slct.post_obj.content ? $slct.post_obj.content : ''} class="ae_value post__content tinymce_editor editor_basic_200"></textarea>
-    </label>
-
-    <label for="topic_id">BB post topic
-    <select id="topic_id" name="topic_id" value={$slct.post_obj.topic_id}>
-        <option value="">-- None --</option>
-        <option value={16}>Licensing/ monitoring/ credentialing issues</option>
-        <option value={17}>Return to practice</option>
-        <option value={18}>Contacts/ sponsorship in my area</option>
-        <option value={19}>Professional positions</option>
-        <option value={21}
-            disabled={!$ae_app.trusted_access}
-            >
-            Announcement
-        </option>
-    </select>
-    </label>
-
-    <h3>Poster's Information</h3>
-    <fieldset class="">
-        <legend class="">Post as Anonymous</legend>
-        <div class="">
-            <input
-                type="radio"
-                id="anonymous_no"
-                name="anonymous"
-                value={false}
-                bind:group={$slct.post_obj.anonymous}
-
-                >
-            <label for="anonymous_no">No, include my name and email address</label>
-        </div>
-        <div class="">
-            <input
-                type="radio"
-                id="anonymous_yes"
-                name="anonymous"
-                value={true}
-                bind:group={$slct.post_obj.anonymous}
-
-                >
-            <label for="anonymous_yes">Yes, the post will be listed as Anonymous</label>
-        </div>
-    </fieldset>
-
-    {#if $ae_app.trusted_access}
-    <label for="external_person_id">Your ID
-        {#if !$ae_app.trusted_access}
-            <span class="fas fa-lock" title="Field is locked"></span>
-        {:else}
-            <span class="fas fa-unlock" title="Field is unlocked"></span>
-        {/if}
-        <input
-            type="text"
-            id="external_person_id"
-            name="external_person_id"
-            value={($slct.post_obj.external_person_id ? $slct.post_obj.external_person_id : $ae_app.novi_uuid)}
-            readonly={!$ae_app.trusted_access}
-            >
-        <span class="ae_highlight">Primary link using the Novi API UUID</span>
-    </label>
-    {/if}
-
-    <label for="full_name">Your name
-        {#if !$ae_app.trusted_access}
-            <span class="fas fa-lock" title="Field is locked"></span>
-        {:else}
-            <span class="fas fa-unlock" title="Field is unlocked"></span>
-        {/if}
-        <input
-            type="text"
-            id="full_name"
-            name="full_name"
-            value={($slct.post_obj.full_name ? $slct.post_obj.full_name : $ae_app.novi_full_name)}
-            readonly={!$ae_app.trusted_access}
-            >
-    </label>
-
-    {#if $ae_app.trusted_access}
-    <label for="email">Your email
-        {#if !$ae_app.trusted_access}
-            <span class="fas fa-lock" title="Field is locked"></span>
-        {:else}
-            <span class="fas fa-unlock" title="Field is unlocked"></span>
-        {/if}
-        <input
-            type="text"
-            name="email"
-            value={($slct.post_obj.email ? $slct.post_obj.email : $ae_app.novi_email)}
-            readonly={!$ae_app.trusted_access}
-            >
-        <span class="ae_highlight">Secondary link using the Novi email address</span>
-    </label>
-    {/if}
-
-    <!-- <h3>Poster's Options</h3> -->
-
-    <!-- <fieldset class="">
-        <legend class="">Official or Member Post</legend>
-        <div class="">
-            <input type="radio" class="" id="group_official" name="group" value="official">
-            <label for="group_official" class="">Post as Official/Leadership</label>
-        </div>
-        <div class="">
-            <input type="radio" class="" id="group_member" name="group" value="member" checked="">
-            <label for="group_member" class="">Post as Member</label>
-        </div>
-    </fieldset> -->
-
-    <!-- <fieldset class="">
-        <legend class="">Enable Comments</legend>
-        <div class="">
-            <input type="radio" class="" id="enable_comments_no" name="enable_comments" value="0">
-            <label for="enable_comments_no" class="">No, do not allow comments</label>
-        </div>
-        <div class="">
-            <input type="radio" class="" id="enable_comments_yes" name="enable_comments" value="1" checked>
-            <label for="enable_comments_yes" class="">Yes, allow comments</label>
-        </div>
-    </fieldset> -->
-
-
-    {#if $ae_app.trusted_access}
-    <section class="ae_section post__admin_options"> <!-- BEGIN: section post__admin_options -->
-
-        <h3>
-            Admin Options
-            <button type="button" class="ae_btn ae_d_none_toggle ae_float_right ae_smallest btn btn-xs btn-info" on:click={() => {document.querySelector('.ae_d_none_content').classList.toggle('ae_fade_out'); document.querySelector('.ae_d_none_content').classList.toggle('ae_fade_in');}}><span class="fas fa-eye"></span> Show/Hide Admin</button>
-        </h3>
-
-        <span class="ae_d_none_content ae_fade_out">
-        <label>Hide
-            <input
-                type="checkbox"
-                name="hide"
-                id="hide"
-                bind:checked={$slct.post_obj.hide}
-                >
-        </label>
-
-        <label>Priority
-            <input
-                type="checkbox"
-                name="priority"
-                id="priority"
-                bind:checked={$slct.post_obj.priority}
-                >
-        </label>
-
-        <label>Sort <input type="number" name="sort" value={$slct.post_obj.sort} /></label>
-
-        <label>Group <input type="text" name="group" value={$slct.post_obj.group} max="100" /></label>
-
-        {#if $ae_app.administrator_access}
-        <label>Enable
-            <input
-                type="checkbox"
-                name="enable"
-                id="enable"
-                bind:checked={$slct.post_obj.enable}
-                >
-        </label>
-        {/if}
-
-        {#if $ae_app.trusted_access}
-        <label>Internal Staff Notes
-        <textarea id="notes" name="notes" class="ae_value post__notes tinymce_editor editor_basic_200" rows="2" cols="70" value={$slct.post_obj.notes}></textarea>
-        </label>
-        {/if}
-
-        </span> <!-- END: span ae_show_hide_content -->
-
-    </section> <!-- END: section post__admin_options -->
-    {/if}
-
-
-    <section class="ae_section ae_options ae_row">
-        <button type="submit" class="ae_btn btn btn-primary"><span class="fas fa-check"></span> Save Post</button>
-
-        {#if $slct.post_id}
-        {#if $ae_app.administrator_access}
-        <button
-            on:click={() => {
-                if (!confirm('Are you sure you want to delete this post?')) {return false;}
-                handle_delete_post_obj({post_id: $slct.post_id, method: 'delete'});
-
-                $slct.post_id = null;
-                $slct.post_obj = {};
-            }}
-            class="ae_btn ae_smallest btn btn-danger" type="button"
-            title="Delete record permanently"
-            >
-            <span class="fas fa-minus"></span> Delete
-        </button>
-        {:else if $ae_app.trusted_access}
-        <button
-            on:click={() => {
-                if (!confirm('Are you sure you want to disable this post?')) {return false;}
-                handle_delete_post_obj({post_id: $slct.post_id, method: 'disable'});
-
-                $slct.post_id = null;
-                $slct.post_obj = {};
-            }}
-            class="ae_btn ae_smallest btn btn-danger" type="button"
-            title="Disable record to delete"
-            >
-            <span class="fas fa-minus"></span> Disable
-        </button>
-        {:else}
-        <button
-            on:click={() => {
-                if (!confirm('Are you sure you want to hide this post?')) {return false;}
-                handle_delete_post_obj({post_id: $slct.post_id, method: 'hide'});
-
-                $slct.post_id = null;
-                $slct.post_obj = {};
-            }}
-            class="ae_btn ae_smallest btn btn-danger" type="button"
-            title="Hide record to delete"
-            >
-            <span class="fas fa-comment-slash"></span> Delete
-        </button>
-        {/if}
-        {/if}
-    </section>
-
-</form>
-
-</section>
-
-
-<style>
-</style>

src/10_hub__site_menu.svelte

@@ -1,63 +0,0 @@
-<script lang="ts">
-
-// *** Import Svelte core
-import { onMount } from 'svelte';
-
-import { slct, slct_trigger, ae_app, ae_session } from './stores';
-
-
-onMount(() => {
-    console.log('** Component Mounted: ** OSIT - AE Hub: Site Menu');
-});
-
-</script>
-
-
-<nav>
-{#if $ae_session.site_nav_menu}
-    <ul>
-        {#each Object.entries($ae_session.site_nav_menu) as [name, menu_item]}
-            <li>
-                <a href={menu_item.href} class={menu_item.class_li}>{@html menu_item.text}</a>
-            </li>
-        {/each}
-    </ul>
-{/if}
-</nav>
-
-
-<style>
-nav {
-    /* outline: dashed thick red; */
-    /* background-color: hsla(0, 0%, 100%, 0.85); */
-    /* padding: .5em 1em; */
-
-    display: flex;
-    justify-content: space-between;
-}
-nav ul {
-    list-style-type: none;
-    padding: 0;
-
-    width: 100%;
-
-    display: flex;
-    justify-content: space-around;
-}
-nav ul li {
-    /* display: inline; */
-    /* margin-right: 1em; */
-}
-nav ul li a {
-    text-decoration: none;
-}
-nav ul li a:hover {
-    text-decoration: underline;
-}
-nav ul li a.active {
-    font-weight: bold;
-}
-nav ul li a.active:hover {
-    text-decoration: none;
-}
-</style>

src/10_list__archive_content_obj.svelte

@@ -1,489 +0,0 @@
-<script lang="ts">
-// *** Import Svelte core
-import { onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-// *** Import Aether core variables and functions
-import { ae, api, Element_modal_v3 } from 'aether_npm_lib';
-import { slct, ae_app, slct_trigger } from './stores';
-
-import Edit_archive_content_obj from './10_edit__archive_content_obj.svelte';
-import Player_archive_content_obj from './10_player__archive_content_obj.svelte';
-
-let idaa_archive_content_obj_li_get_promise: Promise<any>;
-let idaa_archive_content_obj_get_promise: Promise<any>;
-
-let file_icons:any = {}
-file_icons['ac3'] = 'file-audio';
-file_icons['aac'] = 'file-audio';
-file_icons['csv'] = 'file-csv';
-file_icons['doc'] = 'file-word';
-file_icons['docx'] = 'file-word';
-file_icons['gif'] = 'file-image';
-file_icons['htm'] = 'file-code';
-file_icons['html'] = 'file-code';
-file_icons['jpeg'] = 'file-image';
-file_icons['jpg'] = 'file-image';
-file_icons['key'] = 'file-powerpoint';
-file_icons['mkv'] = 'file-video';
-file_icons['mov'] = 'file-video';
-file_icons['mp3'] = 'file-audio';
-file_icons['mp4'] = 'file-video';
-file_icons['pdf'] = 'file-pdf';
-file_icons['png'] = 'file-image';
-file_icons['ppt'] = 'file-powerpoint';
-file_icons['pptx'] = 'file-powerpoint';
-file_icons['txt'] = 'file-alt';
-file_icons['wav'] = 'file-audio';
-file_icons['webp'] = 'file-image';
-file_icons['xls'] = 'file-excel';
-file_icons['xlsx'] = 'file-excel';
-file_icons['zip'] = 'file-archive';
-
-let media_play_extension_li = ['m4a', 'mp4', 'mp3'];
-
-onMount(() => {
-    console.log('** Component Mounted: ** List - Archive Content Obj Li');
-});
-
-$: if ($slct_trigger == 'load__archive_content_obj_li' && $slct.archive_id) {
-    $slct_trigger = null;
-
-    handle_load_archive_content_obj_li({archive_id: $slct.archive_id, try_cache: false});
-}
-
-async function handle_load_archive_content_obj_li({archive_id, try_cache=false}) {
-    console.log('*** handle_load_archive_content_obj_li() ***');
-
-    let enabled = $ae_app.archives.enabled;
-    let hidden = $ae_app.archives.hidden;
-    let limit = $ae_app.archives.limit;
-    let offset = $ae_app.archives.offset;
-    // $ae_app.archives.content_group_sort = 'DESC'; // 'ASC' or 'DESC'
-    let group_sort =  $ae_app.archives.content_group_sort; // 'ASC' or 'DESC'
-
-    let params = {};
-
-    idaa_archive_content_obj_li_get_promise = api.get_ae_obj_li_for_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'archive_content',
-        for_obj_type: 'archive',
-        for_obj_id: archive_id,
-        enabled: enabled,
-        hidden: hidden,
-        order_by_li: {'group': group_sort, 'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'created_on': 'DESC', 'updated_on': 'DESC'},
-        limit: limit,
-        offset: offset,
-        params_json: null,
-        params: params,
-        log_lvl: 0
-        })
-    .then(function (archive_content_obj_li_get_result) {
-        if (archive_content_obj_li_get_result) {
-            $slct.archive_content_obj_li = archive_content_obj_li_get_result;
-            console.log(`Archive Content list:`, $slct.archive_content_obj_li);
-
-            // console.log(ae.dynamic_sort());
-            // $slct.archive_content_obj_li.sort(ae.util.dynamic_sort_multiple('group ASC', 'created_on DESC', 'updated_on DESC'));
-        } else {
-            $slct.archive_content_obj_li = [];
-        }
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return idaa_archive_content_obj_li_get_promise;
-}
-
-
-$: if ($slct_trigger == 'load__archive_content_obj' && $slct.archive_content_id) {
-    $slct_trigger = null;
-
-    handle_load_archive_content_obj({archive_content_id: $slct.archive_content_id, try_cache: false});
-}
-
-
-async function handle_load_archive_content_obj({archive_content_id, try_cache=false}) {
-    console.log('*** handle_load_archive_content_obj() ***');
-
-    let params = {};
-
-    idaa_archive_content_obj_get_promise = api.get_ae_obj_id_crud({
-        api_cfg: $ae_app.ae_api,
-        obj_type: 'archive_content',
-        obj_id: archive_content_id,
-        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
-        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
-        params: params,
-        log_lvl: 0
-        })
-    .then(function (archive_content_obj_get_result) {
-        if (archive_content_obj_get_result) {
-            $slct.archive_content_obj = archive_content_obj_get_result;
-            console.log(`Archive object:`, $slct.archive_content_obj);
-        }
-
-        // handle_resize_document();
-    })
-    .catch(function (error) {
-        console.log('No results returned or failed.', error);
-    });
-
-    return idaa_archive_content_obj_get_promise;
-}
-
-function handle_created_archive_content_obj(event) {
-    console.log('*** handle_created_archive_content_obj() ***');
-    console.log(event.detail);
-
-    $slct_trigger = 'load__archive_content_obj_li';
-
-    $ae_app.archives.show_list__event_obj_li = true;
-    $ae_app.archives.show_edit__archive_content_id = false;
-    $ae_app.archives.show_view__archive_content_id = false;
-}
-
-function handle_updated_archive_content_obj(event) {
-    console.log('*** handle_updated_archive_content_obj() ***');
-    console.log(event.detail);
-
-    $slct_trigger = 'load__archive_content_obj_li';
-
-    $ae_app.archives.show_list__event_obj_li = true;
-    $ae_app.archives.show_edit__archive_content_id = false;
-    $ae_app.archives.show_view__archive_content_id = false;
-}
-
-function handle_deleted_archive_content_obj(event) {
-    console.log('*** handle_deleted_archive_content_obj() ***');
-    console.log(event.detail);
-
-    $slct_trigger = 'load__archive_content_obj_li';
-
-    $ae_app.archives.show_list__event_obj_li = true;
-    $ae_app.archives.show_edit__archive_content_id = false;
-    $ae_app.archives.show_view__archive_content_id = false;
-}
-</script>
-
-
-<section class="svelte_component ae_section ae_list archive_content_obj_li list__archive_content_obj">
-{#if $slct.archive_content_obj_li}
-
-{#each $slct.archive_content_obj_li as idaa_archive_content_obj, index}
-<!-- {#each $slct.archive_content_obj_li.sort(ae.util.dynamic_sort_multiple('group ASC', 'priority DESC')) as idaa_archive_content_obj, index} -->
-{#if idaa_archive_content_obj.group && idaa_archive_content_obj.group != $slct.archive_content_obj_li[index - 1]?.group}
-    <div class="ae_row archive_content__group">
-        <button
-            class="ae_btn btn btn-info ae_margin_sm"
-            on:click={() => {
-                if ($ae_app.archives.show_list__archive_content_li_group == idaa_archive_content_obj.group) {
-                    $ae_app.archives.show_list__archive_content_li_group = null;
-                } else {
-                    $ae_app.archives.show_list__archive_content_li_group = idaa_archive_content_obj.group;
-                }
-            }}
-            >
-            {#if $ae_app.archives.show_list__archive_content_li_group == idaa_archive_content_obj.group}
-                <span class="fas fa-caret-down" in:fade={{ duration: 250 }}
-                out:fade={{ duration: 0 }}></span>
-                <!-- <span class="fas fa-minus"></span> -->
-                <span class="ae_label">Hide:</span>
-            {:else}
-                <span class="fas fa-caret-right" in:fade={{ duration: 250 }}
-                out:fade={{ duration: 0 }}></span>
-                <!-- <span class="fas fa-plus"></span> -->
-                <span class="ae_label">Show:</span>
-            {/if}
-            <!-- <span class="fas fa-caret-down"></span> -->
-            <!-- <span class="ae_label">Show:</span> -->
-            <span class="ae_value">{idaa_archive_content_obj.group}</span>
-        </button>
-    </div>
-{/if}
-{#if $ae_app.archives.show_list__archive_content_li_group == idaa_archive_content_obj.group}
-<!-- class:ae_d_none={$ae_app.archives.show_list__archive_content_li_group != idaa_archive_content_obj.group} -->
-    <div
-        id={`idaa_archive_content_id__${idaa_archive_content_obj.archive_content_id_random}`}
-        class="container archive_content ae_object archive_content_obj"
-        class:archive__content_type={idaa_archive_content_obj.type}
-
-        in:fade={{ duration: 125 }}
-        out:fade={{ duration: 250 }}
-        >
-
-        <header class="ae_header archive_content__header">
-            <h3>
-                <span class="archive_content__name">{idaa_archive_content_obj.name}</span>
-
-                {#if idaa_archive_content_obj.type}<span class="badge badge-info bg-info"><span class="fas fa-user-md"></span> {idaa_archive_content_obj.type}</span>{/if}
-
-                {#if $ae_app.trusted_access && idaa_archive_content_obj.hide}<span class="badge badge-warning"><span class="fas fa-exclamation-triangle"></span> Hidden</span>{/if}
-                {#if $ae_app.administrator_access && !idaa_archive_content_obj.enable}<span class="badge badge-warning"><span class="fas fa-exclamation-triangle"></span> Not enabled</span>{/if}
-            </h3>
-        </header>
-
-        <section class="ae_options archive_content_obj__options">
-            {#if idaa_archive_content_obj.archive_content_id_random != $ae_app.archives.show_view__archive_content_media}
-            <button
-                on:click={ () => {
-                    $slct.archive_content_id = idaa_archive_content_obj.archive_content_id_random;
-                    $slct.archive_content_obj = idaa_archive_content_obj;
-                    $ae_app.archives.show_view__archive_content_media = $slct.archive_content_id;
-                    // idaa_archive_content_obj.show_view__archive_content_media = true;
-                }}
-                class="ae_btn btn_md btn btn-md btn-primary"
-                title="Open this file">
-                {#if media_play_extension_li.includes( idaa_archive_content_obj.file_extension)}
-                    <span class="fas fa-play"></span>
-                        Play <!-- This really should check the file type: view, show, play, listen, watch -->
-                {:else}
-                    <span class="fas fa-eye"></span>
-                        View
-                {/if}
-                <span class="badge">
-                    {#if file_icons[idaa_archive_content_obj.file_extension]}
-                        <span class="fas fa-{file_icons[idaa_archive_content_obj.file_extension]}"></span>
-                    {:else}
-                        <span class="fas fa-file"></span>
-                    {/if}
-                .{idaa_archive_content_obj.file_extension}</span>
-            </button>
-            {:else}
-            <button
-                on:click={ () => {
-                    $slct.archive_content_id = idaa_archive_content_obj.archive_content_id_random;
-                    $slct.archive_content_obj = idaa_archive_content_obj;
-
-                    $ae_app.archives.show_view__archive_content_media = false;
-                    // idaa_archive_content_obj.show_view__archive_content_media = false;
-                }}
-                class="ae_btn btn_md btn btn-md btn-secondary"
-                title="Hide this file">
-                <span class="fas fa-play"></span>
-                    Hide <!-- This really should check the file type: view, show, play, listen, watch -->
-                <span class="badge">
-                    {#if file_icons[idaa_archive_content_obj.file_extension]}
-                        <span class="fas fa-{file_icons[idaa_archive_content_obj.file_extension]}"></span>
-                    {:else}
-                        <span class="fas fa-file"></span>
-                    {/if}
-                .{idaa_archive_content_obj.file_extension}</span>
-            </button>
-            {/if}
-
-            {#if $ae_app.trusted_access}
-                <a href="{$ae_app.app.base_url}{idaa_archive_content_obj.hosted_file_path}" class="ae_btn btn_md btn btn-md btn-secondary" title="Download this file">
-                    <span class="fas fa-download"></span>
-                        Download <!-- This really should check the file type: view, show, play, listen, watch -->
-                    <span class="badge">
-                        {#if file_icons[idaa_archive_content_obj.file_extension]}
-                            <span class="fas fa-{file_icons[idaa_archive_content_obj.file_extension]}"></span>
-                        {:else}
-                            <span class="fas fa-file"></span>
-                        {/if}
-                    .{idaa_archive_content_obj.file_extension}</span>
-                </a>
-            {/if}
-
-            {#if $ae_app.trusted_access}
-                <button
-                    on:click={() => {
-                        $slct.archive_content_id = idaa_archive_content_obj.archive_content_id_random;
-                        $slct.archive_content_obj = idaa_archive_content_obj;
-                        $slct_trigger = 'load__archive_content_obj';
-
-                        // const url = new URL(location);
-                        // url.searchParams.set('archive_content_id', idaa_archive_content_obj.archive_content_id_random);
-                        // history.pushState({}, '', url);
-
-                        // $ae_app.archives.show_main__options = true;
-                        // $ae_app.archives.show_list__archive_content_li = true;
-                        // $ae_app.archives.show_view__archive_content_id = false;
-                        $ae_app.archives.show_view__archive_content_media = false;
-                        $ae_app.archives.show_edit__archive_content_id = true;
-                    }}
-                    class="ae_btn ae_smallest btn btn-warning"
-                    title={`Edit content: ${idaa_archive_content_obj.name}`}
-                    >
-                    <span class="fas fa-edit"></span> Edit Content
-                </button>
-                <!-- <button
-                    on:click={() => {
-                        // Copy URL to clipboard
-                        // Is there a URL anymore?
-                        // const copy_text = document.getElementById(`archive_edit_url_${idaa_archive_content_obj.archive_content_id_random}`);
-                    }}
-                    class="ae_btn btn_sm btn_outline_info archive_edit_help"
-                    >
-                    <span class="fas fa-link"></span> URL
-                </button> -->
-            {/if}
-        </section>
-
-
-        <!-- Doing some checks before the media player/viewer shows. The player should be the only one showing. So there is a sort of global check first. -->
-        {#if idaa_archive_content_obj.archive_content_id_random == $ae_app.archives.show_view__archive_content_media}
-            <Player_archive_content_obj archive_content_id={idaa_archive_content_obj.archive_content_id_random} />
-        {/if}
-
-
-        <section class="ae_section archive_content__content">
-            {#if idaa_archive_content_obj.description}
-            <div
-                class="archive_content__description ae_description"
-                >
-                <div class="ae_label archive_content__description">Description:</div>
-                <div class="ae_value archive_content__description">
-                    {idaa_archive_content_obj.description}
-                </div>
-            </div>
-            {/if}
-
-            {#if idaa_archive_content_obj.content_html}
-            <div
-                class="archive_content__content_html ae_content_html"
-                >
-                <div class="ae_label archive_content__content_html">Content:</div>
-                <div class="ae_value archive_content__content_html">
-                    {@html idaa_archive_content_obj.content_html}
-                </div>
-            </div>
-            {/if}
-
-            <div
-                class="ae_group"
-                class:ae_d_none={!idaa_archive_content_obj.original_datetime && !idaa_archive_content_obj.original_timezone}
-                >
-                <span class="ae_label">Original date/time:</span>
-                {#if idaa_archive_content_obj.original_datetime}
-                    <span class="ae_value ae_prop prop_original_datetime fs_smaller">{ae.util.iso_datetime_formatter(idaa_archive_content_obj.original_datetime, 'datetime_long')}</span>
-                {/if}
-                {#if idaa_archive_content_obj.original_timezone}
-                    <span class="ae_label">Timezone:</span>
-                    <span class="ae_value">{idaa_archive_content_obj.original_timezone}</span>
-                {/if}
-            </div>
-
-        </section>
-
-
-        <section
-            class="ae_section ae_footer ae_meta archive_content__meta"
-            class:ae_d_none={!$ae_app.administrator_access}
-            >
-            <span
-                class="archive_content__archive_content_type"
-                class:ae_d_none={!idaa_archive_content_obj.archive_content_type}
-                >
-                Type: {idaa_archive_content_obj.archive_content_type}
-            </span>
-            <span class="ae_group">
-                <span
-                    class="archive_content__created_on"
-                    >
-                    Created on: {ae.util.iso_datetime_formatter(idaa_archive_content_obj.created_on, 'datetime_short')}
-                </span>
-                <span
-                    class="archive_content__updated_on"
-                    class:ae_d_none={!idaa_archive_content_obj.updated_on}
-                    >
-                    Updated on: {ae.util.iso_datetime_formatter(idaa_archive_content_obj.updated_on, 'datetime_short')}
-                </span>
-            </span>
-        </section>
-    </div>
-{/if}
-{/each}
-
-{:else}
-    <div>No archives avalible to show at this time</div>
-{/if}
-</section>
-
-
-{#if $ae_app.archives.show_edit__archive_content_id}
-<!-- <section class="ae_edit archive_content_obj archive_content_id idaa_archive_content_id_edit"> -->
-<Element_modal_v3
-        show = { true }
-        modal_cover_body = { false }
-        on:close={ () => {
-            $slct.archive_content_id = null;
-            $slct.archive_content_obj = {};
-
-            // $ae_app.archives.show_main__options = true;
-            // $ae_app.archives.show_list__archive_content_li = true;
-            $ae_app.archives.show_view__archive_content_media = false;
-            $ae_app.archives.show_edit__archive_content_id = false;
-            // $ae_app.archives.show_view__archive_content_id = false;
-
-            const url = new URL(location);
-            url.searchParams.delete('archive_content_id');
-            history.pushState({}, '', url);
-
-            let message = {'archive_content_id': null};
-            window.parent.postMessage(message, "*");
-        }}
-        >
-    <span slot="header_title">{@html ($slct.archive_content_obj.name ? $slct.archive_content_obj.name : 'New Archive Content')}</span>
-
-    <span slot="body">
-
-        <Edit_archive_content_obj
-            on:created__archive_content_obj={handle_created_archive_content_obj}
-            on:updated__archive_content_obj={handle_updated_archive_content_obj}
-            on:deleted__archive_content_obj={handle_deleted_archive_content_obj}
-            />
-
-    </span>
-</Element_modal_v3>
-<!-- </section> -->
-{/if}
-
-
-<style>
-.ae_label {
-    font-size: smaller;
-}
-.ae_value {
-    font-weight: bold;
-}
-
-.ae_header h3 {
-    font-size: 1.2em;
-    margin: 0;
-    /* padding: 0; */
-}
-
-.ae_row.archive_content__group {
-    width: 100%;
-}
-.ae_row.archive_content__group button {
-    width: 100%;
-}
-.ae_value.archive_content__group {
-    font-size: 1.4em;
-    font-weight: bold;
-    margin: 0;
-    padding: 0;
-
-    text-align: center;
-
-    border-bottom: solid thin black;
-}
-
-.archive_content_obj .ae_meta {
-    flex-direction: column;
-    /* justify-content: space-between; */
-}
-
-.archive_content_obj .ae_meta .ae_group {
-    flex-direction: row;
-}
-
-.archive_content_obj .ae_meta .ae_options {
-    flex-direction: row;
-    justify-content: space-between;
-}
-</style>

src/10_list__archive_obj.svelte

@@ -1,151 +0,0 @@
-<script lang="ts">
-// *** Import Svelte core
-import { onMount } from 'svelte';
-
-// *** Import Aether core variables and functions
-import { ae } from 'aether_npm_lib';
-import { slct, ae_app, slct_trigger } from './stores';
-
-onMount(() => {
-    console.log('** Component Mounted: ** List - Archive Obj Li');
-});
-</script>
-
-
-<section class="svelte_component ae_section ae_list archive_obj_li list__archive_obj archive_list">
-{#if $slct.archive_obj_li}
-
-{#each $slct.archive_obj_li as idaa_archive_obj, index}
-    <div
-        id={`idaa_archive_id__${idaa_archive_obj.archive_id_random}`}
-        class="archive ae_object archive_obj"
-        >
-
-        <div class="ae_header archive__header">
-            <span class="archive__name">{idaa_archive_obj.name}</span>
-            {#if idaa_archive_obj.original_location}
-                <span>(
-                    <!-- <span class="ae_label">Location:</span> -->
-                    <span class="ae_value">{idaa_archive_obj.original_location}</span>
-                )
-                </span>
-            {/if}
-
-            {#if $ae_app.trusted_access && idaa_archive_obj.hide}<span class="badge badge-warning"><span class="fas fa-exclamation-triangle"></span> Hidden</span>{/if}
-            {#if $ae_app.administrator_access && !idaa_archive_obj.enable}<span class="badge badge-warning"><span class="fas fa-exclamation-triangle"></span> Not enabled</span>{/if}
-        </div>
-
-        <div class="ae_options archive_obj__options">
-            <button
-                on:click={() => {
-                    $slct.archive_id = idaa_archive_obj.archive_id_random;
-                    $slct.archive_obj = idaa_archive_obj;
-                    $ae_app.archives.content_group_sort = $slct.archive_obj.cfg_json.content_group_sort;
-                    $slct_trigger = 'load__archive_obj';
-
-                    $ae_app.archives.show_main__options = true;
-                    $ae_app.archives.show_list__archive_obj_li = false;
-                    $ae_app.archives.show_view__archive_obj = true;
-                    $ae_app.archives.show_edit__archive_obj = false;
-                }}
-                class="btn btn-secondary"
-                title={`View: ${idaa_archive_obj.name}`}
-                >
-                <span class="fas fa-envelope-open"></span> Open
-            </button>
-
-            {#if $ae_app.trusted_access}
-                <button
-                    on:click={() => {
-                        $slct.archive_id = idaa_archive_obj.archive_id_random;
-                        $slct.archive_obj = idaa_archive_obj;
-                        $slct_trigger = 'load__archive_obj';
-
-                        // $ae_app.archives.show_main__options = true;
-                        // $ae_app.archives.show_list__archive_obj_li = true;
-                        $ae_app.archives.show_view__archive_obj = false;
-                        $ae_app.archives.show_edit__archive_obj = true;
-                    }}
-                    class="ae_btn ae_smallest btn btn-warning"
-                    title={`Edit archive: ${idaa_archive_obj.name}`}
-                    >
-                    <span class="fas fa-edit"></span> Edit Archive
-                </button>
-            {/if}
-        </div>
-
-
-        <section class="ae_section archive__content">
-            <div
-                class="archive_description description"
-                >
-                <!-- <div class="ae_label archive__description">Description:</div> -->
-                <div class="ae_value archive__description">
-                    {@html idaa_archive_obj.description}
-                </div>
-            </div>
-        </section>
-
-
-        <section class="ae_section ae_footer ae_meta archive__meta">
-            <div class="ae_group">
-                {#if !idaa_archive_obj.updated_on}
-                <span
-                    class="archive__created_on"
-                    >
-                    <span class="ae_label">Created on:</span>
-                    <span class="ae_value">{ae.util.iso_datetime_formatter(idaa_archive_obj.created_on, 'datetime_short')}</span>
-                </span>
-                {:else}
-                <span
-                    class="archive__updated_on"
-                    >
-                    <span class="ae_label">Updated on:</span>
-                    <span class="ae_value">{ae.util.iso_datetime_formatter(idaa_archive_obj.updated_on, 'datetime_short')}</span>
-                </span>
-                {/if}
-            </div>
-        </section>
-    </div>
-{/each}
-
-{:else}
-    <div>No archives avalible to show at this time</div>
-{/if}
-</section>
-
-
-<style>
-.archive_obj {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: center;
-    gap: 1em;
-}
-
-.archive__name {
-    font-size: 1.5em;
-    font-weight: bold;
-}
-.archive__content {
-    display: none;
-}
-.archive__meta {
-    display: none;
-}
-
-.archive_obj .ae_meta {
-    flex-direction: column;
-    /* justify-content: space-between; */
-}
-
-.archive_obj .ae_meta .ae_group {
-    flex-direction: row;
-}
-
-.archive_obj .ae_meta .ae_options {
-    flex-direction: row;
-    justify-content: space-between;
-}
-</style>

src/10_list__sponsorship_obj.svelte

@@ -1,163 +0,0 @@
-<script lang="ts">
-// *** Import Svelte core
-import { onMount } from 'svelte';
-
-// *** Import Aether core variables and functions
-import { ae } from 'aether_npm_lib';
-import { slct, ae_app, slct_trigger } from './stores';
-
-export let container_class_li = [];
-
-onMount(() => {
-    console.log('** Component Mounted: ** List - Sponsorships Obj');
-});
-</script>
-
-
-<section class="svelte_component ae_section ae_list list__sponsorship_obj sponsorship_obj_li {container_class_li.join(' ')}">
-{#if $slct.sponsorship_obj_li}
-<table class="ae_table">
-    <thead>
-        <tr>
-            <th>Options</th>
-            <th>Name</th> <!-- This is the name of the organization or person -->
-            <th>Level</th>
-            <th>Paid</th>
-            <th>Guests</th>
-            <th>
-                <!-- Show what POC (Point of Contact) stands for when hovering -->
-                <abbr title="Point of Contact" class="ae_label">POC</abbr>
-            </th>
-            <th>Created</th>
-            <th>Updated</th>
-        </tr>
-    </thead>
-    <tbody>
-{#each $slct.sponsorship_obj_li as ae_sponsorship_obj, index}
-    <tr
-        id={`ae_sponsorship_id__${ae_sponsorship_obj.sponsorship_id_random}`}
-        class="ae_object sponsorship_obj"
-        >
-
-        <td class="ae_options sponsorship_obj__options">
-            <button
-                on:click={() => {
-                    $slct.sponsorship_id = ae_sponsorship_obj.sponsorship_id_random;
-                    $slct.sponsorship_obj = ae_sponsorship_obj;
-                    $slct_trigger = 'load__sponsorship_obj';
-
-                    $ae_app.sponsorships.show_main__options = true;
-                    $ae_app.sponsorships.show_list__sponsorship_obj_li = true;
-                    $ae_app.sponsorships.show_view__sponsorship_obj = true;
-                    $ae_app.sponsorships.show_edit__sponsorship_obj = false;
-                }}
-                class="ae_btn btn_primary"
-                title={`Open to see details: ${ae_sponsorship_obj.name}`}
-                >
-                <span class="fas fa-envelope-open"></span>
-                <!-- <span class="fas fa-info-circle"></span> -->
-                View
-            </button>
-
-            {#if $ae_app.administrator_access}
-                <button
-                    on:click={() => {
-                        $slct.sponsorship_id = ae_sponsorship_obj.sponsorship_id_random;
-                        $slct.sponsorship_obj = ae_sponsorship_obj;
-                        $slct_trigger = 'load__sponsorship_obj';
-
-                        // $ae_app.sponsorships.show_main__options = true;
-                        // $ae_app.sponsorships.show_list__sponsorship_obj_li = true;
-                        $ae_app.sponsorships.show_view__sponsorship_obj = false;
-                        $ae_app.sponsorships.show_edit__sponsorship_obj = true;
-                    }}
-                    class="ae_btn btn_secondary"
-                    title={`Edit meeting: ${ae_sponsorship_obj.name}`}
-                    >
-                    <span class="fas fa-edit"></span> Edit
-                </button>
-            {/if}
-        </td>
-
-        <td class="ae_value sponsorships__name">{ae_sponsorship_obj.name}</td>
-
-        <td class="">
-            <span class="fas fa-gem"></span>
-            {#if ae_sponsorship_obj.level_num}{ae_sponsorship_obj.level_num}{/if}
-            {#if ae_sponsorship_obj.level_str}{ae_sponsorship_obj.level_str}{/if}
-        </td>
-
-        <td>
-            {#if ae_sponsorship_obj.paid}
-                <!-- Show checkmark -->
-                <span class="fas fa-check"
-                    title="Paid"></span>
-            {:else}
-                <!-- Show X or cross -->
-                <span class="fas fa-times"
-                    title="Not Paid"></span>
-            {/if}
-            {#if ae_sponsorship_obj.amount}
-                <span class="ae_value sponsorships__amount">${ae_sponsorship_obj.amount}</span>
-            {/if}
-        </td>
-
-        <td>
-            {#if ae_sponsorship_obj.guest_li_json}
-                <span class="fas fa-list-ol"></span> {ae_sponsorship_obj.guest_li_json.length}
-            {:else}
-                <!-- <span class="fas fa-list-ol"></span> -->
-                -- None --
-            {/if}
-        </td>
-
-        <td><span class="ae_flex ae_flex_justify_around">
-            {#if ae_sponsorship_obj.poc_json}
-                <span>
-                    <span class="fas fa-user"></span> {ae_sponsorship_obj.poc_json.given_name} {ae_sponsorship_obj.poc_json.family_name}
-                </span>
-                <a href="mailto:{ae_sponsorship_obj.poc_json.email}"><span class="fas fa-envelope"></span> {ae_sponsorship_obj.poc_json.email}</a>
-            {/if}
-        </span></td>
-
-        <td>{ae.util.iso_datetime_formatter(ae_sponsorship_obj.created_on, 'datetime_short')}</td>
-        <td>{ae.util.iso_datetime_formatter(ae_sponsorship_obj.updated_on, 'datetime_short')}</td>
-
-    </tr>
-{/each}
-    </tbody>
-</table>
-{:else}
-    <div>No sponsorships avalible to show at this time</div>
-{/if}
-</section>
-
-
-<style>
-.ae_label {
-    font-size: smaller;
-}
-.ae_value {
-    font-weight: bold;
-}
-
-.ae_header h3 {
-    font-size: 1.2em;
-    margin: 0;
-    /* padding: 0; */
-}
-
-.sponsorship_obj .ae_meta {
-    flex-direction: column;
-    /* justify-content: space-between; */
-}
-
-.sponsorship_obj .ae_meta .ae_group {
-    flex-direction: row;
-}
-
-.sponsorship_obj .ae_meta .ae_options {
-    flex-direction: row;
-    justify-content: space-between;
-}
-</style>

src/10_player__archive_content_obj.svelte

@@ -1,78 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher, onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-// import { ae, Element_modal_v3 } from 'aether_npm_lib';
-import { slct, slct_trigger, ae_app } from './stores';
-
-// export let archive_content_id = null;
-
-let file_icons:any = {}
-file_icons['ac3'] = 'file-audio';
-file_icons['aac'] = 'file-audio';
-file_icons['csv'] = 'file-csv';
-file_icons['doc'] = 'file-word';
-file_icons['docx'] = 'file-word';
-file_icons['gif'] = 'file-image';
-file_icons['htm'] = 'file-code';
-file_icons['html'] = 'file-code';
-file_icons['jpeg'] = 'file-image';
-file_icons['jpg'] = 'file-image';
-file_icons['key'] = 'file-powerpoint';
-file_icons['mkv'] = 'file-video';
-file_icons['mov'] = 'file-video';
-file_icons['mp3'] = 'file-audio';
-file_icons['mp4'] = 'file-video';
-file_icons['pdf'] = 'file-pdf';
-file_icons['png'] = 'file-image';
-file_icons['ppt'] = 'file-powerpoint';
-file_icons['pptx'] = 'file-powerpoint';
-file_icons['txt'] = 'file-alt';
-file_icons['wav'] = 'file-audio';
-file_icons['webp'] = 'file-image';
-file_icons['xls'] = 'file-excel';
-file_icons['xlsx'] = 'file-excel';
-file_icons['zip'] = 'file-archive';
-
-onMount(() => {
-    console.log('** Component Mounted: ** Player - Archive Content Obj');
-});
-</script>
-
-<!-- <h3 class="ae_title">Viewing: {$slct.archive_content_obj.name}</h3> -->
-
-<section class="ae_content">
-    {#if file_icons[$slct.archive_content_obj.file_extension] == 'file-audio'}
-        <audio id="view_archive_content_audio" width="" height="" autoplay controls style="max-width: 100%; max-height: 65vh;">
-            <source id="view_archive_content_audio_source" src="{$ae_app.app.base_url}{$slct.archive_content_obj.file_path}" type="audio/mpeg">
-            <!--<source src="audio.ogg" type="audio/ogg">-->
-            Your browser does not support the audio tag.
-        </audio>
-
-    {:else if file_icons[$slct.archive_content_obj.file_extension] == 'file-video'}
-        <video id="view_archive_content_video" width="" height="" autoplay controls style="max-width: 100%; max-height: 65vh;">
-            <source id="view_archive_content_video_source" src="{$ae_app.app.base_url}{$slct.archive_content_obj.file_path}" type="video/mp4">
-            <!--<source src="video.ogg" type="video/ogg">-->
-            <track kind="captions" src="" srclang="en" label="English">
-            Your browser does not support the video tag.
-        </video>
-
-    {:else if file_icons[$slct.archive_content_obj.file_extension] == 'file-image'}
-        <img id="view_archive_content_image" src="{$ae_app.app.base_url}{$slct.archive_content_obj.file_path}" alt="{$slct.archive_content_obj.name}" style="max-width: 100%; max-height: 65vh;" />
-    {:else}
-        <a href="{$ae_app.app.base_url}{$slct.archive_content_obj.file_path}">{$slct.archive_content_obj.filename}</a>
-    {/if}
-
-    {#if $slct.archive_content_obj.description}
-        <div id="archive_content__description" class="archive_content__description">
-            {$slct.archive_content_obj.description}
-        </div>
-    {/if}
-
-    {#if $slct.archive_content_obj.content_html}
-        <div id="archive_content__content_html" class="archive_content__content_html">
-            {@html $slct.archive_content_obj.content_html}
-        </div>
-    {/if}
-
-</section>

src/10_view__archive_obj.svelte

@@ -1,244 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher, onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-import { ae, Element_modal_v3 } from 'aether_npm_lib';
-import { slct, slct_trigger, ae_app } from './stores';
-
-// import Edit_archive_content_obj from './10_edit__archive_content_obj.svelte';
-import List_archive_content_obj from './10_list__archive_content_obj.svelte';
-
-const dispatch = createEventDispatcher();
-
-if ($slct.archive_id) {
-    console.log(`Archive ID selected: ${$slct.archive_id}`);
-    console.log(`Archive Object selected: ${$slct.archive_obj}`)
-
-    $slct_trigger = 'load__archive_obj';
-    $slct_trigger = 'load__archive_content_obj_li';
-
-    // Auto show the selected Archive ID
-    // Set the URL param "archive_id" to the current Archive ID. This is a just in case.
-    const url = new URL(location);
-    url.searchParams.set('archive_id', $slct.archive_id);
-    history.pushState({}, '', url);
-
-    // $ae_app.archives.show_main__options = true;
-    $ae_app.archives.show_list__archive_obj_li = false;
-    $ae_app.archives.show_edit__archive_obj = false;
-    $ae_app.archives.show_view__archive_obj = true;
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** View - Archive Obj');
-});
-
-function handle_archive_content_obj_created(event) {
-    console.log('*** handle_archive_content_obj_created() ***');
-    console.log(event.detail);
-
-    $slct.archive_content_id = null;
-    $slct.archive_content_obj = {};
-
-    $slct_trigger = 'load__archive_obj_li';
-    $slct_trigger = 'load__archive_obj';
-    $slct_trigger = 'load__archive_content_obj_li';
-
-    // $ae_app.archives.show_list__archive_obj_li = false;
-    // $ae_app.archives.show_edit__archive_obj = false;
-    // $ae_app.archives.show_view__archive_obj = true;
-    $ae_app.archives.show_edit__archive_content_id = false;
-}
-function handle_archive_content_obj_updated(event) {
-    console.log('*** handle_archive_content_obj_updated() ***');
-    console.log(event.detail);
-
-    $slct_trigger = 'load__archive_obj';
-    $slct_trigger = 'load__archive_content_obj_li';
-
-    // $ae_app.archives.show_list__archive_obj_li = false;
-    // $ae_app.archives.show_edit__archive_obj = false;
-    // $ae_app.archives.show_view__archive_obj = true;
-    $ae_app.archives.show_edit__archive_content_id = false;
-}
-function handle_archive_content_obj_deleted(event) {
-    console.log('*** handle_archive_content_obj_deleted() ***');
-    console.log(event.detail);
-
-    $slct_trigger = 'load__archive_obj_li';
-    $slct_trigger = 'load__archive_obj';
-    $slct_trigger = 'load__archive_content_obj_li';
-
-    // $ae_app.archives.show_list__archive_obj_li = false;
-    // $ae_app.archives.show_edit__archive_obj = false;
-    // $ae_app.archives.show_view__archive_obj = true;
-    $ae_app.archives.show_edit__archive_content_id = false;
-}
-</script>
-
-
-<section class="svelte_component ae_section ae_view archive_obj view__archive_obj" bind:clientHeight={$ae_app.iframe_height_modal_body}>
-
-<header class="ae_header archive__header">
-    <h2 class="archive__name">{@html $slct.archive_obj.name}</h2>
-</header>
-
-<section class="archive__content">
-    {#if $slct.archive_obj.description}<div class="ae_value archive__description">{@html $slct.archive_obj.description}</div>{/if}
-    {#if $slct.archive_obj.content_html}<div class="ae_value">{@html $slct.archive_obj.content_html}</div>{/if}
-    {#if $slct.archive_obj.original_url}
-        <div>
-            <span class="ae_label">URL:</span>
-            <span class="ae_value">{$slct.archive_obj.original_url}</span>
-        </div>
-    {/if}
-    {#if $slct.archive_obj.original_datetime}
-        <div class="archive__original_datetime">
-            <span class="ae_label">Start Date:</span>
-            <span class="ae_value">{ae.util.iso_datetime_formatter($slct.archive_obj.original_datetime, 'datetime_long')}</span>
-        </div>
-    {/if}
-    {#if $slct.archive_obj.original_timezone}
-        <span class="ae_label">Timezone:</span>
-        <span class="ae_value">{$slct.archive_obj.original_timezone}</span>
-    {/if}
-    {#if $slct.archive_obj.original_location}
-        <div>
-            <span class="ae_label">Location:</span>
-            <span class="ae_value">{$slct.archive_obj.original_location}</span>
-        </div>
-    {/if}
-</section>
-
-<section
-    class="ae_section ae_meta archive__meta"
-    class:ae_d_none={!$ae_app.administrator_access}
-    >
-    <div class="ae_group">
-        <div class="archive__created_on_updated_on">
-            <span class="ae_label">Created on:</span>
-            <span class="ae_value archive__created_on">{ae.util.iso_datetime_formatter($slct.archive_obj.created_on, 'datetime_iso_no_seconds')}</span>
-            {#if $slct.archive_obj.updated_on}
-                <span class="ae_label">Updated on:</span>
-                <span class="ae_value">{ae.util.iso_datetime_formatter($slct.archive_obj.updated_on, 'datetime_iso_no_seconds')}</span>
-            {/if}
-        </div>
-    </div>
-
-    {#if $ae_app.trusted_access}
-    <div class="ae_options">
-        {#if $ae_app.trusted_access || $slct.archive_obj.external_person_id === $ae_app.novi_uuid}
-        <button
-            on:click={() => {
-                $slct.archive_content_id = null;
-                $slct.archive_content_obj = {};
-                $ae_app.archives.show_edit__archive_content_id = true;
-            }}
-            class="ae_btn ae_smallest btn btn-warning"
-            title={`Add content for: ${$slct.archive_obj.name}`}
-            >
-            <span class="fas fa-plus"></span> Add Content
-        </button>
-
-        <button
-            on:click={() => {
-                // $slct.archive_id = $slct.archive_obj.archive_id_random;
-                // $slct.archive_obj = $slct.archive_obj;
-
-                // const url = new URL(location);
-                // url.searchParams.set('archive_id', $slct.archive_obj.archive_id_random);
-                // history.pushState({}, '', url);
-
-                // $ae_app.archives.show_main__options = false;
-                // $ae_app.archives.show_list__archive_obj_li = false;
-                $ae_app.archives.show_view__archive_obj = false;
-                $ae_app.archives.show_edit__archive_obj = true;
-            }}
-            class="ae_btn ae_smallest btn btn-xs btn-warning"
-            title={`Edit archive: ${$slct.archive_obj.name}`}
-            >
-            <span class="fas fa-edit"></span> Edit Archive
-        </button>
-        {/if}
-    </div>
-    {/if}
-</section>
-
-{#if $slct.archive_obj}
-<!-- {#each $slct.archive_content_obj_li as idaa_archive_content_obj, index} -->
-    <List_archive_content_obj />
-<!-- {/each} -->
-{/if}
-
-
-
-<!-- {#if $slct.archive_content_obj_li && $slct.archive_content_obj_li.length} -->
-<!-- {#each $slct.archive_content_obj_li as idaa_archive_content_obj, index}
-<hr />
-<span class="archive_content__name">{idaa_archive_content_obj.name}</span>
-<pre class="archive_content__content">{@html idaa_archive_content_obj.content}</pre>
-
-<section class="ae_section ae_meta archive_content__meta">
-    <div class="ae_group">
-        <div class="archive_content__created_on_updated_on">
-            Created on:
-            <span class="archive_content__created_on">{ae.util.iso_datetime_formatter(idaa_archive_content_obj.created_on, 'datetime_iso_no_seconds')}
-            {#if idaa_archive_content_obj.updated_on}
-                Updated on:
-                {ae.util.iso_datetime_formatter(idaa_archive_content_obj.updated_on, 'datetime_iso_no_seconds')}
-            {/if}
-        </div>
-    </div>
-
-    {#if $ae_app.trusted_access || idaa_archive_content_obj.external_person_id === $ae_app.novi_uuid}
-    <div class="ae_options">
-        <button on:click={() => {
-                $slct.archive_content_id = idaa_archive_content_obj.archive_content_id_random;
-                $slct.archive_content_obj = idaa_archive_content_obj;
-
-                // $ae_app.archives.show_archive_content_list = false;
-                $ae_app.archives.show_edit__archive_content_id = true;
-                // $ae_app.archives.show_view__archive_obj = false;
-            }}
-            class="btn btn-default"
-            >
-            <span class="fas fa-edit"></span> Edit Content
-        </button>
-    </div>
-    {/if}
-</section>
-
-{/each} -->
-<!-- {/if} -->
-
-</section>
-
-
-<style>
-.ae_label {
-    font-size: smaller;
-}
-.ae_value {
-    font-weight: bold;
-}
-
-.archive_obj .ae_meta {
-    flex-direction: column;
-    /* justify-content: space-between; */
-}
-
-.archive_obj .ae_meta .ae_group {
-    flex-direction: row;
-}
-
-.archive_obj .ae_meta .ae_options {
-    flex-direction: row;
-    justify-content: space-between;
-}
-
-.archive__created_on_updated_on, .archive_content__created_on_updated_on {
-    /* font-size: smaller; */
-    /* background-color: hsla(0,80%,50%,1); */
-    /* color: hsla(0,0%,50%,1); */
-}
-</style>

src/10_view__post_obj.svelte

@@ -1,261 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher, onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-import { ae, Element_modal_v3 } from 'aether_npm_lib';
-import { slct, slct_trigger, ae_app } from './stores';
-
-import Edit_post_comment_obj from './10_edit__post_comment_obj.svelte';
-
-const dispatch = createEventDispatcher();
-
-if ($slct.post_id) {
-    console.log(`Post ID selected: ${$slct.post_id}`);
-    console.log(`Post Object selected: ${$slct.post_obj}`)
-
-    $slct_trigger = 'load__post_obj';
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** View - Post Obj');
-});
-
-function handle_post_comment_obj_created(event) {
-    console.log('*** handle_post_comment_obj_created() ***');
-    console.log(event.detail);
-
-    $slct.post_comment_id = null;
-    $slct.post_comment_obj = {};
-
-    $slct_trigger = 'load__post_obj_li';
-    $slct_trigger = 'load__post_obj';
-    $slct_trigger = 'load__post_comment_obj_li';
-
-    // $ae_app.posts.show_post_list = false;
-    // $ae_app.posts.show_edit__post_id = false;
-    // $ae_app.posts.show_view__post_id = true;
-    $ae_app.posts.show_edit__post_comment = false;
-}
-function handle_post_comment_obj_updated(event) {
-    console.log('*** handle_post_comment_obj_updated() ***');
-    console.log(event.detail);
-
-    $slct_trigger = 'load__post_obj';
-    $slct_trigger = 'load__post_comment_obj_li';
-
-    // $ae_app.posts.show_post_list = false;
-    // $ae_app.posts.show_edit__post_id = false;
-    // $ae_app.posts.show_view__post_id = true;
-    $ae_app.posts.show_edit__post_comment = false;
-}
-function handle_post_comment_obj_deleted(event) {
-    console.log('*** handle_post_comment_obj_deleted() ***');
-    console.log(event.detail);
-
-    $slct_trigger = 'load__post_obj_li';
-    $slct_trigger = 'load__post_obj';
-    $slct_trigger = 'load__post_comment_obj_li';
-
-    // $ae_app.posts.show_post_list = false;
-    // $ae_app.posts.show_edit__post_id = false;
-    // $ae_app.posts.show_view__post_id = true;
-    $ae_app.posts.show_edit__post_comment = false;
-}
-</script>
-
-
-<section
-    bind:clientHeight={$ae_app.iframe_height_modal_body}
-    class="svelte_component ae_section ae_view post_obj view__post_obj"
-    >
-
-<div class="post__header">
-    <h2 class="post__title">
-        {@html $slct.post_obj.title}
-        {#if $slct.post_obj.topic_id}<span class="badge badge-info bg-info"><span class="fas fa-user-md"></span> {$slct.post_obj.topic_name}</span>{/if}
-    </h2>
-</div>
-
-<div class="post__content">{@html $slct.post_obj.content}</div>
-
-<section class="ae_section ae_meta post__meta">
-    <div class="ae_group">
-        {#if ($slct.post_obj.anonymous)}
-            <div class="post__posted_by">
-                Posted by: <span class="fas fa-user-secret"></span> <span class="post__full_name">Anonymous</span>
-            </div>
-        {:else if ($slct.post_obj.full_name)}
-        <div class="post__posted_by">
-            Posted by: <span class="fas fa-user"></span> <span class="post__full_name">{$slct.post_obj.full_name}
-            {#if $ae_app.trusted_access && $slct.post_obj.email}
-                <a href="mailto:{$slct.post_obj.email}?subject=IDAA BB Post">{$slct.post_obj.email}</a>
-            {/if}
-        </div>
-        {/if}
-
-        <div class="post__created_on_updated_on">
-            {#if !$slct.post_obj.updated_on}
-                <span class="ae_label">Created on:</span>
-                <span class="ae_value post__created_on">{ae.util.iso_datetime_formatter($slct.post_obj.created_on, 'datetime_iso_no_seconds')}</span>
-            {:else}
-                <span class="ae_label">Updated on:</span>
-                <span class="ae_value post__updated_on">
-                {ae.util.iso_datetime_formatter($slct.post_obj.updated_on, 'datetime_iso_no_seconds')}</span>
-            {/if}
-            <span class="post__archive_on">
-                <span class="ae_label">Archive on:</span>
-                <span class="ae_value">{ae.util.iso_datetime_formatter($slct.post_obj.archive_on, 'datetime_iso_no_seconds')}</span>
-            </span>
-        </div>
-    </div>
-
-    <div class="ae_options">
-        {#if $slct.post_obj.post_comment_count}
-            <span class="ae_badge ae_info post__post_comment_count">
-                <span class="fas fa-comment"></span> {($slct.post_obj.post_comment_count == 1 ? `${$slct.post_obj.post_comment_count} comment` : `${$slct.post_obj.post_comment_count} comments` )}
-            </span>
-        {/if}
-        <button
-            on:click={() => {
-                $ae_app.posts.show_edit__post_comment = true;
-            }}
-            class="btn btn-primary"
-            title={`New comment on: ${$slct.post_obj.title}`}
-            >
-            <span class="fas fa-plus"></span> New Comment
-        </button>
-
-        {#if $ae_app.trusted_access || $slct.post_obj.external_person_id === $ae_app.novi_uuid || $slct.post_obj.email === $ae_app.novi_email}
-        <button
-            on:click={() => {
-                // $slct.post_id = $slct.post_obj.post_id_random;
-                // $slct.post_obj = $slct.post_obj;
-
-                // const url = new URL(location);
-                // url.searchParams.set('post_id', $slct.post_obj.post_id_random);
-                // history.pushState({}, '', url);
-
-                // $ae_app.posts.show_main__options = false;
-                // $ae_app.posts.show_list__post_li = false;
-                $ae_app.posts.show_view__post_id = false;
-                $ae_app.posts.show_edit__post_id = true;
-            }}
-            class="ae_btn ae_smallest btn btn-xs btn-secondary"
-            title={`Edit post: ${$slct.post_obj.name}`}
-            >
-            <span class="fas fa-edit"></span> Edit
-        </button>
-        {/if}
-    </div>
-</section>
-
-
-
-{#if $ae_app.posts.show_edit__post_comment}
-<section class="bb_post_comment_crud">
-
-        <Element_modal_v3
-            show = { true }
-            modal_cover_body = { true }
-            on:close={ () => {
-                $slct.post_comment_id = null;
-                $slct.post_comment_obj = {};
-
-                // $ae_app.posts.show_post_list = true;
-                // $ae_app.posts.show_edit__post_id = false;
-                // $ae_app.posts.show_view__post_id = false;
-                $ae_app.posts.show_edit__post_comment = false;
-            }}
-            >
-            <span slot="header_title">Comment on: {($slct.post_obj.title ? $slct.post_obj.title : '')}</span>
-
-            <span slot="body">
-            <section class="post_comment_obj_view">
-                <Edit_post_comment_obj on:post_comment_obj_created={handle_post_comment_obj_created} on:post_comment_obj_updated={handle_post_comment_obj_updated} on:post_comment_obj_deleted={handle_post_comment_obj_deleted} />
-            </section>
-            </span>
-        </Element_modal_v3>
-</section>
-{/if}
-
-{#if $slct.post_comment_obj_li.length}
-{#each $slct.post_comment_obj_li as idaa_post_comment_obj, index}
-<hr />
-<div class="post_comment__content">{@html idaa_post_comment_obj.content}</div>
-
-
-<section class="ae_section ae_meta post_comment__meta">
-    <div class="ae_group">
-        <span class="post_comment__posted_by `comment_by_container">
-        <span class="comment_by_lable">Comment by:</span>
-        {#if idaa_post_comment_obj.anonymous}
-            <span class="fas fa-user-secret"></span>
-            <span class="comment_by_full_name anonymous">Anonymous</span>
-        {:else}
-            <span class="fas fa-user"></span>
-            <span class="comment_by_full_name">{idaa_post_comment_obj.full_name}</span>
-            <!-- {#if idaa_post_comment_obj.email}
-                (<a href="mailto:{idaa_post_comment_obj.email}"><span class="comment_by_email">{idaa_post_comment_obj.email}</span></a>)
-            {/if} -->
-        {/if}
-        <div class="post_comment__created_on_updated_on">
-            Created on:
-            <span class="post_comment__created_on">{ae.util.iso_datetime_formatter(idaa_post_comment_obj.created_on, 'datetime_iso_no_seconds')}
-            {#if idaa_post_comment_obj.updated_on}
-                Updated on:
-                {ae.util.iso_datetime_formatter(idaa_post_comment_obj.updated_on, 'datetime_iso_no_seconds')}
-            {/if}
-        </div>
-    </div>
-
-    {#if $ae_app.trusted_access || idaa_post_comment_obj.external_person_id === $ae_app.novi_uuid}
-    <div class="ae_options">
-        <button on:click={() => {
-                $slct.post_comment_id = idaa_post_comment_obj.post_comment_id_random;
-                $slct.post_comment_obj = idaa_post_comment_obj;
-
-                // $ae_app.posts.show_post_comment_list = false;
-                $ae_app.posts.show_edit__post_comment = true;
-                // $ae_app.posts.show_view__post_id = false;
-            }}
-            class="ae_btn ae_smallest btn btn-secondary"
-            >
-            <span class="fas fa-edit"></span> Edit Comment
-        </button>
-    </div>
-    {/if}
-</section>
-
-{/each}
-{/if}
-
-</section>
-
-
-<style>
-.post_obj .ae_meta {
-    flex-direction: column;
-    /* justify-content: space-between; */
-}
-
-.post_obj .ae_meta .ae_group {
-    flex-direction: row;
-}
-
-.post_obj .ae_meta .ae_options {
-    flex-direction: row;
-    justify-content: space-between;
-}
-
-.post__posted_by, .post_comment__posted_by {
-    /* font-size: smaller; */
-    /* background-color: hsla(0,80%,50%,1); */
-    /* color: hsla(0,0%,50%,1); */
-}
-
-.post__created_on_updated_on, .post_comment__created_on_updated_on {
-    /* font-size: smaller; */
-    /* background-color: hsla(0,80%,50%,1); */
-    /* color: hsla(0,0%,50%,1); */
-}
-</style>

src/10_view__sponsorship_obj.svelte

@@ -1,192 +0,0 @@
-<script lang="ts">
-import { createEventDispatcher, onMount } from 'svelte';
-import { fade } from 'svelte/transition';
-
-import { ae } from 'aether_npm_lib';
-import { slct, slct_trigger, ae_app } from './stores';
-
-export let container_class_li = [];
-
-const dispatch = createEventDispatcher();
-
-if ($slct.sponsorship_id) {
-    console.log(`Sponsorship ID selected: ${$slct.sponsorship_id}`);
-    console.log(`Sponsorship Object selected: ${$slct.sponsorship_obj}`)
-
-    $slct_trigger = 'load__sponsorship_obj';
-}
-
-onMount(() => {
-    console.log('** Component Mounted: ** View - Sponsorship Obj');
-});
-
-
-dayjs.extend(window.dayjs_plugin_utc)
-dayjs.extend(window.dayjs_plugin_timezone);
-console.log(`UTC offset: ${dayjs().utcOffset()}`);
-console.log(`TZ offset: ${dayjs().utcOffset('US/Pacific')}`);
-// let test_time = dayjs.utc('2024-01-08 11:55').tz('Asia/Taipei');
-// let test_time = dayjs.utc('2024-01-08 14:15').tz('America/New_York');
-let test_time = dayjs.tz('2024-01-08 14:15', 'US/Pacific');
-console.log(test_time.format('YYYY-MM-DD HH:mm'));
-let adjusted_to_local_tz = test_time.tz('America/New_York');
-console.log(adjusted_to_local_tz.format('YYYY-MM-DD HH:mm'));
-
-let adjusted_to_local_tz_v2 = dayjs.tz('2024-01-08 14:15', 'US/Pacific').tz('America/New_York');
-console.log(adjusted_to_local_tz_v2);
-
-</script>
-
-
-<section class="svelte_component ae_section ae_view sponsorship_obj view__sponsorship_obj {container_class_li.join(' ')}">
-
-<div class="sponsorship__header">
-    <h2 class="sponsorship__name">{@html $slct.sponsorship_obj.name}</h2>
-</div>
-
-<div class="sponsorship__content">
-    <div
-        class="sponsorship_description description"
-        >
-        <div class="ae_label sponsorship__description">Description:</div>
-        <pre class="ae_value sponsorship__description">{@html $slct.sponsorship_obj.description ? $slct.sponsorship_obj.description : '-- No Description Given --'}</pre>
-    </div>
-
-    <div
-        class:ae_d_none={!$slct.sponsorship_obj.level_num}
-        class="sponsorship_level"
-        >
-        <span class="ae_label">Level of Sponsorship:</span>
-        <span class="ae_value"><span class="fas fa-gem"></span> {$slct.sponsorship_obj.level_num} &mdash; {$slct.sponsorship_obj.level_str}</span>
-    </div>
-
-    <div>
-        <span class="ae_label">Paid:</span>
-        $
-        <span class="ae_value">
-            {$slct.sponsorship_obj.paid ? 'Yes, marked as paid' : 'Not yet marked as paid'}
-        </span>
-    </div>
-
-
-
-    <div class="ae_list sponsorship__guests">
-        <h2>Guest List</h2>
-
-        {#if $slct.sponsorship_obj.guest_li_json && $slct.sponsorship_obj.guest_li_json.length && $slct.sponsorship_obj.guest_li_json[0].full_name}
-        <ul>
-            {#each $slct.sponsorship_obj.guest_li_json as guest, index}
-            <li class="sponsorship__guest"
-                class:ae_d_none={!$slct.sponsorship_obj.guest_li_json[index].full_name}
-                >
-                <span class="ae_label">
-                    <span class="fas fa-user"></span> Contact:
-                </span>
-                {$slct.sponsorship_obj.guest_li_json[index].full_name}
-                {#if $slct.sponsorship_obj.guest_li_json[index].email}
-                    | <a href="mailto:{$slct.sponsorship_obj.guest_li_json[index].email}?Subject={$slct.sponsorship_obj.full_name}">{$slct.sponsorship_obj.guest_li_json[index].email}</a>
-                {/if}
-                {#if $slct.sponsorship_obj.guest_li_json[index].phone_mobile}
-                    <span class="ae_label">| Mobile:</span>
-                    <a href="tel:{$slct.sponsorship_obj.guest_li_json[index].phone_mobile}">{$slct.sponsorship_obj.guest_li_json[index].phone_mobile}</a>
-                    {/if}
-                {#if $slct.sponsorship_obj.guest_li_json[index].phone_home}
-                    <span class="ae_label">| Home:</span>
-                    <a href="tel:{$slct.sponsorship_obj.guest_li_json[index].phone_home}">{$slct.sponsorship_obj.guest_li_json[index].phone_home}</a>
-                {/if}
-                {#if $slct.sponsorship_obj.guest_li_json[index].phone_office}
-                    <span class="ae_label">| Office:</span>
-                    <a href="tel:{$slct.sponsorship_obj.guest_li_json[index].phone_office}">{$slct.sponsorship_obj.guest_li_json[index].phone_office}</a>
-                {/if}
-                {#if $slct.sponsorship_obj.guest_li_json[index].other_text}| {$slct.sponsorship_obj.guest_li_json[index].other_text}{/if}
-            </li>
-            {/each}
-        </ul>
-        {:else}
-            <div class="ae_warning">No guest list found!</div>
-        {/if}
-
-    </div>
-
-    <section class="ae_section ae_meta sponsorship__meta">
-        <div class="ae_group">
-            <span
-                class="sponsorship__id"
-                class:ae_d_none={!$ae_app.administrator_access}>
-                ID:
-                {$slct.sponsorship_obj.sponsorship_id_random}
-            </span>
-            <span
-                class="sponsorship__created_on"
-                >
-                Created on: {ae.util.iso_datetime_formatter($slct.sponsorship_obj.created_on, 'datetime_short')}
-            </span>
-            <span
-                class="sponsorship__updated_on"
-                class:ae_d_none={!$slct.sponsorship_obj.updated_on}
-                >
-                Updated on: {ae.util.iso_datetime_formatter($slct.sponsorship_obj.updated_on, 'datetime_short')}
-            </span>
-        </div>
-
-        {#if $ae_app.trusted_access || $slct.sponsorship_obj.external_person_id === $ae_app.novi_uuid || $slct.sponsorship_obj.contact_1_email === $ae_app.novi_email}
-        <div class="ae_options">
-            <button
-                on:click={() => {
-                    // $slct.sponsorship_id = $slct.sponsorship_obj.sponsorship_id_random;
-                    // $slct.sponsorship_obj = $slct.sponsorship_obj;
-
-                    // const url = new URL(location);
-                    // url.searchParams.set('sponsorship_id', $slct.sponsorship_obj.sponsorship_id_random);
-                    // history.pushState({}, '', url);
-
-                    // $ae_app.sponsorships.show_main__options = true;
-                    // $ae_app.sponsorships.show_list__sponsorship_obj_li = true;
-                    $ae_app.sponsorships.show_view__sponsorship_obj = false;
-                    $ae_app.sponsorships.show_edit__sponsorship_obj = true;
-                }}
-                class="btn btn-xs btn-secondary"
-                title={`Edit sponsorship: ${$slct.sponsorship_obj.name}`}
-                >
-                <span class="fas fa-edit"></span> Edit
-            </button>
-        </div>
-        {/if}
-    </section>
-
-</div>
-
-</section>
-
-
-<style>
-.ae_label {
-    font-size: smaller;
-}
-.ae_value {
-    font-weight: bold;
-}
-
-.sponsorship__user_timezone {
-    font-size: smaller;
-    font-style: italic;
-}
-
-.sponsorship_obj .ae_meta {
-    flex-direction: column;
-    /* justify-content: space-between; */
-}
-
-.sponsorship_obj .ae_meta .ae_group {
-    flex-direction: row;
-}
-
-.sponsorship_obj .ae_meta .ae_options {
-    flex-direction: row;
-    justify-content: space-between;
-}
-
-/* a {
-    color: #82B6E1;
-} */
-</style>

src/App.svelte

@@ -1,47 +0,0 @@
-<script lang="ts">
-  import svelteLogo from './assets/svelte.svg'
-  import viteLogo from '/vite.svg'
-  import Counter from './lib/Counter.svelte'
-</script>
-
-<main>
-  <div>
-    <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
-      <img src={viteLogo} class="logo" alt="Vite Logo" />
-    </a>
-    <a href="https://svelte.dev" target="_blank" rel="noreferrer">
-      <img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
-    </a>
-  </div>
-  <h1>Vite + Svelte</h1>
-
-  <div class="card">
-    <Counter />
-  </div>
-
-  <p>
-    Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank" rel="noreferrer">SvelteKit</a>, the official Svelte app framework powered by Vite!
-  </p>
-
-  <p class="read-the-docs">
-    Click on the Vite and Svelte logos to learn more
-  </p>
-</main>
-
-<style>
-  .logo {
-    height: 6em;
-    padding: 1.5em;
-    will-change: filter;
-    transition: filter 300ms;
-  }
-  .logo:hover {
-    filter: drop-shadow(0 0 2em #646cffaa);
-  }
-  .logo.svelte:hover {
-    filter: drop-shadow(0 0 2em #ff3e00aa);
-  }
-  .read-the-docs {
-    color: #888;
-  }
-</style>

src/ae-c-idaa-light.css

@@ -0,0 +1,205 @@
+[data-theme='AE_c_IDAA_light'] {
+	--text-scaling: 1.067;
+	--base-font-color: var(--color-surface-950);
+
+	--base-font-family: system-ui, sans-serif;
+	--base-font-size: inherit;
+	--base-line-height: inherit;
+	--base-font-weight: normal;
+	--base-font-style: normal;
+	--base-letter-spacing: 0em;
+	--heading-font-color: inherit;
+
+	--heading-font-family: inherit;
+	--heading-font-weight: bold;
+	--heading-font-style: normal;
+	--heading-letter-spacing: inherit;
+	--anchor-font-color: var(--color-primary-600);
+
+	--anchor-font-family: inherit;
+	--anchor-font-size: inherit;
+	--anchor-line-height: inherit;
+	--anchor-font-weight: inherit;
+	--anchor-font-style: inherit;
+	--anchor-letter-spacing: inherit;
+	--anchor-text-decoration: none;
+	--anchor-text-decoration-hover: underline;
+	--anchor-text-decoration-active: none;
+	--anchor-text-decoration-focus: none;
+	--spacing: 0.25rem;
+	--radius-base: 0.375rem;
+	--radius-container: 0.75rem;
+	--default-border-width: 1px;
+	--default-divide-width: 1px;
+	--default-ring-width: 1px;
+	--body-background-color: var(--color-surface-50);
+
+	--color-primary-50: oklch(85.73% 0.07 251.8deg);
+	--color-primary-100: oklch(78.5% 0.09 252.03deg);
+	--color-primary-200: oklch(71.06% 0.1 253.6deg);
+	--color-primary-300: oklch(63.76% 0.12 253.85deg);
+	--color-primary-400: oklch(56.32% 0.14 255.25deg);
+	--color-primary-500: oklch(49.23% 0.15 256.36deg);
+	--color-primary-600: oklch(43.11% 0.14 258.86deg);
+	--color-primary-700: oklch(36.85% 0.14 261.54deg);
+	--color-primary-800: oklch(30.41% 0.13 263.99deg);
+	--color-primary-900: oklch(23.91% 0.12 265.91deg);
+	--color-primary-950: oklch(16.96% 0.12 264.05deg);
+
+	--color-primary-contrast-light: var(--color-primary-50);
+
+
+
+
+
+	--color-primary-contrast-500: var(--color-primary-contrast-light);
+	--color-primary-contrast-600: var(--color-primary-contrast-light);
+	--color-primary-contrast-700: var(--color-primary-contrast-light);
+	--color-primary-contrast-800: var(--color-primary-contrast-light);
+	--color-primary-contrast-900: var(--color-primary-contrast-light);
+	--color-primary-contrast-950: var(--color-primary-contrast-light);
+	--color-secondary-50: oklch(96.26% 0.06 196.24deg);
+	--color-secondary-100: oklch(89.14% 0.07 220.79deg);
+	--color-secondary-200: oklch(82.13% 0.08 234.87deg);
+	--color-secondary-300: oklch(75.03% 0.11 245.33deg);
+	--color-secondary-400: oklch(68.15% 0.14 250.72deg);
+	--color-secondary-500: oklch(61.37% 0.16 255.34deg);
+	--color-secondary-600: oklch(55.1% 0.16 256.81deg);
+	--color-secondary-700: oklch(48.64% 0.15 258.4deg);
+	--color-secondary-800: oklch(41.84% 0.15 260.39deg);
+	--color-secondary-900: oklch(35.05% 0.14 262.03deg);
+	--color-secondary-950: oklch(28.12% 0.14 262.47deg);
+
+	--color-secondary-contrast-light: var(--color-secondary-50);
+
+
+
+
+
+
+	--color-secondary-contrast-600: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-700: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-800: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-900: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-950: var(--color-secondary-contrast-light);
+	--color-tertiary-50: oklch(100% 0 none);
+	--color-tertiary-100: oklch(96.07% 0.01 251.15deg);
+	--color-tertiary-200: oklch(91.88% 0.03 252.69deg);
+	--color-tertiary-300: oklch(87.99% 0.05 253.24deg);
+	--color-tertiary-400: oklch(83.81% 0.06 253.57deg);
+	--color-tertiary-500: oklch(79.93% 0.08 253.32deg);
+	--color-tertiary-600: oklch(72.53% 0.08 251.75deg);
+	--color-tertiary-700: oklch(64.93% 0.08 249.75deg);
+	--color-tertiary-800: oklch(57.14% 0.09 247.99deg);
+	--color-tertiary-900: oklch(49.18% 0.09 246.55deg);
+	--color-tertiary-950: oklch(41.1% 0.09 246.54deg);
+
+	--color-tertiary-contrast-light: var(--color-tertiary-50);
+
+
+
+
+
+
+
+
+	--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
+	--color-success-50: oklch(95.82% 0.06 184.52deg);
+	--color-success-100: oklch(91.55% 0.08 172.29deg);
+	--color-success-200: oklch(87.44% 0.11 165.22deg);
+	--color-success-300: oklch(83.26% 0.13 161.2deg);
+	--color-success-400: oklch(79.56% 0.16 157.13deg);
+	--color-success-500: oklch(76.12% 0.18 153.61deg);
+	--color-success-600: oklch(69.31% 0.17 151.81deg);
+	--color-success-700: oklch(62.07% 0.16 149.95deg);
+	--color-success-800: oklch(54.9% 0.15 147.65deg);
+	--color-success-900: oklch(47.26% 0.14 145.54deg);
+	--color-success-950: oklch(39.64% 0.13 143.79deg);
+
+	--color-success-contrast-light: var(--color-success-50);
+
+
+
+
+
+
+
+
+	--color-success-contrast-800: var(--color-success-contrast-light);
+	--color-success-contrast-900: var(--color-success-contrast-light);
+	--color-success-contrast-950: var(--color-success-contrast-light);
+	--color-warning-50: oklch(98.26% 0.1 108.02deg);
+	--color-warning-100: oklch(95.84% 0.12 104.66deg);
+	--color-warning-200: oklch(93.48% 0.13 102.21deg);
+	--color-warning-300: oklch(91.49% 0.15 100.17deg);
+	--color-warning-400: oklch(89.28% 0.16 98.19deg);
+	--color-warning-500: oklch(87.14% 0.17 96.01deg);
+	--color-warning-600: oklch(79.88% 0.16 96.31deg);
+	--color-warning-700: oklch(72.35% 0.14 95.62deg);
+	--color-warning-800: oklch(64.73% 0.13 95.92deg);
+	--color-warning-900: oklch(56.77% 0.11 94.87deg);
+	--color-warning-950: oklch(48.63% 0.1 95.22deg);
+
+	--color-warning-contrast-light: var(--color-warning-50);
+
+
+
+
+
+
+
+
+	--color-warning-contrast-800: var(--color-warning-contrast-light);
+	--color-warning-contrast-900: var(--color-warning-contrast-light);
+	--color-warning-contrast-950: var(--color-warning-contrast-light);
+	--color-error-50: oklch(81.88% 0.1 38.14deg);
+	--color-error-100: oklch(75.88% 0.13 31.15deg);
+	--color-error-200: oklch(70.29% 0.16 27.32deg);
+	--color-error-300: oklch(65.15% 0.19 25.65deg);
+	--color-error-400: oklch(60.98% 0.21 25.56deg);
+	--color-error-500: oklch(57.86% 0.22 26.62deg);
+	--color-error-600: oklch(52.52% 0.2 26.86deg);
+	--color-error-700: oklch(46.81% 0.18 27.02deg);
+	--color-error-800: oklch(41.15% 0.16 27.63deg);
+	--color-error-900: oklch(35.01% 0.14 27.9deg);
+	--color-error-950: oklch(28.69% 0.12 29.23deg);
+
+	--color-error-contrast-light: var(--color-error-50);
+
+
+
+
+	--color-error-contrast-400: var(--color-error-contrast-light);
+	--color-error-contrast-500: var(--color-error-contrast-light);
+	--color-error-contrast-600: var(--color-error-contrast-light);
+	--color-error-contrast-700: var(--color-error-contrast-light);
+	--color-error-contrast-800: var(--color-error-contrast-light);
+	--color-error-contrast-900: var(--color-error-contrast-light);
+	--color-error-contrast-950: var(--color-error-contrast-light);
+	--color-surface-50: oklch(100% 0 none);
+	--color-surface-100: oklch(93.98% 0 105.57deg);
+	--color-surface-200: oklch(87.66% 0 67.88deg);
+	--color-surface-300: oklch(81.35% 0 106.1deg);
+	--color-surface-400: oklch(74.79% 0 84.45deg);
+	--color-surface-500: oklch(68.29% 0 91.36deg);
+	--color-surface-600: oklch(60.99% 0 91.38deg);
+	--color-surface-700: oklch(53.5% 0 84.49deg);
+	--color-surface-800: oklch(46.03% 0 91.43deg);
+	--color-surface-900: oklch(37.94% 0 84.52deg);
+	--color-surface-950: oklch(29.34% 0 84.54deg);
+
+	--color-surface-contrast-light: var(--color-surface-50);
+
+
+
+
+
+
+
+	--color-surface-contrast-700: var(--color-surface-contrast-light);
+	--color-surface-contrast-800: var(--color-surface-contrast-light);
+	--color-surface-contrast-900: var(--color-surface-contrast-light);
+	--color-surface-contrast-950: var(--color-surface-contrast-light);
+}

src/ae-c-lci.css

@@ -0,0 +1,205 @@
+[data-theme='AE_c_LCI'] {
+	--text-scaling: 1.067;
+	--base-font-color: var(--color-surface-950);
+	--base-font-color-dark: var(--color-surface-50);
+	--base-font-family: system-ui, sans-serif;
+	--base-font-size: inherit;
+	--base-line-height: inherit;
+	--base-font-weight: normal;
+	--base-font-style: normal;
+	--base-letter-spacing: 0em;
+	--heading-font-color: inherit;
+	--heading-font-color-dark: inherit;
+	--heading-font-family: inherit;
+	--heading-font-weight: bold;
+	--heading-font-style: normal;
+	--heading-letter-spacing: inherit;
+	--anchor-font-color: var(--color-primary-500);
+	--anchor-font-color-dark: var(--color-primary-500);
+	--anchor-font-family: inherit;
+	--anchor-font-size: inherit;
+	--anchor-line-height: inherit;
+	--anchor-font-weight: inherit;
+	--anchor-font-style: inherit;
+	--anchor-letter-spacing: inherit;
+	--anchor-text-decoration: none;
+	--anchor-text-decoration-hover: underline;
+	--anchor-text-decoration-active: none;
+	--anchor-text-decoration-focus: none;
+	--spacing: 0.25rem;
+	--radius-base: 0.375rem;
+	--radius-container: 0.75rem;
+	--default-border-width: 1px;
+	--default-divide-width: 1px;
+	--default-ring-width: 1px;
+	--body-background-color: var(--color-surface-50);
+	--body-background-color-dark: var(--color-surface-950);
+	--color-primary-50: oklch(85.1% 0.07 265.19deg);
+	--color-primary-100: oklch(77.89% 0.08 264.31deg);
+	--color-primary-200: oklch(70.32% 0.08 264.44deg);
+	--color-primary-300: oklch(62.86% 0.09 263.87deg);
+	--color-primary-400: oklch(54.96% 0.1 263.8deg);
+	--color-primary-500: oklch(47.12% 0.11 262.88deg);
+	--color-primary-600: oklch(40.9% 0.1 264.73deg);
+	--color-primary-700: oklch(34.53% 0.1 267.34deg);
+	--color-primary-800: oklch(28.16% 0.09 268.81deg);
+	--color-primary-900: oklch(21.29% 0.09 271.12deg);
+	--color-primary-950: oklch(12.88% 0.09 264.05deg);
+	--color-primary-contrast-dark: var(--color-primary-950);
+	--color-primary-contrast-light: var(--color-primary-50);
+	--color-primary-contrast-50: var(--color-primary-contrast-dark);
+	--color-primary-contrast-100: var(--color-primary-contrast-dark);
+	--color-primary-contrast-200: var(--color-primary-contrast-dark);
+	--color-primary-contrast-300: var(--color-primary-contrast-dark);
+	--color-primary-contrast-400: var(--color-primary-contrast-dark);
+	--color-primary-contrast-500: var(--color-primary-contrast-light);
+	--color-primary-contrast-600: var(--color-primary-contrast-light);
+	--color-primary-contrast-700: var(--color-primary-contrast-light);
+	--color-primary-contrast-800: var(--color-primary-contrast-light);
+	--color-primary-contrast-900: var(--color-primary-contrast-light);
+	--color-primary-contrast-950: var(--color-primary-contrast-light);
+	--color-secondary-50: oklch(96.14% 0.06 196.21deg);
+	--color-secondary-100: oklch(89.81% 0.07 212.45deg);
+	--color-secondary-200: oklch(83.71% 0.08 223.06deg);
+	--color-secondary-300: oklch(77.42% 0.1 231.73deg);
+	--color-secondary-400: oklch(71.44% 0.12 237.59deg);
+	--color-secondary-500: oklch(65.39% 0.14 243.22deg);
+	--color-secondary-600: oklch(58.93% 0.13 245.07deg);
+	--color-secondary-700: oklch(52.09% 0.12 248.03deg);
+	--color-secondary-800: oklch(45.27% 0.12 250.54deg);
+	--color-secondary-900: oklch(38.01% 0.11 254.24deg);
+	--color-secondary-950: oklch(30.67% 0.11 256.73deg);
+	--color-secondary-contrast-dark: var(--color-secondary-950);
+	--color-secondary-contrast-light: var(--color-secondary-50);
+	--color-secondary-contrast-50: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-100: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-200: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-300: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-400: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-500: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-600: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-700: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-800: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-900: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-950: var(--color-secondary-contrast-light);
+	--color-tertiary-50: oklch(87.75% 0.12 326.52deg);
+	--color-tertiary-100: oklch(80.92% 0.13 323.93deg);
+	--color-tertiary-200: oklch(73.87% 0.14 321.55deg);
+	--color-tertiary-300: oklch(66.9% 0.15 319.41deg);
+	--color-tertiary-400: oklch(59.72% 0.16 317.25deg);
+	--color-tertiary-500: oklch(52.73% 0.17 315.13deg);
+	--color-tertiary-600: oklch(46.6% 0.16 314.18deg);
+	--color-tertiary-700: oklch(40.43% 0.14 312.8deg);
+	--color-tertiary-800: oklch(33.85% 0.13 309.88deg);
+	--color-tertiary-900: oklch(27.23% 0.12 306.83deg);
+	--color-tertiary-950: oklch(19.83% 0.1 302.7deg);
+	--color-tertiary-contrast-dark: var(--color-tertiary-950);
+	--color-tertiary-contrast-light: var(--color-tertiary-50);
+	--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-400: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
+	--color-success-50: oklch(95.23% 0.07 195.99deg);
+	--color-success-100: oklch(90.22% 0.09 189.46deg);
+	--color-success-200: oklch(85.11% 0.1 186.03deg);
+	--color-success-300: oklch(80.35% 0.12 181.75deg);
+	--color-success-400: oklch(75.55% 0.12 178.92deg);
+	--color-success-500: oklch(71.19% 0.13 174.73deg);
+	--color-success-600: oklch(64.29% 0.12 173.65deg);
+	--color-success-700: oklch(57.46% 0.11 171.75deg);
+	--color-success-800: oklch(50.18% 0.1 170.68deg);
+	--color-success-900: oklch(42.87% 0.09 167.65deg);
+	--color-success-950: oklch(34.91% 0.07 164.42deg);
+	--color-success-contrast-dark: var(--color-success-950);
+	--color-success-contrast-light: var(--color-success-50);
+	--color-success-contrast-50: var(--color-success-contrast-dark);
+	--color-success-contrast-100: var(--color-success-contrast-dark);
+	--color-success-contrast-200: var(--color-success-contrast-dark);
+	--color-success-contrast-300: var(--color-success-contrast-dark);
+	--color-success-contrast-400: var(--color-success-contrast-dark);
+	--color-success-contrast-500: var(--color-success-contrast-dark);
+	--color-success-contrast-600: var(--color-success-contrast-dark);
+	--color-success-contrast-700: var(--color-success-contrast-light);
+	--color-success-contrast-800: var(--color-success-contrast-light);
+	--color-success-contrast-900: var(--color-success-contrast-light);
+	--color-success-contrast-950: var(--color-success-contrast-light);
+	--color-warning-50: oklch(95.67% 0.05 84.56deg);
+	--color-warning-100: oklch(92.83% 0.06 82.16deg);
+	--color-warning-200: oklch(90.12% 0.08 80.33deg);
+	--color-warning-300: oklch(87.59% 0.1 80.01deg);
+	--color-warning-400: oklch(85.03% 0.12 78.35deg);
+	--color-warning-500: oklch(82.46% 0.14 76.71deg);
+	--color-warning-600: oklch(76.34% 0.13 72.25deg);
+	--color-warning-700: oklch(70.34% 0.13 68.09deg);
+	--color-warning-800: oklch(63.99% 0.13 63.18deg);
+	--color-warning-900: oklch(57.91% 0.13 57.97deg);
+	--color-warning-950: oklch(51.69% 0.13 51.44deg);
+	--color-warning-contrast-dark: var(--color-warning-950);
+	--color-warning-contrast-light: var(--color-warning-50);
+	--color-warning-contrast-50: var(--color-warning-contrast-dark);
+	--color-warning-contrast-100: var(--color-warning-contrast-dark);
+	--color-warning-contrast-200: var(--color-warning-contrast-dark);
+	--color-warning-contrast-300: var(--color-warning-contrast-dark);
+	--color-warning-contrast-400: var(--color-warning-contrast-dark);
+	--color-warning-contrast-500: var(--color-warning-contrast-dark);
+	--color-warning-contrast-600: var(--color-warning-contrast-light);
+	--color-warning-contrast-700: var(--color-warning-contrast-light);
+	--color-warning-contrast-800: var(--color-warning-contrast-light);
+	--color-warning-contrast-900: var(--color-warning-contrast-light);
+	--color-warning-contrast-950: var(--color-warning-contrast-light);
+	--color-error-50: oklch(84.29% 0.09 46.91deg);
+	--color-error-100: oklch(78.63% 0.12 39.19deg);
+	--color-error-200: oklch(72.92% 0.14 34.35deg);
+	--color-error-300: oklch(67.88% 0.17 31.48deg);
+	--color-error-400: oklch(63.09% 0.19 30.02deg);
+	--color-error-500: oklch(59.32% 0.21 29.47deg);
+	--color-error-600: oklch(53.56% 0.19 29.25deg);
+	--color-error-700: oklch(47.75% 0.17 29.2deg);
+	--color-error-800: oklch(41.51% 0.15 28.7deg);
+	--color-error-900: oklch(35.35% 0.14 28.7deg);
+	--color-error-950: oklch(28.69% 0.12 29.23deg);
+	--color-error-contrast-dark: var(--color-error-950);
+	--color-error-contrast-light: var(--color-error-50);
+	--color-error-contrast-50: var(--color-error-contrast-dark);
+	--color-error-contrast-100: var(--color-error-contrast-dark);
+	--color-error-contrast-200: var(--color-error-contrast-dark);
+	--color-error-contrast-300: var(--color-error-contrast-dark);
+	--color-error-contrast-400: var(--color-error-contrast-dark);
+	--color-error-contrast-500: var(--color-error-contrast-light);
+	--color-error-contrast-600: var(--color-error-contrast-light);
+	--color-error-contrast-700: var(--color-error-contrast-light);
+	--color-error-contrast-800: var(--color-error-contrast-light);
+	--color-error-contrast-900: var(--color-error-contrast-light);
+	--color-error-contrast-950: var(--color-error-contrast-light);
+	--color-surface-50: oklch(100% 0 none);
+	--color-surface-100: oklch(97.02% 0 none);
+	--color-surface-200: oklch(94.01% 0 none);
+	--color-surface-300: oklch(91.12% 0 196.34deg);
+	--color-surface-400: oklch(88.07% 0 196.37deg);
+	--color-surface-500: oklch(84.99% 0 196.4deg);
+	--color-surface-600: oklch(77.78% 0 196.47deg);
+	--color-surface-700: oklch(70.09% 0 196.54deg);
+	--color-surface-800: oklch(62.51% 0 196.61deg);
+	--color-surface-900: oklch(54.34% 0 196.68deg);
+	--color-surface-950: oklch(46.22% 0 196.73deg);
+	--color-surface-contrast-dark: var(--color-surface-950);
+	--color-surface-contrast-light: var(--color-surface-50);
+	--color-surface-contrast-50: var(--color-surface-contrast-dark);
+	--color-surface-contrast-100: var(--color-surface-contrast-dark);
+	--color-surface-contrast-200: var(--color-surface-contrast-dark);
+	--color-surface-contrast-300: var(--color-surface-contrast-dark);
+	--color-surface-contrast-400: var(--color-surface-contrast-dark);
+	--color-surface-contrast-500: var(--color-surface-contrast-dark);
+	--color-surface-contrast-600: var(--color-surface-contrast-dark);
+	--color-surface-contrast-700: var(--color-surface-contrast-dark);
+	--color-surface-contrast-800: var(--color-surface-contrast-dark);
+	--color-surface-contrast-900: var(--color-surface-contrast-light);
+	--color-surface-contrast-950: var(--color-surface-contrast-light);
+}

src/ae-osit-default.css

@@ -0,0 +1,205 @@
+[data-theme='AE_OSIT_default'] {
+	--text-scaling: 1.067;
+	--base-font-color: var(--color-surface-950);
+	--base-font-color-dark: var(--color-surface-50);
+	--base-font-family: system-ui, sans-serif;
+	--base-font-size: inherit;
+	--base-line-height: inherit;
+	--base-font-weight: normal;
+	--base-font-style: normal;
+	--base-letter-spacing: 0em;
+	--heading-font-color: inherit;
+	--heading-font-color-dark: inherit;
+	--heading-font-family: inherit;
+	--heading-font-weight: bold;
+	--heading-font-style: normal;
+	--heading-letter-spacing: inherit;
+	--anchor-font-color: var(--color-primary-600);
+	--anchor-font-color-dark: var(--color-primary-400);
+	--anchor-font-family: inherit;
+	--anchor-font-size: inherit;
+	--anchor-line-height: inherit;
+	--anchor-font-weight: inherit;
+	--anchor-font-style: inherit;
+	--anchor-letter-spacing: inherit;
+	--anchor-text-decoration: none;
+	--anchor-text-decoration-hover: underline;
+	--anchor-text-decoration-active: none;
+	--anchor-text-decoration-focus: none;
+	--spacing: 0.25rem;
+	--radius-base: 0.375rem;
+	--radius-container: 0.75rem;
+	--default-border-width: 1px;
+	--default-divide-width: 1px;
+	--default-ring-width: 1px;
+	--body-background-color: var(--color-surface-50);
+	--body-background-color-dark: var(--color-surface-950);
+	--color-primary-50: oklch(85.73% 0.07 251.8deg);
+	--color-primary-100: oklch(78.5% 0.09 252.03deg);
+	--color-primary-200: oklch(71.06% 0.1 253.6deg);
+	--color-primary-300: oklch(63.76% 0.12 253.85deg);
+	--color-primary-400: oklch(56.32% 0.14 255.25deg);
+	--color-primary-500: oklch(49.23% 0.15 256.36deg);
+	--color-primary-600: oklch(43.11% 0.14 258.86deg);
+	--color-primary-700: oklch(36.85% 0.14 261.54deg);
+	--color-primary-800: oklch(30.41% 0.13 263.99deg);
+	--color-primary-900: oklch(23.91% 0.12 265.91deg);
+	--color-primary-950: oklch(16.96% 0.12 264.05deg);
+	--color-primary-contrast-dark: var(--color-primary-950);
+	--color-primary-contrast-light: var(--color-primary-50);
+	--color-primary-contrast-50: var(--color-primary-contrast-dark);
+	--color-primary-contrast-100: var(--color-primary-contrast-dark);
+	--color-primary-contrast-200: var(--color-primary-contrast-dark);
+	--color-primary-contrast-300: var(--color-primary-contrast-dark);
+	--color-primary-contrast-400: var(--color-primary-contrast-dark);
+	--color-primary-contrast-500: var(--color-primary-contrast-light);
+	--color-primary-contrast-600: var(--color-primary-contrast-light);
+	--color-primary-contrast-700: var(--color-primary-contrast-light);
+	--color-primary-contrast-800: var(--color-primary-contrast-light);
+	--color-primary-contrast-900: var(--color-primary-contrast-light);
+	--color-primary-contrast-950: var(--color-primary-contrast-light);
+	--color-secondary-50: oklch(96.26% 0.06 196.24deg);
+	--color-secondary-100: oklch(89.14% 0.07 220.79deg);
+	--color-secondary-200: oklch(82.13% 0.08 234.87deg);
+	--color-secondary-300: oklch(75.03% 0.11 245.33deg);
+	--color-secondary-400: oklch(68.15% 0.14 250.72deg);
+	--color-secondary-500: oklch(61.37% 0.16 255.34deg);
+	--color-secondary-600: oklch(55.1% 0.16 256.81deg);
+	--color-secondary-700: oklch(48.64% 0.15 258.4deg);
+	--color-secondary-800: oklch(41.84% 0.15 260.39deg);
+	--color-secondary-900: oklch(35.05% 0.14 262.03deg);
+	--color-secondary-950: oklch(28.12% 0.14 262.47deg);
+	--color-secondary-contrast-dark: var(--color-secondary-950);
+	--color-secondary-contrast-light: var(--color-secondary-50);
+	--color-secondary-contrast-50: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-100: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-200: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-300: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-400: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-500: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-600: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-700: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-800: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-900: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-950: var(--color-secondary-contrast-light);
+	--color-tertiary-50: oklch(100% 0 none);
+	--color-tertiary-100: oklch(96.07% 0.01 251.15deg);
+	--color-tertiary-200: oklch(91.88% 0.03 252.69deg);
+	--color-tertiary-300: oklch(87.99% 0.05 253.24deg);
+	--color-tertiary-400: oklch(83.81% 0.06 253.57deg);
+	--color-tertiary-500: oklch(79.93% 0.08 253.32deg);
+	--color-tertiary-600: oklch(72.53% 0.08 251.75deg);
+	--color-tertiary-700: oklch(64.93% 0.08 249.75deg);
+	--color-tertiary-800: oklch(57.14% 0.09 247.99deg);
+	--color-tertiary-900: oklch(49.18% 0.09 246.55deg);
+	--color-tertiary-950: oklch(41.1% 0.09 246.54deg);
+	--color-tertiary-contrast-dark: var(--color-tertiary-950);
+	--color-tertiary-contrast-light: var(--color-tertiary-50);
+	--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-400: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-500: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-600: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-700: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
+	--color-success-50: oklch(95.82% 0.06 184.52deg);
+	--color-success-100: oklch(91.55% 0.08 172.29deg);
+	--color-success-200: oklch(87.44% 0.11 165.22deg);
+	--color-success-300: oklch(83.26% 0.13 161.2deg);
+	--color-success-400: oklch(79.56% 0.16 157.13deg);
+	--color-success-500: oklch(76.12% 0.18 153.61deg);
+	--color-success-600: oklch(69.31% 0.17 151.81deg);
+	--color-success-700: oklch(62.07% 0.16 149.95deg);
+	--color-success-800: oklch(54.9% 0.15 147.65deg);
+	--color-success-900: oklch(47.26% 0.14 145.54deg);
+	--color-success-950: oklch(39.64% 0.13 143.79deg);
+	--color-success-contrast-dark: var(--color-success-950);
+	--color-success-contrast-light: var(--color-success-50);
+	--color-success-contrast-50: var(--color-success-contrast-dark);
+	--color-success-contrast-100: var(--color-success-contrast-dark);
+	--color-success-contrast-200: var(--color-success-contrast-dark);
+	--color-success-contrast-300: var(--color-success-contrast-dark);
+	--color-success-contrast-400: var(--color-success-contrast-dark);
+	--color-success-contrast-500: var(--color-success-contrast-dark);
+	--color-success-contrast-600: var(--color-success-contrast-dark);
+	--color-success-contrast-700: var(--color-success-contrast-dark);
+	--color-success-contrast-800: var(--color-success-contrast-light);
+	--color-success-contrast-900: var(--color-success-contrast-light);
+	--color-success-contrast-950: var(--color-success-contrast-light);
+	--color-warning-50: oklch(98.26% 0.1 108.02deg);
+	--color-warning-100: oklch(95.84% 0.12 104.66deg);
+	--color-warning-200: oklch(93.48% 0.13 102.21deg);
+	--color-warning-300: oklch(91.49% 0.15 100.17deg);
+	--color-warning-400: oklch(89.28% 0.16 98.19deg);
+	--color-warning-500: oklch(87.14% 0.17 96.01deg);
+	--color-warning-600: oklch(79.88% 0.16 96.31deg);
+	--color-warning-700: oklch(72.35% 0.14 95.62deg);
+	--color-warning-800: oklch(64.73% 0.13 95.92deg);
+	--color-warning-900: oklch(56.77% 0.11 94.87deg);
+	--color-warning-950: oklch(48.63% 0.1 95.22deg);
+	--color-warning-contrast-dark: var(--color-warning-950);
+	--color-warning-contrast-light: var(--color-warning-50);
+	--color-warning-contrast-50: var(--color-warning-contrast-dark);
+	--color-warning-contrast-100: var(--color-warning-contrast-dark);
+	--color-warning-contrast-200: var(--color-warning-contrast-dark);
+	--color-warning-contrast-300: var(--color-warning-contrast-dark);
+	--color-warning-contrast-400: var(--color-warning-contrast-dark);
+	--color-warning-contrast-500: var(--color-warning-contrast-dark);
+	--color-warning-contrast-600: var(--color-warning-contrast-dark);
+	--color-warning-contrast-700: var(--color-warning-contrast-dark);
+	--color-warning-contrast-800: var(--color-warning-contrast-light);
+	--color-warning-contrast-900: var(--color-warning-contrast-light);
+	--color-warning-contrast-950: var(--color-warning-contrast-light);
+	--color-error-50: oklch(81.88% 0.1 38.14deg);
+	--color-error-100: oklch(75.88% 0.13 31.15deg);
+	--color-error-200: oklch(70.29% 0.16 27.32deg);
+	--color-error-300: oklch(65.15% 0.19 25.65deg);
+	--color-error-400: oklch(60.98% 0.21 25.56deg);
+	--color-error-500: oklch(57.86% 0.22 26.62deg);
+	--color-error-600: oklch(52.52% 0.2 26.86deg);
+	--color-error-700: oklch(46.81% 0.18 27.02deg);
+	--color-error-800: oklch(41.15% 0.16 27.63deg);
+	--color-error-900: oklch(35.01% 0.14 27.9deg);
+	--color-error-950: oklch(28.69% 0.12 29.23deg);
+	--color-error-contrast-dark: var(--color-error-950);
+	--color-error-contrast-light: var(--color-error-50);
+	--color-error-contrast-50: var(--color-error-contrast-dark);
+	--color-error-contrast-100: var(--color-error-contrast-dark);
+	--color-error-contrast-200: var(--color-error-contrast-dark);
+	--color-error-contrast-300: var(--color-error-contrast-dark);
+	--color-error-contrast-400: var(--color-error-contrast-light);
+	--color-error-contrast-500: var(--color-error-contrast-light);
+	--color-error-contrast-600: var(--color-error-contrast-light);
+	--color-error-contrast-700: var(--color-error-contrast-light);
+	--color-error-contrast-800: var(--color-error-contrast-light);
+	--color-error-contrast-900: var(--color-error-contrast-light);
+	--color-error-contrast-950: var(--color-error-contrast-light);
+	--color-surface-50: oklch(100% 0 none);
+	--color-surface-100: oklch(93.98% 0 105.57deg);
+	--color-surface-200: oklch(87.66% 0 67.88deg);
+	--color-surface-300: oklch(81.35% 0 106.1deg);
+	--color-surface-400: oklch(74.79% 0 84.45deg);
+	--color-surface-500: oklch(68.29% 0 91.36deg);
+	--color-surface-600: oklch(60.99% 0 91.38deg);
+	--color-surface-700: oklch(53.5% 0 84.49deg);
+	--color-surface-800: oklch(46.03% 0 91.43deg);
+	--color-surface-900: oklch(37.94% 0 84.52deg);
+	--color-surface-950: oklch(29.34% 0 84.54deg);
+	--color-surface-contrast-dark: var(--color-surface-950);
+	--color-surface-contrast-light: var(--color-surface-50);
+	--color-surface-contrast-50: var(--color-surface-contrast-dark);
+	--color-surface-contrast-100: var(--color-surface-contrast-dark);
+	--color-surface-contrast-200: var(--color-surface-contrast-dark);
+	--color-surface-contrast-300: var(--color-surface-contrast-dark);
+	--color-surface-contrast-400: var(--color-surface-contrast-dark);
+	--color-surface-contrast-500: var(--color-surface-contrast-dark);
+	--color-surface-contrast-600: var(--color-surface-contrast-dark);
+	--color-surface-contrast-700: var(--color-surface-contrast-light);
+	--color-surface-contrast-800: var(--color-surface-contrast-light);
+	--color-surface-contrast-900: var(--color-surface-contrast-light);
+	--color-surface-contrast-950: var(--color-surface-contrast-light);
+}

src/aeclci_v1.css

@@ -0,0 +1,205 @@
+[data-theme='aeclci'] {
+	--text-scaling: 1.067;
+	--base-font-color: var(--color-surface-950);
+	--base-font-color-dark: var(--color-surface-50);
+	--base-font-family: system-ui, sans-serif;
+	--base-font-size: inherit;
+	--base-line-height: inherit;
+	--base-font-weight: normal;
+	--base-font-style: normal;
+	--base-letter-spacing: 0em;
+	--heading-font-color: inherit;
+	--heading-font-color-dark: inherit;
+	--heading-font-family: inherit;
+	--heading-font-weight: bold;
+	--heading-font-style: normal;
+	--heading-letter-spacing: inherit;
+	--anchor-font-color: var(--color-primary-500);
+	--anchor-font-color-dark: var(--color-primary-500);
+	--anchor-font-family: inherit;
+	--anchor-font-size: inherit;
+	--anchor-line-height: inherit;
+	--anchor-font-weight: inherit;
+	--anchor-font-style: inherit;
+	--anchor-letter-spacing: inherit;
+	--anchor-text-decoration: none;
+	--anchor-text-decoration-hover: underline;
+	--anchor-text-decoration-active: none;
+	--anchor-text-decoration-focus: none;
+	--spacing: 0.25rem;
+	--radius-base: 0.375rem;
+	--radius-container: 0.75rem;
+	--default-border-width: 1px;
+	--default-divide-width: 1px;
+	--default-ring-width: 1px;
+	--body-background-color: var(--color-surface-50);
+	--body-background-color-dark: var(--color-surface-950);
+	--color-primary-50: oklch(85.1% 0.07 265.19deg);
+	--color-primary-100: oklch(77.89% 0.08 264.31deg);
+	--color-primary-200: oklch(70.32% 0.08 264.44deg);
+	--color-primary-300: oklch(62.86% 0.09 263.87deg);
+	--color-primary-400: oklch(54.96% 0.1 263.8deg);
+	--color-primary-500: oklch(47.12% 0.11 262.88deg);
+	--color-primary-600: oklch(40.9% 0.1 264.73deg);
+	--color-primary-700: oklch(34.53% 0.1 267.34deg);
+	--color-primary-800: oklch(28.16% 0.09 268.81deg);
+	--color-primary-900: oklch(21.29% 0.09 271.12deg);
+	--color-primary-950: oklch(12.88% 0.09 264.05deg);
+	--color-primary-contrast-dark: var(--color-primary-950);
+	--color-primary-contrast-light: var(--color-primary-50);
+	--color-primary-contrast-50: var(--color-primary-contrast-dark);
+	--color-primary-contrast-100: var(--color-primary-contrast-dark);
+	--color-primary-contrast-200: var(--color-primary-contrast-dark);
+	--color-primary-contrast-300: var(--color-primary-contrast-dark);
+	--color-primary-contrast-400: var(--color-primary-contrast-dark);
+	--color-primary-contrast-500: var(--color-primary-contrast-light);
+	--color-primary-contrast-600: var(--color-primary-contrast-light);
+	--color-primary-contrast-700: var(--color-primary-contrast-light);
+	--color-primary-contrast-800: var(--color-primary-contrast-light);
+	--color-primary-contrast-900: var(--color-primary-contrast-light);
+	--color-primary-contrast-950: var(--color-primary-contrast-light);
+	--color-secondary-50: oklch(73.24% 0.12 278.78deg);
+	--color-secondary-100: oklch(65.76% 0.12 276.12deg);
+	--color-secondary-200: oklch(58.15% 0.12 273.33deg);
+	--color-secondary-300: oklch(50.59% 0.12 270.28deg);
+	--color-secondary-400: oklch(42.65% 0.12 267.23deg);
+	--color-secondary-500: oklch(34.53% 0.12 264.22deg);
+	--color-secondary-600: oklch(30.3% 0.11 264.59deg);
+	--color-secondary-700: oklch(25.96% 0.09 265.69deg);
+	--color-secondary-800: oklch(21.25% 0.08 267.5deg);
+	--color-secondary-900: oklch(16.42% 0.06 269.55deg);
+	--color-secondary-950: oklch(8.85% 0.06 264.05deg);
+	--color-secondary-contrast-dark: var(--color-secondary-950);
+	--color-secondary-contrast-light: var(--color-secondary-50);
+	--color-secondary-contrast-50: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-100: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-200: var(--color-secondary-contrast-dark);
+	--color-secondary-contrast-300: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-400: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-500: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-600: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-700: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-800: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-900: var(--color-secondary-contrast-light);
+	--color-secondary-contrast-950: var(--color-secondary-contrast-light);
+	--color-tertiary-50: oklch(87.75% 0.12 326.52deg);
+	--color-tertiary-100: oklch(80.92% 0.13 323.93deg);
+	--color-tertiary-200: oklch(73.87% 0.14 321.55deg);
+	--color-tertiary-300: oklch(66.9% 0.15 319.41deg);
+	--color-tertiary-400: oklch(59.72% 0.16 317.25deg);
+	--color-tertiary-500: oklch(52.73% 0.17 315.13deg);
+	--color-tertiary-600: oklch(46.6% 0.16 314.18deg);
+	--color-tertiary-700: oklch(40.43% 0.14 312.8deg);
+	--color-tertiary-800: oklch(33.85% 0.13 309.88deg);
+	--color-tertiary-900: oklch(27.23% 0.12 306.83deg);
+	--color-tertiary-950: oklch(19.83% 0.1 302.7deg);
+	--color-tertiary-contrast-dark: var(--color-tertiary-950);
+	--color-tertiary-contrast-light: var(--color-tertiary-50);
+	--color-tertiary-contrast-50: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-100: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-200: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-300: var(--color-tertiary-contrast-dark);
+	--color-tertiary-contrast-400: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-500: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-600: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-700: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-800: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-900: var(--color-tertiary-contrast-light);
+	--color-tertiary-contrast-950: var(--color-tertiary-contrast-light);
+	--color-success-50: oklch(95.23% 0.07 195.99deg);
+	--color-success-100: oklch(90.22% 0.09 189.46deg);
+	--color-success-200: oklch(85.11% 0.1 186.03deg);
+	--color-success-300: oklch(80.35% 0.12 181.75deg);
+	--color-success-400: oklch(75.55% 0.12 178.92deg);
+	--color-success-500: oklch(71.19% 0.13 174.73deg);
+	--color-success-600: oklch(64.29% 0.12 173.65deg);
+	--color-success-700: oklch(57.46% 0.11 171.75deg);
+	--color-success-800: oklch(50.18% 0.1 170.68deg);
+	--color-success-900: oklch(42.87% 0.09 167.65deg);
+	--color-success-950: oklch(34.91% 0.07 164.42deg);
+	--color-success-contrast-dark: var(--color-success-950);
+	--color-success-contrast-light: var(--color-success-50);
+	--color-success-contrast-50: var(--color-success-contrast-dark);
+	--color-success-contrast-100: var(--color-success-contrast-dark);
+	--color-success-contrast-200: var(--color-success-contrast-dark);
+	--color-success-contrast-300: var(--color-success-contrast-dark);
+	--color-success-contrast-400: var(--color-success-contrast-dark);
+	--color-success-contrast-500: var(--color-success-contrast-dark);
+	--color-success-contrast-600: var(--color-success-contrast-dark);
+	--color-success-contrast-700: var(--color-success-contrast-light);
+	--color-success-contrast-800: var(--color-success-contrast-light);
+	--color-success-contrast-900: var(--color-success-contrast-light);
+	--color-success-contrast-950: var(--color-success-contrast-light);
+	--color-warning-50: oklch(95.67% 0.05 84.56deg);
+	--color-warning-100: oklch(92.83% 0.06 82.16deg);
+	--color-warning-200: oklch(90.12% 0.08 80.33deg);
+	--color-warning-300: oklch(87.59% 0.1 80.01deg);
+	--color-warning-400: oklch(85.03% 0.12 78.35deg);
+	--color-warning-500: oklch(82.46% 0.14 76.71deg);
+	--color-warning-600: oklch(76.34% 0.13 72.25deg);
+	--color-warning-700: oklch(70.34% 0.13 68.09deg);
+	--color-warning-800: oklch(63.99% 0.13 63.18deg);
+	--color-warning-900: oklch(57.91% 0.13 57.97deg);
+	--color-warning-950: oklch(51.69% 0.13 51.44deg);
+	--color-warning-contrast-dark: var(--color-warning-950);
+	--color-warning-contrast-light: var(--color-warning-50);
+	--color-warning-contrast-50: var(--color-warning-contrast-dark);
+	--color-warning-contrast-100: var(--color-warning-contrast-dark);
+	--color-warning-contrast-200: var(--color-warning-contrast-dark);
+	--color-warning-contrast-300: var(--color-warning-contrast-dark);
+	--color-warning-contrast-400: var(--color-warning-contrast-dark);
+	--color-warning-contrast-500: var(--color-warning-contrast-dark);
+	--color-warning-contrast-600: var(--color-warning-contrast-light);
+	--color-warning-contrast-700: var(--color-warning-contrast-light);
+	--color-warning-contrast-800: var(--color-warning-contrast-light);
+	--color-warning-contrast-900: var(--color-warning-contrast-light);
+	--color-warning-contrast-950: var(--color-warning-contrast-light);
+	--color-error-50: oklch(84.29% 0.09 46.91deg);
+	--color-error-100: oklch(78.63% 0.12 39.19deg);
+	--color-error-200: oklch(72.92% 0.14 34.35deg);
+	--color-error-300: oklch(67.88% 0.17 31.48deg);
+	--color-error-400: oklch(63.09% 0.19 30.02deg);
+	--color-error-500: oklch(59.32% 0.21 29.47deg);
+	--color-error-600: oklch(53.56% 0.19 29.25deg);
+	--color-error-700: oklch(47.75% 0.17 29.2deg);
+	--color-error-800: oklch(41.51% 0.15 28.7deg);
+	--color-error-900: oklch(35.35% 0.14 28.7deg);
+	--color-error-950: oklch(28.69% 0.12 29.23deg);
+	--color-error-contrast-dark: var(--color-error-950);
+	--color-error-contrast-light: var(--color-error-50);
+	--color-error-contrast-50: var(--color-error-contrast-dark);
+	--color-error-contrast-100: var(--color-error-contrast-dark);
+	--color-error-contrast-200: var(--color-error-contrast-dark);
+	--color-error-contrast-300: var(--color-error-contrast-dark);
+	--color-error-contrast-400: var(--color-error-contrast-dark);
+	--color-error-contrast-500: var(--color-error-contrast-light);
+	--color-error-contrast-600: var(--color-error-contrast-light);
+	--color-error-contrast-700: var(--color-error-contrast-light);
+	--color-error-contrast-800: var(--color-error-contrast-light);
+	--color-error-contrast-900: var(--color-error-contrast-light);
+	--color-error-contrast-950: var(--color-error-contrast-light);
+	--color-surface-50: oklch(100% 0 none);
+	--color-surface-100: oklch(97.02% 0 none);
+	--color-surface-200: oklch(94.01% 0 none);
+	--color-surface-300: oklch(91.12% 0 196.34deg);
+	--color-surface-400: oklch(88.07% 0 196.37deg);
+	--color-surface-500: oklch(84.99% 0 196.4deg);
+	--color-surface-600: oklch(77.78% 0 196.47deg);
+	--color-surface-700: oklch(70.09% 0 196.54deg);
+	--color-surface-800: oklch(62.51% 0 196.61deg);
+	--color-surface-900: oklch(54.34% 0 196.68deg);
+	--color-surface-950: oklch(46.22% 0 196.73deg);
+	--color-surface-contrast-dark: var(--color-surface-950);
+	--color-surface-contrast-light: var(--color-surface-50);
+	--color-surface-contrast-50: var(--color-surface-contrast-dark);
+	--color-surface-contrast-100: var(--color-surface-contrast-dark);
+	--color-surface-contrast-200: var(--color-surface-contrast-dark);
+	--color-surface-contrast-300: var(--color-surface-contrast-dark);
+	--color-surface-contrast-400: var(--color-surface-contrast-dark);
+	--color-surface-contrast-500: var(--color-surface-contrast-dark);
+	--color-surface-contrast-600: var(--color-surface-contrast-dark);
+	--color-surface-contrast-700: var(--color-surface-contrast-dark);
+	--color-surface-contrast-800: var(--color-surface-contrast-dark);
+	--color-surface-contrast-900: var(--color-surface-contrast-light);
+	--color-surface-contrast-950: var(--color-surface-contrast-light);
+}

src/app.d.ts

@@ -0,0 +1,9 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+// and what to do when importing types
+declare namespace App {
+	// interface Locals {}
+	// interface PageData {}
+	// interface Error {}
+	// interface Platform {}
+}

src/app.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en" class="light" data-theme="">
+    <head>
+        <meta charset="utf-8" >
+
+        <link rel="icon" href="%sveltekit.assets%/favicon.png" >
+        <link rel="manifest" href="%sveltekit.assets%/manifest.json">
+
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+
+        <link rel="preconnect" href="https://fonts.gstatic.com">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
+
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" >
+
+        <!-- <link href="app.css" rel="stylesheet"> -->
+
+        %sveltekit.head%
+    </head>
+    <!-- h-full w-full overflow-auto -->
+    <!-- overflow-x-scroll -->
+    <body data-sveltekit-preload-data="hover" class="h-full w-full">
+
+        <div style="display: contents" class="">%sveltekit.body%</div>
+
+    </body>
+</html>

src/assets/svelte.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="26.6" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 308"><path fill="#FF3E00" d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.198 82.198 0 0 0-37.135 55.056a86.566 86.566 0 0 0 8.536 55.576a82.425 82.425 0 0 0-12.296 30.719a87.596 87.596 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.182 82.182 0 0 0 37.135-55.057a86.601 86.601 0 0 0-8.53-55.577a82.409 82.409 0 0 0 12.29-30.718a87.573 87.573 0 0 0-14.963-66.244"></path><path fill="#FFF" d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.685 52.685 0 0 1-9.003-39.85a49.978 49.978 0 0 1 1.713-6.693l1.35-4.115l3.671 2.697a92.447 92.447 0 0 0 28.036 14.007l2.663.808l-.245 2.659a16.067 16.067 0 0 0 2.89 10.656a17.143 17.143 0 0 0 18.397 6.828a15.786 15.786 0 0 0 4.403-1.935l71.67-45.672a14.922 14.922 0 0 0 6.734-9.977a15.923 15.923 0 0 0-2.713-12.011a17.156 17.156 0 0 0-18.404-6.832a15.78 15.78 0 0 0-4.396 1.933l-27.35 17.434a52.298 52.298 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.681 52.681 0 0 1-9.004-39.849a49.428 49.428 0 0 1 22.34-33.114l71.664-45.677a52.218 52.218 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.685 52.685 0 0 1 9.004 39.85a50.559 50.559 0 0 1-1.713 6.692l-1.35 4.116l-3.67-2.693a92.373 92.373 0 0 0-28.037-14.013l-2.664-.809l.246-2.658a16.099 16.099 0 0 0-2.89-10.656a17.143 17.143 0 0 0-18.398-6.828a15.786 15.786 0 0 0-4.402 1.935l-71.67 45.674a14.898 14.898 0 0 0-6.73 9.975a15.9 15.9 0 0 0 2.709 12.012a17.156 17.156 0 0 0 18.404 6.832a15.841 15.841 0 0 0 4.402-1.935l27.345-17.427a52.147 52.147 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.681 52.681 0 0 1 9.003 39.848a49.453 49.453 0 0 1-22.34 33.12l-71.664 45.673a52.218 52.218 0 0 1-14.563 6.398"></path></svg>

src/hold_app.postcss

@@ -0,0 +1,546 @@
+@import "tailwindcss/preflight";
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 224 71.4% 4.1%;
+    --muted: 220 14.3% 95.9%;
+    --muted-foreground: 220 8.9% 46.1%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 224 71.4% 4.1%;
+    --card: 0 0% 100%;
+    --card-foreground: 224 71.4% 4.1%;
+    --border: 220 13% 91%;
+    --input: 220 13% 91%;
+    --primary: 220.9 39.3% 11%;
+    --primary-foreground: 210 20% 98%;
+    --secondary: 220 14.3% 95.9%;
+    --secondary-foreground: 220.9 39.3% 11%;
+    --accent: 220 14.3% 95.9%;
+    --accent-foreground: 220.9 39.3% 11%;
+    --destructive: 0 72.2% 50.6%;
+    --destructive-foreground: 210 20% 98%;
+    --ring: 224 71.4% 4.1%;
+    --radius: 0.5rem;
+	--sidebar-background: 0 0% 98%;
+    --sidebar-foreground: 240 5.3% 26.1%;
+    --sidebar-primary: 240 5.9% 10%;
+    --sidebar-primary-foreground: 0 0% 98%;
+    --sidebar-accent: 240 4.8% 95.9%;
+    --sidebar-accent-foreground: 240 5.9% 10%;
+    --sidebar-border: 220 13% 91%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+  }
+
+  .dark {
+    --background: 224 71.4% 4.1%;
+    --foreground: 210 20% 98%;
+    --muted: 215 27.9% 16.9%;
+    --muted-foreground: 217.9 10.6% 64.9%;
+    --popover: 224 71.4% 4.1%;
+    --popover-foreground: 210 20% 98%;
+    --card: 224 71.4% 4.1%;
+    --card-foreground: 210 20% 98%;
+    --border: 215 27.9% 16.9%;
+    --input: 215 27.9% 16.9%;
+    --primary: 210 20% 98%;
+    --primary-foreground: 220.9 39.3% 11%;
+    --secondary: 215 27.9% 16.9%;
+    --secondary-foreground: 210 20% 98%;
+    --accent: 215 27.9% 16.9%;
+    --accent-foreground: 210 20% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 20% 98%;
+    --ring: 216 12.2% 83.9%;
+	--sidebar-background: 240 5.9% 10%;
+    --sidebar-foreground: 240 4.8% 95.9%;
+    --sidebar-primary: 224.3 76.3% 48%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 3.7% 15.9%;
+    --sidebar-accent-foreground: 240 4.8% 95.9%;
+    --sidebar-border: 240 3.7% 15.9%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+  }
+}
+
+@layer base {
+  * {
+    border-color: hsl(var(--border));
+  }
+  body {
+    background-color: hsl(var(--background));
+    color: hsl(var(--foreground));
+  }
+}
+
+
+
+
+/* There are no more Tailwind layers. */
+
+html,
+body {
+    @apply h-full overflow-hidden;
+
+    /* font-family: 'Liberation Sans', sans-serif; */
+    /* font-family: 'Noto Sans', sans-serif; */
+}
+
+html.super_access #appShell {
+    background-color: hsla(0, 100%, 50%, 0.5);
+}
+
+html.manager_access #appShell {
+    background-color: hsla(0, 50%, 75%, 0.5);
+}
+html.administrator_access #appShell {
+    background-color: hsla(40, 50%, 85%, 0.25);
+}
+html.trusted_access #appShell {
+    background-color: hsla(20, 50%, 85%, 0.25);
+}
+
+/* default theme */
+/* @font-face {
+    font-family: 'Liberation Sans', sans-serif;
+    font-family: 'Noto Sans', sans-serif;
+    src: url('/fonts/liberation/LiberationSans-Regular.ttf');
+    src: url('/fonts/noto/NotoSans-Regular.ttf');
+    font-display: swap;
+} */
+
+/* modern theme */
+@font-face {
+    font-family: 'Quicksand';
+    src: url('/fonts/Quicksand.ttf');
+    font-display: swap;
+}
+
+/* :root [data-theme='modern'] { */
+	/* --theme-rounded-base: 20px;
+	--theme-rounded-container: 4px; */
+
+    /* --theme-font-family-base: 'Liberation Sans', sans-serif; */
+    /* --theme-font-family-heading: 'Liberation Sans', sans-serif; */
+/* } */
+
+.card-footer {
+    border-top: 1px solid hsla(0, 0%, 0%, 0.5);
+    margin-top: 1em;
+    padding-top: 1em;
+
+    opacity: .5;
+}
+
+
+/* Tailwind: This "fixes" Tailwind's default group button styles that do not seem to allow hiding buttons. */
+.btn-group a.hidden, .btn-group button.hidden {
+    display: none;
+}
+
+
+.ae_d_none {
+    display: none;
+}
+
+
+/* Allow content to scroll horizontal if too wide */
+.ae_h_scrollfix {
+    max-width: 100%;
+    overflow-x: auto;
+}
+
+/* These helps with the Skeleton Tailwind modal utility. */
+.ae_modal_scrollfix {
+    /* Allow modal content to scroll if it's too long */
+    overflow-y: auto;
+    max-height: 96vh;
+    /* max-height: 99%; */
+
+}
+
+.ae_debug {
+    /* A darker pink outline */
+    outline: thin dashed;
+    outline-color: hsla(0, 100%, 50%, 0.15);
+    /* A light pink background color */
+    background-color: hsla(0, 100%, 50%, 0.15);
+}
+.ae_debug:hover {
+    /* A darker pink outline */
+    outline-color: hsla(0, 100%, 50%, 0.50);
+    /* A light pink background color */
+    background-color: hsla(0, 100%, 50%, 0.40);
+}
+
+
+/* Deal with being in an iframe */
+#appShell #shell-header.iframe {
+    display: none;
+}
+
+#appShell #shell-footer.iframe {
+    display: none;
+}
+
+/* Remove the background from the body in all cases */
+/* body[data-theme] { */
+    /* background: none; */
+    /* background-image: none; */
+/* } */
+
+/* Remove the background from the body if using iframes */
+/* body[data-theme]:has(#page.iframe) { */
+    /* background: none; */
+    /* background-image: none; */
+    /* background-image: url('https://static.oneskyit.com/c/CHOW/images/CHOW_2024_yellow_background.png'); */
+    /* background-size: cover; */
+/* } */
+
+main {
+    /* background: none;
+    background-color: hsla(0, 0%, 100%, 0.92); */
+}
+
+main>section {
+    background: none;
+    background-color: hsla(0, 0%, 100%, 0.92);
+    padding: .5em;
+}
+
+/* @media (min-width: 640px) {
+    main>div, main>section {
+        padding: 0;
+        max-width: 100%;
+    }
+} */
+
+/* @media (min-width: 768px) {
+    main>div, main>section {
+        padding: 0;
+        max-width: 100%;
+    }
+} */
+
+.ae_sponsorships {
+    /* background: none; */
+    /* background-color: hsla(0, 0%, 100%, 0.92); */
+    /* background-image: url('https://static.oneskyit.com/c/CHOW/images/CHOW_2024_yellow_background.png'); */
+    /* background-size: cover; */
+}
+
+pre.pre_wrap {
+    white-space: pre-wrap;
+    word-break: normal;
+    word-wrap: normal;
+
+    border: none;
+
+    max-width: 100%;
+    overflow-x: auto;
+}
+
+
+input.required {
+    /* border-right: solid medium var(--color-warning-500); */
+    /* color: var(--color-warning-500); */
+}
+
+input:required {
+    /* background-color: var(--alert-color-lightest); */
+    /* border: solid 2px red; */
+    /* outline: dashed thin var(--alert-color-lighter); */
+
+    /* border-right: solid medium var(--alert-color-mid); */
+    /* border-right: solid medium var(--warning-color-mid); */
+    /* border-right: solid medium var(--error-color-mid); */
+}
+/* input:required:hover {
+    background-color: var(--alert-color-lighter);
+    border-right: solid thick var(--alert-color-darker);
+} */
+
+/* input:required::before {
+    display: block;
+
+    content: '*';
+    color: var(--warning-color-darker);
+
+    top: 5px;
+    left: 5px;
+} */
+
+.input_required::after {
+    content: '*';
+    color: rgb(var(--color-error-500) / 0.9);
+
+    position: relative;
+    /* top: 0em; */
+    left: .25em;
+}
+
+/* Make the group a flex row by default */
+/* div.btn-group { */
+    /* display: flex; */
+    /* gap: 0; */
+    /* flex-direction: row; */
+    /* justify-content: space-around; */
+    /* align-items: center; */
+    /* margin: 0;
+    padding: 0; */
+
+/* } */
+/* Make all button elements except for the the first button element not rounded on the left. */
+/* Make all button elements except for the fhe last button element not rounded on the right. */
+/* These helps with the Skeleton (Tailwind?) button group element. */
+.btn-group button {
+    border-radius: 0;
+    border: none;
+}
+
+/* .md:btn-group button,
+.lg:btn-group button {
+    border-radius: 0;
+    border: none;
+} */
+
+/* div.btn-group button:first-child {
+    border-top-left-radius: .25rem;
+    border-bottom-left-radius: .25rem;
+}
+div.btn-group button:last-child {
+    border-top-right-radius: .25rem;
+    border-bottom-right-radius: .25rem;
+} */
+
+.ae_obj_prop .label {
+
+}
+
+.ae_obj_prop .value {
+    font-weight: bold;
+}
+
+
+.ae_md_hide {
+    /* outline: medium dashed green; */
+    /* display: none; */
+
+}
+
+@media (max-width: 767px) {
+    .ae_md_hide {
+        /* outline: medium dashed red; */
+        display: none;
+    }
+}
+@media (min-width: 768px) {
+    .ae_lg_hide {
+        /* outline: medium dashed blue; */
+        display: none;
+    }
+}
+
+
+
+
+/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
+div.ae_quick_modal_container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+    background-color: hsla(0, 0%, 0%, .5);
+}
+
+/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
+section.ae_quick_popover {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 100;
+    background-color: hsla(0, 0%, 100%, .95);
+    padding: 1rem;
+    border-radius: .5rem;
+    box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
+
+    min-height: 98%;
+    min-width: 98%;
+}
+
+section.ae_quick_popover_small {
+    position: fixed;
+    top: 1em;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    z-index: 100;
+    background-color: hsla(0, 0%, 100%, .95);
+    padding: 1rem;
+    border-radius: .5rem;
+    box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
+
+    min-height: 24rem;
+    max-height: 95%;
+    min-width: 50%;
+    max-width: 95%;
+}
+
+
+.fade_50 {
+    opacity: 0.5;
+}
+.fade_50:hover {
+    opacity: 1;
+}
+
+
+.auth_view_only {
+    display: none;
+}
+.ae_root--auth_access .auth_view_only {
+    display: initial;
+}
+
+
+
+img.qr_code {
+    /* outline: solid thin hsla(30, 100%, 50%, .1); */
+    /* width: 1.50in; */
+}
+
+img.qr_code:hover {
+    /* outline: solid thin green; */
+    /* width: 2.50in; */
+}
+
+img.qr_code:focus {
+    /* outline: solid thin red; */
+    /* width: 2.50in; */
+}
+
+
+.dim {
+    opacity: 0.5;
+    color: hsla(0, 0%, 50%, .95);
+}
+.dim_warning {
+    opacity: 0.5;
+    /* color: hsla(0, 100%, 50%, .95); */
+    /* background should be hash marks */
+    background-image: repeating-linear-gradient(-45deg, hsla(0, 100%, 50%, .25), hsla(0, 100%, 50%, .25) 10px, transparent 10px, transparent 20px);
+}
+
+
+@media (max-width: 767px) {
+    .sk_header.hide_sm {
+        display: none;
+    }
+    .sk_header.show_sm {
+        display: initial;
+    }
+    .sk_header.show_md {
+        display: none;
+    }
+}
+
+@media (min-width: 768px) {
+    .sk_header.hide_md {
+        display: none;
+    }
+    .sk_header.show_md {
+        display: initial;
+    }
+    .sk_header.show_sm {
+        display: none;
+    }
+}
+
+/* We need to reset many of the styles for the reset_css class. */
+.reset_css p {
+    margin: .75em 0;
+}
+.reset_css ol {
+    list-style-type: decimal;
+}
+.reset_css ul {
+    list-style-type: disc;
+}
+.reset_css li {
+    margin-left: 1.5em;
+}
+/* Reset anchor tags to the default color and underline. */
+.reset_css a {
+    color: hsla(210, 100%, 50%, 1);
+    text-decoration: underline;
+}
+.reset_css a:hover {
+    color: hsla(210, 100%, 50%, .75);
+    text-decoration: none;
+}
+
+
+/* .ae_btn.btn-danger,
+.ae_btn.btn-info,
+.ae_btn.btn-warning {
+    border-radius: 60px;
+} */
+
+/* .ae_margin_xs {
+    margin: 0.25em;
+}
+.ae_margin_sm {
+    margin: 0.5em;
+}
+.ae_margin_md {
+    margin: 0.75em;
+}
+.ae_margin_lg {
+    margin: 1em;
+}
+.ae_margin_lg {
+    margin: 1.25em;
+} */
+
+/* BEGIN: Overrides and fixes specific to Novi and IDAA */
+.iframe .novi_btn {
+    border-radius: 60px;
+    border-color: hsla(0, 0%, 50%, .5);
+}
+
+.iframe .novi_margin_sm {
+    /* margin: 0.5em; */
+}
+
+.iframe .novi_text_wrap {
+    /* white-space: normal; */
+    white-space: pre-wrap;
+    word-break: break-word;
+}
+
+/* END: Overrides and fixes specific to Novi and IDAA */
+
+.iframe button.ae_normal,
+.iframe .btn.ae_normal {
+    /* font: normal 1em sans-serif; */
+    font-size: 1rem;
+}
+
+.iframe button.ae_smaller,
+.iframe .btn.ae_smaller,
+.iframe button.novi_smaller,
+.iframe .btn.novi_smaller
+{
+    font-size: 0.8rem;
+}
+
+.iframe button.ae_smallest,
+.iframe .btn.ae_smallest,
+.iframe button.novi_smallest,
+.iframe .btn.novi_smallest
+{
+    font-size: 0.65rem;
+}

src/index.test.ts

@@ -0,0 +1,7 @@
+import { describe, it, expect } from 'vitest';
+
+describe('sum test', () => {
+	it('adds 1 + 2 to equal 3', () => {
+		expect(1 + 2).toBe(3);
+	});
+});

src/lib/Counter.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  let count: number = 0
-  const increment = () => {
-    count += 1
-  }
-</script>
-
-<button on:click={increment}>
-  count is {count}
-</button>

src/lib/ae_api/api_delete_object.ts

@@ -0,0 +1,133 @@
+// import axios from 'axios';
+
+// Updated 2024-05-23
+export let delete_object = async function delete_object(
+    {
+        api_cfg = null,
+        endpoint = '',
+        params = {},
+        data = {},
+        return_meta = false,
+        log_lvl = 0,
+        retry_count = 5 // Number of retry attempts
+    }: {
+        api_cfg: any,
+        endpoint: string,
+        params?: any,
+        data?: any,
+        return_meta?: boolean,
+        log_lvl?: number,
+        retry_count?: number
+    }
+    ) {
+    if (log_lvl) {
+        console.log(`*** delete_object() *** Endpoint: ${endpoint}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+        }
+    }
+
+    if (!api_cfg) {
+        console.error('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    // Construct the URL with query parameters
+    const url = new URL(endpoint, api_cfg['base_url']);
+    Object.keys(params).forEach(key => url.searchParams.append(key, params[key]));
+
+    // Clean the headers
+    let headers_cleaned: Record<string, string> = {};
+    for (const prop in api_cfg['headers']) {
+        let prop_cleaned = prop.replaceAll('_', '-');
+        headers_cleaned[prop_cleaned] = api_cfg['headers'][prop];
+    }
+
+    if (log_lvl > 1) {
+        console.log('Cleaned Headers:', headers_cleaned);
+    }
+
+    const fetchOptions: RequestInit = {
+        method: 'DELETE',
+        headers: {
+            ...headers_cleaned,
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    };
+
+    if (log_lvl > 1) {
+        console.log('Fetch Options:', fetchOptions);
+    }
+
+    for (let attempt = 1; attempt <= retry_count; attempt++) {
+        try {
+            const response = await fetch(url.toString(), fetchOptions);
+
+            if (log_lvl) {
+                console.log(`Response: status=${response.status} attempt=${attempt}`);
+            }
+
+            if (!response.ok) {
+                if (response.status === 404) {
+                    console.warn('404 Not Found. Returning null.');
+                    return null; // Returning null since there were no results
+                }
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            const json = await response.json();
+
+            if (log_lvl > 1) {
+                console.log('Response JSON:', json);
+            }
+
+            // Return the response data or metadata
+            return return_meta ? json : json.data;
+        } catch (error) {
+            console.error(`API DELETE error on attempt ${attempt}:`, error);
+
+            // If this is the last attempt, return false
+            if (attempt === retry_count) {
+                console.error('Max retry attempts reached. Returning false.');
+                return false;
+            }
+
+            // Log retry information
+            if (log_lvl) {
+                console.log(`Retrying... (${attempt}/${retry_count})`);
+            }
+        }
+    }
+
+
+    // https://stackoverflow.com/questions/51069552/axios-delete-request-with-body-and-headers
+
+    // let axios_api = axios.create({
+    //     baseURL: api_cfg['base_url'],
+    //     // timeout: 2000,
+    //     /* other custom settings */
+    // });
+    // axios_api.defaults.headers = api_cfg['headers'];
+
+    // //OLD: axios_api.delete(endpoint, { 'data': data })
+    // let response_data = await axios_api.delete(endpoint, { params: params, 'data': data })
+    // .then(function (response) {
+    //     console.log(response.data);
+    //     return response.data;
+    // })
+    // .catch(function (error) {
+    //     if (error.response && error.response.status === 404) {
+    //         return null; // Returning null since there were no results
+    //     }
+    //     console.log(error);
+    //     return false; // Returning false since something may have gone wrong. Also more in line with what the API returns.
+    //     // return error;
+    // });
+
+    // if (log_lvl > 1) {
+    //     console.log(response_data);
+    // }
+    // return response_data;
+}

src/lib/ae_api/api_get__crud_obj_id.ts

@@ -0,0 +1,175 @@
+import type { key_val } from '$lib/ae_stores';
+import { get_object } from './api_get_object';
+
+// Updated 2023-12-01
+export async function get_ae_obj_id_crud(
+        {
+            api_cfg,
+            no_account_id = false,
+            obj_type,
+            obj_id,
+            use_alt_table = false,
+            use_alt_base = false,
+            inc = {},
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 999999,
+            offset = 0,
+            data = {},
+            // key,
+            // jwt = null,
+            headers = {},
+            params = {},
+            timeout = 25000,
+            return_meta = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            no_account_id?: boolean,
+            obj_type: string,
+            obj_id: string,
+            use_alt_table?: boolean,
+            use_alt_base?: boolean,
+            inc?: any,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            data?: any,
+            // key: string,
+            // jwt?: string,
+            headers?: any,
+            params?: key_val,
+            timeout?: number,
+            return_meta?: boolean,
+            log_lvl?: number
+        }
+        ) {
+    if (log_lvl) {
+        console.log('*** get_ae_obj_id_crud() ***');
+    }
+
+    // data = {};
+    // data['super_key'] = key;
+    // data['jwt'] = jwt;
+    // NOTE: The key and or JWT should be in the header of the DELETE, GET, PATCH, POST
+
+    let endpoint = '';
+    if (obj_type == 'account') {
+        endpoint = `/crud/account/${obj_id}`;
+    } else if (obj_type == 'address') {
+        endpoint = `/crud/address/${obj_id}`;
+    } else if (obj_type == 'archive') {
+        endpoint = `/crud/archive/${obj_id}`;
+    } else if (obj_type == 'archive_content') {
+        endpoint = `/crud/archive/content/${obj_id}`;
+    } else if (obj_type == 'contact') {
+        endpoint = `/crud/contact/${obj_id}`;
+    } else if (obj_type == 'data_store') {
+        endpoint = `/crud/data_store/${obj_id}`;
+    } else if (obj_type == 'event') {
+        endpoint = `/crud/event/${obj_id}`;
+    } else if (obj_type == 'event_abstract') {
+        endpoint = `/crud/event/abstract/${obj_id}`;
+    } else if (obj_type == 'event_badge') {
+        endpoint = `/crud/event/badge/${obj_id}`;
+    } else if (obj_type == 'event_device') {
+        endpoint = `/crud/event/device/${obj_id}`;
+    } else if (obj_type == 'event_exhibit') {
+        endpoint = `/crud/event/exhibit/${obj_id}`;
+    } else if (obj_type == 'event_exhibit_tracking') {
+        endpoint = `/crud/event/exhibit/tracking/${obj_id}`;
+    } else if (obj_type == 'event_file') {
+        endpoint = `/crud/event/file/${obj_id}`;
+    } else if (obj_type == 'event_location') {
+        endpoint = `/crud/event/location/${obj_id}`;
+    } else if (obj_type == 'event_person') {
+        endpoint = `/crud/event/person/${obj_id}`;
+    } else if (obj_type == 'event_presentation') {
+        endpoint = `/crud/event/presentation/${obj_id}`;
+    } else if (obj_type == 'event_presenter') {
+        endpoint = `/crud/event/presenter/${obj_id}`;
+    } else if (obj_type == 'event_session') {
+        endpoint = `/crud/event/session/${obj_id}`;
+    } else if (obj_type == 'event_track') {
+        endpoint = `/crud/event/track/${obj_id}`;
+    } else if (obj_type == 'grant') {
+        endpoint = `/crud/grant/${obj_id}`;
+    } else if (obj_type == 'hosted_file') {
+        endpoint = `/crud/hosted_file/${obj_id}`;
+    } else if (obj_type == 'journal') {
+        endpoint = `/crud/journal/${obj_id}`;
+    } else if (obj_type == 'journal_entry') {
+        endpoint = `/crud/journal/entry/${obj_id}`;
+    } else if (obj_type == 'order') {
+        endpoint = `/crud/order/${obj_id}`;
+    } else if (obj_type == 'order_line') {
+        endpoint = `/crud/order/line/${obj_id}`;
+    } else if (obj_type == 'page') {
+        endpoint = `/crud/page/${obj_id}`;
+    } else if (obj_type == 'person') {
+        endpoint = `/crud/person/${obj_id}`;
+    } else if (obj_type == 'post') {
+        endpoint = `/crud/post/${obj_id}`;
+    } else if (obj_type == 'post_comment') {
+        endpoint = `/crud/post/comment/${obj_id}`;
+    } else if (obj_type == 'site') {
+        endpoint = `/crud/site/${obj_id}`;
+    } else if (obj_type == 'site_domain') {
+        endpoint = `/crud/site/domain/${obj_id}`;
+    } else if (obj_type == 'sponsorship_cfg') {
+        endpoint = `/crud/sponsorship/cfg/${obj_id}`;
+    } else if (obj_type == 'sponsorship') {
+        endpoint = `/crud/sponsorship/${obj_id}`;
+    // } else if (obj_type == 'user') {
+    //     endpoint = `/crud/user/${obj_id}`;
+    } else {
+        console.log(`Unknown object type: ${obj_type}`);
+        return false;
+    }
+    if (log_lvl) {
+        console.log('Endpoint:', endpoint);
+    }
+
+    params['use_alt_table'] = use_alt_table;
+    params['use_alt_base'] = use_alt_base;
+
+    if (log_lvl) {
+        console.log('Params:', params);
+    }
+
+    if (no_account_id) {
+        headers['x-no-account-id'] = 'Nothing to See Here';
+        delete headers['x-account-id'];
+        delete api_cfg['headers']['x-account-id'];
+        // headers['x-account-id'] = null;
+        // headers['x-account-id'] = '_XY7DXtc9Mxx';
+        // params['x_no_account_id_token'] = 'Nothing to See Here';
+
+        // Remove the x-account-id header
+        // if (headers['x-account-id']) {
+        //     delete headers['x-account-id'];
+        // }
+
+        // headers['x-account-id'] = null;
+        // headers['x-no-account-id-token'] = 'Nothing to See Here'; // get_object() will fix the underscores to dashes
+    }
+
+    let object_obj_get_promise = await get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        headers: headers,
+        params: params,
+        timeout: timeout,
+        log_lvl: log_lvl
+        })
+    .catch(function (error) {
+        console.log('API GET CRUD object ID request failed.', error);
+    });
+
+    if (log_lvl > 1) {
+        console.log('GET Object result =', object_obj_get_promise);
+    }
+
+    return object_obj_get_promise;
+}

src/lib/ae_api/api_get__crud_obj_li_v1.ts

@@ -0,0 +1,229 @@
+import type { key_val } from '$lib/ae_stores';
+import { get_object } from './api_get_object';
+
+// The lookup "obj_type" should broken out into a separate function. - 2024-08-07
+// Updated 2023-11-15
+export async function get_ae_obj_li_for_obj_id_crud(
+        {
+            api_cfg,
+            obj_type,
+            for_obj_type,
+            for_obj_id, // NOTE: Changed 2023-12-06 to no longer required
+            use_alt_table = false,
+            use_alt_base = false,
+            // inc = {},
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            order_by_li = null,
+            limit = 999999,
+            offset = 0,
+            // key,
+            // jwt = null,
+            headers = {},
+            params_json = null, // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the API endpoint. Example: { "fulltext_search": { "default_qry_str": "Search string for default", "address_default_qry_str": "Search string for address", "contact_1_default_qry_str": "Search string for contact_1" } }
+            // json_obj = null, // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+            params = {},
+            return_meta = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            obj_type: string,
+            for_obj_type: null|string,
+            for_obj_id?: string,
+            use_alt_table?: boolean,
+            use_alt_base?: boolean,
+            // inc?: key_val
+            enabled?: string,
+            hidden?: string,
+            order_by_li?: any,
+            limit?: number,
+            offset?: number,
+            // key: string,
+            // jwt?: string,
+            headers?: any,
+            params_json?: any,
+            // json_obj?: any,
+            params?: key_val,
+            return_meta?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** get_ae_obj_li_for_obj_id_crud() *** [${obj_type}]`);
+    }
+
+    // data = {};
+    // data['super_key'] = key;
+    // data['jwt'] = jwt;
+    // NOTE: The key and or JWT should be in the header of the DELETE, GET, PATCH, POST
+
+    // const endpoint = `/crud/${obj_type}/list`;
+
+    let endpoint = '';
+    if (obj_type == 'account') {
+        endpoint = `/crud/account/list`;
+    } else if (obj_type == 'address') {
+        endpoint = `/crud/address/list`;
+    } else if (obj_type == 'archive') {
+        endpoint = `/crud/archive/list`;
+    } else if (obj_type == 'archive_content') {
+        endpoint = `/crud/archive/content/list`;
+    } else if (obj_type == 'contact') {
+        endpoint = `/crud/contact/list`;
+    } else if (obj_type == 'data_store') {
+        endpoint = `/crud/data_store/list`;
+    } else if (obj_type == 'event') {
+        endpoint = `/crud/event/list`;
+    } else if (obj_type == 'event_abstract') {
+        endpoint = `/crud/event/abstract/list`;
+    } else if (obj_type == 'event_badge') {
+        endpoint = `/crud/event/badge/list`;
+    } else if (obj_type == 'event_device') {
+        endpoint = `/crud/event/device/list`;
+    } else if (obj_type == 'event_exhibit') {
+        endpoint = `/crud/event/exhibit/list`;
+    } else if (obj_type == 'event_exhibit_tracking') {
+        endpoint = `/crud/event/exhibit/tracking/list`;
+    } else if (obj_type == 'event_file') {
+        endpoint = `/crud/event/file/list`;
+    } else if (obj_type == 'event_location') {
+        endpoint = `/crud/event/location/list`;
+    } else if (obj_type == 'event_person') {
+        endpoint = `/crud/event/person/list`;
+    } else if (obj_type == 'event_presentation') {
+        endpoint = `/crud/event/presentation/list`;
+    } else if (obj_type == 'event_presenter') {
+        endpoint = `/crud/event/presenter/list`;
+    } else if (obj_type == 'event_session') {
+        endpoint = `/crud/event/session/list`;
+    } else if (obj_type == 'event_track') {
+        endpoint = `/crud/event/track/list`;
+    } else if (obj_type == 'grant') {
+        endpoint = `/crud/grant/list`;
+    } else if (obj_type == 'hosted_file') {
+        endpoint = `/crud/hosted_file/list`;
+    } else if (obj_type == 'journal') {
+        endpoint = `/crud/journal/list`;
+    } else if (obj_type == 'journal_entry') {
+        endpoint = `/crud/journal/entry/list`;
+    } else if (obj_type == 'order') {
+        endpoint = `/crud/order/list`;
+    } else if (obj_type == 'order_line') {
+        endpoint = `/crud/order/line/list`;
+    } else if (obj_type == 'page') {
+        endpoint = `/crud/page/list`;
+    } else if (obj_type == 'person') {
+        endpoint = `/crud/person/list`;
+    } else if (obj_type == 'post') {
+        endpoint = `/crud/post/list`;
+    } else if (obj_type == 'post_comment') {
+        endpoint = `/crud/post/comment/list`;
+    } else if (obj_type == 'site') {
+        endpoint = `/crud/site/list`;
+    } else if (obj_type == 'sponsorship_cfg') {
+        endpoint = `/crud/sponsorship/cfg/list`;
+    } else if (obj_type == 'sponsorship') {
+        endpoint = `/crud/sponsorship/list`;
+    // } else if (obj_type == 'user') {
+    //     endpoint = `/crud/user/list`;
+    } else if (obj_type == 'lu' && for_obj_type == 'country_subdivision') {
+        endpoint = `/crud/lu/country_subdivision/list`;
+        for_obj_type = null;
+    } else if (obj_type == 'lu' && for_obj_type == 'country') {
+        endpoint = `/crud/lu/country/list`;
+        for_obj_type = null;
+    } else if (obj_type == 'lu' && for_obj_type == 'time_zone') {
+        endpoint = `/crud/lu/time_zone/list`;
+        for_obj_type = null;
+    } else {
+        console.log(`Unknown object type: ${obj_type}`);
+        return false;
+    }
+    if (log_lvl) {
+        console.log('Endpoint:', endpoint);
+    }
+
+    if (for_obj_type) {
+        params['for_obj_type'] = for_obj_type;
+    }
+    if (for_obj_id) {
+        params['for_obj_id'] = for_obj_id;
+    }
+
+    params['use_alt_table'] = use_alt_table;
+    params['use_alt_base'] = use_alt_base;
+
+    /* Need to deal with inc params here */
+
+    let allowed_enabled_list = ['all', 'enabled', 'not_enabled']
+    if (allowed_enabled_list.includes(enabled) ) {
+        params['enabled'] = enabled;
+    }
+
+    let allowed_hidden_list = ['all', 'hidden', 'not_hidden'];
+    if (allowed_hidden_list.includes(hidden) ) {
+        params['hidden'] = hidden;
+    }
+
+    // NOTE: The order_by_li variable is in the "headers" because if is a the URL GET params do not handle multiple values very well. Maybe base64 encore in the future or something? Reminder that GET requests should not have a body (no JSON).
+    // NOTE: The order_by_li should be a key value pair of the property/DB field to sort and how to sort (ASC or DESC)
+    if (order_by_li) {
+        if (log_lvl) {
+            console.log('Order By:', order_by_li);
+        }
+        headers['order_by_li'] = order_by_li;
+    }
+
+    if (limit >= 0) {
+        params['limit'] = limit;
+    }
+
+    if (offset >= 0) {
+        params['offset'] = offset;
+    }
+
+    if (params_json) {
+        // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+        // Max characters for a GET request is 2083. This is a limitation of the browser (Microsoft IE and Edge).
+        if (log_lvl) {
+            console.log('JSON Object:', params_json);
+            console.log(JSON.stringify(params_json));
+        }
+        // NOTE: "jp" stands for "JSON Params"
+        params['jp'] = encodeURIComponent(JSON.stringify(params_json));
+        if (params['jp'].length > 2083) {
+            console.log(`The JSON object is too large to be used as a GET parameter. The overall max URL length is 2083 characters. Please use the POST endpoint instead. Length = ${params['jp'].length} [THIS DOES NOT EXIST YET]`);
+            return false;
+        }
+    }
+
+    // if (json_obj) {
+    //     // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+    //     // Max characters for a GET request is 2083. This is a limitation of the browser (Microsoft IE and Edge).
+    //     console.log('JSON Object:', json_obj);
+    //     params['json_str'] = encodeURIComponent(JSON.stringify(json_obj));
+    //     if (params['json_str'].length > 2083) {
+    //         console.log(`The JSON object is too large to be used as a GET parameter. The overall max URL length is 2083 characters. Please use the POST endpoint instead. Length = ${params['json_str'].length} [THIS DOES NOT EXIST YET]`);
+    //         return false;
+    //     }
+    // }
+
+    if (log_lvl) {
+        console.log('Params:', params);
+    }
+
+    let object_li_get_promise = await get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        headers: headers,
+        params: params,
+        return_meta: return_meta,
+        log_lvl: log_lvl
+        });
+
+    if (log_lvl > 1) {
+        console.log(object_li_get_promise);
+    }
+
+    return object_li_get_promise;
+}

src/lib/ae_api/api_get__crud_obj_li_v2.ts

@@ -0,0 +1,248 @@
+import type { key_val } from '$lib/ae_stores';
+import { get_object } from './api_get_object';
+
+// The lookup "obj_type" should broken out into a separate function. - 2024-08-07
+// Updated 2023-11-15
+export async function get_ae_obj_li_for_obj_id_crud_v2(
+        {
+            api_cfg,
+            obj_type,
+            for_obj_type,
+            for_obj_id, // NOTE: Changed 2023-12-06 to no longer required
+            use_alt_tbl = false, // Alternate table or view name
+            use_alt_mdl = false, // Alternate model name
+            use_alt_exp = false, // Alternate export table or view name
+            inc = {},
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            order_by_li = null,
+            limit = 999999,
+            offset = 0,
+            // key,
+            // jwt = null,
+            headers = {},
+            params_json = null, // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the API endpoint. Example: { "fulltext_search": { "default_qry_str": "Search string for default", "address_default_qry_str": "Search string for address", "contact_1_default_qry_str": "Search string for contact_1" } }
+            // json_obj = null, // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+            params = {},
+            // return_meta = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            obj_type: string,
+            for_obj_type: string,
+            for_obj_id?: string,
+            use_alt_tbl?: boolean|string,
+            use_alt_mdl?: boolean|string,
+            use_alt_exp?: boolean|string,
+            inc?: key_val
+            enabled?: string,
+            hidden?: string,
+            order_by_li?: any,
+            limit?: number,
+            offset?: number,
+            // key: string,
+            // jwt?: string,
+            headers?: any,
+            params_json?: any,
+            // json_obj?: any,
+            params?: key_val,
+            // return_meta?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log('*** get_ae_obj_li_for_obj_id_crud() ***');
+    }
+
+    // data = {};
+    // data['super_key'] = key;
+    // data['jwt'] = jwt;
+    // NOTE: The key and or JWT should be in the header of the DELETE, GET, PATCH, POST
+
+    // const endpoint = `/crud/${obj_type}/list`;
+
+    let endpoint = '';
+    if (obj_type == 'account') {
+        endpoint = `/crud/account/list`;
+    } else if (obj_type == 'address') {
+        endpoint = `/crud/address/list`;
+    } else if (obj_type == 'archive') {
+        endpoint = `/crud/archive/list`;
+    } else if (obj_type == 'archive_content') {
+        endpoint = `/crud/archive/content/list`;
+    } else if (obj_type == 'contact') {
+        endpoint = `/crud/contact/list`;
+    } else if (obj_type == 'data_store') {
+        endpoint = `/crud/data_store/list`;
+    } else if (obj_type == 'event') {
+        endpoint = `/crud/event/list`;
+    } else if (obj_type == 'event_abstract') {
+        endpoint = `/crud/event/abstract/list`;
+    } else if (obj_type == 'event_badge') {
+        endpoint = `/crud/event/badge/list`;
+    } else if (obj_type == 'event_badge_template') {
+        endpoint = `/crud/event/badge/template/list`;
+    } else if (obj_type == 'event_device') {
+        endpoint = `/crud/event/device/list`;
+    } else if (obj_type == 'event_exhibit') {
+        endpoint = `/crud/event/exhibit/list`;
+    } else if (obj_type == 'event_exhibit_tracking') {
+        endpoint = `/crud/event/exhibit/tracking/list`;
+    } else if (obj_type == 'event_file') {
+        endpoint = `/crud/event/file/list`;
+    } else if (obj_type == 'event_location') {
+        endpoint = `/crud/event/location/list`;
+    } else if (obj_type == 'event_person') {
+        endpoint = `/crud/event/person/list`;
+    } else if (obj_type == 'event_presentation') {
+        endpoint = `/crud/event/presentation/list`;
+    } else if (obj_type == 'event_presenter') {
+        endpoint = `/crud/event/presenter/list`;
+    } else if (obj_type == 'event_session') {
+        endpoint = `/crud/event/session/list`;
+    } else if (obj_type == 'event_track') {
+        endpoint = `/crud/event/track/list`;
+    } else if (obj_type == 'grant') {
+        endpoint = `/crud/grant/list`;
+    } else if (obj_type == 'hosted_file') {
+        endpoint = `/crud/hosted_file/list`;
+    } else if (obj_type == 'journal') {
+        endpoint = `/crud/journal/list`;
+    } else if (obj_type == 'journal_entry') {
+        endpoint = `/crud/journal/entry/list`;
+    } else if (obj_type == 'order') {
+        endpoint = `/crud/order/list`;
+    } else if (obj_type == 'order_line') {
+        endpoint = `/crud/order/line/list`;
+    } else if (obj_type == 'page') {
+        endpoint = `/crud/page/list`;
+    } else if (obj_type == 'person') {
+        endpoint = `/crud/person/list`;
+    } else if (obj_type == 'post') {
+        endpoint = `/crud/post/list`;
+    } else if (obj_type == 'post_comment') {
+        endpoint = `/crud/post/comment/list`;
+    } else if (obj_type == 'site') {
+        endpoint = `/crud/site/list`;
+    } else if (obj_type == 'sponsorship_cfg') {
+        endpoint = `/crud/sponsorship/cfg/list`;
+    } else if (obj_type == 'sponsorship') {
+        endpoint = `/crud/sponsorship/list`;
+    // } else if (obj_type == 'user') {
+    //     endpoint = `/crud/user/list`;
+    } else if (obj_type == 'lu' && for_obj_type == 'country_subdivision') {
+        endpoint = `/crud/lu/country_subdivision/list`;
+        // for_obj_type = null;
+    } else if (obj_type == 'lu' && for_obj_type == 'country') {
+        endpoint = `/crud/lu/country/list`;
+        // for_obj_type = null;
+    } else if (obj_type == 'lu' && for_obj_type == 'time_zone') {
+        endpoint = `/crud/lu/time_zone/list`;
+        // for_obj_type = null;
+    } else {
+        console.log(`Unknown object type: ${obj_type}`);
+        return false;
+    }
+    endpoint = `/v2${endpoint}`;
+    if (log_lvl) {
+        console.log('Endpoint:', endpoint);
+    }
+
+    // We need to remove a few parameters from the params object that are not allowed.
+    delete params['qry__enabled'];
+    delete params['qry__hidden'];
+    delete params['qry__limit'];
+    delete params['qry__offset'];
+
+
+    if (for_obj_type) {
+        params['for_obj_type'] = for_obj_type;
+    }
+    if (for_obj_id) {
+        params['for_obj_id'] = for_obj_id;
+    }
+
+    if (use_alt_tbl === true) {
+        params['tbl_alt'] = 'alt'; // Use alternate table or view name
+    }
+    if (use_alt_mdl === true) {
+        params['mdl_alt'] = 'alt'; // Use alternate model name
+    }
+    if (use_alt_exp === true) {
+        params['exp_alt'] = 'alt'; // Use alternate export table or view name
+    }
+
+
+    // Need to deal with inc params here???
+
+
+    let allowed_enabled_list = ['all', 'enabled', 'not_enabled']
+    if (allowed_enabled_list.includes(enabled) ) {
+        params['enabled'] = enabled;
+    }
+
+    let allowed_hidden_list = ['all', 'hidden', 'not_hidden'];
+    if (allowed_hidden_list.includes(hidden) ) {
+        params['hidden'] = hidden;
+    }
+
+    // NOTE: The order_by_li variable is in the "headers" because if is a the URL GET params do not handle multiple values very well. Maybe base64 encore in the future or something? Reminder that GET requests should not have a body (no JSON).
+    // NOTE: The order_by_li should be a key value pair of the property/DB field to sort and how to sort (ASC or DESC)
+    if (order_by_li) {
+        // headers['order_by_li'] = order_by_li;
+        headers['order_by_li'] = JSON.stringify(order_by_li);
+    }
+
+    if (limit > 0) {
+        params['limit'] = limit;
+    }
+
+    if (offset > 0) {
+        params['offset'] = offset;
+    }
+
+    if (params_json) {
+        // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+        // Max characters for a GET request is 2083. This is a limitation of the browser (Microsoft IE and Edge).
+        if (log_lvl) {
+            console.log('JSON Object:', params_json);
+            console.log(JSON.stringify(params_json));
+        }
+        // NOTE: "jp" stands for "JSON Params"
+        params['jp'] = encodeURIComponent(JSON.stringify(params_json));
+        if (params['jp'].length > 2083) {
+            console.log(`The JSON object is too large to be used as a GET parameter. The overall max URL length is 2083 characters. Please use the POST endpoint instead. Length = ${params['jp'].length} [THIS DOES NOT EXIST YET]`);
+            return false;
+        }
+    }
+
+    // if (json_obj) {
+    //     // NOTE: This is a JSON object that needs to be safely converted to a string for the params. This is used for the search endpoint.
+    //     // Max characters for a GET request is 2083. This is a limitation of the browser (Microsoft IE and Edge).
+    //     console.log('JSON Object:', json_obj);
+    //     params['json_str'] = encodeURIComponent(JSON.stringify(json_obj));
+    //     if (params['json_str'].length > 2083) {
+    //         console.log(`The JSON object is too large to be used as a GET parameter. The overall max URL length is 2083 characters. Please use the POST endpoint instead. Length = ${params['json_str'].length} [THIS DOES NOT EXIST YET]`);
+    //         return false;
+    //     }
+    // }
+
+    if (log_lvl) {
+        console.log('Params:', params);
+    }
+
+    let object_li_get_promise = await get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        headers: headers,
+        params: params,
+        // return_meta: return_meta,
+        log_lvl: log_lvl
+        });
+
+    if (log_lvl > 1) {
+        console.log(object_li_get_promise);
+    }
+
+    return object_li_get_promise;
+}

src/lib/ae_api/api_get_object.ts

@@ -0,0 +1,213 @@
+import type { key_val } from '$lib/ae_stores';
+
+export let temp_get_blob_percent_completed = 0;
+export let get_blob_percent_completed = temp_get_blob_percent_completed;
+
+export let temp_get_object_percent_completed = 0;
+export let get_object_percent_completed = temp_get_object_percent_completed;
+
+export let get_object = async function get_object(
+    {
+        api_cfg = null,
+        endpoint = '',
+        headers = {},
+        params = {},
+        data = {},
+        timeout = 60000,
+        // return_meta = false,
+        return_blob = false,
+        filename = '',
+        auto_download = false,
+        as_list = false, // Is this still really needed?
+        // The task_id value should be a random string that is unique to the task. This is used to identify the task in the message event.
+        task_id = crypto.randomUUID(),
+        log_lvl = 0,
+        retry_count = 5 // Number of retry attempts
+    }: {
+        api_cfg: any,
+        endpoint: string,
+        headers?: any,
+        params?: any,
+        data?: any,
+        timeout?: number,
+        // return_meta?: boolean,
+        return_blob?: boolean,
+        filename?: null | string,
+        auto_download?: boolean,
+        as_list?: boolean,
+        task_id?: string,
+        log_lvl?: number,
+        retry_count?: number
+    }
+) {
+    if (log_lvl) {
+        console.log(`*** get_object() *** Endpoint: ${endpoint} AE Task ID: ${task_id}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+        }
+    }
+
+    if (!api_cfg) {
+        console.log('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    const url = new URL(endpoint, api_cfg['base_url']);
+    Object.keys(params).forEach(key => url.searchParams.append(key, params[key]));
+
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), timeout);
+
+    // Remove a header parameter if it is set to null
+    if (api_cfg['headers'].hasOwnProperty('x-no-account-id') && api_cfg['headers']['x-no-account-id'] === null) {
+        delete api_cfg['headers']['x-no-account-id'];
+    }
+
+    // Clean the headers
+    let headers_cleaned: key_val = {};
+    for (const prop in headers) {
+        let prop_cleaned = prop.replaceAll('_', '-');
+        if (typeof headers[prop] != 'string') {
+            headers[prop] = JSON.stringify(headers[prop]);
+        }
+        headers_cleaned[prop_cleaned] = headers[prop];
+        if (log_lvl > 1) {
+            console.log(`${prop_cleaned}: ${headers_cleaned[prop_cleaned]}`);
+        }
+    }
+    headers = headers_cleaned;
+    if (log_lvl > 1) {
+        console.log('All headers cleaned:', headers);
+    }
+
+    const fetchOptions: RequestInit = {
+        method: 'GET',
+        headers: {
+            ...api_cfg['headers'],
+            ...headers
+        },
+        signal: controller.signal
+    };
+
+    if (log_lvl > 1) {
+        console.log('Fetch options:', fetchOptions);
+    }
+
+    let fetch_method: any = fetch;
+    if (api_cfg.fetch) {
+        if (log_lvl > 1) {
+            console.log('Using custom fetch function from api_cfg!!!');
+        }
+        fetch_method = api_cfg.fetch;
+    }
+
+    for (let attempt = 1; attempt <= retry_count; attempt++) {
+        try {
+            const response = await fetch_method(url.toString(), fetchOptions)
+            .catch(function (error) {
+                console.log('API GET Object *fetch* request was aborted or failed in an unexpected way.', error);
+            });
+            clearTimeout(timeoutId);
+
+            if (!response) {
+                if (log_lvl > 1) {
+                    console.log('API GET Object: Something went wrong with *fetch* request. Returning false? Throwing an error!');
+                }
+                throw new Error(`HTTP fetch request was aborted or failed in an unexpected way! URL = ${url.toString()}`); // This will allow it to retry
+                // return false; // This will stop the retries
+            }
+
+            if (log_lvl) {
+                console.log(`Response: status=${response.status} statusText=${response.statusText} url=${response.url} attempt=${attempt}`);
+            }
+            if (log_lvl > 1) {
+                console.log('Response:', response);
+            }
+
+            if (!response.ok) {
+                if (response.status === 404) {
+                    if (log_lvl) {
+                        console.log('The response was a 404 not found "error". Returning null.');
+                    }
+                    return null;
+                }
+                console.log('The response was not ok. Throwing an error!');
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            if (!return_blob) {
+                const json = await response.json();
+                if (log_lvl > 1) {
+                    console.log('Response JSON:', json);
+                }
+                if (!Array.isArray(json.data) && as_list) {
+                    return [json.data];
+                }
+                return json.data || json;
+            } else {
+                const reader = response.body?.getReader();
+                const contentLength = +response.headers.get('Content-Length')!;
+                let receivedLength = 0;
+                const chunks = [];
+
+                while (true) {
+                    const { done, value } = await reader!.read();
+                    if (done) break;
+                    chunks.push(value);
+                    receivedLength += value.length;
+
+                    const percent_completed = Math.round((receivedLength * 100) / contentLength);
+                    if (log_lvl > 1) {
+                        console.log('GET Blob Progress:', percent_completed, 'Total:', contentLength, 'Loaded:', receivedLength, 'Percent Completed', percent_completed);
+                    }
+
+                    temp_get_blob_percent_completed = percent_completed;
+
+                    try {
+                        if (typeof window !== 'undefined') {
+                            window.postMessage({
+                                type: 'api_download_blob',
+                                status: 'downloading',
+                                task_id: task_id,
+                                endpoint: endpoint,
+                                filename: filename,
+                                size_total: contentLength,
+                                size_loaded: receivedLength,
+                                percent_completed: percent_completed
+                            }, '*');
+                        }
+                    } catch (e) {
+                        console.error('Error posting message:', e);
+                    }
+                }
+
+                const blob = new Blob(chunks);
+                if (auto_download) {
+                    const downloadUrl = window.URL.createObjectURL(blob);
+                    const link = document.createElement('a');
+                    link.href = downloadUrl;
+                    link.setAttribute('download', filename || 'download');
+                    document.body.appendChild(link);
+                    link.click();
+                    link.remove();
+                    return true;
+                } else {
+                    return blob;
+                }
+            }
+        } catch (error) {
+            console.log(`API GET object request *fetch* error on attempt ${attempt}:`, error);
+
+            if (attempt === retry_count) {
+                console.log('Max retry attempts reached. Returning false.');
+                return false;
+            }
+
+            // Log retry information
+            if (log_lvl) {
+                console.log(`Retrying... (${attempt}/${retry_count})`);
+            }
+        }
+    }
+};

src/lib/ae_api/api_get_object_v1.ts

@@ -0,0 +1,496 @@
+import axios from 'axios';
+
+import type { key_val } from '$lib/ae_stores';
+
+export let temp_get_blob_percent_completed = 0;
+// export let get_blob_percent_completed = readable(temp_get_blob_percent_completed);
+export let get_blob_percent_completed = temp_get_blob_percent_completed;
+
+export let temp_get_object_percent_completed = 0;
+// export let get_object_percent_completed = readable(temp_get_object_percent_completed);
+export let get_object_percent_completed = temp_get_object_percent_completed;
+
+// Updated 2024-05-23
+export let get_object = async function get_object(
+        {
+            api_cfg=null,
+            endpoint='',
+            headers={},
+            params={},
+            data={},
+            timeout=60000,
+            return_meta=false,
+            return_blob=false,
+            filename='',
+            auto_download=false,
+            as_list=false,
+            // The task_id value should be a random string that is unique to the task. This is used to identify the task in the message event.
+            task_id=crypto.randomUUID(),
+            log_lvl=0
+        }: {
+            api_cfg: any,
+            endpoint: string,
+            headers?: any,
+            params?: any,
+            data?: any,
+            timeout?: number,
+            return_meta?: boolean,
+            return_blob?: boolean,
+            filename?: null|string,
+            auto_download?: boolean,
+            as_list?: boolean,
+            task_id?: string,
+            log_lvl?: number
+        }
+        ) {
+    if (log_lvl) {
+        console.log(`*** get_object() *** Endpoint: ${endpoint} AE Task ID: ${task_id}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+            console.log(`Base URL: ${api_cfg['base_url']}; Timeout: ${timeout}`);
+            console.log('API Config:', api_cfg);
+        }
+        if (log_lvl > 2) {
+            console.log(`Return Meta: ${return_meta}; Return Blob: ${return_blob}; Filename: ${filename}; Auto Download: ${auto_download}`);
+        }
+    }
+
+    if (!api_cfg) {
+        console.log('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    let axios_api = axios.create({
+        baseURL: api_cfg['base_url'],
+        timeout: timeout, // in milliseconds; 60000 = 60 seconds
+        /* other custom settings */
+    });
+    axios_api.defaults.headers = api_cfg['headers'];
+    if (log_lvl) {
+        console.log('axios_api.defaults.headers:', axios_api.defaults.headers);
+        console.log('Additional headers:', headers);
+    }
+
+    // console.log('Clean the headers. No _underscores_!')
+    let headers_cleaned: key_val = {};
+    for (const prop in headers) {
+        // No underscores allowed in the header parameters!
+        let prop_cleaned = prop.replaceAll('_', '-');
+
+        // The value must be a string for the header!
+        if (typeof headers[prop] != 'string') {
+            headers[prop] = JSON.stringify(headers[prop]);
+        }
+
+        headers_cleaned[prop_cleaned] = headers[prop];
+
+        if (log_lvl) {
+            console.log(`${prop_cleaned}: ${headers_cleaned[prop_cleaned]}`);
+        }
+    }
+    headers = headers_cleaned;
+    if (log_lvl) {
+        console.log('All headers cleaned:', headers);
+    }
+
+    if (log_lvl) {
+        console.log('URL params:');
+    }
+    for (const prop in params) {
+        if (log_lvl > 1) {
+            console.log(`URL param: ${prop}: ${params[prop]}`);
+        }
+        if (params[prop] === null ) {
+            params[prop] = 'null';
+        }
+    }
+
+    // Handle the case where there is no Blob expected to be returned. Mainly JSON and text data.
+    if (!return_blob) {
+        let response_data_promise = await axios_api.get(
+                endpoint,
+                {
+                    headers: headers,
+                    params: params,
+                    onDownloadProgress: (progressEvent) => {
+                        let percent_completed = Math.round(
+                            (progressEvent.loaded * 100) / progressEvent.total
+                        );
+                        if (log_lvl > 1) {
+                            console.log('GET Data Progress:', progressEvent.progress, 'Total:', progressEvent.total, 'Loaded:', progressEvent.loaded, 'Percent Completed', percent_completed);
+                        }
+
+                        temp_get_object_percent_completed = percent_completed;
+
+                        // WARNING: This needs to be tied to an object type and ID. This is a temporary solution.
+                        try {
+                            // Check if window is defined. This is to prevent errors in SvelteKit.
+                            if (typeof window !== 'undefined') {
+                            window.postMessage({
+                                type: 'api_download_data',
+                                status: 'downloading',
+                                task_id: task_id,
+                                endpoint: endpoint,
+                                filename: filename,
+                                size_total: progressEvent.total,
+                                size_loaded: progressEvent.loaded,
+                                percent_completed: percent_completed,
+                                },
+                                '*'
+                            );
+                            }
+                        } catch (error) {
+                            console.log('Error posting message to window:', error);
+                        }
+                    }
+                }
+            )
+        .then(function (response) {
+            if (log_lvl) {
+                console.log(`GET Response: status=${response.status} statusText=${response.statusText} baseURL=${response.config.baseURL} url=${response.config.url} method=${response.config.method} headers=${response.config.headers} params=${JSON.stringify(response.config.params)}`);
+            }
+            if (log_lvl > 1) {
+                console.log('GET Response:', response);
+            }
+
+            // Post file download message
+            try {
+                if (typeof window !== 'undefined') {
+                window.postMessage({
+                    type: 'api_download_data',
+                    status: 'complete',
+                    task_id: task_id,
+                    endpoint: endpoint,
+                    filename: filename,
+                    size_total: 0,
+                    size_loaded: 0,
+                    percent_completed: 100,
+                    },
+                    '*'
+                );
+                }
+            } catch (error) {
+                console.log('Error posting message to window:', error);
+            }
+
+            if (!Array.isArray(response.data['data']) && as_list) {
+                if (log_lvl) {
+                    console.log('Data result is a dictionary/object, not an array/list. Forcing return as an array/list');
+                }
+                let return_data = [];
+                return_data.push(response.data['data']);
+                return return_data;
+            } else if (response.data['data']) {
+                let return_data = response.data['data'];
+                if (log_lvl) {
+                    if (Array.isArray(return_data)) {
+                        console.log(`Data result is an array/list. Array length: ${return_data.length}`);
+                    } else {
+                        console.log(`Data result is a dictionary/object, not an array/list.`);
+                    }
+                }
+                return return_data;
+            } else {
+                let return_data = response.data;
+                if (log_lvl) {
+                    if (Array.isArray(return_data)) {
+                        console.log(`Not a standard response from Aether's API. Data result is an array/list. Array length: ${return_data.length}`);
+                    } else {
+                        console.log(`Not a standard response from Aether's API. Data result is a dictionary/object, not an array/list.`);
+                    }
+                }
+                return return_data;
+            }
+        })
+        .catch(function (error) {
+            // Handle the common and expected 404 "error" first
+            if (error.response && error.response.status === 404) {
+                if (log_lvl) {
+                    console.log('The response was a 404 not found "error". Returning null.');
+                }
+                if (log_lvl > 1) {
+                    console.log(error.response);
+                }
+                if (log_lvl > 2) {
+                    console.log(error);
+                }
+
+                // Post file download message
+                try {
+                    if (typeof window !== 'undefined') {
+                        window.postMessage({
+                            type: 'api_download_data',
+                            status: 'complete',
+                            task_id: task_id,
+                            endpoint: endpoint,
+                            filename: filename,
+                            size_total: 0,
+                            size_loaded: 0,
+                            percent_completed: 0,
+                            },
+                            '*'
+                        );
+                    }
+                } catch (error) {
+                    console.log('Error posting message to window:', error);
+                }
+                return null; // Returning null since there were no results
+            }
+
+            if (log_lvl) {
+                console.log(`Base URL: ${api_cfg['base_url']} | Endpoint: ${endpoint}`);
+                console.log('Error Message:', error.message); // Is this needed here or below in the in the else portion???
+
+                if (error.response) {
+                    // The request was made and the server responded with a status code that falls out of the range of 2xx
+                    console.log('Error Response Data', error.response.data);
+                    console.log('Error Response Status', error.response.status);
+                    console.log('Error Response Headers', error.response.headers);
+                } else if (error.request) {
+                    // The request was made but no response was received `error.request` is an instance of XMLHttpRequest in the browser and an instance of http.ClientRequest in node.js
+                    if (log_lvl > 1) {
+                        console.log('Error Request', error.request);
+                    }
+                } else {
+                    // Something happened in setting up the request that triggered an Error
+                    console.log('Error Message', error.message);
+                }
+            }
+            if (log_lvl > 2) {
+                console.log('Error:', error);
+                console.log(error.config);
+            }
+
+            if (error.code === 'ECONNABORTED') {
+                // Timeout Error (You can implement retry here where suitable)
+                console.log('Timeout Error: ', error.message);
+            }
+            if (log_lvl) {
+                console.log('The response was an error. Returning false.');
+            }
+
+            return false; // Returning false since something may have gone wrong. This includes timeouts. Also more in line with what the API returns.
+            // return error;
+        });
+
+        if (log_lvl > 1) {
+            // console.log(`Response Data: ${response_data_promise}`);
+            console.log(`Response Data:`, response_data_promise);
+            // console.log(response_data_promise);
+        }
+        if (response_data_promise) {
+            // The most common and expected response.
+            // console.log('Returning result. This is generally expected.');
+            return response_data_promise;
+        } else if (response_data_promise === null) {
+            // Less common, but expected response if no results were returned.
+            if (log_lvl) {
+                console.log('Returning null. This is expected if no results were found. (404)');
+            }
+            return response_data_promise;
+        } else if (response_data_promise === false) {
+            // Not common, but expected response if the request to the API had an issue.
+            console.log('Returning false. There may have been an issue with this request.');
+            return response_data_promise;
+        } else {
+            // This generally should not happen. It likely means the query was bad or an API issue.
+            console.log('Returning (JSON/text) unknown. This should not happen in most cases.');
+            Promise.reject(new Error('fail')).then(resolved, rejected);
+        }
+
+    // Handle the case where a Blob is expected to be returned.
+    } else {
+
+        // console.log('Expecting a Blob to be returned...');
+
+        let response_data_promise = await axios_api.get(
+                endpoint,
+                {
+                    params: params,
+                    responseType: 'blob',
+                    onDownloadProgress: (progressEvent) => {
+                        let percent_completed = Math.round(
+                            (progressEvent.loaded * 100) / progressEvent.total
+                        );
+                        console.log('GET Blob Progress:', progressEvent.progress, 'Total:', progressEvent.total, 'Loaded:', progressEvent.loaded, 'Percent Completed', percent_completed);
+
+                        temp_get_blob_percent_completed = percent_completed;
+
+                        // WARNING: This needs to be tied to an object type and ID. This is a temporary solution.
+                        try {
+                            if (typeof window !== 'undefined') {
+                            window.postMessage({
+                                type: 'api_download_blob',
+                                status: 'downloading',
+                                task_id: task_id,
+                                endpoint: endpoint,
+                                filename: filename,
+                                size_total: progressEvent.total,
+                                size_loaded: progressEvent.loaded,
+                                percent_completed: percent_completed,
+                                },
+                                '*'
+                            );
+                            }
+                        } catch (error) {
+                            console.log('Error posting message to window:', error);
+                        }
+                    }
+                }
+            )
+        .then(function (response) {
+            if (log_lvl) {
+                console.log(`GET (blob) Response: status=${response.status} statusText=${response.statusText} baseURL=${response.config.baseURL} url=${response.config.url} method=${response.config.method} headers=${response.config.headers} params=${response.config.params}`);
+            }
+            if (log_lvl > 1) {
+                console.log('GET (blob) Response:', response);
+            }
+
+            const { data, headers } = response;
+
+            // Careful if this download filename needs to be changed to a different file extension. The browser/client may not know how to handle it.
+            if (filename) {
+            } else if (headers['content-disposition']) {
+                filename = headers['content-disposition'].replace(/\w+;filename=(.*)/, '$1');
+            } else {
+                filename = 'unknown_file.ext';
+            }
+
+            // WARNING: This needs to be tied to an object type and ID. This is a temporary solution.
+            try {
+                if (typeof window !== 'undefined') {
+                window.postMessage({
+                    type: 'api_download_blob',
+                    status: 'complete',
+                    task_id: task_id,
+                    endpoint: endpoint,
+                    filename: filename,
+                    size_total: 0,
+                    size_loaded: 0,
+                    percent_completed: 100,
+                    },
+                    '*'
+                );
+                }
+            } catch (error) {
+                console.log('Error posting message to window:', error);
+            }
+
+            if (auto_download) {
+                if (log_lvl) {
+                    console.log(`Auto Download: ${filename}`);
+                }
+                const url = window.URL.createObjectURL(new Blob([response.data]));
+                const link = document.createElement('a');
+                link.href = url;
+                link.setAttribute('download', filename);
+                document.body.appendChild(link);
+                link.click();
+                return true;
+            } else {
+                return response;
+            }
+        })
+        .catch(function (error) {
+            // Handle the common and expected 404 "error" first
+            if (error.response && error.response.status === 404) {
+                if (log_lvl) {
+                    console.log('The response was a 404 not found "error". Returning null.');
+                }
+                if (log_lvl > 1) {
+                    console.log(error.response);
+                }
+                if (log_lvl > 2) {
+                    console.log(error);
+                }
+
+                // Post file download message
+                try {
+                    if (typeof window !== 'undefined') {
+                        window.postMessage({
+                            type: 'api_download_blob',
+                            status: 'complete',
+                            task_id: task_id,
+                            endpoint: endpoint,
+                            filename: filename,
+                            size_total: 0,
+                            size_loaded: 0,
+                            percent_completed: 0,
+                            },
+                            '*'
+                        );
+                    }
+                } catch (error) {
+                    console.log('Error posting message to window:', error);
+                }
+                return null; // Returning null since there were no results
+            }
+
+            if (log_lvl) {
+                console.log(`Base URL: ${api_cfg['base_url']} | Endpoint: ${endpoint}`);
+                console.log('Error Message:', error.message); // Is this needed here or below in the in the else portion???
+
+                if (error.response) {
+                    // The request was made and the server responded with a status code that falls out of the range of 2xx
+                    console.log('Error Response Data', error.response.data);
+                    console.log('Error Response Status', error.response.status);
+                    console.log('Error Response Headers', error.response.headers);
+                } else if (error.request) {
+                    // The request was made but no response was received `error.request` is an instance of XMLHttpRequest in the browser and an instance of http.ClientRequest in node.js
+                    if (log_lvl > 1) {
+                        console.log('Error Request', error.request);
+                    }
+                } else {
+                    // Something happened in setting up the request that triggered an Error
+                    console.log('Error Message', error.message);
+                }
+            }
+
+            if (error.code === 'ECONNABORTED') {
+                // Timeout Error (You can implement retry here where suitable)
+                console.log('Timeout Error: ', error.message);
+            }
+
+            if (log_lvl) {
+                console.log('The response was an error. Returning false.');
+            }
+
+            return false; // Returning false since something may have gone wrong. This includes timeouts. Also more in line with what the API returns.
+            // return error;
+        });
+
+        if (response_data_promise) {
+            // The most common and expected response.
+            // console.log('Returning result. This is generally expected.');
+            // let test_blob = new Blob([response_data_promise.data]);
+            // console.log(test_blob);
+            // return test_blob;
+            // console.log(response_data_promise.blob());
+            return response_data_promise;
+        } else if (response_data_promise === null) {
+            // Less common, but expected response if no results were returned.
+            if (log_lvl) {
+                console.log('Returning null. This is expected if no results were found. (404)');
+            }
+            return response_data_promise;
+        } else if (response_data_promise === false) {
+            // Not common, but expected response if the request to the API had an issue.
+            console.log('Returning false. There may have been an issue with this request.');
+            return response_data_promise;
+        } else {
+            // This generally should not happen. It likely means the query was bad or an API issue.
+            console.log('Returning (blob) unknown. This should not happen in most cases.');
+            Promise.reject(new Error('fail')).then(resolved, rejected);
+        }
+    }
+}
+
+
+function resolved(result: any) {
+    console.log('Resolved');
+}
+
+function rejected(result: any) {
+    console.error(result);
+}

src/lib/ae_api/api_patch_object.ts

@@ -0,0 +1,149 @@
+// import axios from 'axios';
+
+// Updated 2024-05-23
+export let patch_object = async function patch_object(
+    {
+        api_cfg = null,
+        endpoint = '',
+        params = {},
+        data = {},
+        return_meta = false,
+        log_lvl = 0,
+        retry_count = 5 // Number of retry attempts
+    }: {
+        api_cfg: any,
+        endpoint: string,
+        params?: any,
+        data?: any,
+        return_meta?: boolean,
+        log_lvl?: number,
+        retry_count?: number
+    }
+) {
+    if (log_lvl) {
+        console.log(`*** patch_object() *** Endpoint: ${endpoint}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+        }
+    }
+
+    if (!api_cfg) {
+        console.error('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    // Construct the URL with query parameters
+    const url = new URL(endpoint, api_cfg['base_url']);
+    Object.keys(params).forEach(key => url.searchParams.append(key, params[key]));
+
+    // Clean the headers
+    let headers_cleaned: Record<string, string> = {};
+    for (const prop in api_cfg['headers']) {
+        let prop_cleaned = prop.replaceAll('_', '-');
+        headers_cleaned[prop_cleaned] = api_cfg['headers'][prop];
+    }
+
+    if (log_lvl > 1) {
+        console.log('Cleaned Headers:', headers_cleaned);
+    }
+
+    const fetchOptions: RequestInit = {
+        method: 'PATCH',
+        headers: {
+            ...headers_cleaned,
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    };
+
+    if (log_lvl > 1) {
+        console.log('Fetch Options:', fetchOptions);
+    }
+
+    for (let attempt = 1; attempt <= retry_count; attempt++) {
+        try {
+            const response = await fetch(url.toString(), fetchOptions);
+
+            if (log_lvl) {
+                console.log(`Response: status=${response.status} attempt=${attempt}`);
+            }
+
+            if (!response.ok) {
+                if (response.status === 404) {
+                    console.warn('404 Not Found. Returning null.');
+                    return null; // Returning null since there were no results
+                }
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            const json = await response.json();
+
+            if (log_lvl > 1) {
+                console.log('Response JSON:', json);
+            }
+
+            // Return the response data or metadata
+            return return_meta ? json : json.data;
+        } catch (error) {
+            console.error(`API PATCH error on attempt ${attempt}:`, error);
+
+            // If this is the last attempt, return false
+            if (attempt === retry_count) {
+                console.error('Max retry attempts reached. Returning false.');
+                return false;
+            }
+
+            // Log retry information
+            if (log_lvl) {
+                console.log(`Retrying... (${attempt}/${retry_count})`);
+            }
+        }
+    }
+
+
+
+    // let axios_api = axios.create({
+    //     baseURL: api_cfg['base_url'],
+    //     /* other custom settings */
+    // });
+    // axios_api.defaults.headers = api_cfg['headers'];
+
+    // for (let attempt = 1; attempt <= retry_count; attempt++) {
+    //     try {
+    //         const response = await axios_api.patch(endpoint, data, { params: params });
+    //         if (log_lvl) {
+    //             console.log(`Response: status=${response.status} attempt=${attempt}`);
+    //         }
+    //         if (log_lvl > 1) {
+    //             console.log('Response Data:', response.data);
+    //         }
+
+    //         // Return the response data
+    //         return response.data['data'];
+    //     } catch (error) {
+    //         if (log_lvl) {
+    //             console.error(`Error on attempt ${attempt}:`, error);
+    //         }
+
+    //         // Handle specific errors (e.g., 404)
+    //         if (error.response && error.response.status === 404) {
+    //             console.warn('404 Not Found. Returning null.');
+    //             return null; // Returning null since there were no results
+    //         }
+
+    //         // If this is the last attempt, return false
+    //         if (attempt === retry_count) {
+    //             console.error('Max retry attempts reached. Returning false.');
+    //             return false;
+    //         }
+
+    //         // Log retry information
+    //         if (log_lvl) {
+    //             console.log(`Retrying... (${attempt}/${retry_count})`);
+    //         }
+    //     }
+    // }
+    // return response_data;
+}
+

src/lib/ae_api/api_post_object.ts

@@ -0,0 +1,355 @@
+// import axios from 'axios';
+
+export let temp_post_blob_percent_completed = 0;
+export let post_blob_percent_completed = temp_post_blob_percent_completed;
+export let temp_post_object_percent_completed = 0;
+export let post_object_percent_completed = temp_post_object_percent_completed;
+
+// Updated 2024-05-23
+export let post_object = async function post_object(
+        {
+            api_cfg = null,
+            endpoint = '',
+            params = {},
+            data = {},
+            form_data = null,
+            return_meta = false,
+            return_blob = false,
+            filename = '',
+            auto_download = false,
+            // The task_id value should be a random string that is unique to the task. This is used to identify the task in the message event.
+            task_id = crypto.randomUUID(),
+            log_lvl = 0,
+            retry_count = 5
+        }: {
+            api_cfg: any,
+            endpoint: string,
+            params?: any,
+            data?: any,
+            form_data?: any,
+            return_meta?: boolean,
+            return_blob?: boolean,
+            filename?: string,
+            auto_download?: boolean,
+            task_id?: string,
+            log_lvl?: number,
+            retry_count?: number
+        }
+    ) {
+
+    if (log_lvl) {
+        console.log(`*** post_object() *** Endpoint: ${endpoint} Task ID: ${task_id}`);
+        console.log('Params:', params);
+        if (log_lvl > 1) {
+            console.log('Data:', data);
+            console.log(typeof data);
+            console.log(`Base URL: ${api_cfg['base_url']}`);
+            console.log('API Config:', api_cfg);
+        }
+        if (log_lvl > 2) {
+            console.log(`Return Meta: ${return_meta}`);
+            console.log(`Return Blob: ${return_blob}`);
+            console.log(`Filename: ${filename}`);
+            console.log(`Auto Download: ${auto_download}`);
+        }
+    }
+
+    // console.log('HERE!! API POST 0');
+
+    if (!api_cfg) {
+        console.error('No API Config was provided. Returning false.');
+        return false;
+    }
+
+    // console.log('HERE!! API POST 1');
+
+    // Construct the URL with query parameters
+    const url = new URL(endpoint, api_cfg['base_url']);
+    if (params) {
+        Object.keys(params).forEach(key => url.searchParams.append(key, params[key]));
+    }
+
+    // console.log('HERE!! API POST 2');
+
+    // Clean the headers
+    let headers_cleaned: Record<string, string> = {};
+    for (const prop in api_cfg['headers']) {
+        let prop_cleaned = prop.replaceAll('_', '-');
+        headers_cleaned[prop_cleaned] = api_cfg['headers'][prop];
+    }
+
+    // console.log('HERE!! API POST 3');
+
+    if (form_data) {
+        // headers_cleaned['Content-Type'] = 'multipart/form-data';
+        delete headers_cleaned['Content-Type'];
+        delete headers_cleaned['content-type']; // Just in case
+        delete headers_cleaned['Content-type']; // Just in case
+        console.log('Form Data:', form_data);
+    } else {
+        headers_cleaned['Content-Type'] = 'application/json';
+    }
+
+    if (log_lvl > 1) {
+        console.log('Cleaned Headers:', headers_cleaned);
+    }
+
+    // console.log('HERE!! API POST 4');
+
+    for (let attempt = 1; attempt <= retry_count; attempt++) {
+        try {
+            const controller = new AbortController();
+            const fetchOptions: RequestInit = {
+                method: 'POST',
+                headers: headers_cleaned,
+                body: form_data ? form_data : JSON.stringify(data),
+                signal: controller.signal
+            };
+
+            if (log_lvl > 1) {
+                console.log('Fetch Options:', fetchOptions);
+            }
+
+            const response = await fetch(url.toString(), fetchOptions);
+
+            if (log_lvl) {
+                console.log(`Response: status=${response.status} attempt=${attempt}`);
+            }
+
+            if (!response.ok) {
+                if (response.status === 404) {
+                    console.warn('404 Not Found. Returning null.');
+                    return null; // Returning null since there were no results
+                }
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+
+            if (!return_blob) {
+                const json = await response.json();
+
+                if (log_lvl > 1) {
+                    console.log('Response JSON:', json);
+                }
+
+                // Post a message to the window indicating the upload is complete
+                try {
+                    window.postMessage({
+                        type: 'api_post_json_form',
+                        status: 'complete',
+                        task_id: task_id,
+                        endpoint: endpoint,
+                        size_total: 0,
+                        size_loaded: 0,
+                        percent_completed: 100,
+                        progress: 100,
+                        rate: 0
+                    }, '*');
+                } catch (error) {
+                    console.error('Error posting message to window:', error);
+                }
+
+                // Return the response data or metadata
+                return return_meta ? json : json.data;
+            } else {
+                const blob = await response.blob();
+
+                if (auto_download) {
+                    const downloadUrl = window.URL.createObjectURL(blob);
+                    const link = document.createElement('a');
+                    link.href = downloadUrl;
+                    link.setAttribute('download', filename || 'download');
+                    document.body.appendChild(link);
+                    link.click();
+                    link.remove();
+                    return true;
+                } else {
+                    return blob;
+                }
+            }
+        } catch (error) {
+            console.error(`API POST error on attempt ${attempt}:`, error);
+
+            // If this is the last attempt, return false
+            if (attempt === retry_count) {
+                console.error('Max retry attempts reached. Returning false.');
+                return false;
+            }
+
+            // Log retry information
+            if (log_lvl) {
+                console.log(`Retrying... (${attempt}/${retry_count})`);
+            }
+        }
+    }
+
+
+
+    // let axios_api = axios.create({
+    //     baseURL: api_cfg['base_url'],
+    //     /* other custom settings */
+    // });
+    // axios_api.defaults.headers = api_cfg['headers'];
+    // console.log('Axios API', axios_api);
+    // // console.log('Axios API POST', axios_api.post);
+
+    // // if (typeof data == 'FormData') {
+    // if (form_data) {
+    //     axios_api.defaults.headers['content-type'] = 'multipart/form-data';
+    //     data = form_data;
+    // } else {
+    //     axios_api.defaults.headers['content-type'] = 'application/json';
+    // }
+
+
+    // if (!return_blob) {
+    //     let response_data = await axios_api.post(
+    //         endpoint,
+    //         data,
+    //         {
+    //             params: params,
+    //             onUploadProgress: (progressEvent) => {
+    //                 let percent_completed = Math.round(
+    //                     (progressEvent.loaded * 100) / progressEvent.total
+    //                 );
+    //                 console.log('POST Progress:', progressEvent.progress, 'Total:', progressEvent.total, 'Loaded:', progressEvent.loaded, 'Percent Completed', percent_completed);
+
+    //                 temp_post_object_percent_completed = percent_completed;
+
+    //                 try {
+    //                     window.postMessage({
+    //                         type: 'api_post_json_form',
+    //                         status: 'uploading',
+    //                         task_id: task_id,
+    //                         endpoint: endpoint,
+    //                         size_total: progressEvent.total,
+    //                         size_loaded: progressEvent.loaded,
+    //                         percent_completed: percent_completed,
+    //                         progress: progressEvent.progress,
+    //                         rate: progressEvent.rate,
+    //                         },
+    //                         '*'
+    //                     );
+    //                 } catch (error) {
+    //                     console.log('Error posting message to window:', error);
+    //                 }
+    //             }
+    //         }
+    //     )
+    //     .then(function (response) {
+    //         console.log('POST Response Data:', response.data);
+    //         try {
+    //             window.postMessage({
+    //                 type: 'api_post_json_form',
+    //                 status: 'complete',
+    //                 task_id: task_id,
+    //                 endpoint: endpoint,
+    //                 size_total: 0,
+    //                 size_loaded: 0,
+    //                 percent_completed: 100,
+    //                 progress: 100,
+    //                 rate: 0,
+    //                 },
+    //                 '*'
+    //             );
+    //         } catch (error) {
+    //             console.log('Error posting message to window:', error);
+    //         }
+
+    //         if (response.data['data'].result === null) {
+    //             // This should mean that the request was successful, but a result of None/null was returned from Aether API.
+    //             // console.log('Returning null after POST');
+    //             return null;
+    //         } else {
+    //             // This should mean that the request was successful, and a result with data was returned from Aether API.
+    //             // console.log('Returning data after POST');
+    //             return response.data['data'];
+    //         }
+    //         //return response.data;
+    //     })
+    //     .catch(function (error) {
+    //         if (error.response && error.response.status === 404) {
+    //             return null; // Returning null since there were no results
+    //         }
+    //         console.log(error);
+    //         return false; // Returning false since something may have gone wrong. Also more in line with what the API returns.
+    //         // return error;
+    //     });
+
+    //     if (log_lvl > 1) {
+    //         console.log('Response Data:', response_data);
+    //     }
+    //     axios_api.defaults.headers['content-type'] = 'application/json';
+    //     return response_data;
+
+    // } else {
+    //     // console.log('Expecting a Blob to be returned...');
+
+    //     let response_data_promise = await axios_api.post(
+    //             endpoint,
+    //             data,
+    //             {
+    //                 params: params,
+    //                 responseType: 'blob',
+    //                 onDownloadProgress: (progressEvent) => {
+    //                     let percent_completed = Math.round(
+    //                         (progressEvent.loaded * 100) / progressEvent.total
+    //                     );
+    //                     console.log('POST Blob Progress:', progressEvent.progress, 'Total:', progressEvent.total, 'Loaded:', progressEvent.loaded, 'Percent Completed', percent_completed);
+
+    //                     temp_post_blob_percent_completed = percent_completed;
+    //                 }
+    //             }
+    //         )
+    //     .then(function (response) {
+    //         if (log_lvl) {
+    //             console.log(response);
+    //         }
+
+    //         const { data, headers } = response
+    //         console.log(headers);
+
+    //         if (filename) {
+    //         } else if (headers['content-disposition']) {
+    //             filename = headers['content-disposition'].replace(/\w+;filename=(.*)/, '$1');
+    //         } else {
+    //             filename = 'unknown_file.ext';
+    //         }
+
+    //         if (auto_download) {
+    //             const url = window.URL.createObjectURL(new Blob([response.data]));
+    //             const link = document.createElement('a');
+    //             link.href = url;
+    //             // link.setAttribute('download', 'event_exhibit_tracking_export.xlsx'); //or any other extension
+    //             link.setAttribute('download', filename); //or any other extension
+    //             document.body.appendChild(link);
+    //             link.click();
+    //             return true;
+    //         } else {
+    //             return response;
+    //         }
+    //     });
+
+    //     if (response_data_promise) {
+    //         // The most common and expected response.
+    //         // console.log('Returning result. This is generally expected.');
+    //         // let test_blob = new Blob([response_data_promise.data]);
+    //         // console.log(test_blob);
+    //         // return test_blob;
+    //         // console.log(response_data_promise.blob());
+    //         return response_data_promise;
+    //     } else {
+    //         // This generally should not happen. It likely means the query was bad or an API issue.
+    //         console.log('Returning unknown. This should not happen in most cases.');
+    //         Promise.reject(new Error('fail')).then(resolved, rejected);
+    //     }
+    // }
+}
+
+
+// function resolved(result: any) {
+//     console.log('Resolved');
+// }
+
+// function rejected(result: any) {
+//     console.error(result);
+// }

src/lib/ae_archives/ae_archives__archive.ts

@@ -0,0 +1,937 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+import { db_archives } from "$lib/ae_archives/db_archives";
+
+import { load_ae_obj_li__archive_content } from "$lib/ae_archives/ae_archives__archive_content";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2024-09-25
+export async function load_ae_obj_id__archive(
+        {
+            api_cfg,
+            archive_id,
+            inc_content_li = false,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 99,
+            offset = 0,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            archive_id: string,
+            inc_content_li?: boolean,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__archive() *** archive_id=${archive_id}`);
+    }
+
+    ae_promises.load__archive_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive',
+        obj_id: archive_id,
+        use_alt_table: true,
+        use_alt_base: false,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (archive_obj_get_result) {
+        if (archive_obj_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__archive_props({
+                    obj_li: [archive_obj_get_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_archives,
+                    table_name: 'archive',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // // This is expecting a list
+                // db_save_ae_obj_li__archive({
+                //     obj_type: 'archive',
+                //     obj_li: [archive_obj_get_result]
+                // });
+            }
+            return archive_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__archive_obj:', ae_promises.load__archive_obj);
+    }
+
+    if (inc_content_li) {
+        // Load the contents for the archive
+        if (log_lvl) {
+            console.log(`Need to load the content list for the archive now`);
+        }
+        let load_archive_content_obj_li = load_ae_obj_li__archive_content({
+            api_cfg: api_cfg,
+            for_obj_type: 'archive',
+            for_obj_id: archive_id,
+            enabled: enabled, // all, disabled, enabled
+            hidden: hidden, // all, hidden, not_hidden
+            limit: limit, // Limit for the comments
+            offset: offset,
+            params: params,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        })
+        .then((archive_content_obj_li) => {
+            if (log_lvl) {
+                console.log(`archive_content_obj_li = `, archive_content_obj_li);
+            }
+            return archive_content_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`archive_content_obj_li = `, load_archive_content_obj_li);
+        }
+        ae_promises.load__archive_obj.archive_content_li = load_archive_content_obj_li;
+    }
+
+    return ae_promises.load__archive_obj;
+}
+
+
+// Updated 2024-11-20
+export async function load_ae_obj_li__archive(
+        {
+            api_cfg,
+            for_obj_type = 'account',
+            for_obj_id,
+            inc_content_li = false,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 99,
+            offset = 0,
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            for_obj_type: string,
+            for_obj_id: string,
+            inc_content_li?: boolean,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            order_by_li?: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__archive() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+    }
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__archive_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'archive',
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
+        use_alt_tbl: false,
+        use_alt_mdl: false,
+        use_alt_exp: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (archive_obj_li_get_result) {
+        if (archive_obj_li_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__archive_props({
+                    obj_li: archive_obj_li_get_result,
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_archives,
+                    table_name: 'archive',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__archive({
+                //     obj_type: 'archive',
+                //     obj_li: archive_obj_li_get_result
+                // });
+            }
+            return archive_obj_li_get_result;
+        } else {
+            return [];
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__archive_obj_li:', ae_promises.load__archive_obj_li);
+    }
+
+    if (inc_content_li) {
+        // Load the contents for the archives
+        if (log_lvl) {
+            console.log(`Need to load the content list for each archive now`);
+        }
+        for (let i = 0; i < ae_promises.load__archive_obj_li.length; i++) {
+            let archive_obj = ae_promises.load__archive_obj_li[i];
+            let archive_id = archive_obj.archive_id_random;
+
+            let load_archive_content_obj_li = load_ae_obj_li__archive_content({
+                api_cfg: api_cfg,
+                for_obj_type: 'archive',
+                for_obj_id: archive_id,
+                enabled: enabled, // all, disabled, enabled
+                hidden: hidden, // all, hidden, not_hidden
+                limit: limit, // Limit for the comments
+                offset: offset,
+                params: params,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            })
+            .then((archive_content_obj_li) => {
+                if (log_lvl) {
+                    console.log(`archive_content_obj_li = `, archive_content_obj_li);
+                }
+
+                return archive_content_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_archive_content_obj_li = `, load_archive_content_obj_li);
+            }
+
+            if (load_archive_content_obj_li) {
+                ae_promises.load__archive_obj_li[i].archive_content_obj_li = load_archive_content_obj_li;
+            }
+        }
+    }
+
+    return ae_promises.load__archive_obj_li;
+}
+
+
+// Updated 2025-06-23
+export async function create_ae_obj__archive(
+        {
+            api_cfg,
+            account_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            account_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__archive() *** account_id=${account_id}`);
+    }
+
+    if (!account_id) {
+        console.log(`ERROR: Archives - Archive - account_id required to create`);
+        return false;
+    }
+
+    ae_promises.create__archive = await api.create_ae_obj_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive',
+        fields: {
+            account_id_random: account_id,
+            ...data_kv
+            },
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    })
+    .then(async function (archive_obj_create_result) {
+        if (archive_obj_create_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__archive_props({
+                    obj_li: [archive_obj_create_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_archives,
+                    table_name: 'archive',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__archive(
+                //     {
+                //         obj_type: 'archive',
+                //         obj_li: [archive_obj_create_result]
+                //     });
+            }
+            return archive_obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__archive:', ae_promises.create__archive);
+    }
+    return ae_promises.create__archive;
+}
+
+
+// Updated 2024-11-08
+export async function delete_ae_obj_id__archive(
+        {
+            api_cfg,
+            archive_id,
+            method = 'delete', // 'delete', 'disable', 'hide'
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            archive_id: string,
+            method?: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__archive() *** archive_id=${archive_id}`);
+    }
+
+    ae_promises.delete__archive_obj = await api.delete_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive',
+        obj_id: archive_id,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        method: method,
+        log_lvl: log_lvl
+        })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        if (try_cache) {
+            if (log_lvl) {
+                console.log(`Attempting to remove IDB entry for archive_id=${archive_id}`);
+            }
+            db_archives.content.delete(archive_id); // Delete from the DB no matter what.
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__archive_obj:', ae_promises.delete__archive_obj);
+    }
+
+    return ae_promises.delete__archive_obj;
+}
+
+
+// Updated 2025-06-23
+export async function update_ae_obj__archive(
+        {
+            api_cfg,
+            archive_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            archive_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__archive() *** archive_id=${archive_id}`, data_kv);
+    }
+
+    // Perform the API update
+    const result = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive',
+        obj_id: archive_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    });
+
+    // Handle the result
+    if (result) {
+        if (try_cache) {
+            // Process the results first
+            let processed_obj_li = await process_ae_obj__archive_props({
+                obj_li: [result],
+                log_lvl: log_lvl,
+                });
+            if (log_lvl) {
+                console.log('Processed object list:', processed_obj_li);
+            }
+            // Save the updated results list to the database
+            if (log_lvl) {
+                console.log('Saving to DB...');
+            }
+            await db_save_ae_obj_li__ae_obj({
+                db_instance: db_archives,
+                table_name: 'archive',
+                obj_li: processed_obj_li,
+                properties_to_save: properties_to_save,
+                log_lvl: log_lvl,
+            });
+            if (log_lvl) {
+                console.log('DB save completed.');
+            }
+
+            // await db_save_ae_obj_li__archive({
+            //     obj_type: 'archive',
+            //     obj_li: [result],
+            //     log_lvl: log_lvl,
+            // });
+        }
+        return result;
+    } else {
+        console.error('Failed to update archive.');
+        return null;
+    }
+}
+
+
+// This new function is using CRUD v2. This should allow for more flexibility in the queries.
+// Updated 2024-09-25
+export async function qry__archive(
+        {
+            api_cfg,
+            archive_id,
+            qry_str,
+            qry_files,
+            qry_start_datetime, // Example greater than: '2024-10-24'
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 50,
+            offset = 0,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            archive_id: any,
+            qry_str?: string,
+            qry_files?: null|boolean,
+            qry_start_datetime?: null|string, // Greater than this datetime
+            enabled?: string, // all, disabled, enabled
+            hidden?: string, // all, hidden, not_hidden
+            limit?: number,
+            offset?: number,
+            params?: any,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** qry__archive() *** archive_id=${archive_id} qry_str=${qry_str}`);
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 25); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    // if (qry_str && qry_str.length > 2) {
+    //     params_json['ft_qry'] = {};
+    //     params_json['ft_qry']['default_qry_str'] = qry_str;
+    // }
+
+    params_json['qry'] = [];
+
+    if (qry_files === true) {
+        let qry_param =
+            {
+                type: "AND",
+                field: "file_count_all",
+                operator: ">",
+                value: 0
+            };
+        params_json['qry'].push(qry_param);
+    } else if (qry_files === false) {
+        let qry_param =
+            {
+                type: "AND",
+                field: "file_count_all",
+                operator: "IS",
+                value: null
+            };
+        params_json['qry'].push(qry_param);
+    }
+
+    if (qry_start_datetime) {
+        let qry_param =
+            {
+                type: "AND",
+                field: "start_datetime",
+                operator: ">",
+                value: qry_start_datetime
+            };
+        params_json['qry'].push(qry_param);
+    }
+
+    let order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'start_datetime': 'ASC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'};
+
+    ae_promises.load__archive_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'archive',
+        for_obj_type: 'event',
+        for_obj_id: archive_id,
+        use_alt_tbl: true, // NOTE: We want to use the alt table for archive searching
+        use_alt_mdl: false,
+        use_alt_exp: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (archive_obj_li_get_result) {
+        if (archive_obj_li_get_result) {
+            if (try_cache) {
+                db_save_ae_obj_li__archive({
+                    obj_type: 'archive',
+                    obj_li: archive_obj_li_get_result
+                });
+            }
+            return archive_obj_li_get_result;
+        } else {
+            return [];
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__archive_obj_li:', ae_promises.load__archive_obj_li);
+    }
+    return ae_promises.load__archive_obj_li;
+}
+
+
+// // Updated 2024-09-25
+// export async function search__archive(
+//         {
+//             api_cfg,
+//             account_id,
+//             poc_agree = null,
+//             fulltext_search_qry_str,
+//             ft_content_search_qry_str,
+//             like_search_qry_str = null,
+//             file_count = false, // If true then only show those that have a file count
+//             person_name = null,
+//             params = {},
+//             try_cache = true,
+//             log_lvl = 0
+//         }: {
+//             api_cfg: any,
+//             account_id: any,
+//             poc_agree?: null|boolean,
+//             fulltext_search_qry_str?: null|string,
+//             ft_content_search_qry_str?: null|string,
+//             like_search_qry_str?: null|string,
+//             file_count?: boolean,
+//             person_name?: null|string,
+//             params?: any,
+//             try_cache?: boolean,
+//             log_lvl?: number
+//         }
+//         ) {
+//     console.log(`*** search__archive() *** account_id=${account_id}`);
+
+//     let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+//     let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+//     let limit: number = (params.qry__limit ?? 25); // 99
+//     let offset: number = (params.qry__offset ?? 0); // 0
+
+//     let params_json: key_val = {};
+
+//     // if (!fulltext_search_qry_str && !like_search_qry_str) {
+//     //     console.log('No search string provided!!!');
+//     //     return false; // Returning false instead of [] because no search was performed.
+//     // }
+
+//     if (fulltext_search_qry_str || ft_content_search_qry_str) {
+//         params_json['ft_qry'] = {};
+//         if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+//             params_json['ft_qry']['default_qry_str'] = fulltext_search_qry_str;
+//         }
+
+//         if (ft_content_search_qry_str && ft_content_search_qry_str.length > 2) {
+//             params_json['ft_qry']['archive_content_li_qry_str'] = ft_content_search_qry_str;
+//         }
+//     }
+
+//     // Use the AND (AND LIKE) query
+//     // if (like_search_qry_str || like_content_search_qry_str) {
+//     //     params_json['and_like'] = {};
+//     //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+//     //         params_json['and_like']['default_qry_str'] = like_search_qry_str;
+//     //     }
+//     //     if (like_content_search_qry_str && like_content_search_qry_str.length > 2) {
+//     //         params_json['and_like']['archive_content_li_qry_str'] = like_content_search_qry_str;
+//     //     }
+//     // }
+
+//     // Use the AND (OR LIKE) query
+//     if (like_search_qry_str || like_content_search_qry_str || like_content_search_qry_str) {
+//         params_json['or_like'] = {};
+//         if (like_search_qry_str && like_search_qry_str.length > 2) {
+//             params_json['or_like']['default_qry_str'] = like_search_qry_str;
+//         }
+//         if (like_content_search_qry_str && like_content_search_qry_str.length > 2) {
+//             params_json['or_like']['archive_content_li_qry_str'] = like_content_search_qry_str;
+//         }
+//         if (like_content_search_qry_str && like_content_search_qry_str.length > 2) {
+//             params_json['or_like']['archive_content_li_qry_str'] = like_content_search_qry_str;
+//         }
+//     }
+
+//     params_json['and_qry'] = {};
+
+//     if (poc_agree) {
+//         params_json['and_qry']['poc_agree'] = poc_agree;
+//     }
+
+//     if (file_count) {
+//         params_json['and_qry']['file_count'] = file_count;
+//     }
+
+//     // This should be using a like with surrounded by %'s
+//     if (person_name) {
+//         params_json['and_qry']['archive_full_name'] = person_name;
+//     }
+
+//     let order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'};
+
+//     ae_promises.load__archive_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+//         api_cfg: api_cfg,
+//         obj_type: 'archive',
+//         for_obj_type: 'account',
+//         for_obj_id: account_id,
+//         use_alt_table: true, // NOTE: We want to use the alt table for archive searching
+//         use_alt_base: false,
+//         enabled: enabled,
+//         hidden: hidden,
+//         order_by_li: order_by_li,
+//         limit: limit,
+//         offset: offset,
+//         params_json: params_json,
+//         params: params,
+//         log_lvl: log_lvl
+//         })
+//     .then(function (archive_obj_li_get_result) {
+//         if (archive_obj_li_get_result) {
+//             if (try_cache) {
+//                 db_save_ae_obj_li__archive({
+//                     obj_type: 'archive',
+//                     obj_li: archive_obj_li_get_result
+//                 });
+//             }
+//             return archive_obj_li_get_result;
+//         } else {
+//             return [];
+//         }
+//     })
+//     .catch(function (error) {
+//         console.log('No results returned or failed.', error);
+//     })
+//     .finally(function () {
+//     });
+
+//     if (log_lvl) {
+//         console.log('ae_promises.load__archive_obj_li:', ae_promises.load__archive_obj_li);
+//     }
+//     return ae_promises.load__archive_obj_li;
+// }
+
+
+// This function will loop through the archive_obj_li and save each one to the DB.
+// Updated 2024-09-25
+export function db_save_ae_obj_li__archive(
+        {
+            obj_type,
+            obj_li,
+            log_lvl = 0
+        }: {
+            obj_type: string,
+            obj_li: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__archive() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_archives.archive.put({
+                    id: obj.archive_id_random,
+                    archive_id: obj.archive_id_random,
+
+                    code: obj.code,
+
+                    account_id: obj.account_id_random,
+
+                    name: obj.name,
+                    description: obj.description,
+
+                    original_datetime: obj.original_datetime,
+                    original_timezone: obj.original_timezone,
+                    original_location: obj.original_location,
+
+                    original_url: obj.original_url,
+                    original_url_text: obj.original_url_text,
+
+                    sort_by: obj.sort_by,
+                    sort_by_desc: obj.sort_by_desc,
+
+                    cfg_json: obj.cfg_json,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    priority: obj.priority,
+                    sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+
+                    // From SQL view
+                    // archive_content_count: obj.archive_content_count,
+
+                    // A key value list of the contents
+                    // archive_content_kv: obj.archive_content_kv,
+                    // archive_content_li: obj.archive_content_li,
+                });
+                // console.log(`Put obj with ID: ${obj.archive_id_random} or ${id_random}`);
+            } catch (error) {
+                let status = `Failed to put ${obj.archive_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_archives.archive.put(obj);
+            // console.log(`Put obj with ID: ${obj.archive_id_random}`);
+        });
+
+        return true;
+    }
+}
+
+
+// Updated 2025-06-04
+export const properties_to_save = [
+    'id',
+    'archive_id',
+    // 'archive_id_random',
+
+    'code',
+
+    'account_id',
+    // 'account_id_random',
+
+    'name',
+    'description',
+
+    'original_datetime',
+    'original_timezone',
+    'original_location',
+
+    'original_url',
+    'original_url_text',
+
+    'sort_by',
+    'sort_by_desc',
+
+    'cfg_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    // 'archive_content_count',
+
+    // A key value list of the contents
+    // 'archive_content_kv',
+    // 'archive_content_li',
+];
+
+
+// Updated 2025-06-04
+export async function process_ae_obj__archive_props({
+    obj_li,
+    log_lvl = 0,
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__archive_props() ***`, obj_li);
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li = [];
+
+    for (const obj of obj_li) {
+        if (log_lvl) console.log(`Processing ae_obj archive:`, obj);
+
+        let processed_obj = {
+            id: obj.archive_id_random,
+            archive_id: obj.archive_id_random,
+            // archive_id_random: obj.archive_id_random,
+
+            code: obj.code,
+
+            account_id: obj.account_id_random,
+            // account_id_random: obj.account_id_random,
+
+            name: obj.name,
+            description: obj.description,
+
+            original_datetime: obj.original_datetime,
+            original_timezone: obj.original_timezone,
+            original_location: obj.original_location,
+
+            original_url: obj.original_url,
+            original_url_text: obj.original_url_text,
+
+            sort_by: obj.sort_by,
+            sort_by_desc: obj.sort_by_desc,
+
+            cfg_json: obj.cfg_json,
+
+            enable: obj.enable,
+            hide: obj.hide,
+            priority: obj.priority,
+            sort: obj.sort,
+            group: obj.group,
+            notes: obj.notes,
+            created_on: obj.created_on,
+            updated_on: obj.updated_on,
+
+            // Generated fields for sorting locally only
+            tmp_sort_1: `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${obj.sort?.toString().padStart(3, '0') ?? ''}_${obj.updated_on ?? obj.created_on}`,
+            tmp_sort_2: `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${obj.sort?.toString().padStart(3, '0') ?? ''}_${obj.updated_on}_${obj.created_on}`,
+
+            // From SQL view
+            // archive_content_count: obj.archive_content_count,
+
+            // A key value list of the contents
+            // archive_content_kv: obj.archive_content_kv,
+            // archive_content_li: obj.archive_content_li,
+        };
+
+        processed_obj_li.push(processed_obj);
+    }
+
+    return processed_obj_li;
+}

src/lib/ae_archives/ae_archives__archive_content.ts

@@ -0,0 +1,648 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+import { db_archives } from "$lib/ae_archives/db_archives";
+
+let ae_promises: key_val = {};
+
+
+// TESTING NOTE: I changed these to all use async and await. Not sure if this helps or hurts things. Mainly this is related to the Dexie DB changes. 2024-11-08
+
+
+// Updated 2024-09-25
+export async function load_ae_obj_id__archive_content(
+        {
+            api_cfg,
+            archive_content_id,
+            // enabled = 'enabled',
+            // hidden = 'not_hidden',
+            // limit = 99,
+            // offset = 0,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            archive_content_id: string,
+            // enabled?: string,
+            // hidden?: string,
+            // limit?: number,
+            // offset?: number,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__archive_content() *** archive_content_id=${archive_content_id}`);
+    }
+
+    ae_promises.load__archive_content_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive_content',
+        obj_id: archive_content_id,
+        use_alt_table: false,
+        use_alt_base: false,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (archive_content_obj_get_result) {
+        if (archive_content_obj_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__archive_content_props({
+                    obj_li: [archive_content_obj_get_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_archives,
+                    table_name: 'content',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // // This is expecting a list
+                // await db_save_ae_obj_li__archive_content({
+                //     obj_type: 'archive_content',
+                //     obj_li: [archive_content_obj_get_result]
+
+                // });
+            }
+            return archive_content_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    return ae_promises.load__archive_content_obj;
+}
+
+
+// Updated 2024-11-20
+export async function load_ae_obj_li__archive_content(
+        {
+            api_cfg,
+            for_obj_type = 'archive',
+            for_obj_id,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 99,
+            offset = 0,
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'original_datetime': 'ASC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            for_obj_type: string,
+            for_obj_id: string,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            order_by_li?: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__archive_content() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+    }
+
+    let params_json: key_val = {};
+
+    // console('params_json:', params_json);
+
+    ae_promises.load__archive_content_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'archive_content',
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
+        use_alt_tbl: false,
+        use_alt_mdl: false,
+        use_alt_exp: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (archive_content_obj_li_get_result) {
+        if (archive_content_obj_li_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__archive_content_props({
+                    obj_li: archive_content_obj_li_get_result,
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_archives,
+                    table_name: 'content',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // await db_save_ae_obj_li__archive_content({
+                //     obj_type: 'archive_content', obj_li: archive_content_obj_li_get_result
+                // });
+            }
+            return archive_content_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__archive_content_obj_li:', ae_promises.load__archive_content_obj_li);
+    }
+
+    return ae_promises.load__archive_content_obj_li;
+}
+
+
+// Updated 2025-06-23
+export async function create_ae_obj__archive_content(
+        {
+            api_cfg,
+            archive_id,
+            data_kv,
+            params={},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            archive_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__archive_content() *** archive_id=${archive_id}`);
+    }
+
+    if (!archive_id) {
+        console.log(`ERROR: Archives - Content - archive_id required to create`);
+        return false;
+    }
+
+    ae_promises.create__archive_content = await api.create_ae_obj_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive_content',
+        fields: {
+            archive_id_random: archive_id,
+            ...data_kv
+            },
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    })
+    .then(async function (archive_content_obj_create_result) {
+        if (archive_content_obj_create_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__archive_content_props({
+                    obj_li: [archive_content_obj_create_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_archives,
+                    table_name: 'content',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // await db_save_ae_obj_li__archive_content(
+                //     {
+                //         obj_type: 'archive_content',
+                //         obj_li: [archive_content_obj_create_result]
+                //     });
+            }
+            return archive_content_obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__archive_content:', ae_promises.create__archive_content);
+    }
+    return ae_promises.create__archive_content;
+}
+
+
+// Updated 2024-11-08
+export async function delete_ae_obj_id__archive_content(
+        {
+            api_cfg,
+            archive_content_id,
+            method = 'delete', // 'delete', 'disable', 'hide'
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            archive_content_id: string,
+            method?: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__archive_content() *** archive_content_id=${archive_content_id}`);
+    }
+
+    ae_promises.delete__archive_content_obj = await api.delete_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive_content',
+        obj_id: archive_content_id,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        method: method,
+        log_lvl: log_lvl
+        })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        if (try_cache) {
+            if (log_lvl) {
+                console.log(`Attempting to remove IDB entry for archive_content_id=${archive_content_id}`);
+            }
+            db_archives.content.delete(archive_content_id); // Delete from the DB no matter what.
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__archive_content_obj:', ae_promises.delete__archive_content_obj);
+    }
+
+    return ae_promises.delete__archive_content_obj;
+}
+
+
+// Updated 2025-06-23
+export async function update_ae_obj__archive_content(
+        {
+            api_cfg,
+            archive_content_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            archive_content_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__archive_content() *** archive_content_id=${archive_content_id}`, data_kv);
+    }
+
+    // Perform the API update
+    const result = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'archive_content',
+        obj_id: archive_content_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl,
+    });
+
+    // Handle the result
+    if (result) {
+        if (try_cache) {
+            // Process the results first
+            let processed_obj_li = await process_ae_obj__archive_content_props({
+                obj_li: [result],
+                log_lvl: log_lvl,
+                });
+            if (log_lvl) {
+                console.log('Processed object list:', processed_obj_li);
+            }
+            // Save the updated results list to the database
+            if (log_lvl) {
+                console.log('Saving to DB...');
+            }
+            await db_save_ae_obj_li__ae_obj({
+                db_instance: db_archives,
+                table_name: 'content',
+                obj_li: processed_obj_li,
+                properties_to_save: properties_to_save,
+                log_lvl: log_lvl,
+            });
+            if (log_lvl) {
+                console.log('DB save completed.');
+            }
+
+            // await db_save_ae_obj_li__archive_content({
+            //     obj_type: 'archive_content',
+            //     obj_li: [result],
+            //     log_lvl: log_lvl,
+            // });
+        }
+        return result;
+    } else {
+        console.error('Failed to update archive content.');
+        return null;
+    }
+}
+
+
+// This function will loop through the archive_content_obj_li and save each one to the DB.
+// Updated 2024-09-25
+export async function db_save_ae_obj_li__archive_content(
+        {
+            obj_type,
+            obj_li,
+            log_lvl = 0
+        }: {
+            obj_type: string,
+            obj_li: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__archive_content() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_archives.content.put({
+                    id: obj.archive_content_id_random,
+                    archive_content_id: obj.archive_content_id_random,
+
+                    archive_id: obj.archive_id_random,
+
+                    archive_content_type: obj.archive_content_type,
+
+                    name: obj.name,
+                    description: obj.description,
+
+                    content_html: obj.content_html,
+                    content_json: obj.content_json,
+
+                    url: obj.url,
+                    url_text: obj.url_text,
+
+                    hosted_file_id: obj.hosted_file_id_random,
+
+                    file_path: obj.file_path,
+
+                    filename: obj.filename,
+                    file_extension: obj.file_extension,
+
+                    original_datetime: obj.original_datetime,
+                    original_timezone: obj.original_timezone,
+                    original_location: obj.original_location,
+                    original_url: obj.original_url,
+                    original_url_text: obj.original_url_text,
+
+                    enable_for_public: obj.enable_for_public,
+
+                    cfg_json: obj.cfg_json,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    priority: obj.priority,
+                    sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+
+                    // Generated fields for sorting locally only
+                    tmp_sort_1: `${obj.original_datetime}_${obj.group}_${obj.priority}_${obj.sort}`,
+                    tmp_sort_2: `${obj.group}_${obj.original_datetime}_${obj.priority}_${obj.sort}`,
+
+                    // From SQL view
+                    archive_code: obj.archive_code,
+                    archive_name: obj.archive_name,
+
+                    hash_sha256: obj.hosted_file_hash_sha256
+                });
+                // console.log(`Put obj with ID: ${obj.archive_content_id_random} or ${id_random}`);
+            } catch (error) {
+                let status = `Failed to put ${obj.archive_content_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_archives.content.put(obj);
+            // console.log(`Put obj with ID: ${obj.archive_content_id_random}`);
+        });
+
+        return true;
+    }
+}
+
+
+// Updated 2025-06-04
+export const properties_to_save = [
+    'id',
+    'archive_content_id',
+    // 'archive_content_id_random',
+
+    'archive_id',
+    // 'archive_id_random',
+
+    'archive_content_type',
+
+    'name',
+    'description',
+
+    'content_html',
+    'content_json',
+
+    'url',
+    'url_text',
+
+    'hosted_file_id',
+    'hosted_file_id_random',
+
+    'file_path',
+
+    'filename',
+    'file_extension',
+
+    'original_datetime',
+    'original_timezone',
+    'original_location',
+    'original_url',
+    'original_url_text',
+
+    'enable_for_public',
+
+    'cfg_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    'archive_code',
+    'archive_name',
+
+    'hash_sha256'
+];
+
+
+// Updated 2025-06-04
+export async function process_ae_obj__archive_content_props({
+    obj_li,
+    log_lvl = 0,
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__archive_content_props() ***`, obj_li);
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li = [];
+
+    for (const obj of obj_li) {
+        if (log_lvl) console.log(`Processing ae_obj archive_content:`, obj);
+
+        let processed_obj = {
+            id: obj.archive_content_id_random,
+            archive_content_id: obj.archive_content_id_random,
+            // archive_content_id_random: obj.archive_content_id_random,
+
+            archive_id: obj.archive_id_random,
+            // archive_id_random: obj.archive_id_random,
+
+            archive_content_type: obj.archive_content_type,
+
+            name: obj.name,
+            description: obj.description,
+
+            content_html: obj.content_html,
+            content_json: obj.content_json,
+
+            url: obj.url,
+            url_text: obj.url_text,
+
+            hosted_file_id: obj.hosted_file_id_random,
+            hosted_file_id_random: obj.hosted_file_id_random,
+
+            file_path: obj.file_path,
+
+            filename: obj.filename,
+            file_extension: obj.file_extension,
+
+            original_datetime: obj.original_datetime,
+            original_timezone: obj.original_timezone,
+            original_location: obj.original_location,
+            original_url: obj.original_url,
+            original_url_text: obj.original_url_text,
+
+            enable_for_public: obj.enable_for_public,
+
+            cfg_json: obj.cfg_json,
+
+            enable: obj.enable,
+            hide: obj.hide,
+            priority: obj.priority,
+            sort: obj.sort,
+            group: obj.group,
+            notes: obj.notes,
+            created_on: obj.created_on,
+            updated_on: obj.updated_on,
+
+            // Generated fields for sorting locally only
+            tmp_sort_1: `${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${obj.sort?.toString().padStart(3, '0') ?? ''}_${obj.original_datetime ?? ''}`,
+            tmp_sort_2: `${obj.group ?? ''}_${obj.original_datetime ?? ''}_${obj.priority ? '1' : '0'}_${obj.sort?.toString().padStart(3, '0') ?? ''}`,
+            tmp_sort_3: `${obj.original_datetime ?? ''}_${obj.group ?? ''}_${obj.priority ? '1' : '0'}_${obj.sort?.toString().padStart(3, '0') ?? ''}`,
+            // tmp_sort_a: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on ?? obj.created_on}`,
+            // tmp_sort_b: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on}_${obj.created_on}`,
+
+            // From SQL view
+            archive_code: obj.archive_code,
+            archive_name: obj.archive_name,
+
+            hash_sha256: obj.hosted_file_hash_sha256
+        };
+
+        processed_obj_li.push(processed_obj);
+    }
+
+    return processed_obj_li;
+}

src/lib/ae_archives/ae_archives_functions.ts

@@ -0,0 +1,40 @@
+// This file is used to export all the functions that are used for Aether Posts related functions.
+
+import {
+    load_ae_obj_id__archive,
+    load_ae_obj_li__archive,
+    create_ae_obj__archive,
+    delete_ae_obj_id__archive,
+    update_ae_obj__archive,
+    // qry__archive,
+    db_save_ae_obj_li__archive,
+} from "$lib/ae_archives/ae_archives__archive";
+
+
+import {
+    load_ae_obj_id__archive_content,
+    load_ae_obj_li__archive_content,
+    create_ae_obj__archive_content,
+    delete_ae_obj_id__archive_content,
+    update_ae_obj__archive_content,
+    // qry__archive_content,
+    db_save_ae_obj_li__archive_content,
+} from "$lib/ae_archives/ae_archives__archive_content";
+
+
+let export_obj = {
+    load_ae_obj_id__archive: load_ae_obj_id__archive,
+    load_ae_obj_li__archive: load_ae_obj_li__archive,
+    create_ae_obj__archive: create_ae_obj__archive,
+    delete_ae_obj_id__archive: delete_ae_obj_id__archive,
+    update_ae_obj__archive: update_ae_obj__archive,
+    db_save_ae_obj_li__archive: db_save_ae_obj_li__archive,
+
+    load_ae_obj_id__archive_content: load_ae_obj_id__archive_content,
+    load_ae_obj_li__archive_content: load_ae_obj_li__archive_content,
+    create_ae_obj__archive_content: create_ae_obj__archive_content,
+    delete_ae_obj_id__archive_content: delete_ae_obj_id__archive_content,
+    update_ae_obj__archive_content: update_ae_obj__archive_content,
+    db_save_ae_obj_li__archive_content: db_save_ae_obj_li__archive_content,
+};
+export let archives_func = export_obj;

src/lib/ae_archives/db_archives.ts

@@ -0,0 +1,166 @@
+import Dexie, { type Table } from 'dexie';
+
+import type { key_val } from '../ae_stores';
+
+// li = list
+// kv = key value list
+
+// Updated 2024-09-25
+export interface Archive {
+    id: string;
+    // id_random: string;
+    archive_id: string;
+    // archive_id_random: string;
+
+    code?: null|string;
+
+    account_id: string;
+    // account_id_random: string;
+
+    // archive_type: string;
+
+    // type: string;
+    name: string;
+    // summary?: null|string;
+    description?: null|string;
+
+    content_html?: null|string;
+    content_json?: null|string;
+    content_url?: null|string;
+    content_url_text?: null|string;
+
+    original_datetime?: Date;
+    original_timezone?: null|string;
+    original_location?: null|string;
+
+    original_url?: null|string;
+    original_url_text?: null|string;
+
+    // meta_data?: null|string;
+    // access_key?: null|string; /// Rename this to "passcode" if used later
+
+    sort_by?: null|string;
+    sort_by_desc?: null|string;
+
+    cfg_json?: null|key_val;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    // archive_content_count?: number;
+    // archive_content_kv?: null|key_val;
+    // archive_content_li?: null|[];
+}
+
+// Updated 2024-09-25
+export interface Archive_Content {
+    id: string;
+    // id_random: string;
+    archive_content_id: string;
+    // archive_content_id_random: string;
+
+    archive_id: string;
+    // archive_id_random: string;
+
+    archive_content_type: string;
+
+    name: string;
+    description?: null|string;
+
+    content_html?: null|string;
+    content_json?: null|string;
+
+    // linked_li_json?: null|string; // For future use? linked content list instead of one content item
+
+    url?: null|string;
+    url_text?: null|string;
+
+    hosted_file_id?: string;
+
+    file_path?: null|string;
+
+    filename?: null|string;
+    file_extension?: null|string;
+
+    original_datetime?: Date;
+    original_timezone?: null|string;
+    original_location?: null|string;
+    original_url?: null|string;
+    original_url_text?: null|string;
+
+    // meta_data?: null|string;
+    // access_key?: null|string; /// Rename this to "passcode" if used later
+
+    enable_for_public?: boolean;
+
+    cfg_json?: null|key_val;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    archive_code?: null|string;
+    archive_name?: null|string;
+
+    hash_sha256?: null|string;
+}
+
+
+// Updated 2024-09-25
+export class MySubClassedDexie extends Dexie {
+    // We just tell the typing system this is the case
+    archive!: Table<Archive>;
+    content!: Table<Archive_Content>;
+
+    constructor() {
+        super('ae_archives_db');
+        this.version(1).stores({
+            archive: `
+                id, archive_id,
+                code,
+                account_id,
+                name,
+                original_datetime, original_timezone, original_location,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, notes, created_on, updated_on`,
+            content: `
+                id, archive_content_id,
+                archive_id,
+                archive_content_type,
+                name,
+                hosted_file_id,
+                original_datetime, original_timezone, original_location,
+                [group+original_datetime],
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, notes, created_on, updated_on, [group+priority+sort+updated_on]`,
+            });
+
+            // file_path,
+            // filename, file_extension,
+            // original_datetime, original_timezone, original_location, original_url, original_url_text,
+            // enable_for_public,
+    }
+}
+
+export const db_archives = new MySubClassedDexie();

src/lib/ae_core/ae_comp__hosted_files_clip_video.svelte

@@ -0,0 +1,377 @@
+<script lang="ts">
+import { preventDefault } from 'svelte/legacy';
+
+// Imports
+// Import components and elements
+// import Element_input_files_tbl from '$lib/element_input_files_tbl.svelte';
+
+// Import storage, functions, and libraries
+import type { key_val } from '$lib/ae_stores';
+
+import { api } from '$lib/api';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+
+// Exports
+
+
+// export let input_name = 'file_list';
+// export let multiple: boolean = true;
+// export let required: boolean = true;
+
+
+// export let input_class_li: string[] = ['file_drop_area'];
+
+
+interface Props {
+    log_lvl?: number;
+    // Expecting these for link_to_type: 'event', 'event_location', 'archive_content', etc
+    link_to_type: string;
+    link_to_id: string;
+    // export let accept: string = 'audio/*, image/*, video/*, .bak, .cfg, .css, .csv, .doc, .docx, .gz, .htm, .html, .ini, .iso, .j2, .json, .key, .keynote, .md, .pdf, .ppt, .pptx, .rar, .rtf, .sql, .svelte, ttf, .txt, .xls, .xlsx, .xz, .zip, .bin, .dmg, .exe, .js, .msi, .php, .py, .sh';
+    class_li_default?: string;
+    class_li?: string;
+    // export let table_class_li: string[] = ['table', 'table-sm', 'table-striped', 'table-hover' , 'text-sm'];
+    clip_complete?: boolean;
+    // export let upload_complete: boolean = false;
+    submit_status?: null|string;
+    // hosted_file_id_li?: string[];
+    // hosted_file_obj_li?: any[];
+    hosted_file_obj_kv?: key_val;
+    video_clip_file_kv?: key_val;
+}
+
+let {
+    log_lvl = $bindable(0),
+    link_to_type = $bindable(),
+    link_to_id = $bindable(),
+    class_li_default = 'flex flex-col gap-1 items-center justify-center w-full max-w-2xl mx-auto my-1',
+    class_li = $bindable(''),
+    clip_complete = $bindable(false),
+    submit_status = $bindable(null),
+    // hosted_file_id_li = [],
+    // hosted_file_obj_li = [],
+    hosted_file_obj_kv = $bindable({}),
+    video_clip_file_kv = $bindable({})
+}: Props = $props();
+
+
+// Local Variables
+let task_id = link_to_id;
+// let input_file_list: any = null;
+let ae_promises: key_val = $state({});
+// let ae_promises_clipping: key_val = {};
+// let ae_triggers: key_val = {};
+
+// let input_element_id = 'ae_comp__hosted_files_upload__input';
+
+// let form_kv: key_val = {
+//     start_time: null,
+//     end_time: null,
+//     reencode: null,
+//     video_file: null,
+// };
+// let download_clip_src: string;
+// let download_clip_filename: string;
+
+$ae_sess.files.obj = {
+    obj: null,
+};
+
+
+// *** Functions and Logic
+function handle_clip_video(event) {
+    console.log('*** handle_clip_video() ***');
+
+    submit_status = 'clipping';
+    clip_complete = false;
+
+    let hosted_file_id = event.target.hosted_file_id.value;
+
+    $ae_sess.files.processed_file_kv[hosted_file_id] = {};
+    $ae_sess.files.processed_file_kv[hosted_file_id].submit_status = 'clipping';
+    $ae_sess.files.processed_file_kv[hosted_file_id].clip_complete = false;
+
+    // $ae_sess.files.disable_submit__hosted_file_obj = true;
+    $ae_loc.files.processed_file_kv[hosted_file_id] = {};
+    $ae_loc.files.processed_file_kv[hosted_file_id].submit_status = 'clipping';
+    $ae_loc.files.processed_file_kv[hosted_file_id].start_time = event.target.start_time.value;
+    $ae_loc.files.processed_file_kv[hosted_file_id].end_time = event.target.end_time.value;
+    $ae_loc.files.processed_file_kv[hosted_file_id].reencode = event.target.reencode.value;
+    $ae_loc.files.processed_file_kv[hosted_file_id].scale_down = event.target.scale_down.value;
+    $ae_loc.files.processed_file_kv[hosted_file_id].new_filename = event.target.new_filename.value;
+    $ae_loc.files.processed_file_kv[hosted_file_id].clip_complete = false;
+
+    let endpoint = `/hosted_file/${hosted_file_id}/clip_video`;
+
+    let params = {
+        link_to_type: link_to_type,
+        link_to_id: link_to_id,
+        filename_no_ext: event.target.new_filename.value.replace('.mp4', ''),
+        from_type: 'mp4', // Video file type being converted
+        to_type: 'mp4', // Video file type to convert to
+        start_time: event.target.start_time.value,
+        end_time: event.target.end_time.value,
+        reencode: event.target.reencode.value,
+        scale_down: event.target.scale_down.value,
+    };
+
+    ae_promises[hosted_file_id] = {};
+    // .convert__hosted_file_obj
+    ae_promises[hosted_file_id] = api.get_object({
+        api_cfg: $ae_api,
+        endpoint: endpoint,
+        params: params,
+        timeout: 300000, // 5 minutes
+        // return_blob: true,
+        // filename: event.target.new_filename.value,
+        // auto_download: false,
+        task_id: task_id,
+        log_lvl: log_lvl
+    })
+    .then(function (result) {
+        console.log(result);
+
+        video_clip_file_kv[result.hosted_file_id_random] = {};
+        video_clip_file_kv[result.hosted_file_id_random] = result;
+
+        // $ae_loc.files.video_clip_file_kv[result.hosted_file_id_random] = {};
+        // $ae_loc.files.video_clip_file_kv[result.hosted_file_id_random] = result;
+
+        $ae_sess.files.processed_file_kv[hosted_file_id].submit_status = 'clipped';
+        $ae_sess.files.processed_file_kv[hosted_file_id].clip_complete = true;
+
+        $ae_loc.files.processed_file_kv[hosted_file_id].submit_status = 'clipped';
+        $ae_loc.files.processed_file_kv[hosted_file_id].clip_complete = true;
+
+        submit_status = 'clipped';
+        clip_complete = true;
+
+        // let file_blob = new Blob([result.data]);
+        // // console.log(file_blob);
+        // let file_obj_url = window.URL.createObjectURL(file_blob); // The img src
+        // // const url = window.URL.createObjectURL(new Blob([result.data]));
+        // download_clip_src = file_obj_url;
+        // // download_filename = file_obj_url;
+
+        return true;
+    });
+
+}
+</script>
+
+
+<section
+    class="{class_li_default} {class_li}"
+    >
+
+<!-- <h3 class="h3">{hosted_file_obj_li.length}&times; files uploaded</h3>
+{#each hosted_file_obj_li as hosted_file_obj, i} -->
+
+<h3
+    class="h3"
+    >
+    {Object.entries(hosted_file_obj_kv).length}× files uploaded
+</h3>
+
+{#each Object.entries(hosted_file_obj_kv) as [hosted_file_id, hosted_file_obj]}
+<div class="border border-gray-300 rounded-lg p-2 m-2">
+    <!-- {#if $ae_sess.files[hosted_file_id].upload_complete}
+        <a href="/hosted_file/{hosted_file_id}/download?x_no_account_id_token=direct-download" download={$ae_sess.files[hosted_file_id].new_filename} class="ae_btn btn_lg btn_primary"><span class="fas fa-download"></span> Ready to Download</a>
+    {/if} -->
+
+    <div class="flex flex-row flex-wrap gap-1 justify-center items-center w-full">
+        <!-- Remove from uploaded file kv list -->
+        <button
+            type="button"
+            onclick={() => {
+                // This (uploaded_file_kv) is referenced by other AE components. Currently it is only used with the manage hosted file list and clip video components.
+                console.log(`Removed hosted file ID: ${hosted_file_id}`, $ae_loc.files.uploaded_file_kv);
+                // delete $ae_sess.files.uploaded_file_kv[hosted_file_id];
+                delete $ae_loc.files.uploaded_file_kv[hosted_file_id];
+                $ae_loc.files.uploaded_file_kv = {...$ae_loc.files.uploaded_file_kv};
+                delete hosted_file_obj_kv[hosted_file_id];
+                hosted_file_obj_kv = {...hosted_file_obj_kv};
+                // delete $ae_loc.files.uploaded_file_kv[hosted_file_obj.hosted_file_id];
+                console.log(`Removed hosted file ID: ${hosted_file_obj.hosted_file_id}`, $ae_loc.files.uploaded_file_kv);
+            }}
+            class="btn btn-sm preset-tonal-warning hover:preset-filled-warning-500"
+            title={`Remove this file from list of videos:\n${hosted_file_obj.filename}\n[API] SHA256: ${hosted_file_obj?.hash_sha256?.slice(0, 10)}... Hosted ID: ${hosted_file_obj.hosted_file_id_random}`}
+            >
+            <span class="fas fa-minus-circle m-1"></span>
+            <span class="">Remove</span>
+        </button>
+
+        <!-- Download the file -->
+        <button
+            type="button"
+            disabled={!$ae_loc.trusted_access}
+            onclick={() => {
+                ae_promises[hosted_file_id] = api.download_hosted_file({
+                    api_cfg: $ae_api,
+                    hosted_file_id: hosted_file_id,
+                    return_file: true,
+                    filename: hosted_file_obj.filename,
+                    auto_download: true,
+                    log_lvl: 0
+                });
+
+                // window.postMessage({ type: 'download_event_file', hosted_file_id: idaa_archive_content_obj.hosted_file_id, filename: idaa_archive_content_obj.filename, auto_download: true }, '*');
+            }}
+            class:hidden={!$ae_loc.edit_mode}
+            class="novi_btn btn btn-sm lg:btn-md preset-tonal-primary hover:preset-filled-primary-500 min-w-72 lg:min-w-96"
+            title={`Download this file:\n${hosted_file_obj.filename}\n[API] SHA256: ${hosted_file_obj?.hash_sha256?.slice(0, 10)}... Hosted ID: ${hosted_file_obj.hosted_file_id_random}`}
+            >
+            {#await ae_promises[hosted_file_id]}
+                <span class="fas fa-spinner fa-spin mx-1"></span>
+                {#if submit_status == 'clipping'}
+                    <span class="">Clipping</span>
+                {:else}
+                    <span class="">
+                        Downloading
+                        {#if $ae_sess.api_download_kv[hosted_file_id]}
+                            {$ae_sess.api_download_kv[hosted_file_id].percent_completed}%
+                        {/if}
+                        :
+                    </span>
+                {/if}
+            {:then}
+                <span class="fas fa-{ae_util.file_extension_icon(hosted_file_obj?.file_extension)}"></span>
+            {/await}
+
+            <span class="grow">
+            {ae_util.shorten_filename({filename: hosted_file_obj?.filename, max_length: 30})}
+            </span>
+        </button>
+        <span>{ae_util.shorten_filename({filename: hosted_file_obj?.filename, max_length: 30})}</span>
+        <span>
+            <span class="text-sm font-bold">
+                File ID:
+            </span>
+            {hosted_file_obj.hosted_file_id_random}</span>
+        <span>
+            <span class="text-sm font-bold">
+                Type:
+            </span>
+            {hosted_file_obj.extension}</span>
+        <!-- <span>{hosted_file_obj.filename}</span> -->
+    </div>
+
+    <form
+        onsubmit={preventDefault(handle_clip_video)}
+        class="{class_li_default} {class_li}"
+        >
+        <!-- {$ae_sess?.files[hosted_file_obj?.hosted_file_id_random ?? 'obj'].submit_status ?? 'not set'} -->
+
+        <input type="hidden" name="hosted_file_id" value="{hosted_file_obj.hosted_file_id_random}" />
+
+        <div class="flex flex-row gap-1 justify-center items-center w-full">
+            <span class="text-xs font-bold w-32">New Filename:</span>
+            <input type="text" class="input w-full text-sm" name="new_filename" value={hosted_file_obj.filename} />
+        </div>
+
+        <div class="max-w-(--breakpoint-sm) flex flex-row gap-1 justify-center items-center w-full">
+            <label class="label w-48"
+                title="The start time of the clip. This is the time in the video where the clip will start. You may need to subtract a few seconds to get the exact start time."
+                >
+                <span class="text-xs font-bold">Start time (HH:MM:SS)</span>
+                <input type="text" name="start_time"
+                    value={($ae_loc.files.processed_file_kv && $ae_loc.files.processed_file_kv[hosted_file_id] && $ae_loc.files.processed_file_kv[hosted_file_id].start_time) ? $ae_loc.files.processed_file_kv[hosted_file_id].start_time : '00:00:00'}
+                    placeholder="HH:MM:SS (00:01:30)" class="input w-32" />
+            </label>
+
+            <label class="label w-48"
+                title="The end time of the clip. This is the time in the video where the clip will end. You may need to add a few seconds to get the exact end time."
+                >
+                <span class="text-xs font-bold">End time (HH:MM:SS)</span>
+                <input type="text" name="end_time"
+                    value={($ae_loc.files.processed_file_kv && $ae_loc.files.processed_file_kv[hosted_file_id] && $ae_loc.files.processed_file_kv[hosted_file_id].end_time) ? $ae_loc.files.processed_file_kv[hosted_file_id].end_time : '00:45:59'}
+                    placeholder="HH:MM:SS (01:05:25)" class="input w-32" />
+            </label>
+
+            <span class="flex flex-col gap-1 items-center justify-center"
+                title="Re-encode the video file? This does cause some minor quality loss. Re-encoding is useful if the audio or video seems to be chopped off at the beginning or end of the clip. It can also help with partially corrupted files."
+                >
+                <span class="text-xs font-bold">
+                    Re-encode?
+                </span>
+                <label class="inline-block">
+                    <input type="radio" name="reencode" value="true" class="radio" checked />
+                    True
+                </label>
+                <label class="inline-block">
+                    <input type="radio" name="reencode" value="false" class="radio" />
+                    False
+                </label>
+            </span>
+
+            <span class="flex flex-col gap-1 items-center justify-center"
+                title="Scale the video file down to 1920x1080? This does cause some minor quality loss. Re-encoding is useful if the audio or video seems to be chopped off at the beginning or end of the clip. It can also help with partially corrupted files."
+                >
+                <span class="text-xs font-bold">
+                    Scale down?
+                </span>
+                <label class="inline-block">
+                    <input type="radio" name="scale_down" value="true" class="radio" checked />
+                    True
+                </label>
+                <label class="inline-block">
+                    <input type="radio" name="scale_down" value="false" class="radio" />
+                    False
+                </label>
+            </span>
+        </div>
+
+        <button
+            type="submit"
+            class="btn btn-lg btn-primary preset-tonal-primary border border-primary-500"
+            disabled={submit_status == 'clipping'}
+            >
+            <!-- {#await ae_promises[hosted_file_id]} -->
+            {#if $ae_loc.files.processed_file_kv[hosted_file_id] && $ae_loc.files.processed_file_kv[hosted_file_id].submit_status == 'clipping'}
+                <span class="fas fa-spinner fa-spin m-1"></span>
+                <span class="highlight">Clipping...</span>
+            {:else}
+                <!-- {#if ae_promises[hosted_file_id]} -->
+                 {#if $ae_loc.files.processed_file_kv[hosted_file_id] && $ae_loc.files.processed_file_kv[hosted_file_id].submit_status == 'clipped'}
+                    <span class="fas fa-check m-1"></span>
+                    Clipped
+                {:else}
+                    <span class="fas fa-cut m-1"></span>
+                    Clip Video
+                {/if}
+            {/if}
+            <!-- <span class="fas fa-cut m-1"></span>
+            Clip Video -->
+        </button>
+
+    </form>
+
+    {#await ae_promises[hosted_file_id]}
+        <span class="fas fa-spinner fa-spin m-1"></span>
+        <span class="highlight">Processing... This may take a few minutes.</span>
+    {:then}
+        {#if ae_promises[hosted_file_id]}
+        <span class="fas fa-download"></span> Ready to download below!
+        {:else}
+        <!-- <p>Fill out the form and select the video file to clip.</p> -->
+        {/if}
+    {/await}
+
+</div>
+{/each}
+
+<!-- <hr />
+
+{#await ae_promises.upload__hosted_file_obj}
+    <span class="fas fa-spinner fa-spin m-1"></span>
+    <p class="highlight">Converting... This may take a few minutes.</p>
+{:then}
+    {#if ae_promises.upload__hosted_file_obj}
+    <a href={download_clip_src} download={download_clip_filename} class="ae_btn btn_lg btn_primary"><span class="fas fa-download"></span> Ready to Download</a>
+    {:else}
+    <p>Fill out the form and select the video file to clip.</p>
+    {/if}
+{/await} -->
+
+</section>

src/lib/ae_core/ae_comp__hosted_files_clip_video_li.svelte

@@ -0,0 +1,88 @@
+<script lang="ts">
+
+// Imports
+// Import components and elements
+
+// Import storage, functions, and libraries
+import type { key_val } from '$lib/ae_stores';
+
+import { api } from '$lib/api';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+
+// Exports
+
+// export let hosted_file_id_li: string[] = [];
+// export let hosted_file_obj_li: any[] = [];
+
+interface Props {
+    log_lvl?: number;
+    // export let hosted_file_obj_kv: key_val = {};
+    video_clip_file_kv?: key_val;
+    class_li_default?: string;
+    class_li?: string;
+    link_to_type: string;
+    link_to_id: string;
+}
+
+let {
+    log_lvl = 0,
+    video_clip_file_kv = $bindable({}),
+    class_li_default = 'flex flex-row flex-wrap gap-2 items-center justify-center w-full max-w-2xl p-2 mx-auto my-1 border border-gray-300 rounded-lg',
+    class_li = '',
+    link_to_type,
+    link_to_id
+}: Props = $props();
+
+let ae_promises: key_val = $state({});
+
+</script>
+
+
+<h3 class="h3">{Object.entries($ae_loc.files).length}× files clipped</h3>
+<div class="{class_li_default} {class_li} ">
+
+    {#each Object.entries(video_clip_file_kv) as [hosted_file_id, hosted_file_obj]}
+        <button
+            type="button"
+            disabled={!$ae_loc.trusted_access}
+            onclick={() => {
+                ae_promises[hosted_file_id] = api.download_hosted_file({
+                    api_cfg: $ae_api,
+                    hosted_file_id: hosted_file_id,
+                    return_file: true,
+                    filename: hosted_file_obj.filename,
+                    auto_download: true,
+                    log_lvl: log_lvl
+                });
+
+                // window.postMessage({ type: 'download_event_file', hosted_file_id: idaa_archive_content_obj.hosted_file_id, filename: idaa_archive_content_obj.filename, auto_download: true }, '*');
+            }}
+            class="novi_btn btn btn-sm lg:btn-md preset-tonal-primary hover:preset-filled-primary-500 min-w-72 lg:min-w-96"
+            title={`Download this file:\n${hosted_file_obj.filename}\n[API] SHA256: ${hosted_file_obj?.hash_sha256?.slice(0, 10)}... Hosted ID: ${hosted_file_obj.hosted_file_id_random}`}
+            >
+
+            {#await ae_promises[hosted_file_id]}
+                <span class="fas fa-spinner fa-spin mx-1"></span>
+                <span class="">
+                    Downloading
+                    {#if $ae_sess.api_download_kv[hosted_file_id]}
+                        {$ae_sess.api_download_kv[hosted_file_id].percent_completed}%
+                    {/if}
+                    :
+                </span>
+            {:then}
+                <span class="fas fa-{ae_util.file_extension_icon(hosted_file_obj?.file_extension)}"></span>
+            {/await}
+
+            <span class="grow">
+            {ae_util.shorten_filename({filename: hosted_file_obj?.filename, max_length: 30})}
+            </span>
+
+            <span class="shrink">
+                {ae_util.format_bytes(hosted_file_obj?.size)}
+            </span>
+
+        </button>
+    {/each}
+</div>

src/lib/ae_core/ae_comp__hosted_files_clip_video_v1.svelte

@@ -0,0 +1,382 @@
+<script lang="ts">
+export let log_lvl: number = 0;
+
+// Imports
+// Import components and elements
+import Element_input_files_tbl from '$lib/element_input_files_tbl.svelte';
+
+// Import storage, functions, and libraries
+import type { key_val } from '$lib/ae_stores';
+
+import { api } from '$lib/api';
+import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+
+// Exports
+// Expecting these for link_to_type: 'event', 'event_location', 'archive_content', etc
+export let link_to_type: string;
+export let link_to_id: string;
+
+export let input_name = 'file_list';
+export let multiple: boolean = true;
+export let required: boolean = true;
+export let accept: string = 'audio/*, image/*, video/*, .bak, .cfg, .css, .csv, .doc, .docx, .gz, .htm, .html, .ini, .iso, .j2, .json, .key, .keynote, .md, .pdf, .ppt, .pptx, .rar, .rtf, .sql, .svelte, ttf, .txt, .xls, .xlsx, .xz, .zip, .bin, .dmg, .exe, .js, .msi, .php, .py, .sh';
+
+export let class_li_default: string = 'flex flex-col gap-1 items-center justify-center w-full max-w-2xl mx-auto my-1';
+export let class_li: string = '';
+export let input_class_li: string[] = ['file_drop_area'];
+export let table_class_li: string[] = ['table', 'table-sm', 'table-striped', '' , 'text-sm'];
+
+export let upload_complete: boolean = false;
+export let submit_status: null|string = null;
+
+export let hosted_file_id_li: string[] = [];
+export let hosted_file_obj_li: any[] = [];
+
+
+// Local Variables
+let task_id = link_to_id;
+let input_file_list: any = null;
+let ae_promises: key_val = {}; // Promise<any>;
+let ae_triggers: key_val = {};
+
+let input_element_id = 'ae_comp__hosted_files_upload__input';
+
+let form_kv: key_val = {
+    start_time: null,
+    end_time: null,
+    reencode: null,
+    video_file: null,
+};
+let download_clip_src: string;
+let download_clip_filename: string;
+
+// *** Functions and Logic
+async function handle_submit_form_files(event) {
+    console.log('*** handle_submit_form() ***');
+
+    $ae_sess.files.disable_submit__hosted_file_obj = true;
+    $ae_sess.files.submit_status = 'saving';
+    submit_status = 'saving';
+    upload_complete = false;
+
+    hosted_file_id_li = [];
+    hosted_file_obj_li = [];
+
+    let hosted_file_results;
+
+    form_kv = {
+        start_time: event.target.start_time.value,
+        end_time: event.target.end_time.value,
+        reencode: event.target.reencode.value,
+        video_file: event.target.file_list.files[0],
+    };
+
+
+    // const form_data = new FormData();
+
+    // form_data.append('start_time', event.target.start_time.value);
+    // form_data.append('end_time', event.target.end_time.value);
+
+    // if (event.target.reencode.value == '1' || event.target.reencode.value == 'true') {
+    //     form_data.append('reencode', 'true');
+    // } else {
+    //     form_data.append('reencode', 'false');
+    // }
+    // form_data.append('reencode', event.target.reencode.value);
+
+    // form_data.append(`video_file`, event.target.video_file.files[0]);
+
+    // let download_filename = `clipped_file_test.mp4`;
+
+    // let params = null;
+
+    // let endpoint = '/hosted_file/clip_video';
+
+    // console.log(form_data);
+
+    // params = null;
+
+
+    if (event.target[input_element_id].files.length > 0) {
+        task_id = link_to_id; // Ideally this should be the file hash, but we may be uploading multiple files at once. This should be done with a loop instead?
+
+        // Loop through each file and upload them individually in event.target[input_element_id].files
+        // The task_id should be the file hash.
+        // processed_file_list[i] has the file hash_sha256, hash_sha256_match, warnings, uploaded, uploaded_bytes, filename, and file_size_bytes.
+        for (let i = 0; i < event.target[input_element_id].files.length; i++) {
+            let tmp_file = event.target[input_element_id].files[i];
+
+            task_id = $ae_sess.files.processed_file_list[i].hash_sha256;
+
+            hosted_file_results = await handle_input_upload_files([tmp_file], form_kv, task_id);
+
+            if (hosted_file_results) {
+                console.log(`hosted_file_results:`, hosted_file_results);
+            } else {
+                console.log(`hosted_file_results:`, hosted_file_results);
+            }
+        }
+        // hosted_file_results = await handle_input_upload_files(event.target[input_element_id].files, task_id);
+        $ae_sess.files.processed_file_list = [];
+        $ae_sess = $ae_sess;
+        event.target.reset();
+        // await tick();
+
+        if (log_lvl) {
+            console.log(`hosted_file_id_li: ${hosted_file_id_li}`, hosted_file_id_li);
+        } else if (log_lvl > 1) {
+            console.log('hosted_file_results:', hosted_file_results);
+        }
+    }
+
+    $ae_sess.files.disable_submit__hosted_file_obj = false;
+    $ae_sess.files.submit_status = 'saved';
+    submit_status = 'saved';
+    upload_complete = true;
+}
+
+
+async function handle_input_upload_files(input_upload_files, form_kv, task_id) {
+    console.log('*** handle_input_upload_files() ***');
+    console.log(input_upload_files);
+    console.log(form_kv);
+
+    const form_data = new FormData();
+
+    // form_data.append('account_id', $ae_loc.account_id);
+    // form_data.append('link_to_type', link_to_type);
+    // form_data.append('link_to_id', link_to_id);
+
+    form_data.append('start_time', form_kv.start_time);
+    form_data.append('end_time', form_kv.end_time);
+
+    if (form_kv.reencode == '1' || form_kv.reencode == 'true') {
+        form_data.append('reencode', 'true');
+    } else {
+        form_data.append('reencode', 'false');
+    }
+
+    // There should really only be one file uploaded at a time for now.
+    for (let i = 0; i < input_upload_files.length; i++) {
+        form_data.append(`video_file`, input_upload_files[i]);
+    }
+
+    // hash_sha256, uploaded, uploaded_bytes
+    // $ae_sess.files.processed_file_list[i] = {
+    //     ...$ae_sess.files.processed_file_list[i],
+    //     uploaded: $ae_sess.api_upload_kv[link_to_id].percent_completed,
+    //     uploaded_bytes: $ae_sess.api_upload_kv[link_to_id].uploaded_bytes,
+    // };
+
+    let params = null;
+
+    let endpoint = '/hosted_file/clip_video';
+
+    console.log(form_data);
+
+    params = null;
+
+    // Uncomment and the post_promise is not seen by the "await" below
+    // post_promise = await api.post_object({api_cfg: $cfg.api, endpoint: endpoint, params: params, data:form_data});
+    // Uncomment so that the post_promise is not seen by the "await" below
+    ae_promises.upload__hosted_file_obj = api.post_object({
+        api_cfg: $ae_api,
+        endpoint: endpoint,
+        params: params,
+        form_data: form_data,
+        return_blob: true,
+        filename: 'clipped_video_test.mp4',
+        auto_download: false,
+        task_id: task_id,
+        log_lvl: log_lvl,
+        // retry_count: 1,
+    })
+    .then(async function (result) {
+        console.log(result);
+
+        let file_blob = new Blob([result.data]);
+        // console.log(file_blob);
+        let file_obj_url = window.URL.createObjectURL(file_blob); // The img src
+        // const url = window.URL.createObjectURL(new Blob([result.data]));
+        download_clip_src = file_obj_url;
+        // download_filename = file_obj_url;
+
+        return true;
+
+
+        // // WARNING!!!! ONLY ONE FILE IS EXPECTED TO BE UPLOADED AT A TIME!!!
+        // // NOTE: The /hosted_file/upload_files endpoint will always return a list of successful files uploaded. In this case we are only uploading one file and expecting a list of one item.
+        // let x = 0;
+        // console.log(result[x]);
+        // let hosted_file_obj = result[x];
+
+        // let hosted_file_id = hosted_file_obj.hosted_file_id_random;
+
+        // hosted_file_id_li.push(hosted_file_id);
+        // hosted_file_obj_li.push(hosted_file_obj);
+
+        // let hosted_file_data: key_val = {};
+        // hosted_file_data['hosted_file_id_random'] = hosted_file_id;
+        // hosted_file_data['for_type'] = link_to_type;
+        // hosted_file_data['for_id_random'] = link_to_id;
+        // hosted_file_data['filename'] = hosted_file_obj.filename;
+        // hosted_file_data['extension'] = hosted_file_obj.extension;
+        // hosted_file_data['enable'] = true;
+        // console.log(hosted_file_data);
+
+        // return hosted_file_data;
+
+        // $ae_sess.files.new_upload_list[i].uploaded_bytes = 10; // fake 10 bytes at least...
+
+        // let event_file_id = await events_func.create_hosted_file_obj_from_hosted_file_async({
+        //     api_cfg: $ae_api,
+        //     hosted_file_id: hosted_file_id,
+        //     data: event_file_data,
+        //     log_lvl: log_lvl
+        //     })
+        // .then(function (create_result) {
+        //     console.log(create_result); // NOTE: This should be the event_file_id string
+        //     // let event_file_id = create_result;
+        //     return create_result;
+        // });
+
+        // return event_file_id;
+    })
+    // .then(function (hosted_file_data) {
+    //     return hosted_file_data;
+    // })
+    .catch(function (error) {
+        console.log('Something went wrong.');
+        console.log(error);
+        return false;
+    })
+    .finally( function () {
+        // $slct_trigger = 'load__hosted_file_obj_li';
+    });
+
+    console.log(ae_promises.upload__hosted_file_obj);
+    let hosted_file_result = ae_promises.upload__hosted_file_obj;
+
+    return hosted_file_result;
+}
+
+</script>
+
+
+<div>
+<!-- class:hidden={!$ae_loc.trusted_access} -->
+<form
+    on:submit|preventDefault={handle_submit_form_files}
+    class="{class_li_default} {class_li}"
+    >
+
+    <label class="label">Start time (HH:MM:SS) <input type="text" name="start_time" value="00:00:00" placeholder="HH:MM:SS (00:01:30)" class="input w-32" /></label>
+    <label class="label">End time (HH:MM:SS) <input type="text" name="end_time" value="00:01:15" placeholder="HH:MM:SS (01:05:25)" class="input w-32" /></label>
+
+    <label class="label">Re-encode (true or false) <input type="text" name="reencode" value="false" placeholder="true" class="input w-32" /></label>
+
+    {#await ae_promises.upload__hosted_file_obj}
+    <div class="text-lg flex flex-row gap-1 items-center justify-center">
+        <span class="fas fa-spinner fa-spin m-1"></span>
+        <span class="">
+            Uploading
+            {#if $ae_sess.api_upload_kv[task_id]}
+                {$ae_sess.api_upload_kv[task_id].percent_completed}%
+            {/if}
+        </span>
+    </div>
+    {/await}
+
+    <label
+        for="ae_comp__hosted_files_upload__input"
+        class="svelte_input_file_label text-center"
+        class:hidden={$ae_sess.files.disable_submit__hosted_file_obj}
+        >
+        <slot name="label">
+        <div>
+            <span class="fas fa-upload"></span>
+            <!-- Select files to upload -->
+            <!-- <span class="fas fa-file-archive"></span> -->
+            <strong class="bg-blue-300 p-1">Upload files</strong>
+            <!-- (drag and drop) -->
+        </div>
+        <span class="text-sm text-gray-600 dark:text-gray-400 italic">
+            <strong>Video files only</strong><br>
+            (mp4 or mkv)
+        </span>
+        </slot>
+    </label>
+
+    <input
+        id={input_element_id}
+        type="file"
+        bind:files={input_file_list}
+        {multiple}
+        {required}
+        {accept}
+        name={input_name}
+        class="svelte_input_file_element file-dropzone-input block w-full text-lg text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-hidden dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 {input_class_li.join(' ')}"
+        class:hidden={$ae_sess.files.disable_submit__hosted_file_obj}
+        />
+
+    <Element_input_files_tbl
+        bind:input_file_list={input_file_list}
+
+        bind:file_list_status={$ae_sess.files.status__file_list}
+        bind:processed_file_list={$ae_sess.files.processed_file_list}
+        table_class_li={table_class_li}
+        />
+
+    <button
+        type="submit"
+        class="btn btn-lg btn-primary preset-tonal-primary border border-primary-500 hover:preset-tonal-success border border-success-500 w-54"
+        disabled={$ae_sess.files.disable_submit__hosted_file_obj || $ae_sess.files.status__file_list != 'ready'}
+        >
+        {#await ae_promises.upload__hosted_file_obj}
+            <span class="fas fa-spinner fa-spin m-1"></span>
+            <span class="">
+                Uploading
+                {#if $ae_sess.api_upload_kv[task_id]}
+                    {$ae_sess.api_upload_kv[task_id].percent_completed}%
+                {/if}
+            </span>
+        {:then}
+            <span class="fas fa-upload m-1"></span>
+            <span class="text-sm">
+                Upload?
+            </span>
+            <!-- <span class="fas fa-save m-1"></span> -->
+            <span class="grow font-bold">
+                {#if $ae_sess.files.processed_file_list?.length > 0}
+                    <!-- {#each $ae_sess.files.processed_file_list as file_obj, index}
+                        <span class="text-xs">
+                            {file_obj.filename}
+                        </span>
+                    {/each} -->
+                    {$ae_sess.files.processed_file_list.length == 1 ? `${$ae_sess.files.processed_file_list.length} file` : `${$ae_sess.files.processed_file_list.length} files`}
+                {:else}
+                    <span class="text-xs">
+                        No files selected
+                    </span>
+                {/if}
+                <!-- Files -->
+            </span>
+        {/await}
+    </button>
+</form>
+
+
+<hr />
+
+{#await ae_promises.upload__hosted_file_obj}
+    <span class="fas fa-spinner fa-spin m-1"></span>
+    <p class="highlight">Converting... This may take a few minutes.</p>
+{:then}
+    {#if ae_promises.upload__hosted_file_obj}
+    <a href={download_clip_src} download={download_clip_filename} class="ae_btn btn_lg btn_primary"><span class="fas fa-download"></span> Ready to Download</a>
+    {:else}
+    <p>Fill out the form and select the video file to clip.</p>
+    {/if}
+{/await}
+
+</div>

src/lib/ae_core/ae_comp__hosted_files_download_button.svelte

@@ -0,0 +1,152 @@
+<script lang="ts">
+// *** Import Svelte specific
+
+// Eventually this should use Lucide icons instead of FontAwesome
+// import {
+//         ArrowDown01, ArrowDown10, ArrowDownUp,
+//         BookHeart, BriefcaseBusiness,
+//         CalendarClock, CalendarOff, Clock, CodeXml, Copy,
+//         Eye, EyeOff,
+//         Flag, FlagOff, FileX, Fingerprint,
+//         Globe, Group,
+//         Hash, History,
+//         LockKeyhole, LockKeyholeOpen,
+//         MessageSquareWarning, Menu, Minus,
+//         NotebookPen, NotebookText, NotepadTextDashed,
+//         Pencil, PenLine, Plus,
+//         RemoveFormatting,
+//         Search, Settings,
+//         Shapes, Share2, ShieldCheck, ShieldMinus, Siren, Skull,
+//         SquareLibrary,
+//         Tags, Trash2, TypeOutline,
+//         X
+//     } from '@lucide/svelte';
+
+// *** Import Aether specific variables and functions
+import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { api } from '$lib/api';
+import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+
+interface Props {
+    log_lvl?: number;
+    hosted_file_id: null|string;
+    hosted_file_obj: null|key_val;
+    filename?: null|string;
+    max_length?: number;
+    auto_download?: boolean;
+    linked_to_type?: null|string;
+    linked_to_id?: null|string;
+    download_complete?: null|boolean;
+    download_percent?: number;
+    download_status_msg?: string;
+    classes?: string;
+}
+
+let {
+    log_lvl = 0,
+    hosted_file_id,
+    hosted_file_obj,
+    filename = $bindable(null),
+    max_length = $bindable(30),
+    auto_download = true,
+    linked_to_type = $bindable(null),
+    linked_to_id = $bindable(null),
+    download_complete = $bindable(),
+    download_percent = $bindable(),
+    download_status_msg = $bindable('Not started'),
+    classes = 'btn btn-sm lg:btn-md preset-tonal-tertiary border border-tertiary-500 hover:preset-filled-tertiary-500 min-w-48'
+}: Props = $props();
+
+if (log_lvl) {
+    console.log(`ae_comp__hosted_files_download_button.svelte hosted_file_id=${hosted_file_id}`, hosted_file_obj);
+}
+
+let ae_promises: key_val = $state({});
+
+
+$effect(() => {
+    if ($ae_sess?.api_download_kv[hosted_file_obj?.hosted_file_id_random]?.percent_completed) {
+        download_percent = $ae_sess.api_download_kv[hosted_file_obj?.hosted_file_id_random].percent_completed;
+    }
+
+});
+</script>
+
+
+{#if hosted_file_id && hosted_file_obj}
+<button
+    type="button"
+    disabled={!$ae_loc.trusted_access}
+    class="{classes ?? 'btn'}"
+    onclick={() => {
+        download_complete = false;
+        download_status_msg = 'Downloading...';
+        ae_promises[hosted_file_obj.hosted_file_id_random] = api.download_hosted_file({
+            api_cfg: $ae_api,
+            hosted_file_id: hosted_file_obj.hosted_file_id_random,
+            return_file: true,
+            filename: filename ?? hosted_file_obj.filename,
+            auto_download: auto_download,
+            log_lvl: log_lvl
+        })
+        .then((result) => {
+            if (result === null) {
+                console.log('File not found (404)');
+                download_complete = null;
+                download_status_msg = 'File not found';
+            } else if (result === false) {
+                console.log('Possible error with API server (check network and server status)');
+                download_complete = false;
+                download_status_msg = 'Failed to download';
+            } else {
+                // console.log('File found and downloaded');
+                download_complete = true;
+                download_status_msg = 'File downloaded';
+            }
+            return result;
+        });
+    }}
+
+    title={`Download this file:\n${filename ?? hosted_file_obj?.filename}\n[API] SHA256: ${hosted_file_obj?.hash_sha256?.slice(0, 10)}...\nHosted ID: ${hosted_file_obj?.hosted_file_id_random}\n Linked to: ${linked_to_type} ID: ${linked_to_id}`}
+    >
+    {#await ae_promises[hosted_file_obj.hosted_file_id_random]}
+        <span class="fas fa-spinner fa-spin mx-1"></span>
+        <span class="">
+            Downloading
+            {#if $ae_sess.api_download_kv[hosted_file_obj.hosted_file_id_random]}
+                {$ae_sess.api_download_kv[hosted_file_obj.hosted_file_id_random].percent_completed}%
+            {/if}
+            :
+        </span>
+    {:then}
+        <span class="fas fa-{ae_util.file_extension_icon(hosted_file_obj?.extension)}"></span>
+
+    {/await}
+
+    {#if download_complete === null}
+        <span class="text-red-800 dark:text-red-200">File not found</span>
+    {:else if download_complete === false}
+        <span class="text-red-800 dark:text-red-200">Failed to download!</span>
+    {/if}
+
+    <span class="grow">
+    {ae_util.shorten_filename({filename: filename ?? hosted_file_obj?.filename, max_length: max_length})}
+    </span>
+</button>
+
+{:else}
+
+<button
+    type="button"
+    disabled
+    class="{classes ?? 'btn'}"
+    title="No file selected"
+    >
+    <span class="fas fa-{ae_util.file_extension_icon(hosted_file_obj?.extension)}"></span>
+    <span class="grow">
+        No file info
+    </span>
+</button>
+
+{/if}

src/lib/ae_core/ae_comp__hosted_files_upload.svelte

@@ -0,0 +1,330 @@
+<script lang="ts">
+export let log_lvl: number = 0;
+
+// Imports
+// Import components and elements
+import Element_input_files_tbl from '$lib/element_input_files_tbl.svelte';
+
+// Import storage, functions, and libraries
+import type { key_val } from '$lib/ae_stores';
+
+import { api } from '$lib/api';
+import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+
+// Exports
+// Expecting these for link_to_type: 'event', 'event_location', 'archive_content', etc
+export let link_to_type: string;
+export let link_to_id: string;
+
+export let input_name = 'file_list';
+export let multiple: boolean = true;
+export let required: boolean = true;
+export let accept: string = 'audio/*, image/*, video/*, .bak, .cfg, .css, .csv, .doc, .docx, .gz, .htm, .html, .ini, .iso, .j2, .json, .key, .keynote, .md, .pdf, .ppt, .pptx, .rar, .rtf, .sql, .svelte, ttf, .txt, .xls, .xlsx, .xz, .zip, .bin, .dmg, .exe, .js, .msi, .php, .py, .sh';
+
+export let class_li_default: string = 'flex flex-col gap-1 items-center justify-center w-full max-w-2xl mx-auto my-1';
+export let class_li: string = '';
+export let input_class_li: string[] = ['file_drop_area'];
+export let table_class_li: string[] = ['table', 'table-sm', 'table-striped', '' , 'text-sm'];
+
+export let upload_complete: boolean = false;
+export let submit_status: null|string = null;
+
+export let hosted_file_id_li: string[] = [];
+export let hosted_file_obj_li: any[] = [];
+export let hosted_file_obj_kv: key_val = {};
+
+
+// Local Variables
+let task_id = link_to_id;
+let input_file_list: any = null;
+let ae_promises: key_val = {}; // Promise<any>;
+let ae_triggers: key_val = {};
+
+let input_element_id = 'ae_comp__hosted_files_upload__input';
+
+// *** Functions and Logic
+async function handle_submit_form_files(event: SubmitEvent) {
+    console.log('*** handle_submit_form() ***');
+
+    if (!event) {
+        return;
+    }
+
+    $ae_sess.files.disable_submit__hosted_file_obj = true;
+    $ae_sess.files.submit_status = 'saving';
+    submit_status = 'saving';
+    upload_complete = false;
+
+    hosted_file_id_li = [];
+    hosted_file_obj_li = [];
+    hosted_file_obj_kv = {};
+
+    let hosted_file_results;
+
+    const target = event.target as HTMLFormElement;
+    if (target && target[input_element_id] && (target[input_element_id] as HTMLInputElement)?.files && (target[input_element_id] as HTMLInputElement).files.length > 0) {
+        task_id = link_to_id; // Ideally this should be the file hash, but we may be uploading multiple files at once. This should be done with a loop instead?
+
+        // Loop through each file and upload them individually in event.target[input_element_id].files
+        // The task_id should be the file hash.
+        // processed_file_list[i] has the file hash_sha256, hash_sha256_match, warnings, uploaded, uploaded_bytes, filename, and file_size_bytes.
+        for (let i = 0; i < event.target[input_element_id].files.length; i++) {
+            let tmp_file = event.target[input_element_id].files[i];
+
+            task_id = $ae_sess.files.processed_file_list[i].hash_sha256;
+
+            // hosted_file_results = await handle_input_upload_files([tmp_file], task_id);
+            hosted_file_results = await handle_input_upload_files({
+                    input_upload_files: [tmp_file],
+                    task_id: task_id
+                });
+
+            if (hosted_file_results) {
+                console.log(`hosted_file_results:`, hosted_file_results);
+            } else {
+                console.log(`hosted_file_results:`, hosted_file_results);
+            }
+        }
+        // hosted_file_results = await handle_input_upload_files(event.target[input_element_id].files, task_id);
+        $ae_sess.files.processed_file_list = [];
+        $ae_sess = $ae_sess; // Is this needed? 2025-03-17
+        event.target.reset();
+        // await tick();
+
+        if (log_lvl) {
+            console.log(`hosted_file_id_li: ${hosted_file_id_li}`, hosted_file_id_li);
+        } else if (log_lvl > 1) {
+            console.log('hosted_file_results:', hosted_file_results);
+        }
+    }
+
+    $ae_sess.files.disable_submit__hosted_file_obj = false;
+    $ae_sess.files.submit_status = 'saved';
+    submit_status = 'saved';
+    upload_complete = true;
+}
+
+
+async function handle_input_upload_files(
+        {
+            input_upload_files,
+            task_id
+        } : {
+            input_upload_files: any[],
+            task_id: string
+        }
+    ) {
+    console.log('*** handle_input_upload_files() ***');
+
+    const form_data = new FormData();
+
+    form_data.append('account_id', $ae_loc.account_id);
+    form_data.append('link_to_type', link_to_type);
+    form_data.append('link_to_id', link_to_id);
+
+    for (let i = 0; i < input_upload_files.length; i++) {
+        form_data.append(`file_list`, input_upload_files[i]);
+    }
+
+    // hash_sha256, uploaded, uploaded_bytes
+    // $ae_sess.files.processed_file_list[i] = {
+    //     ...$ae_sess.files.processed_file_list[i],
+    //     uploaded: $ae_sess.api_upload_kv[link_to_id].percent_completed,
+    //     uploaded_bytes: $ae_sess.api_upload_kv[link_to_id].uploaded_bytes,
+    // };
+
+    let params = null;
+
+    let endpoint = '/hosted_file/upload_files';
+
+    console.log(form_data);
+
+    params = null;
+
+    // Uncomment and the post_promise is not seen by the "await" below
+    // post_promise = await api.post_object({api_cfg: $cfg.api, endpoint: endpoint, params: params, data:form_data});
+    // Uncomment so that the post_promise is not seen by the "await" below
+    ae_promises.upload__hosted_file_obj = api.post_object({
+        api_cfg: $ae_api,
+        endpoint: endpoint,
+        // params: params,
+        form_data: form_data,
+        task_id: task_id,
+        log_lvl: log_lvl,
+        // retry_count: 1,
+    })
+    .then(async function (result) {
+        // WARNING!!!! ONLY ONE FILE IS EXPECTED TO BE UPLOADED AT A TIME!!!
+        // NOTE: The /hosted_file/upload_files endpoint will always return a list of successful files uploaded. In this case we are only uploading one file and expecting a list of one item.
+        let x = 0;
+        console.log(result[x]);
+        let hosted_file_obj = result[x];
+
+        let hosted_file_id = hosted_file_obj.hosted_file_id_random;
+
+        hosted_file_id_li.push(hosted_file_id);
+        hosted_file_obj_li.push(hosted_file_obj);
+
+        let hosted_file_data: key_val = {};
+        hosted_file_data['id'] = hosted_file_id;
+        hosted_file_data['hosted_file_id'] = hosted_file_id;
+        hosted_file_data['hosted_file_id_random'] = hosted_file_id;
+        hosted_file_data['for_type'] = link_to_type;
+        hosted_file_data['for_id'] = link_to_id;
+        hosted_file_data['for_id_random'] = link_to_id;
+        hosted_file_data['hash_sha256'] = hosted_file_obj.hash_sha256;
+        hosted_file_data['filename'] = hosted_file_obj.filename;
+        hosted_file_data['extension'] = hosted_file_obj.extension;
+        hosted_file_data['content_type'] = hosted_file_obj.content_type;
+        hosted_file_data['size'] = hosted_file_obj.size;
+        hosted_file_data['enable'] = true;
+        hosted_file_data['created_on'] = hosted_file_obj.created_on;
+        hosted_file_data['updated_on'] = hosted_file_obj.updated_on;
+        console.log(hosted_file_data);
+
+        hosted_file_obj_kv[hosted_file_id] = hosted_file_data;
+
+        return hosted_file_data;
+
+        // $ae_sess.files.new_upload_list[i].uploaded_bytes = 10; // fake 10 bytes at least...
+
+        // let event_file_id = await events_func.create_hosted_file_obj_from_hosted_file_async({
+        //     api_cfg: $ae_api,
+        //     hosted_file_id: hosted_file_id,
+        //     data: event_file_data,
+        //     log_lvl: log_lvl
+        //     })
+        // .then(function (create_result) {
+        //     console.log(create_result); // NOTE: This should be the event_file_id string
+        //     // let event_file_id = create_result;
+        //     return create_result;
+        // });
+
+        // return event_file_id;
+    })
+    .then(function (hosted_file_data) {
+        return hosted_file_data;
+    })
+    .catch(function (error) {
+        console.log('Something went wrong.');
+        console.log(error);
+        return false;
+    })
+    .finally( function () {
+        $slct_trigger = 'load__hosted_file_obj_li';
+    });
+
+    console.log(ae_promises.upload__hosted_file_obj);
+    let hosted_file_result = ae_promises.upload__hosted_file_obj;
+
+    return hosted_file_result;
+}
+
+</script>
+
+
+<!-- class:hidden={!$ae_loc.trusted_access} -->
+<form
+    on:submit|preventDefault={handle_submit_form_files}
+    class="{class_li_default} {class_li}"
+    >
+
+    {#await ae_promises.upload__hosted_file_obj}
+    <div class="text-lg flex flex-row gap-1 items-center justify-center">
+        <span class="fas fa-spinner fa-spin m-1"></span>
+        <span class="">
+            Uploading
+            {#if $ae_sess.api_upload_kv[task_id]}
+                {$ae_sess.api_upload_kv[task_id].percent_completed}%
+            {/if}
+        </span>
+    </div>
+    {/await}
+
+    <label
+        for="ae_comp__hosted_files_upload__input"
+        class="svelte_input_file_label text-center"
+        class:hidden={$ae_sess.files.disable_submit__hosted_file_obj}
+        >
+        <slot name="label">
+        <div>
+            <span class="fas fa-upload"></span>
+            <!-- Select files to upload -->
+            <!-- <span class="fas fa-file-archive"></span> -->
+            <strong class="bg-blue-300 p-1">Upload files</strong>
+            <!-- (drag and drop) -->
+        </div>
+        <span class="text-sm text-gray-600 dark:text-gray-400 italic">
+            <strong>Presentation related files only</strong><br>
+            (PowerPoint, Keynote, PDF, mp4, Word Doc, Excel, txt, etc)
+        </span>
+        </slot>
+    </label>
+
+    <input
+        id={input_element_id}
+        type="file"
+        bind:files={input_file_list}
+        {multiple}
+        {required}
+        {accept}
+        name={input_name}
+        class="
+            svelte_input_file_element
+            file-dropzone-input
+            px-1
+            block w-full text-lg
+            text-gray-900
+            border border-gray-300 rounded-lg
+            cursor-pointer b
+            g-gray-50 dark:text-gray-400 focus:outline-hidden dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
+            {input_class_li.join(' ')}
+            "
+        class:hidden={$ae_sess.files.disable_submit__hosted_file_obj}
+        />
+
+    <Element_input_files_tbl
+        bind:input_file_list={input_file_list}
+
+        bind:file_list_status={$ae_sess.files.status__file_list}
+        bind:processed_file_list={$ae_sess.files.processed_file_list}
+        table_class_li={table_class_li}
+        />
+
+    <button
+        type="submit"
+        class="btn btn-lg btn-primary preset-tonal-primary border border-primary-500 hover:preset-tonal-success border border-success-500 w-54"
+        disabled={$ae_sess.files.disable_submit__hosted_file_obj || $ae_sess.files.status__file_list != 'ready'}
+        >
+        {#await ae_promises.upload__hosted_file_obj}
+            <span class="fas fa-spinner fa-spin m-1"></span>
+            <span class="">
+                Uploading
+                {#if $ae_sess.api_upload_kv[task_id]}
+                    {$ae_sess.api_upload_kv[task_id].percent_completed}%
+                {/if}
+            </span>
+        {:then}
+            <span class="fas fa-upload m-1"></span>
+            <span class="text-sm">
+                Upload?
+            </span>
+            <!-- <span class="fas fa-save m-1"></span> -->
+            <span class="grow font-bold">
+                {#if $ae_sess.files.processed_file_list?.length > 0}
+                    <!-- {#each $ae_sess.files.processed_file_list as file_obj, index}
+                        <span class="text-xs">
+                            {file_obj.filename}
+                        </span>
+                    {/each} -->
+                    {$ae_sess.files.processed_file_list.length == 1 ? `${$ae_sess.files.processed_file_list.length} file` : `${$ae_sess.files.processed_file_list.length} files`}
+                {:else}
+                    <span class="text-xs">
+                        No files selected
+                    </span>
+                {/if}
+                <!-- Files -->
+            </span>
+        {/await}
+    </button>
+</form>

src/lib/ae_core/ae_core_functions.ts

@@ -0,0 +1,704 @@
+import { browser } from '$app/environment';
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import {
+    load_ae_obj_id__activity_log,
+    load_ae_obj_li__activity_log,
+    create_ae_obj__activity_log,
+    update_ae_obj__activity_log,
+    // db_save_ae_obj_li__activity_log
+} from "$lib/ae_core/core__activity_log";
+
+import {
+    load_ae_obj_id__person,
+    load_ae_obj_li__person,
+    create_ae_obj__person,
+    delete_ae_obj_id__person,
+    update_ae_obj__person,
+    // db_save_ae_obj_li__person
+} from "$lib/ae_core/core__person";
+
+import {
+    auth_ae_obj__username_password,
+    auth_ae_obj__user_id_user_auth_key,
+    send_email_auth_ae_obj__user_id,
+    qry_ae_obj_li__user_email,
+    auth_ae_obj__user_id_change_password,
+    // handle_load_ae_obj_id__user,
+    // handle_load_ae_obj_li__user,
+    // handle_create_ae_obj__user,
+    // handle_update_ae_obj__user,
+    // handle_db_save_ae_obj_li__user
+} from "$lib/ae_core/core__user";
+
+import {
+    generate_qr_code,
+    js_generate_qr_code,
+} from "$lib/ae_core/core__qr_code";
+
+import {
+    check_hosted_file_obj_w_hash
+} from "$lib/ae_core/core__check_hosted_file_obj_w_hash";
+
+import {
+    load_ae_obj_li__time_zone
+} from "$lib/ae_core/core__time_zones";
+
+import {
+    load_ae_obj_li__country
+} from "$lib/ae_core/core__countries";
+
+import {
+    load_ae_obj_li__country_subdivision
+} from "$lib/ae_core/core__country_subdivisions";
+
+import {
+    load_ae_obj_id__hosted_file,
+    load_ae_obj_li__hosted_file,
+    delete_ae_obj_id__hosted_file,
+    db_save_ae_obj_li__hosted_file,
+    db_update_ae_obj_id__hosted_file
+} from "$lib/ae_core/core__hosted_files";
+
+// This has more generic general purpose functions that can eventually replace the custom ones per object type.
+import {
+    db_save_ae_obj_li__ae_obj,
+} from "$lib/ae_core/core__idb_dexie";
+
+import {
+    add_url_params,
+    clean_headers,
+} from "$lib/ae_core/core__api_helpers";
+
+
+let ae_promises: key_val = {}; // Promise<any>;
+
+
+// Updated 2024-03-29
+async function handle_load_ae_obj_id__site_domain(
+        {
+            api_cfg,
+            fqdn,
+            try_cache = false,
+            timeout = 7000,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            fqdn: string,
+            try_cache?: boolean,
+            timeout?: number,
+            log_lvl?: number
+        }
+        ) {
+    if (log_lvl) {
+        console.log(`*** handle_load_ae_obj_id__site_domain() *** api.base_url=${api_cfg.base_url}, fqdn=${fqdn}, timeout=${timeout}`);
+    }
+
+    let no_account_id = false;
+    if (!api_cfg.account_id) {
+        no_account_id = true;
+        // api_cfg.headers['x_account_id'] = 'nothing here';
+    }
+    no_account_id = true;
+
+    let params = {};
+
+	// ae_sess.hub.site_domain_id_qry_status = 'loading';
+    ae_promises.load__site_domain_obj = api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        no_account_id: no_account_id,
+        obj_type: 'site_domain',
+        obj_id: fqdn, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: true, // NOTE: This will use the table_name_alt value (v_site_domain_fqdn_id) instead of the table_name value in the API config.
+        use_alt_base: true, // NOTE: This will use the base_name_alt value (Site_Domain_FQDN_ID_Base) instead of the base_name value in the API config.
+        params: params,
+        timeout: timeout,
+        log_lvl: log_lvl
+        })
+    .then(function (site_domain_obj_get_result) {
+        if (site_domain_obj_get_result) {
+            // slct.site_domain_obj = site_domain_obj_get_result;
+            // console.log(`site_domain object:`, get(slct).site_domain_obj);
+
+            // ae_loc.account_id = $slct.site_domain_obj.account_id_random;
+            // ae_loc.site_id = $slct.site_domain_obj.site_id_random;
+            // ae_loc.site_domain_id = $slct.site_domain_obj.site_domain_id_random;
+            return site_domain_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    return ae_promises.load__site_domain_obj;
+}
+
+
+// Updated 2024-03-29
+async function handle_load_ae_obj_code__data_store(
+        {
+            api_cfg,
+            code,
+            data_type = 'text',
+            for_type = null,
+            for_id = null,
+            try_cache = true,
+            save_idb = false,
+            timeout = 9000,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            code: string,
+            data_type?: string,
+            for_type?: string|null,
+            for_id?: string|null,
+            try_cache?: boolean,
+            save_idb?: boolean,
+            timeout?: number,
+            log_lvl?: number
+        }
+        ) {
+    if (log_lvl) {
+        console.log(`*** handle_get_data_store_obj_w_code() *** code=${code}`);
+    }
+
+    if (!code) {
+        console.log(`*ae_func* No code provided!`);
+        return false;
+    }
+
+    if (!api_cfg.account_id) {
+        console.log(`*ae_func* No account_id found in API config!`);
+        return false;
+    }
+
+    ae_promises.load__data_store_obj = api.get_data_store_obj_w_code({
+        api_cfg: api_cfg,
+        data_store_code: code,
+        data_type: data_type,
+        timeout: timeout,
+        log_lvl: log_lvl
+        })
+    .then(function (get_ds_result) {
+        let return_this = null;
+        if (get_ds_result) {
+            if (log_lvl) {
+                console.log(`*ae_func* Got a result for code ${code}`);
+            }
+
+            if (!get_ds_result.data_store_id_random) {
+                console.log('*ae_func* Something went wrong? No data store ID found.');
+                return false;
+            }
+
+            // let ae_ds_tmp: key_val = {};
+            let ds_code_obj =
+                {
+                    id: null,
+                    account_id: null,
+                    code: code,
+                    name: null,
+                    type: data_type,
+                    for_type: null, // for_type
+                    for_id: null, // for_id
+                    access_read: null, // 'super', 'administrator', 'trusted', 'anonymous'
+                    access_write: null, // 'super', 'administrator', 'trusted', 'anonymous'
+                    access_delete: null, // 'super', 'administrator', 'trusted', 'anonymous'
+                    html: null,
+                    json: null,
+                    md: null,
+                    text: null,
+                    updated_on: null,
+                    chk_account_id: api_cfg.account_id,
+                    loaded_on: new Date().toISOString(),
+                };
+            let val_json: key_val;
+            let val_html: key_val;
+            let val_md: key_val;
+            let val_sql: key_val;
+            let val_text: string;
+
+            // Set the loaded_on datetime to the current time for reference later. This will be used to determine if the data store is stale.
+            // ds_code_obj.loaded_on = new Date().toISOString();
+            // Set the chk_account_id as a backup check to make sure the data store belongs to the account for the current site. This should not be needed, but here we are...
+            // ds_code_obj.chk_account_id = api_cfg.account_id;
+
+            ds_code_obj.id = get_ds_result.data_store_id_random;
+            ds_code_obj.account_id = get_ds_result.account_id_random;
+            ds_code_obj.code = get_ds_result.code; // This will overwrite whatever was passed in.
+            ds_code_obj.name = get_ds_result.name;
+            ds_code_obj.type = get_ds_result.type; // This will overwrite whatever was passed in.
+            if (data_type == 'html') {
+                ds_code_obj.html = get_ds_result.text;
+                val_html = get_ds_result.text;
+                return_this = get_ds_result.html;
+            } else if (data_type == 'json') {
+                ds_code_obj.json = get_ds_result.json;
+                val_json = get_ds_result.json;
+                return_this = get_ds_result.json;
+            } else if (data_type == 'md') {
+                ds_code_obj.text = get_ds_result.text;
+                val_md = get_ds_result.text;
+                return_this = get_ds_result.text;
+            } else if (data_type == 'sql') {
+                ds_code_obj.text = get_ds_result.text;
+                val_sql = get_ds_result.text;
+                return_this = get_ds_result.text;
+            } else {
+                ds_code_obj.text = get_ds_result.text;
+                val_text = get_ds_result.text;
+                return_this = get_ds_result.text;
+            }
+
+            // if (data_type == 'text') {
+            //     // console.log(get_ds_result.text);
+            //     return_this = get_ds_result.text;
+            // } else if (data_type == 'json') {
+            //     // console.log(get_ds_result.json);
+            //     return_this = get_ds_result.json;
+            // }
+
+            if (save_idb) {
+                if (browser) {
+                    let key_prefix = 'ae_ds__';
+                    if (log_lvl) {
+                    console.log(`*ae_func* localStorage key: ${code}, value:`, get_ds_result);
+                    }
+                    localStorage.setItem(`${key_prefix}${code}`, JSON.stringify(get_ds_result));
+                } else {
+                    if (log_lvl) {
+                        console.log('*ae_func* No browser! Can not use localStorage to save data store object.');
+                    }
+                }
+            }
+
+        } else {
+            console.log('*ae_func* No results returned.');
+            return_this = null;
+        }
+        return return_this;
+    })
+    .catch(function (error) {
+        console.log('*ae_func* No results returned or failed.', error);
+    });
+
+    return ae_promises.load__data_store_obj;
+}
+
+
+// Updated 2024-03-27
+async function handle_update_ae_obj_id_crud(
+        {
+            api_cfg,
+            object_type,
+            object_id,
+            object_reload = false,
+            field_name,
+            new_field_value,
+            params = {},
+            try_cache = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            object_type: string,
+            object_id: string,
+            object_reload?: boolean,
+            field_name: string,
+            new_field_value: any,
+            params: any|key_val,
+            try_cache: boolean,
+            log_lvl: number
+        }) {
+
+    let patch_result: any = null;
+
+    ae_promises.api_update__ae_obj = api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: object_type,
+        obj_id: object_id,
+        field_name: field_name,
+        field_value: new_field_value,
+        // fields: data,
+        key: api_cfg.api_crud_super_key,
+        // jwt: null,
+        // params: params,
+        // data: patch_data,
+        log_lvl: log_lvl
+        })
+    .then(function (results) {
+        console.log('PATCH Promise', results);
+
+        if (results) {
+            console.log(`Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}`);
+            patch_result = 'PATCH complete';
+        } else {
+            console.log(`Not Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}; Account ID: ${api_cfg.account_id}`);
+            patch_result = 'PATCH failed';
+            return false;
+        }
+        return true;
+    })
+    .catch(function (error) {
+        console.log('Something went wrong patching the record.');
+        console.log(error);
+        return false;
+    })
+    .finally(function () {
+        console.log('PATCH Promise finally');
+    });
+
+    return ae_promises.api_update__ae_obj;
+
+}
+
+// Core - Already imported above
+// import { load_ae_obj_id__person } from "$lib/ae_core/core__person";
+// import { load_ae_obj_id__user } from "$lib/ae_core/core__user";
+
+// Additional Modules
+import { load_ae_obj_id__archive } from "$lib/ae_archives/ae_archives__archive";
+import { load_ae_obj_id__archive_content } from "$lib/ae_archives/ae_archives__archive_content";
+
+import { load_ae_obj_id__event } from "$lib/ae_events/ae_events__event";
+// import { load_ae_obj_id__event_badge } from "$lib/ae_events/ae_events__event_badge";
+import { load_ae_obj_id__event_device } from "$lib/ae_events/ae_events__event_device";
+// import { load_ae_obj_id__event_exhibit } from "$lib/ae_events/ae_events__event_exhibit";
+import { load_ae_obj_id__event_file } from "$lib/ae_events/ae_events__event_file";
+import { load_ae_obj_id__event_location } from "$lib/ae_events/ae_events__event_location";
+import { load_ae_obj_id__event_presentation } from "$lib/ae_events/ae_events__event_presentation";
+import { load_ae_obj_id__event_presenter } from "$lib/ae_events/ae_events__event_presenter";
+import { load_ae_obj_id__event_session } from "$lib/ae_events/ae_events__event_session";
+
+import { load_ae_obj_id__journal } from "$lib/ae_journals/ae_journals__journal";
+import { load_ae_obj_id__journal_entry } from "$lib/ae_journals/ae_journals__journal_entry";
+
+import { load_ae_obj_id__post } from "$lib/ae_posts/ae_posts__post";
+import { load_ae_obj_id__post_comment } from "$lib/ae_posts/ae_posts__post_comment";
+
+// Updated 2025-09-30
+async function update_ae_obj_id_crud_v2(
+        {
+            api_cfg,
+            object_type,
+            object_id,
+            object_reload = false,
+            field_name,
+            new_field_value,
+            params = {},
+            try_cache = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            object_type: string,
+            object_id: string,
+            object_reload?: boolean,
+            field_name: string,
+            new_field_value: any,
+            params?: any|key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj_id_crud_v2() *** object_type=${object_type}, object_id=${object_id}, object_reload=${object_reload}, field_name=${field_name}, new_field_value=`, new_field_value);
+    }
+    let patch_result: any = null;
+
+    ae_promises.api_update__ae_obj = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: object_type,
+        obj_id: object_id,
+        field_name: field_name,
+        field_value: new_field_value,
+        // fields: data,
+        key: api_cfg.api_crud_super_key,
+        // jwt: null,
+        // params: params,
+        // data: patch_data,
+        log_lvl: log_lvl
+    })
+    .then(function (results) {
+        console.log('PATCH Promise', results);
+
+        if (results) {
+            console.log(`Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}`);
+            patch_result = 'PATCH complete';
+
+            if (object_reload) {
+                if (log_lvl) {
+                    console.log(`Reloading the object after patching...`);
+                }
+                // Reload the object to get the latest data. There is a special case for each type.
+                if (object_type == 'person') {
+                    let load_person_obj = load_ae_obj_id__person({
+                        api_cfg: api_cfg,
+                        person_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_person_obj;
+                }
+                // if (object_type == 'user') {
+                //     let load_user_obj = load_ae_obj_id__user({
+                //         api_cfg: api_cfg,
+                //         user_id: object_id,
+                //         log_lvl: log_lvl
+                //     });
+                //     return load_user_obj;
+                // }
+
+                if (object_type == 'archive') {
+                    let load_archive_obj = load_ae_obj_id__archive({
+                        api_cfg: api_cfg,
+                        archive_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_archive_obj;
+                }
+                if (object_type == 'archive_content') {
+                    let load_archive_content_obj = load_ae_obj_id__archive_content({
+                        api_cfg: api_cfg,
+                        archive_content_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_archive_content_obj;
+                }
+
+                if (object_type == 'journal') {
+                    let load_journal_obj = load_ae_obj_id__journal({
+                        api_cfg: api_cfg,
+                        journal_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_journal_obj;
+                }
+                if (object_type == 'journal_entry') {
+                    let load_journal_entry_obj = load_ae_obj_id__journal_entry({
+                        api_cfg: api_cfg,
+                        journal_entry_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_journal_entry_obj;
+                }
+
+                if (object_type == 'event') {
+                    let load_event_obj = load_ae_obj_id__event({
+                        api_cfg: api_cfg,
+                        event_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_event_obj;
+                }
+                if (object_type == 'event_device') {
+                    let load_event_device_obj = load_ae_obj_id__event_device({
+                        api_cfg: api_cfg,
+                        event_device_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_event_device_obj;
+                }
+                if (object_type == 'event_file') {
+                    let load_event_file_obj = load_ae_obj_id__event_file({
+                        api_cfg: api_cfg,
+                        event_file_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_event_file_obj;
+                }
+                if (object_type == 'event_location') {
+                    let load_event_location_obj = load_ae_obj_id__event_location({
+                        api_cfg: api_cfg,
+                        event_location_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_event_location_obj;
+                }
+                if (object_type == 'event_presentation') {
+                    let load_event_presentation_obj = load_ae_obj_id__event_presentation({
+                        api_cfg: api_cfg,
+                        event_presentation_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_event_presentation_obj;
+                }
+                if (object_type == 'event_presenter') {
+                    let load_event_presenter_obj = load_ae_obj_id__event_presenter({
+                        api_cfg: api_cfg,
+                        event_presenter_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_event_presenter_obj;
+                }
+                if (object_type == 'event_session') {
+                    let load_event_session_obj = load_ae_obj_id__event_session({
+                        api_cfg: api_cfg,
+                        event_session_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_event_session_obj;
+                }
+
+                if (object_type == 'post') {
+                    let load_post_obj = load_ae_obj_id__post({
+                        api_cfg: api_cfg,
+                        post_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_post_obj;
+                }
+                if (object_type == 'post_comment') {
+                    let load_post_comment_obj = load_ae_obj_id__post_comment({
+                        api_cfg: api_cfg,
+                        post_comment_id: object_id,
+                        log_lvl: log_lvl
+                    });
+                    return load_post_comment_obj;
+                }
+
+
+
+            }
+
+        } else {
+            console.log(`Not Patched - Field Name: ${field_name} with new Field Value: ${new_field_value}; Account ID: ${api_cfg.account_id}`);
+            patch_result = 'PATCH failed';
+            return false;
+        }
+        return true;
+    })
+    .catch(function (error) {
+        console.log('Something went wrong patching the record.');
+        console.log(error);
+        return false;
+    })
+    .finally(function () {
+        console.log('PATCH Promise finally');
+    });
+
+    return ae_promises.api_update__ae_obj;
+
+}
+
+
+async function handle_download_export__obj_type(
+    {
+        api_cfg,
+        get_obj_type, // The type of object to return: event_badge, event_presenter, sponsorship, etc.
+        for_obj_type, // Usually for an account, event, event_exhibit, or sponsorship_cfg
+        for_obj_id, // The ID of the object
+        exp_alt = null, // Export name (idaa, other, not 'default')
+        file_type = 'CSV', // 'CSV' or 'Excel'
+        return_file = true,
+        filename = 'no_filename.csv',
+        auto_download = false,
+        limit = 5000,
+        params = {}, // key value object is expected
+        log_lvl = 0
+    }: {
+        api_cfg: any,
+        get_obj_type: string,
+        for_obj_type: string,
+        for_obj_id: string,
+        exp_alt?: null|string,
+        file_type?: string,
+        return_file?: boolean,
+        filename?: string,
+        auto_download?: boolean,
+        limit?: number,
+        params?: key_val,
+        log_lvl?: number
+    }
+    ) {
+    console.log('*** ae_core_functions.js: handle_download_export__obj_type() ***');
+
+    let task_id = for_obj_id;
+
+    const endpoint = `/v2/crud/${get_obj_type}/list`;
+    params['for_obj_type'] = for_obj_type;
+    params['for_obj_id'] = for_obj_id;
+
+    if (file_type == 'CSV' || file_type == 'Excel') {
+        params['file_type'] = file_type;
+    }
+    params['return_file'] = true;
+
+    params['mdl_alt'] = 'out';
+
+    if (exp_alt) {
+        params['exp_alt'] = exp_alt;
+    }
+
+    // let clean_filename = filename.replace(/[^a-z0-9]/gi, '_');
+    // let clean_filename = filename.replace(/[^a-z0-9\[\]-]/gi, '_');
+    let clean_filename = filename.replace(/[^a-zA-Z0-9\[\]-_.]/gi, '_');
+    // let clean_filename = filename.replace(/[^a-zA-Z0-9\[\]-\._ ]/gi, '_');
+
+    if (limit >= 0) {
+        params['limit'] = limit;
+    }
+
+    ae_promises.download__export_file = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        timeout: 90000, // Seems to timeout sometimes with the default of 60 seconds
+        return_blob: return_file,
+        filename: clean_filename,
+        auto_download: auto_download,
+        task_id: task_id,
+        log_lvl: log_lvl
+    });
+
+    console.log('ae_promises.download__export_file:', ae_promises.download__export_file);
+    return ae_promises.download__export_file;
+}
+
+
+let export_obj = {
+    check_hosted_file_obj_w_hash: check_hosted_file_obj_w_hash,
+
+    load_ae_obj_li__time_zone: load_ae_obj_li__time_zone,
+
+    load_ae_obj_li__country: load_ae_obj_li__country,
+    load_ae_obj_li__country_subdivision: load_ae_obj_li__country_subdivision,
+
+    load_ae_obj_id__hosted_file: load_ae_obj_id__hosted_file,
+    load_ae_obj_li__hosted_file: load_ae_obj_li__hosted_file,
+    delete_ae_obj_id__hosted_file: delete_ae_obj_id__hosted_file,
+    db_save_ae_obj_li__hosted_file: db_save_ae_obj_li__hosted_file,
+    db_update_ae_obj_id__hosted_file: db_update_ae_obj_id__hosted_file,
+
+    db_save_ae_obj_li__ae_obj: db_save_ae_obj_li__ae_obj,
+
+    add_url_params: add_url_params,
+    clean_headers: clean_headers,
+
+    handle_load_ae_obj_id__site_domain: handle_load_ae_obj_id__site_domain,
+    handle_load_ae_obj_code__data_store: handle_load_ae_obj_code__data_store,
+
+    load_ae_obj_id__activity_log: load_ae_obj_id__activity_log,
+    load_ae_obj_li__activity_log: load_ae_obj_li__activity_log,
+    create_ae_obj__activity_log: create_ae_obj__activity_log,
+    update_ae_obj__activity_log: update_ae_obj__activity_log,
+
+    load_ae_obj_id__person: load_ae_obj_id__person,
+    load_ae_obj_li__person: load_ae_obj_li__person,
+    create_ae_obj__person: create_ae_obj__person,
+    delete_ae_obj_id__person: delete_ae_obj_id__person,
+    update_ae_obj__person: update_ae_obj__person,
+
+    auth_ae_obj__username_password: auth_ae_obj__username_password,
+    auth_ae_obj__user_id_user_auth_key: auth_ae_obj__user_id_user_auth_key,
+    send_email_auth_ae_obj__user_id: send_email_auth_ae_obj__user_id,
+    qry_ae_obj_li__user_email: qry_ae_obj_li__user_email,
+    auth_ae_obj__user_id_change_password: auth_ae_obj__user_id_change_password,
+
+    handle_update_ae_obj_id_crud: handle_update_ae_obj_id_crud,
+    update_ae_obj_id_crud_v2: update_ae_obj_id_crud_v2,
+    handle_download_export__obj_type: handle_download_export__obj_type,
+    generate_qr_code: generate_qr_code,
+    js_generate_qr_code: js_generate_qr_code,
+};
+export let core_func = export_obj;

src/lib/ae_core/core__activity_log.ts

@@ -0,0 +1,361 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+let ae_promises: key_val = {};
+
+
+// Updated 2024-10-23
+export async function load_ae_obj_id__activity_log(
+        {
+            api_cfg,
+            activity_log_id,
+            // inc_other_li = false,
+            try_cache = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            activity_log_id: string,
+            // inc_other_li?: boolean,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** load_ae_obj_id__activity_log() *** activity_log_id=${activity_log_id}`);
+
+    let params = {};
+
+    ae_promises.load__activity_log_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'activity_log',
+        obj_id: activity_log_id, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (activity_log_obj_get_result) {
+        if (activity_log_obj_get_result) {
+            // if (try_cache) {
+            //     // This is expecting a list
+            //     db_save_ae_obj_li__activity_log({
+            //         obj_type: 'activity_log',
+            //         obj_li: [activity_log_obj_get_result]
+            //     });
+            // }
+            return activity_log_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__activity_log_obj:', ae_promises.load__activity_log_obj);
+    }
+
+    return ae_promises.load__activity_log_obj;
+}
+
+
+// Updated 2024-10-23
+export async function load_ae_obj_li__activity_log(
+        {
+            api_cfg,
+            for_obj_type = 'account',
+            for_obj_id,
+            // inc_other_li = false,
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            params = {},
+            try_cache = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            for_obj_type: string,
+            for_obj_id: string,
+            // inc_other_li?: boolean,
+            order_by_li?: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** load_ae_obj_li__activity_log() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+
+    let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    let limit: number = (params.qry__limit ?? 99); // 99
+    let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__activity_log_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'activity_log',
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
+        use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (activity_log_obj_li_get_result) {
+        if (activity_log_obj_li_get_result) {
+            // if (try_cache) {
+            //     db_save_ae_obj_li__activity_log({
+            //         obj_type: 'activity_log',
+            //         obj_li: activity_log_obj_li_get_result
+            //     });
+            // }
+            return activity_log_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__activity_log_obj_li:', ae_promises.load__activity_log_obj_li);
+    }
+
+    return ae_promises.load__activity_log_obj_li;
+}
+
+
+// Updated 2024-10-23
+export async function create_ae_obj__activity_log(
+        {
+            api_cfg,
+            account_id,
+            data_kv,
+            params = {},
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            account_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** create_ae_obj__activity_log() *** account_id=${account_id}`);
+
+    ae_promises.create__activity_log = await api.create_ae_obj_crud({
+        api_cfg: api_cfg,
+        obj_type: 'activity_log',
+        fields: {
+            account_id_random: account_id,
+            ...data_kv
+            },
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    })
+    .then(function (activity_log_obj_create_result) {
+        if (activity_log_obj_create_result) {
+            // db_save_ae_obj_li__activity_log(
+            //     {
+            //         obj_type: 'activity_log',
+            //         obj_li: [activity_log_obj_create_result]
+            //     });
+            return activity_log_obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__activity_log:', ae_promises.create__activity_log);
+    }
+    return ae_promises.create__activity_log;
+}
+
+
+// Updated 2024-10-23
+export async function update_ae_obj__activity_log(
+        {
+            api_cfg,
+            activity_log_id,
+            data_kv,
+            params = {},
+            try_cache = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            activity_log_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__activity_log() *** activity_log_id=${activity_log_id}`, data_kv);
+    }
+    ae_promises.update__activity_log_obj = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'activity_log',
+        obj_id: activity_log_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+        })
+    .then(function (activity_log_obj_update_result) {
+        if (activity_log_obj_update_result) {
+            // if (try_cache) {
+            //     db_save_ae_obj_li__activity_log({
+            //         obj_type: 'activity_log', obj_li: [activity_log_obj_update_result]
+            //     });
+            // }
+            return activity_log_obj_update_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.update__activity_log_obj:', ae_promises.update__activity_log_obj);
+    }
+    return ae_promises.update__activity_log_obj;
+}
+
+
+// This new function is using CRUD v2. This should allow for more flexibility in the queries.
+// Updated 2024-10-23
+export async function qry__activity_log(
+        {
+            api_cfg,
+            activity_log_id,
+            qry_str,
+            qry_files,
+            qry_start_datetime, // Example greater than: '2024-10-24'
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 50,
+            offset = 0,
+            params = {},
+            try_cache = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            activity_log_id: any,
+            qry_str?: string,
+            qry_files?: null|boolean,
+            qry_start_datetime?: null|string, // Greater than this datetime
+            enabled?: string, // all, disabled, enabled
+            hidden?: string, // all, hidden, not_hidden
+            limit?: number,
+            offset?: number,
+            params?: any,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** qry__activity_log() *** activity_log_id=${activity_log_id} qry_str=${qry_str}`);
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 25); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    // if (qry_str && qry_str.length > 2) {
+    //     params_json['ft_qry'] = {};
+    //     params_json['ft_qry']['default_qry_str'] = qry_str;
+    // }
+
+    params_json['qry'] = [];
+
+    if (qry_files === true) {
+        let qry_param =
+            {
+                type: "AND",
+                field: "file_count_all",
+                operator: ">",
+                value: 0
+            };
+        params_json['qry'].push(qry_param);
+    } else if (qry_files === false) {
+        let qry_param =
+            {
+                type: "AND",
+                field: "file_count_all",
+                operator: "IS",
+                value: null
+            };
+        params_json['qry'].push(qry_param);
+    }
+
+    if (qry_start_datetime) {
+        let qry_param =
+            {
+                type: "AND",
+                field: "start_datetime",
+                operator: ">",
+                value: qry_start_datetime
+            };
+        params_json['qry'].push(qry_param);
+    }
+
+    let order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'start_datetime': 'ASC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'};
+
+    ae_promises.load__activity_log_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'activity_log',
+        for_obj_type: 'account',
+        for_obj_id: activity_log_id,
+        use_alt_tbl: true, // NOTE: We want to use the alt table for activity_log searching
+        use_alt_mdl: false,
+        use_alt_exp: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (activity_log_obj_li_get_result) {
+        if (activity_log_obj_li_get_result) {
+            // db_save_ae_obj_li__activity_log({
+            //     obj_type: 'activity_log',
+            //     obj_li: activity_log_obj_li_get_result
+            // });
+            return activity_log_obj_li_get_result;
+        } else {
+            return [];
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__activity_log_obj_li:', ae_promises.load__activity_log_obj_li);
+    }
+    return ae_promises.load__activity_log_obj_li;
+}

src/lib/ae_core/core__api_helpers.ts

@@ -0,0 +1,69 @@
+import type { key_val } from '$lib/ae_stores';
+
+
+// Updated 2025-01-28
+export function add_url_params(
+        {
+            base_url = '',
+            endpoint,
+            params,
+            log_lvl = 0
+        }: {
+            base_url?: string,
+            endpoint: string,
+            params: key_val,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** add_url_params() *** base_url=${base_url} endpoint=${endpoint}`, params);
+    }
+
+    const url_obj = new URL(endpoint, base_url);
+
+    Object.keys(params).forEach(key => url_obj.searchParams.append(key, params[key]));
+
+    if (log_lvl) {
+        console.log('New URL:', url_obj.toString());
+    }
+
+    return url_obj.toString();
+    // return 'test';
+}
+
+
+// This is used to clean the header property names. Not underscores allowed in the header names.
+// Updated 2025-01-28
+export function clean_headers(
+        {
+            headers,
+            log_lvl = 0
+        }: {
+            headers: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** clean_headers() ***`, headers);
+    }
+
+    let headers_cleaned: key_val = {};
+    for (const prop in headers) {
+        let prop_cleaned = prop.replaceAll('_', '-');
+        if (typeof headers[prop] != 'string') {
+            headers[prop] = JSON.stringify(headers[prop]);
+        }
+        headers_cleaned[prop_cleaned] = headers[prop];
+        if (log_lvl > 1) {
+            console.log(`${prop_cleaned}: ${headers_cleaned[prop_cleaned]}`);
+        }
+    }
+
+    // Object.keys(headers).forEach(key => {
+    //     if (headers[key]) {
+    //         headers_cleaned[key] = headers[key];
+    //     }
+    // });
+
+    return headers_cleaned;
+}

src/lib/ae_core/core__check_hosted_file_obj_w_hash.ts

@@ -0,0 +1,37 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+
+// Updated 2024-10-02
+export async function check_hosted_file_obj_w_hash(
+        {
+            api_cfg,
+            hosted_file_hash,
+            check_for_local = true, // Forces a check on the host server for the file.
+            params = {},
+            return_meta = false,
+            log_lvl = 0
+        } : {
+            api_cfg: any,
+            hosted_file_hash: string,
+            check_for_local?: boolean,
+            params?: key_val,
+            return_meta?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    console.log('*** stores_event_api.js: check_hosted_file_obj_w_hash() ***');
+
+    const endpoint = `/hosted_file/hash/${hosted_file_hash}`;
+    if (check_for_local) {
+        params['check_for_local'] = true;
+    }
+    let check_hosted_file_obj_w_hash_get_promise = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        return_meta: return_meta,
+        log_lvl: log_lvl
+    });
+    return check_hosted_file_obj_w_hash_get_promise;
+}

src/lib/ae_core/core__countries.ts

@@ -0,0 +1,73 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_core } from "$lib/ae_core/db_core";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2024-10-14
+export async function load_ae_obj_li__country(
+        {
+            api_cfg,
+            // account_id,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 299,
+            offset = 0,
+            order_by_li = {'sort': 'DESC', 'english_short_name': 'ASC', 'alpha_2_code': 'ASC'},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            // account_id: string,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            order_by_li?: key_val
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__country() ***`);
+    }
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__country_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'lu',
+        for_obj_type: 'country',
+        // for_obj_id: account_id,
+        use_alt_tbl: false,
+        use_alt_mdl: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (country_li_get_result) {
+        if (country_li_get_result) {
+            // handle_db_save_ae_obj_li__country({obj_type: 'country', obj_li: country_li_get_result});
+            return country_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    console.log('ae_promises.load__country_li:', ae_promises.load__country_li);
+    return ae_promises.load__country_li;
+}

src/lib/ae_core/core__country_subdivisions.ts

@@ -0,0 +1,73 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_core } from "$lib/ae_core/db_core";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2024-10-14
+export async function load_ae_obj_li__country_subdivision(
+            {
+                api_cfg,
+                // account_id,
+                enabled = 'enabled',
+                hidden = 'not_hidden',
+                limit = 399,
+                offset = 0,
+                order_by_li = {'sort': 'DESC', 'name': 'ASC', 'code': 'ASC'},
+                params = {},
+                try_cache = true,
+                log_lvl = 0
+            }: {
+                api_cfg: any,
+                // account_id: string,
+                enabled?: string,
+                hidden?: string,
+                limit?: number,
+                offset?: number,
+                order_by_li?: key_val
+                params?: key_val,
+                try_cache?: boolean,
+                log_lvl?: number
+            }
+        ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__country_subdivision() ***`);
+    }
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__country_subdivision_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'lu',
+        for_obj_type: 'country_subdivision',
+        // for_obj_id: account_id,
+        use_alt_tbl: false,
+        use_alt_mdl: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (country_subdivision_li_get_result) {
+        if (country_subdivision_li_get_result) {
+            // handle_db_save_ae_obj_li__country_subdivision({obj_type: 'country_subdivision', obj_li: country_subdivision_li_get_result});
+            return country_subdivision_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    console.log('ae_promises.load__country_subdivision_li:', ae_promises.load__country_subdivision_li);
+    return ae_promises.load__country_subdivision_li;
+}

src/lib/ae_core/core__crud_generic.ts

@@ -0,0 +1,443 @@
+import { marked } from 'marked';
+
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+
+// Define generic CRUD args
+export interface GenericCrudArgs {
+    api_cfg: any;
+    obj_type: string;
+    obj_id?: string;
+    for_obj_type?: string;
+    for_obj_id?: string;
+
+    db_instance?: any; // Optional DB instance for caching
+    db_field_li?: string[]; // Optional list of fields to save in DB
+
+    // Flags to include related core object models
+    inc_account_li?: boolean;
+    inc_address_li?: boolean;
+    inc_contact_li?: boolean;
+    inc_person_li?: boolean;
+    inc_site_li?: boolean;
+    inc_site_domain_li?: boolean;
+    inc_user_li?: boolean;
+
+
+    // Flags to include related other object models
+    inc_archive_li?: boolean;
+    inc_archive_entry_li?: boolean;
+    inc_event_li?: boolean;
+    inc_event_session_li?: boolean;
+    inc_post_li?: boolean;
+    inc_post_comment_li?: boolean;
+    inc_journal_li?: boolean;
+    inc_journal_entry_li?: boolean;
+
+    inc_obj_type_li?: string[]; // Optional list of object types to include
+
+    data_kv?: key_val;
+    enabled?: 'enabled' | 'disabled' | 'all';
+    hidden?: 'not_hidden' | 'hidden' | 'all';
+    limit?: number;
+    offset?: number;
+    order_by_li?: key_val;
+    params?: key_val;
+    try_cache?: boolean;
+    log_lvl?: number;
+}
+
+// Generic function: Load single object by ID
+export async function load_ae_obj_id(
+    args: GenericCrudArgs
+): Promise<any> {
+    const { api_cfg, obj_type, obj_id, db_instance, db_field_li, inc_obj_type_li, try_cache = true, log_lvl = 0 } = args;
+
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id() *** obj_type=${obj_type} obj_id=${obj_id}`);
+    }
+
+    let result = await api.get_ae_obj_id_crud({
+        api_cfg,
+        obj_type,
+        obj_id,
+        params: {},
+        log_lvl
+    });
+
+    let idb_db_instance = null; // You must inject the correct DB instance per module
+    let idb_tbl_name = obj_type;
+    let properties_to_save: string[] = [];
+    if (obj_type === 'journal') {
+        idb_db_instance = 'ae_journals_db';
+        // idb_tbl_name = 'journal';
+
+        result.id = result.journal_id_random; // Ensure we use the correct ID field
+        result.journal_id = result.journal_id_random;
+        result.account_id = result.account_id_random;
+        result.person_id = result.person_id_random;
+
+        // WARNING: This works to populate most of the IDB table fields but it is not ideal. It is sort of a safety net.
+        properties_to_save = Object.keys(db_instance.table('journal').schema.idxByName);
+    }
+    if (obj_type === 'journal_entry') {
+        idb_db_instance = 'ae_journals_db';
+        // idb_tbl_name = 'entry';
+
+        result.id = result.journal_entry_id_random; // Ensure we use the correct ID field
+        result.journal_entry_id = result.journal_entry_id_random; // Ensure we use the correct ID field
+        result.journal_id = result.journal_id_random;
+
+        // WARNING: This works to populate most of the IDB table fields but it is not ideal. It is sort of a safety net.
+        properties_to_save = Object.keys(db_instance.table('journal_entry').schema.idxByName);
+
+    }
+    properties_to_save = [
+        ...db_field_li
+    ];
+
+    // if (log_lvl) {
+    //     console.log('IDB DB Instance:', db_instance);
+    //     console.log(db_instance.journal_entry.core.schema);
+    //     console.log(db_instance.table('journal_entry'));
+    //     console.log(db_instance.table('journal_entry').schema.idxByName);
+    //     // Show only the keys of the indexes
+    //     console.log(Object.keys(db_instance.table('journal_entry').schema.idxByName));
+    // }
+
+    if (try_cache && result) {
+        // Process and save to DB
+        const processed = await process_ae_obj__props({ obj_li: [result], log_lvl });
+        await db_save_ae_obj_li__ae_obj({
+            db_instance: db_instance, // You must inject the correct DB instance per module
+            table_name: idb_tbl_name,
+            obj_li: processed,
+            properties_to_save: properties_to_save,
+            log_lvl
+        });
+    }
+
+    if (inc_obj_type_li) {
+        // Load related objects if specified
+        for (const inc_obj_type of inc_obj_type_li) {
+            if (log_lvl) {
+                console.log(`Loading related objects of type: ${inc_obj_type}`);
+            }
+            const related_objects = await load_ae_obj_li({
+                api_cfg,
+                obj_type: inc_obj_type,
+                for_obj_type: obj_type,
+                for_obj_id: obj_id,
+                enabled: 'enabled',
+                hidden: 'not_hidden',
+                limit: 99,
+                try_cache,
+                log_lvl
+            });
+            result[`${inc_obj_type}_li`] = related_objects;
+        }
+    }
+
+    return result;
+}
+
+// Generic function: Load list of objects
+export async function load_ae_obj_li(
+    args: GenericCrudArgs
+): Promise<any> {
+    const {
+        api_cfg,
+        obj_type,
+        for_obj_type = '',
+        for_obj_id,
+        db_instance,
+        db_field_li,
+        inc_obj_type_li,
+        enabled = 'enabled',
+        hidden = 'not_hidden',
+        limit = 99,
+        offset = 0,
+        order_by_li = {},
+        params = {},
+        try_cache = true,
+        log_lvl = 0
+    } = args;
+
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li() *** obj_type=${obj_type} for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+    }
+
+    let params_json: key_val = {};
+
+    let result = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg,
+        obj_type,
+        for_obj_type,
+        for_obj_id,
+        enabled,
+        hidden,
+        order_by_li,
+        limit,
+        offset,
+        params_json: {},
+        params,
+        log_lvl
+    });
+
+    // Loop through results a
+    let idb_db_instance = null; // You must inject the correct DB instance per module
+    let idb_tbl_name = obj_type;
+    let properties_to_save: string[] = [];
+    if (obj_type === 'journal') {
+        idb_db_instance = 'ae_journals_db';
+        // idb_tbl_name = 'journal';
+
+        result.id = result.journal_id_random; // Ensure we use the correct ID field
+        result.journal_id = result.journal_id_random;
+        result.account_id = result.account_id_random;
+        result.person_id = result.person_id_random;
+
+        // WARNING: This works to populate most of the IDB table fields but it is not ideal. It is sort of a safety net.
+        properties_to_save = Object.keys(db_instance.table('journal').schema.idxByName);
+    }
+    if (obj_type === 'journal_entry') {
+        idb_db_instance = 'ae_journals_db';
+        // idb_tbl_name = 'entry';
+
+        result.id = result.journal_entry_id_random; // Ensure we use the correct ID field
+        result.journal_entry_id = result.journal_entry_id_random; // Ensure we use the correct ID field
+        result.journal_id = result.journal_id_random;
+
+        // WARNING: This works to populate most of the IDB table fields but it is not ideal. It is sort of a safety net.
+        properties_to_save = Object.keys(db_instance.table('journal_entry').schema.idxByName);
+
+    }
+
+
+
+    if (try_cache && result) {
+        // Process and save to DB
+        const processed = await process_ae_obj__props({ obj_li: result, log_lvl });
+        await db_save_ae_obj_li__ae_obj({
+            db_instance: db_instance,
+            table_name: idb_tbl_name,
+            obj_li: processed,
+            properties_to_save: [],
+            log_lvl
+        });
+    }
+
+    return result;
+}
+
+// Generic function: Create object
+export async function create_ae_obj(
+    args: GenericCrudArgs
+): Promise<any> {
+    const { api_cfg, obj_type, data_kv, try_cache = true, log_lvl = 0 } = args;
+
+    if (log_lvl) {
+        console.log(`*** create_ae_obj() *** obj_type=${obj_type}`, data_kv);
+    }
+
+    let result = await api.create_ae_obj_crud({
+        api_cfg,
+        obj_type,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: {},
+        return_obj: true,
+        log_lvl
+    });
+
+    if (try_cache && result) {
+        const processed = await process_ae_obj__props({ obj_li: [result], log_lvl });
+        await db_save_ae_obj_li__ae_obj({
+            db_instance: null,
+            table_name: obj_type,
+            obj_li: processed,
+            properties_to_save: [],
+            log_lvl
+        });
+    }
+
+    return result;
+}
+
+// Generic function: Update object
+export async function update_ae_obj(
+    args: GenericCrudArgs
+): Promise<any> {
+    const { api_cfg, obj_type, obj_id, data_kv, try_cache = true, log_lvl = 0 } = args;
+
+    if (log_lvl) {
+        console.log(`*** update_ae_obj() *** obj_type=${obj_type} obj_id=${obj_id}`, data_kv);
+    }
+
+    let result = await api.update_ae_obj_id_crud({
+        api_cfg,
+        obj_type,
+        obj_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: {},
+        return_obj: true,
+        log_lvl
+    });
+
+    if (try_cache && result) {
+        const processed = await process_ae_obj__props({ obj_li: [result], log_lvl });
+        await db_save_ae_obj_li__ae_obj({
+            db_instance: null,
+            table_name: obj_type,
+            obj_li: processed,
+            properties_to_save: [],
+            log_lvl
+        });
+    }
+
+    return result;
+}
+
+// Generic function: Delete object
+export async function delete_ae_obj_id(
+    args: GenericCrudArgs
+): Promise<any> {
+    const { api_cfg, obj_type, obj_id, method = 'delete', try_cache = true, log_lvl = 0 } = args;
+
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id() *** obj_type=${obj_type} obj_id=${obj_id}`);
+    }
+
+    let result = await api.delete_ae_obj_id_crud({
+        api_cfg,
+        obj_type,
+        obj_id,
+        key: api_cfg.api_crud_super_key,
+        params: {},
+        method,
+        log_lvl
+    });
+
+    if (try_cache) {
+        // Remove from DB regardless of success/failure
+        try {
+            // db_<module>.<obj_type>.delete(obj_id); // You must inject the correct DB here
+        } catch (err) {
+            console.error(`Failed to delete ${obj_id}:`, err);
+        }
+    }
+
+    return result;
+}
+
+
+
+
+// Generic processor with dynamic field detection
+export async function process_ae_obj__props({
+    obj_li,
+    log_lvl = 0,
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__props() ***`, obj_li);
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        return [];
+    }
+
+    const processed = obj_li.map(obj => {
+        // Extract fields with fallbacks and detect existence
+        const group = obj.group || '';
+        const priority = obj.priority !== undefined ? obj.priority : 0;
+        const sort = obj.sort !== undefined ? obj.sort : 0;
+        const created_on = obj.created_on || '';
+        const updated_on = obj.updated_on || '';
+        const name = obj.name || '';
+
+        // const description = obj.description || '';
+        // // Handle special case with description that has markdown
+        // // Remove the most common zerowidth characters from the start of the file
+        // const description_cleaned: string = obj.description.replace(/^[\u200B\u200C\u200D\u200E\u200F\uFEFF]/,"");
+        // const description_md_html: null|string = marked.parse(description_cleaned ?? '') ?? null;
+        // // Add processed description
+        // obj.description_md_html = description_md_html;
+
+        // Handle special case with content that has markdown
+        // Remove the most common zerowidth characters from the start of the file
+        const has_content = obj.content !== undefined && obj.content !== null;
+        if (has_content) {
+            const content_cleaned: string = obj.content.replace(/^[\u200B\u200C\u200D\u200E\u200F\uFEFF]/,"");
+            const content_md_html: null|string = marked.parse(content_cleaned ?? '') ?? null;
+            // Add processed content
+            obj.content_md_html = content_md_html;
+        }
+
+        // Check which fields actually exist for this object
+        const has_group = obj.group !== undefined && obj.group !== null;
+        const has_priority = obj.priority !== undefined && obj.priority !== null;
+        const has_sort = obj.sort !== undefined && obj.sort !== null;
+        const has_created = obj.created_on !== undefined && obj.created_on !== null;
+        const has_updated = obj.updated_on !== undefined && obj.updated_on !== null;
+        const has_name = obj.name !== undefined && obj.name !== null;
+
+        // Generate standardized tmp_sort fields with proper zero-padding
+        const sort_str = sort?.toString().padStart(3, '0') ?? '000';
+
+        // Build dynamic sorting combinations based on what exists
+        let tmp_sort_1 = '';
+        let tmp_sort_2 = '';
+        let tmp_sort_3 = '';
+
+        // Build based on existing fields
+        if (has_group && has_priority && has_sort) {
+            tmp_sort_1 = `${group}_${priority}_${sort_str}`;
+            tmp_sort_2 = `${group}_${priority}_${sort_str}_${name || ''}`;
+            tmp_sort_3 = `${priority}_${sort_str}_${group}`;
+        } else if (has_priority && has_sort) {
+            tmp_sort_1 = `${priority}_${sort_str}`;
+            tmp_sort_2 = `${priority}_${sort_str}_${name || ''}`;
+            tmp_sort_3 = `${priority}_${sort_str}`;
+        } else if (has_sort) {
+            tmp_sort_1 = `${sort_str}`;
+            tmp_sort_2 = `${sort_str}_${name || ''}`;
+            tmp_sort_3 = `${sort_str}`;
+        } else {
+            // Fallback for minimal data
+            tmp_sort_1 = `${created_on || ''}`;
+            tmp_sort_2 = `${created_on || ''}_${name || ''}`;
+            tmp_sort_3 = `${updated_on || ''}`;
+        }
+
+        // Add time-based sorting for better ordering
+        if (has_created && has_updated) {
+            tmp_sort_1 += `_${created_on}_${updated_on}`;
+            tmp_sort_2 += `_${created_on}_${updated_on}`;
+            tmp_sort_3 += `_${updated_on}`;
+        } else if (has_created) {
+            tmp_sort_1 += `_${created_on}`;
+            tmp_sort_2 += `_${created_on}`;
+            tmp_sort_3 += `_${created_on}`;
+        }
+
+        // Return processed object with standardized fields
+        return {
+            ...obj,
+            tmp_sort_1,
+            tmp_sort_2,
+            tmp_sort_3
+        };
+    });
+
+    if (log_lvl) {
+        console.log(`Processed objects:`, processed);
+    }
+
+    return processed;
+}

src/lib/ae_core/core__hosted_files.ts

@@ -0,0 +1,357 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_core } from "$lib/ae_core/db_core";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2024-06-14
+export async function load_ae_obj_id__hosted_file(
+        {
+            api_cfg,
+            hosted_file_id,
+            try_cache = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            hosted_file_id: string,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__hosted_file() *** hosted_file_id=${hosted_file_id}`);
+    }
+
+    let params = {};
+
+    ae_promises.load__hosted_file_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'hosted_file',
+        obj_id: hosted_file_id, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (hosted_file_obj_get_result) {
+        if (hosted_file_obj_get_result) {
+            // This is expecting a list
+            db_save_ae_obj_li__hosted_file({obj_type: 'hosted_file', obj_li: [hosted_file_obj_get_result]});
+            return hosted_file_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    return ae_promises.load__hosted_file_obj;
+}
+
+
+// Updated 2024-07-03
+export async function load_ae_obj_li__hosted_file(
+        {
+            api_cfg,
+            for_obj_type,
+            for_obj_id,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 99,
+            offset = 0,
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            for_obj_type: string,
+            for_obj_id: string,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            order_by_li?: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__hosted_file() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+    }
+
+    // Check if for_obj_type is in the list of valid Aether object types:
+    let valid_for_obj_types = ['account', 'archive', 'archive_content', 'event', 'event_session', 'event_presentation', 'event_presenter', 'event_location', 'journal', 'journal_entry', 'post', 'post_comment'];
+    if (!valid_for_obj_types.includes(for_obj_type)) {
+        console.log(`Invalid for_obj_type: ${for_obj_type}`);
+        return [];
+    }
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'all'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 99); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__hosted_file_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'hosted_file',
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
+        use_alt_tbl: false,
+        use_alt_mdl: false,
+        use_alt_exp: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (hosted_file_obj_li_get_result) {
+        if (hosted_file_obj_li_get_result) {
+            if (try_cache) {
+                db_save_ae_obj_li__hosted_file({
+                    obj_type: 'hosted_file',
+                    obj_li: hosted_file_obj_li_get_result,
+                    log_lvl: log_lvl
+                });
+            }
+            return hosted_file_obj_li_get_result;
+        } else {
+            console.log('No results returned.');
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__hosted_file_obj_li:', ae_promises.load__hosted_file_obj_li);
+    }
+    return ae_promises.load__hosted_file_obj_li;
+}
+
+
+// Updated 2024-11-07
+export async function delete_ae_obj_id__hosted_file(
+        {
+            api_cfg,
+            hosted_file_id,
+            link_to_type, // Ideally this should be required...
+            link_to_id, // Ideally this should be required...
+            rm_orphan = false,
+            fake_delete = false, // Fake the delete result to "true"
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            hosted_file_id: string,
+            link_to_type: string,
+            link_to_id: string,
+            rm_orphan?: boolean,
+            fake_delete?: boolean,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__hosted_file() *** hosted_file_id=${hosted_file_id}`);
+    }
+
+    const endpoint = `/hosted_file/${hosted_file_id}`;
+
+    params['link_to_type'] = link_to_type;
+    params['link_to_id'] = link_to_id;
+    params['rm_orphan'] = rm_orphan; // This is what actually allows the hosted file to be deleted from the server.
+    if (log_lvl) {
+        console.log(`delete_ae_obj_id__hosted_file() params=`, params);
+    }
+
+    if (fake_delete) {
+        console.log(`*** FAKE DELETE!!! ***`);
+        ae_promises.delete__hosted_file_obj = true;
+        return ae_promises.delete__hosted_file_obj;
+    }
+
+    ae_promises.delete__hosted_file_obj = await api.delete_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        // return_meta: return_meta,
+        log_lvl: log_lvl
+    })
+    .then(function (hosted_file_obj_li_get_result) {
+        if (hosted_file_obj_li_get_result) {
+            if (try_cache) {
+                if (log_lvl) {
+                    console.log(`Attempting to remove IDB entry for hosted_file_id=${hosted_file_id}`);
+                }
+                db_core.file.delete(hosted_file_id); // Delete from the DB no matter what.
+            }
+            return hosted_file_obj_li_get_result;
+        } else {
+            console.log('No results returned.');
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__hosted_file_obj:', ae_promises.delete__hosted_file_obj);
+    }
+
+    return ae_promises.delete__hosted_file_obj;
+}
+
+
+
+// This function will loop through the hosted_file_obj_li and save each one to the DB.
+// Updated 2025-01-07
+export function db_save_ae_obj_li__hosted_file(
+        {
+            obj_type,
+            obj_li,
+            log_lvl = 0
+        }: {
+            obj_type: string,
+            obj_li: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__hosted_file() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_core.file.put({
+                    id: obj.hosted_file_id_random,
+                    id_random: obj.hosted_file_id_random,
+                    hosted_file_id: obj.hosted_file_id_random,
+                    hosted_file_id_random: obj.hosted_file_id_random,
+
+                    hash_sha256: obj.hash_sha256, // Renamed with alias in FastAPI model
+
+                    for_type: obj.for_type,
+                    for_id: obj.for_id_id_random,
+                    for_id_random: obj.for_id_random,
+
+                    account_id: obj.account_id_random,
+
+                    filename: obj.filename,
+                    extension: obj.extension,
+                    content_type: obj.content_type,
+                    size: obj.size,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    // priority: obj.priority,
+                    // sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+
+                    filename_no_ext: obj.filename_no_ext,
+                    filename_w_ext: obj.filename_w_ext,
+                });
+                // console.log(`Put obj with ID: ${obj.hosted_file_id_random} or ${id_random}`);
+            } catch (error) {
+                let status = `Failed to put ${obj.hosted_file_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_core.file.put(obj);
+            // console.log(`Put obj with ID: ${obj.hosted_file_id_random}`);
+        });
+
+        return true;
+    }
+    return false;
+}
+
+
+// Updated 2025-01-07
+export function db_update_ae_obj_id__hosted_file(
+        {
+            obj_type,
+            obj_id,
+            data_kv,
+            log_lvl = 0
+        }: {
+            obj_type: string,
+            obj_id: string,
+            data_kv: key_val,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** db_update_ae_obj_id__hosted_file() ***`);
+    }
+
+    if (obj_id) {
+        console.log(`ae_obj ${obj_type}:`, obj_id);
+
+        try {
+            // db_core.file.update(obj_id, data_kv);
+            db_core.file.update(obj_id,
+                {
+                    // for_type: data_kv.for_type,
+                    // for_id: data_kv.for_id_id_random,
+                    // for_id_random: data_kv.for_id_random,
+
+                    filename: data_kv.filename,
+                    extension: data_kv.extension,
+                    content_type: data_kv.content_type,
+                    size: data_kv.size,
+
+                    // enable: data_kv.enable,
+                    // hide: data_kv.hide,
+                    // priority: data_kv.priority,
+                    // sort: data_kv.sort,
+                    // group: data_kv.group,
+                    // notes: data_kv.notes,
+                    // created_on: data_kv.created_on,
+                    // updated_on: data_kv.updated_on,
+
+                    filename_no_ext: data_kv.filename_no_ext,
+                    filename_w_ext: data_kv.filename_w_ext,
+                    // hosted_file_content_type: data_kv.hosted_file_content_type,
+                    // file_size: data_kv.file_size,
+                    // hosted_file_size: data_kv.hosted_file_size,
+                }
+            );
+
+            console.log(`Update obj with ID: ${obj_id}`);
+        } catch (error) {
+            let status = `Failed to update ${obj_id}: ${error}`;
+            console.log(status);
+        }
+
+        // const id_random = await db_core.file.put(obj);
+        // console.log(`Put obj with ID: ${data_kv.hosted_file_id_random}`);
+        return true;
+    }
+    return false;
+}

src/lib/ae_core/core__idb_dexie.ts

@@ -0,0 +1,91 @@
+
+// This function will save an array of objects to a Dexie database table.
+// It will first attempt to update existing records using bulkUpdate.
+// If that fails, it will fall back to bulkPut.
+// The function takes a database instance, table name, array of objects, and properties to save.
+// It also accepts a log level for debugging purposes.
+// Updated 2025-05-09
+export async function db_save_ae_obj_li__ae_obj({
+        db_instance,
+        table_name,
+        obj_li,
+        properties_to_save,
+        log_lvl = 0,
+    }: {
+        db_instance: any; // The Dexie database instance
+        table_name: string; // The name of the table in the database
+        obj_li: any[];
+        properties_to_save: string[];
+        log_lvl?: number;
+    }) {
+    // log_lvl = 1;
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__ae_obj() *** table_name=${table_name}`, obj_li);
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) {
+            console.log('No objects to save.');
+        }
+        return [];
+    }
+
+    const db_table = db_instance[table_name];
+    if (!db_table) {
+        console.error(`Table not found in ${db_instance}: ${table_name}`);
+        return [];
+    }
+
+    const bulkUpdateData = [];
+    const bulkPutData = [];
+
+    for (const obj of obj_li) {
+        const obj_record: Record<string, any> = {};
+
+        // Extract only the specified properties to save
+        for (const prop of properties_to_save) {
+            obj_record[prop] = obj[prop];
+        }
+
+        // Ensure the `id` field is included
+        obj_record.id = obj_record.id || obj.id || obj[`${table_name}_id`] || obj[`${table_name}_id_random`];
+
+        if (!obj_record.id) {
+            console.error(`Object is missing an ID:`, obj);
+            continue;
+        }
+
+        // Prepare data for bulkUpdate or bulkPut
+        bulkUpdateData.push({
+            key: obj_record.id,
+            changes: obj_record,
+        });
+        bulkPutData.push(obj_record);
+    }
+
+    // Attempt bulkUpdate first
+    try {
+        const updatedKeys = await db_table.bulkUpdate(bulkUpdateData);
+        if (log_lvl) {
+            console.log(`Bulk update completed. Updated keys:`, updatedKeys);
+        }
+    } catch (error) {
+        // This is fairly common and normal if the object is new
+        if (log_lvl) {
+            console.log(`Bulk update failed. Falling back to bulkPut. This is normal.`, error);
+        }
+    }
+
+    // Use bulkPut for any records that couldn't be updated
+    try {
+        const putKeys = await db_table.bulkPut(bulkPutData);
+        if (log_lvl) {
+            console.log(`Bulk put completed. Put keys:`, putKeys);
+        }
+        return putKeys;
+    } catch (error) {
+        // This should not happen if the object is new
+        console.error(`Bulk put failed. Something likely went wrong!`, error);
+        return [];
+    }
+}

src/lib/ae_core/core__person.ts

@@ -0,0 +1,794 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+import { db_core } from "$lib/ae_core/db_core";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2025-06-10
+export async function load_ae_obj_id__person(
+        {
+            api_cfg,
+            person_id,
+            params = {},
+            try_cache = false,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            person_id: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__person() *** person_id=${person_id}`);
+    }
+
+    ae_promises.load__person_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'person',
+        obj_id: person_id,
+        use_alt_table: false,
+        use_alt_base: false,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (person_obj_get_result) {
+        if (person_obj_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__person_props({
+                    obj_li: [person_obj_get_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_core,
+                    table_name: 'person',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // // This is expecting a list
+                // db_save_ae_obj_li__person({
+                //     obj_type: 'person',
+                //     obj_li: [person_obj_get_result],
+                //     log_lvl: log_lvl
+                // });
+            }
+            return person_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__person_obj:', ae_promises.load__person_obj);
+    }
+
+    return ae_promises.load__person_obj;
+}
+
+
+// Updated 2025-06-10
+export async function load_ae_obj_li__person(
+        {
+            api_cfg,
+            for_obj_type = 'account',
+            for_obj_id,
+            qry_email = null,
+            qry_user_id = null,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 99,
+            offset = 0,
+            order_by_li = {'family_name': 'ASC', 'given_name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            // params_json = {},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            for_obj_type: string,
+            for_obj_id: string,
+            qry_email?: string|null,
+            qry_user_id?: string|null,
+            enabled?: string, // all, disabled, enabled
+            hidden?: string, // all, hidden, not_hidden
+            limit?: number,
+            offset?: number,
+            order_by_li?: key_val,
+            // params_json?: null|key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__person() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id} enabled=${enabled} hidden=${hidden} limit=${limit} offset=${offset}`);
+    }
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+    if (qry_user_id) {
+        // params_json['and_qry'] = {};
+        // params_json['and_qry']['user_id_random'] = qry_user_id;
+
+        params_json['qry'] = []
+
+        let qry_param =
+            {
+                type: "AND",
+                field: "user_id_random",
+                operator: "=",
+                value: qry_user_id
+            };
+        params_json['qry'].push(qry_param);
+    }
+
+    if (log_lvl) {
+        console.log('params_json:', params_json);
+    }
+
+    ae_promises.load__person_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'person',
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
+        use_alt_tbl: false,
+        use_alt_mdl: false,
+        use_alt_exp: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (person_obj_li_get_result) {
+        if (person_obj_li_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__person_props({
+                    obj_li: person_obj_li_get_result,
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_core,
+                    table_name: 'person',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__person({
+                //     obj_type: 'person',
+                //     obj_li: person_obj_li_get_result,
+                //     log_lvl: log_lvl
+                // });
+            }
+            return person_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    console.log('ae_promises.load__person_obj_li:', ae_promises.load__person_obj_li);
+    return ae_promises.load__person_obj_li;
+}
+
+
+// Updated 2025-06-10
+export async function create_ae_obj__person(
+        {
+            api_cfg,
+            user_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            user_id?: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__person() *** user_id=${user_id}`);
+    }
+
+    ae_promises.create__person = await api.create_ae_obj_crud({
+        api_cfg: api_cfg,
+        obj_type: 'person',
+        fields: {
+            user_id_random: user_id,
+            ...data_kv
+            },
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    })
+    .then(async function (person_obj_create_result) {
+        if (person_obj_create_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__person_props({
+                    obj_li: [person_obj_create_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_core,
+                    table_name: 'person',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__person(
+                //     {
+                //         obj_type: 'person',
+                //         obj_li: [person_obj_create_result],
+                //         log_lvl: log_lvl
+                //     });
+            }
+            return person_obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__person:', ae_promises.create__person);
+    }
+    return ae_promises.create__person;
+}
+
+
+// Updated 2025-05-10
+export async function delete_ae_obj_id__person(
+        {
+            api_cfg,
+            person_id,
+            method = 'delete', // 'delete', 'disable', 'hide'
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            person_id: string,
+            method?: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__person() *** person_id=${person_id}`);
+    }
+
+    ae_promises.delete__person_obj = await api.delete_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'person',
+        obj_id: person_id,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        method: method,
+        log_lvl: log_lvl
+        })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(async function () {
+        if (try_cache) {
+            if (log_lvl) {
+                console.log(`Attempting to remove IDB entry for person_id=${person_id}`);
+            }
+            await db_core.person.delete(person_id);
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__person_obj:', ae_promises.delete__person_obj);
+    }
+
+    return ae_promises.delete__person_obj;
+}
+
+
+// Updated 2025-06-10
+export async function update_ae_obj__person(
+        {
+            api_cfg,
+            person_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            person_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__person() *** person_id=${person_id}`, data_kv);
+    }
+
+    // log_lvl = 1;
+
+    // Perform the API update
+    const result = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'person',
+        obj_id: person_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    });
+
+    // Handle the result
+    if (result) {
+        if (try_cache) {
+            // Process the results first
+            let processed_obj_li = await process_ae_obj__person_props({
+                obj_li: [result],
+                log_lvl: log_lvl,
+                });
+            if (log_lvl) {
+                console.log('Processed object list:', processed_obj_li);
+            }
+            // Save the updated results list to the database
+            if (log_lvl) {
+                console.log('Saving to DB...');
+            }
+            await db_save_ae_obj_li__ae_obj({
+                db_instance: db_core,
+                table_name: 'person',
+                obj_li: processed_obj_li,
+                properties_to_save: properties_to_save,
+                log_lvl: log_lvl,
+            });
+            if (log_lvl) {
+                console.log('DB save completed.');
+            }
+
+            // await db_save_ae_obj_li__person({
+            //     obj_type: 'person',
+            //     obj_li: [result],
+            //     log_lvl: log_lvl,
+            // });
+        }
+        return result;
+    } else {
+        console.error('Failed to update person.');
+        return null;
+    }
+}
+
+
+// Updated 2024-06-10
+export function db_save_ae_obj_li__person(
+        {
+            obj_type,
+            obj_li,
+            log_lvl = 0
+        }: {
+            obj_type: string,
+            obj_li: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__person() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            let obj_record = {
+                id: obj.person_id_random,
+                // id_random: obj.person_id_random,
+                person_id: obj.person_id_random,
+                person_id_random: obj.person_id_random,
+
+                external_id: obj.external_id,
+                external_sys_id: obj.external_sys_id,
+                code: obj.code,
+
+                account_id: obj.account_id_random,
+                account_id_random: obj.account_id_random,
+
+                person_profile_id: obj.person_profile_id_random,
+                person_profile_id_random: obj.person_profile_id_random, // The new table person_profile will be used soon...
+
+                user_id: obj.user_id_random,
+                user_id_random: obj.user_id_random,
+
+                pronouns: obj.pronouns,
+                informal_name: obj.informal_name,
+                title_names: obj.title_names,
+                given_name: obj.given_name,
+                middle_name: obj.middle_name,
+                family_name: obj.family_name,
+                designations: obj.designations,
+
+                professional_title: obj.professional_title,
+
+                full_name: obj.full_name,
+                full_name_override: obj.full_name_override, // was display_name and display_name_override
+
+                affiliations: obj.affiliations,
+
+                primary_email: obj.primary_email,
+
+                biography: obj.biography,
+
+                agree: obj.agree,
+                comments: obj.comments,
+
+                allow_auth_key: obj.allow_auth_key, // For sign in without password
+                // auth_key: obj.auth_key,
+                passcode: obj.passcode,
+
+                data_json: obj.data_json,
+
+                enable: obj.enable,
+                hide: obj.hide,
+                priority: obj.priority,
+                sort: obj.sort,
+                group: obj.group,
+                notes: obj.notes,
+                created_on: obj.created_on,
+                updated_on: obj.updated_on,
+
+                // From SQL view
+                username: obj.username,
+                user_name: obj.user_name,
+                user_email: obj.user_email,
+                user_allow_auth_key: obj.user_allow_auth_key, // For sign in without password
+                user_super: obj.user_super,
+                user_manager: obj.user_manager,
+                user_administrator: obj.user_administrator,
+                user_public: obj.user_public,
+            };
+
+            let id_random = null;
+
+            try {
+                id_random = await db_core.person.update(obj_record.id, obj_record);
+            } catch (error) {
+                console.log(`Error: Failed to update ${obj_record.id}: ${error}`);
+            }
+            if (!id_random) {
+                if (log_lvl) {
+                    console.log(`Failed to update record with ID: ${obj_record.id}. Trying put...`);
+                }
+                try {
+                    id_random = await db_core.person.put(obj_record);
+                } catch (error) {
+                    console.log(`Error: Failed to put ${obj.person_id_random}: ${error}`);
+                }
+            } else {
+                if (log_lvl) {
+                    console.log(`Updated record with ID: ${obj_record.id}`);
+                }
+            }
+            if (!id_random) {
+                console.log(`Failed to save record with ID: ${obj_record.id}`);
+            } else {
+                if (log_lvl) {
+                    console.log(`Saved record with ID: ${obj_record.id}`);
+                }
+            }
+        });
+
+        return true;
+    }
+}
+
+
+// Updated 2025-06-10
+let properties_to_save = [
+
+    'id',
+    'person_id',
+    'person_id_random',
+
+    'external_id',
+    'external_sys_id',
+    'code',
+
+    'account_id',
+    'account_id_random',
+
+    'person_profile_id',
+    'person_profile_id_random', // The new table person_profile will be used soon...
+
+    'user_id',
+    'user_id_random',
+
+    'pronouns',
+    'informal_name',
+    'title_names',
+    'given_name',
+    'middle_name',
+    'family_name',
+    'designations',
+
+    'professional_title',
+
+    'full_name',
+    'full_name_override', // was display_name and display_name_override
+
+    'affiliations',
+    'primary_email',
+    'biography',
+    'agree',
+    'comments',
+
+    'allow_auth_key', // For sign in without password
+    // 'auth_key', // Should this be saved locally?
+    'passcode',
+
+    // 'passcode_timeout',
+    // 'passcode_read', // For LLM (AI) generated summary...???
+    // 'passcode_read_expire',
+    // 'passcode_write',
+    // 'passcode_write_expire',
+    // 'private_passcode',
+
+    // 'alert',
+    // 'alert_msg',
+
+    'data_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    'tmp_sort_3',
+
+    // From SQL view
+    'username',
+    // 'user_username', // Same as username
+    'user_name',
+    'user_email',
+    'user_allow_auth_key', // For sign in without password
+    'user_super',
+    'user_manager',
+    'user_administrator',
+    'user_public',
+
+    'organization_id',
+    'organization_id_random',
+    'organization_name',
+
+    'contact_id',
+    'contact_id_random',
+    'contact_name',
+    'contact_email',
+    'contact_cc_email',
+    'contact_phone_mobile',
+    'contact_phone_home',
+    'contact_phone_office',
+    'contact_phone_land',
+    'contact_phone_fax',
+    'contact_phone_other',
+
+    'address_id',
+    'address_id_random',
+    'address_city',
+    'address_country_alpha_2_code', // contact_address_country_alpha_2_code
+];
+
+
+// Updated 2025-06-10
+export async function process_ae_obj__person_props(
+        {
+            // obj_type,
+            obj_li,
+            log_lvl = 0,
+        }: {
+            // obj_type: string;
+            obj_li: any[];
+            log_lvl?: number;
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__person_props() ***`, obj_li);
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) {
+            console.log('No objects to process.');
+        }
+        return [];
+    }
+
+    const processed_obj_li = [];
+
+    for (const obj of obj_li) {
+        // const processed_obj = { ...obj };
+
+        // Process the properties as needed
+        // None needed to process for person at this time...
+
+        let processed_obj = {
+            id: obj.person_id_random,
+            person_id: obj.person_id_random,
+            person_id_random: obj.person_id_random,
+
+            external_id: obj.external_id,
+            external_sys_id: obj.external_sys_id,
+            code: obj.code,
+
+            account_id: obj.account_id_random,
+            account_id_random: obj.account_id_random,
+
+            person_profile_id: obj.person_profile_id_random,
+            person_profile_id_random: obj.person_profile_id_random, // The new table person_profile will be used soon...
+
+            user_id: obj.user_id_random,
+            user_id_random: obj.user_id_random,
+
+            pronouns: obj.pronouns,
+            informal_name: obj.informal_name,
+            title_names: obj.title_names,
+            given_name: obj.given_name,
+            middle_name: obj.middle_name,
+            family_name: obj.family_name,
+            designations: obj.designations,
+
+            professional_title: obj.professional_title,
+
+            full_name: obj.full_name,
+            full_name_override: obj.full_name_override, // was display_name and display_name_override
+
+            affiliations: obj.affiliations,
+
+            primary_email: obj.primary_email,
+
+            biography: obj.biography,
+
+            agree: obj.agree,
+            comments: obj.comments,
+
+            allow_auth_key: obj.allow_auth_key, // For sign in without password
+            // auth_key: obj.auth_key,
+            passcode: obj.passcode,
+            // passcode_timeout: obj.passcode_timeout,
+
+            // This only allows for basic access to the data.
+            // passcode_read: obj.passcode_read, // For LLM (AI) generated summary...???
+            // passcode_read_expire: obj.passcode_read_expire,
+            // passcode_write: obj.passcode_write,
+            // passcode_write_expire: obj.passcode_write_expire,
+
+            // private_passcode: obj.private_passcode,
+
+            // alert: obj.alert,
+            // alert_msg: obj.alert_msg,
+
+            data_json: obj.data_json ?? {},
+
+            enable: obj.enable,
+            hide: obj.hide,
+            priority: obj.priority,
+            sort: obj.sort,
+            group: obj.group,
+            notes: obj.notes,
+            created_on: obj.created_on,
+            updated_on: obj.updated_on,
+
+            // Generated fields for sorting locally only
+            tmp_sort_1: `${obj.group ?? '0'}_${obj.priority ? 1 : 0}_${obj.sort ?? '0'}_${obj.updated_on}_${obj.created_on}`,
+            tmp_sort_2: `${obj.group ?? '0'}_${obj.priority ? 1 : 0}_${obj.sort ?? '0'}_${obj.updated_on ?? obj.created_on}`,
+            tmp_sort_3: `${obj.group ?? '0'}_${obj.priority ? 1 : 0}_${obj.sort ?? '0'}_${obj.name}_${obj.updated_on ?? obj.created_on}`,
+            // tmp_sort_1: `${obj.original_datetime}_${obj.group}_${obj.priority}_${obj.sort}`,
+            // tmp_sort_2: `${obj.group}_${obj.original_datetime}_${obj.priority}_${obj.sort}`,
+
+            // From SQL view
+            username: obj.username, // Same as user_username
+            user_name: obj.user_name,
+            user_email: obj.user_email,
+            user_allow_auth_key: obj.user_allow_auth_key, // For sign in without password
+            user_super: obj.user_super,
+            user_manager: obj.user_manager,
+            user_administrator: obj.user_administrator,
+            user_public: obj.user_public,
+
+            organization_id: obj.organization_id_random,
+            organization_id_random: obj.organization_id_random,
+            organization_name: obj.organization_name,
+
+            contact_id: obj.contact_id_random,
+            contact_id_random: obj.contact_id_random,
+            contact_name: obj.contact_name,
+            contact_email: obj.contact_email,
+            contact_cc_email: obj.contact_cc_email,
+            contact_phone_mobile: obj.contact_phone_mobile,
+            contact_phone_home: obj.contact_phone_home,
+            contact_phone_office: obj.contact_phone_office,
+            contact_phone_land: obj.contact_phone_land,
+            contact_phone_fax: obj.contact_phone_fax,
+            contact_phone_other: obj.contact_phone_other,
+
+            address_id: obj.contact_address_id_random,
+            address_id_random: obj.contact_address_id_random,
+            address_city: obj.contact_address_city,
+            address_country_alpha_2_code: obj.contact_address_country_alpha_2_code, // contact_address_country_alpha_2_code
+            };
+
+        processed_obj_li.push(processed_obj);
+    }
+
+    return processed_obj_li;
+}

src/lib/ae_core/core__qr_code.ts

@@ -0,0 +1,240 @@
+import QRCode from 'qrcode'
+
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_core } from "$lib/ae_core/db_core";
+
+let ae_promises: key_val = {};
+
+// I recently made significant updates to this with the help of Copilot. I think it is correct.
+// Updated 2025-10-03
+export async function generate_qr_code(
+    {
+        api_cfg,
+        account_id,
+        qr_type, // mecard, obj, str, vcard
+        qr_id, // This is essentially the filename it can be found at /qr/{account_id}/{qr_id}
+        qr_data, // vcard fields:
+        obj_type,
+        obj_id,
+        str, // For encoding a string (like a URL) into a QR code.
+        return_blob = true, // blob or url?
+        try_cache = false,
+        log_lvl = 0
+    }: {
+        api_cfg: any,
+        account_id: string,
+        qr_type: string,
+        qr_id: string,
+        qr_data?: any,
+        obj_type?: string,
+        obj_id?: string,
+        str?: string,
+        return_blob?: boolean,
+        try_cache?: boolean,
+        log_lvl?: number
+    }
+) {
+    if (log_lvl) {
+        console.log(`*** generate_qr_code() *** qr_id=${qr_id}`);
+    }
+
+    let endpoint = `/qr/${account_id}/${qr_id}`;
+    if (log_lvl) {
+        console.log('Endpoint', endpoint);
+    }
+    let params: key_val = {
+        'regen': true, // Regenerate the file even if nothing has changed.
+        'return_file': return_blob,
+        'qr_type': qr_type, // mecard, obj, vcard
+        'qr_send': return_blob
+    };
+
+    if (qr_type == 'vcard') {
+        if (qr_data.informal_name) {
+            params['n'] = `${qr_data.family_name};${qr_data.given_name};${qr_data.informal_name}`;
+        } else {
+            params['n'] = `${qr_data.family_name};${qr_data.given_name}`;
+        }
+        params['fn'] = qr_data.full_name_override;
+        if (qr_data.affiliations) { params['org'] = qr_data.affiliations; }
+        params['email'] = qr_data.email;
+        if (qr_data.phone) { params['tel'] = qr_data.phone; }
+        params['adr'] = qr_data.location_override;
+        if (qr_data.address_line_1) { params['adr_str'] = qr_data.address_line_1; }
+        params['adr_loc'] = qr_data.city;
+        params['adr_reg'] = qr_data.state_province;
+        params['adr_postal'] = qr_data.postal_code;
+        params['adr_country'] = qr_data.country;
+    } else if (qr_type == 'obj') {
+        params['obj_type'] = obj_type;
+        params['obj_id'] = obj_id;
+    } else if (qr_type == 'str') {
+        params['str'] = str;
+    }
+
+    if (log_lvl) {
+        console.log('Params', params);
+    }
+
+    let filename = null;
+
+    // Await the API call
+    ae_promises.generate_qr_code = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        return_blob: return_blob,
+        filename: filename,
+        auto_download: false,
+        log_lvl: log_lvl
+    });
+
+    if (log_lvl) {
+        console.log('QR code API response:', ae_promises.generate_qr_code);
+    }
+
+    // If return_blob is true, ensure we return an object URL for use in <img src=...>
+    if (return_blob) {
+        let data = ae_promises.generate_qr_code.data ?? ae_promises.generate_qr_code;
+
+        // If already a Blob, use it directly
+        if (data instanceof Blob) {
+            return URL.createObjectURL(data);
+        }
+
+        // If it's a Response (from fetch), convert to Blob
+        if (data instanceof Response) {
+            const blob = await data.blob();
+            return URL.createObjectURL(blob);
+        }
+
+        // If it's an ArrayBuffer or Uint8Array, convert to Blob
+        if (data instanceof ArrayBuffer || data instanceof Uint8Array) {
+            const blob = new Blob([data], { type: "image/png" });
+            return URL.createObjectURL(blob);
+        }
+
+        // If it's a base64 string, return as data URL
+        if (typeof data === "string" && data.startsWith("data:image")) {
+            return data;
+        }
+
+        // If it's a raw string (base64), convert to data URL
+        if (typeof data === "string") {
+            return `data:image/png;base64,${data}`;
+        }
+
+        // Fallback: try to create a Blob from whatever is left
+        try {
+            const blob = new Blob([data], { type: "image/png" });
+            return URL.createObjectURL(blob);
+        } catch (e) {
+            if (log_lvl) console.error("Could not create QR code image blob:", e, data);
+            return null;
+        }
+    }
+
+    // If not returning a blob, return the raw API response
+    return ae_promises.generate_qr_code;
+}
+
+
+// Updated 2025-10-09
+/**
+ * Generates a QR code image as a Base64 data URL based on provided parameters.
+ *
+ * NOTE: This function handles the data formatting and QR generation,
+ * but does NOT handle server-side logic like file saving, disk path checks,
+ * or database lookups (like redis_lookup_id_random).
+ *
+ * @param {string} qr_type - The type of data format ('mecard', 'vcard', 'obj', 'kv', 'js', 'str').
+ * @param {Object} params - An object containing all necessary query parameters (n, fn, url, email, etc.).
+ * @param {string} qr_id - A unique ID (unused in pure client-side generation, but kept for context).
+ * @returns {Promise<string>} A promise that resolves to a Base64 data URL of the QR code image.
+ * @throws {Error} If the qr_type is unknown or data is missing.
+ */
+export async function js_generate_qr_code(qr_type, params = {}) {
+    const {
+        n = '', fn = '', org = '', url = '', email = '', tel = '',
+        adr_poa = '', adr_ext = '', adr_str = '', adr_loc = '', adr_reg = '', adr_postal = '', adr_country = '',
+        obj_type, obj_id, key, val, js, str
+    } = params;
+
+    console.log(`*** js_generate_qr_code() *** qr_type=${qr_type}`, params);
+
+    let qrData = null;
+
+    // --- 1. Replicate Data Formatting Logic ---
+    switch (qr_type) {
+        case 'mecard':
+            // Format: MECARD:N:name;EMAIL:email;ADR:address;;
+            // Note: The original Python code had adr, but we'll use n and email as a minimum.
+            qrData = `MECARD:N:${n};EMAIL:${email};;`;
+            // You can enhance this with other MeCard fields if needed.
+            break;
+
+        case 'vcard':
+            // Format: BEGIN:VCARD...END:VCARD
+            qrData = `BEGIN:VCARD\nVERSION:3.0\nN:${n}\nFN:${fn}\nORG:${org}\nEMAIL:${email}\n`;
+
+            if (url) { qrData += `URL:${url}\n`; }
+            if (tel) { qrData += `TEL:${tel}\n`; }
+            if (adr_loc) {
+                // ADR format: TYPE=postal:Po box;Ext;Street;Locality;Region;Postal code;Country
+                qrData += `ADR:${adr_poa};${adr_ext};${adr_str};${adr_loc};${adr_reg};${adr_postal};${adr_country}\n`;
+            }
+            qrData += 'END:VCARD';
+            break;
+
+        case 'obj':
+            // Custom format: OBJ:ot:obj_type,oi:obj_id
+            if (!obj_type || !obj_id) throw new Error('Missing obj_type or obj_id for type "obj".');
+            qrData = `OBJ:ot:${obj_type},oi:${obj_id}`;
+            break;
+
+        case 'kv':
+            // Custom format: KV:k:"key",v:"val"
+            if (!key || !val) throw new Error('Missing key or val for type "kv".');
+            qrData = `KV:k:"${key}",v:"${val}"`;
+            break;
+
+        case 'js':
+            // Assumes 'js' is a stringified JSON object
+            if (!js) throw new Error('Missing js string for type "js".');
+            qrData = `JS:${js}`;
+            break;
+
+        case 'str':
+            // Raw string data
+            if (!str) throw new Error('Missing raw string data for type "str".');
+            qrData = str;
+            break;
+
+        default:
+            throw new Error(`Unknown QR type: ${qr_type}`);
+    }
+
+    if (!qrData) {
+        throw new Error('Failed to create QR code data string.');
+    }
+
+    // --- 2. Generate QR Code Image ---
+    try {
+        // Options match the Python 'qrcode' library defaults closely:
+        // error_correction = qrcode.constants.ERROR_CORRECT_M
+        // box_size = 10, border = 1
+        const dataUrl = await QRCode.toDataURL(qrData, {
+            errorCorrectionLevel: 'M',
+            margin: 1, // Corresponds to border
+            scale: 10, // Corresponds to box_size
+            type: 'image/png',
+        });
+        console.log('Generated QR code data URL:', dataUrl);
+        return dataUrl;
+    } catch (error) {
+        console.error('Error generating QR code:', error);
+        throw new Error('Could not generate QR code image.');
+    }
+}

src/lib/ae_core/core__time_zones.ts

@@ -0,0 +1,74 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_core } from "$lib/ae_core/db_core";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2024-10-14
+export async function load_ae_obj_li__time_zone(
+        {
+            api_cfg,
+            // account_id,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 99,
+            offset = 0,
+            // order_by_li = {'priority': 'DESC', 'group': 'ASC', 'sort': 'DESC', 'name': 'ASC'},
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC'},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            // account_id: string,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            order_by_li?: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__time_zone() ***`);
+    }
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__time_zone_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'lu',
+        for_obj_type: 'time_zone',
+        // for_obj_id: account_id,
+        use_alt_tbl: true, // NOTE: Using this with the time zones to use the view named "v_lu_time_zone_cust"
+        use_alt_mdl: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (time_zone_li_get_result) {
+        if (time_zone_li_get_result) {
+            // handle_db_save_ae_obj_li__time_zone({obj_type: 'time_zone', obj_li: time_zone_li_get_result});
+            return time_zone_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    console.log('ae_promises.load__time_zone_li:', ae_promises.load__time_zone_li);
+    return ae_promises.load__time_zone_li;
+}

src/lib/ae_core/core__user.ts

@@ -0,0 +1,339 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_core } from "$lib/ae_core/db_core";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2025-04-04
+export async function auth_ae_obj__username_password(
+        {
+            api_cfg,
+            account_id,
+            null_account_id = false,
+            username,
+            password,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            account_id: string,
+            null_account_id?: boolean,
+            username: string,
+            password: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** auth_ae_obj__username_password() *** account_id=${account_id} username=${username} password=${password}`);
+    }
+
+    let endpoint = '/user/authenticate';
+
+    if (null_account_id) {
+        params['null_account_id'] = true;
+    }
+    params['username'] = username; // Required
+    params['password'] = password; // Required
+    if (log_lvl > 1) {
+        console.log(`auth_ae_obj__username_password() - params:`, params);
+    }
+
+    ae_promises.auth__username_password = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        // data: {},
+        log_lvl: log_lvl
+        })
+    .then(async function (user_obj_get_result) {
+        if (user_obj_get_result) {
+            // if (try_cache) {
+            //     // This is expecting a list
+            //     db_save_ae_obj_li__user({
+            //         obj_type: 'user',
+            //         obj_li: [user_obj_get_result],
+            //         log_lvl: log_lvl
+            //     });
+            // }
+            return user_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+
+
+    if (log_lvl) {
+        console.log('ae_promises.auth__username_password:', ae_promises.auth__username_password);
+    }
+    return ae_promises.auth__username_password;
+}
+
+
+// Updated 2025-04-04
+export async function auth_ae_obj__user_id_user_auth_key(
+        {
+            api_cfg,
+            account_id,
+            user_id,
+            user_auth_key,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            account_id: string,
+            user_id: string,
+            user_auth_key: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** auth_ae_obj__user_id_user_auth_key() *** account_id=${account_id} user_id=${user_id}`);
+    }
+
+    let endpoint = '/user/authenticate';
+
+    params['user_id'] = user_id; // Required
+    params['auth_key'] = user_auth_key; // Required
+    if (log_lvl > 1) {
+        console.log(`auth_ae_obj__user_id_user_auth_key() - params:`, params);
+    }
+
+    ae_promises.auth__user_id_user_key = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (user_obj_get_result) {
+        if (user_obj_get_result) {
+            return user_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.auth__user_id_user_key:', ae_promises.auth__user_id_user_key);
+    }
+    return ae_promises.auth__user_id_user_key;
+}
+
+
+// Send an email to the user with a new one time use authentication key. The new key must be generated and returned first.
+// Updated 2025-04-08
+export async function send_email_auth_ae_obj__user_id(
+        {
+            api_cfg,
+            account_id,
+            user_id,
+            base_url,
+            key_param_name = 'user_key', // API defaults to 'auth_key'
+            params = {},
+            // try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            account_id: string,
+            user_id: string,
+            base_url?: string,
+            key_param_name?: string,
+            params?: key_val,
+            // try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** send_email_auth_ae_obj__user_id() *** account_id=${account_id} user_id=${user_id}`);
+    }
+    if (log_lvl > 1) {
+        console.log(api_cfg);
+    }
+
+    let email_auth_key_endpoint = `user/${user_id}/email_auth_key_url`;
+    params = {
+        'root_url': base_url,
+        'key_param_name': key_param_name
+    }
+    ae_promises.auth_key__send_email = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: email_auth_key_endpoint,
+        params: params,
+        log_lvl: log_lvl
+    });
+
+    return ae_promises.auth_key__send_email;
+
+    // let endpoint = `/user/${user_id}/new_auth_key`;
+
+    // // params['user_id'] = user_id; // Required
+    // if (log_lvl > 1) {
+    //     console.log(`send_email_auth_ae_obj__user_id() - params:`, params);
+    // }
+
+    // ae_promises.auth_key__gen_auth_key = await api.get_object({
+    //     api_cfg: api_cfg,
+    //     endpoint: endpoint,
+    //     params: params,
+    //     log_lvl: log_lvl
+    //     })
+    // .then(async function (email_send_result) {
+    //     if (email_send_result) {
+    //         let email_auth_key_endpoint = `user/${user_id}/email_auth_key_url`;
+    //         params = {
+    //             'root_url': 'https://test.oneskyit.com'
+    //         }
+    //         ae_promises.auth_key__send_email = await api.get_object({
+    //             api_cfg: api_cfg,
+    //             endpoint: email_auth_key_endpoint,
+    //             params: params,
+    //             log_lvl: log_lvl
+    //         })
+
+    //         return email_send_result;
+    //     } else {
+    //         console.log('No results returned.');
+    //         return null;
+    //     }
+    // })
+    // .catch(function (error) {
+    //     console.log('No results returned or failed.', error);
+    // });
+
+    // if (log_lvl) {
+    //     console.log('ae_promises.send_email_auth__user_id:', ae_promises.send_email_auth__user_id);
+    // }
+    // return ae_promises.send_email_auth__user_id;
+}
+
+// Look up user based on email address provided
+// Updated 2025-04-08
+export async function qry_ae_obj_li__user_email(
+        {
+            api_cfg,
+            account_id,
+            null_account_id = false,
+            email,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            account_id: string,
+            null_account_id?: boolean,
+            email: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** qry_ae_obj_li__user_email() *** account_id=${account_id} email=${email}`);
+    }
+
+    let endpoint = '/user/lookup_email';
+
+    params['email'] = email; // Required
+    params['null_account_id'] = null_account_id || false;
+    if (log_lvl > 1) {
+        console.log(`qry_ae_obj_li__user_email() - params:`, params);
+    }
+
+    ae_promises.qry__user_email = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (user_obj_get_result) {
+        if (user_obj_get_result) {
+            return user_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.qry__user_email:', ae_promises.qry__user_email);
+    }
+    return ae_promises.qry__user_email;
+}
+
+
+// Change user password
+// endpoint: PATCH /user/{user_id}/change_password
+// params:
+// data_kv: password (the new password)
+// Updated 2025-04-11
+export async function auth_ae_obj__user_id_change_password(
+        {
+            api_cfg,
+            account_id,
+            user_id,
+            password,
+            params = {},
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            account_id: string,
+            user_id: string,
+            password: string,
+            params?: key_val,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** auth_ae_obj__user_id_change_password() *** account_id=${account_id} user_id=${user_id}`);
+    }
+
+    let endpoint = `/user/${user_id}/change_password`;
+
+    params['user_id'] = user_id; // Required
+    if (log_lvl > 1) {
+        console.log(`auth_ae_obj__user_id_change_password() - params:`, params);
+    }
+
+    ae_promises.change_password__user_id = await api.patch_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        data: { password: password },
+        log_lvl: log_lvl
+        })
+    .then(async function (change_password_result) {
+        if (change_password_result) {
+            return change_password_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.change_password__user_id:', ae_promises.change_password__user_id);
+    }
+    return ae_promises.change_password__user_id;
+}

src/lib/ae_core/db_core.ts

@@ -0,0 +1,170 @@
+import Dexie, { type Table } from 'dexie';
+
+// li = list
+// kv = key value list
+
+// Updated 2025-01-07
+export interface File {
+    id: string;
+    id_random: string;
+    hosted_file_id: string;
+    hosted_file_id_random: string;
+
+    hash_sha256: string;
+
+    for_type?: string;
+    for_id?: string;
+    for_id_random?: string;
+
+    account_id: string;
+
+    filename: string;
+    extension: string;
+    content_type: string;
+    size: number; // In bytes
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Additional fields for convenience (database views)
+    filename_no_ext: string;
+    filename_w_ext: string;
+}
+
+
+// Updated 2024-07-17
+export interface Person {
+    id: string;
+    // id_random: string;
+    person_id: string;
+    person_id_random: string;
+
+    external_id?: string; // This may be semi-random or unique only withing the account.
+    external_sys_id?: string; // Generated by an external system. Ideally this should be something like a UUID. It may be the same as the external_id if nothing given.
+    code?: string; // Not currently used.
+
+    account_id?: string; // Technically this is not required for global users.
+    account_id_random?: string; // Technically this is not required for global users.
+
+    person_profile_id?: null|string;
+    person_profile_id_random?: null|string; // The new table person_profile will be used soon...
+
+    user_id?: string;
+    user_id_random?: string;
+
+    pronouns?: null|string;
+    informal_name?: null|string;
+    title_names?: null|string;
+    given_name: string;
+    middle_name?: null|string;
+    family_name: null|string;
+    designations?: null|string;
+
+    professional_title?: null|string;
+
+    full_name?: string;
+    full_name_override?: null|string; // was called display_name
+
+    affiliations?: null|string;
+
+    primary_email?: string;
+
+    biography?: null|string;
+
+    agree?: null|boolean;
+    comments?: null|string;
+
+    allow_auth_key?: null|boolean; // For sign in without password
+    auth_key?: null|string; // Should this be saved locally?
+    passcode?: null|string;
+
+    data_json?: null|string;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+    tmp_sort_3?: null|string;
+
+    // Additional fields for convenience (database views)
+    username?: string; // Same as user_username
+    // user_username?: null|string; // Same as username
+    user_name?: null|string;
+    user_email?: null|string;
+    user_allow_auth_key?: null|boolean; // For sign in without password
+    user_super?: boolean;
+    user_manager?: boolean;
+    user_administrator?: boolean;
+    user_public?: boolean;
+
+    organization_id?: null|string; // The organization this person belongs to, if any.
+    organization_id_random?: null|string; // The random ID of the organization this person belongs to, if any.
+    organization_name?: null|string;
+
+    contact_id?: null|string; // The contact ID of the person, if any.
+    contact_id_random?: null|string; // The random ID of the contact, if any.
+    contact_name?: null|string;
+    contact_email?: null|string;
+    contact_cc_email?: null|string;
+    contact_phone_mobile?: null|string;
+    contact_phone_home?: null|string;
+    contact_phone_office?: null|string;
+    contact_phone_landline?: null|string;
+    contact_phone_fax?: null|string;
+    contact_phone_other?: null|string;
+
+    address_id?: null|string; // The address ID of the person, if any.
+    address_id_random?: null|string; // The random ID of the address, if any.
+    address_city?: null|string;
+    address_country_alpha_2_code?: null|string; // ISO 3166-1 alpha-2 country code
+}
+
+
+// Updated 2025-01-07
+export class MySubClassedDexie extends Dexie {
+    file!: Table<File>;
+    person!: Table<Person>;
+    // user!: Table<User>;
+
+    constructor() {
+        super('ae_core_db');
+        this.version(1).stores({
+            file: `
+                id, id_random, hosted_file_id, hosted_file_id_random,
+                hash_sha256,
+                account_id,
+                for_type, for_id, for_id_random,
+                filename, extension,
+                content_type, size,
+                enable, hide, priority, sort, group, created_on, updated_on`,
+
+            person: `
+                id, person_id, person_id_random,
+                external_id, code,
+                account_id, user_id,
+                account_id_random, user_id_random,
+                person_profile_id,
+                person_profile_id_random,
+                given_name, family_name,
+                full_name, affiliations, email,
+                agree,
+                enable, hide, priority, sort, group, created_on, updated_on`,
+        });
+    }
+}
+
+export const db_core = new MySubClassedDexie();

src/lib/ae_events/ae_events__event_badge.ts

@@ -0,0 +1,727 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+import { db_events } from "$lib/ae_events/db_events";
+
+import { load_ae_obj_id__event_badge_template } from "$lib/ae_events/ae_events__event_badge_template";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2025-10-06
+export async function load_ae_obj_id__event_badge({
+        api_cfg,
+        event_badge_id,
+        inc_template = true,
+        try_cache = true,
+        log_lvl = 0
+    }: {
+        api_cfg: any,
+        event_badge_id: string,
+        inc_template?: boolean,
+        try_cache?: boolean,
+        log_lvl?: number
+    }) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__event_badge() *** event_badge_id=${event_badge_id}`);
+    }
+    let params = {};
+    ae_promises.load__event_badge_obj = await api.get_ae_obj_id_crud({
+        api_cfg,
+        obj_type: 'event_badge',
+        obj_id: event_badge_id,
+        use_alt_table: false,
+        use_alt_base: false,
+        params,
+        log_lvl
+    })
+    .then(async function (badge_obj_get_result) {
+        if (badge_obj_get_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_props({
+                    obj_li: [badge_obj_get_result],
+                    log_lvl
+                });
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return badge_obj_get_result;
+        } else {
+            if (log_lvl) console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (inc_template) {
+            // Load the templates for the event badge
+            if (log_lvl) {
+                console.log(`Need to load the template for the badge now`);
+            }
+            let load_event_badge_template_obj = load_ae_obj_id__event_badge_template({
+                api_cfg: api_cfg,
+                event_badge_template_id: ae_promises.load__event_badge_obj?.event_badge_template_id_random,
+                log_lvl: log_lvl
+            })
+            .then((event_badge_template_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_badge_template_obj_li = `, event_badge_template_obj_li);
+                }
+                return event_badge_template_obj_li;
+            });
+
+            if (log_lvl) {
+            console.log(`event_badge_template_obj = `, load_event_badge_template_obj);
+        }
+        ae_promises.load__event_session_obj.event_badge_template = load_event_badge_template_obj;
+    }
+
+    return ae_promises.load__event_badge_obj;
+}
+
+
+// Updated 2025-10-06
+export async function load_ae_obj_li__event_badge({
+        api_cfg,
+        event_id,
+        inc_template = true, // This should probably be false.
+        enabled = 'enabled',
+        hidden = 'not_hidden',
+        limit = 99,
+        offset = 0,
+        order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+        params = {},
+        try_cache = true,
+        log_lvl = 0
+    }: {
+        api_cfg: any,
+        event_id: string,
+        inc_template?: boolean,
+        enabled?: string,
+        hidden?: string,
+        limit?: number,
+        offset?: number,
+        order_by_li?: key_val,
+        params?: key_val,
+        try_cache?: boolean,
+        log_lvl?: number
+    }) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__event_badge() *** event_id=${event_id}`);
+    }
+    let params_json: key_val = {};
+    // ae_promises.load__event_badge_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_badge_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'event_badge',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        // use_alt_tbl: false,
+        // use_alt_mdl: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+    })
+    .then(async function (badge_obj_li_get_result) {
+        if (badge_obj_li_get_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_props({
+                    obj_li: badge_obj_li_get_result,
+                    log_lvl
+                });
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return badge_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+
+    if (inc_template) {
+        // Load the template for each badge
+        if (log_lvl) {
+            console.log(`Need to load the template for each badge now`);
+        }
+        for (let badge_obj of ae_promises.load__event_badge_obj_li) {
+            if (log_lvl) {
+                console.log(`Loading template for badge_obj: `, badge_obj);
+            }
+            let load_event_badge_template_obj = await load_ae_obj_id__event_badge_template({
+                api_cfg: api_cfg,
+                event_badge_template_id: badge_obj?.event_badge_template_id_random,
+                log_lvl: log_lvl
+            });
+            if (log_lvl) {
+                console.log(`event_badge_template_obj = `, load_event_badge_template_obj);
+            }
+            badge_obj.event_badge_template = load_event_badge_template_obj;
+
+        }
+    }
+
+    return ae_promises.load__event_badge_obj_li;
+}
+
+
+// Updated 2025-10-06
+export async function create_ae_obj__event_badge({
+        api_cfg,
+        event_id,
+        data_kv,
+        params = {},
+        try_cache = true,
+        log_lvl = 0
+    }: {
+        api_cfg: any,
+        event_id: string,
+        data_kv: key_val,
+        params?: key_val,
+        try_cache?: boolean,
+        log_lvl?: number
+    }) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_badge() *** event_id=${event_id}`);
+    }
+    ae_promises.create__event_badge = await api.create_ae_obj_crud({
+        api_cfg,
+        obj_type: 'event_badge',
+        fields: {
+            event_id_random: event_id,
+            ...data_kv
+        },
+        key: api_cfg.api_crud_super_key,
+        params,
+        return_obj: true,
+        log_lvl
+    })
+    .then(async function (event_badge_obj_create_result) {
+        if (event_badge_obj_create_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_props({
+                    obj_li: [event_badge_obj_create_result],
+                    log_lvl
+                });
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return event_badge_obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+    return ae_promises.create__event_badge;
+}
+
+
+// Updated 2025-10-06
+export async function delete_ae_obj_id__event_badge({
+    api_cfg,
+    event_badge_id,
+    method = 'delete',
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any,
+    event_badge_id: string,
+    method?: string,
+    params?: key_val,
+    try_cache?: boolean,
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__event_badge() *** event_badge_id=${event_badge_id}`);
+    }
+    ae_promises.delete__event_badge_obj = await api.delete_ae_obj_id_crud({
+        api_cfg,
+        obj_type: 'event_badge',
+        obj_id: event_badge_id,
+        key: api_cfg.api_crud_super_key,
+        params,
+        method,
+        log_lvl
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        if (try_cache) {
+            if (log_lvl) {
+                console.log(`Attempting to remove IDB entry for event_badge_id=${event_badge_id}`);
+            }
+            db_events.badge.delete(event_badge_id);
+        }
+    });
+    return ae_promises.delete__event_badge_obj;
+}
+
+
+// Updated 2025-10-06
+export async function update_ae_obj__event_badge({
+    api_cfg,
+    event_badge_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any,
+    event_badge_id: string,
+    data_kv: key_val,
+    params?: key_val,
+    try_cache?: boolean,
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__event_badge() *** event_badge_id=${event_badge_id}`);
+    }
+    ae_promises.update__event_badge_obj = await api.update_ae_obj_id_crud({
+        api_cfg,
+        obj_type: 'event_badge',
+        obj_id: event_badge_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params,
+        return_obj: true,
+        log_lvl
+    })
+    .then(async function (event_badge_obj_update_result) {
+        if (event_badge_obj_update_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_props({
+                    obj_li: [event_badge_obj_update_result],
+                    log_lvl
+                });
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return event_badge_obj_update_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+    return ae_promises.update__event_badge_obj;
+}
+
+
+// Is this needed?
+// Updated 2025-10-06
+export async function qry__event_badge({
+        api_cfg,
+        event_id,
+        qry_str = null,
+        enabled = 'enabled',
+        hidden = 'not_hidden',
+        limit = 99,
+        offset = 0,
+        order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+        params = {},
+        try_cache = true,
+        log_lvl = 0
+    }: {
+        api_cfg: any,
+        event_id: string,
+        qry_str?: null|string,
+        enabled?: string,
+        hidden?: string,
+        limit?: number,
+        offset?: number,
+        order_by_li?: key_val,
+        params?: key_val,
+        try_cache?: boolean,
+        log_lvl?: number
+    }) {
+    if (log_lvl) {
+        console.log(`*** qry__event_badge() *** event_id=${event_id}`);
+    }
+    let params_json: key_val = {};
+    if (qry_str) {
+        params_json['ft_qry'] = { 'default_qry_str': qry_str };
+    }
+    ae_promises.qry__event_badge_obj_li = await load_ae_obj_li__event_badge({
+        api_cfg,
+        event_id,
+        enabled,
+        hidden,
+        limit,
+        offset,
+        order_by_li,
+        params: { ...params, ...params_json },
+        try_cache,
+        log_lvl
+    });
+    return ae_promises.qry__event_badge_obj_li;
+}
+
+
+// Updated 2025-10-06
+export async function search__event_badge({
+        api_cfg,
+        event_id,
+        type_code = null,
+        fulltext_search_qry_str,
+        like_search_qry_str = null,
+        external_event_id,
+        enabled = 'enabled',
+        hidden = 'not_hidden',
+        limit = 25,
+        offset = 0,
+        order_by_li = {'print_count': 'ASC', 'priority': 'DESC', 'sort': 'DESC', 'given_name': 'ASC', 'family_name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+        params = {},
+        try_cache = true,
+        log_lvl = 0
+    }: {
+        api_cfg: any,
+        event_id: string,
+        type_code?: null|string,
+        external_event_id?: null|string,
+        fulltext_search_qry_str?: null|string,
+        like_search_qry_str?: null|string,
+        enabled?: string,
+        hidden?: string,
+        limit?: number,
+        offset?: number,
+        order_by_li?: key_val,
+        params?: key_val,
+        try_cache?: boolean,
+        log_lvl?: number
+    }) {
+    if (log_lvl) {
+        console.log(`*** search__event_badge() *** event_id=${event_id}`);
+    }
+
+    if (!fulltext_search_qry_str && !like_search_qry_str) {
+        console.log('No search string provided!!!');
+        return false; // Returning false instead of [] because no search was performed.
+    }
+
+
+    let params_json: key_val = {};
+    if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+        params_json['ft_qry'] = { 'default_qry_str': fulltext_search_qry_str };
+        // 'location_address_json_ext': fulltext_search_qry_str, // JSON extracted text DB field
+        // 'contact_li_json_ext': fulltext_search_qry_str, // JSON extracted text DB field
+    }
+    if (like_search_qry_str && like_search_qry_str.length > 2) {
+        // Old Python version that needs to be in JS
+        // # Strip (left right) whitespace then commas then semicolons
+        // query_str = query_str.strip().strip(',').strip(';')
+        //  # Replace commas, semicolons, and then spaces with %
+        // query_str_like = query_str.replace(',', ' ').replace(';', ' ').replace('  ', '%').replace(' ', '%')
+        // # data['query_str'] = f'%{query_str}%'
+        // log.debug(query_str_like)
+        // data['query_str'] = f'%{query_str_like}%'
+
+        // let like_search_qry_str_new = like_search_qry_str.trim().replace(',', ' ').replace(';', ' ').replace('  ', '%').replace(' ', '%');
+        // like_search_qry_str_new = `%${like_search_qry_str_new}%`;
+        // console.log('like_search_qry_str_new:', like_search_qry_str_new);
+
+        params_json['and_like'] = { 'default_qry_str': like_search_qry_str };
+    }
+
+    params_json['and_qry'] = {};
+    if (external_event_id) {
+        params_json['and_qry']['external_event_id'] = external_event_id;
+    }
+    if (type_code) { // This is the event_badge.badge_type_code. There is also a member_type_code and registration_type_code that could be referenced in the future.
+        params_json['and_qry']['badge_type_code'] = type_code;
+    }
+
+    // ae_promises.search__event_badge_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.search__event_badge_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg,
+        obj_type: 'event_badge',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        use_alt_tbl: false,
+        use_alt_mdl: true,
+        enabled,
+        hidden,
+        order_by_li,
+        limit,
+        offset,
+        params_json,
+        params,
+        log_lvl
+    })
+    .then(async function (badge_obj_li_get_result) {
+        if (badge_obj_li_get_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_props({
+                    obj_li: badge_obj_li_get_result,
+                    log_lvl
+                });
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return badge_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+    return ae_promises.search__event_badge_obj_li;
+}
+
+
+// Updated 2025-10-06
+export async function db_save_ae_obj_li__event_badge({
+    obj_type,
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_type: string,
+    obj_li: any[],
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__event_badge() *** obj_type=${obj_type}`, obj_li);
+    }
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) console.log('No objects to save.');
+        return [];
+    }
+    return await db_save_ae_obj_li__ae_obj({
+        db_instance: db_events,
+        table_name: 'badge',
+        obj_li,
+        properties_to_save,
+        log_lvl,
+    });
+}
+
+
+// Updated 2025-10-06
+export const properties_to_save = [
+    'id',
+    'event_badge_id',
+    'event_badge_id_random',
+
+    'event_id',
+    'event_id_random',
+
+    'event_badge_template_id',
+    'event_badge_template_id_random',
+
+    'pronouns',
+    'informal_name',
+    'title_names',
+    'given_name',
+    'middle_name',
+    'family_name',
+    'designations',
+
+    'professional_title',
+    'professional_title_override',
+
+    'full_name',
+    'full_name_override',
+
+    'affiliations',
+    'affiliations_override',
+
+    'email',
+    'email_override',
+
+    'address_line_1',
+    'address_line_2',
+    'address_line_3',
+    'city',
+    'country_subdivision_code',
+    'state_province',
+    'state_province_abb',
+    'postal_code',
+    'country_alpha_2_code',
+    'country',
+    'full_address',
+    'location',
+    'location_override',
+
+    'query_str',
+
+    'badge_type',
+    'badge_type_code',
+    'badge_type_override',
+    'badge_type_code_override',
+    'external_event_id',
+    'external_id',
+    'external_person_id',
+
+    'default_qry_string',
+
+    'alert',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+
+    'person_external_id',
+    'person_external_sys_id',
+    'person_given_name',
+    'person_family_name',
+    'person_full_name',
+    'person_professional_title',
+    'person_affiliations',
+    'person_primary_email',
+    'person_passcode',
+];
+
+
+// Updated 2025-10-06
+export async function process_ae_obj__event_badge_props({
+    obj_li,
+    log_lvl = 0,
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__event_badge_props() ***`, obj_li);
+    }
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) console.log('No objects to process.');
+        return [];
+    }
+    const processed_obj_li = [];
+    for (const obj of obj_li) {
+        if (log_lvl) console.log(`Processing ae_obj event_badge:`, obj);
+        let processed_obj = {
+            id: obj.event_badge_id_random,
+            event_badge_id: obj.event_badge_id_random,
+            event_badge_id_random: obj.event_badge_id_random,
+
+            event_id: obj.event_id_random,
+            event_id_random: obj.event_id_random,
+
+            event_badge_template_id: obj.event_badge_template_id_random,
+            event_badge_template_id_random: obj.event_badge_template_id_random,
+
+            pronouns: obj.pronouns,
+            informal_name: obj.informal_name,
+            title_names: obj.title_names,
+            given_name: obj.given_name,
+            middle_name: obj.middle_name,
+            family_name: obj.family_name,
+            designations: obj.designations,
+
+            professional_title: obj.professional_title,
+            professional_title_override: obj.professional_title_override,
+
+            full_name: obj.full_name,
+            full_name_override: obj.full_name_override,
+
+            affiliations: obj.affiliations,
+            affiliations_override: obj.affiliations_override,
+
+            email: obj.email,
+            email_override: obj.email_override,
+
+            address_line_1: obj.address_line_1,
+            address_line_2: obj.address_line_2,
+            address_line_3: obj.address_line_3,
+            city: obj.city,
+            country_subdivision_code: obj.country_subdivision_code,
+            state_province: obj.state_province,
+            state_province_abb: obj.state_province_abb,
+            postal_code: obj.postal_code,
+            country_alpha_2_code: obj.country_alpha_2_code,
+            country: obj.country,
+            full_address: obj.full_address,
+            location: obj.location,
+            location_override: obj.location_override,
+
+            query_str: obj.query_str,
+
+            badge_type: obj.badge_type,
+            badge_type_code: obj.badge_type_code,
+            badge_type_override: obj.badge_type_override,
+            badge_type_code_override: obj.badge_type_code_override,
+            external_event_id: obj.external_event_id,
+            external_id: obj.external_id,
+            external_person_id: obj.external_person_id,
+
+            default_qry_string: obj.default_qry_string,
+
+            alert: obj.alert,
+
+            enable: obj.enable,
+            hide: obj.hide,
+            priority: obj.priority,
+            sort: obj.sort,
+            group: obj.group,
+            notes: obj.notes,
+            created_on: obj.created_on,
+            updated_on: obj.updated_on,
+
+            tmp_sort_1: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on ?? obj.created_on}`,
+            tmp_sort_2: `${obj.print_count}_${obj.priority}_${obj.sort}_${obj.given_name}_${obj.family_name}_${obj.updated_on}_${obj.created_on}`,
+
+            person_external_id: obj.person_external_id,
+            person_external_sys_id: obj.person_external_sys_id,
+            person_given_name: obj.person_given_name,
+            person_family_name: obj.person_family_name,
+            person_full_name: obj.person_full_name,
+            person_professional_title: obj.person_professional_title,
+            person_affiliations: obj.person_affiliations,
+            person_primary_email: obj.person_primary_email,
+            person_passcode: obj.person_passcode,
+        };
+        processed_obj_li.push(processed_obj);
+    }
+    return processed_obj_li;
+}

src/lib/ae_events/ae_events__event_badge_template.ts

@@ -0,0 +1,544 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+import { db_events } from "$lib/ae_events/db_events";
+
+let ae_promises: key_val = {};
+
+
+// --- PROPERTIES TO SAVE ---
+export const properties_to_save = [
+    'id',
+    'event_badge_template_id',
+    'event_badge_template_id_random',
+
+    'event_id',
+    'event_id_random',
+
+    'name',
+    'description',
+
+    // 'template_code',
+    // 'template_type',
+    // 'template_json',
+    // 'template_svg',
+    // 'template_css',
+    // 'template_html',
+
+    'logo_filename',
+    'logo_path',
+
+    'header_path',
+    'secondary_header_path',
+    'footer_path',
+
+    'header_row_1',
+    'header_row_2',
+
+    // 'footer_title',
+    // 'footer_left',
+    // 'footer_right',
+    // 'header_background',
+    // 'footer_background',
+
+    'badge_type_list',
+    'ticket_list',
+
+    'ticket_1_text',
+    'ticket_2_text',
+    'ticket_3_text',
+    'ticket_4_text',
+    'ticket_5_text',
+    'ticket_6_text',
+    'ticket_7_text',
+    'ticket_8_text',
+    // 'ticket_9_text',
+    // 'ticket_10_text',
+
+    'wireless_ssid',
+    'wireless_password',
+
+    'show_qr_front',
+    'show_qr_back',
+
+    'layout',
+    'style_filename',
+    // 'style_href',
+
+
+    // 'default',
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+];
+
+
+// --- PROCESS FUNCTION ---
+export async function process_ae_obj__event_badge_template_props({
+    obj_li,
+    log_lvl = 0,
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__event_badge_template_props() ***`, obj_li);
+    }
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) console.log('No objects to process.');
+        return [];
+    }
+    const processed_obj_li = [];
+    for (const obj of obj_li) {
+        if (log_lvl) console.log(`Processing ae_obj event_badge_template:`, obj);
+        let processed_obj = {
+            id: obj.event_badge_template_id_random,
+            event_badge_template_id: obj.event_badge_template_id_random,
+            event_badge_template_id_random: obj.event_badge_template_id_random,
+
+            event_id: obj.event_id_random,
+            event_id_random: obj.event_id_random,
+
+            name: obj.name,
+            description: obj.description,
+
+            logo_filename: obj.logo_filename,
+            logo_path: obj.logo_path,
+
+            header_path: obj.header_path,
+            secondary_header_path: obj.secondary_header_path,
+            footer_path: obj.footer_path,
+
+            header_row_1: obj.header_row_1,
+            header_row_2: obj.header_row_2,
+
+            badge_type_list: obj.badge_type_list,
+            ticket_list: obj.ticket_list,
+
+            ticket_1_text: obj.ticket_1_text,
+            ticket_2_text: obj.ticket_2_text,
+            ticket_3_text: obj.ticket_3_text,
+            ticket_4_text: obj.ticket_4_text,
+            ticket_5_text: obj.ticket_5_text,
+            ticket_6_text: obj.ticket_6_text,
+            ticket_7_text: obj.ticket_7_text,
+            ticket_8_text: obj.ticket_8_text,
+
+            wireless_ssid: obj.wireless_ssid,
+            wireless_password: obj.wireless_password,
+
+            show_qr_front: obj.show_qr_front,
+            show_qr_back: obj.show_qr_back,
+
+            layout: obj.layout,
+            style_filename: obj.style_filename,
+
+            // default: obj.default,
+            enable: obj.enable,
+            hide: obj.hide,
+            priority: obj.priority,
+            sort: obj.sort,
+            group: obj.group,
+            notes: obj.notes,
+            created_on: obj.created_on,
+            updated_on: obj.updated_on,
+
+            tmp_sort_1: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on ?? obj.created_on}`,
+            tmp_sort_2: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on}_${obj.created_on}`,
+        };
+        processed_obj_li.push(processed_obj);
+    }
+    return processed_obj_li;
+}
+
+
+// --- DB SAVE FUNCTION ---
+export async function db_save_ae_obj_li__event_badge_template({
+    obj_type,
+    obj_li,
+    log_lvl = 0
+}: {
+    obj_type: string,
+    obj_li: any[],
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__event_badge_template() *** obj_type=${obj_type}`, obj_li);
+    }
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) console.log('No objects to save.');
+        return [];
+    }
+    return await db_save_ae_obj_li__ae_obj({
+        db_instance: db_events,
+        table_name: 'badge_template',
+        obj_li,
+        properties_to_save,
+        log_lvl,
+    });
+}
+
+
+// --- CRUD FUNCTIONS ---
+export async function load_ae_obj_id__event_badge_template({
+    api_cfg,
+    event_badge_template_id,
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any,
+    event_badge_template_id: string,
+    try_cache?: boolean,
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__event_badge_template() *** event_badge_template_id=${event_badge_template_id}`);
+    }
+    let params = {};
+    ae_promises.load__event_badge_template_obj = await api.get_ae_obj_id_crud({
+        api_cfg,
+        obj_type: 'event_badge_template',
+        obj_id: event_badge_template_id,
+        use_alt_table: false,
+        use_alt_base: false,
+        params,
+        log_lvl
+    })
+    .then(async function (obj_get_result) {
+        if (obj_get_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_template_props({
+                    obj_li: [obj_get_result],
+                    log_lvl
+                });
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge_template',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return obj_get_result;
+        } else {
+            if (log_lvl) console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+    return ae_promises.load__event_badge_template_obj;
+}
+
+export async function load_ae_obj_li__event_badge_template({
+    api_cfg,
+    event_id,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 49,
+    offset = 0,
+    order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any,
+    event_id: string,
+    enabled?: string,
+    hidden?: string,
+    limit?: number,
+    offset?: number,
+    order_by_li?: key_val,
+    params?: key_val,
+    try_cache?: boolean,
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__event_badge_template() *** event_id=${event_id}`);
+    }
+    let params_json: key_val = {};
+    // ae_promises.load__event_badge_template_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_badge_template_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg,
+        obj_type: 'event_badge_template',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        use_alt_tbl: false,
+        use_alt_mdl: false,
+        enabled,
+        hidden,
+        order_by_li,
+        limit,
+        offset,
+        params_json,
+        params,
+        log_lvl
+    })
+    .then(async function (obj_li_get_result) {
+        if (obj_li_get_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_template_props({
+                    obj_li: obj_li_get_result,
+                    log_lvl
+                });
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge_template',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+    return ae_promises.load__event_badge_template_obj_li;
+}
+
+export async function create_ae_obj__event_badge_template({
+    api_cfg,
+    event_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any,
+    event_id: string,
+    data_kv: key_val,
+    params?: key_val,
+    try_cache?: boolean,
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_badge_template() *** event_id=${event_id}`);
+    }
+    ae_promises.create__event_badge_template = await api.create_ae_obj_crud({
+        api_cfg,
+        obj_type: 'event_badge_template',
+        fields: {
+            event_id_random: event_id,
+            ...data_kv
+        },
+        key: api_cfg.api_crud_super_key,
+        params,
+        return_obj: true,
+        log_lvl
+    })
+    .then(async function (obj_create_result) {
+        if (obj_create_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_template_props({
+                    obj_li: [obj_create_result],
+                    log_lvl
+                });
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge_template',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+    return ae_promises.create__event_badge_template;
+}
+
+export async function delete_ae_obj_id__event_badge_template({
+    api_cfg,
+    event_badge_template_id,
+    method = 'delete',
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any,
+    event_badge_template_id: string,
+    method?: string,
+    params?: key_val,
+    try_cache?: boolean,
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__event_badge_template() *** event_badge_template_id=${event_badge_template_id}`);
+    }
+    ae_promises.delete__event_badge_template_obj = await api.delete_ae_obj_id_crud({
+        api_cfg,
+        obj_type: 'event_badge_template',
+        obj_id: event_badge_template_id,
+        key: api_cfg.api_crud_super_key,
+        params,
+        method,
+        log_lvl
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        if (try_cache) {
+            if (log_lvl) {
+                console.log(`Attempting to remove IDB entry for event_badge_template_id=${event_badge_template_id}`);
+            }
+            db_events.badge_template.delete(event_badge_template_id);
+        }
+    });
+    return ae_promises.delete__event_badge_template_obj;
+}
+
+export async function update_ae_obj__event_badge_template({
+    api_cfg,
+    event_badge_template_id,
+    data_kv,
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any,
+    event_badge_template_id: string,
+    data_kv: key_val,
+    params?: key_val,
+    try_cache?: boolean,
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__event_badge_template() *** event_badge_template_id=${event_badge_template_id}`);
+    }
+    ae_promises.update__event_badge_template_obj = await api.update_ae_obj_id_crud({
+        api_cfg,
+        obj_type: 'event_badge_template',
+        obj_id: event_badge_template_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params,
+        return_obj: true,
+        log_lvl
+    })
+    .then(async function (obj_update_result) {
+        if (obj_update_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_template_props({
+                    obj_li: [obj_update_result],
+                    log_lvl
+                });
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge_template',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return obj_update_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+    return ae_promises.update__event_badge_template_obj;
+}
+
+// --- SEARCH FUNCTION ---
+export async function search__event_badge_template({
+    api_cfg,
+    event_id,
+    fulltext_search_qry_str,
+    like_search_qry_str = null,
+    enabled = 'enabled',
+    hidden = 'not_hidden',
+    limit = 25,
+    offset = 0,
+    order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+    params = {},
+    try_cache = true,
+    log_lvl = 0
+}: {
+    api_cfg: any,
+    event_id: string,
+    fulltext_search_qry_str?: null|string,
+    like_search_qry_str?: null|string,
+    enabled?: string,
+    hidden?: string,
+    limit?: number,
+    offset?: number,
+    order_by_li?: key_val,
+    params?: key_val,
+    try_cache?: boolean,
+    log_lvl?: number
+}) {
+    if (log_lvl) {
+        console.log(`*** search__event_badge_template() *** event_id=${event_id}`);
+    }
+    let params_json: key_val = {};
+    if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+        params_json['ft_qry'] = { 'default_qry_str': fulltext_search_qry_str };
+    }
+    if (like_search_qry_str && like_search_qry_str.length > 2) {
+        params_json['and_like'] = { 'default_qry_str': like_search_qry_str };
+    }
+    params_json['and_qry'] = {};
+    // ae_promises.search__event_badge_template_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_badge_template_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg,
+        obj_type: 'event_badge_template',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        use_alt_tbl: false,
+        use_alt_mdl: false,
+        enabled,
+        hidden,
+        order_by_li,
+        limit,
+        offset,
+        params_json,
+        params,
+        log_lvl
+    })
+    .then(async function (obj_li_get_result) {
+        if (obj_li_get_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_badge_template_props({
+                    obj_li: obj_li_get_result,
+                    log_lvl
+                });
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'badge_template',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+            }
+            return obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+    return ae_promises.search__event_badge_template_obj_li;
+}

src/lib/ae_events/ae_events__event_device.ts

@@ -0,0 +1,850 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+import { db_events } from "$lib/ae_events/db_events";
+
+import { load_ae_obj_id__event_location } from './ae_events__event_location';
+
+let ae_promises: key_val = {};
+
+
+// Updated 2025-05-23
+export async function load_ae_obj_id__event_device(
+        {
+            api_cfg,
+            event_device_id,
+            inc_location_id = false,
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_device_id: string,
+            inc_location_id?: boolean,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__event_device() *** event_device_id=${event_device_id}`);
+    }
+
+    let params = {};
+
+    ae_promises.load__event_device_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_device',
+        obj_id: event_device_id, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_device_obj_get_result) {
+        if (event_device_obj_get_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_device_props({
+                    obj_li: [event_device_obj_get_result],
+                    log_lvl
+                });
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'device',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // // This is expecting a list
+                // db_save_ae_obj_li__event_device({
+                //     obj_type: 'event_device',
+                //     obj_li: [event_device_obj_get_result]
+                // });
+            }
+            return event_device_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_device_obj:', ae_promises.load__event_device_obj);
+    }
+
+    if (inc_location_id) {
+        // Load the location linked to this device
+        if (log_lvl) {
+            console.log(`Need to load the location id for the device now`);
+        }
+        let load_event_location_obj_id = load_ae_obj_id__event_location({
+            api_cfg: api_cfg,
+            event_location_id: ae_promises.load__event_device_obj.event_location_id,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        });
+
+        if (log_lvl) {
+            console.log(`load_event_location_obj_id = `, load_event_location_obj_id);
+        }
+        ae_promises.load__event_device_obj.event_location_obj = load_event_location_obj_id;
+    }
+
+    return ae_promises.load__event_device_obj;
+}
+
+
+// Updated 2025-05-23
+export async function load_ae_obj_li__event_device(
+        {
+            api_cfg,
+            for_obj_type,
+            for_obj_id,
+            inc_location_id = false,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 49,
+            offset = 0,
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'code': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            for_obj_type: string,
+            for_obj_id: string,
+            inc_location_id?: boolean,
+            enabled?: string, // all, disabled, enabled
+            hidden?: string, // all, hidden, not_hidden
+            limit?: number, // 99
+            offset?: number, // 0
+            order_by_li?: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__event_device() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+    }
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'all'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 99); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    ae_promises.load__event_device_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'event_device',
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
+        use_alt_tbl: true,
+        use_alt_mdl: false,
+        use_alt_exp: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_device_obj_li_get_result) {
+        if (event_device_obj_li_get_result) {
+            if (try_cache) {
+                // Process the results first
+                    let processed_obj_li = await process_ae_obj__event_device_props({
+                    obj_li: event_device_obj_li_get_result,
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'device',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_device({
+                //     obj_type: 'event_device',
+                //     obj_li: event_device_obj_li_get_result
+                // });
+            }
+            return event_device_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_device_obj_li:', ae_promises.load__event_device_obj_li);
+    }
+
+    if (inc_location_id) {
+        // Load the location for the devices
+        if (log_lvl) {
+            console.log(`Need to load the location list for each device now`);
+        }
+        for (let i = 0; i < ae_promises.load__event_device_obj_li.length; i++) {
+            let event_device_obj = ae_promises.load__event_device_obj_li[i];
+
+            let load_event_location_obj_li = load_ae_obj_id__event_location({
+                api_cfg: api_cfg,
+                event_location_id: event_device_obj.event_location_id,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            })
+            .then((event_location_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_location_obj_li = `, event_location_obj_li);
+                }
+                return event_location_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
+            }
+        }
+    }
+
+    return ae_promises.load__event_device_obj_li;
+}
+
+
+// Updated 2025-05-23
+export async function create_ae_obj__event_device(
+        {
+            api_cfg,
+            event_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_device() *** event_id=${event_id}`);
+    }
+
+    ae_promises.create__event_device = await api.create_ae_obj_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_device',
+        fields: {
+            event_id_random: event_id,
+            ...data_kv
+            },
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    })
+    .then(async function (event_device_obj_create_result) {
+        if (event_device_obj_create_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_device_props({
+                    obj_li: [event_device_obj_create_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'device',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_device(
+                //     {
+                //         obj_type: 'event_device',
+                //         obj_li: [event_device_obj_create_result]
+                //     });
+            }
+            return event_device_obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__event_device:', ae_promises.create__event_device);
+    }
+    return ae_promises.create__event_device;
+}
+
+
+// Updated 2025-05-23
+export async function delete_ae_obj_id__event_device(
+        {
+            api_cfg,
+            event_device_id,
+            method = 'delete', // 'delete', 'disable', 'hide'
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_device_id: string,
+            method?: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__event_device() *** event_device_id=${event_device_id}`);
+    }
+
+    ae_promises.delete__event_device_obj = await api.delete_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_device',
+        obj_id: event_device_id,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        method: method,
+        log_lvl: log_lvl
+        })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        if (try_cache) {
+            if (log_lvl) {
+                console.log(`Attempting to remove IDB entry for event_device_id=${event_device_id}`);
+            }
+            db_events.device.delete(event_device_id);
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__event_device_obj:', ae_promises.delete__event_device_obj);
+    }
+
+    return ae_promises.delete__event_device_obj;
+}
+
+
+// Updated 2024-10-16
+export async function update_ae_obj__event_device(
+        {
+            api_cfg,
+            event_device_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_device_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__event_device() *** event_device_id=${event_device_id}`, data_kv);
+    }
+    ae_promises.update__event_device_obj = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_device',
+        obj_id: event_device_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_device_obj_update_result) {
+        if (event_device_obj_update_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_device_props({
+                    obj_li: [event_device_obj_update_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'device',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_device({
+                //     obj_type: 'event_device', obj_li: [event_device_obj_update_result]
+                // });
+            }
+            return event_device_obj_update_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.update__event_device_obj:', ae_promises.update__event_device_obj);
+    }
+    return ae_promises.update__event_device_obj;
+}
+
+
+// Not yet used or tested fully!
+// Updated 2025-05-23
+export async function search__event_device(
+        {
+            api_cfg,
+            event_id,
+            fulltext_search_qry_str,
+            ft_presenter_search_qry_str,
+            like_search_qry_str = null,
+            like_presentation_search_qry_str = null,
+            like_presenter_search_qry_str = null,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_id: any,
+            fulltext_search_qry_str?: null|string,
+            ft_presenter_search_qry_str?: null|string,
+            like_search_qry_str?: null|string,
+            like_presentation_search_qry_str?: null|string,
+            like_presenter_search_qry_str?: null|string,
+            params?: any,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+        ) {
+    if (log_lvl) {
+        console.log(`*** search__event_device() *** event_id=${event_id}`);
+    }
+
+    let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    let limit: number = (params.qry__limit ?? 25); // 99
+    let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    if (!fulltext_search_qry_str && !like_search_qry_str) {
+        console.log('No search string provided!!!');
+        return false; // Returning false instead of [] because no search was performed.
+    }
+
+    if (fulltext_search_qry_str || ft_presenter_search_qry_str) {
+        params_json['ft_qry'] = {};
+        if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+            params_json['ft_qry']['default_qry_str'] = fulltext_search_qry_str;
+        }
+
+        if (ft_presenter_search_qry_str && ft_presenter_search_qry_str.length > 2) {
+            params_json['ft_qry']['event_presenter_li_qry_str'] = ft_presenter_search_qry_str;
+        }
+    }
+
+    // Use the AND (AND LIKE) query
+    // if (like_search_qry_str || like_presenter_search_qry_str) {
+    //     params_json['and_like'] = {};
+    //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+    //         params_json['and_like']['default_qry_str'] = like_search_qry_str;
+    //     }
+    //     if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+    //         params_json['and_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+    //     }
+    // }
+
+    // Use the AND (OR LIKE) query
+    if (like_search_qry_str || like_presentation_search_qry_str || like_presenter_search_qry_str) {
+        params_json['or_like'] = {};
+        if (like_search_qry_str && like_search_qry_str.length > 2) {
+            params_json['or_like']['default_qry_str'] = like_search_qry_str;
+        }
+        if (like_presentation_search_qry_str && like_presentation_search_qry_str.length > 2) {
+            params_json['or_like']['event_presentation_li_qry_str'] = like_presentation_search_qry_str;
+        }
+        if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+            params_json['or_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+        }
+    }
+
+    params_json['and_qry'] = {};
+
+    // if (device_type_code) {
+    //     params_json['and_qry']['device_type_code'] = device_type_code;
+    // }
+
+    let order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'start_datetime': 'ASC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'};
+
+    // ae_promises.load__event_device_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_device_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'event_device',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        use_alt_tbl: true, // NOTE: We want to use the alt table for device searching
+        // use_alt_mdl: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (event_device_obj_li_get_result) {
+        if (event_device_obj_li_get_result) {
+            if (try_cache) {
+                db_save_ae_obj_li__event_device({obj_type: 'event_device', obj_li: event_device_obj_li_get_result});
+            }
+            return event_device_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_device_obj_li:', ae_promises.load__event_device_obj_li);
+    }
+    return ae_promises.load__event_device_obj_li;
+}
+
+
+// This function will loop through the event_device_obj_li and save each one to the DB.
+// Updated 2024-10-16
+export function db_save_ae_obj_li__event_device(
+        {
+            obj_type,
+            obj_li,
+            log_lvl = 0
+        }: {
+            obj_type: string,
+            obj_li: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__event_device() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_events.device.put({
+                    id: obj.event_device_id_random,
+                    event_device_id: obj.event_device_id_random,
+                    // event_device_id_random: obj.event_device_id_random,
+
+                    event_id: obj.event_id_random,
+                    // event_id_random: obj.event_id_random,
+                    event_location_id: obj.event_location_id_random,
+                    // event_location_id_random: obj.event_location_id_random,
+
+                    code: obj.code,
+                    name: obj.name,
+                    description: obj.description,
+
+                    passcode: obj.passcode,
+
+                    local_file_cache_path: obj.local_file_cache_path,
+                    host_file_temp_path: obj.host_file_temp_path,
+                    recording_path: obj.recording_path,
+
+                    record_audio: obj.record_audio,
+                    record_video: obj.record_video,
+
+                    trigger_open_file_id: obj.trigger_open_file_id,
+                    trigger_open_session_id: obj.trigger_open_session_id,
+                    trigger_recording_start: obj.trigger_recording_start,
+                    trigger_recording_stop: obj.trigger_recording_stop,
+                    trigger_reset: obj.trigger_reset,
+                    trigger_show_admin: obj.trigger_show_admin,
+                    trigger_show_hidden: obj.trigger_show_hidden,
+
+                    alert: obj.alert,
+                    alert_msg: obj.alert_msg,
+                    alert_on: obj.alert_on,
+                    status: obj.status,
+                    status_msg: obj.status_msg,
+                    status_on: obj.status_on,
+                    record_status: obj.record_status,
+                    record_status_msg: obj.record_status_msg,
+                    record_status_on: obj.record_status_on,
+                    // These are timestamps that are in UTC but missing the 'Z' at the end
+                    heartbeat: obj.heartbeat ? obj.heartbeat+'Z' : null,
+
+                    info_hostname: obj.info_hostname,
+                    info_ip_list: obj.info_ip_list,
+
+                    meta_json: obj.meta_json,
+                    other_json: obj.other_json,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    priority: obj.priority,
+                    sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+
+                    // From SQL view
+                    event_name: obj.event_name,
+                    event_location_code: obj.event_location_code,
+                    event_location_name: obj.event_location_name,
+                });
+                // console.log(`Put obj with ID: ${obj.event_device_id_random} or ${id_random}`);
+            } catch (error) {
+                let status = `Failed to put ${obj.event_device_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_events.device.put(obj);
+            // console.log(`Put obj with ID: ${obj.event_device_id_random}`);
+        });
+
+        return true;
+    }
+}
+
+
+// Updated 2025-05-23
+export const properties_to_save = [
+    'id',
+    'event_device_id',
+    'event_device_id_random',
+
+    'event_id',
+    'event_id_random',
+    'event_location_id',
+    'event_location_id_random',
+
+    'code',
+    'name',
+    'description',
+
+    'passcode',
+
+    'local_file_cache_path',
+    'host_file_temp_path',
+    'recording_path',
+
+    'record_audio',
+    'record_video',
+
+    'trigger_open_file_id',
+    'trigger_open_session_id',
+    'trigger_recording_start',
+    'trigger_recording_stop',
+    'trigger_reset',
+    'trigger_show_admin',
+    'trigger_show_hidden',
+
+    'alert',
+    'alert_msg',
+    'alert_on',
+    'status',
+    'status_msg',
+    'status_on',
+    'record_status',
+    'record_status_msg',
+    'record_status_on',
+    'heartbeat',
+
+    'info_hostname',
+    'info_ip_list',
+
+    'meta_json',
+    'other_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    'event_name',
+    'event_location_code',
+    'event_location_name',
+];
+
+
+// Updated 2025-05-23
+export async function process_ae_obj__event_device_props({
+    obj_li,
+    log_lvl = 0,
+}: {
+    obj_li: any[];
+    log_lvl?: number;
+}) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__event_location_props() ***`, obj_li);
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li = [];
+
+    for (const obj of obj_li) {
+        if (log_lvl) console.log(`Processing ae_obj event_device:`, obj);
+
+        let processed_obj = {
+            id: obj.event_device_id_random,
+            event_device_id: obj.event_device_id_random,
+            event_device_id_random: obj.event_device_id_random,
+
+            event_id: obj.event_id_random,
+            event_id_random: obj.event_id_random,
+            event_location_id: obj.event_location_id_random,
+            event_location_id_random: obj.event_location_id_random,
+
+            code: obj.code,
+            name: obj.name,
+            description: obj.description,
+
+            passcode: obj.passcode,
+
+            local_file_cache_path: obj.local_file_cache_path,
+            host_file_temp_path: obj.host_file_temp_path,
+            recording_path: obj.recording_path,
+
+            record_audio: obj.record_audio,
+            record_video: obj.record_video,
+
+            trigger_open_file_id: obj.trigger_open_file_id,
+            trigger_open_session_id: obj.trigger_open_session_id,
+            trigger_recording_start: obj.trigger_recording_start,
+            trigger_recording_stop: obj.trigger_recording_stop,
+            trigger_reset: obj.trigger_reset,
+            trigger_show_admin: obj.trigger_show_admin,
+            trigger_show_hidden: obj.trigger_show_hidden,
+
+            alert: obj.alert,
+            alert_msg: obj.alert_msg,
+            alert_on: obj.alert_on,
+            status: obj.status,
+            status_msg: obj.status_msg,
+            status_on: obj.status_on,
+            record_status: obj.record_status,
+            record_status_msg: obj.record_status_msg,
+            record_status_on: obj.record_status_on,
+            // These are timestamps that are in UTC but missing the 'Z' at the end
+            heartbeat: obj.heartbeat ? obj.heartbeat+'Z' : null,
+
+            info_hostname: obj.info_hostname,
+            info_ip_list: obj.info_ip_list,
+
+            meta_json: obj.meta_json,
+            other_json: obj.other_json,
+
+            enable: obj.enable,
+            hide: obj.hide,
+            priority: obj.priority,
+            sort: obj.sort,
+            group: obj.group,
+            notes: obj.notes,
+            created_on: obj.created_on,
+            updated_on: obj.updated_on,
+
+            // Generated fields for sorting locally only
+            tmp_sort_1: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on ?? obj.created_on}`,
+            tmp_sort_2: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on}_${obj.created_on}`,
+
+            // From SQL view
+            event_name: obj.event_name,
+            event_location_code: obj.event_location_code,
+            event_location_name: obj.event_location_name,
+            };
+
+        processed_obj_li.push(processed_obj);
+    }
+
+    return processed_obj_li;
+}

src/lib/ae_events/ae_events__event_location.ts

@@ -0,0 +1,897 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+import { db_events } from "$lib/ae_events/db_events";
+
+import { load_ae_obj_li__event_device } from "$lib/ae_events/ae_events__event_device";
+import { load_ae_obj_li__event_file } from "$lib/ae_events/ae_events__event_file";
+import { load_ae_obj_li__event_session } from './ae_events__event_session';
+
+let ae_promises: key_val = {};
+
+
+// Updated 2025-05-23
+export async function load_ae_obj_id__event_location(
+        {
+            api_cfg,
+            event_location_id,
+            inc_file_li = false,
+            inc_session_li = false,
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_location_id: string,
+            inc_file_li?: boolean,
+            inc_session_li?: boolean,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__event_location() *** event_location_id=${event_location_id}`);
+    }
+
+    let params = {};
+
+    ae_promises.load__event_location_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_location',
+        obj_id: event_location_id, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_location_obj_get_result) {
+        if (event_location_obj_get_result) {
+            if (try_cache) {
+                let processed_obj_li = await process_ae_obj__event_location_props({
+                    obj_li: [event_location_obj_get_result],
+                    log_lvl
+                });
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'location',
+                    obj_li: processed_obj_li,
+                    properties_to_save,
+                    log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // // This is expecting a list
+                // db_save_ae_obj_li__event_location({
+                //     obj_type: 'event_location',
+                //     obj_li: [event_location_obj_get_result]
+                // });
+            }
+            return event_location_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_location_obj:', ae_promises.load__event_location_obj);
+    }
+
+    if (ae_promises?.load__event_location_obj === null) {
+        console.log('No results returned.');
+        return null;
+    }
+
+    if (inc_file_li) {
+        // Load the files for the location
+        if (log_lvl) {
+            console.log(`Need to load the file list for the location now`);
+        }
+        let load_event_file_obj_li = load_ae_obj_li__event_file({
+            api_cfg: api_cfg,
+            for_obj_type: 'event_location',
+            for_obj_id: event_location_id,
+            enabled: 'all',
+            limit: 15,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        })
+        .then((event_file_obj_li) => {
+            if (log_lvl) {
+                console.log(`event_file_obj_li = `, event_file_obj_li);
+            }
+            return event_file_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`load_event_file_obj_li = `, load_event_file_obj_li);
+        }
+        ae_promises.load__event_location_obj.event_file_li = load_event_file_obj_li;
+    }
+
+    if (inc_session_li) {
+        // Load the sessions for the location
+        if (log_lvl) {
+            console.log(`Need to load the session list for the location now`);
+        }
+        let load_event_session_obj_li = load_ae_obj_li__event_session({
+            api_cfg: api_cfg,
+            for_obj_type: 'event_location',
+            for_obj_id: event_location_id,
+            enabled: 'all',
+            limit: 15,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        });
+
+        if (log_lvl) {
+            console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
+        }
+        ae_promises.load__event_location_obj.event_session_li = load_event_session_obj_li;
+    }
+
+    return ae_promises.load__event_location_obj;
+}
+
+
+// Updated 2025-05-23
+export async function load_ae_obj_li__event_location(
+        {
+            api_cfg,
+            for_obj_type,
+            for_obj_id,
+            inc_device_li = false,
+            inc_file_li = false,
+            inc_session_li = false,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 29,
+            offset = 0,
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'code': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            for_obj_type: string,
+            for_obj_id: string,
+            inc_device_li?: boolean,
+            inc_file_li?: boolean,
+            inc_session_li?: boolean,
+            enabled?: string, // all, disabled, enabled
+            hidden?: string, // all, hidden, not_hidden
+            limit?: number, // 99
+            offset?: number, // 0
+            order_by_li?: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__event_location() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+    }
+
+    let params_json: key_val = {};
+
+    // console.log('params_json:', params_json);
+
+    // ae_promises.load__event_location_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_location_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'event_location',
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
+        use_alt_tbl: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        // use_alt_mdl: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_location_obj_li_get_result) {
+        if (event_location_obj_li_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_location_props({
+                    obj_li: event_location_obj_li_get_result,
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'location',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_location({
+                //     obj_type: 'event_location',
+                //     obj_li: event_location_obj_li_get_result
+                // });
+            }
+            return event_location_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_location_obj_li:', ae_promises.load__event_location_obj_li);
+    }
+
+    if (inc_device_li) {
+        // Load the devices for the locations
+        if (log_lvl) {
+            console.log(`Need to load the device list for each location now`);
+        }
+        for (let i = 0; i < ae_promises.load__event_location_obj_li.length; i++) {
+            let event_location_obj = ae_promises.load__event_location_obj_li[i];
+            let event_location_id = event_location_obj.event_location_id_random;
+
+            let load_event_device_obj_li = load_ae_obj_li__event_device({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_location',
+                for_obj_id: event_location_id,
+                params: {qry__enabled: enabled, qry__limit: limit},
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            })
+            .then((event_device_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_device_obj_li = `, event_device_obj_li);
+                }
+                return event_device_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_event_device_obj_li = `, load_event_device_obj_li);
+            }
+        }
+    }
+
+    if (inc_file_li) {
+        // Load the files for the locations
+        if (log_lvl) {
+            console.log(`Need to load the file list for each location now`);
+        }
+        for (let i = 0; i < ae_promises.load__event_location_obj_li.length; i++) {
+            let event_location_obj = ae_promises.load__event_location_obj_li[i];
+            let event_location_id = event_location_obj.event_location_id_random;
+
+            let load_event_file_obj_li = load_ae_obj_li__event_file({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_location',
+                for_obj_id: event_location_id,
+                enabled: enabled,
+                limit: limit,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            })
+            .then((event_file_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_file_obj_li = `, event_file_obj_li);
+                }
+                return event_file_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_event_file_obj_li = `, load_event_file_obj_li);
+            }
+        }
+    }
+
+    if (inc_session_li) {
+        // Load the sessions for the locations
+        if (log_lvl) {
+            console.log(`Need to load the session list for each location now`);
+        }
+        for (let i = 0; i < ae_promises.load__event_location_obj_li.length; i++) {
+            let event_location_obj = ae_promises.load__event_location_obj_li[i];
+            let event_location_id = event_location_obj.event_location_id_random;
+
+            let load_event_session_obj_li = load_ae_obj_li__event_session({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_location',
+                for_obj_id: event_location_id,
+                enabled: enabled,
+                limit: limit,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            })
+            .then((event_session_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_session_obj_li = `, event_session_obj_li);
+                }
+                return event_session_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
+            }
+        }
+    }
+
+    return ae_promises.load__event_location_obj_li;
+}
+
+
+// Updated 2025-05-23
+export async function create_ae_obj__event_location(
+        {
+            api_cfg,
+            event_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_location() *** event_id=${event_id}`);
+    }
+
+    ae_promises.create__event_location = await api.create_ae_obj_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_location',
+        fields: {
+            event_id_random: event_id,
+            ...data_kv
+            },
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    })
+    .then(async function (event_location_obj_create_result) {
+        if (event_location_obj_create_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_location_props({
+                    obj_li: [event_location_obj_create_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'location',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_location(
+                //     {
+                //         obj_type: 'event_location',
+                //         obj_li: [event_location_obj_create_result]
+                //     });
+            }
+            return event_location_obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__event_location:', ae_promises.create__event_location);
+    }
+    return ae_promises.create__event_location;
+}
+
+
+// Updated 2025-05-23
+export async function delete_ae_obj_id__event_location(
+        {
+            api_cfg,
+            event_location_id,
+            method = 'delete', // 'delete', 'disable', 'hide'
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_location_id: string,
+            method?: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__event_location() *** event_location_id=${event_location_id}`);
+    }
+
+    ae_promises.delete__event_location_obj = await api.delete_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_location',
+        obj_id: event_location_id,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        method: method,
+        log_lvl: log_lvl
+        })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        if (try_cache) {
+            if (log_lvl) {
+                console.log(`Attempting to remove IDB entry for event_location_id=${event_location_id}`);
+            }
+            db_events.location.delete(event_location_id);
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__event_location_obj:', ae_promises.delete__event_location_obj);
+    }
+
+    return ae_promises.delete__event_location_obj;
+}
+
+
+// Updated 2025-05-23
+export async function update_ae_obj__event_location(
+        {
+            api_cfg,
+            event_location_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_location_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__event_location() *** event_location_id=${event_location_id}`, data_kv);
+    }
+    ae_promises.update__event_location_obj = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_location',
+        obj_id: event_location_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_location_obj_update_result) {
+        if (event_location_obj_update_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_location_props({
+                    obj_li: [event_location_obj_update_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'location',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_location({
+                //     obj_type: 'event_location', obj_li: [event_location_obj_update_result]
+                // });
+            }
+            return event_location_obj_update_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.update__event_location_obj:', ae_promises.update__event_location_obj);
+    }
+    return ae_promises.update__event_location_obj;
+}
+
+
+// Updated 2025-05-23
+export async function search__event_location(
+        {
+            api_cfg,
+            event_id,
+            fulltext_search_qry_str,
+            ft_presenter_search_qry_str,
+            like_search_qry_str = null,
+            like_presentation_search_qry_str = null,
+            like_presenter_search_qry_str = null,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_id: any,
+            fulltext_search_qry_str?: null|string,
+            ft_presenter_search_qry_str?: null|string,
+            like_search_qry_str?: null|string,
+            like_presentation_search_qry_str?: null|string,
+            like_presenter_search_qry_str?: null|string,
+            params?: any,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+        ) {
+    if (log_lvl) {
+        console.log(`*** search__event_location() *** event_id=${event_id}`);
+    }
+
+    let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    let limit: number = (params.qry__limit ?? 25); // 99
+    let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    if (!fulltext_search_qry_str && !like_search_qry_str) {
+        console.log('No search string provided!!!');
+        return false; // Returning false instead of [] because no search was performed.
+    }
+
+    if (fulltext_search_qry_str || ft_presenter_search_qry_str) {
+        params_json['ft_qry'] = {};
+        if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+            params_json['ft_qry']['default_qry_str'] = fulltext_search_qry_str;
+        }
+
+        if (ft_presenter_search_qry_str && ft_presenter_search_qry_str.length > 2) {
+            params_json['ft_qry']['event_presenter_li_qry_str'] = ft_presenter_search_qry_str;
+        }
+    }
+
+    // Use the AND (AND LIKE) query
+    // if (like_search_qry_str || like_presenter_search_qry_str) {
+    //     params_json['and_like'] = {};
+    //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+    //         params_json['and_like']['default_qry_str'] = like_search_qry_str;
+    //     }
+    //     if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+    //         params_json['and_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+    //     }
+    // }
+
+    // Use the AND (OR LIKE) query
+    if (like_search_qry_str || like_presentation_search_qry_str || like_presenter_search_qry_str) {
+        params_json['or_like'] = {};
+        if (like_search_qry_str && like_search_qry_str.length > 2) {
+            params_json['or_like']['default_qry_str'] = like_search_qry_str;
+        }
+        if (like_presentation_search_qry_str && like_presentation_search_qry_str.length > 2) {
+            params_json['or_like']['event_presentation_li_qry_str'] = like_presentation_search_qry_str;
+        }
+        if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+            params_json['or_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+        }
+    }
+
+    params_json['and_qry'] = {};
+
+    // if (location_type_code) {
+    //     params_json['and_qry']['location_type_code'] = location_type_code;
+    // }
+
+    let order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'start_datetime': 'ASC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'};
+
+    // ae_promises.load__event_location_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_location_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'event_location',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        use_alt_tbl: true, // NOTE: We want to use the alt table for location searching
+        // use_alt_mdl: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (event_location_obj_li_get_result) {
+        if (event_location_obj_li_get_result) {
+            if (try_cache) {
+                db_save_ae_obj_li__event_location({obj_type: 'event_location', obj_li: event_location_obj_li_get_result});
+            }
+            return event_location_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_location_obj_li:', ae_promises.load__event_location_obj_li);
+    }
+    return ae_promises.load__event_location_obj_li;
+}
+
+
+// This function will loop through the event_location_obj_li and save each one to the DB.
+// Updated 2024-06-25
+export function db_save_ae_obj_li__event_location(
+        {
+            obj_type,
+            obj_li,
+            log_lvl = 0
+        }: {
+            obj_type: string,
+            obj_li: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__event_location() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_events.location.put({
+                    id: obj.event_location_id_random,
+                    event_location_id: obj.event_location_id_random,
+                    event_location_id_random: obj.event_location_id_random,
+
+                    external_id: obj.external_id,
+                    code: obj.code,
+
+                    type_code: obj.type_code,
+
+                    event_id: obj.event_id_random,
+                    event_id_random: obj.event_id_random,
+
+                    name: obj.name,
+                    description: obj.description,
+
+                    passcode: obj.passcode,
+
+                    hide_event_launcher: obj.hide_event_launcher,
+
+                    alert: obj.alert,
+                    alert_msg: obj.alert_msg,
+
+                    data_json: obj.data_json,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    priority: obj.priority,
+                    sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+
+                    // From SQL view
+                    file_count: obj.file_count,
+                    file_count_all: obj.file_count_all,
+                    internal_use_count: obj.internal_use_count,
+                    event_file_id_li_json: obj.event_file_id_li_json,
+
+                    // poc_person_given_name: obj.poc_person_given_name,
+                    // poc_person_family_name: obj.poc_person_family_name,
+                    // poc_person_full_name: obj.poc_person_full_name,
+                    // poc_person_primary_email: obj.poc_person_primary_email,
+                    // poc_person_passcode: obj.poc_person_passcode,
+                    // poc_kv_json: obj.poc_kv_json,
+
+                    event_name: obj.event_name,
+                });
+                // console.log(`Put obj with ID: ${obj.event_location_id_random} or ${id_random}`);
+            } catch (error) {
+                let status = `Failed to put ${obj.event_location_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_events.location.put(obj);
+            // console.log(`Put obj with ID: ${obj.event_location_id_random}`);
+        });
+
+        return true;
+    }
+}
+
+
+// Updated 2025-05-23
+export const properties_to_save = [
+    'id',
+    'event_location_id',
+    'event_location_id_random',
+
+    'external_id',
+    'code',
+
+    'type_code',
+
+    'event_id',
+    'event_id_random',
+
+    'name',
+    'description',
+
+    'passcode',
+
+    'hide_event_launcher',
+
+    'alert',
+    'alert_msg',
+
+    'data_json',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    'file_count',
+    'file_count_all',
+    'internal_use_count',
+    'event_file_id_li_json',
+
+    'event_name',
+];
+
+
+// Updated 2025-05-23
+export async function process_ae_obj__event_location_props({
+        obj_li,
+        log_lvl = 0,
+    }: {
+        obj_li: any[];
+        log_lvl?: number;
+    }) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__event_location_props() ***`, obj_li);
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) console.log('No objects to process.');
+        return [];
+    }
+
+    const processed_obj_li = [];
+
+    for (const obj of obj_li) {
+        if (log_lvl) console.log(`Processing ae_obj event_location:`, obj);
+
+        let processed_obj = {
+            id: obj.event_location_id_random,
+            event_location_id: obj.event_location_id_random,
+            event_location_id_random: obj.event_location_id_random,
+
+            external_id: obj.external_id,
+            code: obj.code,
+
+            type_code: obj.type_code,
+
+            event_id: obj.event_id_random,
+            event_id_random: obj.event_id_random,
+
+            name: obj.name,
+            description: obj.description,
+
+            passcode: obj.passcode,
+
+            hide_event_launcher: obj.hide_event_launcher,
+
+            alert: obj.alert,
+            alert_msg: obj.alert_msg,
+
+            data_json: obj.data_json,
+
+            enable: obj.enable,
+            hide: obj.hide,
+            priority: obj.priority,
+            sort: obj.sort,
+            group: obj.group,
+            notes: obj.notes,
+            created_on: obj.created_on,
+            updated_on: obj.updated_on,
+
+            // Generated fields for sorting locally only
+            tmp_sort_1: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on ?? obj.created_on}`,
+            tmp_sort_2: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on}_${obj.created_on}`,
+
+            // From SQL view
+            file_count: obj.file_count,
+            file_count_all: obj.file_count_all,
+            internal_use_count: obj.internal_use_count,
+            event_file_id_li_json: obj.event_file_id_li_json,
+
+            event_name: obj.event_name,
+        };
+
+        processed_obj_li.push(processed_obj);
+    }
+
+    return processed_obj_li;
+}

src/lib/ae_events/ae_events__event_presentation.ts

@@ -0,0 +1,793 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_save_ae_obj_li__ae_obj } from "$lib/ae_core/core__idb_dexie";
+import { db_events } from "$lib/ae_events/db_events";
+
+import { load_ae_obj_li__event_file } from "$lib/ae_events/ae_events__event_file";
+import { load_ae_obj_li__event_presenter } from "$lib/ae_events/ae_events__event_presenter";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2025-05-22
+export async function load_ae_obj_id__event_presentation(
+        {
+            api_cfg,
+            event_presentation_id,
+            inc_file_li = false,
+            inc_presenter_li = false,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 49,
+            offset = 0,
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_presentation_id: string,
+            inc_file_li?: boolean,
+            inc_presenter_li?: boolean,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_id__event_presentation() *** event_presentation_id=${event_presentation_id}`);
+    }
+
+    let params = {};
+
+    ae_promises.load__event_presentation_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_presentation',
+        obj_id: event_presentation_id, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_presentation_obj_get_result) {
+        if (event_presentation_obj_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_presentation_props({
+                    obj_li: [event_presentation_obj_get_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'presentation',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // // This is expecting a list
+                // db_save_ae_obj_li__event_presentation({
+                //     obj_type: 'event_presentation',
+                //     obj_li: [event_presentation_obj_get_result]
+
+                // });
+            }
+            return event_presentation_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_presentation_obj:', ae_promises.load__event_presentation_obj);
+    }
+
+    if (ae_promises?.load__event_presentation_obj === null) {
+        console.log('No results returned.');
+        return null;
+    }
+
+    if (inc_file_li) {
+        // Load the files for the presentation
+        if (log_lvl) {
+            console.log(`Need to load the file list for the presentation now.`);
+        }
+        let load_event_file_obj_li = load_ae_obj_li__event_file({
+            api_cfg: api_cfg,
+            for_obj_type: 'event_presentation',
+            for_obj_id: event_presentation_id,
+            enabled: 'all',
+            limit: 25,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        })
+        .then((event_file_obj_li) => {
+            if (log_lvl) {
+                console.log(`event_file_obj_li = `, event_file_obj_li);
+            }
+            return event_file_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`event_file_obj_li = `, load_event_file_obj_li);
+        }
+        ae_promises.load__event_presentation_obj.event_file_li = load_event_file_obj_li;
+    }
+
+    if (inc_presenter_li) {
+        // Load the presenters for the presentation
+        if (log_lvl) {
+            console.log(`Need to load the presenter list for the presentation now.`);
+        }
+        let load_event_presenter_obj_li = load_ae_obj_li__event_presenter({
+            api_cfg: api_cfg,
+            for_obj_type: 'event_presentation',
+            for_obj_id: event_presentation_id,
+            inc_file_li: inc_file_li,
+            enabled: enabled,
+            hidden: hidden,
+            limit: limit,
+            offset: offset,
+            // order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            // params: params,
+            try_cache: try_cache,
+            log_lvl: log_lvl
+        })
+        .then((event_presenter_obj_li) => {
+            if (log_lvl) {
+                console.log(`event_presenter_obj_li = `, event_presenter_obj_li);
+            }
+            return event_presenter_obj_li;
+        });
+
+        if (log_lvl) {
+            console.log(`event_presenter_obj_li = `, load_event_presenter_obj_li);
+        }
+        ae_promises.load__event_presentation_obj.event_presenter_li = load_event_presenter_obj_li;
+    }
+
+    return ae_promises.load__event_presentation_obj;
+}
+
+
+// Updated 2025-05-22
+export async function load_ae_obj_li__event_presentation(
+        {
+            api_cfg,
+            for_obj_type = 'event_session',
+            for_obj_id,
+            inc_file_li = false,
+            inc_presenter_li = false,
+            enabled = 'enabled',
+            hidden = 'not_hidden',
+            limit = 49,
+            offset = 0,
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'start_datetime': 'ASC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            for_obj_type: string,
+            for_obj_id: string,
+            inc_file_li?: boolean,
+            inc_presenter_li?: boolean,
+            enabled?: string,
+            hidden?: string,
+            limit?: number,
+            offset?: number,
+            order_by_li?: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** load_ae_obj_li__event_presentation() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
+    }
+
+    // let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    // let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    // let limit: number = (params.qry__limit ?? 99); // 99
+    // let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    // console('params_json:', params_json);
+
+    // ae_promises.load__event_presentation_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+    ae_promises.load__event_presentation_obj_li = await api.get_ae_obj_li_for_obj_id_crud_v2({
+        api_cfg: api_cfg,
+        obj_type: 'event_presentation',
+        for_obj_type: for_obj_type,
+        for_obj_id: for_obj_id,
+        use_alt_tbl: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        // use_alt_mdl: false, // NOTE: This will use the base_name_alt value instead of the base_name value
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_presentation_obj_li_get_result) {
+        if (event_presentation_obj_li_get_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_presentation_props({
+                    obj_li: event_presentation_obj_li_get_result,
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                await db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'presentation',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_presentation({
+                //     obj_type: 'event_presentation', obj_li: event_presentation_obj_li_get_result
+                // });
+            }
+            return event_presentation_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_presentation_obj_li:', ae_promises.load__event_presentation_obj_li);
+    }
+
+    if (inc_file_li) {
+        // Load the files for the presentations
+        if (log_lvl) {
+            console.log(`Need to load the file list for each presentation now.`);
+        }
+        for (let i = 0; i < ae_promises.load__event_presentation_obj_li.length; i++) {
+            let event_presentation_obj = ae_promises.load__event_presentation_obj_li[i];
+            let event_presentation_id = event_presentation_obj.event_presentation_id_random;
+
+            let load_event_file_obj_li = load_ae_obj_li__event_file({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_presentation',
+                for_obj_id: event_presentation_id,
+                enabled: enabled,
+                limit: limit,
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            })
+            .then((event_file_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_file_obj_li = `, event_file_obj_li);
+                }
+                return event_file_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`event_file_obj_li = `, load_event_file_obj_li);
+            }
+            // ae_promises.load__event_presentation_obj.event_file_li = load_event_file_obj_li;
+        }
+    }
+
+    if (inc_presenter_li) {
+        // Load the presenters for the presentations
+        if (log_lvl) {
+            console.log(`Need to load the presenter list for each presentation now.`);
+        }
+        for (let i = 0; i < ae_promises.load__event_presentation_obj_li.length; i++) {
+            let event_presentation_obj = ae_promises.load__event_presentation_obj_li[i];
+            let event_presentation_id = event_presentation_obj.event_presentation_id_random;
+
+            let load_event_presenter_obj_li = load_ae_obj_li__event_presenter({
+                api_cfg: api_cfg,
+                for_obj_type: 'event_presentation',
+                for_obj_id: event_presentation_id,
+                inc_file_li: inc_file_li,
+                enabled: enabled,
+                hidden: hidden,
+                limit: limit,
+                offset: offset,
+                // order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+                // params: {},
+                try_cache: try_cache,
+                log_lvl: log_lvl
+            })
+            .then((event_presenter_obj_li) => {
+                if (log_lvl) {
+                    console.log(`event_presenter_obj_li = `, event_presenter_obj_li);
+                }
+                return event_presenter_obj_li;
+            });
+
+            if (log_lvl) {
+                console.log(`event_presenter_obj_li = `, load_event_presenter_obj_li);
+            }
+            // ae_promises.load__event_presentation_obj.event_presenter_li = load_event_presenter_obj_li;
+        }
+    }
+
+    return ae_promises.load__event_presentation_obj_li;
+}
+
+
+// Updated 2025-05-22
+export async function create_ae_obj__event_presentation(
+        {
+            api_cfg,
+            event_id,
+            event_session_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_id: string,
+            event_session_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** create_ae_obj__event_presentation() *** event_id=${event_id} event_session_id=${event_session_id}`);
+    }
+
+    ae_promises.create__event_presentation = await api.create_ae_obj_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_presentation',
+        fields: {
+            event_id_random: event_id,
+            event_session_id_random: event_session_id,
+            ...data_kv
+            },
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+    })
+    .then(async function (event_presentation_obj_create_result) {
+        if (event_presentation_obj_create_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_presentation_props({
+                    obj_li: [event_presentation_obj_create_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'presentation',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_presentation(
+                //     {
+                //         obj_type: 'event_presentation',
+                //         obj_li: [event_presentation_obj_create_result]
+                //     });
+            }
+            return event_presentation_obj_create_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__event_presentation:', ae_promises.create__event_presentation);
+    }
+    return ae_promises.create__event_presentation;
+}
+
+
+// Updated 2025-05-22
+export async function delete_ae_obj_id__event_presentation(
+        {
+            api_cfg,
+            event_presentation_id,
+            method = 'delete', // 'delete', 'disable', 'hide'
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_presentation_id: string,
+            method?: string,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** delete_ae_obj_id__event_presentation() *** event_presentation_id=${event_presentation_id}`);
+    }
+
+    ae_promises.delete__event_presentation_obj = await api.delete_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_presentation',
+        obj_id: event_presentation_id,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        method: method,
+        log_lvl: log_lvl
+        })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        if (try_cache) {
+            if (log_lvl) {
+                console.log(`Attempting to remove IDB entry for event_presentation_id=${event_presentation_id}`);
+            }
+            db_events.presentation.delete(event_presentation_id);
+        }
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.delete__event_presentation_obj:', ae_promises.delete__event_presentation_obj);
+    }
+
+    return ae_promises.delete__event_presentation_obj;
+}
+
+
+// Updated 2025-05-22
+export async function update_ae_obj__event_presentation(
+        {
+            api_cfg,
+            event_presentation_id,
+            data_kv,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_presentation_id: string,
+            data_kv: key_val,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** update_ae_obj__event_presentation() *** event_presentation_id=${event_presentation_id}`, data_kv);
+    }
+    ae_promises.update__event_presentation_obj = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_presentation',
+        obj_id: event_presentation_id,
+        fields: data_kv,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+        })
+    .then(async function (event_presentation_obj_update_result) {
+        if (event_presentation_obj_update_result) {
+            if (try_cache) {
+                // Process the results first
+                let processed_obj_li = await process_ae_obj__event_presentation_props({
+                    obj_li: [event_presentation_obj_update_result],
+                    log_lvl: log_lvl,
+                    });
+                if (log_lvl) {
+                    console.log('Processed object list:', processed_obj_li);
+                }
+                // Save the updated results list to the database
+                if (log_lvl) {
+                    console.log('Saving to DB...');
+                }
+                db_save_ae_obj_li__ae_obj({
+                    db_instance: db_events,
+                    table_name: 'presentation',
+                    obj_li: processed_obj_li,
+                    properties_to_save: properties_to_save,
+                    log_lvl: log_lvl,
+                });
+                if (log_lvl) {
+                    console.log('DB save completed.');
+                }
+
+                // db_save_ae_obj_li__event_presentation({
+                //     obj_type: 'event_presentation',
+                //     obj_li: [event_presentation_obj_update_result],
+                //     log_lvl: log_lvl
+                // });
+            }
+            return event_presentation_obj_update_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.update__event_presentation_obj:', ae_promises.update__event_presentation_obj);
+    }
+    return ae_promises.update__event_presentation_obj;
+}
+
+
+// This function will loop through the event_presentation_obj_li and save each one to the DB.
+// Updated 2024-06-10
+export function db_save_ae_obj_li__event_presentation(
+        {
+            obj_type,
+            obj_li,
+            log_lvl = 0
+        }: {
+            obj_type: string,
+            obj_li: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** db_save_ae_obj_li__event_presentation() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_events.presentation.put({
+                    id: obj.event_presentation_id_random,
+                    // id_random: obj.event_presentation_id_random,
+                    event_presentation_id: obj.event_presentation_id_random,
+                    event_presentation_id_random: obj.event_presentation_id_random,
+
+                    external_id: obj.external_id,
+                    code: obj.code,
+
+                    for_type: obj.for_type,
+                    for_id: obj.for_id_random,
+                    for_id_random: obj.for_id_random,
+
+                    type_code: obj.type_code,
+
+                    event_id: obj.event_id_random,
+                    event_id_random: obj.event_id_random,
+                    event_session_id: obj.event_session_id_random,
+                    event_session_id_random: obj.event_session_id_random,
+                    event_abstract_id: obj.event_abstract_id_random,
+                    event_abstract_id_random: obj.event_abstract_id_random,
+
+                    abstract_code: obj.abstract_code,
+
+                    name: obj.name,
+                    description: obj.description,
+
+                    start_datetime: obj.start_datetime,
+                    end_datetime: obj.end_datetime,
+
+                    passcode: obj.passcode,
+
+                    hide_event_launcher: obj.hide_event_launcher,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    priority: obj.priority,
+                    sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+
+                    // From SQL view
+                    event_session_code: obj.event_session_code,
+                    event_session_name: obj.event_session_name,
+
+                    // A key value list of the presenters
+                    // event_presenter_kv: obj.event_presenter_kv,
+                });
+                // console.log(`Put obj with ID: ${obj.event_presentation_id_random} or ${id_random}`);
+            } catch (error) {
+                let status = `Failed to put ${obj.event_presentation_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_events.presentation.put(obj);
+            // console.log(`Put obj with ID: ${obj.event_presentation_id_random}`);
+        });
+
+        return true;
+    }
+}
+
+
+// Updated 2025-05-22
+export const properties_to_save = [
+    'id',
+    'event_presentation_id',
+    'event_presentation_id_random',
+
+    'external_id',
+    'code',
+
+    'for_type',
+    'for_id',
+    'for_id_random',
+
+    'type_code',
+
+    'event_id',
+    'event_id_random',
+    'event_session_id',
+    'event_session_id_random',
+    'event_abstract_id',
+    'event_abstract_id_random',
+
+    'abstract_code',
+
+    'name',
+    'description',
+
+    'start_datetime',
+    'end_datetime',
+
+    'passcode',
+
+    'hide_event_launcher',
+
+    'enable',
+    'hide',
+    'priority',
+    'sort',
+    'group',
+    'notes',
+    'created_on',
+    'updated_on',
+
+    // Generated fields for sorting locally only
+    'tmp_sort_1',
+    'tmp_sort_2',
+    // 'tmp_sort_a',
+    // 'tmp_sort_b',
+
+    // From SQL view
+    'event_session_code',
+    'event_session_name',
+
+    // Add more fields here if your DB save logic uses them
+];
+
+
+// Updated 2025-05-22
+export async function process_ae_obj__event_presentation_props({
+        obj_li,
+        log_lvl = 0,
+    }: {
+        obj_li: any[];
+        log_lvl?: number;
+    }) {
+    if (log_lvl) {
+        console.log(`*** process_ae_obj__event_presentation_props() ***`, obj_li);
+    }
+
+    if (!obj_li || obj_li.length === 0) {
+        if (log_lvl) {
+            console.log('No objects to process.');
+        }
+        return [];
+    }
+
+    const processed_obj_li = [];
+
+    for (const obj of obj_li) {
+        if (log_lvl) {
+            console.log(`Processing ae_obj event_presentation:`, obj);
+        }
+
+        let processed_obj = {
+            id: obj.event_presentation_id_random,
+            event_presentation_id: obj.event_presentation_id_random,
+            event_presentation_id_random: obj.event_presentation_id_random,
+
+            external_id: obj.external_id,
+            code: obj.code,
+
+            for_type: obj.for_type,
+            for_id: obj.for_id_random,
+            for_id_random: obj.for_id_random,
+
+            type_code: obj.type_code,
+
+            event_id: obj.event_id_random,
+            event_id_random: obj.event_id_random,
+            event_session_id: obj.event_session_id_random,
+            event_session_id_random: obj.event_session_id_random,
+            event_abstract_id: obj.event_abstract_id_random,
+            event_abstract_id_random: obj.event_abstract_id_random,
+
+            abstract_code: obj.abstract_code,
+
+            name: obj.name,
+            description: obj.description,
+
+            start_datetime: obj.start_datetime,
+            end_datetime: obj.end_datetime,
+
+            passcode: obj.passcode,
+
+            hide_event_launcher: obj.hide_event_launcher,
+
+            enable: obj.enable,
+            hide: obj.hide,
+            priority: obj.priority,
+            sort: obj.sort,
+            group: obj.group,
+            notes: obj.notes,
+            created_on: obj.created_on,
+            updated_on: obj.updated_on,
+
+            // Generated fields for sorting locally only
+            tmp_sort_1: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on ?? obj.created_on}`,
+            tmp_sort_2: `${obj.group}_${obj.priority}_${obj.sort}_${obj.updated_on}_${obj.created_on}`,
+
+            // From SQL view
+            event_session_code: obj.event_session_code,
+            event_session_name: obj.event_session_name,
+        };
+
+        processed_obj_li.push(processed_obj);
+    }
+
+    return processed_obj_li;
+}

src/lib/ae_events/ae_events__exhibit.ts

@@ -0,0 +1,564 @@
+import type { key_val } from '$lib/ae_stores';
+import { api } from '$lib/api';
+
+import { db_events } from "$lib/ae_events/db_events";
+
+let ae_promises: key_val = {};
+
+
+// Updated 2024-03
+export async function handle_load_ae_obj_id__exhibit(
+        {
+            api_cfg,
+            exhibit_id,
+            try_cache=false,
+            log_lvl=0
+        }: {
+            api_cfg: any,
+            exhibit_id: string,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** handle_load_ae_obj_id__exhibit() *** exhibit_id=${exhibit_id}`);
+
+    let params = {};
+
+    // $events_sess.exhibits.status_load__exhibit_obj = 'loading';
+    ae_promises.load__exhibit_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_exhibit',
+        obj_id: exhibit_id, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (exhibit_obj_get_result) {
+        if (exhibit_obj_get_result) {
+            // This is expecting a list
+            handle_db_save_ae_obj_li__exhibitor({obj_type: 'event_exhibit', obj_li: [exhibit_obj_get_result]});
+            return exhibit_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    return ae_promises.load__exhibit_obj;
+}
+
+
+// Updated 2024-03-06
+export async function handle_load_ae_obj_li__exhibit(
+        {
+            api_cfg,
+            event_id,
+            params={},
+            try_cache=true,
+            log_lvl=0
+        }: {
+            api_cfg: any,
+            event_id: any,
+            params: any,
+            try_cache?: boolean
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** handle_load_ae_obj_li__exhibit() *** event_id=${event_id}`);
+
+    let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    let limit: number = (params.qry__limit ?? 99); // 99
+    let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+    // params_json['and_qry'] = {};
+    // params_json['and_qry']['license_max'] = 10;
+
+    params_json['and_in_li'] = {
+        license_max : [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+    };
+
+    // if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+    //     params_json['ft_qry'] = {
+    //         'default_qry_str': fulltext_search_qry_str,
+    //         // 'location_address_json_ext': fulltext_search_qry_str, // JSON extracted text DB field
+    //         // 'contact_li_json_ext': fulltext_search_qry_str, // JSON extracted text DB field
+    //         };
+    // }
+
+    // console.log('params_json:', params_json);
+    // console.log(params_json);
+
+    // $events_sess.exhibits.status_qry__search = 'loading';
+    ae_promises.load__event_exhibit_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_exhibit',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+        // order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'created_on': 'DESC', 'updated_on': 'DESC'},
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+
+    .then(function (exhibit_obj_li_get_result) {
+        // console.log('Badge list:', exhibit_obj_li_get_result);
+        if (exhibit_obj_li_get_result) {
+            // $slct.exhibit_obj_li = exhibit_obj_li_get_result;
+            handle_db_save_ae_obj_li__exhibitor({obj_type: 'event_exhibit', obj_li: exhibit_obj_li_get_result});
+            return exhibit_obj_li_get_result;
+        } else {
+            // $slct.exhibit_obj_li = [];
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        // $events_sess.exhibits.status_qry__search = 'done';
+
+        // console.log('Badge list:', exhibit_obj_li_get_result);
+        // return exhibit_obj_li_get_result;
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_exhibit_obj_li:', ae_promises.load__event_exhibit_obj_li);
+    }
+    return ae_promises.load__event_exhibit_obj_li;
+}
+
+
+export async function handle_load_ae_obj_id__exhibit_tracking(
+        {
+            api_cfg,
+            exhibit_tracking_id,
+            try_cache=false,
+            log_lvl=0
+        }: {
+            api_cfg: any,
+            exhibit_tracking_id: string,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** handle_load_ae_obj_id__exhibit_tracking() *** exhibit_tracking_id=${exhibit_tracking_id}`);
+
+    let params = {};
+
+    // $events_sess.exhibits.status_load__exhibit_tracking_obj = 'loading';
+    ae_promises.load__event_exhibit_tracking_obj = await api.get_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_exhibit_tracking',
+        obj_id: exhibit_tracking_id, // NOTE: This is the FQDN, not normally the ID.
+        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (exhibit_tracking_obj_get_result) {
+        if (exhibit_tracking_obj_get_result) {
+            // This is expecting a list
+            handle_db_save_ae_obj_li__exhibitor_tracking({obj_type: 'event_exhibit_tracking', obj_li: [exhibit_tracking_obj_get_result]});
+            return exhibit_tracking_obj_get_result;
+        } else {
+            console.log('No results returned.');
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    });
+
+    return ae_promises.load__event_exhibit_tracking_obj;
+}
+
+
+// Updated 2024-03-19
+export async function handle_load_ae_obj_li__exhibit_tracking(
+        {
+            api_cfg,
+            exhibit_id,
+            params={},
+            try_cache=true,
+            log_lvl=0
+        }: {
+            api_cfg: any,
+            exhibit_id: any,
+            params: any,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+    ) {
+    console.log(`*** handle_load_ae_obj_li__exhibit_tracking() *** exhibit_id=${exhibit_id}`);
+
+    let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    let hidden: string = (params.qry__hidden ?? 'all'); // all, hidden, not_hidden
+    let limit: number = (params.qry__limit ?? 99); // 99
+    let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    ae_promises.load__event_exhibit_tracking_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_exhibit_tracking',
+        for_obj_type: 'event_exhibit',
+        for_obj_id: exhibit_id,
+        use_alt_table: false, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
+        use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value in the API config.
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+
+    .then(function (exhibit_tracking_obj_li_get_result) {
+        // console.log('Exhibit tracking list:', exhibit_tracking_obj_li_get_result);
+        if (exhibit_tracking_obj_li_get_result) {
+            // $slct.exhibit_tracking_obj_li = exhibit_tracking_obj_li_get_result;
+            handle_db_save_ae_obj_li__exhibitor_tracking({obj_type: 'event_exhibit_tracking', obj_li: exhibit_tracking_obj_li_get_result});
+            return exhibit_tracking_obj_li_get_result;
+        } else {
+            // $slct.exhibit_tracking_obj_li = [];
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        // console.log('Exhibit tracking list:', exhibit_tracking_obj_li_get_result);
+        // return exhibit_tracking_obj_li_get_result;
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_exhibit_tracking_obj_li:', ae_promises.load__event_exhibit_tracking_obj_li);
+    }
+    return ae_promises.load__event_exhibit_tracking_obj_li;
+}
+
+
+// Updated 2024-03-22
+export async function handle_create_ae_obj__exhibit_tracking(
+        {
+            api_cfg,
+            exhibit_id,
+            event_badge_id,
+            external_person_id,
+            params={},
+            log_lvl=0
+        }: {
+            api_cfg: any,
+            exhibit_id: string,
+            event_badge_id: string,
+            external_person_id: string,
+            params: key_val,
+            log_lvl: number
+        }
+    ) {
+    console.log(`*** handle_create_ae_obj__exhibit_tracking() *** exhibit_id=${exhibit_id}, event_badge_id=${event_badge_id}`);
+
+    let params_json: key_val = {};
+
+    // $events_sess.exhibits.status_create__exhibit_tracking = 'loading';
+    ae_promises.create__event_exhibit_tracking = await api.create_ae_obj_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_exhibit_tracking',
+        fields: {
+            event_exhibit_id_random: exhibit_id,
+            event_badge_id_random: event_badge_id,
+            external_person_id: external_person_id,
+            },
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+        })
+
+    .then(function (exhibit_tracking_obj_create_result) {
+        // console.log('Exhibit tracking create:', exhibit_tracking_obj_create_result);
+        if (exhibit_tracking_obj_create_result) {
+            // $slct.exhibit_tracking_obj = exhibit_tracking_obj_create_result;
+            handle_db_save_ae_obj_li__exhibitor_tracking({obj_type: 'event_exhibit_tracking', obj_li: [exhibit_tracking_obj_create_result]});
+            return exhibit_tracking_obj_create_result;
+        } else {
+            // $slct.exhibit_tracking_obj = [];
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+        // console.log('Exhibit tracking create:', exhibit_tracking_obj_create_result);
+        // return exhibit_tracking_obj_create_result;
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.create__event_exhibit_tracking:', ae_promises.create__event_exhibit_tracking);
+    }
+    return ae_promises.create__event_exhibit_tracking;
+}
+
+
+// Updated 2024-03-28
+export async function handle_update_ae_obj__exhibit_tracking(
+        {
+            api_cfg,
+            exhibit_tracking_id,
+            data,
+            params={},
+            log_lvl=0
+        }: {
+            api_cfg: any,
+            exhibit_tracking_id: string,
+            data: any,
+            params: key_val,
+            log_lvl: number
+        }
+    ) {
+    console.log(`*** handle_update_ae_obj__exhibit_tracking() *** exhibit_tracking_id=${exhibit_tracking_id}`);
+
+    ae_promises.update__event_exhibit_tracking = await api.update_ae_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_exhibit_tracking',
+        obj_id: exhibit_tracking_id,
+        fields: data,
+        key: api_cfg.api_crud_super_key,
+        params: params,
+        return_obj: true,
+        log_lvl: log_lvl
+        })
+    .then(function (exhibit_tracking_obj_update_result) {
+        if (exhibit_tracking_obj_update_result) {
+            handle_db_save_ae_obj_li__exhibitor_tracking({obj_type: 'event_exhibit_tracking', obj_li: [exhibit_tracking_obj_update_result]});
+            return exhibit_tracking_obj_update_result;
+        } else {
+            return null;
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.update__event_exhibit_tracking:', ae_promises.update__event_exhibit_tracking);
+    }
+    return ae_promises.update__event_exhibit_tracking;
+}
+
+
+export async function handle_download_export__event_exhibit_tracking(
+        {
+            api_cfg,
+            exhibit_id,
+            file_type='CSV', // 'CSV' or 'Excel'
+            return_file=true,
+            filename='no_filename.csv',
+            auto_download=false,
+            params={},
+            log_lvl=0
+        }: {
+            api_cfg: any,
+            exhibit_id: string,
+            file_type?: string,
+            return_file?: boolean,
+            filename?: string,
+            auto_download?: boolean,
+            params?: key_val,
+            log_lvl?: number
+        }
+    ) {
+    console.log('*** ae_events_functions.js: get_event_exhibit_tracking_export() ***');
+
+    const endpoint = `/event/exhibit/${exhibit_id}/tracking/export`;
+    if (file_type == 'CSV' || file_type == 'Excel') {
+        params['file_type'] = file_type;
+    }
+    params['return_file'] = true;
+
+    ae_promises.download__event_exhibit_tracking_export_file = await api.get_object({
+        api_cfg: api_cfg,
+        endpoint: endpoint,
+        params: params,
+        return_blob: true,
+        filename: filename,
+        auto_download: auto_download,
+        log_lvl: log_lvl
+        });
+
+    if (log_lvl) {
+        console.log('ae_promises.download__event_exhibit_tracking_export_file:', ae_promises.download__event_exhibit_tracking_export_file);
+    }
+    return ae_promises.download__event_exhibit_tracking_export_file;
+}
+
+
+// This function will loop through the event_exhibit_obj_li and save each one to the DB.
+export function handle_db_save_ae_obj_li__exhibitor(
+    {
+        obj_type,
+        obj_li=[],
+        log_lvl=0
+    }: {
+        obj_type: string,
+        obj_li: any[],
+        log_lvl?: number
+    }
+    ) {
+    if (log_lvl) {
+        console.log(`*** handle_db_save_ae_obj_li__exhibitor() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_events.exhibit.put({
+                    id_random: obj.event_exhibit_id_random,
+                    event_exhibit_id_random: obj.event_exhibit_id_random,
+
+                    event_id_random: obj.event_id_random,
+                    code: obj.code,
+                    name: obj.name,
+                    description: obj.description,
+                    staff_passcode: obj.staff_passcode,
+                    data_json: obj.data_json,
+
+                    leads_api_access: obj.leads_api_access,
+                    leads_custom_questions_json: obj.leads_custom_questions_json,
+                    leads_device_sm_qty: obj.leads_device_sm_qty,
+                    leads_device_lg_qty: obj.leads_device_lg_qty,
+                    license_max: obj.license_max,
+                    license_li_json: obj.license_li_json,
+                    cfg_json: obj.cfg_json,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    priority: obj.priority,
+                    sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+                });
+                // console.log(`Put obj with ID: ${obj.event_exhibit_id_random} or ${id_random}`);
+            } catch (error) {
+                let status = `Failed to put ${obj.event_exhibit_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_events.exhibit.put(obj);
+            // console.log(`Put obj with ID: ${obj.event_exhibit_id_random}`);
+        });
+
+        return true;
+    }
+}
+
+
+// This function will loop through the event_exhibit_tracking_obj_li and save each one to the DB.
+export function handle_db_save_ae_obj_li__exhibitor_tracking(
+        {
+            obj_type,
+            obj_li,
+            log_lvl=0
+        }: {
+            obj_type: string,
+            obj_li: any,
+            log_lvl?: number
+        }
+    ) {
+    if (log_lvl) {
+        console.log(`*** handle_db_save_ae_obj_li__exhibitor_tracking() ***`);
+    }
+
+    if (obj_li && obj_li.length) {
+        obj_li.forEach(async function (obj: any) {
+            if (log_lvl) {
+                console.log(`ae_obj ${obj_type}:`, obj);
+            }
+
+            try {
+                const id_random = await db_events.exhibit_tracking.put({
+                    id_random: obj.event_exhibit_tracking_id_random,
+                    event_exhibit_tracking_id_random: obj.event_exhibit_tracking_id_random,
+
+                    event_exhibit_id_random: obj.event_exhibit_id_random,
+                    event_badge_id_random: obj.event_badge_id_random,
+                    event_person_id_random: obj.event_person_id_random,
+
+                    external_person_id: obj.external_person_id,
+
+                    exhibitor_notes: obj.exhibitor_notes,
+
+                    responses_json: obj.responses_json,
+                    data_json: obj.data_json,
+
+                    event_exhibit_name: obj.event_exhibit_name,
+
+                    event_badge_title_names: obj.event_badge_title_names,
+                    event_badge_given_name: obj.event_badge_given_name,
+                    event_badge_family_name: obj.event_badge_family_name,
+                    event_badge_designations: obj.event_badge_designations,
+                    event_badge_full_name: obj.event_badge_full_name,
+                    event_badge_full_name_override: obj.event_badge_full_name_override,
+
+                    event_badge_professional_title: obj.event_badge_professional_title,
+                    event_badge_professional_title_override: obj.event_badge_professional_title_override,
+
+                    event_badge_affiliations: obj.event_badge_affiliations,
+                    event_badge_affiliations_override: obj.event_badge_affiliations_override,
+
+                    event_badge_email: obj.event_badge_email,
+                    event_badge_email_override: obj.event_badge_email_override,
+
+                    event_badge_location: obj.event_badge_location,
+                    event_badge_location_override: obj.event_badge_location_override,
+
+                    event_badge_country: obj.event_badge_country,
+
+                    enable: obj.enable,
+                    hide: obj.hide,
+                    priority: obj.priority,
+                    sort: obj.sort,
+                    group: obj.group,
+                    notes: obj.notes,
+
+                    created_on: obj.created_on,
+                    updated_on: obj.updated_on,
+                });
+                // console.log(`Put obj with ID: ${obj.event_exhibit_tracking_id_random} or ${id_random}`);
+            } catch (error) {
+                let status = `Failed to put ${obj.event_exhibit_tracking_id_random}: ${error}`;
+                console.log(status);
+            }
+
+            // const id_random = await db_events.exhibit_tracking.put(obj);
+            // console.log(`Put obj with ID: ${obj.event_exhibit_tracking_id_random}`);
+        });
+
+        return true;
+    }
+}

src/lib/ae_events/db_events.ts

@@ -0,0 +1,929 @@
+import Dexie, { type Table } from 'dexie';
+
+import type { key_val } from '../ae_stores';
+
+// li = list
+// kv = key value list
+
+// Updated 2024-10-16
+export interface Event {
+    id: string;
+    // id_random: string;
+    event_id: string;
+    event_id_random: string;
+
+    code: string;
+
+    account_id: string;
+    account_id_random: string;
+
+    conference: boolean;
+    type: string;
+    name: string;
+    summary?: null|string;
+    description?: null|string;
+
+    start_datetime?: Date;
+    end_datetime?: Date;
+    timezone?: null|string;
+    location_address_json?: null|string;
+    location_text?: null|string;
+
+    attend_json?: null|string;
+    attend_text?: null|string;
+
+    status?: null|string; // draft, active, inactive, archived, unknown; currently only used with IDAA
+    // review?: null|boolean;
+    // approve?: null|boolean;
+    // ready?: null|boolean;
+    // ready_on?: null|Date;
+    // archive?: null|boolean;
+    // archive_on?: null|Date;
+
+    mod_abstracts_json?: null|key_val;
+    mod_badges_json?: null|key_val;
+    mod_exhibits_json?: null|key_val;
+    mod_meetings_json?: null|key_val;
+    mod_pres_mgmt_json?: null|key_val;
+    cfg_json?: null|key_val;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // IDAA Recovery Meetings:
+    // Currently only really used for IDAA
+    contact_li_json?: null|string[]; // full_name, email, phone_mobile, phone_home, phone_office, other_text
+    // contact_li_json_ext?: null|string;
+    external_person_id?: null|string;
+
+    physical?: null|boolean;
+    virtual?: null|boolean;
+
+    recurring?: null|boolean;
+    recurring_pattern?: null|string;
+    recurring_start_time?: null|string;
+    recurring_end_time?: null|string;
+    recurring_text?: null|string;
+
+    weekday_sunday?: null|boolean;
+    weekday_monday?: null|boolean;
+    weekday_tuesday?: null|boolean;
+    weekday_wednesday?: null|boolean;
+    weekday_thursday?: null|boolean;
+    weekday_friday?: null|boolean;
+    weekday_saturday?: null|boolean;
+
+    attend_url?: null|string;
+    attend_url_text?: null|string;
+    attend_url_code?: null|string; // Meeting ID, Conference ID, etc.
+    attend_url_passcode?: null|string;
+    attend_phone?: null|string;
+    attend_phone_passcode?: null|string;
+
+    // Additional fields for convenience (database views)
+    file_count?: null|number;
+    file_count_all?: null|number;
+    internal_use_count?: null|number;
+    event_file_id_li_json?: null|string;
+}
+
+
+// Updated 2025-10-06
+export interface Badge {
+    id: number;
+    // id_random: string;
+    event_badge_id: string;
+    event_badge_id_random: string;
+
+    event_id: string;
+    event_id_random: string;
+
+    event_badge_template_id?: null|string;
+    event_badge_template_id_random?: null|string;
+
+    pronouns?: null|string;
+    informal_name?: null|string;
+    title_names?: null|string;
+    given_name: string;
+    middle_name?: null|string;
+    family_name?: null|string;
+    designations?: null|string;
+
+    professional_title?: null|string;
+    professional_title_override?: null|string;
+
+    full_name?: string;
+    full_name_override?: null|string;
+
+    affiliations?: string;
+    affiliations_override?: null|string;
+
+    email?: string;
+    email_override?: null|string;
+
+    address_line_1?: null|string;
+    address_line_2?: null|string;
+    address_line_3?: null|string;
+    city?: null|string;
+    country_subdivision_code?: null|string;
+    state_province?: null|string;
+    state_province_abb?: null|string;
+    postal_code?: null|string;
+    country_alpha_2_code?: null|string;
+    country?: null|string;
+    full_address?: null|string;
+    location?: null|string;
+    location_override?: null|string;
+
+    query_str?: null|string;
+
+    badge_type?: string;
+    badge_type_code?: string;
+    badge_type_code_override?: null|string;
+    badge_type_override?: null|string;
+
+    external_event_id?: string;
+    external_id?: string;
+    external_person_id?: string;
+
+    // passcode?: null|string;
+
+    // data_json?: null|string;
+
+    default_qry_string?: null|string;
+
+    alert?: null|boolean;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    person_external_id?: null|string; // This may be semi-random or unique only withing the account.
+    person_external_sys_id?: null|string; // Generated by an external system. Ideally this should be something like a UUID. It may be the same as the external_id if nothing given.
+    person_given_name?: string;
+    person_family_name?: null|string;
+    person_full_name?: null|string;
+    person_professional_title?: null|string;
+    person_affiliations?: null|string;
+    person_primary_email?: null|string;
+    person_passcode?: null|string;
+}
+
+
+// Updated 2025-10-06
+export interface Badge_template {
+    id: number;
+    // id_random: string;
+
+    event_id: string;
+    event_id_random: string;
+
+    name: string;
+    description?: null|string;
+
+    logo_filename?: null|string;
+    logo_path?: null|string;
+
+    header_path?: null|string;
+    secondary_header_path?: null|string;
+    footer_path?: null|string;
+
+    header_row_1?: null|string;
+    header_row_2?: null|string;
+
+    badge_type_list?: any; // This is an array of objects with code and name
+    badge_type_info_kv?: any; // This is a key value list with code as the key and name as the value. Use this for exhibitor, presenter, attendee, staff, vip, etc.
+    other_info_kv?: any; // This is a key value list with code as the key and name as the value. Use this for other custom fields.
+
+    ticket_list?: any; // This is an array of objects with num, code, and name
+
+    ticket_1_text?: null|string;
+    ticket_2_text?: null|string;
+    ticket_3_text?: null|string;
+    ticket_4_text?: null|string;
+    ticket_5_text?: null|string;
+    ticket_6_text?: null|string;
+    ticket_7_text?: null|string;
+    ticket_8_text?: null|string;
+
+    wireless_ssid?: null|string;
+    wireless_password?: null|string;
+
+    show_qr_front: boolean;
+    show_qr_back: boolean;
+
+    layout?: null|string;
+    style_filename?: null|string;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+
+    // Additional fields for convenience (database views)
+}
+
+// Updated 2024-10-16
+export interface Device {
+    id: number;
+    // id_random: string;
+    event_device_id: string;
+    // event_device_id_random: string;
+
+    event_id: string;
+    // event_id_random: string;
+    event_location_id?: string;
+    // event_location_id_random?: string;
+
+    code?: string;
+    name: string;
+    description?: null|string;
+
+    passcode?: null|string;
+
+    local_file_cache_path?: null|string;
+    host_file_temp_path?: null|string;
+    recording_path?: null|string;
+
+    record_audio?: null|boolean;
+    record_video?: null|boolean;
+
+    trigger_open_file_id?: null|string;
+    trigger_open_session_id?: null|string;
+    trigger_recording_start?: null|boolean;
+    trigger_recording_stop?: null|boolean;
+    trigger_reset?: null|boolean;
+    trigger_show_admin?: null|boolean;
+    trigger_show_hidden?: null|boolean;
+
+    alert?: null|boolean;
+    alert_msg?: null|string;
+    alert_on?: null|string;
+    status?: null|string;
+    status_msg?: null|string;
+    status_on?: null|Date;
+    record_status?: null|string;
+    record_status_msg?: null|string;
+    record_status_on?: null|Date;
+    heartbeat?: null|string;
+
+    info_hostname?: null|string;
+    info_ip_list?: null|string; // Semi-colon separated list of IP addresses
+
+    meta_json?: null|string;
+    other_json?: null|string;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    event_name?: string;
+    event_location_code?: string;
+    event_location_name?: string;
+}
+
+
+export interface Exhibit {
+    id?: number;
+    id_random: string;
+    event_exhibit_id: string;
+    event_exhibit_id_random: string;
+
+    event_id: string;
+    event_id_random: string;
+
+    code: string;
+    name: string;
+    // tagline: null|string;
+    description: null|string;
+    staff_passcode: null
+    data_json: null|string;
+
+    leads_api_access: null|boolean;
+    leads_custom_questions_json: null|string;
+    leads_device_sm_qty: null|number;
+    leads_device_lg_qty: null|number;
+    license_max: number;
+    license_li_json: null|string;
+    cfg_json: string;
+
+    enable: null|boolean;
+    hide: null|boolean;
+    priority: null|boolean
+    sort: null|number;
+    group: null|string;
+    notes: null|string;
+    created_on: Date;
+    updated_on: null|Date;
+
+    // Generated fields for sorting locally only
+    // tmp_sort_1?: null|string;
+    // tmp_sort_2?: null|string;
+}
+
+
+export interface Exhibit_tracking {
+    id?: number;
+    id_random: string;
+    event_exhibit_tracking_id: string
+    event_exhibit_tracking_id_random: string;
+
+    event_exhibit_id: string;
+    event_exhibit_id_random: string;
+    event_badge_id: string;
+    event_badge_id_random: string;
+    event_person_id: string;
+    event_person_id_random: null|string; // Is this needed?
+
+    external_person_id: null|string; // This is an email address
+
+    exhibitor_notes: null|string;
+
+    responses_json: null|string;
+    data_json: null|string;
+
+    event_exhibit_name: string; // Extra field for convenience
+
+    event_badge_title_names: null|string;
+    event_badge_given_name: string;
+    event_badge_family_name: null|string;
+    event_badge_designations: null|string;
+    event_badge_full_name: string;
+    event_badge_full_name_override: null|string;
+
+    event_badge_professional_title: null|string;
+    event_badge_professional_title_override: null|string;
+
+    event_badge_affiliations: null|string;
+    event_badge_affiliations_override: null|string;
+
+    event_badge_email: null|string;
+    event_badge_email_override: null|string;
+
+    event_badge_location: null|string;
+    event_badge_location_override: null|string;
+
+    event_badge_country: null|string;
+
+    enable: null|boolean;
+    hide: null|boolean;
+    priority: null|boolean
+    sort: null|number;
+    group: null|string;
+    notes: null|string;
+    created_on: Date;
+    updated_on: null|Date;
+
+    // Generated fields for sorting locally only
+    // tmp_sort_1?: null|string;
+    // tmp_sort_2?: null|string;
+}
+
+
+export interface File {
+    id: string;
+    id_random: string;
+    event_file_id: string;
+    event_file_id_random: string;
+
+    hosted_file_id: string;
+    hosted_file_id_random: string;
+    hash_sha256: string;
+
+    for_type?: string;
+    for_id?: string;
+    for_id_random?: string;
+
+    event_id: string;
+    event_id_random: string;
+    event_session_id?: string;
+    event_session_id_random?: string;
+    event_presentation_id?: string;
+    event_presentation_id_random?: string;
+    event_presenter_id?: string;
+    event_presenter_id_random?: string;
+    event_location_id?: string;
+    event_location_id_random?: string;
+
+    filename: string;
+    extension: string;
+
+    open_in_os?: null|string; // null, empty, 'mac', or 'win'
+
+    lu_file_purpose_id: string;
+    lu_event_file_purpose_name: string;
+    file_purpose: string;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    filename_no_ext: string;
+    filename_w_ext: string;
+    hosted_file_content_type: string;
+    file_size: number; // In bytes
+    hosted_file_size?: number; // In bytes
+
+    event_location_code?: null|string;
+    event_location_name?: null|string;
+    event_session_code?: null|string;
+    event_session_type_code?: null|string;
+    event_session_name?: string;
+    event_session_start_datetime?: null|Date;
+    event_session_end_datetime?: null|Date;
+    event_presentation_code?: null|string;
+    event_presentation_type_code?: null|string;
+    event_presentation_name?: string;
+    event_presentation_start_datetime?: null|Date;
+    event_presentation_end_datetime?: null|Date;
+    event_presenter_given_name?: null|string;
+    event_presenter_family_name?: null|string;
+    event_presenter_full_name?: null|string;
+    event_presenter_email?: null|string;
+}
+
+
+// Updated 2024-06-25
+export interface Location {
+    id: string;
+    // id_random: string;
+    event_location_id: string;
+    event_location_id_random: string;
+
+    external_id?: null|string;
+    code?: null|string;
+
+    type_code?: string;
+
+    event_id: string;
+    event_id_random: string;
+
+    name: string;
+    description?: null|string;
+
+    passcode?: null|string;
+
+    hide_event_launcher?: null|boolean;
+
+    alert?: null|boolean;
+    alert_msg?: null|string;
+
+    data_json?: null|string;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    file_count?: null|number;
+    file_count_all?: null|number;
+    internal_use_count?: null|number;
+    event_file_id_li_json?: null|string;
+
+    event_name?: null|string;
+
+    // A key value list of the sessions
+    event_session_kv?: null|key_val;
+    // A key value list of the files
+    event_file_kv?: null|key_val;
+}
+
+
+// Updated 2024-06-10
+export interface Presentation {
+    id: string;
+    // id_random: string;
+    event_presentation_id: string;
+    event_presentation_id_random: string;
+
+    external_id?: null|string;
+    code?: null|string;
+
+    for_type?: string;
+    for_id?: string;
+    for_id_random?: string;
+
+    type_code?: string;
+
+    event_id: string;
+    event_id_random: string;
+    event_session_id: string;
+    event_session_id_random: string;
+    event_abstract_id?: null|string;
+    event_abstract_id_random?: null|string;
+
+    abstract_code?: null|string;
+
+    name: string;
+    description?: null|string;
+
+    start_datetime?: null|Date;
+    end_datetime?: null|Date;
+
+    passcode?: null|string;
+
+    hide_event_launcher?: null|boolean;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean;
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    // file_count: null|number;
+
+    event_session_code?: null|string;
+    event_session_name?: null|string;
+
+    // A key value list of the presenters
+    event_presenter_kv?: null|key_val;
+    event_presenter_li?: null|Array<any>;
+}
+
+
+// Updated 2024-06-10
+export interface Presenter {
+    id: string;
+    // id_random: string;
+    event_presenter_id: string;
+    event_presenter_id_random: string;
+
+    external_id?: string;
+    code?: string;
+
+    event_id: string;
+    event_id_random: string;
+    event_session_id: string;
+    event_session_id_random: string;
+    event_person_id?: null|string;
+    event_person_id_random?: null|string;
+    event_presentation_id: string;
+    event_presentation_id_random: string;
+    person_id?: null|string;
+    person_id_random?: null|string;
+    person_profile_id?: null|string;
+    person_profile_id_random?: null|string; // The new table person_profile will be used soon...
+
+    pronouns?: null|string;
+    informal_name?: null|string;
+    title_names?: null|string;
+    given_name: string;
+    middle_name?: null|string;
+    family_name?: null|string;
+    designations?: null|string;
+
+    professional_title?: null|string;
+
+    full_name?: string;
+    full_name_override: null|string;
+
+    affiliations?: null|string;
+
+    email?: string;
+
+    biography?: null|string;
+
+    agree?: null|boolean; // General catchall for agreement or consent
+    comments?: null|string;
+
+    passcode?: null|string;
+
+    hide_event_launcher?: null|boolean;
+
+    data_json?: null|string;
+
+    enable: null|boolean;
+    hide?: null|boolean;
+    priority?: null|boolean
+    sort?: null|number;
+    group?: null|string;
+    notes?: null|string;
+    created_on?: Date;
+    updated_on?: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    file_count?: null|number;
+    // file_count_all?: null|number;
+    // internal_use_count?: null|number;
+    event_file_id_li_json?: null|string;
+
+    event_session_code?: null|string;
+    event_session_name?: string;
+    event_session_start_datetime?: null|Date;
+    event_presentation_code?: null|string;
+    event_presentation_name?: string;
+    event_presentation_start_datetime?: null|Date;
+
+    person_external_id?: null|string; // This may be semi-random or unique only withing the account.
+    person_external_sys_id?: null|string; // Generated by an external system. Ideally this should be something like a UUID. It may be the same as the external_id if nothing given.
+    person_given_name?: string;
+    person_family_name?: null|string;
+    person_full_name?: null|string;
+    person_professional_title?: null|string;
+    person_affiliations?: null|string;
+    person_primary_email?: null|string;
+    person_passcode?: null|string;
+
+    // A key value list of the files
+    event_file_kv?: null|key_val;
+}
+
+
+
+export interface Registration {
+    // Nothing here yet
+}
+
+
+// Updated 2024-06-19
+export interface Session {
+    id: string;
+    // id_random: string;
+    event_session_id: string;
+    event_session_id_random: string;
+
+    external_id: null|string;
+    code: null|string;
+
+    for_type: string;
+    for_id: string;
+    for_id_random: string;
+
+    type_code?: string;
+
+    event_id: string;
+    event_id_random: string;
+    event_location_id?: null|string;
+    event_location_id_random?: null|string;
+
+    poc_person_id?: null|string;
+    poc_person_id_random?: null|string;
+    poc_agree?: null|boolean; // General catchall for agreement or consent by the POC
+    poc_kv_json?: null|key_val; // Key value list of the POC by type (examples: 'advocate', 'chair', 'champion', 'moderator', 'organizer')
+
+    name: string;
+    description?: null|string;
+
+    start_datetime?: null|Date;
+    end_datetime?: null|Date;
+
+    passcode?: null|string;
+
+    hide_event_launcher?: null|boolean;
+
+    alert?: null|boolean;
+    alert_msg?: null|string;
+
+    data_json?: null|string;
+
+    ux_mode?: null|string; // 'colloquium', 'lecture', 'panel', 'poster', 'symposium', 'workshop'
+    // colloquium - Specialists present on related topics with questions
+    // symposium - A discussion, less formal
+
+    enable: null|boolean;
+    hide: null|boolean;
+    priority: null|boolean
+    sort: null|number;
+    group: null|string;
+    notes: null|string;
+    created_on: Date;
+    updated_on: null|Date;
+
+    // Generated fields for sorting locally only
+    tmp_sort_1?: null|string;
+    tmp_sort_2?: null|string;
+
+    // Additional fields for convenience (database views)
+    file_count?: null|number; // Only files directly under a session
+    file_count_all?: null|number; // All files under a session
+    internal_use_count?: null|number; // Files marked for internal use
+    event_file_id_li_json?: null|string;
+
+    poc_person_given_name?: null|string;
+    poc_person_family_name?: null|string;
+    poc_person_full_name?: null|string;
+    poc_person_primary_email?: null|string;
+    poc_person_passcode?: null|string;
+
+    event_name?: null|string;
+
+    event_location_code?: null|string;
+    event_location_name?: null|string;
+
+    // A key value list of the presentations
+    event_presentation_kv?: null|key_val;
+    event_presentation_li?: null|[any];
+    // A key value list of the files
+    event_file_kv?: null|key_val;
+    event_file_li?: null|[any];
+}
+
+
+// Updated 2024-10-16
+export class MySubClassedDexie extends Dexie {
+    // 'badge' is added by dexie when declaring the stores()
+    // We just tell the typing system this is the case
+    event!: Table<Event>;
+    badge!: Table<Badge>;
+    badge_template!: Table<Badge_template>;
+    device!: Table<Device>;
+    exhibit!: Table<Exhibit>;
+    exhibit_tracking!: Table<Exhibit_tracking>;
+    file!: Table<File>;
+    location!: Table<Location>;
+    presentation!: Table<Presentation>;
+    presenter!: Table<Presenter>;
+    session!: Table<Session>;
+
+    constructor() {
+        super('ae_events_db');
+        this.version(6).stores({
+            event: `
+                id, event_id, event_id_random,
+                code,
+                account_id, account_id_random,
+                conference, type,
+                name,
+                start_datetime, end_datetime,
+                timezone,
+                cfg_json,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, notes, created_on, updated_on`,
+
+            // badge: '++id, full_name, email' // Primary key and indexed props
+            badge: `
+                id, id_random, event_badge_id, event_badge_id_random,
+                event_id, event_id_random,
+                full_name, full_name_override, email, email_override,
+                affiliations, affiliations_override,
+                badge_type, badge_type_code, badge_type_code_override, badge_type_override,
+                external_event_id, external_id, external_person_id,
+                default_qry_string,
+                alert,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, notes, created_on, updated_on`,
+
+            badge_template: `
+                id, event_id, event_id_random`,
+
+            device: `
+                id, id_random, event_device_id_random, event_device_id,
+                event_id, event_id_random, event_location_id, event_location_id_random,
+                code, name,
+                for_type, for_id, for_id_random,
+                alert,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, notes, created_on, updated_on`,
+
+            exhibit: `
+                id, id_random, event_exhibit_id, event_exhibit_id_random,
+                event_id, event_id_random,
+                code, name, description, staff_passcode,
+                data_json, license_max, license_li_json, cfg_json,
+                enable, hide, priority, sort, group, notes, created_on, updated_on, [priority+name]`,
+
+            exhibit_tracking: `
+                id, id_random, event_exhibit_tracking_id, event_exhibit_tracking_id_random,
+                event_exhibit_id, event_exhibit_id_random,
+                event_badge_id, event_badge_id_random, event_person_id, event_person_id_random,
+                exhibitor_notes, responses_json, data_json,
+                event_badge_full_name, event_badge_email,
+                enable, hide, priority, sort, group, notes, created_on, updated_on`,
+
+            file: `
+                id, id_random, event_file_id, event_file_id_random,
+                hosted_file_id, hosted_file_id_random,
+                hash_sha256,
+                for_type, for_id, for_id_random,
+                event_id, event_session_id, event_presentation_id, event_presenter_id, event_location_id,
+                event_id_random, event_session_id_random, event_presentation_id_random, event_presenter_id_random, event_location_id_random,
+                filename, extension,
+                lu_file_purpose_id, lu_event_file_purpose_name, file_purpose,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, created_on, updated_on`,
+
+            location: `
+                id, event_location_id, event_location_id_random,
+                external_id, code,
+                event_id, event_id_random,
+                name, description,
+                passcode,
+                hide_event_launcher,
+                alert, alert_msg,
+                data_json,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, created_on, updated_on`,
+
+            presentation: `
+                id, event_presentation_id, event_presentation_id_random,
+                external_id, code,
+                for_type, for_id, for_id_random,
+                type_code,
+                event_id, event_session_id, event_abstract_id,
+                event_id_random, event_session_id_random, event_abstract_id_random,
+                abstract_code, name, description, start_datetime, end_datetime,
+                hide_event_launcher,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, created_on, updated_on`,
+
+            presenter: `
+                id, event_presenter_id, event_presenter_id_random,
+                external_id, code,
+                event_id, event_session_id, event_person_id, event_presentation_id,
+                event_id_random, event_session_id_random, event_person_id_random, event_presentation_id_random,
+                person_id, person_profile_id,
+                person_id_random, person_profile_id_random,
+                given_name, family_name,
+                full_name, affiliations, email,
+                agree,
+                hide_event_launcher,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, created_on, updated_on`,
+
+            session: `
+                id, event_session_id, event_session_id_random,
+                external_id, code,
+                for_type, for_id, for_id_random,
+                type_code,
+                event_id, event_location_id,
+                poc_person_id,
+                event_id_random, event_location_id_random,
+                poc_person_id_random,
+                name, start_datetime, end_datetime,
+                hide_event_launcher,
+                ux_mode,
+                alert,
+                tmp_sort_1, tmp_sort_2,
+                enable, hide, priority, sort, group, created_on, updated_on`,
+        });
+    }
+}
+
+export const db_events = new MySubClassedDexie();

src/lib/ae_events_functions.ts

@@ -0,0 +1,131 @@
+// This file is used to export all the functions that are used for Aether Events related functions.
+
+// Import all the functions from this library:
+import * as event from "$lib/ae_events/ae_events__event";
+import * as event_device from "$lib/ae_events/ae_events__event_device";
+
+import * as event_file from "$lib/ae_events/ae_events__event_file";
+
+import {
+    handle_load_ae_obj_id__exhibit,
+    handle_load_ae_obj_li__exhibit,
+    handle_load_ae_obj_id__exhibit_tracking,
+    handle_load_ae_obj_li__exhibit_tracking,
+    handle_create_ae_obj__exhibit_tracking,
+    handle_update_ae_obj__exhibit_tracking,
+    handle_download_export__event_exhibit_tracking,
+    handle_db_save_ae_obj_li__exhibitor,
+} from "$lib/ae_events/ae_events__exhibit";
+
+import * as event_location from "$lib/ae_events/ae_events__event_location";
+
+import * as event_session from "$lib/ae_events/ae_events__event_session";
+
+import * as event_presentation from "$lib/ae_events/ae_events__event_presentation";
+
+import * as event_presenter from "$lib/ae_events/ae_events__event_presenter";
+
+import * as event_badge from "$lib/ae_events/ae_events__event_badge";
+
+import * as event_badge_template from "$lib/ae_events/ae_events__event_badge_template";
+
+
+let export_obj = {
+    // Events
+    load_ae_obj_id__event: event.load_ae_obj_id__event,
+    load_ae_obj_li__event: event.load_ae_obj_li__event,
+    qry_ae_obj_li__event: event.qry_ae_obj_li__event,
+    create_ae_obj__event: event.create_ae_obj__event,
+    delete_ae_obj_id__event: event.delete_ae_obj_id__event,
+    update_ae_obj__event: event.update_ae_obj__event,
+    // db_save_ae_obj_li__event: event.db_save_ae_obj_li__event,
+    sync_config__event_pres_mgmt: event.sync_config__event_pres_mgmt,
+
+    // Event Badges
+    load_ae_obj_id__event_badge: event_badge.load_ae_obj_id__event_badge,
+    load_ae_obj_li__event_badge: event_badge.load_ae_obj_li__event_badge,
+    create_ae_obj__event_badge: event_badge.create_ae_obj__event_badge,
+    delete_ae_obj_id__event_badge: event_badge.delete_ae_obj_id__event_badge,
+    update_ae_obj__event_badge: event_badge.update_ae_obj__event_badge,
+    qry__event_badge: event_badge.qry__event_badge,
+    search__event_badge: event_badge.search__event_badge,
+    // handle_load_ae_obj_id__badge: event_badge.handle_load_ae_obj_id__badge,
+    // handle_load_ae_obj_li__badge: event_badge.handle_load_ae_obj_li__badge,
+    // handle_search__event_badge: event_badge.handle_search__event_badge,
+    // db_save_ae_obj_li__event_badge: event_badge.db_save_ae_obj_li__event_badge,
+
+    // Event Badge Templates
+    load_ae_obj_id__event_badge_template: event_badge_template.load_ae_obj_id__event_badge_template,
+    load_ae_obj_li__event_badge_template: event_badge_template.load_ae_obj_li__event_badge_template,
+    create_ae_obj__event_badge_template: event_badge_template.create_ae_obj__event_badge_template,
+    delete_ae_obj_id__event_badge_template: event_badge_template.delete_ae_obj_id__event_badge_template,
+    update_ae_obj__event_badge_template: event_badge_template.update_ae_obj__event_badge_template,
+    search__event_badge_template: event_badge_template.search__event_badge_template,
+
+    // Event Devices
+    load_ae_obj_id__event_device: event_device.load_ae_obj_id__event_device,
+    load_ae_obj_li__event_device: event_device.load_ae_obj_li__event_device,
+    create_ae_obj__event_device: event_device.create_ae_obj__event_device,
+    delete_ae_obj_id__event_device: event_device.delete_ae_obj_id__event_device,
+    update_ae_obj__event_device: event_device.update_ae_obj__event_device,
+    // db_save_ae_obj_li__event_device: event_device.db_save_ae_obj_li__event_device,
+
+    // Event Exhibits
+    handle_load_ae_obj_id__exhibit: handle_load_ae_obj_id__exhibit,
+    handle_load_ae_obj_li__exhibit: handle_load_ae_obj_li__exhibit,
+    handle_load_ae_obj_id__exhibit_tracking: handle_load_ae_obj_id__exhibit_tracking,
+    handle_load_ae_obj_li__exhibit_tracking: handle_load_ae_obj_li__exhibit_tracking,
+    handle_create_ae_obj__exhibit_tracking: handle_create_ae_obj__exhibit_tracking,
+    handle_update_ae_obj__exhibit_tracking: handle_update_ae_obj__exhibit_tracking,
+    handle_download_export__event_exhibit_tracking: handle_download_export__event_exhibit_tracking,
+    // handle_db_save_ae_obj_li__exhibitor: handle_db_save_ae_obj_li__exhibitor,
+
+    // Event Files
+    load_ae_obj_id__event_file: event_file.load_ae_obj_id__event_file,
+    load_ae_obj_li__event_file: event_file.load_ae_obj_li__event_file,
+    create_event_file_obj_from_hosted_file_async: event_file.create_event_file_obj_from_hosted_file_async,
+    delete_ae_obj_id__event_file: event_file.delete_ae_obj_id__event_file,
+    update_ae_obj__event_file: event_file.update_ae_obj__event_file,
+    qry__event_file: event_file.qry__event_file,
+    search__event_file: event_file.search__event_file,
+    // db_save_ae_obj_li__event_file: event_file.db_save_ae_obj_li__event_file,
+
+    // Event Locations
+    load_ae_obj_id__event_location: event_location.load_ae_obj_id__event_location,
+    load_ae_obj_li__event_location: event_location.load_ae_obj_li__event_location,
+    create_ae_obj__event_location: event_location.create_ae_obj__event_location,
+    delete_ae_obj_id__event_location: event_location.delete_ae_obj_id__event_location,
+    update_ae_obj__event_location: event_location.update_ae_obj__event_location,
+    // db_save_ae_obj_li__event_location: event_location.db_save_ae_obj_li__event_location,
+
+    // Event Sessions
+    load_ae_obj_id__event_session: event_session.load_ae_obj_id__event_session,
+    load_ae_obj_li__event_session: event_session.load_ae_obj_li__event_session,
+    create_ae_obj__event_session: event_session.create_ae_obj__event_session,
+    delete_ae_obj_id__event_session: event_session.delete_ae_obj_id__event_session,
+    update_ae_obj__event_session: event_session.update_ae_obj__event_session,
+    qry__event_session: event_session.qry__event_session,
+    search__event_session: event_session.search__event_session,
+    email_sign_in__event_session: event_session.email_sign_in__event_session,
+    // db_save_ae_obj_li__event_session: event_session.db_save_ae_obj_li__event_session,
+
+    // Event Presentations
+    load_ae_obj_id__event_presentation: event_presentation.load_ae_obj_id__event_presentation,
+    load_ae_obj_li__event_presentation: event_presentation.load_ae_obj_li__event_presentation,
+    create_ae_obj__event_presentation: event_presentation.create_ae_obj__event_presentation,
+    delete_ae_obj_id__event_presentation: event_presentation.delete_ae_obj_id__event_presentation,
+    update_ae_obj__event_presentation: event_presentation.update_ae_obj__event_presentation,
+    // db_save_ae_obj_li__event_presentation: event_presentation.db_save_ae_obj_li__event_presentation,
+
+    // Event Presenters
+    load_ae_obj_id__event_presenter: event_presenter.load_ae_obj_id__event_presenter,
+    load_ae_obj_li__event_presenter: event_presenter.load_ae_obj_li__event_presenter,
+    create_ae_obj__event_presenter: event_presenter.create_ae_obj__event_presenter,
+    delete_ae_obj_id__event_presenter: event_presenter.delete_ae_obj_id__event_presenter,
+    update_ae_obj__event_presenter: event_presenter.update_ae_obj__event_presenter,
+    search__event_presenter: event_presenter.search__event_presenter,
+    // db_save_ae_obj_li__event_presenter: event_presenter.db_save_ae_obj_li__event_presenter,
+    email_sign_in__event_presenter: event_presenter.email_sign_in__event_presenter,
+
+};
+export let events_func = export_obj;

src/lib/ae_events_stores.ts

@@ -0,0 +1,681 @@
+import { persisted } from 'svelte-persisted-store';
+import { writable } from 'svelte/store';
+import type { Writable } from 'svelte/store';
+
+import type { key_val } from '$lib/ae_stores';
+
+// Set the version for the app data. Changing this should force a notification and ask the user to clear and reload the page.
+let ver = '2025-10-16_2139';
+let ver_idb = '2025-10-16_2139';
+
+/* *** BEGIN *** Initialize events_local_data_struct */
+// Longer-term app data. This should be stored to *local* storage.
+// Updated 2024-03-06
+let events_local_data_struct: key_val = {
+    ver: ver,
+    ver_idb: ver_idb,
+
+    // Shared
+    name: 'Aether - Events (SvelteKit 2.x Svelte 4.x)',
+    title: `OSIT's Æ Events`, // - Dev SvelteKit`, // Æ
+
+    'ds': {},
+
+    'events_cfg_json': {},
+
+    'event_id': null,
+
+    // all, disabled, enabled
+    'qry__enabled': 'enabled',
+    // all, hidden, not_hidden
+    'qry__hidden': 'not_hidden',
+    'qry__limit': 20,
+    'qry__offset': 0,
+
+    // The show details is intended for things like meta data and additional details that are not always needed.
+    show_details: false,
+
+    auth__person: {}, // allow, id, name, email, passcode, etc
+    // The auth__entered_key (usually email or person_id) and auth__entered_passcode is found under events_sess.entered_key and events_sess.entered_passcode because it should be temporary.
+    // auth__entered_passcode: null,
+
+    // The auth__kv (key value pairs) is used to store the xyz IDs that the browser client can access. This is a key value list of xyz ID and created datetime stamp (or just true). These should not be more than X days old.
+    auth__kv: {
+        event: {
+            // 'LNDF-67-89-92': true
+        },
+        exhibit: {
+            // 'LNDF-67-89-92': true
+        },
+        location: {
+            // 'LNDF-67-89-92': true
+        },
+        session: {
+            // 'LNDF-67-89-92': true, false, 'read', 'write'
+        },
+        presentation: {
+            // 'LNDF-67-89-92': true
+        },
+        presenter: {
+            // 'LNDF-67-89-92': true
+        },
+        person: {
+            // 'LNDF-67-89-92': true
+        },
+    },
+
+    // auth__session_kv: {
+    //     // {'LNDF-67-89-92': true}
+    // },
+    // auth__presentation_kv: {
+    //     // {'LNDF-67-89-92': true}
+    // },
+    // auth__presenter_kv: {
+    //     // {'LNDF-67-89-92': true}
+    // },
+
+    // Badge Printing
+    'badges': {
+        auto_view: true,
+
+        show_hidden: false, // These are hidden (archived) leads so the list is not as long.
+        show_not_enabled: false,
+
+        show_printed: false,
+        allow_reprint: false,
+
+        'show_element__cfg': true,
+        'show_element__cfg_detail': false,
+        // 'theme_mode': 'dark',
+        // 'theme_name': 'wintry',
+
+        'fulltext_search_qry_str': null,
+        'search_badge_type_code': null,
+        'status_qry__search': null,
+        'use_id_li': true,
+        'search_status': null,
+        'search_complete': false,
+
+        'classes__form': 'border border-surface-200 p-4 space-y-4 rounded-container',
+    },
+
+    // Event Files - uploads for sessions, presenters, etc
+    // 'files': {
+    // },
+
+    // Event Presentation Launcher (and native Electron app)
+    'launcher': {
+        // default - browser, onsite - browser onsite, native - Electron app onsite
+        app_mode: 'default', // 'default', 'native', 'onsite'
+        ws_connect: false,
+
+        qry_limit__files: 25,
+        qry_limit__presentations: 25,
+        qry_limit__presenters: 75,
+        qry_limit__sessions: 50,
+
+        hide__launcher_header: false,
+        hide__launcher_menu: true,
+        hide__launcher_footer: false,
+
+        hide__modal_header_title: false,
+
+        hide_drawer__debug: true,
+        hide__ws_element: true,
+        hide__ws_form: true,
+        hide__ws_messages: true,
+        hide__ws_commands: true,
+
+        hide_content__draft_files: true,
+
+        show_content__disabled_files: false,
+        show_content__hidden_files: false,
+        show_content__hidden_presentations: false,
+        show_content__hidden_presenters: false,
+        show_content__hidden_sessions: false,
+        show_content__draft_files: false,
+
+        // These should be renamed to match the pres_mgmt section. Use "hide" instead of "show".
+        show_content__session_code: true,
+        show_content__presentation_code: true,
+        show_content__presenter_code: true,
+
+        show_section__controller: false,
+
+        datetime_format: 'datetime_12_long',
+        time_format: 'time_12_short',
+        time_hours: 12, // 12 or 24
+
+        slct: {
+            event_id: null,
+            event_location_id: null,
+            event_session_id: null,
+            event_presentation_id: null,
+            event_presenter_id: null,
+            event_file_id: null, // event_file_id
+        },
+
+        native: {
+            // 'local_file_cache_path': aether_cfg_data.app.local_file_cache_path,
+            // 'host_file_temp_path': aether_cfg_data.app.host_file_temp_path,
+            'host_file_config_path': 'device_configs/ae_native_app_config.default.json',
+        },
+
+        idle_timer: 7*60*1000, // How many seconds until idle
+        idle_cycle: 5*1000, // How frequently the idle status is checked
+        idle_loop_period: 3*60*1000, // How frequently the loop runs for the screen saver and similar
+
+        screen_saver_img_kv: {}, // This key value list is generate when the launcher_file_cont is loaded. It only adds image file types.
+        modal__title: '-- Not Set --',
+        modal__open: null,
+        modal__open_filename: null,
+        modal_img_src: null,
+
+        controller: 'local',
+        controller_group_code: 'launcher-00',
+        controller_client_id: null,
+        // controller_cmd: null,
+        // controller_trigger_send: null,
+    },
+
+    // Lead Retrievals (Exhibit)
+    'leads': {
+        show_option__paid_tab: true,
+        show_content__scan_alert: true, // For QR scanner bug...
+        show_content__scan_requirements: true,
+        show_content__custom_question_descriptions: true,
+        show_content__email_link_warning: true,
+
+        default_to_scan: true,
+
+        // For ISHLT 2024 Annual Meeting only!
+        default__external_registration_id: '2024_Annual Meeting',
+
+        auto_view: true, // Show the new lead after added by scan or search
+        auto_hide_on_sign_in: true,
+
+        show_hidden: false, // These are hidden (archived) leads so the list is not as long.
+        show_not_enabled: false,
+
+        refresh_interval__tracking_li: 30000, // 30 seconds
+
+        // The entered_passcode is the exhibit booths shared passcode for staff. This is used to initially access the lead retrieval service.
+        entered_passcode: null,
+
+        // The auth_exhibit_kv (key value pairs) is used to store the exhibit IDs that the browser client can access. This is a key value list of exhibit ID and created datetime stamp. These should not be more than X days old. The entered_passcode for events_sess.leads is what they are entering to log in.
+        auth_exhibit_kv: {
+            // {'LNDF-67-89-92': {key: 'example@oneskyit.com', updated_on: '2024-03-13T08:05:29Z}}
+        },
+
+        // The auth_exhibit_license_li is used to store the exhibit license(s) being used on the browser client. There can be multiple exhibit IDs, but only one license per exhibit ID for the browser client. This is used to determine who can actually access and use the lead retrieval service. This is a key value list of key (email address) and created datetime stamp. These should not be more than X days old.
+        // auth_exhibit_license_li: {
+        //     // 'LNDF-67-89-92': { 'key': 'example@oneskyit.com', 'updated_on': '2024-03-13T08:05:29Z'}
+        // },
+        edit_license_li: false,
+
+        // The "tab" is a key value list of exhibit ID and tab name. This is intentionally using local storage to store the current tab for each exhibit.
+        // example: {'LNDF-67-89-92': 'start', 'OFLN-32-38-14': 'add_scan'}
+        tab: {},
+
+
+    },
+
+    // Presentation Management
+    pres_mgmt: {
+        sync_local_config: false,
+        lock_config: true,
+
+        datetime_format: 'datetime_12_long',
+        time_format: 'time_12_short',
+        time_hours: 12, // 12 or 24
+
+        qry_enabled: 'enabled', // all, disabled, enabled
+        qry_hidden: 'not_hidden', // all, hidden, not_hidden
+        qry_limit__files: 75,
+        qry_limit__presentations: 25,
+        qry_limit__presenters: 500,
+        qry_limit__sessions: 100,
+        qry_max: 500, // This is the max number the limit is allowed to be set to.
+        qry__files_offset_seconds: null,
+        qry__files_sort: 'created_on',
+
+        qry_and__file_count: true, // Essentially it should be greater than 0
+
+        save_search_text: true,
+        saved_search__session: null,
+
+        require__presenter_agree: false,
+        require__session_agree: false,
+
+        // show_content__agree_text: false,
+        show_content__event_view: null,
+        // show__launcher_link: false,
+        // show__location_link: false,
+        show_content__location_qr: false,
+        show_content__presentation_description: false, // Note that this is for *all* presentations in the user interface. It is a global setting.
+        show_content__presenter_page_help: true,
+        // show_content__presenter_start: false,
+        show_content__presenter_view: null,
+        show_content__presenter_qr: false,
+        show_content__session_description: false,
+        show_content__session_files: false,
+        show_content__session_help: true,
+        show_content__session_presentations: false,
+        show_content__session_search_view: null,
+        show_content__session_search_help: true,
+        show_content__session_search_room_name: false,
+        show_content__session_view: null,
+        show_content__session_qr: false,
+        hide__session_msg: true,
+        hide__session_poc: true,
+        hide__session_poc_biography: true,
+        hide__presenter_biography: true,
+
+        // Only specific to lists and tables:
+        hide__session_li_location_field: false,
+        hide__session_li_poc_field: false,
+        hide__launcher_link_legacy: true, // Flask version
+        hide__launcher_link: true, // New Svelte version
+        hide__location_link: true,
+
+        show_content__disabled_files: false,
+        show_content__hidden_files: false,
+        show_content__hidden_presentations: false,
+        show_content__hidden_presenters: false,
+        show_content__hidden_sessions: false,
+
+        show__direct_download: false,
+
+        // No longer used. Use "hide" instead of "show". Now it is initially set in the remote event config sync.
+        // show_content__presentation_code: true,
+        // show_content__presenter_code: true,
+        // show_content__session_code: true,
+
+        show_menu__presenter: null,
+        show_menu__session: null,
+        show_menu__session_search: null,
+        show_menu__event_reports: null,
+
+        show_report: null,
+        // show_report__presenters_agree: false,
+        // show_report__recent_files: false,
+
+        // time_format: 'time_12_short', // 'time_short', 'time_12_short'
+
+        disable_submit__opt_out: true,
+        submit_status__opt_out: null,
+
+        device_kv: {
+            // 'LNDF-67-89-92': {'collapse': true},
+        },
+        location_kv: {
+            // 'LNDF-67-89-92': {'collapse': true},
+        },
+    },
+
+    // Speakers Management (Collection)
+    // 'speakers': {
+    // },
+
+    // other
+}
+// console.log(`AE Stores - App Events Local Storage Data:`, events_local_data_struct);
+
+// This works, but does not uses local storage:
+// export let ae_loc = writable(events_local_data_struct);
+
+// This works and uses *local* storage:
+export let events_loc: Writable<key_val> = persisted('ae_events_loc', events_local_data_struct);
+// console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
+
+
+/* *** BEGIN *** Initialize events_session_data_struct */
+// Temporary app data. This should be stored to session storage.
+// Updated 2024-03-06
+let events_session_data_struct: key_val = {
+    ver: ver,
+    ver_idb: ver_idb,
+    log_lvl: 1,
+
+    // Shared
+    'ds': {
+        'submit_status': null,
+    },
+    'ds_loaded': {
+    },
+
+    'qry__enabled': 'enabled', // all, disabled, enabled
+    'qry__hidden': 'not_hidden', // all, hidden, not_hidden
+    'qry__limit': 20,
+    'qry__offset': 0,
+
+    // This is intended to only be temporary.
+    auth__person: {},
+    auth__entered_key: null,
+    auth__entered_passcode: null,
+    auth__kv: {
+        event: {},
+        exhibit: {},
+        location: {},
+        session: {},
+        presentation: {},
+        presenter: {},
+        person: {},
+    },
+
+    // Badge Printing
+    'badges': {
+        'fulltext_search_qry_str': null,
+        'search_badge_type_code': null,
+        'status_qry__search': null,
+        'use_id_li': true,
+        'search_status': null,
+        'search_complete': true,
+
+        show_form__search: true,
+        show_form__search_results: true,
+        show_form__scan: false,
+
+        qr_scan_start: true,
+        qr_scan_result: null,
+    },
+
+    // Event Files - uploads for sessions, presenters, etc
+    'files': {
+        disable_submit__event_file_obj: null,
+        status__submit: null,
+        status__file_list: null, // processing, complete
+
+        processed_file_list: [],
+    },
+
+    // Event Presentation Launcher (and native Electron app)
+    'launcher': {
+        ws_connect_status: null,
+        av_recording_status: null,
+        controller_cmd: null,
+        controller_trigger_send: null,
+        event_file_open: {}, // This is from the older Launcher.
+        native: {
+        },
+
+        modal__title: '',
+        modal__open_event_file_id: false,
+        modal__event_file_obj: null,
+
+        loading__session_li_status: null,
+        loading__session_id_status: null,
+
+        trigger_reload__event_session_obj_id: null,
+        trigger_reload__event_session_obj_li: null,
+        trigger_reload__event_location_obj_id: null,
+        trigger_reload__event_location_obj_li: null,
+
+        trigger__ws_connect: null,
+        trigger__ws_disconnect: null,
+    },
+
+    // Lead Retrievals (Exhibit)
+    'leads': {
+        example: true,
+
+        show_form__license: false,
+        show_form__search: false,
+        show_form__scan: false,
+        show_form__view_lead: false, // Set to event_exhibit_tracking_id
+        // show_form__view_lead: [],
+
+        show_confirm__add_lead: [],
+
+        submit_status__license: null, // 'saving', 'created', 'updated'
+        // create_status__license: null, // 'creating', 'created', 'updated'
+        // update_status__license: null, // 'updating', 'created', 'updated'
+
+        submit_status__search: null, // 'searching', 'complete'
+
+        // The entered_passcode is the exhibit booths shared passcode for staff. This is used to initially access the lead retrieval service.
+        entered_passcode: null,
+
+        tmp_license: {
+            'index': null,
+            // 'agree' : false, // The user must agree to the license agreement.
+            'email': '',
+            'full_name': '',
+            'passcode': '',
+            'session_count': 0,
+            'updated_on': new Date().toISOString()
+        },
+
+        entered_search_str: null,
+
+        lead_data_changed: null,
+
+        qr_scan_start: true,
+        qr_scan_result: null,
+    },
+
+    'stripe': {
+        'license_qty': 1,
+        'rental_qty': 0,
+        'rental_option': true,
+        'api_use': false,
+        'client_reference_id': null,
+        'publishable_key': 'pk_live_zqaWNDfak2eDHeqnRiyaJcFi',
+        'btn_payment_id': null,
+        'btn_1_license': 'buy_btn_1OvqWJ2gJkNsDuiNqMCWz5nG',
+        'btn_1_license_rental': 'buy_btn_1OvqVA2gJkNsDuiNhk9r8Io2',
+        'btn_3_license': 'buy_btn_1OvrI22gJkNsDuiNXjBg3c4Y',
+        'btn_3_license_rental': 'buy_btn_1OvrKa2gJkNsDuiNhSBCkNau',
+        'btn_6_license': 'buy_btn_1OvrWc2gJkNsDuiN7mnwvZNL',
+        'btn_6_license_rental': 'buy_btn_1OvrXP2gJkNsDuiNZpWZs3Uy',
+        'btn_10_license': 'buy_btn_1OvrPM2gJkNsDuiNRCMHfSuz',
+        'btn_10_license_rental': 'buy_btn_1OvrPs2gJkNsDuiN1nPkjPOM',
+    },
+
+    // Presentation Management
+    pres_mgmt: {
+        // link: {
+        //     ae_core: true,
+        //     pres_mgmt__launcher_id: null, // event_location_id
+        //     pres_mgmt__location_id: null, // event_location_id
+        //     pres_mgmt__presenter_id: null, // event_presenter_id
+        //     pres_mgmt__reports: null, // event_id
+        //     pres_mgmt__session_id: null, // event_session_id
+        //     pres_mgmt__session_search: null, // event_id
+        // },
+        // presenter__url_str: null,
+        presenter__updated_on: null,
+        session_updated_on: null,
+
+        location_name_qry_str: null,
+        fulltext_search_qry_str: null,
+        status_qry__search: null,
+
+        disable_submit__event_file_obj: true,
+
+        show_form__search: true,
+        show_form__search_results: true,
+
+        show_content__agree_text: false,
+        show_content__presenter_start: false,
+
+        show_content__presentation_description: false, // Note that this is per presentation. The event_presentation_id_random should match.
+
+        show_report: null,
+        // show_report__presenters_agree: false,
+        // show_report__recent_files: false,
+
+        show_field_edit__filename: false, // For file rename
+
+        new_upload_list: null,
+        files_uploading_count: null,
+
+        qry_limit__files: 75,
+        qry_limit__presentations: 25,
+        qry_limit__presenters: 500,
+        qry_limit__sessions: 100,
+
+        show_fields__presentation: true,
+        show_fields__session: true,
+
+
+        show_modal__presenter_agree: false,
+        show__session_poc_profile: false,
+        show_modal__session_poc_agree: false,
+
+        // hide__edit_location: {},
+        show__edit_location: {},
+
+        show__edit_poc_person: {},
+
+        show__view_alert: {}, // key values
+        show__edit_alert_msg: {}, // key values
+
+        tmp__alert_msg: {}, // key values
+
+        session_qr_url: {}, // key value of session_id and URL string
+
+        status_rpt: {
+            recent_files: null,
+            presenters_agree: null,
+            presenters_biography: null,
+        },
+
+        rpt__session_no_files: true,
+        rpt__session_poc_agree: false, // Default to false for new events.
+        rpt__session_no_bio: true,
+
+        rpt__presenter_agree: true,
+
+        tmp_val__filename_no_ext: null, // For file rename
+    },
+
+    // Speakers Management (Collection)
+
+    // other
+};
+// console.log(`AE Stores - App Events Session Storage Data:`, events_session_data_struct);
+export let events_sess = writable(events_session_data_struct);
+
+
+/* *** BEGIN *** Initialize events_slct and events_trigger */
+/* The slct and slct_trigger variable should not be stored in local storage. Only use session storage because browser tabs can be open to different events, badges, exhibits, etc. */
+
+// Intended for temporary session storage.
+// Updated 2024-03-06
+let events_slct_obj_template: key_val = {
+    // Top level
+    'event_id': null,
+    'event_obj': {},
+    'event_obj_li': [],
+
+    // Sub-level event_
+    'abstract_id': null,
+    'abstract_obj': {},
+    'abstract_obj_li': [],
+
+    'badge_id': null,
+    'badge_obj': {},
+    'badge_obj_li': [],
+
+    'badge_template_id': null,
+    'badge_template_obj': {},
+    'badge_template_obj_li': [],
+
+    'device_id': null,
+    'device_obj': {},
+    'device_obj_li': [],
+
+    'exhibit_id': null,
+    'exhibit_obj': {},
+    'exhibit_obj_li': [],
+
+    // Rename these to badge_tracking_*?
+    'exhibit_tracking_id': null,
+    'exhibit_tracking_obj': {},
+    'exhibit_tracking_obj_li': [],
+
+    'file_id': null,
+    'file_obj': {},
+    'file_obj_li': [],
+    'event_file_obj': {},
+
+    'event_file_obj_li': [],
+
+    'location_id': null,
+    'location_obj': {},
+    'location_obj_li': [],
+
+    'person_id': null,
+    'person_obj': {},
+    'person_obj_li': [],
+
+    'presentation_id': null,
+    'presentation_obj': {},
+    'presentation_obj_li': [],
+    'event_presentation_obj': {},
+
+    'presenter_id': null,
+    'presenter_obj': {},
+    'presenter_obj_li': [],
+    'event_presenter_obj': {},
+
+    'session_id': null,
+    'session_obj': {},
+    'session_obj_li': [],
+    'event_session_obj': {},
+
+    'lq__presenter_obj': {}, // Testing passing a LiveQuery object around...
+
+    'auth__event_presenter_id': null,
+    'auth__event_presentation_id': null,
+};
+// console.log(`AE Stores - Selected Events Objects:`, events_slct_obj_template);
+
+// This works, and uses *session* (not local) storage:
+export let events_slct = writable(events_slct_obj_template);
+
+// This works and uses *local* storage:
+// export let events_slct: Writable<key_val> = persisted('ae_events_slct', events_slct_obj_template);
+
+
+/* *** BEGIN *** Initialize events_trigger */
+// Intended for temporary session storage.
+// Updated 2024-03-06
+export let events_trigger: any = writable(null);
+// console.log(`AE Events Stores - Events Trigger:`, events_trigger);
+
+let tmp__events_trig: key_val = {
+    'event_id': null,
+    'event_id_li': [],
+    'event_location_id': null,
+    'event_location_id_li': [],
+    'event_session_id': null,
+    'event_session_id_li': [],
+    'event_presentation_id': null,
+    'event_presentation_id_li': [],
+    'event_presenter_id': null,
+    'event_presenter_id_li': [],
+};
+// console.log(`AE Stores - Events Trigger:`, events_trig);
+export let events_trig: Writable<key_val> = writable(tmp__events_trig);
+
+/* *** BEGIN *** TESTING Initialize trig_resp */
+// The idea behind this is for a shared (Svelte app (within Events for now)) trigger and response. In theory this could be used to monitor multiple downloads or have a universal status area. Intended for temporary session storage.
+// Updated 2024-06-25
+let tmp__events_trig_kv: key_val = {};
+// {
+    // 'example-1':
+    //     {
+    //         'a-rand-id-1': true,
+    //         'a-rand-id-2': false,
+    //         'a-rand-id-3': Promise.resolve('This is a test promise.'),
+    //     },
+    // 'example-2':
+    //     {
+    //         'a-rand-id-4': true,
+    //         'a-rand-id-5': false,
+    //         'a-rand-id-6': Promise.resolve('This is a test promise.'),
+    //     },
+// };
+export let events_trig_kv = writable(tmp__events_trig_kv);

src/lib/ae_idaa_stores.ts

@@ -0,0 +1,225 @@
+import { persisted } from 'svelte-persisted-store';
+import { writable } from 'svelte/store';
+import type { Writable } from 'svelte/store';
+
+import type { key_val } from '$lib/ae_stores';
+import { offset } from '@floating-ui/dom';
+
+// Set the version for the app data. Changing this should force a notification and ask the user to clear and reload the page.
+let ver = '2024-08-21_1646';
+let ver_idb = '2024-08-21_1645';
+
+/* *** BEGIN *** Initialize idaa_local_data_struct */
+// Longer-term app data. This should be stored to *local* storage.
+// Updated 2024-03-06
+let idaa_local_data_struct: key_val = {
+    ver: ver,
+    ver_idb: ver_idb,
+
+    // Shared
+    name: 'Aether - IDAA (SvelteKit 2.x Svelte 4.x)',
+    title: `OSIT's Æ IDAA`, // - Dev SvelteKit`, // Æ
+
+    novi_uuid: null,
+    novi_email: null,
+    novi_full_name: null,
+    novi_admin_li: [
+        "2b078deb-b4e7-4203-99da-9f7cd62159a5"
+    ],
+    novi_trusted_li: [
+        "c9ea07b5-06b0-4a43-a2d0-8d06558c8a82",
+        "58db22ee-4b0a-49a7-9f34-53d2ba85a84b",
+    ],
+    novi_jitsi_mod_li: [
+        "5724aad7-6d89-47e7-8943-966fd22911bd",
+    ],
+
+    novi_archives_base_url: "https://www.idaa.org/idaa-archives",
+    novi_bb_base_url: "https://www.idaa.org/idaa-bulletin-board",
+    novi_meetings_base_url: "https://www.idaa.org/idaa-meetings",
+
+    'ds': {},
+
+    'idaa_cfg_json': {},
+
+    // all, disabled, enabled
+    'qry__enabled': 'enabled',
+    // all, hidden, not_hidden
+    'qry__hidden': 'not_hidden',
+    'qry__limit': 20,
+    'qry__offset': 0,
+
+    archives: {
+        enabled: 'enabled', // all, disabled, enabled
+        hidden: 'not_hidden', // all, hidden, not_hidden
+        limit: 150,
+        offset: 0,
+
+        edit_kv: {}, // Used to track which archive objects are being edited
+        edit__archive_obj: null,
+        edit__archive_content_obj: null,
+
+        // qry__order_by: 'updated_on',  //  For the IDB index query
+        // qry__order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC', 'name': 'ASC'}, // For the SQL query
+    },
+
+    bb: {
+        enabled: 'enabled', // all, disabled, enabled
+        hidden: 'not_hidden', // all, hidden, not_hidden
+        limit: 50,
+        offset: 0,
+
+        edit_kv: {}, // Used to track which post objects are being edited
+        edit__post_obj: null,
+        edit__post_comment_obj: null,
+
+        show_list__post_obj_li: true,
+
+        qry__enabled: 'enabled', // all, disabled, enabled
+        qry__hidden: 'not_hidden', // all, hidden, not_hidden
+        qry__limit: 25,
+        qry__offset: 0,
+        qry__order_by: 'updated_on',  //  For the IDB index query
+        qry__order_by_li: {'updated_on': 'DESC', 'created_on': 'DESC'}, // For the SQL query
+
+
+    },
+
+    recovery_meetings: {
+        edit_kv: {}, // Used to track which event objects are being edited
+        edit__event_obj: null,
+
+        qry__enabled: 'enabled', // all, disabled, enabled
+        qry__hidden: 'not_hidden', // all, hidden, not_hidden
+        qry__limit: 150,
+        qry__order_by: 'updated_on',  //  For the IDB index query; name, updated_on/created_on
+        qry__order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'updated_on': 'DESC', 'created_on': 'DESC', 'name': 'ASC'}, // For the SQL query
+        qry__offset: 0,
+
+        qry__fulltext_str: null,
+        qry__physical: null,
+        qry__type: null,
+        qry__virtual: null,
+    },
+};
+// console.log(`AE Stores - App IDAA Local Storage Data:`, idaa_local_data_struct);
+
+// This works, but does not uses local storage:
+// export let ae_loc = writable(idaa_local_data_struct);
+
+// This works and uses *local* storage:
+export let idaa_loc: Writable<key_val> = persisted('ae_idaa_loc', idaa_local_data_struct);
+// console.log(`AE Stores - App Local Storage Data:`, get(ae_loc));
+
+
+/* *** BEGIN *** Initialize idaa_session_data_struct */
+// Temporary app data. This should be stored to session storage.
+// Updated 2024-03-06
+let idaa_session_data_struct: key_val = {
+    ver: ver,
+    ver_idb: ver_idb,
+    log_lvl: 1,
+
+    archives: {
+        qry__status: null,
+        show__modal_edit__archive_id: null,
+        show__modal_view__archive_id: null,
+        show__modal_edit__archive_content_id: null,
+        show__modal_view__archive_content_id: null,
+        obj_changed: false, // Used to track if the archive object has been changed in the edit view
+    },
+
+    bb: {
+        qry__status: null,
+
+        edit__post_obj: null,
+
+        show__inline_edit__post_obj: null,
+        show__modal_edit__post_id: null,
+        show__modal_view__post_id: null,
+        obj_changed: false, // Used to track if the post object has been changed in the edit view
+        // edit_kv: {}, // Used to track which post objects are being edited
+    },
+
+    recovery_meetings: {
+        qry__status: null,
+        qry__fulltext_str: null,
+
+        edit__event_obj: null,
+
+        status_qry__last_request_str: null,
+
+        show__modal_edit: false,
+        show__modal_view: false,
+        show__modal_edit__event_id: null,
+        show__modal_view__event_id: null,
+        obj_changed: false, // Used to track if the event object has been changed in the edit view
+
+        attend_platform: null, // 'Zoom', 'Google Meet', 'Microsoft Teams', etc.
+    },
+
+};
+// console.log(`AE Stores - App IDAA Session Storage Data:`, idaa_session_data_struct);
+export let idaa_sess = writable(idaa_session_data_struct);
+
+
+/* *** BEGIN *** Initialize idaa_slct and idaa_trig */
+/* The slct and slct_trigger variable should not be stored in local storage. Only use session storage because browser tabs can be open to different idaa, badges, exhibits, etc. */
+
+// Intended for temporary session storage.
+// Updated 2024-03-06
+let idaa_slct_obj_template: key_val = {
+    // Top level
+    'event_id': null,
+    'event_obj': {},
+    'event_obj_li': [],
+
+    'archive_id': null,
+    'archive_obj': {},
+    'archive_obj_li': [],
+
+    'archive_content_id': null,
+    'archive_content_obj': {},
+    'archive_content_obj_li': [],
+
+    'post_id': null,
+    'post_obj': {},
+    'post_obj_li': [],
+
+    'post_comment_id': null,
+    'post_comment_obj': {},
+    'post_comment_obj_li': [],
+};
+// console.log(`AE Stores - Selected IDAA Objects:`, idaa_slct_obj_template);
+
+// This works, and uses *session* (not local) storage:
+export let idaa_slct = writable(idaa_slct_obj_template);
+
+// This works and uses *local* storage:
+// export let idaa_slct: Writable<key_val> = persisted('ae_idaa_slct', idaa_slct_obj_template);
+
+
+/* *** BEGIN *** Initialize idaa_trig */
+// Intended for temporary session storage.
+// Updated 2024-11-19
+let idaa_trig_template: key_val = {
+    archive_id: false,
+    archive_content_li: false,
+    event_id: false,
+    post_id: false,
+};
+export let idaa_trig: any = writable(idaa_trig_template);
+// console.log(`AE IDAA Stores - IDAA Trigger:`, idaa_trig);
+
+
+/* *** BEGIN *** Initialize idaa_prom */
+// Intended for temporary session storage.
+// Updated 2024-11-19
+let idaa_prom_template: key_val = {
+    archive_id: false,
+    archive_content_li: false,
+    event_id: false,
+    post_id: false,
+};
+export let idaa_prom: any = writable(idaa_prom_template);
+// console.log(`AE IDAA Stores - IDAA Trigger:`, idaa_prom);

src/lib/ae_journals/ae_journals_functions.ts

@@ -0,0 +1,22 @@
+// This file is used to export all the functions that are used for Aether Journals related functions.
+
+import * as journal from "$lib/ae_journals/ae_journals__journal";
+import * as journal_entry from "$lib/ae_journals/ae_journals__journal_entry";
+
+
+let export_obj = {
+    load_ae_obj_id__journal: journal.load_ae_obj_id__journal,
+    load_ae_obj_li__journal: journal.load_ae_obj_li__journal,
+    create_ae_obj__journal: journal.create_ae_obj__journal,
+    delete_ae_obj_id__journal: journal.delete_ae_obj_id__journal,
+    update_ae_obj__journal: journal.update_ae_obj__journal,
+    // db_save_ae_obj_li__journal: journal.db_save_ae_obj_li__journal,
+    load_ae_obj_id__journal_entry: journal_entry.load_ae_obj_id__journal_entry,
+    load_ae_obj_li__journal_entry: journal_entry.load_ae_obj_li__journal_entry,
+    create_ae_obj__journal_entry: journal_entry.create_ae_obj__journal_entry,
+    delete_ae_obj_id__journal_entry: journal_entry.delete_ae_obj_id__journal_entry,
+    update_ae_obj__journal_entry: journal_entry.update_ae_obj__journal_entry,
+    qry__journal_entry: journal_entry.qry__journal_entry,
+    // db_save_ae_obj_li__journal_entry: journal_entry.db_save_ae_obj_li__journal_entry,
+};
+export let journals_func = export_obj;