@turnipxenon/pineapple 2.9.0 → 2.10.0

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/IfMode.js

@@ -1,8 +0,0 @@
-// interpreter states
-export var IfMode;
-(function (IfMode) {
-    IfMode[IfMode["Search"] = 0] = "Search";
-    IfMode[IfMode["Ignore"] = 1] = "Ignore";
-    IfMode[IfMode["Evaluated"] = 2] = "Evaluated";
-    IfMode[IfMode["EvaluateNext"] = 3] = "EvaluateNext"; // find the next elseif, else, or endif and evaluate if possible
-})(IfMode || (IfMode = {}));

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/IfNode.d.ts

@@ -1,12 +0,0 @@
-import type { LineNodeArguments } from "../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../line_core/LineBehaviorResult";
-import type { LineBehaviorNode } from "../line_core/LineBehaviorNode";
-/**
- * IfNode is a leaf node which tries to determine whether the current line is an
- * if statement and returns:
- * - Success: if it is an if node, successfully processes a line, and updates the behaviorState
- * - Failure: if it is not an if node or we did not want to process the line
- */
-export declare class IfNode implements LineBehaviorNode {
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/IfNode.js

@@ -1,43 +0,0 @@
-import { BehaviorStatus } from "../core/BehaviorStatus";
-import { IfMode } from "./IfMode";
-import { expressionEvaluator } from "../expression/ExpressionEvaluator";
-import { btreeUtils } from "../core/BTreeUtils";
-/**
- * IfNode is a leaf node which tries to determine whether the current line is an
- * if statement and returns:
- * - Success: if it is an if node, successfully processes a line, and updates the behaviorState
- * - Failure: if it is not an if node or we did not want to process the line
- */
-export class IfNode {
-    process(nodeArgs) {
-        if (!nodeArgs.line.startsWith("<<if")) {
-            return {
-                renderedLine: "",
-                nextState: nodeArgs.initState,
-                status: BehaviorStatus.Failure
-            };
-        }
-        const currentIfMode = btreeUtils.peek(nodeArgs.initState.ifModeStack);
-        if ([IfMode.EvaluateNext, IfMode.Ignore].includes(currentIfMode)) {
-            // skip! we found a nested if
-            console.log("Skipping if node because");
-            nodeArgs.initState.ifModeStack.push(IfMode.Ignore);
-            return {
-                renderedLine: "",
-                nextState: nodeArgs.initState,
-                status: BehaviorStatus.Success
-            };
-        }
-        if (expressionEvaluator.evaluate(nodeArgs.line, "<<if")) {
-            nodeArgs.initState.ifModeStack.push(IfMode.Evaluated);
-        }
-        else {
-            nodeArgs.initState.ifModeStack.push(IfMode.EvaluateNext);
-        }
-        return {
-            renderedLine: "",
-            nextState: nodeArgs.initState,
-            status: BehaviorStatus.Success
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/IgnoreGuardNode.d.ts

@@ -1,11 +0,0 @@
-import type { LineNodeArguments } from "../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../line_core/LineBehaviorResult";
-import type { LineBehaviorNode } from "../line_core/LineBehaviorNode";
-/**
- * This is a leaf node that returns:
- * - Success: if the currentIfMode is Ignore or EvaluateNext
- * - Failure: otherwise
- */
-export declare class IgnoreGuardNode implements LineBehaviorNode {
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/IgnoreGuardNode.js

@@ -1,25 +0,0 @@
-import { btreeUtils } from "../core/BTreeUtils";
-import { IfMode } from "./IfMode";
-import { BehaviorStatus } from "../core/BehaviorStatus";
-/**
- * This is a leaf node that returns:
- * - Success: if the currentIfMode is Ignore or EvaluateNext
- * - Failure: otherwise
- */
-export class IgnoreGuardNode {
-    process(nodeArgs) {
-        const currentIfMode = btreeUtils.peek(nodeArgs.initState.ifModeStack);
-        if ([IfMode.Ignore, IfMode.EvaluateNext].includes(currentIfMode)) {
-            return {
-                nextState: nodeArgs.initState,
-                renderedLine: "",
-                status: BehaviorStatus.Success
-            };
-        }
-        return {
-            nextState: nodeArgs.initState,
-            renderedLine: "",
-            status: BehaviorStatus.Failure
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/IgnoreJumpNode.d.ts

@@ -1,6 +0,0 @@
-import type { LineBehaviorNode } from "../line_core/LineBehaviorNode";
-import type { LineNodeArguments } from "../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../line_core/LineBehaviorResult";
-export declare class IgnoreJumpNode implements LineBehaviorNode {
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/IgnoreJumpNode.js

@@ -1,18 +0,0 @@
-import { BehaviorStatus } from "../core/BehaviorStatus";
-export class IgnoreJumpNode {
-    process(nodeArgs) {
-        if (!nodeArgs.line.startsWith("// ignore jumps")) {
-            return {
-                renderedLine: "",
-                nextState: nodeArgs.initState,
-                status: BehaviorStatus.Failure
-            };
-        }
-        nodeArgs.initState.ignoreJumps = true;
-        return {
-            renderedLine: "",
-            nextState: nodeArgs.initState,
-            status: BehaviorStatus.Success
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/LineCommentNode.d.ts

@@ -1,6 +0,0 @@
-import type { LineBehaviorNode } from "../line_core/LineBehaviorNode";
-import type { LineNodeArguments } from "../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../line_core/LineBehaviorResult";
-export declare class LineCommentNode implements LineBehaviorNode {
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/LineCommentNode.js

@@ -1,17 +0,0 @@
-import { BehaviorStatus } from "../core/BehaviorStatus";
-export class LineCommentNode {
-    process(nodeArgs) {
-        if (!nodeArgs.line.startsWith("//")) {
-            return {
-                renderedLine: "",
-                nextState: nodeArgs.initState,
-                status: BehaviorStatus.Failure
-            };
-        }
-        return {
-            renderedLine: "",
-            nextState: nodeArgs.initState,
-            status: BehaviorStatus.Success
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/NormalLineProcessorNode.d.ts

@@ -1,10 +0,0 @@
-import type { LineNodeArguments } from "../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../line_core/LineBehaviorResult";
-import type { LineBehaviorNode } from "../line_core/LineBehaviorNode";
-/**
- * This is a leaf node that ALWAYS returns success
- * It processes the line in search for variables it can replace when rendered
- */
-export declare class NormalLineProcessorNode implements LineBehaviorNode {
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/NormalLineProcessorNode.js

@@ -1,38 +0,0 @@
-import { browser } from "$app/environment";
-import { BehaviorStatus } from "../core/BehaviorStatus";
-/**
- * This is a leaf node that ALWAYS returns success
- * It processes the line in search for variables it can replace when rendered
- */
-export class NormalLineProcessorNode {
-    process(nodeArgs) {
-        const renderedLine = nodeArgs.line
-            .split("{$") // look for initial token
-            .map((token, index) => {
-            if (index == 0) {
-                return token; // ignore first character
-            }
-            return token
-                .split("}") // split at the end and dont process the rest
-                .map((varToken, index) => {
-                if (index == 0 && browser) {
-                    const varValue = localStorage.getItem(`$${varToken}`);
-                    if (varValue !== null) {
-                        // null guard
-                        return varValue;
-                    }
-                    // just return the token I guess? LOL
-                    console.warn(`Null variable in yarn: ${varToken}. Make sure that all variables were set before using them.`);
-                }
-                return varToken;
-            })
-                .join(""); // combine all variable replaced strings
-        })
-            .join(""); // combine all processed strings
-        return {
-            nextState: nodeArgs.initState,
-            renderedLine: renderedLine,
-            status: BehaviorStatus.Success
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/SetVariableNode.d.ts

@@ -1,11 +0,0 @@
-import type { LineNodeArguments } from "../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../line_core/LineBehaviorResult";
-import type { LineBehaviorNode } from "../line_core/LineBehaviorNode";
-/**
- * This is a leaf node that returns:
- * - Success: if it is a set line, and updates a new entry in localStorage
- * - Failure: if it is not a set line
- */
-export declare class SetVariableNode implements LineBehaviorNode {
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/SetVariableNode.js

@@ -1,31 +0,0 @@
-import { BehaviorStatus } from "../core/BehaviorStatus";
-import { btreeUtils } from "../core/BTreeUtils";
-import { dialogVariableStore } from "../../DialogManagerStore";
-import { expressionEvaluator } from "../expression/ExpressionEvaluator";
-/**
- * This is a leaf node that returns:
- * - Success: if it is a set line, and updates a new entry in localStorage
- * - Failure: if it is not a set line
- */
-export class SetVariableNode {
-    process(nodeArgs) {
-        if (!nodeArgs.line.startsWith("<<set")) {
-            return {
-                nextState: nodeArgs.initState,
-                renderedLine: "",
-                status: BehaviorStatus.Failure
-            };
-        }
-        const setValuePair = nodeArgs.line.split("=");
-        const key = setValuePair[0].slice("<<set ".length).trim();
-        setValuePair.shift();
-        const preValue = setValuePair.join("=").trim();
-        const value = expressionEvaluator.evaluateFreeform(preValue, "");
-        dialogVariableStore.setItem(key, btreeUtils.peek(value));
-        return {
-            nextState: nodeArgs.initState,
-            renderedLine: "",
-            status: BehaviorStatus.Success
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/commands/DeclareCommand.d.ts

@@ -1,8 +0,0 @@
-import type { LineBehaviorNode } from "../../line_core/LineBehaviorNode";
-import type { LineNodeArguments } from "../../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../../line_core/LineBehaviorResult";
-import { SetVariableNode } from "../SetVariableNode";
-export declare class DeclareCommand implements LineBehaviorNode {
-    setVariableNode: SetVariableNode;
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/commands/DeclareCommand.js

@@ -1,39 +0,0 @@
-import { BehaviorStatus } from "../../core/BehaviorStatus";
-import { SetVariableNode } from "../SetVariableNode";
-export class DeclareCommand {
-    setVariableNode = new SetVariableNode();
-    process(nodeArgs) {
-        if (!nodeArgs.line.startsWith("<<declare")) {
-            return {
-                renderedLine: "",
-                nextState: nodeArgs.initState,
-                status: BehaviorStatus.Failure
-            };
-        }
-        // determine if we need to set?
-        const setValuePair = nodeArgs.line.split("=");
-        const key = setValuePair[0].slice("<<declare ".length).trim(); // remove "<<declare "
-        if (localStorage.getItem(key) !== null) {
-            return {
-                renderedLine: "",
-                nextState: nodeArgs.initState,
-                status: BehaviorStatus.Success
-            };
-        }
-        // if it does not exist, let's set it!
-        setValuePair.shift();
-        const preValue = setValuePair.join("=").split(" as ");
-        preValue.pop(); // remove " as ??? >>"
-        const value = preValue.join(" as ");
-        const result = this.setVariableNode.process({
-            initState: nodeArgs.initState,
-            line: `<<set ${key} = ${value}>>`, // faking the line lol
-            lineIndex: nodeArgs.lineIndex
-        });
-        return {
-            nextState: result.nextState,
-            renderedLine: "",
-            status: BehaviorStatus.Success
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.d.ts

@@ -1,8 +0,0 @@
-import type { LineBehaviorNode } from "../../line_core/LineBehaviorNode";
-import type { LineNodeArguments } from "../../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../../line_core/LineBehaviorResult";
-import { SetVariableNode } from "../SetVariableNode";
-export declare class JumpCommand implements LineBehaviorNode {
-    setVariableNode: SetVariableNode;
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.js

@@ -1,40 +0,0 @@
-import { BehaviorStatus } from "../../core/BehaviorStatus";
-import { SetVariableNode } from "../SetVariableNode";
-import { dialogManager } from "../../../DialogManagerStore";
-import { btreeUtils } from "../../core/BTreeUtils";
-export class JumpCommand {
-    setVariableNode = new SetVariableNode();
-    process(nodeArgs) {
-        if (!nodeArgs.line.startsWith("<<jump")) {
-            return {
-                renderedLine: "",
-                nextState: nodeArgs.initState,
-                status: BehaviorStatus.Failure
-            };
-        }
-        if (nodeArgs.initState.ignoreJumps) {
-            return {
-                nextState: nodeArgs.initState,
-                renderedLine: "",
-                status: BehaviorStatus.Success
-            };
-        }
-        const choiceName = nodeArgs.line
-            .slice("<<jump ".length, nodeArgs.line.length - ">>".length)
-            .replace(/^\{/, "") // remove possible " at the start: https://stackoverflow.com/a/2182602
-            .replace(/}$/, ""); // remove possible " at the end: https://stackoverflow.com/a/12249011;
-        const dialogChoice = dialogManager.dialogMessageMap.get(btreeUtils.simplifyToken(choiceName));
-        if (dialogChoice !== undefined) {
-            // force choice
-            dialogManager.setDialogChoice(dialogChoice);
-        }
-        else {
-            console.error(`Unknown jump node at line ${nodeArgs.lineIndex + 1}: ${choiceName} or ${btreeUtils.simplifyToken(choiceName)}`);
-        }
-        return {
-            nextState: nodeArgs.initState,
-            renderedLine: "",
-            status: BehaviorStatus.Success
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/commands/UnvisitCommand.d.ts

@@ -1,9 +0,0 @@
-import type { LineBehaviorNode } from "../../line_core/LineBehaviorNode";
-import type { LineNodeArguments } from "../../line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "../../line_core/LineBehaviorResult";
-/**
- * Unvisits a node
- */
-export declare class UnvisitCommand implements LineBehaviorNode {
-    process(nodeArgs: LineNodeArguments): LineBehaviorResult;
-}

package/.svelte-kit/__package__/components/dialog_manager/behavior_tree/line_processors/commands/UnvisitCommand.js

@@ -1,28 +0,0 @@
-import { BehaviorStatus } from "../../core/BehaviorStatus";
-import { dialogVariableStore } from "../../../DialogManagerStore";
-import { browser } from "$app/environment";
-/**
- * Unvisits a node
- */
-export class UnvisitCommand {
-    process(nodeArgs) {
-        if (!nodeArgs.line.startsWith("<<unvisit") || !browser) {
-            return {
-                renderedLine: "",
-                nextState: nodeArgs.initState,
-                status: BehaviorStatus.Failure
-            };
-        }
-        const nodeName = nodeArgs.line
-            .slice("<<unvisit ".length, nodeArgs.line.length - ">>".length)
-            .replace(/^\{/, "") // remove possible " at the start: https://stackoverflow.com/a/2182602
-            .replace(/}$/, ""); // remove possible " at the end: https://stackoverflow.com/a/12249011;
-        const key = `+${nodeName}`;
-        dialogVariableStore.removeItem(key);
-        return {
-            nextState: nodeArgs.initState,
-            renderedLine: "",
-            status: BehaviorStatus.Success
-        };
-    }
-}

package/.svelte-kit/__package__/components/dialog_overlay/DialogOverlay.svelte

@@ -1,124 +0,0 @@
-<script>import AresHappy from "../../assets/characters/ares/ares_happy.webp";
-import { onMount } from "svelte";
-import { dialogManager } from "../dialog_manager/DialogManagerStore";
-import { DialogState } from "../../types/pineapple_fiber/DialogState";
-let currentMessage = "";
-dialogManager.currentMessage.subscribe((value) => {
-  currentMessage = value;
-});
-let currentPortrait = AresHappy;
-dialogManager.currentPortrait.subscribe((value) => {
-  if (value) {
-    currentPortrait = value;
-  }
-});
-let hidePercent = 100;
-let isHidden = true;
-onMount(() => {
-  dialogManager.hidePercent.subscribe((value) => {
-    hidePercent = value * 0.4;
-    isHidden = false;
-  });
-  dialogManager.currentReadableState.subscribe((value) => {
-    isHidden = value === DialogState.Invisible;
-  });
-  dialogManager.update(0);
-});
-const onDialogClick = () => {
-  dialogManager.skipAnimation();
-};
-</script>
-
-<div class="dialog-elements"
-     hidden={isHidden}
-     style="--hidePercentWidth: -{hidePercent}vw;
-            --hidePercentHeight: {hidePercent}vh;">
-	<div class="dialog-portrait-container">
-		<img src={currentPortrait} alt="Ares" class="dialog-portrait" />
-	</div>
-	<div class="card dialog-box variant-ghost-primary" on:click={onDialogClick}>
-		<div class="card dialog-name">
-			<p><b>Turnip</b></p>
-		</div>
-		<section class="dialog-padding">
-			<!-- Made for 140 characters, like the original tweets -->
-			{@html currentMessage}
-		</section>
-	</div>
-</div>
-
-<style>
-    .dialog-elements {
-        position: fixed;
-        z-index: 10;
-    }
-
-    .dialog-elements:dir(ltr) {
-        left: 0;
-    }
-
-    .dialog-elements:dir(rtl) {
-        right: 0;
-    }
-
-    .dialog-elements > div {
-        transform: translateY(var(--hidePercentHeight));
-    }
-
-    .dialog-box *,
-    .dialog-name * {
-        font-size: clamp(1em, 5vw, 1.3em);
-        line-height: 1.5em;
-    }
-
-    .dialog-padding :global(p) {
-        font-size: clamp(1em, 5vw, 1.3em) !important;
-        line-height: 1.5em !important;
-    }
-
-    .dialog-padding {
-        padding: clamp(1.5em, 5vw, 1.75em) clamp(0em, 5vw - 0.5em, 2em) 0;
-    }
-
-    .dialog-name {
-        padding-left: 1rem;
-        padding-right: 1rem;
-        padding-top: 0.5rem;
-        position: fixed;
-}
-
-    .dialog-name:dir(ltr) {
-        /* for centering vertically */
-        transform: translateX(clamp(0em, 5vw - 0.5em, 1em)) translateY(-50%);
-    }
-
-    .dialog-name:dir(rtl) {
-        /* for centering vertically */
-        transform: translateX(calc(clamp(0em, 5vw - 0.5em, 1em) * -1)) translateY(-50%);
-    }
-
-    .dialog-portrait-container {
-        position: fixed;
-        bottom: 0;
-        height: clamp(30rem, 75vw, 40rem);
-        width: auto;
-    }
-
-    .dialog-portrait-container:dir(ltr) {
-        transform: translateX(var(--hidePercentWidth));
-        left: clamp(-4rem, calc(5vw - 5em), 0rem);
-    }
-
-    .dialog-portrait-container:dir(rtl) {
-        transform: translateX(calc(var(--hidePercentWidth) * -1));
-        right: clamp(-4rem, calc(5vw - 5em), 0rem);
-    }
-
-    .dialog-portrait {
-        height: 100%;
-    }
-
-    .dialog-portrait:dir(rtl) {
-        transform: scaleX(-1);
-    }
-</style>

package/.svelte-kit/__package__/components/dialog_overlay/DialogOverlay.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DialogOverlayProps = typeof __propDef.props;
-export type DialogOverlayEvents = typeof __propDef.events;
-export type DialogOverlaySlots = typeof __propDef.slots;
-export default class DialogOverlay extends SvelteComponent<DialogOverlayProps, DialogOverlayEvents, DialogOverlaySlots> {
-}
-export {};

package/.svelte-kit/__package__/components/index.d.ts

@@ -1,7 +0,0 @@
-export { default as LazyAsset } from "./LazyAsset.svelte";
-export { default as Card } from "./Card.svelte";
-export { default as Chip } from "./chip/Chip.svelte";
-export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
-export { default as SocialSection } from "./SocialSection.svelte";
-export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
-export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";

package/.svelte-kit/__package__/components/index.js

@@ -1,8 +0,0 @@
-// noinspection JSUnusedGlobalSymbols
-export { default as LazyAsset } from "./LazyAsset.svelte";
-export { default as Card } from "./Card.svelte";
-export { default as Chip } from "./chip/Chip.svelte";
-export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
-export { default as SocialSection } from "./SocialSection.svelte";
-export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
-export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";

package/.svelte-kit/__package__/components/layouts/LayoutConstants.d.ts

@@ -1 +0,0 @@
-export declare const AppShellBackground = "app-shell-token";

package/.svelte-kit/__package__/components/layouts/LayoutConstants.js

@@ -1 +0,0 @@
-export const AppShellBackground = "app-shell-token";

package/.svelte-kit/__package__/components/layouts/SeaweedBaseLayout.svelte

@@ -1,86 +0,0 @@
-<script>import { AppBar, AppShell, autoModeWatcher, LightSwitch } from "@skeletonlabs/skeleton";
-import RandomizedBackground from "../RandomizedBackground.svelte";
-import { enableBackground } from "../../store";
-import { enableDialogueOverlay } from "../dialog_manager/DialogManagerStore";
-import { writable } from "svelte/store";
-import { fly } from "svelte/transition";
-export let shouldDisplayLeadingIcons = false;
-let enableBackgroundValue = true;
-enableBackground.subscribe((value) => {
-  enableBackgroundValue = value;
-});
-enableDialogueOverlay.set(false);
-let shouldDisplaySocialIcons = writable(false);
-</script>
-
-<!-- App Shell -->
-<svelte:head>
-	{@html `<script>${autoModeWatcher.toString()} autoModeWatcher();</script>`}
-</svelte:head>
-
-<AppShell>
-	<svelte:fragment slot="header">
-		<!-- App Bar -->
-		<AppBar slotDefault="place-content-start"
-		        background="app-shell-token">
-			<svelte:fragment slot="lead">
-				<span class="lead-slot-placeholder"></span>
-
-				{#if $$slots.extraLeadingIcons && shouldDisplayLeadingIcons}
-					<div transition:fly={{x:-10}}>
-						<slot name="extraLeadingIcons" />
-					</div>
-				{:else if $$slots.extraLeadingIcons}
-					<div hidden>
-						<slot name="s" />
-					</div>
-				{/if}
-			</svelte:fragment>
-			<svelte:fragment slot="trail">
-				<LightSwitch bgLight="bg-surface-400" />
-			</svelte:fragment>
-		</AppBar>
-	</svelte:fragment>
-
-	<RandomizedBackground enable={enableBackgroundValue} />
-
-	<!--{#if enableDialogueOverlayValue}-->
-	<!-- Page Route Content -->
-	<div class="default-page-container">
-		<slot shouldDisplaySocialIcons={shouldDisplaySocialIcons} />
-		<div class="footer-space" />
-	</div>
-	<!-- todo: eventually re-add	-->
-	<!--	<DialogOverlay />-->
-</AppShell>
-
-<style>
-    :root {
-        --dialog-start-pad: clamp(0em, 5vw, 2em);
-        --dialog-box-width: min(calc(50em + 4em), calc(100vw - var(--dialog-start-pad) - var(--theme-border-base)));
-        --dialog-box-height: clamp(15em, 50vw, 18em);
-    }
-
-    .default-page-container {
-        max-width: 2100px;
-        margin: 4em auto;
-        flex-direction: column;
-        z-index: 0;
-    }
-
-    .lead-slot-placeholder {
-        height: 3em;
-        margin-inline-end: 0.5em;
-    }
-
-    /*todo: consider left handedness or customizability*/
-    /*.fab {*/
-    /*    @apply btn-icon variant-filled-surface;*/
-    /*    position: fixed;*/
-    /*    height: 5em;*/
-    /*    width: 5em;*/
-    /*    bottom: 3em;*/
-    /*    right: 2em;*/
-    /*    box-shadow: 0.5em 0.5em 0.5em gray;*/
-    /*}*/
-</style>