@turnipxenon/pineapple 2.4.37 → 2.4.39

package/.idea/shelf/Changes1/shelved.patch

@@ -0,0 +1,250 @@
+Index: src/lib/components/dialog_overlay/DialogOverlay.svelte
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><script lang=\"ts\">\n\timport AresHappy from \"$pkg/assets/characters/ares/ares_happy.webp\";\n\timport { onMount } from \"svelte\";\n\timport { dialogManager } from \"$pkg/components/dialog_manager/DialogManagerStore\";\n\timport { DialogState } from \"$pkg/types/pineapple_fiber/DialogState\";\n\n\tlet currentMessage = \"\";\n\tdialogManager.currentMessage.subscribe((value) => {\n\t\tcurrentMessage = value;\n\t});\n\n\tlet currentPortrait = AresHappy;\n\tdialogManager.currentPortrait.subscribe((value) => {\n\t\tif (value) {\n\t\t\tcurrentPortrait = value;\n\t\t}\n\t});\n\n\tonMount(() => {\n\t\tdialogManager.update(0);\n\t});\n\n\tlet hidePercent = 100;\n\tlet isHidden = true;\n\tdialogManager.hidePercent.subscribe((value) => {\n\t\thidePercent = value * 0.4;\n\t\tisHidden = false;\n\t});\n\n\tdialogManager.currentReadableState.subscribe((value) => {\n\t\tisHidden = value === DialogState.Invisible;\n\t\tif (value === DialogState.Invisible) {\n\t\t}\n\t});\n\n\tconst onDialogClick = () => {\n\t\tdialogManager.skipAnimation();\n\t};\n</script>\n\n<div class=\"dialog-elements\"\n     hidden={isHidden}\n     style=\"--hidePercentWidth: -{hidePercent}vw;\n            --hidePercentHeight: {hidePercent}vh;\">\n\t<div class=\"dialog-portrait-container\">\n\t\t<img src={currentPortrait} alt=\"Ares\" class=\"dialog-portrait\" />\n\t</div>\n\t<div class=\"card dialog-box variant-ghost-primary\" on:click={onDialogClick}>\n\t\t<div class=\"card dialog-name\">\n\t\t\t<p><b>Turnip</b></p>\n\t\t</div>\n\t\t<section class=\"dialog-padding\">\n\t\t\t<!-- Made for 140 characters, like the original tweets -->\n\t\t\t{@html currentMessage}\n\t\t</section>\n\t</div>\n</div>\n\n<style>\n    .dialog-elements {\n        position: fixed;\n        z-index: 10;\n    }\n\n    .dialog-elements:dir(ltr) {\n        left: 0;\n    }\n\n    .dialog-elements:dir(rtl) {\n        right: 0;\n    }\n\n    .dialog-elements > div {\n        transform: translateY(var(--hidePercentHeight));\n    }\n\n    .dialog-box *,\n    .dialog-name * {\n        font-size: clamp(1em, 5vw, 1.3em);\n        line-height: 1.5em;\n    }\n\n    .dialog-padding :global(p) {\n        font-size: clamp(1em, 5vw, 1.3em) !important;\n        line-height: 1.5em !important;\n    }\n\n    .dialog-padding {\n        padding: clamp(1.5em, 5vw, 1.75em) clamp(0em, 5vw - 0.5em, 2em) 0;\n    }\n\n    .dialog-name {\n        @apply pt-2 px-4;\n        position: fixed;\n    }\n\n    .dialog-name:dir(ltr) {\n        /* for centering vertically */\n        transform: translateX(clamp(0em, 5vw - 0.5em, 1em)) translateY(-50%);\n    }\n\n    .dialog-name:dir(rtl) {\n        /* for centering vertically */\n        transform: translateX(calc(clamp(0em, 5vw - 0.5em, 1em) * -1)) translateY(-50%);\n    }\n\n    .dialog-portrait-container {\n        position: fixed;\n        bottom: 0;\n        height: clamp(30rem, 75vw, 40rem);\n        width: auto;\n    }\n\n    .dialog-portrait-container:dir(ltr) {\n        transform: translateX(var(--hidePercentWidth));\n        left: clamp(-4rem, calc(5vw - 5em), 0rem);\n    }\n\n    .dialog-portrait-container:dir(rtl) {\n        transform: translateX(calc(var(--hidePercentWidth) * -1));\n        right: clamp(-4rem, calc(5vw - 5em), 0rem);\n    }\n\n    .dialog-portrait {\n        height: 100%;\n    }\n\n    .dialog-portrait:dir(rtl) {\n        transform: scaleX(-1);\n    }\n</style>\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/lib/components/dialog_overlay/DialogOverlay.svelte b/src/lib/components/dialog_overlay/DialogOverlay.svelte
+--- a/src/lib/components/dialog_overlay/DialogOverlay.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
++++ b/src/lib/components/dialog_overlay/DialogOverlay.svelte	(date 1711677446714)
+@@ -16,26 +16,25 @@
+ 		}
+ 	});
+ 
+-	onMount(() => {
+-		dialogManager.update(0);
+-	});
+-
+ 	let hidePercent = 100;
+ 	let isHidden = true;
+-	dialogManager.hidePercent.subscribe((value) => {
+-		hidePercent = value * 0.4;
+-		isHidden = false;
+-	});
++	onMount(() => {
++		dialogManager.hidePercent.subscribe((value) => {
++			hidePercent = value * 0.4;
++			isHidden = false;
++		});
+ 
+-	dialogManager.currentReadableState.subscribe((value) => {
+-		isHidden = value === DialogState.Invisible;
+-		if (value === DialogState.Invisible) {
+-		}
++		dialogManager.currentReadableState.subscribe((value) => {
++			isHidden = value === DialogState.Invisible;
++		});
++
++		dialogManager.update(0);
+ 	});
+ 
+ 	const onDialogClick = () => {
+ 		dialogManager.skipAnimation();
+ 	};
++
+ </script>
+ 
+ <div class="dialog-elements"
+Index: src/lib/components/Card.svelte
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><script lang=\"ts\">\n\texport let margin = \"0\";\n\texport let marginBottom = \"2lh\";\n\texport let overrideStyle = \"\";\n\texport let includeDataNoSnippet = true;\n\n\t// warning: don't forget the semi-colon when adding new style!\n\tconst style = `\n\t\t--turnip-card-margin: ${margin};\n\t\t--turnip-card-margin-bottom: ${marginBottom};\n\t\t${overrideStyle};\n\t`;\n\n\tif (!$$slots.content) {\n\t\tconsole.error(\"Missing content slot in card. No content will be displayed.\");\n\t}\n</script>\n\n{#if (includeDataNoSnippet)}\n\t<div class=\"card turnip-card\" style={style} data-no-snippet>\n\t\t<slot name=\"content\" class=\"card\" />\n\t</div>\n{:else }\n\t<div class=\"card turnip-card\" style={style}>\n\t\t<slot name=\"content\" class=\"card\" />\n\t</div>\n{/if}\n\n<style lang=\"postcss\">\n    .turnip-card {\n        @apply bg-surface-100 dark:bg-surface-900;\n        margin: var(--turnip-card-margin);\n        margin-bottom: var(--turnip-card-margin-bottom);\n        border-radius: var(--theme-rounded-container);\n    }\n</style>\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
+--- a/src/lib/components/Card.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
++++ b/src/lib/components/Card.svelte	(date 1711678245830)
+@@ -3,6 +3,7 @@
+ 	export let marginBottom = "2lh";
+ 	export let overrideStyle = "";
+ 	export let includeDataNoSnippet = true;
++	export let additionalClass: string[] = [];
+ 
+ 	// warning: don't forget the semi-colon when adding new style!
+ 	const style = `
+@@ -14,10 +15,12 @@
+ 	if (!$$slots.content) {
+ 		console.error("Missing content slot in card. No content will be displayed.");
+ 	}
++
++	const classes = ["card", "turnip-card"].concat(additionalClass).join(" ");
+ </script>
+ 
+ {#if (includeDataNoSnippet)}
+-	<div class="card turnip-card" style={style} data-no-snippet>
++	<div class={classes} style={style} data-no-snippet>
+ 		<slot name="content" class="card" />
+ 	</div>
+ {:else }
+Index: src/lib/components/pineapple/PineappleBaseLayout.svelte
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><script lang=\"ts\">\n\texport let showDialogByDefault = false;\n\n\t// For auto dark/light mode\n\timport { AppBar, AppShell, autoModeWatcher, LightSwitch } from \"@skeletonlabs/skeleton\";\n\timport RandomizedBackground from \"$pkg/components/RandomizedBackground.svelte\";\n\n\t// navigation\n\timport { page } from \"$app/stores\";\n\t// store\n\timport { enableBackground } from \"$pkg/store\";\n\timport type { BreadcrumbData } from \"$pkg/types/BreadcrumbData\";\n\t// assets\n\t// import DialogOverlay from \"$lib/components/DialogOverlay.svelte\";\n\timport AresLogo from \"$pkg/assets/characters/ares/ares_logo.webp\";\n\timport FABIcon from \"$pkg/assets/bg_tiled/bg_tiled_turnip.png\";\n\timport CloseIcon from \"$pkg/assets/icons/close.svg\";\n\timport { dialogManager, enableDialogueOverlay } from \"$pkg/components/dialog_manager/DialogManagerStore\";\n\timport Toast from \"$pkg/components/pineapple/toast/Toast.svelte\";\n\timport DialogOverlay from \"$pkg/components/dialog_overlay/DialogOverlay.svelte\";\n\timport { fade } from \"svelte/transition\";\n\t// todo: clean up all these imports!\n\n\tlet pages: BreadcrumbData[] = [];\n\n\tconst updateBreadcrumb = (pathname: string) => {\n\t\tpages = [];\n\t\tlet basePath = \"\";\n\t\tpathname.split(\"/\").forEach((value, index) => {\n\t\t\tif (index === 0) {\n\t\t\t\tbasePath = \"/\";\n\t\t\t\tpages.push({\n\t\t\t\t\tpath: \"/\",\n\t\t\t\t\tname: \"Home\"\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (value === \"\") {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tbasePath += value + \"/\";\n\t\t\tpages.push({\n\t\t\t\tpath: basePath,\n\t\t\t\tname: value\n\t\t\t});\n\t\t});\n\t\tpages = pages;\n\t};\n\n\t$: updateBreadcrumb($page.url.pathname); // run every time we navigate\n\n\tlet enableBackgroundValue = true;\n\tenableBackground.subscribe((value) => {\n\t\tenableBackgroundValue = value;\n\t});\n\n\tlet enableDialogueOverlayValue = true;\n\tenableDialogueOverlay.subscribe((value) => {\n\t\tenableDialogueOverlayValue = value;\n\t});\n\n\tenableDialogueOverlay.set(showDialogByDefault);\n</script>\n\n<!-- App Shell -->\n<svelte:head>\n\t{@html `<script>${autoModeWatcher.toString()} autoModeWatcher();</script>`}\n</svelte:head>\n\n<!--todo: turn off hidden when it's time-->\n<button class=\"fab\" on:click={()=>{\n\tdialogManager.toggleDialogOverlay()\n}}>\n\t{#if (enableDialogueOverlayValue)}\n\t\t<img class=\"turnip-icon\" src={CloseIcon} alt=\"interactive floating action button represented as a turnip\">\n\t{:else }\n\t\t<img class=\"turnip-icon\" src={FABIcon} alt=\"interactive floating action button represented as a turnip\">\n\t{/if}\n</button>\n\n<AppShell>\n\t<svelte:fragment slot=\"header\">\n\t\t<!-- App Bar -->\n\t\t<AppBar\n\t\t\tbackground=\"app-shell-token\"\n\t\t\tslotDefault=\"place-content-start\"\n\t\t\tslotTrail=\"place-content-end\">\n\t\t\t<svelte:fragment slot=\"lead\">\n\t\t\t\t<!--TODO: add logo or something for the lead in layout-->\n\t\t\t\t<img\n\t\t\t\t\talt=\"Ares's head titled towards the left with his tongue out and winking\"\n\t\t\t\t\tclass=\"ares-logo\"\n\t\t\t\t\tsrc={AresLogo}\n\t\t\t\t/>\n\t\t\t\t<span class=\"mr-2\" />\n\t\t\t\t<ol class=\"breadcrumb\">\n\t\t\t\t\t{#each pages as crumb, i}\n\t\t\t\t\t\t{#if i < pages.length - 1}\n\t\t\t\t\t\t\t<li class=\"crumb\" in:fade>\n\t\t\t\t\t\t\t\t<a href={crumb.path}>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</a>\n\t\t\t\t\t\t\t\t&nbsp;&rsaquo;&nbsp;\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t<li class=\"crumb\" in:fade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>\n\t\t\t\t\t\t{/if}\n\t\t\t\t\t{/each}\n\t\t\t\t</ol>\n\t\t\t</svelte:fragment>\n\t\t\t<svelte:fragment slot=\"trail\">\n\t\t\t\t<LightSwitch bgLight=\"bg-surface-400\" />\n\t\t\t</svelte:fragment>\n\t\t</AppBar>\n\t</svelte:fragment>\n\n\t<RandomizedBackground enable={enableBackgroundValue} />\n\n\t<Toast></Toast>\n\n\t<DialogOverlay></DialogOverlay>\n\n\t<div class=\"default-page-container\">\n\t\t<slot />\n\t\t<div class=\"footer-space\" />\n\t</div>\n\n</AppShell>\n\n<style lang=\"postcss\">\n    :root {\n        --dialog-start-pad: clamp(0em, 5vw, 2em);\n        --dialog-box-width: min(calc(50em + 4em), calc(100vw - var(--dialog-start-pad) - var(--theme-border-base)));\n        --dialog-box-height: clamp(15em, 50vw, 18em);\n\n        /** FAB icon margin/position calculation origin:\n\t\t\t\t\t\tCriteria:\n\t\t\t\t\t\t- We want at mobile (360px) our margin to be at 1em (16px)\n\t\t\t\t\t\t- We want at web (1960px) our margin to be at 2em (32px)\n\n\t\t\t\t\t\tA useful scaling factor might vw. At 360px, 16px would be around 4.44vw (360/16).\n\t\t\t\t\t\tAt 360px: margin is at 16px or 1em.\n\t\t\t\t\t\tAt 1960px: 4.44vw is at 87px but that will be clamped to 32px or 2em.\n\t\t\t\t\t\tThe calculation implies that the natural point that the margin becomes 2em is clamped on\n\t\t\t\t\t\twider screens is at 727px.\n\t\t\t\t*/\n        --fab-margin: clamp(1em, 4.44vw, 2em);\n    }\n\n    .default-page-container {\n        @apply flex justify-center items-center;\n        margin-top: 4em;\n        margin-right: 1em;\n        flex-direction: column;\n        z-index: 0;\n    }\n\n    .ares-logo {\n        object-fit: contain;\n        height: 2em;\n        margin-inline-end: 0.5em;\n    }\n\n    /* breadcrumb does not work due to a lot of magic stuff i do\n       the code below is from skeleton's tailwind css:\n       https://github.com/skeletonlabs/skeleton/blob/54f4ecedabf2be6d94a670b56dc8821095ca3fc9/packages/plugin/src/styles/components/breadcrumbs.css\n\n       it likely disappeared due to code gen shenanigans and package magic */\n    .breadcrumb,\n    .breadcrumb-nonresponsive {\n        @apply flex items-center w-full overflow-x-auto;\n        /*@apply flex items-center space-x-4 w-full hide-scrollbar overflow-x-auto;*/\n    }\n\n    .crumb {\n        @apply flex justify-center items-center;\n        margin: 0.1em;\n    }\n\n    .crumb-separator {\n        @apply flex;\n        color: var(--color-text-50);\n    }\n\n    /* === Auto-Responsive === */\n\n    .breadcrumb li {\n        @apply hidden md:block;\n    }\n\n    .breadcrumb li:nth-last-child(3),\n    .breadcrumb li:nth-last-child(2),\n    .breadcrumb li:nth-last-child(1) {\n        @apply block;\n    }\n\n    .fab {\n        @apply btn variant-filled-tertiary;\n        padding: 0;\n        position: fixed;\n        bottom: var(--fab-margin);\n        width: 4em;\n        border-radius: 50%;\n\t\t    z-index: 100;\n    }\n\n    .fab > img {\n        width: 100%;\n    }\n\n    .fab:dir(ltr) {\n        right: var(--fab-margin);\n    }\n\n    .fab:dir(rtl) {\n        left: var(--fab-margin);\n    }\n\n    .turnip-icon {\n\t\t    margin: 4px;\n    }\n</style>\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/lib/components/pineapple/PineappleBaseLayout.svelte b/src/lib/components/pineapple/PineappleBaseLayout.svelte
+--- a/src/lib/components/pineapple/PineappleBaseLayout.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
++++ b/src/lib/components/pineapple/PineappleBaseLayout.svelte	(date 1711679137623)
+@@ -149,8 +149,8 @@
+ 
+     .default-page-container {
+         @apply flex justify-center items-center;
+-        margin-top: 4em;
+-        margin-right: 1em;
++        width: 100%;
++        padding: 1lh clamp(8px, 10vw, 2em);
+         flex-direction: column;
+         z-index: 0;
+     }
+@@ -201,7 +201,7 @@
+         bottom: var(--fab-margin);
+         width: 4em;
+         border-radius: 50%;
+-		    z-index: 100;
++        z-index: 100;
+     }
+ 
+     .fab > img {
+@@ -217,6 +217,6 @@
+     }
+ 
+     .turnip-icon {
+-		    margin: 4px;
++        margin: 4px;
+     }
+ </style>
+Index: src/lib/components/navigation_component/NavigationComponent.svelte
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><script lang=\"ts\">\n\timport NavigationControl from \"$pkg/components/navigation_component/NavigationControl.svelte\";\n\timport { Card, createGoToFunction } from \"$pkg\";\n\timport { parsePageMeta, type ParsePageMetaCompareFn } from \"$pkg/components/navigation_component/PageMeta\";\n\n\texport let title: string | undefined = undefined;\n\texport let fileList: Record<string, unknown>;\n\texport let jsonList: Record<string, unknown>;\n\texport let imageMap = new Map<string, string>();\n\n\t/**\n\t * Should include a slash before and after the path\n\t */\n\texport let parentSubpath: string;\n\n\texport let compareFn: undefined | ParsePageMetaCompareFn = undefined;\n\texport let pageSize = 5;\n\texport let currentIndex = 0;\n\n\tconst pageFlatList = parsePageMeta(fileList, jsonList, imageMap, compareFn);\n\n\t$: visiblePages = pageFlatList.slice(currentIndex * pageSize, (currentIndex * pageSize) + pageSize);\n</script>\n\n<div class=\"navigation-wrapper\">\n\t{#if (title)}\n\t\t<Card>\n\t\t\t<h1 slot=\"content\" class=\"default-card navigation-title\">\n\t\t\t\t{title}\n\t\t\t</h1>\n\t\t</Card>\n\t{/if}\n\n\t<NavigationControl bind:currentIndex={currentIndex}\n\t                   bind:contentLength={pageFlatList.length}\n\t                   bind:pageSize={pageSize}></NavigationControl>\n\n\t<div class=\"navigation-component\">\n\t\t<!-- all the misc routes-->\n\t\t{#each visiblePages as pageMeta}\n\t\t\t{@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}\n\t\t\t<button class=\"navigation-element\"\n\t\t\t        title={fullPath}\n\t\t\t        on:click={createGoToFunction(fullPath)}>\n\t\t\t\t{#if pageMeta.imageUrl}\n\t\t\t\t\t<img src={pageMeta.imageUrl}\n\t\t\t\t\t     alt={pageMeta.imageAlt ?? \"placeholder alt text please replace me or report me!\"} />\n\t\t\t\t{/if}\n\t\t\t\t<section class=\"blurb-text\">\n\t\t\t\t\t<h2>{pageMeta.title}</h2>\n\t\t\t\t\t<p>Published: {pageMeta.datePublished ?? \"N/A\"} | Last updated: {pageMeta.lastUpdated ?? \"N/A\"}</p>\n\t\t\t\t\t<p>{pageMeta.description ?? \"\"}</p>\n\t\t\t\t\tTags:\n\t\t\t\t\t{#if (pageMeta.tags && pageMeta.tags.length !== 0)}\n\t\t\t\t\t\t{#each pageMeta.tags as tagValue}\n\t\t\t\t\t\t\t&nbsp;<span class=\"badge variant-filled tag-container\">{tagValue}</span>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t{:else}\n\t\t\t\t\t\tNone\n\t\t\t\t\t{/if}\n\t\t\t\t</section>\n\t\t\t</button>\n\t\t{/each}\n\n\t\t{#if visiblePages.length === 0}\n\t\t\t<Card>\n\t\t\t\t<p class=\"default-card\" slot=\"content\">Sorry, no content was found</p>\n\t\t\t</Card>\n\t\t{/if}\n\t</div>\n\n\t<NavigationControl bind:currentIndex={currentIndex}\n\t                   bind:contentLength={pageFlatList.length}\n\t                   bind:pageSize={pageSize}></NavigationControl>\n\n</div>\n\n<style lang=\"postcss\">\n    @media (max-width: 800px) {\n        img {\n            max-height: 20rem;\n            width: 100%;\n            flex-basis: 100%;\n            border-radius: var(--theme-rounded-container) var(--theme-rounded-container) 0 0;\n        }\n\n        .navigation-element {\n            flex-direction: column;\n        }\n    }\n\n    @media (min-width: 801px) {\n        .navigation-element {\n            flex-direction: row;\n        }\n\n        img {\n            width: 20em;\n        }\n    }\n\n    .navigation-element {\n        @apply btn card card-hover bg-surface-100 dark:bg-surface-900;\n        display: flex;\n        /*flex-direction: row;*/\n        text-align: start;\n        align-items: flex-start;\n        padding: 0;\n    }\n\n    img {\n        height: 20em;\n        object-fit: cover;\n        padding: var(--theme-border-base);\n        border-radius: var(--theme-rounded-container) 0 0 var(--theme-rounded-container);\n    }\n\n    .navigation-component {\n        display: flex;\n        flex-direction: column;\n        gap: 2em;\n    }\n\n    .navigation-title {\n        text-align: center;\n    }\n\n    .blurb-text {\n        padding: 2em;\n        flex-grow: 1;\n        white-space: initial;\n        min-width: 0;\n    }\n\n    .navigation-wrapper {\n        display: flex;\n        flex-direction: column;\n        max-width: 1000px;\n    }\n\n    .tag-container {\n        margin: 0.25lh 0;\n    }\n</style>
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/lib/components/navigation_component/NavigationComponent.svelte b/src/lib/components/navigation_component/NavigationComponent.svelte
+--- a/src/lib/components/navigation_component/NavigationComponent.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
++++ b/src/lib/components/navigation_component/NavigationComponent.svelte	(date 1711678425171)
+@@ -123,6 +123,7 @@
+ 
+     .navigation-title {
+         text-align: center;
++        max-width: initial;
+     }
+ 
+     .blurb-text {
+@@ -136,6 +137,7 @@
+         display: flex;
+         flex-direction: column;
+         max-width: 1000px;
++		    width: 100%;
+     }
+ 
+     .tag-container {
+Index: src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><script lang=\"ts\">\n\timport { showComponentInToast, showTextInToast } from \"$pkg/components/pineapple/toast/Toast\";\n\timport TestCard from \"$pkg/components/pineapple/toast/custom-toast/TestCustomToast.svelte\";\n\timport TestDialogYarn from \"./TestDialog.yarn?raw\";\n\timport { Card, dialogManager } from \"$pkg\";\n\timport NavigationComponent from \"../../../../lib/components/navigation_component/NavigationComponent.svelte\";\n\timport { ImageMap } from \"../(extra-pages)/ImageMap\";\n\n\t// region Toast test scripts\n\tlet testingQueueNumber = 1;\n\tconst testingRandomPhrases = [\n\t\t\"Niko\",\n\t\t\"Niko the Baikal seal\",\n\t\t\"Niko the Baikal seal\\nfrom Toba Aquarium\"\n\t];\n\tconst testDialogYarn = TestDialogYarn;\n\n\tlet parsed = false;\n\tconst onTestDialogClick = () => {\n\t\tif (!parsed) {\n\t\t\tdialogManager.parseAndSetDialogTree(testDialogYarn).then(() => {\n\t\t\t\tdialogManager.toggleDialogOverlay();\n\t\t\t});\n\t\t\tparsed = true;\n\t\t} else {\n\t\t\tdialogManager.toggleDialogOverlay();\n\t\t}\n\t};\n\t// endregion\n\n\n\t// todo: fix fragile relative reference to the root\n\tconst fileList = import.meta.glob(\"./../**/+page.svelte\", { query: \"?raw\" });\n\tconst jsonList = import.meta.glob(\"./../**/meta.json\", { query: \"?raw\", eager: true });\n</script>\n\n<div class=\"pineapple-container\">\n\t<Card>\n\t\t<div slot=\"content\" class=\"default-card\">\n\t\t\t<button\n\t\t\t\tclass=\"btn variant-filled-secondary\"\n\t\t\t\ton:click={() => {\n\t\t\tshowComponentInToast({componentAndProps: {component: TestCard, props: undefined}});\n\t\t}}><h3>Test custom toast</h3></button>\n\t\t\t<button\n\t\t\t\tclass=\"btn variant-filled-secondary\"\n\t\t\t\ton:click={() => {\n\t\t\tshowTextInToast(`${testingQueueNumber} ${testingRandomPhrases[testingQueueNumber]}`);\n\t\t\ttestingQueueNumber = (testingQueueNumber + 1) % testingRandomPhrases.length;\n\t\t}}><h3>Handy toast</h3></button>\n\t\t\t<button\n\t\t\t\tclass=\"btn variant-filled-secondary\"\n\t\t\t\ton:click={onTestDialogClick}><h3>Test dialog</h3></button>\n\t\t</div>\n\t</Card>\n\n\t<NavigationComponent title=\"Navigation Component Test\"\n\t                     fileList={fileList}\n\t                     jsonList={jsonList}\n\t                     imageMap={ImageMap}\n\t                     parentSubpath=\"/pineapple/\">\n\t</NavigationComponent>\n</div>\n\n<style lang=\"postcss\">\n    .default-card {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 2em;\n    }\n\n    .pineapple-container {\n        display: flex;\n        flex-direction: column;\n    }\n</style>\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte b/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte
+--- a/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
++++ b/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte	(date 1711679832559)
+@@ -2,10 +2,12 @@
+ 	import { showComponentInToast, showTextInToast } from "$pkg/components/pineapple/toast/Toast";
+ 	import TestCard from "$pkg/components/pineapple/toast/custom-toast/TestCustomToast.svelte";
+ 	import TestDialogYarn from "./TestDialog.yarn?raw";
+-	import { Card, dialogManager } from "$pkg";
++	import { Card, dialogManager, enableDialogueOverlay } from "$pkg";
+ 	import NavigationComponent from "../../../../lib/components/navigation_component/NavigationComponent.svelte";
+ 	import { ImageMap } from "../(extra-pages)/ImageMap";
+ 
++	enableDialogueOverlay.set(false);
++
+ 	// region Toast test scripts
+ 	let testingQueueNumber = 1;
+ 	const testingRandomPhrases = [
+@@ -34,33 +36,31 @@
+ 	const jsonList = import.meta.glob("./../**/meta.json", { query: "?raw", eager: true });
+ </script>
+ 
+-<div class="pineapple-container">
+-	<Card>
+-		<div slot="content" class="default-card">
+-			<button
+-				class="btn variant-filled-secondary"
+-				on:click={() => {
++<Card>
++	<div slot="content" class="default-card">
++		<button
++			class="btn variant-filled-secondary"
++			on:click={() => {
+ 			showComponentInToast({componentAndProps: {component: TestCard, props: undefined}});
+ 		}}><h3>Test custom toast</h3></button>
+-			<button
+-				class="btn variant-filled-secondary"
+-				on:click={() => {
++		<button
++			class="btn variant-filled-secondary"
++			on:click={() => {
+ 			showTextInToast(`${testingQueueNumber} ${testingRandomPhrases[testingQueueNumber]}`);
+ 			testingQueueNumber = (testingQueueNumber + 1) % testingRandomPhrases.length;
+ 		}}><h3>Handy toast</h3></button>
+-			<button
+-				class="btn variant-filled-secondary"
+-				on:click={onTestDialogClick}><h3>Test dialog</h3></button>
+-		</div>
+-	</Card>
++		<button
++			class="btn variant-filled-secondary"
++			on:click={onTestDialogClick}><h3>Test dialog</h3></button>
++	</div>
++</Card>
+ 
+-	<NavigationComponent title="Navigation Component Test"
+-	                     fileList={fileList}
+-	                     jsonList={jsonList}
+-	                     imageMap={ImageMap}
+-	                     parentSubpath="/pineapple/">
+-	</NavigationComponent>
+-</div>
++<NavigationComponent title="Navigation Component Test"
++                     fileList={fileList}
++                     jsonList={jsonList}
++                     imageMap={ImageMap}
++                     parentSubpath="/pineapple/">
++</NavigationComponent>
+ 
+ <style lang="postcss">
+     .default-card {
+@@ -68,9 +68,4 @@
+         flex-wrap: wrap;
+         gap: 2em;
+     }
+-
+-    .pineapple-container {
+-        display: flex;
+-        flex-direction: column;
+-    }
+ </style>
+Index: src/routes/(pineapple)/+layout.svelte
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><script lang=\"ts\">\n\timport PinyaBaseLayout from \"$pkg/components/pineapple/PineappleBaseLayout.svelte\";\n</script>\n\n<PinyaBaseLayout>\n\t<slot />\n</PinyaBaseLayout>\n\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/routes/(pineapple)/+layout.svelte b/src/routes/(pineapple)/+layout.svelte
+--- a/src/routes/(pineapple)/+layout.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
++++ b/src/routes/(pineapple)/+layout.svelte	(date 1711677788045)
+@@ -2,7 +2,7 @@
+ 	import PinyaBaseLayout from "$pkg/components/pineapple/PineappleBaseLayout.svelte";
+ </script>
+ 
+-<PinyaBaseLayout>
++<PinyaBaseLayout showDialogByDefault={true}>
+ 	<slot />
+ </PinyaBaseLayout>
+ 

package/.idea/shelf/Changes1.xml

@@ -0,0 +1,4 @@
+<changelist name="Changes1" date="1711679855731" recycled="false">
+  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Changes1/shelved.patch" />
+  <option name="DESCRIPTION" value="Changes" />
+</changelist>

package/.idea/shelf/yarn_scripts/shelved.patch

@@ -0,0 +1,20 @@
+Index: package.json
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+>{\n  \"name\": \"@turnipxenon/pineapple\",\n  \"description\": \"personal package for base styling for other personal projects\",\n  \"version\": \"2.4.29\",\n  \"scripts\": {\n    \"dev\": \"vite dev\",\n    \"build\": \"npm run check-requirements && vite build && yarn package\",\n    \"package\": \"svelte-kit sync && svelte-package && publint\",\n    \"check\": \"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json\",\n    \"check:watch\": \"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch\",\n    \"lint\": \"prettier --plugin-search-dir . --check . && eslint .\",\n    \"format\": \"prettier --plugin-search-dir . --write .\",\n    \"generate\": \"npx vite-node src/routes/blogs/blog_list_data_generator.ts && npx vite-node src/routes/toyay/toya_files_generator.ts && npm run generate-yarn\",\n    \"generate-yarn\": \"npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts\",\n    \"check-requirements\": \"npx vite-node src/lib/scripts/SetDefaultEnvironment.ts\",\n    \"custom-check\": \"npx vite-node src/lib/scripts/util/ManualCheckRun.ts\",\n    \"preview\": \"vite preview\",\n    \"prepublishOnly\": \"yarn package\"\n  },\n  \"devDependencies\": {\n    \"@sveltejs/adapter-auto\": \"^3.1.1\",\n    \"@sveltejs/kit\": \"^2.5.2\",\n    \"@sveltejs/package\": \"^2.2.1\",\n    \"@tailwindcss/forms\": \"^0.5.3\",\n    \"@tailwindcss/typography\": \"^0.5.9\",\n    \"@typescript-eslint/eslint-plugin\": \"^5.45.0\",\n    \"@typescript-eslint/parser\": \"^5.45.0\",\n    \"autoprefixer\": \"^10.4.14\",\n    \"eslint\": \"^8.28.0\",\n    \"eslint-config-prettier\": \"^8.5.0\",\n    \"eslint-plugin-svelte3\": \"^4.0.0\",\n    \"postcss\": \"8.4.35\",\n    \"prettier\": \"^3.2.5\",\n    \"prettier-plugin-svelte\": \"^3.2.2\",\n    \"svelte\": \"^4.2.12\",\n    \"svelte-check\": \"^3.6.6\",\n    \"svelte2tsx\": \"^0.6.20\",\n    \"tailwindcss\": \"^3.3.2\",\n    \"tslib\": \"^2.4.1\",\n    \"typescript\": \"^5.1.6\",\n    \"vite\": \"^5.1.5\"\n  },\n  \"dependencies\": {\n    \"@skeletonlabs/skeleton\": \"^2.9.0\",\n    \"@skeletonlabs/tw-plugin\": \"^0.3.1\",\n    \"@sveltejs/adapter-vercel\": \"^5.1.0\",\n    \"@sveltejs/kit\": \"^2.5.2\",\n    \"@sveltejs/vite-plugin-svelte\": \"^3.0.2\",\n    \"@types/htmlparser2\": \"^3.10.7\",\n    \"@types/node\": \"^20.11.25\",\n    \"highlight.js\": \"^11.8.0\",\n    \"htmlparser2\": \"^9.1.0\",\n    \"node-html-parser\": \"^6.1.5\",\n    \"publint\": \"^0.2.7\",\n    \"string-width\": \"^7.1.0\",\n    \"svelte\": \"^4.2.12\",\n    \"ts-node\": \"^10.9.1\"\n  },\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"svelte\": \"./dist/index.js\"\n    },\n    \"./app.postcss\": \"./src/lib/app.postcss\",\n    \"./theme.postcss\": \"./src/lib/theme.postcss\"\n  },\n  \"files\": [\n    \"dist\",\n    \"!dist/**/*.test.*\",\n    \"!dist/**/*.spec.*\",\n    \"./src/lib/app.postcss\",\n    \"./src/lib/theme.postcss\"\n  ],\n  \"repository\": \"https://github.com/TurnipXenon/pineapple\",\n  \"author\": \"turnipxenon <turnipxenon@gmail.com>\",\n  \"license\": \"MIT\",\n  \"svelte\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"type\": \"module\"\n}\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/package.json b/package.json
+--- a/package.json	(revision d30651f448fe5a9da3cf47b3f3218aaeb2c719d4)
++++ b/package.json	(date 1711679914979)
+@@ -15,7 +15,8 @@
+     "check-requirements": "npx vite-node src/lib/scripts/SetDefaultEnvironment.ts",
+     "custom-check": "npx vite-node src/lib/scripts/util/ManualCheckRun.ts",
+     "preview": "vite preview",
+-    "prepublishOnly": "yarn package"
++    "prepublishOnly": "yarn package",
++    "to-dev": "git checkout main && git pull origin main && git checkout -b turnip/dev"
+   },
+   "devDependencies": {
+     "@sveltejs/adapter-auto": "^3.1.1",

package/.idea/shelf/yarn_scripts.xml

@@ -0,0 +1,4 @@
+<changelist name="yarn_scripts" date="1711680044884" recycled="false">
+  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/yarn_scripts/shelved.patch" />
+  <option name="DESCRIPTION" value="yarn scripts" />
+</changelist>

package/.idea/workspace.xml

@@ -4,11 +4,9 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Fix default page sorting">
-      <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/PageMeta.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/PageMeta.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/+page.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(pineapple)/+page.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/TestDialog.yarn" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(pineapple)/TestDialog.yarn" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Layout adjustments to PineappleBaseLayout">
+      <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationComponent.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationComponent.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -53,7 +51,7 @@
   <component name="Git.Settings">
     <option name="RECENT_BRANCH_BY_REPOSITORY">
       <map>
-        <entry key="$PROJECT_DIR$" value="6265bc453ce0896e47aa5b4c13ed4923220ea380" />
+        <entry key="$PROJECT_DIR$" value="main" />
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -93,7 +91,7 @@
     &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
     &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
     &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
-    &quot;git-widget-placeholder&quot;: &quot;turnip/navigation&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;turnip/improvements&quot;,
     &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
     &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/routes/(pineapple)/pineapple/(extra-pages)/page3/page7/(test_layout)/page8&quot;,
     &quot;list.type.of.created.stylesheet&quot;: &quot;CSS&quot;,
@@ -123,11 +121,11 @@
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\page3\page7\(test_layout)\page8" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(pineapple)" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(nested)" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page1" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page2" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page3" />
     </key>
     <key name="es6.move.members.recent.items">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\types\RootLayoutProps.ts" />
@@ -164,9 +162,9 @@
       <list>
         <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.dev-offline" />
-        <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.dev-offline" />
+        <item itemvalue="npm.dev-offline" />
       </list>
     </recent_temporary>
   </component>
@@ -254,23 +252,11 @@
       <workItem from="1711501054028" duration="138000" />
       <workItem from="1711501365165" duration="661000" />
       <workItem from="1711503193901" duration="146000" />
-      <workItem from="1711587392130" duration="266000" />
-    </task>
-    <task id="LOCAL-00065" summary="Add custom toast">
-      <option name="closed" value="true" />
-      <created>1710560664163</created>
-      <option name="number" value="00065" />
-      <option name="presentableId" value="LOCAL-00065" />
-      <option name="project" value="LOCAL" />
-      <updated>1710560664164</updated>
-    </task>
-    <task id="LOCAL-00066" summary="Add simple text toast">
-      <option name="closed" value="true" />
-      <created>1710564041434</created>
-      <option name="number" value="00066" />
-      <option name="presentableId" value="LOCAL-00066" />
-      <option name="project" value="LOCAL" />
-      <updated>1710564041434</updated>
+      <workItem from="1711587392130" duration="863000" />
+      <workItem from="1711677339000" duration="218000" />
+      <workItem from="1711677568464" duration="55000" />
+      <workItem from="1711677762467" duration="3110000" />
+      <workItem from="1711680966158" duration="268000" />
     </task>
     <task id="LOCAL-00067" summary="Enforce stricter typing for Toast components">
       <option name="closed" value="true" />
@@ -648,7 +634,23 @@
       <option name="project" value="LOCAL" />
       <updated>1711499848251</updated>
     </task>
-    <option name="localTasksCounter" value="114" />
+    <task id="LOCAL-00114" summary="Fix double dor parsing issue in NavigationComponent">
+      <option name="closed" value="true" />
+      <created>1711587709413</created>
+      <option name="number" value="00114" />
+      <option name="presentableId" value="LOCAL-00114" />
+      <option name="project" value="LOCAL" />
+      <updated>1711587709414</updated>
+    </task>
+    <task id="LOCAL-00115" summary="Layout adjustments to PineappleBaseLayout">
+      <option name="closed" value="true" />
+      <created>1711680166876</created>
+      <option name="number" value="00115" />
+      <option name="presentableId" value="LOCAL-00115" />
+      <option name="project" value="LOCAL" />
+      <updated>1711680166877</updated>
+    </task>
+    <option name="localTasksCounter" value="116" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -706,9 +708,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Remove unnecessary imports and variables in SeaweedTemplate" />
-    <MESSAGE value="Add page query param creator" />
-    <MESSAGE value="Hide advanced settings when letChaos is true" />
     <MESSAGE value="Add OverridableMeta component" />
     <MESSAGE value="Fix package main index" />
     <MESSAGE value="Fix dialog positioning&#10;&#10;Dialog positioning seemed to be broken when the styles from Seaweed moved to postcss, even if the dialog solely exists in Pineapple" />
@@ -731,6 +730,9 @@
     <MESSAGE value="Add default sorter for NavigationComponent" />
     <MESSAGE value="Fix NavigationComponent styling" />
     <MESSAGE value="Fix default page sorting" />
-    <option name="LAST_COMMIT_MESSAGE" value="Fix default page sorting" />
+    <MESSAGE value="Fix double dor parsing issue in NavigationComponent" />
+    <MESSAGE value="yarn scripts" />
+    <MESSAGE value="Layout adjustments to PineappleBaseLayout" />
+    <option name="LAST_COMMIT_MESSAGE" value="Layout adjustments to PineappleBaseLayout" />
   </component>
 </project>

package/.svelte-kit/__package__/components/Card.svelte

@@ -2,6 +2,7 @@
 export let marginBottom = "2lh";
 export let overrideStyle = "";
 export let includeDataNoSnippet = true;
+export let additionalClass = [];
 const style = `
 		--turnip-card-margin: ${margin};
 		--turnip-card-margin-bottom: ${marginBottom};
@@ -10,10 +11,11 @@ const style = `
 if (!$$slots.content) {
   console.error("Missing content slot in card. No content will be displayed.");
 }
+const classes = ["card", "turnip-card"].concat(additionalClass).join(" ");
 </script>
 
 {#if (includeDataNoSnippet)}
-	<div class="card turnip-card" style={style} data-no-snippet>
+	<div class={classes} style={style} data-no-snippet>
 		<slot name="content" class="card" />
 	</div>
 {:else }

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

@@ -5,6 +5,7 @@ declare const __propDef: {
         marginBottom?: string | undefined;
         overrideStyle?: string | undefined;
         includeDataNoSnippet?: boolean | undefined;
+        additionalClass?: string[] | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -12,19 +12,17 @@ dialogManager.currentPortrait.subscribe((value) => {
     currentPortrait = value;
   }
 });
-onMount(() => {
-  dialogManager.update(0);
-});
 let hidePercent = 100;
 let isHidden = true;
-dialogManager.hidePercent.subscribe((value) => {
-  hidePercent = value * 0.4;
-  isHidden = false;
-});
-dialogManager.currentReadableState.subscribe((value) => {
-  isHidden = value === DialogState.Invisible;
-  if (value === DialogState.Invisible) {
-  }
+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();