@turnipxenon/pineapple 4.5.1 → 5.0.0-alpha.10

package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte

@@ -1,27 +1,39 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import { modals } from "svelte-modals";
-	import { m } from "../../../external/paraglide/messages";
-	import { localizeHref } from "../../../external/paraglide/runtime";
+<!-- TODO: Documentation: consider documentation showcase -->
 
+<script lang="ts">
+	import { dialogManager } from "../../..";
 	import AresLogo from "../../../assets/characters/ares/ares_logo.webp";
 	import SettingsLogo from "../../../assets/icons/icon-settings.svg";
+	import HamburgerIcon from "../../../assets/icons/icon-menu.svg";
+	import DialogIcon from "../../../assets/icons/icon-chat.svg";
+
+	import { m } from "../../../external/paraglide/messages";
+	import { localizeHref } from "../../../external/paraglide/runtime";
+	import { enableBackground } from "../../../store";
 	import RandomizedBackground from "../../components/randomized-background/RandomizedBackground.svelte";
+	import { ButtonVariant, ColorScheme, ImageIcon } from "../../elements/index";
 	import GeneralSettingsModal from "../../modules/modals/general-settings/GeneralSettingsModal.svelte";
-	import { appState } from "./runes.svelte";
-	import { enableBackground } from "../../../store";
-	import DialogOverlay from "../../modules/dialog_overlay/DialogOverlay.svelte";
+	import NavigationModal from "../../modules/modals/general-settings/NavigationModal.svelte";
+	import UniversalOverlay from "../../modules/universal-overlay/UniversalOverlay.svelte";
+	import { getEnableDialogOverlayContext } from "../../../util/context/pineappleBaseContextDefinitions.svelte";
+	import type { Snippet } from "svelte";
+	import { modals } from "svelte-modals";
+	import PinyaButton from "../../elements/PinyaButton/PinyaButton.svelte";
+	import { appState } from "./pinyaPageLayoutRunes.svelte.js";
 
 	let {
 		children,
 		appBarLead = $bindable(),
-		footer
+		footer,
+		appBardEndStyle = "functional"
 	}: {
 		children: Snippet
 		appBarLead?: Snippet
-		footer?: Snippet
+		footer?: Snippet,
+		appBardEndStyle?: "classic" | "functional"
 	} = $props();
 
