@turnipxenon/pineapple 2.4.71 → 2.4.73

package/.svelte-kit/output/server/entries/pages/(pineapple)/pineapple/(pineapple)/_page.svelte.js

@@ -0,0 +1,333 @@
+import { c as create_ssr_component, b as subscribe, e as escape, v as validate_component, d as each, a as add_attribute } from "../../../../../chunks/ssr.js";
+import { C as Card } from "../../../../../chunks/PineappleBaseLayout.svelte_svelte_type_style_lang.js";
+import "../../../../../chunks/ProgressBar.svelte_svelte_type_style_lang.js";
+import "../../../../../chunks/client.js";
+import { T as TestImage, e as enableDialogueOverlay } from "../../../../../chunks/DialogManagerStore.js";
+import "../../../../../chunks/NavigationComponent.svelte_svelte_type_style_lang.js";
+import { P as PineappleSlideToggle } from "../../../../../chunks/PineappleSlideToggle.js";
+import { p as page } from "../../../../../chunks/stores2.js";
+const css$2 = {
+  code: ".navigation-control-container.svelte-1rok1w8{display:flex;justify-content:space-between;margin:1lh 0}.svelte-1rok1w8:is(.dark .navigation-control-button){--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-500) / var(--tw-bg-opacity));color:rgb(var(--on-secondary))}.navigation-control-button.svelte-1rok1w8:disabled{cursor:not-allowed;opacity:0.5}.navigation-control-button.svelte-1rok1w8:disabled:hover{--tw-brightness:brightness(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navigation-control-button.svelte-1rok1w8:disabled:active{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.navigation-control-button.svelte-1rok1w8{font-size:1rem;line-height:1.5rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:9px;padding-bottom:9px;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-radius:var(--theme-rounded-base)}.navigation-control-button.svelte-1rok1w8:hover{--tw-brightness:brightness(1.15);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navigation-control-button.svelte-1rok1w8:active{--tw-scale-x:95%;--tw-scale-y:95%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-brightness:brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navigation-control-button.svelte-1rok1w8{--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-500) / var(--tw-bg-opacity));color:rgb(var(--on-secondary))}.svelte-1rok1w8:is(.dark .navigation-control-button){--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-500) / var(--tw-bg-opacity));color:rgb(var(--on-secondary))}",
+  map: null
+};
+const NavigationControl = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let $page, $$unsubscribe_page;
+  $$unsubscribe_page = subscribe(page, (value) => $page = value);
+  let { currentIndex = 0 } = $$props;
+  let { contentLength } = $$props;
+  let { pageSize } = $$props;
+  const queryIndex = $page.url.searchParams.get("index");
+  if (queryIndex) {
+    currentIndex = parseInt(queryIndex) || 0;
+  }
+  const queryPageSize = $page.url.searchParams.get("pageSize");
+  if (queryPageSize) {
+    pageSize = parseInt(queryPageSize) || 5;
+  }
+  if ($$props.currentIndex === void 0 && $$bindings.currentIndex && currentIndex !== void 0)
+    $$bindings.currentIndex(currentIndex);
+  if ($$props.contentLength === void 0 && $$bindings.contentLength && contentLength !== void 0)
+    $$bindings.contentLength(contentLength);
+  if ($$props.pageSize === void 0 && $$bindings.pageSize && pageSize !== void 0)
+    $$bindings.pageSize(pageSize);
+  $$result.css.add(css$2);
+  $$unsubscribe_page();
+  return `<div class="navigation-control-container svelte-1rok1w8"><button class="navigation-control-button svelte-1rok1w8" ${currentIndex <= 0 ? "disabled" : ""}>${escape("<")}</button> ${validate_component(Card, "Card").$$render($$result, { marginBottom: "0" }, {}, {
+    content: () => {
+      return `<p slot="content" style="margin: 1em" class="svelte-1rok1w8">Page ${escape(currentIndex + 1)}</p>`;
+    }
+  })} <button class="navigation-control-button svelte-1rok1w8" ${(currentIndex + 1) * pageSize >= contentLength ? "disabled" : ""}>${escape(">")}</button> </div>`;
+});
+const parsePageMeta = (fileList, jsonList, imageMap, compareFn) => {
+  const pageFlatList = [];
+  const jsonMap = /* @__PURE__ */ new Map();
+  Object.keys(jsonList).forEach((path) => {
+    const pathEnd = path.split("../").pop();
+    const pathParts = pathEnd.split("/");
+    pathParts.pop();
+    const subPath = pathParts.filter((s) => {
+      return s !== "." && s.indexOf("(") !== 0;
+    });
+    try {
+      jsonMap.set(subPath.join("/"), JSON.parse(jsonList[path].default));
+    } catch (e) {
+      console.error(`Error parsing json at: ${path}: ${e}`);
+    }
+  });
+  for (const path in fileList) {
+    const pathEnd = path.split("../").pop();
+    const pathParts = pathEnd.split("/");
+    pathParts.pop();
+    const title = pathParts[pathParts.length - 1].replaceAll("-", " ");
+    const subPath = pathParts.filter((s) => {
+      return s !== "." && s.indexOf("(") !== 0;
+    });
+    const meta2 = {
+      relativeLink: subPath.join("/"),
+      title,
+      tags: [],
+      nestedPages: []
+      // todo: transform the data in server.ts?
+    };
+    const metadata = jsonMap.get(meta2.relativeLink);
+    if (metadata) {
+      meta2.title = metadata["title"] ?? meta2.title;
+      meta2.tags = metadata["tags"] ?? [];
+      meta2.description = metadata["description"];
+      meta2.datePublished = metadata["datePublished"];
+      meta2.lastUpdated = metadata["lastUpdated"];
+      meta2.shouldGroup = metadata["shouldGroup"];
+      meta2.shouldHide = metadata["shouldHide"];
+      meta2.imageID = metadata["imageID"];
+      meta2.imageUrl = imageMap.get(meta2.imageID) ?? metadata["imageUrl"];
+      if (meta2.imageUrl) {
+        meta2.imageAlt = metadata["imageAlt"];
+        if (!meta2.imageAlt) {
+          console.warn(`Accessibility issues: image alt missing for image ${meta2.imageUrl}`);
+        }
+      }
+    }
+    if (meta2.shouldHide) {
+      continue;
+    }
+    pageFlatList.push(meta2);
+  }
+  pageFlatList.sort((a, b) => a.relativeLink.localeCompare(b.relativeLink));
+  if (compareFn) {
+    pageFlatList.sort(compareFn);
+  } else {
+    pageFlatList.sort(DefaultPageMetaSorter);
+  }
+  return pageFlatList;
+};
+const AWins = -1;
+const BWins = 1;
+const DefaultPageMetaSorter = (a, b) => {
+  const aDate = a.lastUpdated || a.datePublished;
+  const bDate = b.lastUpdated || b.datePublished;
+  if (aDate && !bDate) {
+    return AWins;
+  } else if (!aDate && bDate) {
+    return BWins;
+  } else if (aDate && bDate) {
+    return -aDate.localeCompare(bDate);
+  }
+  if (a.description && !b.description) {
+    return AWins;
+  } else if (!a.description && b.description) {
+    return BWins;
+  }
+  return a.title.localeCompare(b.title);
+};
+const css$1 = {
+  code: "@container (max-width: 800px){img.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{max-height:20rem;width:100%;flex-basis:100%;border-radius:var(--theme-rounded-container) var(--theme-rounded-container) 0 0}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{flex-direction:column}}@container (min-width: 801px){.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{flex-direction:row}img.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{width:20em}}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj:disabled{cursor:not-allowed;opacity:0.5}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj:disabled:hover{--tw-brightness:brightness(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj:disabled:active{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{font-size:1rem;line-height:1.5rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:9px;padding-bottom:9px;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-radius:var(--theme-rounded-base)}.navigation-element.svelte-1faxmhj>.svelte-1faxmhj:not([hidden])~.svelte-1faxmhj:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj:hover{--tw-brightness:brightness(1.15);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj:active{--tw-scale-x:95%;--tw-scale-y:95%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-brightness:brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{background-color:rgb(var(--color-surface-100));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-inset:inset;--tw-ring-color:rgb(23 23 23 / 0.05);border-radius:var(--theme-rounded-container)}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj:hover{--tw-scale-x:101%;--tw-scale-y:101%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-100) / var(--tw-bg-opacity))}.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj:is(.dark .navigation-element){--tw-bg-opacity:1;background-color:rgb(var(--color-surface-900) / var(--tw-bg-opacity))}.navigation-element.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{container-type:inline-size;display:flex;text-align:start;align-items:flex-start;padding:0}img.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{height:20em;-o-object-fit:cover;object-fit:cover;padding:var(--theme-border-base);border-radius:var(--theme-rounded-container) 0 0 var(--theme-rounded-container)}.navigation-component.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{container-type:inline-size;display:flex;flex-direction:column;gap:2em}.navigation-title.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{text-align:center;max-width:initial}.blurb-text.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{padding:2em;flex-grow:1;white-space:initial;min-width:0}.navigation-wrapper.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{display:flex;flex-direction:column;max-width:1000px;width:100%}.tag-container.svelte-1faxmhj.svelte-1faxmhj.svelte-1faxmhj{margin:0.25lh 0}",
+  map: null
+};
+const NavigationComponent = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let visiblePages;
+  let { fileList } = $$props;
+  let { jsonList } = $$props;
+  let { title = void 0 } = $$props;
+  let { imageMap = /* @__PURE__ */ new Map() } = $$props;
+  let { shouldAllowControl = true } = $$props;
+  let { parentSubpath } = $$props;
+  let { allowUpperControl = true } = $$props;
+  let { compareFn = void 0 } = $$props;
+  let { pageSize = 5 } = $$props;
+  let { currentIndex = 0 } = $$props;
+  const pageFlatList = parsePageMeta(fileList, jsonList, imageMap, compareFn);
+  if ($$props.fileList === void 0 && $$bindings.fileList && fileList !== void 0)
+    $$bindings.fileList(fileList);
+  if ($$props.jsonList === void 0 && $$bindings.jsonList && jsonList !== void 0)
+    $$bindings.jsonList(jsonList);
+  if ($$props.title === void 0 && $$bindings.title && title !== void 0)
+    $$bindings.title(title);
+  if ($$props.imageMap === void 0 && $$bindings.imageMap && imageMap !== void 0)
+    $$bindings.imageMap(imageMap);
+  if ($$props.shouldAllowControl === void 0 && $$bindings.shouldAllowControl && shouldAllowControl !== void 0)
+    $$bindings.shouldAllowControl(shouldAllowControl);
+  if ($$props.parentSubpath === void 0 && $$bindings.parentSubpath && parentSubpath !== void 0)
+    $$bindings.parentSubpath(parentSubpath);
+  if ($$props.allowUpperControl === void 0 && $$bindings.allowUpperControl && allowUpperControl !== void 0)
+    $$bindings.allowUpperControl(allowUpperControl);
+  if ($$props.compareFn === void 0 && $$bindings.compareFn && compareFn !== void 0)
+    $$bindings.compareFn(compareFn);
+  if ($$props.pageSize === void 0 && $$bindings.pageSize && pageSize !== void 0)
+    $$bindings.pageSize(pageSize);
+  if ($$props.currentIndex === void 0 && $$bindings.currentIndex && currentIndex !== void 0)
+    $$bindings.currentIndex(currentIndex);
+  $$result.css.add(css$1);
+  let $$settled;
+  let $$rendered;
+  let previous_head = $$result.head;
+  do {
+    $$settled = true;
+    $$result.head = previous_head;
+    visiblePages = pageFlatList.slice(currentIndex * pageSize, currentIndex * pageSize + pageSize);
+    $$rendered = `<div class="navigation-wrapper svelte-1faxmhj">${title ? `${validate_component(Card, "Card").$$render($$result, {}, {}, {
+      content: () => {
+        return `<h1 slot="content" class="default-card navigation-title svelte-1faxmhj">${escape(title)}</h1>`;
+      }
+    })}` : ``} ${allowUpperControl && shouldAllowControl ? `${validate_component(NavigationControl, "NavigationControl").$$render(
+      $$result,
+      {
+        currentIndex,
+        contentLength: pageFlatList.length,
+        pageSize
+      },
+      {
+        currentIndex: ($$value) => {
+          currentIndex = $$value;
+          $$settled = false;
+        },
+        contentLength: ($$value) => {
+          pageFlatList.length = $$value;
+          $$settled = false;
+        },
+        pageSize: ($$value) => {
+          pageSize = $$value;
+          $$settled = false;
+        }
+      },
+      {}
+    )}` : ``} <div class="navigation-component svelte-1faxmhj"> ${each(visiblePages, (pageMeta) => {
+      let fullPath = `${parentSubpath}${pageMeta.relativeLink}`;
+      return ` <button class="navigation-element svelte-1faxmhj"${add_attribute("title", fullPath, 0)}>${pageMeta.imageUrl ? `<img${add_attribute("src", pageMeta.imageUrl, 0)}${add_attribute("alt", pageMeta.imageAlt ?? "placeholder alt text please replace me or report me!", 0)} class="svelte-1faxmhj">` : ``} <section class="blurb-text svelte-1faxmhj"><h2 class="svelte-1faxmhj">${escape(pageMeta.title)}</h2> <p class="svelte-1faxmhj">Published: ${escape(pageMeta.datePublished ?? "N/A")} | Last updated: ${escape(pageMeta.lastUpdated ?? "N/A")}</p> <p class="svelte-1faxmhj">${escape(pageMeta.description ?? "")}</p>
+					Tags:
+					${pageMeta.tags && pageMeta.tags.length !== 0 ? `${each(pageMeta.tags, (tagValue) => {
+        return ` <span class="badge variant-filled tag-container svelte-1faxmhj">${escape(tagValue)}</span>`;
+      })}` : `None`}</section> </button>`;
+    })} ${visiblePages.length === 0 ? `${validate_component(Card, "Card").$$render($$result, {}, {}, {
+      content: () => {
+        return `<p class="default-card svelte-1faxmhj" slot="content" data-svelte-h="svelte-162fozn">Sorry, no content was found</p>`;
+      }
+    })}` : ``}</div> ${shouldAllowControl ? `${validate_component(NavigationControl, "NavigationControl").$$render(
+      $$result,
+      {
+        currentIndex,
+        contentLength: pageFlatList.length,
+        pageSize
+      },
+      {
+        currentIndex: ($$value) => {
+          currentIndex = $$value;
+          $$settled = false;
+        },
+        contentLength: ($$value) => {
+          pageFlatList.length = $$value;
+          $$settled = false;
+        },
+        pageSize: ($$value) => {
+          pageSize = $$value;
+          $$settled = false;
+        }
+      },
+      {}
+    )}` : ``} </div>`;
+  } while (!$$settled);
+  return $$rendered;
+});
+const meta$3 = `{
+  "datePublished": "2023-01-01",
+  "description": "random description but look at Ares! Let's try out a long-ish text to see how things would wrap and all that. I don't know what else to say. Please stream Umpah Umpah.",
+  "imageAlt": "Image of Ares being excited",
+  "imageID": "testImageID",
+  "imageURL": "./favicon.png/?q=imageIDTakesPrecedence",
+  "lastUpdated": "2023-02-02",
+  "shouldGroup": false,
+  "shouldHide": false,
+  "tags": [
+    "random",
+    "random8",
+    "random2",
+    "random5",
+    "random5",
+    "random5",
+    "random5",
+    "random5",
+    "random5",
+    "random5",
+    "random4"
+  ],
+  "title": "Custom title for page 1!!!"
+}`;
+const __vite_glob_1_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: meta$3
+}, Symbol.toStringTag, { value: "Module" }));
+const meta$2 = '{\n  "lastUpdated": "2024-03-03",\n  "title": "Custom title for page 2",\n  "imageUrl": "/favicon.png",\n  "tags": [\n    "random"\n  ]\n}';
+const __vite_glob_1_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: meta$2
+}, Symbol.toStringTag, { value: "Module" }));
+const meta$1 = '{\n  "datePublished": "2024-03-03",\n  "title": "555",\n  "tags": [\n    "random"\n  ]\n}';
+const __vite_glob_1_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: meta$1
+}, Symbol.toStringTag, { value: "Module" }));
+const meta = '{\n  "title": "801 yay",\n  "description": "something",\n  "tags": [\n    "random"\n  ]\n}';
+const __vite_glob_1_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: meta
+}, Symbol.toStringTag, { value: "Module" }));
+const ImageMap = /* @__PURE__ */ new Map(
+  [
+    ["testImageID", TestImage]
+  ]
+);
+const css = {
+  code: ".default-card.svelte-zcclhf{display:flex;flex-wrap:wrap;gap:2em}",
+  map: null
+};
+const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  enableDialogueOverlay.set(false);
+  const fileList = /* @__PURE__ */ Object.assign({ "../(extra-pages)/page1/+page.svelte": () => import("../../../../../chunks/_page.js"), "../(extra-pages)/page2/+page.svelte": () => import("../../../../../chunks/_page2.js"), "../(extra-pages)/page3/+page.svelte": () => import("../../../../../chunks/_page3.js"), "../(extra-pages)/page3/page5/+page.svelte": () => import("../../../../../chunks/_page4.js"), "../(extra-pages)/page3/page6/+page.svelte": () => import("../../../../../chunks/_page5.js"), "../(extra-pages)/page3/page7/(test_layout)/page8/+page.svelte": () => import("../../../../../chunks/_page6.js"), "../(extra-pages)/page3/page7/+page.svelte": () => import("../../../../../chunks/_page7.js"), "../(extra-pages)/page4/+page.svelte": () => import("../../../../../chunks/_page8.js") });
+  const jsonList = /* @__PURE__ */ Object.assign({ "../(extra-pages)/page1/meta.json": __vite_glob_1_0, "../(extra-pages)/page2/meta.json": __vite_glob_1_1, "../(extra-pages)/page3/page5/meta.json": __vite_glob_1_2, "../(extra-pages)/page3/page7/(test_layout)/page8/meta.json": __vite_glob_1_3 });
+  let allowPagination = true;
+  $$result.css.add(css);
+  let $$settled;
+  let $$rendered;
+  let previous_head = $$result.head;
+  do {
+    $$settled = true;
+    $$result.head = previous_head;
+    $$rendered = `${validate_component(Card, "Card").$$render($$result, {}, {}, {
+      content: () => {
+        return `<div slot="content" class="default-card svelte-zcclhf"><button class="btn variant-filled-secondary" data-svelte-h="svelte-nw0d17"><h3>Test custom toast</h3></button> <button class="btn variant-filled-secondary" data-svelte-h="svelte-7wv70e"><h3>Handy toast</h3></button> <button class="btn variant-filled-secondary" data-svelte-h="svelte-1h2o0dk"><h3>Test dialog</h3></button> <div>${validate_component(PineappleSlideToggle, "PineappleSlideToggle").$$render(
+          $$result,
+          {
+            name: "advanced-setting-slider",
+            checked: allowPagination
+          },
+          {
+            checked: ($$value) => {
+              allowPagination = $$value;
+              $$settled = false;
+            }
+          },
+          {
+            default: () => {
+              return `Allow pagination: ${escape(allowPagination ? "On" : "Off")}`;
+            }
+          }
+        )}</div></div>`;
+      }
+    })} ${validate_component(NavigationComponent, "NavigationComponent").$$render(
+      $$result,
+      {
+        title: "Navigation Component Test",
+        fileList,
+        jsonList,
+        imageMap: ImageMap,
+        shouldAllowControl: allowPagination,
+        parentSubpath: "/pineapple/"
+      },
+      {},
+      {}
+    )}`;
+  } while (!$$settled);
+  return $$rendered;
+});
+export {
+  Page as default
+};

