@turnipxenon/pineapple 2.4.72 → 2.4.73

package/.svelte-kit/output/server/chunks/SeaweedTemplate.js

@@ -0,0 +1,786 @@
+import { c as create_ssr_component, b as subscribe, s as setContext, e as escape, f as createEventDispatcher, i as getContext, a as add_attribute, j as compute_slots, d as each, v as validate_component, n as null_to_empty, m as missing_component } from "./ssr.js";
+import { a as GetAllEntryFromGlobal, G as GetEntryFromGlobal, r as removeProxyWrapperOnString, b as GithubIcon, C as Chip } from "./NavigationComponent.svelte_svelte_type_style_lang.js";
+import { C as CloseIcon, e as enableBackground, A as AppShell, a as AppBar, L as LightSwitch, R as RandomizedBackground } from "./close.js";
+import { w as writable } from "./index.js";
+import { p as prefersReducedMotionStore, a as autoModeWatcher } from "./ProgressBar.svelte_svelte_type_style_lang.js";
+import { e as enableDialogueOverlay } from "./DialogManagerStore.js";
+import { s as slide } from "./index3.js";
+import { s as storeHighlightJs } from "./stores.js";
+import { p as page } from "./stores2.js";
+import { C as Card } from "./PineappleBaseLayout.svelte_svelte_type_style_lang.js";
+import { C as CreateUrlResult } from "./CreateUrl.js";
+import { g as getToastStore } from "./stores4.js";
+import { P as PineappleSlideToggle } from "./PineappleSlideToggle.js";
+import "./client.js";
+const Accordion = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let classesBase;
+  let $prefersReducedMotionStore, $$unsubscribe_prefersReducedMotionStore;
+  $$unsubscribe_prefersReducedMotionStore = subscribe(prefersReducedMotionStore, (value) => $prefersReducedMotionStore = value);
+  let { autocollapse = false } = $$props;
+  let { width = "w-full" } = $$props;
+  let { spacing = "space-y-1" } = $$props;
+  let { disabled = false } = $$props;
+  let { padding = "py-2 px-4" } = $$props;
+  let { hover = "hover:bg-primary-hover-token" } = $$props;
+  let { rounded = "rounded-container-token" } = $$props;
+  let { caretOpen = "rotate-180" } = $$props;
+  let { caretClosed = "" } = $$props;
+  let { regionControl = "" } = $$props;
+  let { regionPanel = "space-y-4" } = $$props;
+  let { regionCaret = "" } = $$props;
+  let { transitions = !$prefersReducedMotionStore } = $$props;
+  let { transitionIn = slide } = $$props;
+  let { transitionInParams = { duration: 200 } } = $$props;
+  let { transitionOut = slide } = $$props;
+  let { transitionOutParams = { duration: 200 } } = $$props;
+  const active = writable(null);
+  setContext("active", active);
+  setContext("autocollapse", autocollapse);
+  setContext("disabled", disabled);
+  setContext("padding", padding);
+  setContext("hover", hover);
+  setContext("rounded", rounded);
+  setContext("caretOpen", caretOpen);
+  setContext("caretClosed", caretClosed);
+  setContext("regionControl", regionControl);
+  setContext("regionPanel", regionPanel);
+  setContext("regionCaret", regionCaret);
+  setContext("transitions", transitions);
+  setContext("transitionIn", transitionIn);
+  setContext("transitionInParams", transitionInParams);
+  setContext("transitionOut", transitionOut);
+  setContext("transitionOutParams", transitionOutParams);
+  if ($$props.autocollapse === void 0 && $$bindings.autocollapse && autocollapse !== void 0)
+    $$bindings.autocollapse(autocollapse);
+  if ($$props.width === void 0 && $$bindings.width && width !== void 0)
+    $$bindings.width(width);
+  if ($$props.spacing === void 0 && $$bindings.spacing && spacing !== void 0)
+    $$bindings.spacing(spacing);
+  if ($$props.disabled === void 0 && $$bindings.disabled && disabled !== void 0)
+    $$bindings.disabled(disabled);
+  if ($$props.padding === void 0 && $$bindings.padding && padding !== void 0)
+    $$bindings.padding(padding);
+  if ($$props.hover === void 0 && $$bindings.hover && hover !== void 0)
+    $$bindings.hover(hover);
+  if ($$props.rounded === void 0 && $$bindings.rounded && rounded !== void 0)
+    $$bindings.rounded(rounded);
+  if ($$props.caretOpen === void 0 && $$bindings.caretOpen && caretOpen !== void 0)
+    $$bindings.caretOpen(caretOpen);
+  if ($$props.caretClosed === void 0 && $$bindings.caretClosed && caretClosed !== void 0)
+    $$bindings.caretClosed(caretClosed);
+  if ($$props.regionControl === void 0 && $$bindings.regionControl && regionControl !== void 0)
+    $$bindings.regionControl(regionControl);
+  if ($$props.regionPanel === void 0 && $$bindings.regionPanel && regionPanel !== void 0)
+    $$bindings.regionPanel(regionPanel);
+  if ($$props.regionCaret === void 0 && $$bindings.regionCaret && regionCaret !== void 0)
+    $$bindings.regionCaret(regionCaret);
+  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);
+  classesBase = `${width} ${spacing} ${$$props.class ?? ""}`;
+  $$unsubscribe_prefersReducedMotionStore();
+  return ` <div class="${"accordion " + escape(classesBase, true)}" data-testid="accordion">${slots.default ? slots.default({}) : ``}</div>`;
+});
+const cBase$1 = "";
+const cControl = "text-start w-full flex items-center space-x-4";
+const cControlIcons = "fill-current w-3 transition-transform duration-[200ms]";
+const cPanel = "";
+const AccordionItem = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let openState;
+  let classesBase;
+  let classesControl;
+  let classesCaretState;
+  let classesControlCaret;
+  let classesControlIcons;
+  let classesPanel;
+  let $$slots = compute_slots(slots);
+  let $active, $$unsubscribe_active;
+  const dispatch = createEventDispatcher();
+  let { open = false } = $$props;
+  let { id = String(Math.random()) } = $$props;
+  let { autocollapse = getContext("autocollapse") } = $$props;
+  let { active = getContext("active") } = $$props;
+  $$unsubscribe_active = subscribe(active, (value) => $active = value);
+  let { disabled = getContext("disabled") } = $$props;
+  let { padding = getContext("padding") } = $$props;
+  let { hover = getContext("hover") } = $$props;
+  let { rounded = getContext("rounded") } = $$props;
+  let { caretOpen = getContext("caretOpen") } = $$props;
+  let { caretClosed = getContext("caretClosed") } = $$props;
+  let { regionControl = getContext("regionControl") } = $$props;
+  let { regionPanel = getContext("regionPanel") } = $$props;
+  let { regionCaret = getContext("regionCaret") } = $$props;
+  let { transitions = getContext("transitions") } = $$props;
+  let { transitionIn = getContext("transitionIn") } = $$props;
+  let { transitionInParams = getContext("transitionInParams") } = $$props;
+  let { transitionOut = getContext("transitionOut") } = $$props;
+  let { transitionOutParams = getContext("transitionOutParams") } = $$props;
+  const svgCaretIcon = `
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class={classesControlCaret}>
+			<path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" />
+		</svg>`;
+  function setActive(event) {
+    if (autocollapse === true) {
+      active.set(id);
+    } else {
+      open = !open;
+    }
+    onToggle(event);
+  }
+  function onToggle(event) {
+    const currentOpenState = autocollapse ? $active === id : open;
+    dispatch("toggle", {
+      event,
+      id,
+      panelId: `accordion-panel-${id}`,
+      open: currentOpenState,
+      autocollapse
+    });
+  }
+  if (autocollapse && open)
+    setActive();
+  if ($$props.open === void 0 && $$bindings.open && open !== void 0)
+    $$bindings.open(open);
+  if ($$props.id === void 0 && $$bindings.id && id !== void 0)
+    $$bindings.id(id);
+  if ($$props.autocollapse === void 0 && $$bindings.autocollapse && autocollapse !== void 0)
+    $$bindings.autocollapse(autocollapse);
+  if ($$props.active === void 0 && $$bindings.active && active !== void 0)
+    $$bindings.active(active);
+  if ($$props.disabled === void 0 && $$bindings.disabled && disabled !== void 0)
+    $$bindings.disabled(disabled);
+  if ($$props.padding === void 0 && $$bindings.padding && padding !== void 0)
+    $$bindings.padding(padding);
+  if ($$props.hover === void 0 && $$bindings.hover && hover !== void 0)
+    $$bindings.hover(hover);
+  if ($$props.rounded === void 0 && $$bindings.rounded && rounded !== void 0)
+    $$bindings.rounded(rounded);
+  if ($$props.caretOpen === void 0 && $$bindings.caretOpen && caretOpen !== void 0)
+    $$bindings.caretOpen(caretOpen);
+  if ($$props.caretClosed === void 0 && $$bindings.caretClosed && caretClosed !== void 0)
+    $$bindings.caretClosed(caretClosed);
+  if ($$props.regionControl === void 0 && $$bindings.regionControl && regionControl !== void 0)
+    $$bindings.regionControl(regionControl);
+  if ($$props.regionPanel === void 0 && $$bindings.regionPanel && regionPanel !== void 0)
+    $$bindings.regionPanel(regionPanel);
+  if ($$props.regionCaret === void 0 && $$bindings.regionCaret && regionCaret !== void 0)
+    $$bindings.regionCaret(regionCaret);
+  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 (open && autocollapse)
+      setActive();
+  }
+  openState = autocollapse ? $active === id : open;
+  classesBase = `${cBase$1} ${$$props.class ?? ""}`;
+  classesControl = `${cControl} ${padding} ${hover} ${rounded} ${regionControl}`;
+  classesCaretState = openState ? caretOpen : caretClosed;
+  classesControlCaret = `${cControlIcons} ${regionCaret} ${classesCaretState}`;
+  classesControlIcons = `${cControlIcons} ${regionCaret}`;
+  classesPanel = `${cPanel} ${padding} ${rounded} ${regionPanel}`;
+  $$unsubscribe_active();
+  return ` <div class="${"accordion-item " + escape(classesBase, true)}" data-testid="accordion-item"> <button type="button" class="${"accordion-control " + escape(classesControl, true)}"${add_attribute("id", id, 0)}${add_attribute("aria-expanded", openState, 0)} aria-controls="${"accordion-panel-" + escape(id, true)}" ${disabled ? "disabled" : ""}> ${$$slots.lead ? `<div class="accordion-lead">${slots.lead ? slots.lead({}) : ``}</div>` : ``}  <div class="accordion-summary flex-1">${slots.summary ? slots.summary({}) : `(summary)`}</div>  ${$$slots.iconClosed || $$slots.iconOpen ? `  <div class="${"accordion-summary-icons " + escape(classesControlIcons, true)}">${openState ? `${slots.iconClosed ? slots.iconClosed({}) : `<!-- HTML_TAG_START -->${svgCaretIcon}<!-- HTML_TAG_END -->`}` : `${slots.iconOpen ? slots.iconOpen({}) : `<!-- HTML_TAG_START -->${svgCaretIcon}<!-- HTML_TAG_END -->`}`}</div>` : ` <div class="${"accordion-summary-caret " + escape(classesControlCaret, true)}"><!-- HTML_TAG_START -->${svgCaretIcon}<!-- HTML_TAG_END --></div>`}</button>  ${openState ? `<div class="${"accordion-panel " + escape(classesPanel, true)}" id="${"accordion-panel-" + escape(id, true)}" role="region"${add_attribute("aria-hidden", !openState, 0)}${add_attribute("aria-labelledby", id, 0)}>${slots.content ? slots.content({}) : `(content)`}</div>` : ``}</div>`;
+});
+const cBase = "overflow-hidden shadow";
+const cHeader = "text-xs text-white/50 uppercase flex justify-between items-center p-2 pl-4";
+const cPre = "whitespace-pre-wrap break-all p-4 pt-1";
+function languageFormatter(lang) {
+  if (lang === "js")
+    return "javascript";
+  if (lang === "ts")
+    return "typescript";
+  if (lang === "shell")
+    return "terminal";
+  return lang;
+}
+const CodeBlock = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let classesBase;
+  let $storeHighlightJs, $$unsubscribe_storeHighlightJs;
+  $$unsubscribe_storeHighlightJs = subscribe(storeHighlightJs, (value) => $storeHighlightJs = value);
+  createEventDispatcher();
+  let { language = "plaintext" } = $$props;
+  let { code = "" } = $$props;
+  let { lineNumbers = false } = $$props;
+  let { background = "bg-neutral-900/90" } = $$props;
+  let { blur = "" } = $$props;
+  let { text = "text-sm" } = $$props;
+  let { color = "text-white" } = $$props;
+  let { rounded = "rounded-container-token" } = $$props;
+  let { shadow = "shadow" } = $$props;
+  let { button = "btn btn-sm variant-soft !text-white" } = $$props;
+  let { buttonLabel = "Copy" } = $$props;
+  let { buttonCopied = "👍" } = $$props;
+  let formatted = false;
+  let displayCode = code;
+  if ($$props.language === void 0 && $$bindings.language && language !== void 0)
+    $$bindings.language(language);
+  if ($$props.code === void 0 && $$bindings.code && code !== void 0)
+    $$bindings.code(code);
+  if ($$props.lineNumbers === void 0 && $$bindings.lineNumbers && lineNumbers !== void 0)
+    $$bindings.lineNumbers(lineNumbers);
+  if ($$props.background === void 0 && $$bindings.background && background !== void 0)
+    $$bindings.background(background);
+  if ($$props.blur === void 0 && $$bindings.blur && blur !== void 0)
+    $$bindings.blur(blur);
+  if ($$props.text === void 0 && $$bindings.text && text !== void 0)
+    $$bindings.text(text);
+  if ($$props.color === void 0 && $$bindings.color && color !== void 0)
+    $$bindings.color(color);
+  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.button === void 0 && $$bindings.button && button !== void 0)
+    $$bindings.button(button);
+  if ($$props.buttonLabel === void 0 && $$bindings.buttonLabel && buttonLabel !== void 0)
+    $$bindings.buttonLabel(buttonLabel);
+  if ($$props.buttonCopied === void 0 && $$bindings.buttonCopied && buttonCopied !== void 0)
+    $$bindings.buttonCopied(buttonCopied);
+  {
+    if ($storeHighlightJs !== void 0) {
+      displayCode = $storeHighlightJs.highlight(code, { language }).value.trim();
+      formatted = true;
+    }
+  }
+  {
+    if (lineNumbers) {
+      displayCode = displayCode.replace(/^/gm, () => {
+        return '<span class="line"></span>	';
+      });
+      formatted = true;
+    }
+  }
+  classesBase = `${cBase} ${background} ${blur} ${text} ${color} ${rounded} ${shadow} ${$$props.class ?? ""}`;
+  $$unsubscribe_storeHighlightJs();
+  return ` ${language && code ? `<div class="${"codeblock " + escape(classesBase, true)}" data-testid="codeblock"> <header class="${"codeblock-header " + escape(cHeader, true)}"> <span class="codeblock-language">${escape(languageFormatter(language))}</span>  <button type="button" class="${"codeblock-btn " + escape(button, true)}">${escape(buttonLabel)}</button></header>  <pre class="${"codeblock-pre " + escape(cPre, true)}"><code class="${"codeblock-code language-" + escape(language, true) + " lineNumbers"}">${formatted ? `<!-- HTML_TAG_START -->${displayCode}<!-- HTML_TAG_END -->` : `${escape(code.trim())}`}</code></pre></div>` : ``}`;
+});
+const ComboBox = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { stringItems = ["Select item"] } = $$props;
+  let { selectedValue = "" } = $$props;
+  selectedValue = stringItems.length === 0 ? "" : stringItems[0];
+  if ($$props.stringItems === void 0 && $$bindings.stringItems && stringItems !== void 0)
+    $$bindings.stringItems(stringItems);
+  if ($$props.selectedValue === void 0 && $$bindings.selectedValue && selectedValue !== void 0)
+    $$bindings.selectedValue(selectedValue);
+  return `<select class="select">${each(stringItems, (item) => {
+    return `<option${add_attribute("value", item, 0)}>${escape(item)}</option>`;
+  })}</select>`;
+});
+const css$6 = {
+  code: ".combo-box-wrapper.svelte-5jp9bf{display:flex;gap:1em}",
+  map: null
+};
+const ComboBoxWithButton = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { selectedValue = "" } = $$props;
+  let { stringItems = [] } = $$props;
+  let { onClick = void 0 } = $$props;
+  if ($$props.selectedValue === void 0 && $$bindings.selectedValue && selectedValue !== void 0)
+    $$bindings.selectedValue(selectedValue);
+  if ($$props.stringItems === void 0 && $$bindings.stringItems && stringItems !== void 0)
+    $$bindings.stringItems(stringItems);
+  if ($$props.onClick === void 0 && $$bindings.onClick && onClick !== void 0)
+    $$bindings.onClick(onClick);
+  $$result.css.add(css$6);
+  let $$settled;
+  let $$rendered;
+  let previous_head = $$result.head;
+  do {
+    $$settled = true;
+    $$result.head = previous_head;
+    $$rendered = `<div class="combo-box-wrapper svelte-5jp9bf"><button class="combo-box-side-button btn variant-filled-primary" data-svelte-h="svelte-1e7q8gp">+ Add entry</button> ${validate_component(ComboBox, "ComboBox").$$render(
+      $$result,
+      { selectedValue, stringItems },
+      {
+        selectedValue: ($$value) => {
+          selectedValue = $$value;
+          $$settled = false;
+        },
+        stringItems: ($$value) => {
+          stringItems = $$value;
+          $$settled = false;
+        }
+      },
+      {}
+    )} </div>`;
+  } while (!$$settled);
+  return $$rendered;
+});
+const UpwardIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M440-160v-487L216-423l-56-57%20320-320%20320%20320-56%2057-224-224v487h-80Z'/%3e%3c/svg%3e";
+const css$5 = {
+  code: ".advanced-setting-list.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{display:flex;flex-direction:column}.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559:is(.dark .btn-group-header){--tw-bg-opacity:1;background-color:rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));color:rgb(var(--on-tertiary))}.btn-group-header.svelte-1fsf559>.svelte-1fsf559.svelte-1fsf559:disabled{cursor:not-allowed;opacity:0.5}.btn-group-header.svelte-1fsf559>.svelte-1fsf559.svelte-1fsf559: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)}.btn-group-header.svelte-1fsf559>.svelte-1fsf559.svelte-1fsf559: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))}.btn-group-header.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{display:inline-flex;flex-direction:row;overflow:hidden;border-radius:var(--theme-rounded-base);isolation:isolate}.btn-group-header.svelte-1fsf559>.svelte-1fsf559:not([hidden])~.svelte-1fsf559:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.btn-group-header.svelte-1fsf559 button.svelte-1fsf559.svelte-1fsf559{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;color:inherit;text-decoration-line:none}.btn-group-header.svelte-1fsf559 button.svelte-1fsf559.svelte-1fsf559: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);background-color:rgb(var(--color-surface-50) / 3%)}.btn-group-header.svelte-1fsf559 button.svelte-1fsf559.svelte-1fsf559:active{background-color:rgb(var(--color-surface-900) / 3%)}.btn-group-header.svelte-1fsf559>.svelte-1fsf559+.svelte-1fsf559{border-top-width:0px;border-left-width:1px;border-color:rgb(var(--color-surface-500) / 0.2)}.btn-group-header.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{--tw-bg-opacity:1;background-color:rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));color:rgb(var(--on-tertiary))}.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559:is(.dark .btn-group-header){--tw-bg-opacity:1;background-color:rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));color:rgb(var(--on-tertiary))}.btn-group-header.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{display:flex;align-items:center;margin-bottom:0.5lh}.btn-group-entry.svelte-1fsf559>.svelte-1fsf559.svelte-1fsf559:disabled{cursor:not-allowed;opacity:0.5}.btn-group-entry.svelte-1fsf559>.svelte-1fsf559.svelte-1fsf559: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)}.btn-group-entry.svelte-1fsf559>.svelte-1fsf559.svelte-1fsf559: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))}.btn-group-entry.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{display:inline-flex;flex-direction:row;overflow:hidden;border-radius:var(--theme-rounded-base);isolation:isolate}.btn-group-entry.svelte-1fsf559>.svelte-1fsf559:not([hidden])~.svelte-1fsf559:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.btn-group-entry.svelte-1fsf559 button.svelte-1fsf559.svelte-1fsf559{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;color:inherit;text-decoration-line:none}.btn-group-entry.svelte-1fsf559 button.svelte-1fsf559.svelte-1fsf559: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);background-color:rgb(var(--color-surface-50) / 3%)}.btn-group-entry.svelte-1fsf559 button.svelte-1fsf559.svelte-1fsf559:active{background-color:rgb(var(--color-surface-900) / 3%)}.btn-group-entry.svelte-1fsf559>.svelte-1fsf559+.svelte-1fsf559{border-top-width:0px;border-left-width:1px;border-color:rgb(var(--color-surface-500) / 0.2)}.btn-group-entry.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{display:flex;padding:0}.btn-group-entry.svelte-1fsf559>div.svelte-1fsf559.svelte-1fsf559{padding:1em}.flipped-vertically.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{transform:rotate(180deg)}.entry-group.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{border-radius:var(--theme-rounded-container);background-color:rgb(var(--color-surface-600));margin-top:1.5lh;margin-bottom:0.5lh;padding:0.5lh 0.5em}.entry-row.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{display:flex;align-items:center}.entry-name.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{flex-grow:1}tr.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559,td.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559,th.svelte-1fsf559.svelte-1fsf559.svelte-1fsf559{width:100%}tfoot.svelte-1fsf559>tr.svelte-1fsf559.svelte-1fsf559{display:flex}",
+  map: null
+};
+const EntryOrderConfig = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { seaweedTemplateData } = $$props;
+  let { seaweedEntries } = $$props;
+  let { orderUrl } = $$props;
+  let { updateUrl } = $$props;
+  const updateOrderQuery = () => {
+    orderUrl = "order=" + seaweedEntries.map((g) => {
+      const groupUrl = g.items.map((e) => removeProxyWrapperOnString(e.name)).join("|");
+      return `${g.name}:${groupUrl}:${g.gridClass}`;
+    }).join(",");
+    updateUrl(seaweedTemplateData);
+  };
+  const addEntry = (group) => {
+    return (selected) => {
+      const c = GetEntryFromGlobal(selected);
+      if (c) {
+        group.items.push(c);
+        seaweedEntries = seaweedEntries;
+        updateOrderQuery();
+      }
+    };
+  };
+  const allDefaultEntries = Array.from(GetAllEntryFromGlobal().keys());
+  if ($$props.seaweedTemplateData === void 0 && $$bindings.seaweedTemplateData && seaweedTemplateData !== void 0)
+    $$bindings.seaweedTemplateData(seaweedTemplateData);
+  if ($$props.seaweedEntries === void 0 && $$bindings.seaweedEntries && seaweedEntries !== void 0)
+    $$bindings.seaweedEntries(seaweedEntries);
+  if ($$props.orderUrl === void 0 && $$bindings.orderUrl && orderUrl !== void 0)
+    $$bindings.orderUrl(orderUrl);
+  if ($$props.updateUrl === void 0 && $$bindings.updateUrl && updateUrl !== void 0)
+    $$bindings.updateUrl(updateUrl);
+  $$result.css.add(css$5);
+  return `<br class="svelte-1fsf559"> <h2 class="svelte-1fsf559" data-svelte-h="svelte-rlwwg9">Site ordering</h2> <blockquote class="svelte-1fsf559" data-svelte-h="svelte-1bqhr49">Sorry! This part of the website is still WIP, but here it is anyway. As long as it functions</blockquote>  <div class="advanced-setting-list svelte-1fsf559">${each(seaweedEntries, (group, groupIndex) => {
+    return `<div class="entry-group card svelte-1fsf559"><div class="btn-group-header svelte-1fsf559"><button${add_attribute("title", `Remove ${group.name}`, 0)} class="svelte-1fsf559"><img class="img-icon svelte-1fsf559"${add_attribute("src", CloseIcon, 0)}${add_attribute("alt", `Remove ${group.name}`, 0)}></button> <button${add_attribute("title", `Move group ${group.name} upwards`, 0)} ${groupIndex === 0 ? "disabled" : ""} class="svelte-1fsf559"><img class="img-icon svelte-1fsf559"${add_attribute("src", UpwardIcon, 0)}${add_attribute("alt", `Move group ${group.name} upwards`, 0)}></button> <button${add_attribute("title", `Move group ${group.name} downwards`, 0)} ${groupIndex === seaweedEntries.length - 1 ? "disabled" : ""} class="svelte-1fsf559"><img class="img-icon flipped-vertically svelte-1fsf559"${add_attribute("src", UpwardIcon, 0)}${add_attribute("alt", `Move group ${group.name} downwards`, 0)}></button> <h2 class="svelte-1fsf559">${escape(group.name)}</h2></div> <table class="advanced-setting-list table svelte-1fsf559"><thead class="svelte-1fsf559" data-svelte-h="svelte-pbksj"><tr class="svelte-1fsf559"><th class="svelte-1fsf559">Entries</th> </tr></thead> <tbody class="svelte-1fsf559">${each(group.items, (entry, entryIndex) => {
+      return `<tr class="entry-row svelte-1fsf559"><td class="btn-group-entry svelte-1fsf559"><button${add_attribute("title", `Remove ${entry.name}`, 0)} class="svelte-1fsf559"><img class="img-icon svelte-1fsf559"${add_attribute("src", CloseIcon, 0)}${add_attribute("alt", `Remove ${entry.name}`, 0)}></button> <button${add_attribute("title", `Move ${entry.name} upwards`, 0)} ${entryIndex === 0 ? "disabled" : ""} class="svelte-1fsf559"><img class="img-icon svelte-1fsf559"${add_attribute("src", UpwardIcon, 0)}${add_attribute("alt", `Move ${entry.name} upwards`, 0)}></button> <button${add_attribute("title", `Move ${entry.name} downwards`, 0)} ${entryIndex === group.items.length - 1 ? "disabled" : ""} class="svelte-1fsf559"><img class="img-icon flipped-vertically svelte-1fsf559"${add_attribute("src", UpwardIcon, 0)}${add_attribute("alt", `Move ${entry.name} downwards`, 0)}></button> <div class="entry-name svelte-1fsf559">${escape(entry.name)} </div></td> </tr>`;
+    })}</tbody> <tfoot class="svelte-1fsf559"><tr class="svelte-1fsf559"><td class="svelte-1fsf559">${validate_component(ComboBoxWithButton, "ComboBoxWithButton").$$render(
+      $$result,
+      {
+        stringItems: allDefaultEntries,
+        onClick: addEntry(group)
+      },
+      {},
+      {}
+    )} </td></tr> </tfoot></table> </div>`;
+  })} </div>`;
+});
+const MailIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M160-160q-33%200-56.5-23.5T80-240v-480q0-33%2023.5-56.5T160-800h640q33%200%2056.5%2023.5T880-720v480q0%2033-23.5%2056.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80%20320-200H160l320%20200ZM160-640v-80%20480-400Z'/%3e%3c/svg%3e";
+const LinkedinIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19%200h-14c-2.761%200-5%202.239-5%205v14c0%202.761%202.239%205%205%205h14c2.762%200%205-2.239%205-5v-14c0-2.761-2.238-5-5-5zm-11%2019h-3v-11h3v11zm-1.5-12.268c-.966%200-1.75-.79-1.75-1.764s.784-1.764%201.75-1.764%201.75.79%201.75%201.764-.783%201.764-1.75%201.764zm13.5%2012.268h-3v-5.604c0-3.368-4-3.113-4%200v5.604h-3v-11h3v1.765c1.396-2.586%207-2.777%207%202.476v6.759z'/%3e%3c/svg%3e";
+const css$4 = {
+  code: ".svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:is(.dark .social-button){--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:disabled{cursor:not-allowed;opacity:0.5}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc: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)}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc: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))}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc{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)}.social-button.svelte-urhqdc>.svelte-urhqdc:not([hidden])~.svelte-urhqdc: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)))}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc: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)}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc: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)}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:is(.dark .social-button){--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}button.svelte-urhqdc>img.svelte-urhqdc.svelte-urhqdc{max-height:1lh}button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc{min-width:0;min-height:0}.socials.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc{display:flex;flex-wrap:wrap;justify-content:var(--preferred-justify-content)}.socials.svelte-urhqdc>button.svelte-urhqdc.svelte-urhqdc{margin:0 0.5em var(--preferred-overall-margin-bottom)}.socials.isSmall.svelte-urhqdc>button.svelte-urhqdc.svelte-urhqdc{margin-left:0.25em;margin-right:0.25em}",
+  map: null
+};
+const SocialSection = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { isSmallVersion = false } = $$props;
+  let { email = "turnipxenon@gmail.com" } = $$props;
+  let { linkedinSlug = "turnip-xenon" } = $$props;
+  let { isSlot = false } = $$props;
+  let { allowLinkedIn = true } = $$props;
+  const style = `
+		--preferred-justify-content: ${isSlot ? "flex-start" : "center"};
+		--preferred-overall-margin-bottom: ${isSlot ? "0" : "0.75lh"};
+	`;
+  if ($$props.isSmallVersion === void 0 && $$bindings.isSmallVersion && isSmallVersion !== void 0)
+    $$bindings.isSmallVersion(isSmallVersion);
+  if ($$props.email === void 0 && $$bindings.email && email !== void 0)
+    $$bindings.email(email);
+  if ($$props.linkedinSlug === void 0 && $$bindings.linkedinSlug && linkedinSlug !== void 0)
+    $$bindings.linkedinSlug(linkedinSlug);
+  if ($$props.isSlot === void 0 && $$bindings.isSlot && isSlot !== void 0)
+    $$bindings.isSlot(isSlot);
+  if ($$props.allowLinkedIn === void 0 && $$bindings.allowLinkedIn && allowLinkedIn !== void 0)
+    $$bindings.allowLinkedIn(allowLinkedIn);
+  $$result.css.add(css$4);
+  return `<div class="${["socials svelte-urhqdc", isSmallVersion ? "isSmall" : ""].join(" ").trim()}"${add_attribute("style", style, 0)} data-nosnippet><button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://github.com/TurnipXenon"><img${add_attribute("src", GithubIcon, 0)} alt="github icon" class="svelte-urhqdc"> ${!isSmallVersion ? `<span class="svelte-urhqdc" data-svelte-h="svelte-1yx4gc2">TurnipXenon</span>` : ``}</button> ${allowLinkedIn ? `<button type="button" class="social-button turnip-button svelte-urhqdc" role="link"${add_attribute("title", `https://www.linkedin.com/in/${linkedinSlug}/`, 0)}><img${add_attribute("src", LinkedinIcon, 0)} alt="linkedin icon" class="svelte-urhqdc"> ${!isSmallVersion ? `<span class="svelte-urhqdc">${escape(linkedinSlug)}</span>` : ``}</button>` : ``} <button type="button" class="social-button turnip-button svelte-urhqdc" role="link"${add_attribute("title", `mailto:${email}`, 0)}><img${add_attribute("src", MailIcon, 0)} alt="mail icon" class="svelte-urhqdc"> ${!isSmallVersion ? `<span class="svelte-urhqdc">${escape(email)}</span>` : ``}</button> ${``} </div>`;
+});
+const css$3 = {
+  code: ":root{--dialog-start-pad:clamp(0em, 5vw, 2em);--dialog-box-width:min(calc(50em + 4em), calc(100vw - var(--dialog-start-pad) - var(--theme-border-base)));--dialog-box-height:clamp(15em, 50vw, 18em)}.default-page-container.svelte-17jndg7{max-width:2100px;margin:4em auto;flex-direction:column;z-index:0}.lead-slot-placeholder.svelte-17jndg7{height:3em;margin-inline-end:0.5em}",
+  map: null
+};
+const SeaweedBaseLayout = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let $$slots = compute_slots(slots);
+  let { shouldDisplayLeadingIcons = false } = $$props;
+  let enableBackgroundValue = true;
+  enableBackground.subscribe((value) => {
+    enableBackgroundValue = value;
+  });
+  enableDialogueOverlay.set(false);
+  let shouldDisplaySocialIcons = writable(false);
+  if ($$props.shouldDisplayLeadingIcons === void 0 && $$bindings.shouldDisplayLeadingIcons && shouldDisplayLeadingIcons !== void 0)
+    $$bindings.shouldDisplayLeadingIcons(shouldDisplayLeadingIcons);
+  $$result.css.add(css$3);
+  return ` ${$$result.head += `<!-- HEAD_svelte-19or0ga_START --><!-- HTML_TAG_START -->${`<script>${autoModeWatcher.toString()} autoModeWatcher();<\/script>`}<!-- HTML_TAG_END --><!-- HEAD_svelte-19or0ga_END -->`, ""} ${validate_component(AppShell, "AppShell").$$render($$result, {}, {}, {
+    header: () => {
+      return ` ${validate_component(AppBar, "AppBar").$$render(
+        $$result,
+        {
+          slotDefault: "place-content-start",
+          background: "app-shell-token"
+        },
+        {},
+        {
+          trail: () => {
+            return `${validate_component(LightSwitch, "LightSwitch").$$render($$result, { bgLight: "bg-surface-400" }, {}, {})} `;
+          },
+          lead: () => {
+            return `<span class="lead-slot-placeholder svelte-17jndg7"></span> ${$$slots.extraLeadingIcons && shouldDisplayLeadingIcons ? `<div>${slots.extraLeadingIcons ? slots.extraLeadingIcons({}) : ``}</div>` : `${$$slots.extraLeadingIcons ? `<div hidden>${slots.s ? slots.s({}) : ``}</div>` : ``}`}`;
+          }
+        }
+      )} `;
+    },
+    default: () => {
+      return `${validate_component(RandomizedBackground, "RandomizedBackground").$$render($$result, { enable: enableBackgroundValue }, {}, {})}   <div class="default-page-container svelte-17jndg7">${slots.default ? slots.default({ shouldDisplaySocialIcons }) : ``} <div class="footer-space"></div></div>  `;
+    }
+  })}`;
+});
+const ElementVisbilityDetector = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { isVisible = true } = $$props;
+  let stickyElem;
+  if ($$props.isVisible === void 0 && $$bindings.isVisible && isVisible !== void 0)
+    $$bindings.isVisible(isVisible);
+  return `<span${add_attribute("this", stickyElem, 0)}>${slots.default ? slots.default({}) : ``}</span>`;
+});
+const css$2 = {
+  code: ".local-list.svelte-1od5o4z{display:flex;flex-direction:column;gap:0.25lh}.send-link.svelte-1od5o4z{margin-top:0.75lh}",
+  map: null
+};
+const CreateUrlForm = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { queryParams = "" } = $$props;
+  getToastStore();
+  let request = {
+    queryParams: "",
+    shortUrl: "",
+    password: ""
+  };
+  const failToast = { message: "Adding new url failed" };
+  /* @__PURE__ */ new Map([
+    [CreateUrlResult.Success, { message: "Successfully added new url" }],
+    [
+      CreateUrlResult.Duplicate,
+      {
+        message: "Short url already used; try again with another url"
+      }
+    ],
+    [CreateUrlResult.Fail, failToast]
+  ]);
+  if ($$props.queryParams === void 0 && $$bindings.queryParams && queryParams !== void 0)
+    $$bindings.queryParams(queryParams);
+  $$result.css.add(css$2);
+  request.queryParams = queryParams;
+  return `<div class="local-list svelte-1od5o4z"><label for="short-url" data-svelte-h="svelte-1pxy7if">Short URL for url shortener</label> <input name="short-url" class="input" type="text" placeholder="short-url"${add_attribute("value", request.shortUrl, 0)}> <label for="password" data-svelte-h="svelte-pepa0a">Password</label> <input name="password" class="input" type="password" placeholder="ILoveTurnips"${add_attribute("value", request.password, 0)}> <button class="send-link btn variant-filled svelte-1od5o4z" data-svelte-h="svelte-11pd0di">Send link</button> </div>`;
+});
+const css$1 = {
+  code: ".chum-bucket-item.svelte-1xlacc0{width:100%;display:flex;flex-direction:row;align-items:flex-start}.chum-bucket-image.svelte-1xlacc0{max-width:10em;height:auto;margin-top:0.5em;margin-inline-end:1em}.chum-bucket.svelte-1xlacc0{padding:1.5lh 2em;max-width:600px}.chum-bucket-grid.svelte-1xlacc0{display:flex;flex-direction:column;margin-top:0.5lh;gap:0.5lh}",
+  map: null
+};
+const ChumBucket = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let pageMetaList = [];
+  $$result.css.add(css$1);
+  return `${validate_component(Card, "Card").$$render($$result, {}, {}, {
+    content: () => {
+      return `<div slot="content" class="chum-bucket svelte-1xlacc0"><h2 data-svelte-h="svelte-1b5qs2u">More about me...</h2> <p data-svelte-h="svelte-eux8tu">Check out the latest things I&#39;ve been rambling about at
+			<a href="https://turnipxenon.com" target="_blank">turnipxenon.com</a> or at
+			<a href="https://turnipxenon.com/blogs/coding-chagrin" target="_blank">turnipxenon.com/blogs/coding-chagrin.</a></p> ${pageMetaList.length > 0 ? `<h3 data-svelte-h="svelte-16xin8b"><b>My latest blogs (sounds too fancy)</b></h3>` : ``} <div class="chum-bucket-grid svelte-1xlacc0">${each(pageMetaList, (pageMeta) => {
+        return `<div class="chum-bucket-item svelte-1xlacc0">${pageMeta.imageUrl ? `<img${add_attribute("src", `https://turnipxenon.com${pageMeta.imageUrl}`, 0)} class="chum-bucket-image svelte-1xlacc0"${add_attribute("alt", pageMeta.imageAlt, 0)}>` : ``} <div><h3><a${add_attribute("href", `https://turnipxenon.com/${pageMeta.relativeLink}`, 0)}>${escape(pageMeta.title)}</a></h3> <p>${escape(pageMeta.description)}</p></div> </div>`;
+      })}</div></div>`;
+    }
+  })}`;
+});
+const css = {
+  code: ".advanced-setting.svelte-1r5yyuh{display:flex;flex-direction:column;gap:0.5lh}h3.svelte-1r5yyuh{font-size:1.5em;line-height:1.5lh}.query-term-grid.svelte-1r5yyuh{display:flex;gap:0.25em;flex-wrap:wrap}",
+  map: null
+};
+let additionalFontWeight = "";
+const SeaweedTemplate = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let isSocialsGone;
+  let $$unsubscribe_page;
+  $$unsubscribe_page = subscribe(page, (value) => value);
+  let { seaweedTemplateData } = $$props;
+  let { projectFirstGroupedEntries } = $$props;
+  let { getEntryFromGlobal } = $$props;
+  let { letChaos = true } = $$props;
+  let { name = "Turnip" } = $$props;
+  let { email = "turnipxenon@gmail.com" } = $$props;
+  let { linkedinSlug = "turnip-xenon" } = $$props;
+  let { domain = "http://localhost:5173/portfolio/actual/" } = $$props;
+  let { serverSideQueryParams = "" } = $$props;
+  const entryProps = { email };
+  let isVisible = true;
+  let isAdvanceSettingOn = false;
+  let qtfontWeight = "normal";
+  let chaosDone = false;
+  let mainVisibility = "visible";
+  const toggleTerm = (term) => {
+    seaweedTemplateData.queryTermMap.set(term, !seaweedTemplateData.queryTermMap.get(term));
+    seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
+  };
+  let orderUrl = "";
+  let advancedUrl = domain;
+  let advancedQuery = "";
+  const updateUrl = (seaweedTemplateData2) => {
+    if (seaweedTemplateData2 === void 0) {
+      return;
+    }
+    const queryParams = [];
+    if (orderUrl) {
+      queryParams.push(orderUrl);
+    }
+    const qtList = [];
+    seaweedTemplateData2.queryTermMap.forEach((shouldBold, term) => {
+      if (shouldBold) {
+        qtList.push(term);
+      }
+    });
+    if (qtList.length === 0) {
+      queryParams.push("qt=clear");
+    } else if (seaweedTemplateData2.queryTermMap.size !== qtList.length) {
+      queryParams.push(`qt=${qtList.map((t) => t.slice(3, t.length)).join(",")}`);
+    }
+    if (seaweedTemplateData2.shouldAddFunNote) {
+      queryParams.push("fun=true");
+    }
+    if (!seaweedTemplateData2.gameSectionFirst) {
+      queryParams.push("game-section-first=false");
+    }
+    if (queryParams.length > 0) {
+      advancedQuery = queryParams.join("&");
+      advancedUrl = `${domain}?${advancedQuery}`;
+    } else {
+      advancedUrl = domain;
+    }
+  };
+  if ($$props.seaweedTemplateData === void 0 && $$bindings.seaweedTemplateData && seaweedTemplateData !== void 0)
+    $$bindings.seaweedTemplateData(seaweedTemplateData);
+  if ($$props.projectFirstGroupedEntries === void 0 && $$bindings.projectFirstGroupedEntries && projectFirstGroupedEntries !== void 0)
+    $$bindings.projectFirstGroupedEntries(projectFirstGroupedEntries);
+  if ($$props.getEntryFromGlobal === void 0 && $$bindings.getEntryFromGlobal && getEntryFromGlobal !== void 0)
+    $$bindings.getEntryFromGlobal(getEntryFromGlobal);
+  if ($$props.letChaos === void 0 && $$bindings.letChaos && letChaos !== void 0)
+    $$bindings.letChaos(letChaos);
+  if ($$props.name === void 0 && $$bindings.name && name !== void 0)
+    $$bindings.name(name);
+  if ($$props.email === void 0 && $$bindings.email && email !== void 0)
+    $$bindings.email(email);
+  if ($$props.linkedinSlug === void 0 && $$bindings.linkedinSlug && linkedinSlug !== void 0)
+    $$bindings.linkedinSlug(linkedinSlug);
+  if ($$props.domain === void 0 && $$bindings.domain && domain !== void 0)
+    $$bindings.domain(domain);
+  if ($$props.serverSideQueryParams === void 0 && $$bindings.serverSideQueryParams && serverSideQueryParams !== void 0)
+    $$bindings.serverSideQueryParams(serverSideQueryParams);
+  $$result.css.add(css);
+  let $$settled;
+  let $$rendered;
+  let previous_head = $$result.head;
+  do {
+    $$settled = true;
+    $$result.head = previous_head;
+    isSocialsGone = !isVisible;
+    mainVisibility = letChaos && !chaosDone ? "hidden" : "visible";
+    {
+      updateUrl(seaweedTemplateData);
+    }
+    $$rendered = `${validate_component(SeaweedBaseLayout, "SeaweedBaseLayout").$$render(
+      $$result,
+      { shouldDisplayLeadingIcons: isSocialsGone },
+      {
+        shouldDisplayLeadingIcons: ($$value) => {
+          isSocialsGone = $$value;
+          $$settled = false;
+        }
+      },
+      {
+        extraLeadingIcons: () => {
+          return `${validate_component(SocialSection, "SocialSection").$$render(
+            $$result,
+            {
+              slot: "extraLeadingIcons",
+              isSlot: true,
+              email,
+              linkedinSlug,
+              isSmallVersion: true
+            },
+            {},
+            {}
+          )}`;
+        },
+        default: () => {
+          return ` <main${add_attribute(
+            "style",
+            `
+	--qt-font-weight: ${qtfontWeight};${additionalFontWeight};
+	visibility: ${mainVisibility};
+	`,
+            0
+          )}><div class="experience-and-about-div"><div class="greater-about-div">${validate_component(Card, "Card").$$render($$result, { includeDataNoSnippet: false }, {}, {
+            content: () => {
+              return `<section class="section-card" slot="content"><h1 data-svelte-h="svelte-soqi9t">About</h1> <p>Hi! My name is ${escape(name)}! I work as a software developer. Outside of that, I like making games, and
+							trying to do everything in between required to make one. I have some showcased below, our visit
+							my itch.io page for more of them.</p>  <p data-svelte-h="svelte-1htq5b8">I also graduated with BS Computing Science, Specializing in Software Practice, and a
+							certificate in Computer Game Development at University of Alberta.</p> ${seaweedTemplateData?.shouldAddFunNote ? `<p data-svelte-h="svelte-1cp5bb">I&#39;m inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
+								Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.</p>` : ``}  </section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="section-card" slot="content">${validate_component(SocialSection, "SocialSection").$$render($$result, { email, linkedinSlug }, {}, {})} ${validate_component(ElementVisbilityDetector, "ElementVisbilityDetector").$$render(
+                $$result,
+                { isVisible },
+                {
+                  isVisible: ($$value) => {
+                    isVisible = $$value;
+                    $$settled = false;
+                  }
+                },
+                {}
+              )}</section>`;
+            }
+          })}</div> ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="section-card" slot="content"><h1 data-svelte-h="svelte-1r6ig88">Experience</h1> <h2 data-svelte-h="svelte-vsxr46">Highlight</h2> <p data-svelte-h="svelte-1w8ipmn">Worked on Go backend microservices and Typescript React frontend app, serving <b>over 30 million daily
+						active users</b> at Twitch (an Amazon Web Services subsidiary)</p> <h2 data-svelte-h="svelte-a3jo9c">Software Engineer</h2> <div class="two-column-separated" data-svelte-h="svelte-l2tbyp"><div>July 2023 – January 2024</div> <div style="text-align: end">Twitch (Amazon Web Services), Remote</div></div> <ul data-svelte-h="svelte-1htsnlv"><li>Contributed to
+							<span class="qt-go">Golang</span>
+							microservices and
+							<span class="qt-ts">Typescript</span> <span class="qt-react">React</span> codebases, across several teams, to accommodate public-facing user safety features to better comply with EU’s Digital Services Act, which applies to no more than
+							<a href="https://safety.twitch.tv/s/article/Digital-Services-Act-Information?language=en_US">30.5 million users</a>
+							. Work includes feature flags, alarms, unit tests, end-to-end testing, and documentation.</li> <li>Improved observability for upcoming features by setting up new AWS resources to integrate internal data platform tools with existing alarms in our team’s microservice, utilizing
+							<span class="qt-aws qt-observability">Cloudwatch</span>,
+							<span class="qt-aws qt-observability">Grafana</span>,
+							<span class="qt-aws">Kinesis Data Stream</span>,
+							<span class="qt-aws qt-infra">AWS CDK (infrastructure as code)</span>, and
+							<span class="qt-aws qt-cicd">CodePipeline (CI/CD)</span></li></ul> <br> <h2 data-svelte-h="svelte-wd964g">Software Engineer Intern</h2> <div class="two-column-separated" data-svelte-h="svelte-xu6jnc"><div>May 2022 – Aug 2022</div> <div style="text-align: end">Twitch (Amazon Web Services), San Francisco</div></div> <ul data-svelte-h="svelte-1coh9hk"><li>Built a <span class="qt-infra">load testing service</span> that can be configured to generate different
+							message types at different volumes that can be easily extended to target different chat services</li> <li>Used Twitch’s set of custom tools, including Twitch’s custom RPC protocol, to create a backend
+							service with business logic written in <span class="qt-go">Go</span> and cloud infrastructure utilizing
+							<span class="qt-infra qt-aws">ECS on Fargate, Cloudwatch, and DynamoDB</span>
+							, defined in <span class="qt-ts">Typescript</span>-flavored CDK</li> <li>Wrote a technical specification document for the service’s MVP and possible future features, and
+							additional documentation on how to use the service and how to extend the load testing service to include
+							new services to test</li></ul> <br>  ${validate_component(Accordion, "Accordion").$$render($$result, {}, {}, {
+                default: () => {
+                  return `${validate_component(AccordionItem, "AccordionItem").$$render($$result, {}, {}, {
+                    content: () => {
+                      return `<section class="more-section">${!letChaos ? `<h2 data-svelte-h="svelte-wd964g">Software Engineer Intern</h2> <div class="two-column-separated" data-svelte-h="svelte-1uqeyxo"><div>May 2021 – Dec 2021</div> <div style="text-align: end">Twitch (Amazon Web Services), Remote</div></div> <ul data-svelte-h="svelte-1xnf9zz"><li>Implemented and wrote tests for a feature in Twitch’s
+												<span class="qt-go">Golang</span> backend authentication microservices and
+												<span class="qt-ts">Typescript</span> <span class="qt-react">React</span> frontend web app that will help suggest security improvements to
+												<b>over 100k+ users daily</b></li></ul>` : `niko baikal seal from toba aquarium`} <br></section> `;
+                    },
+                    summary: () => {
+                      return `<div slot="summary" data-svelte-h="svelte-jx0pzv"><h2 class="accordion-header">More experience</h2></div>`;
+                    }
+                  })}`;
+                }
+              })}</section>`;
+            }
+          })}</div> ${seaweedTemplateData ? `${each(seaweedTemplateData.groupedEntries, (group) => {
+            return `${group.items.length > 0 ? `${validate_component(Card, "Card").$$render($$result, {}, {}, {
+              content: () => {
+                return `<section class="section-card title-card" slot="content"><h1 class="text-center">${escape(group.name)}</h1> </section>`;
+              }
+            })} <section class="${escape(null_to_empty(group.gridClass), true) + " svelte-1r5yyuh"}">${each(group.items, (entry) => {
+              return `${validate_component(entry.component || missing_component, "svelte:component").$$render($$result, { props: entryProps }, {}, {})}`;
+            })} </section>` : ``}`;
+          })}` : ``} ${validate_component(ChumBucket, "ChumBucket").$$render($$result, {}, {}, {})} ${!letChaos ? `<div aria-hidden="true" style="height: 3lh"></div> ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<div slot="content" class="default-card advanced-setting svelte-1r5yyuh"><h1 data-svelte-h="svelte-gt787v">Advanced settings</h1> <p data-svelte-h="svelte-2s1b5f">This one is for those curious how I customize this page.</p> ${validate_component(PineappleSlideToggle, "PineappleSlideToggle").$$render(
+                $$result,
+                {
+                  name: "advanced-setting-slider",
+                  checked: isAdvanceSettingOn
+                },
+                {
+                  checked: ($$value) => {
+                    isAdvanceSettingOn = $$value;
+                    $$settled = false;
+                  }
+                },
+                {
+                  default: () => {
+                    return `Advanced settings: ${escape(isAdvanceSettingOn ? "On" : "Off")}`;
+                  }
+                }
+              )} ${isAdvanceSettingOn ? `${validate_component(PineappleSlideToggle, "PineappleSlideToggle").$$render(
+                $$result,
+                {
+                  name: "game-section-slider",
+                  checked: seaweedTemplateData.gameSectionFirst
+                },
+                {
+                  checked: ($$value) => {
+                    seaweedTemplateData.gameSectionFirst = $$value;
+                    $$settled = false;
+                  }
+                },
+                {
+                  default: () => {
+                    return `Should game section appear first over projects: ${escape(seaweedTemplateData.gameSectionFirst ? "On" : "Off")}`;
+                  }
+                }
+              )} <p data-svelte-h="svelte-9e1iu1">Note: the above configuration was made before the dynamic entry list and to support links sent with that params, we will act like it only swaps the two groups, and nothing more dynamic if order query param does not exist. The configuration only happens during page load with query param, and it does not apply when changed here.</p> ${validate_component(PineappleSlideToggle, "PineappleSlideToggle").$$render(
+                $$result,
+                {
+                  name: "fun-note-slider",
+                  checked: seaweedTemplateData.shouldAddFunNote
+                },
+                {
+                  checked: ($$value) => {
+                    seaweedTemplateData.shouldAddFunNote = $$value;
+                    $$settled = false;
+                  }
+                },
+                {
+                  default: () => {
+                    return `Should add fun note in description: ${escape(seaweedTemplateData.shouldAddFunNote ? "On" : "Off")}`;
+                  }
+                }
+              )} <h3 class="svelte-1r5yyuh" data-svelte-h="svelte-1bh8env">Query terms to bold</h3> <div class="query-term-grid svelte-1r5yyuh">${each(seaweedTemplateData.queryTermMap.entries(), ([term, shouldBold]) => {
+                return ` ${validate_component(Chip, "Chip").$$render(
+                  $$result,
+                  {
+                    onClick: () => {
+                      toggleTerm(term);
+                    },
+                    checked: shouldBold
+                  },
+                  {},
+                  {
+                    default: () => {
+                      return ` <span${add_attribute("style", `font-weight: ${shouldBold ? "bold" : "normal"}`, 0)}>${shouldBold ? `✓` : ``} ${escape(term)}</span> `;
+                    }
+                  }
+                )}`;
+              })}</div> ${validate_component(EntryOrderConfig, "EntryOrderConfig").$$render(
+                $$result,
+                {
+                  seaweedTemplateData,
+                  updateUrl,
+                  seaweedEntries: seaweedTemplateData.groupedEntries,
+                  orderUrl
+                },
+                {
+                  seaweedEntries: ($$value) => {
+                    seaweedTemplateData.groupedEntries = $$value;
+                    $$settled = false;
+                  },
+                  orderUrl: ($$value) => {
+                    orderUrl = $$value;
+                    $$settled = false;
+                  }
+                },
+                {}
+              )} <br> <p data-svelte-h="svelte-1e17ji">Copy the url below and open a new page with it</p> ${validate_component(CodeBlock, "CodeBlock").$$render($$result, { language: "url", code: advancedUrl }, {}, {})} ${validate_component(CreateUrlForm, "UrlShortenerForm").$$render($$result, { queryParams: advancedQuery }, {}, {})}` : ``}</div>`;
+            }
+          })}` : ``}</main>`;
+        }
+      }
+    )}`;
+  } while (!$$settled);
+  $$unsubscribe_page();
+  return $$rendered;
+});
+export {
+  SeaweedTemplate as S
+};