+	let enableUniversalOverlay = getEnableDialogOverlayContext();
 
 	const onSettingsClick = () => {
 		modals.open(GeneralSettingsModal);
@@ -56,14 +68,42 @@
 		{/if}
 
 
-		<button
-			title={m.settings()}
-			aria-label={m.settings()}
-			class="btn-icon preset-outlined-primary-500 hover:brightness-125"
-			onclick={onSettingsClick}
-		>
-			<img class="icon" src={SettingsLogo} aria-hidden="true" alt="">
-		</button>
+		{#if appBardEndStyle === 'classic'}
+			<button
+				title={m.settings()}
+				aria-label={m.settings()}
+				class="btn-icon preset-outlined-primary-500 hover:brightness-125"
+				onclick={onSettingsClick}
+			>
+				<img class="icon" src={SettingsLogo} aria-hidden="true" alt="">
+			</button>
+		{:else }
+			<div id="header-action-wrapper">
+				<!-- site map -->
+				<PinyaButton
+					title="Navigation"
+					onclick={()=>{modals.open(NavigationModal);}}
+				>
+					<ImageIcon src={HamburgerIcon} aria-hidden="true" alt=""></ImageIcon>
+				</PinyaButton>
+				<!-- settings -->
+				<PinyaButton
+					title="Settings"
+					buttonVariant={ButtonVariant.Image}
+					onclick={()=>{modals.open(GeneralSettingsModal);}}
+				>
+					<ImageIcon src={SettingsLogo} aria-hidden="true" alt=""></ImageIcon>
+				</PinyaButton>
+					<PinyaButton
+						title="Toggle conversation"
+						buttonVariant={ButtonVariant.Image}
+						colorScheme={$enableUniversalOverlay ? ColorScheme.Secondary : undefined}
+						onclick={()=>{dialogManager.toggleDialogOverlay();}}
+					>
+					<ImageIcon src={DialogIcon} aria-hidden="true" alt=""></ImageIcon>
+				</PinyaButton>
+			</div>
+		{/if}
 	</header>
 {/snippet}
 
@@ -72,11 +112,11 @@
 
 <RandomizedBackground enabled={$enableBackground} />
 
-<div class="default-page-container">
+<div id="default-page-container">
 	{@render children?.()}
 </div>
 
-<DialogOverlay></DialogOverlay>
+<UniversalOverlay></UniversalOverlay>
 
 {#if footer}
 	{@render footer()}
@@ -86,19 +126,49 @@
 
 
 <style>
+		:global {
+        #header-action-wrapper {
+		        max-height: 2rem;
+            display: flex;
+            flex-direction: row-reverse;
+            gap: 0.5rem;
+
+            &> * {
+                padding: 0;
+		            aspect-ratio: 1 / 1;
+		            height: 100%;
+
+		            &> img {
+				            padding: 0.3rem;
+		                height: 95%;
+				            aspect-ratio: 1 / 1;
+				            object-fit: contain;
+		            }
+            }
+
+            .pinya-button {
+                border-radius: 50%;
+            }
+        }
+
+				:root {
+		      --default-page-container-margin: 4rem 1rem 0 1rem;
+				}
+		}
+
     header {
         top: 0;
         display: flex;
-        padding: 1rem 1rem 1rem calc(1rem + 5vw);
+        padding: 0.5rem calc(0.5rem + 1vw) 0.5rem calc(0.5rem + 5vw);
         align-items: center;
         transform: translateX(-5vw);
     }
 
-    .default-page-container {
+    #default-page-container {
         display: flex;
         justify-content: center;
         align-items: center;
-        margin: 4rem 1rem 0 1rem;
+        margin: var(--default-page-container-margin);
         flex-direction: column;
     }
 

package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.d.ts

@@ -3,7 +3,9 @@ type $$ComponentProps = {
     children: Snippet;
     appBarLead?: Snippet;
     footer?: Snippet;
+    appBardEndStyle?: "classic" | "functional";
 };
 declare const PinyaPageLayout: import("svelte").Component<$$ComponentProps, {}, "appBarLead">;
 type PinyaPageLayout = ReturnType<typeof PinyaPageLayout>;
 export default PinyaPageLayout;
+//# sourceMappingURL=PinyaPageLayout.svelte.d.ts.map

package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaPageLayout.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKrC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,SAAS,GAAG,YAAY,CAAA;CAC1C,CAAC;AAyGH,QAAA,MAAM,eAAe,gEAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/ui/templates/PinyaPageLayout/index.d.ts

@@ -1,2 +1,3 @@
 export { default as PinyaPageLayout } from "./PinyaPageLayout.svelte";
-export * from "./runes.svelte";
+export * from "./pinyaPageLayoutRunes.svelte.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/templates/PinyaPageLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/PinyaPageLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,cAAc,kCAAkC,CAAC"}

package/dist/ui/templates/PinyaPageLayout/index.js

@@ -1,2 +1,2 @@
 export { default as PinyaPageLayout } from "./PinyaPageLayout.svelte";
-export * from "./runes.svelte";
+export * from "./pinyaPageLayoutRunes.svelte.js";

package/dist/ui/templates/PinyaPageLayout/{runes.svelte.d.ts → pinyaPageLayoutRunes.svelte.d.ts}

@@ -9,3 +9,4 @@ interface AppStore {
 }
 export declare const appState: AppStore;
 export {};
+//# sourceMappingURL=pinyaPageLayoutRunes.svelte.d.ts.map

package/dist/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinyaPageLayoutRunes.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,UAAU,QAAQ;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB,EAAE,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,UAInB,CAAC"}

package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte

@@ -1,3 +1,5 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import { type PageMeta } from "../../modules/NavigationMenu/index";
 	import { onMount } from "svelte";
@@ -73,7 +75,7 @@
 
     .chum-bucket {
 		    margin-top: 2lh;
-        padding: 1.5lh 0;
+        padding: 1.5lh 1em;
         width: 100%;
         max-width: var(--container-3xl);
     }

package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte.d.ts

@@ -1,3 +1,4 @@
 declare const ChumBucket: import("svelte").Component<Record<string, never>, {}, "">;
 type ChumBucket = ReturnType<typeof ChumBucket>;
 export default ChumBucket;
+//# sourceMappingURL=ChumBucket.svelte.d.ts.map

package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChumBucket.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ChumBucket.svelte.ts"],"names":[],"mappings":"AAoEA,QAAA,MAAM,UAAU,2DAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte

@@ -1,12 +1,10 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import { type CreateUrlRequest, CreateUrlResult, jsonToCreateUrlResponse } from "../../../types/api/CreateUrl";
-	import type { ToastContext } from "@skeletonlabs/skeleton-svelte";
-	import { getContext } from "svelte";
-	import type { ToastSettings } from "./ToastSettings";
+	import { addToast } from "../../components/MeltToaster/MeltToaster.svelte";
 	import PinyaButton from "../../elements/PinyaButton/PinyaButton.svelte";
-
-	export const toast: ToastContext = getContext("toast");
-
+	import type { ToastSettings } from "../../components/MeltToaster/ToastSettings";
 
 	interface Props {
 		queryParams?: string;
@@ -26,15 +24,17 @@
 
 
 	const failToast: ToastSettings = {
-		title: "Adding new url failed",
-		type: "error"
+		type: "error",
+		description: "Adding new url failed"
 	};
 	const toastMap = new Map<CreateUrlResult, ToastSettings>([
 		[CreateUrlResult.Success, {
-			title: "Successfully added new url"
+			type: "success",
+			description: "Successfully added new url"
 		}],
 		[CreateUrlResult.Duplicate, {
-			title: "Short url already used; try again with another url"
+			type: "error",
+			description: "Short url already used; try again with another url"
 		}],
 		[CreateUrlResult.Fail, failToast]
 	]);
@@ -49,7 +49,7 @@
 			resp.json()
 		).then(json => {
 			const properResp = jsonToCreateUrlResponse(json);
-			toast.create(toastMap.get(properResp.result) ?? failToast);
+			addToast({ data: toastMap.get(properResp.result) ?? failToast });
 		});
 	};
 </script>