package/.svelte-kit/output/server/entries/pages/(pineapple)/pineapple/(pineapple)/_page.ts.js

@@ -0,0 +1,9 @@
+const load = async () => {
+  return {
+    title: "Pineapple",
+    ogTitle: "Pineapple"
+  };
+};
+export {
+  load
+};

package/.svelte-kit/output/server/entries/pages/(seaweed)/_layout.svelte.js

@@ -0,0 +1,301 @@
+import { c as create_ssr_component, b as subscribe, f as createEventDispatcher, e as escape, a as add_attribute, g as spread, h as escape_object, v as validate_component, m as missing_component, d as each } from "../../../chunks/ssr.js";
+import { i as initializeStores } from "../../../chunks/index2.js";
+import { p as prefersReducedMotionStore } from "../../../chunks/ProgressBar.svelte_svelte_type_style_lang.js";
+import { g as getModalStore } from "../../../chunks/stores3.js";
+import { f as fly } from "../../../chunks/index3.js";
+import { g as getToastStore } from "../../../chunks/stores4.js";
+const cBackdrop = "fixed top-0 left-0 right-0 bottom-0 bg-surface-backdrop-token p-4";
+const cTransitionLayer = "w-full h-fit min-h-full overflow-y-auto flex justify-center";
+const cModal = "block overflow-y-auto";
+const cModalImage = "w-full h-auto";
+const Modal = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let cPosition;
+  let classesBackdrop;
+  let classesTransitionLayer;
+  let classesModal;
+  let parent;
+  let $modalStore, $$unsubscribe_modalStore;
+  let $prefersReducedMotionStore, $$unsubscribe_prefersReducedMotionStore;
+  $$unsubscribe_prefersReducedMotionStore = subscribe(prefersReducedMotionStore, (value) => $prefersReducedMotionStore = value);
+  createEventDispatcher();
+  let { components = {} } = $$props;
+  let { position = "items-center" } = $$props;
+  let { background = "bg-surface-100-800-token" } = $$props;
+  let { width = "w-modal" } = $$props;
+  let { height = "h-auto" } = $$props;
+  let { padding = "p-4" } = $$props;
+  let { spacing = "space-y-4" } = $$props;
+  let { rounded = "rounded-container-token" } = $$props;
+  let { shadow = "shadow-xl" } = $$props;
+  let { zIndex = "z-[999]" } = $$props;
+  let { buttonNeutral = "variant-ghost-surface" } = $$props;
+  let { buttonPositive = "variant-filled" } = $$props;
+  let { buttonTextCancel = "Cancel" } = $$props;
+  let { buttonTextConfirm = "Confirm" } = $$props;
+  let { buttonTextSubmit = "Submit" } = $$props;
+  let { regionBackdrop = "" } = $$props;
+  let { regionHeader = "text-2xl font-bold" } = $$props;
+  let { regionBody = "max-h-[200px] overflow-hidden" } = $$props;
+  let { regionFooter = "flex justify-end space-x-2" } = $$props;
+  let { transitions = !$prefersReducedMotionStore } = $$props;
+  let { transitionIn = fly } = $$props;
+  let { transitionInParams = { duration: 150, opacity: 0, x: 0, y: 100 } } = $$props;
+  let { transitionOut = fly } = $$props;
+  let { transitionOutParams = { duration: 150, opacity: 0, x: 0, y: 100 } } = $$props;
+  let promptValue;
+  const buttonTextDefaults = {
+    buttonTextCancel,
+    buttonTextConfirm,
+    buttonTextSubmit
+  };
+  let currentComponent;
+  let modalElement;
+  let windowHeight;
+  let backdropOverflow = "overflow-y-hidden";
+  const modalStore = getModalStore();
+  $$unsubscribe_modalStore = subscribe(modalStore, (value) => $modalStore = value);
+  function handleModals(modals) {
+    if (modals[0].type === "prompt")
+      promptValue = modals[0].value;
+    buttonTextCancel = modals[0].buttonTextCancel || buttonTextDefaults.buttonTextCancel;
+    buttonTextConfirm = modals[0].buttonTextConfirm || buttonTextDefaults.buttonTextConfirm;
+    buttonTextSubmit = modals[0].buttonTextSubmit || buttonTextDefaults.buttonTextSubmit;
+    currentComponent = typeof modals[0].component === "string" ? components[modals[0].component] : modals[0].component;
+  }
+  function onModalHeightChange(modal) {
+    let modalHeight = modal?.clientHeight;
+    if (!modalHeight)
+      modalHeight = modal?.firstChild?.clientHeight;
+    if (!modalHeight)
+      return;
+    if (modalHeight > windowHeight) {
+      backdropOverflow = "overflow-y-auto";
+    } else {
+      backdropOverflow = "overflow-y-hidden";
+    }
+  }
+  function onClose() {
+    if ($modalStore[0].response)
+      $modalStore[0].response(false);
+    modalStore.close();
+  }
+  if ($$props.components === void 0 && $$bindings.components && components !== void 0)
+    $$bindings.components(components);
+  if ($$props.position === void 0 && $$bindings.position && position !== void 0)
+    $$bindings.position(position);
+  if ($$props.background === void 0 && $$bindings.background && background !== void 0)
+    $$bindings.background(background);
+  if ($$props.width === void 0 && $$bindings.width && width !== void 0)
+    $$bindings.width(width);
+  if ($$props.height === void 0 && $$bindings.height && height !== void 0)
+    $$bindings.height(height);
+  if ($$props.padding === void 0 && $$bindings.padding && padding !== void 0)
+    $$bindings.padding(padding);
+  if ($$props.spacing === void 0 && $$bindings.spacing && spacing !== void 0)
+    $$bindings.spacing(spacing);
+  if ($$props.rounded === void 0 && $$bindings.rounded && rounded !== void 0)
+    $$bindings.rounded(rounded);
+  if ($$props.shadow === void 0 && $$bindings.shadow && shadow !== void 0)
+    $$bindings.shadow(shadow);
+  if ($$props.zIndex === void 0 && $$bindings.zIndex && zIndex !== void 0)
+    $$bindings.zIndex(zIndex);
+  if ($$props.buttonNeutral === void 0 && $$bindings.buttonNeutral && buttonNeutral !== void 0)
+    $$bindings.buttonNeutral(buttonNeutral);
+  if ($$props.buttonPositive === void 0 && $$bindings.buttonPositive && buttonPositive !== void 0)
+    $$bindings.buttonPositive(buttonPositive);
+  if ($$props.buttonTextCancel === void 0 && $$bindings.buttonTextCancel && buttonTextCancel !== void 0)
+    $$bindings.buttonTextCancel(buttonTextCancel);
+  if ($$props.buttonTextConfirm === void 0 && $$bindings.buttonTextConfirm && buttonTextConfirm !== void 0)
+    $$bindings.buttonTextConfirm(buttonTextConfirm);
+  if ($$props.buttonTextSubmit === void 0 && $$bindings.buttonTextSubmit && buttonTextSubmit !== void 0)
+    $$bindings.buttonTextSubmit(buttonTextSubmit);
+  if ($$props.regionBackdrop === void 0 && $$bindings.regionBackdrop && regionBackdrop !== void 0)
+    $$bindings.regionBackdrop(regionBackdrop);
+  if ($$props.regionHeader === void 0 && $$bindings.regionHeader && regionHeader !== void 0)
+    $$bindings.regionHeader(regionHeader);
+  if ($$props.regionBody === void 0 && $$bindings.regionBody && regionBody !== void 0)
+    $$bindings.regionBody(regionBody);
+  if ($$props.regionFooter === void 0 && $$bindings.regionFooter && regionFooter !== void 0)
+    $$bindings.regionFooter(regionFooter);
+  if ($$props.transitions === void 0 && $$bindings.transitions && transitions !== void 0)
+    $$bindings.transitions(transitions);
+  if ($$props.transitionIn === void 0 && $$bindings.transitionIn && transitionIn !== void 0)
+    $$bindings.transitionIn(transitionIn);
+  if ($$props.transitionInParams === void 0 && $$bindings.transitionInParams && transitionInParams !== void 0)
+    $$bindings.transitionInParams(transitionInParams);
+  if ($$props.transitionOut === void 0 && $$bindings.transitionOut && transitionOut !== void 0)
+    $$bindings.transitionOut(transitionOut);
+  if ($$props.transitionOutParams === void 0 && $$bindings.transitionOutParams && transitionOutParams !== void 0)
+    $$bindings.transitionOutParams(transitionOutParams);
+  {
+    if ($modalStore.length)
+      handleModals($modalStore);
+  }
+  {
+    onModalHeightChange(modalElement);
+  }
+  cPosition = $modalStore[0]?.position ?? position;
+  classesBackdrop = `${cBackdrop} ${regionBackdrop} ${zIndex} ${$$props.class ?? ""} ${$modalStore[0]?.backdropClasses ?? ""}`;
+  classesTransitionLayer = `${cTransitionLayer} ${cPosition ?? ""}`;
+  classesModal = `${cModal} ${background} ${width} ${height} ${padding} ${spacing} ${rounded} ${shadow} ${$modalStore[0]?.modalClasses ?? ""}`;
+  parent = {
+    position,
+    // ---
+    background,
+    width,
+    height,
+    padding,
+    spacing,
+    rounded,
+    shadow,
+    // ---
+    buttonNeutral,
+    buttonPositive,
+    buttonTextCancel,
+    buttonTextConfirm,
+    buttonTextSubmit,
+    // ---
+    regionBackdrop,
+    regionHeader,
+    regionBody,
+    regionFooter,
+    // ---
+    onClose
+  };
+  $$unsubscribe_modalStore();
+  $$unsubscribe_prefersReducedMotionStore();
+  return ` ${$modalStore.length > 0 ? `   <div class="${"modal-backdrop " + escape(classesBackdrop, true) + " " + escape(backdropOverflow, true)}" data-testid="modal-backdrop"> <div class="${"modal-transition " + escape(classesTransitionLayer, true)}">${$modalStore[0].type !== "component" ? ` <div class="${"modal " + escape(classesModal, true)}" data-testid="modal" role="dialog" aria-modal="true"${add_attribute("aria-label", $modalStore[0].title ?? "", 0)}${add_attribute("this", modalElement, 0)}> ${$modalStore[0]?.title ? `<header class="${"modal-header " + escape(regionHeader, true)}"><!-- HTML_TAG_START -->${$modalStore[0].title}<!-- HTML_TAG_END --></header>` : ``}  ${$modalStore[0]?.body ? `<article class="${"modal-body " + escape(regionBody, true)}"><!-- HTML_TAG_START -->${$modalStore[0].body}<!-- HTML_TAG_END --></article>` : ``}  ${$modalStore[0]?.image && typeof $modalStore[0]?.image === "string" ? `<img class="${"modal-image " + escape(cModalImage, true)}"${add_attribute("src", $modalStore[0]?.image, 0)} alt="Modal">` : ``}  ${$modalStore[0].type === "alert" ? ` <footer class="${"modal-footer " + escape(regionFooter, true)}"><button type="button" class="${"btn " + escape(buttonNeutral, true)}">${escape(buttonTextCancel)}</button></footer>` : `${$modalStore[0].type === "confirm" ? ` <footer class="${"modal-footer " + escape(regionFooter, true)}"><button type="button" class="${"btn " + escape(buttonNeutral, true)}">${escape(buttonTextCancel)}</button> <button type="button" class="${"btn " + escape(buttonPositive, true)}">${escape(buttonTextConfirm)}</button></footer>` : `${$modalStore[0].type === "prompt" ? ` <form class="space-y-4"><input${spread(
+    [
+      { class: "modal-prompt-input input" },
+      { name: "prompt" },
+      { type: "text" },
+      escape_object($modalStore[0].valueAttr)
+    ],
+    {}
+  )}${add_attribute("value", promptValue, 0)}> <footer class="${"modal-footer " + escape(regionFooter, true)}"><button type="button" class="${"btn " + escape(buttonNeutral, true)}">${escape(buttonTextCancel)}</button> <button type="submit" class="${"btn " + escape(buttonPositive, true)}">${escape(buttonTextSubmit)}</button></footer></form>` : ``}`}`}</div>` : `  <div class="${"modal contents " + escape($modalStore[0]?.modalClasses ?? "", true)}" data-testid="modal-component" role="dialog" aria-modal="true"${add_attribute("aria-label", $modalStore[0].title ?? "", 0)}${add_attribute("this", modalElement, 0)}>${currentComponent?.slot ? `${validate_component(currentComponent?.ref || missing_component, "svelte:component").$$render($$result, Object.assign({}, currentComponent?.props, { parent }), {}, {
+    default: () => {
+      return `<!-- HTML_TAG_START -->${currentComponent?.slot}<!-- HTML_TAG_END -->`;
+    }
+  })}` : `${validate_component(currentComponent?.ref || missing_component, "svelte:component").$$render($$result, Object.assign({}, currentComponent?.props, { parent }), {}, {})}`}</div>`}</div></div>` : ``}`;
+});
+const cWrapper = "flex fixed top-0 left-0 right-0 bottom-0 pointer-events-none";
+const cSnackbar = "flex flex-col gap-y-2";
+const cToast = "flex justify-between items-center pointer-events-auto";
+const cToastActions = "flex items-center space-x-2";
+const Toast = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let classesWrapper;
+  let classesSnackbar;
+  let classesToast;
+  let filteredToasts;
+  let $toastStore, $$unsubscribe_toastStore;
+  let $prefersReducedMotionStore, $$unsubscribe_prefersReducedMotionStore;
+  $$unsubscribe_prefersReducedMotionStore = subscribe(prefersReducedMotionStore, (value) => $prefersReducedMotionStore = value);
+  const toastStore = getToastStore();
+  $$unsubscribe_toastStore = subscribe(toastStore, (value) => $toastStore = value);
+  let { position = "b" } = $$props;
+  let { max = 3 } = $$props;
+  let { background = "variant-filled-secondary" } = $$props;
+  let { width = "max-w-[640px]" } = $$props;
+  let { color = "" } = $$props;
+  let { padding = "p-4" } = $$props;
+  let { spacing = "space-x-4" } = $$props;
+  let { rounded = "rounded-container-token" } = $$props;
+  let { shadow = "shadow-lg" } = $$props;
+  let { zIndex = "z-[888]" } = $$props;
+  let { buttonAction = "btn variant-filled" } = $$props;
+  let { buttonDismiss = "btn-icon btn-icon-sm variant-filled" } = $$props;
+  let { buttonDismissLabel = "✕" } = $$props;
+  let { transitions = !$prefersReducedMotionStore } = $$props;
+  let { transitionIn = fly } = $$props;
+  let { transitionInParams = { duration: 250 } } = $$props;
+  let { transitionOut = fly } = $$props;
+  let { transitionOutParams = { duration: 250 } } = $$props;
+  let cPosition;
+  let cAlign;
+  switch (position) {
+    case "t":
+      cPosition = "justify-center items-start";
+      cAlign = "items-center";
+      break;
+    case "b":
+      cPosition = "justify-center items-end";
+      cAlign = "items-center";
+      break;
+    case "l":
+      cPosition = "justify-start items-center";
+      cAlign = "items-start";
+      break;
+    case "r":
+      cPosition = "justify-end items-center";
+      cAlign = "items-end";
+      break;
+    case "tl":
+      cPosition = "justify-start items-start";
+      cAlign = "items-start";
+      break;
+    case "tr":
+      cPosition = "justify-end items-start";
+      cAlign = "items-end";
+      break;
+    case "bl":
+      cPosition = "justify-start items-end";
+      cAlign = "items-start";
+      break;
+    case "br":
+      cPosition = "justify-end items-end";
+      cAlign = "items-end";
+      break;
+  }
+  if ($$props.position === void 0 && $$bindings.position && position !== void 0)
+    $$bindings.position(position);
+  if ($$props.max === void 0 && $$bindings.max && max !== void 0)
+    $$bindings.max(max);
+  if ($$props.background === void 0 && $$bindings.background && background !== void 0)
+    $$bindings.background(background);
+  if ($$props.width === void 0 && $$bindings.width && width !== void 0)
+    $$bindings.width(width);
+  if ($$props.color === void 0 && $$bindings.color && color !== void 0)
+    $$bindings.color(color);
+  if ($$props.padding === void 0 && $$bindings.padding && padding !== void 0)
+    $$bindings.padding(padding);
+  if ($$props.spacing === void 0 && $$bindings.spacing && spacing !== void 0)
+    $$bindings.spacing(spacing);
+  if ($$props.rounded === void 0 && $$bindings.rounded && rounded !== void 0)
+    $$bindings.rounded(rounded);
+  if ($$props.shadow === void 0 && $$bindings.shadow && shadow !== void 0)
+    $$bindings.shadow(shadow);
+  if ($$props.zIndex === void 0 && $$bindings.zIndex && zIndex !== void 0)
+    $$bindings.zIndex(zIndex);
+  if ($$props.buttonAction === void 0 && $$bindings.buttonAction && buttonAction !== void 0)
+    $$bindings.buttonAction(buttonAction);
+  if ($$props.buttonDismiss === void 0 && $$bindings.buttonDismiss && buttonDismiss !== void 0)
+    $$bindings.buttonDismiss(buttonDismiss);
+  if ($$props.buttonDismissLabel === void 0 && $$bindings.buttonDismissLabel && buttonDismissLabel !== void 0)
+    $$bindings.buttonDismissLabel(buttonDismissLabel);
+  if ($$props.transitions === void 0 && $$bindings.transitions && transitions !== void 0)
+    $$bindings.transitions(transitions);
+  if ($$props.transitionIn === void 0 && $$bindings.transitionIn && transitionIn !== void 0)
+    $$bindings.transitionIn(transitionIn);
+  if ($$props.transitionInParams === void 0 && $$bindings.transitionInParams && transitionInParams !== void 0)
+    $$bindings.transitionInParams(transitionInParams);
+  if ($$props.transitionOut === void 0 && $$bindings.transitionOut && transitionOut !== void 0)
+    $$bindings.transitionOut(transitionOut);
+  if ($$props.transitionOutParams === void 0 && $$bindings.transitionOutParams && transitionOutParams !== void 0)
+    $$bindings.transitionOutParams(transitionOutParams);
+  classesWrapper = `${cWrapper} ${cPosition} ${zIndex} ${$$props.class || ""}`;
+  classesSnackbar = `${cSnackbar} ${cAlign} ${padding}`;
+  classesToast = `${cToast} ${width} ${color} ${padding} ${spacing} ${rounded} ${shadow}`;
+  filteredToasts = Array.from($toastStore).slice(0, max);
+  $$unsubscribe_toastStore();
+  $$unsubscribe_prefersReducedMotionStore();
+  return `${$toastStore.length ? ` <div class="${"snackbar-wrapper " + escape(classesWrapper, true)}" data-testid="snackbar-wrapper"> <div class="${"snackbar " + escape(classesSnackbar, true)}">${each(filteredToasts, (t, i) => {
+    return `<div${add_attribute("role", t.hideDismiss ? "alert" : "alertdialog", 0)} aria-live="polite"> <div class="${"toast " + escape(classesToast, true) + " " + escape(t.background ?? background, true) + " " + escape(t.classes ?? "", true)}" data-testid="toast"><div class="text-base"><!-- HTML_TAG_START -->${t.message}<!-- HTML_TAG_END --></div> ${t.action || !t.hideDismiss ? `<div class="${"toast-actions " + escape(cToastActions, true)}">${t.action ? `<button${add_attribute("class", buttonAction, 0)}><!-- HTML_TAG_START -->${t.action.label}<!-- HTML_TAG_END --></button>` : ``} ${!t.hideDismiss ? `<button${add_attribute("class", buttonDismiss, 0)} aria-label="Dismiss toast">${escape(buttonDismissLabel)}</button>` : ``} </div>` : ``}</div> </div>`;
+  })}</div></div>` : ``}`;
+});
+const Layout = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  initializeStores();
+  return `${validate_component(Modal, "Modal").$$render($$result, {}, {}, {})} ${validate_component(Toast, "Toast").$$render($$result, {}, {}, {})} ${slots.default ? slots.default({}) : ``}`;
+});
+export {
+  Layout as default
+};