{"version":3,"file":"2.CfN0ciaZ.js","sources":["../../../../../../src/routes/(app)/+layout.js","../../../../../../src/lib/util/url.js","../../../../../../src/lib/stores/install.js","../../../../../../src/lib/config/header.js","../../../../../../src/lib/components/Header.svelte","../../../../../../src/lib/components/PageTransition.svelte","../../../../../../src/lib/components/Footer.svelte","../../../../../../src/lib/components/Background.svelte","../../../../../../src/routes/(app)/+layout.svelte"],"sourcesContent":["import { loader } from '$lib/classes/item';\r\nimport sleep from '$lib/util/sleep';\r\n\r\n/** @type {import('./$types').LayoutLoad} */\r\nexport const load = async ({ data, fetch }) => {\r\n    loader(fetch);\r\n\r\n    return {\r\n        ...data,\r\n    };\r\n};","export const getPrimaryRoute = (pathname) => {\r\n    return `/${pathname.split('/', 2)[1] || ''}`;\r\n};","import { writable } from 'svelte/store';\r\nimport { browser } from '$app/environment';\r\nimport notif from '$lib/stores/notif';\r\n\r\nexport const installed = writable(true);\r\ninstalled.subscribe(v => installed.value = v);\r\n\r\nexport const isApp = writable(false);\r\nisApp.subscribe(v => isApp.value = v);\r\n\r\nlet prompt = null;\r\n\r\nconst onInstall = () => {\r\n    installed.set(true);\r\n    notif.success('Thanks for installing!');\r\n};\r\n\r\nexport const install = async () => {\r\n    if (!prompt) return;\r\n\r\n    prompt.prompt();\r\n    const choice = await prompt.userChoice;\r\n    \r\n    if (choice !== 'accepted') return;\r\n    onInstall();\r\n};\r\n\r\nif (browser) {\r\n    const context = window.matchMedia('(display-mode: standalone)');\r\n    isApp.set(context.matches);\r\n\r\n    window.addEventListener('beforeinstallprompt', (event) => {\r\n        console.log('install', event);\r\n        event.preventDefault();\r\n        installed.set(isApp.value);\r\n        prompt = event;\r\n    });\r\n\r\n    context.addEventListener('change', (event) => {\r\n        console.log('change', event);\r\n        isApp.set(event.matches);\r\n        if (isApp.value) onInstall();\r\n    });\r\n}\r\n","export default [\r\n    { route: '/',       label: 'Search', side: 0 },\r\n    { route: '/grail/one', label: 'Grail',  side: 1 },\r\n];","<script>\r\n    import { install, installed, isApp } from '$lib/stores/install';\r\n    import { click } from '$lib/util/audio';\r\n    import routes from '$lib/config/header';\r\n    import { page } from '$app/stores';\r\n    import { fade } from 'svelte/transition';\r\n\r\n    import SpriteIcon from '$lib/components/icons/SpriteIcon.svelte';\r\n</script>\r\n\r\n<header>\r\n    <div class='inner'>\r\n        <div class='mid'>\r\n            <div class='links left notch'>\r\n                {#each routes.filter(r => r.side === 0) as {route, label} (route)}\r\n                    <a href={route} on:click={click} class:selected={$page.url.pathname === route}>\r\n                        <span>{label}</span>\r\n                    </a>\r\n                {/each}\r\n            </div>\r\n            <div class='logowrap'>\r\n                <img class='logo' src='/static/icons/app/logo_blue_512.png' alt='logo'>\r\n            </div>\r\n            <div class='links right notch'>\r\n                {#each routes.filter(r => r.side === 1) as {route, label} (route)}\r\n                    <a href={route} on:click={click} class:selected={$page.url.pathname === route}>\r\n                        <span>{label}</span>\r\n                    </a>\r\n                {/each}\r\n            </div>\r\n        </div>\r\n\r\n        {#if !$installed && !$isApp}\r\n            <button class='install' on:click={() => install()} in:fade title='Search items and track your grail progression even while offline!'>\r\n                <SpriteIcon name='download' size='35px' />\r\n                <span>Install</span>\r\n            </button>\r\n        {/if}\r\n    </div>\r\n</header>\r\n\r\n<style>\r\n    header {\r\n        display: flex;\r\n        position: sticky;\r\n        top: 0;\r\n        z-index: 10;\r\n        padding: var(--gap-5);\r\n        max-width: var(--main-max-width);\r\n        margin: auto;\r\n    }\r\n    .inner {\r\n        display: flex;\r\n        flex: 1;\r\n        position: relative;\r\n    }\r\n    .install {\r\n        display: flex;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        padding: var(--gap-2) var(--gap-4);\r\n        padding-left: var(--gap-3);\r\n        border: 1px solid var(--bg-color-base-light);\r\n        gap: var(--gap-3);\r\n    }\r\n    .install:hover {\r\n        border-color: var(--bg-color-base-lightest);\r\n    }\r\n    .mid {\r\n        display: flex;\r\n        margin: auto;\r\n        flex-direction: row;\r\n        position: relative;\r\n    }\r\n    .links {\r\n        display: flex;\r\n        margin-top: auto;\r\n    }\r\n    .links.left {\r\n        margin-right: -10px;\r\n    }\r\n    .links.right {\r\n        margin-left: -10px;\r\n    }\r\n    a {\r\n        z-index: 1;\r\n        display: flex;\r\n        min-width: 100px;\r\n        min-height: 40px;\r\n        border-width: var(--border-width);\r\n\r\n        background-color: var(--btn-color-base);\r\n        border-color: var(--btn-color-base-light);\r\n        border-bottom-color: var(--btn-color-base-dark);\r\n    }\r\n    a.selected {\r\n        background-color: var(--btn-color-yellow);\r\n        border-color: var(--btn-color-yellow-light);\r\n        border-bottom-color: var(--btn-color-yellow-dark);\r\n    }\r\n    .right > a:first-child:not(:last-child) {\r\n        border-right: none;\r\n    }\r\n    .left > a:last-child:not(:first-child) {\r\n        border-left: none;\r\n    }\r\n\r\n    a > span,\r\n    .install > span {\r\n        font-family: var(--font-alt);\r\n        font-size: 1.6em;\r\n        transform: translateY(calc(1.6em / 12));\r\n        margin: auto;\r\n    }\r\n    .logowrap {\r\n        z-index: 2;\r\n        position: relative;\r\n        width: 200px;\r\n        height: 155px;\r\n    }\r\n    .logo {\r\n        position: absolute;\r\n        bottom: -23px;\r\n        width: 200px;\r\n        height: 200px;\r\n        filter: drop-shadow(0 0 3px black);\r\n    }\r\n</style>","<script>\r\n    import { fly, fade } from 'svelte/transition';\r\n\r\n    export let url;\r\n\r\n    // Can't use exit transition since onDestroy won't fire within child components\r\n</script>\r\n\r\n<main class='pagetransition'>\r\n    {#key url}\r\n        <div class='fly' in:fly={{x: 200, duration: 100, delay: 0}}>\r\n            <slot />\r\n        </div>\r\n    {/key}\r\n</main>\r\n\r\n<style>\r\n    main {\r\n        display: grid;\r\n        grid-template-rows: 1fr;\r\n        grid-template-columns: 1fr;\r\n        overflow-x: clip;\r\n    }\r\n    main > * {\r\n        z-index: 1;\r\n        grid-row: 1;\r\n        grid-column: 1;\r\n    }\r\n</style>","<script>\r\n\r\n</script>\r\n\r\n<footer>\r\n    <div class='inner'>\r\n\r\n    </div>\r\n</footer>\r\n\r\n<style>\r\n    footer {\r\n        display: flex;\r\n        flex-direction: column;\r\n        z-index: 10;\r\n        padding: var(--gap-5);\r\n        max-width: var(--main-max-width);\r\n        margin: auto;\r\n    }\r\n</style>","<script>\r\n    import { onMount } from 'svelte';\r\n\r\n    let loaded = false;\r\n    onMount(() => loaded = true);\r\n</script>\r\n\r\n<div class='bg'>\r\n    <div class='one' class:loaded></div>\r\n    <div class='two' class:loaded></div>\r\n</div>\r\n\r\n<style>\r\n    .bg {\r\n        pointer-events: none;\r\n        position: fixed;\r\n        top: 60%;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        overflow: visible;\r\n        z-index: 0;\r\n    }\r\n    .one, .two {\r\n        position: absolute;\r\n        top: -400%;\r\n        left: -400%;\r\n        right: -400%;\r\n        bottom: -400%;\r\n        opacity: 0;\r\n        background: conic-gradient(from 0deg at 50% 50%,\r\n            red,\r\n            transparent, \r\n            yellow,\r\n            transparent, \r\n            green, \r\n            transparent,\r\n            cyan, \r\n            transparent,\r\n            blue, \r\n            transparent,\r\n            magenta,\r\n            transparent,\r\n            red,\r\n            transparent, \r\n            yellow,\r\n            transparent, \r\n            green, \r\n            transparent,\r\n            cyan, \r\n            transparent,\r\n            blue, \r\n            transparent,\r\n            magenta,\r\n            transparent,\r\n            red\r\n        );\r\n        animation: spin 60s linear infinite, hue-rotate 20s linear infinite;\r\n        transition: opacity 1s ease-in;\r\n    }\r\n    .two {\r\n        background: conic-gradient(from 50deg at 50% 50%,\r\n            red,\r\n            transparent, \r\n            yellow,\r\n            transparent, \r\n            green, \r\n            transparent,\r\n            cyan, \r\n            transparent,\r\n            blue, \r\n            transparent,\r\n            magenta,\r\n            transparent,\r\n            red,\r\n            transparent, \r\n            yellow,\r\n            transparent, \r\n            green, \r\n            transparent,\r\n            cyan, \r\n            transparent,\r\n            blue, \r\n            transparent,\r\n            magenta,\r\n            transparent,\r\n            red,\r\n        );\r\n        animation: spin 40s linear infinite, hue-rotate 10s linear infinite;\r\n    }\r\n    .one.loaded {\r\n        opacity: 3%;\r\n    }\r\n    .two.loaded {\r\n        opacity: 7%;\r\n    }\r\n</style>","<script>\r\n    import { getPrimaryRoute } from '$lib/util/url';\r\n    import { paths } from '$lib/config/public';\r\n\r\n    import Header from '$lib/components/Header.svelte';\r\n    import PageTransition from '$lib/components/PageTransition.svelte';\r\n    import Footer from '$lib/components/Footer.svelte';\r\n    import Background from '$lib/components/Background.svelte';\r\n    \r\n    export let data;\r\n</script>\r\n\r\n<svelte:head>\r\n    <link rel='prefetch' href={paths.objects} as='fetch' type='application/json'>\r\n    <link rel='prefetch' href={paths.sets}    as='fetch' type='application/json'>\r\n</svelte:head>\r\n\r\n<Background />\r\n<Header />\r\n<PageTransition url={getPrimaryRoute(data.pathname)}>\r\n    <slot />\r\n</PageTransition>\r\n<Footer />"],"names":["load","data","fetch","loader","getPrimaryRoute","pathname","installed","writable","v","isApp","prompt","onInstall","notif","install","context","event","routes","ctx","toggle_class","a","insert_hydration","target","anchor","append_hydration","span","click","button","each_value_1","ensure_array_like","func","i","each_value","func_1","if_block","create_if_block","header","div4","div3","div0","div1","div2","div","main","url","$$props","footer","loaded","onMount","$$invalidate","attr","link0","paths","link1"],"mappings":"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"}