@@ -75,6 +75,6 @@
         display: flex;
         flex-direction: column;
         gap: 0.5lh;
-		    margin-top: 1lh;
+        margin-top: 1lh;
     }
 </style>

package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte.d.ts

@@ -1,9 +1,7 @@
-import type { ToastContext } from "@skeletonlabs/skeleton-svelte";
 interface Props {
     queryParams?: string;
 }
-declare const CreateUrlForm: import("svelte").Component<Props, {
-    toast: ToastContext;
-}, "">;
+declare const CreateUrlForm: import("svelte").Component<Props, {}, "">;
 type CreateUrlForm = ReturnType<typeof CreateUrlForm>;
 export default CreateUrlForm;
+//# sourceMappingURL=CreateUrlForm.svelte.d.ts.map

package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateUrlForm.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/CreateUrlForm.svelte.ts"],"names":[],"mappings":"AASC,UAAU,KAAK;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAkEF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte

@@ -1,3 +1,5 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import { PinyaCard } from "../../elements/PinyaCard";
 	import type { ProjectGroup, SnippetMeta } from "./";
@@ -5,7 +7,7 @@
 	let {
 		title,
 		entryList,
-		projectComponentProps,
+		projectComponentProps
 	}: ProjectGroup = $props();
 
 	const isSpecial = $derived(entryList.length % 3 === 1);
@@ -19,7 +21,7 @@
 </script>
 
 <div class="mt-8 flex flex-col items-center">
-	<PinyaCard widthClass="w-full" className="mb-8">
+	<PinyaCard class="group-header">
 		<h2 class="m-auto">{title}</h2>
 	</PinyaCard>
 	<div class="normal-project-container">
@@ -34,12 +36,6 @@
 	</div>
 </div>
 
-<!--todo: implement in seaweedlayout #migration-->
-<!--{@html styleStr}-->
-
-<!-- Force tailwind to pickup some classes -->
-<div class="hidden rounded-2xl hover:brightness-110"></div>
-
 <style>
     .normal-project-container {
         display: flex;
@@ -63,4 +59,11 @@
         justify-content: center;
         align-items: start;
     }
+
+    :global {
+        .group-header.pinya-card {
+            margin-bottom: calc(var(--spacing) * 8);
+            max-width: unset;
+        }
+    }
 </style>

package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte.d.ts

@@ -2,3 +2,4 @@ import type { ProjectGroup } from "./";
 declare const EntryGroup: import("svelte").Component<ProjectGroup, {}, "">;
 type EntryGroup = ReturnType<typeof EntryGroup>;
 export default EntryGroup;
+//# sourceMappingURL=EntryGroup.svelte.d.ts.map

package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryGroup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/EntryGroup.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iCAAiC,CAAC;AA4CjF,QAAA,MAAM,UAAU,kDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte

@@ -1,3 +1,5 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import type { ProjectGroup, SnippetMeta } from "./";
 	import ProjectGroupConfig from "./ProjectGroupConfig.svelte";

package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.d.ts

@@ -7,3 +7,4 @@ interface Props {
 declare const EntryOrderConfig: import("svelte").Component<Props, {}, "layout" | "orderUrl">;
 type EntryOrderConfig = ReturnType<typeof EntryOrderConfig>;
 export default EntryOrderConfig;
+//# sourceMappingURL=EntryOrderConfig.svelte.d.ts.map

package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryOrderConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAIhF,UAAU,KAAK;IACd,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,WAAW,EAAE,CAAC;CAC1B;AA8BF,QAAA,MAAM,gBAAgB,8DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/ui/templates/SeaweedLayout/ProjectComponentProps.d.ts

@@ -3,3 +3,4 @@ export interface ProjectComponentProps {
     isPineapple?: boolean;
 }
 export type ComponentSnippet = Snippet<[ProjectComponentProps]>;
+//# sourceMappingURL=ProjectComponentProps.d.ts.map

package/dist/ui/templates/SeaweedLayout/ProjectComponentProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectComponentProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectComponentProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,qBAAqB;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC"}

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte

@@ -1,3 +1,5 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import UpwardIcon from "../../../assets/icons/arrow-upward.svg";
 	import CloseIcon from "../../../assets/icons/close.svg";
@@ -5,10 +7,7 @@
 	import { PinyaButton } from "../../elements/PinyaButton";
 	import { PinyaCard } from "../../elements/PinyaCard";
 	import type { ProjectGroup, SnippetMeta } from "./";
-	import { type ToastContext } from "@skeletonlabs/skeleton-svelte";
-	import { getContext } from "svelte";
-
-	export const toast: ToastContext = getContext("toast");
+	import { addToast } from "../../components/MeltToaster/MeltToaster.svelte";
 
 	interface Props {
 		layout: ProjectGroup[];
@@ -103,7 +102,7 @@
 		};
 	});
 
-	let comboboxValue = $state([comboboxData[0].value]);
+	let comboboxValue = $state(comboboxData[0].value);
 
 	const addEntry = () => {
 		const c = allEntries.find(e => e.key === comboboxValue[0]);
@@ -114,10 +113,12 @@
 		}
 
 		if (group.entryList.includes(c)) {
-			toast.create({
-				title: "Duplicate entry",
-				description: `The entry ${comboboxValue} is already in ${group.title}`,
-				type: "error"
+			addToast({
+				data: {
+					title: "Duplicate entry",
+					description: `The entry ${comboboxValue} is already in ${group.title}`,
+					type: "error"
+				}
 			});
 			return;
 		}
@@ -129,10 +130,9 @@
 </script>
 
 <PinyaCard
-	widthClass="max-w-2xl"
+	class="project-group-config-card"
 	borderClass="border-[2px] border-primary-500"
 	marginClass="mt-4 mb-4"
-	paddingClass=""
 >
 
 	<div class="m-4 flex flex-row gap-2">
@@ -203,6 +203,7 @@
 				<PinyaButton onclick={addEntry}>Add Entry
 				</PinyaButton>
 				<PinyaCombobox
+					class="project-group-config"
 					data={comboboxData}
 					defaultValue={comboboxValue}
 					bind:value={comboboxValue}
@@ -225,7 +226,7 @@
     }
 
     .entry-name {
-        grow: 1;
+        flex-grow: 1;
     }
 
     tr, td, th, table {
@@ -260,4 +261,15 @@
         flex-direction: row;
         gap: 1em;
     }
+
+    :global {
+        .project-group-config-card.pinya-card {
+            max-width:var(--container-2xl);
+		        padding: 0;
+        }
+
+        .project-group-config.pinya-combobox-wrapper {
+		        flex-grow: 1;
+        }
+    }
 </style>

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts

@@ -1,5 +1,4 @@
 import type { ProjectGroup, SnippetMeta } from "./";
-import { type ToastContext } from "@skeletonlabs/skeleton-svelte";
 interface Props {
     layout: ProjectGroup[];
     orderUrl: string;
@@ -7,8 +6,7 @@ interface Props {
     group: ProjectGroup;
     groupIndex: number;
 }
-declare const ProjectGroupConfig: import("svelte").Component<Props, {
-    toast: ToastContext;
-}, "layout" | "orderUrl">;
+declare const ProjectGroupConfig: import("svelte").Component<Props, {}, "layout" | "orderUrl">;
 type ProjectGroupConfig = ReturnType<typeof ProjectGroupConfig>;
 export default ProjectGroupConfig;
+//# sourceMappingURL=ProjectGroupConfig.svelte.d.ts.map

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectGroupConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAIhF,UAAU,KAAK;IACd,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACnB;AAkMF,QAAA,MAAM,kBAAkB,8DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte

@@ -1,3 +1,5 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import { fly } from "svelte/transition";
 	import type { ProjectGroup, SeaweedLayoutProps } from "./props";
@@ -168,7 +170,7 @@
 		linkedinSlug={linkedinSlug}
 	/>
 {/snippet}
-<PinyaPageLayout>
+<PinyaPageLayout appBardEndStyle="classic">
 	{#snippet appBarLead()}
 		{#if showMiniSocial}
 			<div
@@ -286,4 +288,9 @@
         gap: 0.25em;
         margin-top: 1lh;
     }
+
+    .advanced-setting {
+		    margin-left: 1em;
+		    margin-right: 1em;
+    }
 </style>

package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte.d.ts

@@ -2,3 +2,4 @@ import type { SeaweedLayoutProps } from "./props";
 declare const SeaweedLayout: import("svelte").Component<SeaweedLayoutProps, {}, "">;
 type SeaweedLayout = ReturnType<typeof SeaweedLayout>;
 export default SeaweedLayout;
+//# sourceMappingURL=SeaweedLayout.svelte.d.ts.map

package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeaweedLayout.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/SeaweedLayout.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA6PhE,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/ui/templates/SeaweedLayout/index.d.ts

@@ -2,3 +2,4 @@ export { default as SeaweedLayout } from "./SeaweedLayout.svelte";
 export { default as EntryGroup } from "./EntryGroup.svelte";
 export * from "./props";
 export * from "./ProjectComponentProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/templates/SeaweedLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAA"}

package/dist/ui/templates/SeaweedLayout/props.d.ts

@@ -25,3 +25,4 @@ export interface SeaweedLayoutProps {
     serverParams?: string;
 }
 export {};
+//# sourceMappingURL=props.d.ts.map

package/dist/ui/templates/SeaweedLayout/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,KAAK,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC9C;AAED,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAElB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/ui/templates/blog_template/BlogTemplate.svelte

@@ -1,11 +1,14 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import "./blog-template.css";
+	import { setIgnoreOverlayOverride } from "../../../util/context/pineappleBaseContextDefinitions.svelte";
 	import { onDestroy, onMount, type Snippet } from "svelte";
 	import BlogTemplateInner from "./BlogTemplateInner.svelte";
 	import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
-	import { enableDialogueOverlay } from "../../../components/dialog_manager/DialogManagerStore";
+	import { enableUniversalOverlaySvelte4 } from "../../../components/dialog_manager/DialogManagerStore";
 	import PinyaCard from "../../elements/PinyaCard/PinyaCard.svelte";
-	import { appState } from "../PinyaPageLayout/runes.svelte";
+	import { appState } from "../PinyaPageLayout/pinyaPageLayoutRunes.svelte.js";
 
 	// grab page meta from the adjacent meta.json
 	interface Props {
@@ -26,14 +29,16 @@
 
 	let initialDialogState = false;
 
+	setIgnoreOverlayOverride(true);
+
 	onMount(() => {
-		initialDialogState = $enableDialogueOverlay;
-		enableDialogueOverlay.set(shouldEnableDialogOverlay);
+		initialDialogState = $enableUniversalOverlaySvelte4;
+		enableUniversalOverlaySvelte4.set(shouldEnableDialogOverlay);
 	});
 
 	onDestroy(() => {
 		appState.bgOpacity = 1;
-		enableDialogueOverlay.set(initialDialogState);
+		enableUniversalOverlaySvelte4.set(initialDialogState);
 	});
 
 	appState.bgOpacity = shouldFillWholePage ? 0.2 : 1;
@@ -60,4 +65,4 @@
         padding-right: 2em;
         padding-left: 2em;
     }
-</style>
+</style>

package/dist/ui/templates/blog_template/BlogTemplate.svelte.d.ts

@@ -11,3 +11,4 @@ interface Props {
 declare const BlogTemplate: import("svelte").Component<Props, {}, "">;
 type BlogTemplate = ReturnType<typeof BlogTemplate>;
 export default BlogTemplate;
+//# sourceMappingURL=BlogTemplate.svelte.d.ts.map

package/dist/ui/templates/blog_template/BlogTemplate.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogTemplate.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplate.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAC;AAE7B,OAAO,EAAsB,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAO1E,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAyDF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte

@@ -1,3 +1,5 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
 
@@ -23,7 +25,7 @@
 		{#if pageMeta.tags.length > 0}
 			<section id="article-tags">
 				Tags:
-				{#each pageMeta.tags as tag}
+				{#each pageMeta.tags as tag, index (index)}
 					<span class="badge preset-filled">{tag}</span>
 				{/each}
 			</section>
@@ -43,4 +45,4 @@
     .badge {
         margin-inline-end: 0.5em;
     }
-</style>
+</style>

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts

@@ -6,3 +6,4 @@ interface Props {
 declare const BlogTemplateInner: import("svelte").Component<Props, {}, "">;
 type BlogTemplateInner = ReturnType<typeof BlogTemplateInner>;
 export default BlogTemplateInner;
+//# sourceMappingURL=BlogTemplateInner.svelte.d.ts.map

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogTemplateInner.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplateInner.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAG1E,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACpC;AAwCF,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}