{"version":3,"file":"main.js","sources":["../src/utils/detectDarkMode.js","../src/components/ThemeSwitcher.svelte","../src/exampleConfig/routes.js","../src/exampleConfig/sidebarProps.js","../src/pages/playground/SidebarCodePreview.svelte","../src/components/Button.svelte","../src/components/ColorInput.svelte","../src/components/NumericInput.svelte","../src/components/Textarea.svelte","../src/utils/compareObjects.js","../src/utils/copyObjectDeep.js","../src/pages/playground/Playground.svelte","../src/utils/prettyPrintJson.js","../src/pages/documentation/Readme.svelte","../src/App.svelte","../src/main.js"],"sourcesContent":["export const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)')\n\t.matches\n\nexport default isDarkMode\n","<script>\n\timport { isDarkMode } from '../utils/detectDarkMode'\n\n\tconst THEMES = { dark: 'dark', light: 'light' }\n\tlet isSystemThemeDark = false\n\tlet initalTheme\n\tlet currentTheme\n\texport let useDarkTheme\n\n\t$: {\n\t\tisSystemThemeDark = isDarkMode\n\t\tinitalTheme =\n\t\t\tlocalStorage.theme ||\n\t\t\t(isSystemThemeDark ? THEMES.dark : THEMES.light)\n\t\tcurrentTheme = initalTheme\n\t\tuseDarkTheme = currentTheme === THEMES.dark\n\t}\n\n\tconst toggleTheme = () => {\n\t\tcurrentTheme = currentTheme === THEMES.dark ? THEMES.light : THEMES.dark\n\t\tif (localStorage) localStorage.theme = currentTheme\n\t}\n</script>\n\n<div class=\"theme-switcher\" class:dark={useDarkTheme}>\n\t{initalTheme} theme\n\t<label class=\"switch\" for=\"theme-switcher\">\n\t\t<input\n\t\t\tid=\"theme-switcher\"\n\t\t\ttype=\"checkbox\"\n\t\t\taria-label={`Enable ${initalTheme} theme`}\n\t\t\tchecked={currentTheme === initalTheme}\n\t\t\ton:click={toggleTheme}\n\t\t/>\n\t\t<span class=\"slider\" />\n\t</label>\n</div>\n\n<style>\n\t.theme-switcher {\n\t\tuser-select: none;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tcolor: var(--light-secondary);\n\t}\n\n\t/* The switch - the box around the slider */\n\t.switch {\n\t\tmargin-inline-start: 0.5rem;\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 2.75rem;\n\t\theight: 1.5rem;\n\t\tuser-select: none;\n\t}\n\n\t/* Hide default HTML checkbox */\n\t.switch input {\n\t\topacity: 0;\n\t\twidth: 0;\n\t\theight: 0;\n\t}\n\n\t/* The slider */\n\t.slider {\n\t\tposition: absolute;\n\t\tcursor: pointer;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tbackground-color: var(--bg-white);\n\t\ttransition: 0.15s;\n\t\tborder-radius: 1.2rem;\n\t}\n\n\t.slider:hover,\n\t.slider:focus {\n\t\tbackground-color: var(--accent-orange);\n\t}\n\n\t.slider:before {\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\theight: 1.2rem;\n\t\twidth: 1.2rem;\n\t\tleft: 0.2rem;\n\t\tbottom: calc((1.5rem - 1.2rem) / 2);\n\t\tbackground-color: var(--bg-blue);\n\t\ttransition: 0.15s;\n\t\tborder-radius: 50%;\n\t}\n\n\t.dark .slider:before {\n\t\tbackground-color: var(--dark-primary);\n\t}\n\n\tinput:focus + .slider {\n\t\tbox-shadow: 0 0 2px var(--accent-orange);\n\t}\n\n\tinput:checked + .slider:before {\n\t\ttransform: translateX(calc(2.75rem - 1.2rem - (0.2rem * 2)));\n\t}\n</style>\n","export const exampleRoutes = [\n\t{\n\t\tname: 'Playground',\n\t\troute: '/',\n\t},\n\t{\n\t\tname: 'Readme',\n\t\troute: '/readme',\n\t\tchildRoutes: [\n\t\t\t{\n\t\t\t\tname: 'What it is',\n\t\t\t\troute: '/readme#what-it-is',\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'Features',\n\t\t\t\troute: '/readme#features',\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'Component props',\n\t\t\t\troute: '/readme#component-properties',\n\t\t\t\tchildRoutes: [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'The routes array',\n\t\t\t\t\t\troute: '/readme#the-routes-array',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'The theme property',\n\t\t\t\t\t\troute: '/readme#the-theme-property',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'Slots',\n\t\t\t\troute: '/readme#slots',\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'License',\n\t\t\t\troute: '/readme#license',\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'Contribution',\n\t\t\t\troute: '/readme#contribution',\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tname: 'Example group',\n\t\troute: '/another-link-group',\n\t\tchildRoutes: [\n\t\t\t{\n\t\t\t\tname: 'A not disabled link',\n\t\t\t\troute: '/another-link-group/enabled',\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'A disabled link',\n\t\t\t\troute: '/another-link-group/disabled',\n\t\t\t\tdisabled: true,\n\t\t\t},\n\t\t],\n\t\tcollapseTree: true,\n\t},\n\t{\n\t\tname: 'Disabled example group',\n\t\troute: '/disabled',\n\t\tdisabled: true,\n\t\tchildRoutes: [\n\t\t\t{\n\t\t\t\tname: 'Sub-link 1',\n\t\t\t\troute: '/disabled/sub-link-1',\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'Sub-link 2',\n\t\t\t\troute: '/disabled/sub-link-2',\n\t\t\t},\n\t\t],\n\t},\n]\n\nconst routes = [...exampleRoutes]\n\nexport default routes\n","import { exampleRoutes } from './routes'\nimport { isDarkMode } from '../utils/detectDarkMode'\n\nexport const exampleSidebarProps = Object.freeze({\n\troutes: exampleRoutes,\n\topen: window.innerWidth > 950,\n\ttheme: {\n\t\tbackgroundColor_linkActive: '#F4442E',\n\t\tbackgroundColor_nav: isDarkMode ? '#1E1E1E' : '#003649',\n\t\tcolor_link: '#F7F7F2',\n\t\tcolor_linkHover: '#FCA311',\n\t\tfontSize: '1rem',\n\t\tmaxWidth_nav: '20vw',\n\t\tminWidth_nav: '320px',\n\t\topacity_linkDisabled: '0.5',\n\t\topacity_linkInactive: '0.75',\n\t},\n})\n\nexport default exampleSidebarProps\n","<script>\n\texport let sidebarConfig\n\texport let dark = null\n</script>\n\n<aside class:dark>\n\t<legend>Result</legend>\n\t<span class=\"control-character\">&lt;</span>\n\t<span class=\"html-tag\">Sidebar</span>\n\t{#each Object.entries(sidebarConfig) as prop (prop[0])}\n\t\t<p class=\"component-prop\">\n\t\t\t<span>{prop[0]}</span>\n\t\t\t<span class=\"control-character\">=\"</span>\n\t\t\t<span class=\"component-prop-value\">\n\t\t\t\t{#if JSON.stringify(prop[1]).split('\\n').length > 1}\n\t\t\t\t\t<br />\n\t\t\t\t{/if}\n\t\t\t\t{JSON.stringify(prop[1], null, 4).replace(/^\"|\"$/gi, '')}\n\t\t\t</span>\n\t\t\t<span class=\"control-character\">\"</span>\n\t\t</p>\n\t{/each}\n\t<span class=\"control-character\">/&gt;</span>\n</aside>\n\n<style>\n\taside {\n\t\tcolor: var(--light-secondary);\n\t\tbackground-color: var(--bg-blue);\n\t\tpadding: 2rem;\n\t\tmargin: 1rem;\n\t\tborder-radius: 0.5rem;\n\t\tword-break: break-word;\n\t\theight: fit-content;\n\t\theight: -moz-fit-content;\n\t\tflex-basis: 30%;\n\t\tflex-shrink: 1;\n\t\tflex-grow: 1;\n\t\tbox-sizing: border-box;\n\t}\n\n\taside.dark {\n\t\tbackground-color: var(--dark-primary);\n\t}\n\n\tlegend {\n\t\tfont-size: 1.5rem;\n\t\tfont-weight: bold;\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--dark-primary);\n\t\tmargin-block-start: -4rem;\n\t\tmargin-block-end: 2.1rem;\n\t\tmargin-inline-start: -1rem;\n\t}\n\n\t.dark legend {\n\t\tmargin-block-start: -2.9rem;\n\t\tmargin-block-end: 1.1rem;\n\t\tcolor: var(--light-secondary);\n\t}\n\n\t.html-tag {\n\t\tcolor: var(--bg-white);\n\t\tmargin-inline-start: 1rem;\n\t}\n\n\t.control-character {\n\t\tcolor: var(--light-primary);\n\t\tmargin-inline-end: -1rem;\n\t}\n\n\t.component-prop {\n\t\tcolor: var(--accent-red);\n\t\tmargin-inline-start: 1rem;\n\t\tmargin-block-start: 0;\n\t\tmargin-block-end: 0;\n\t\topacity: 0.95;\n\t}\n\n\t.component-prop-value {\n\t\tdisplay: inline-block;\n\t\tcolor: var(--accent-orange);\n\t\tpadding-inline-start: 2rem;\n\t\ttext-indent: -1rem;\n\t\topacity: 0.95;\n\t}\n\n\t@media (max-width: 440px) {\n\t\taside {\n\t\t\tposition: unset;\n\t\t\tmargin-block-start: 2rem;\n\t\t}\n\t}\n</style>\n","<script>\n\texport let onClick\n\texport let disabled = false\n</script>\n\n<button on:click={onClick} {disabled}>\n\t<slot />\n</button>\n\n<style>\n\tbutton {\n\t\tmin-height: 2rem;\n\t\tborder-radius: 0.5rem;\n\t\tcolor: var(--light-secondary);\n\t\tbackground-color: var(--accent-red);\n\t\tborder: none;\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tfont-size: inherit;\n\t\toutline: none;\n\t\tpadding: 1rem 2rem;\n\t\tmax-width: 26rem;\n\t\tmargin-inline-start: auto;\n\t\twidth: -webkit-fill-available;\n\t\twidth: -moz-available;\n\t}\n\n\tbutton::-moz-focus-inner {\n\t\tborder: 0;\n\t}\n\n\tbutton:not([disabled]):hover,\n\tbutton:not([disabled]):focus {\n\t\tcolor: var(--dark-primary);\n\t\tbackground-color: var(--accent-orange);\n\t}\n\n\tbutton[disabled] {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n</style>\n","<script>\n\texport let id = `color-input-${Math.random() * 100}` // To allow label to reference a unique color input.\n\texport let label = null\n\texport let value\n</script>\n\n<label for={id}>\n\t{#if label}{label}{/if}\n\t<input type=\"color\" {id} bind:value />\n</label>\n\n<style>\n\tlabel {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tmargin-inline-end: 1rem;\n\t\tmargin-inline-start: 1rem;\n\t}\n\n\tinput[type='color'] {\n\t\tborder: none;\n\t\tpadding: 0;\n\t\tmargin-inline-start: 1rem;\n\t\theight: 4.5rem;\n\t\twidth: 4.5rem;\n\t\t-webkit-appearance: none;\n\t\tbackground-color: transparent;\n\t\tjustify-self: center;\n\t\tcursor: pointer;\n\t\tflex-shrink: 0;\n\t}\n\n\tinput[type='color']::-webkit-color-swatch-wrapper {\n\t\tpadding: 0;\n\t}\n\n\tinput[type='color']::-webkit-color-swatch {\n\t\tborder: none;\n\t\tborder-radius: 50%;\n\t}\n</style>\n","<script>\n\texport let id = `number-input-${Math.random() * 100}` // To allow label to reference a unique number input.\n\texport let label = null\n\texport let value\n\texport let min = 0.1\n\texport let max = 1\n\texport let step = 0.1\n\texport let dark = null\n</script>\n\n<label for={id}>\n\t{#if label}{label}{/if}\n\t<input {id} type=\"number\" bind:value {min} {max} {step} class:dark />\n</label>\n\n<style>\n\tlabel {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tmargin-inline-end: 1rem;\n\t\tmargin-inline-start: 1rem;\n\t}\n\n\tinput[type='number'] {\n\t\tmargin-inline-start: 1rem;\n\t\tflex-shrink: 0;\n\t\theight: 4.5rem;\n\t\twidth: 4.5rem;\n\t\tpadding: 0.5rem;\n\t\tborder-radius: 50%;\n\t\ttext-align: center;\n\t\tbackground-color: var(--light-primary);\n\t\tfont-size: inherit;\n\t\tbox-shadow: none;\n\t\toutline: none;\n\t\tcolor: inherit;\n\t\tborder: 2px solid var(--light-primary);\n\t\tbox-sizing: border-box;\n\t}\n\n\tinput[type='number']:focus,\n\tinput[type='number']:active,\n\tinput[type='number']:hover {\n\t\tcolor: var(--light-primary);\n\t\tbackground-color: var(--bg-blue);\n\t}\n\n\tinput[type='number'].dark {\n\t\tcolor: var(--dark-primary);\n\t\tbackground-color: var(--light-secondary);\n\t}\n\n\tinput[type='number'].dark:focus,\n\tinput[type='number'].dark:active,\n\tinput[type='number'].dark:hover {\n\t\tcolor: var(--dark-primary);\n\t\tbackground-color: var(--accent-orange);\n\t\tborder: 2px solid var(--accent-orange);\n\t}\n</style>\n","<script>\n\texport let id = `textarea-${Math.random() * 100}` // To allow label to reference a unique textarea.\n\texport let label = null\n\texport let value\n\texport let required = true\n\texport let dark = null\n</script>\n\n{#if label}\n\t<label for={id}>{label}</label>\n{/if}\n<textarea\n\t{id}\n\tbind:value\n\t{required}\n\trows={value.split('\\n').length + 3}\n\tclass:dark\n/>\n\n<style>\n\tlabel {\n\t\tdisplay: block;\n\t\tmargin-block-end: 1rem;\n\t}\n\n\ttextarea {\n\t\tpadding: 2rem;\n\t\twidth: calc(100% - 4rem - 4px);\n\t\tborder-radius: 0.5rem;\n\t\tfont-size: 1rem;\n\t\tline-height: 1rem;\n\t\toutline: none;\n\t\tborder: 2px solid var(--light-primary);\n\t\tbackground-color: var(--light-primary);\n\t}\n\n\ttextarea:active,\n\ttextarea:focus,\n\ttextarea:hover {\n\t\tcolor: var(--light-primary);\n\t\tbackground-color: var(--bg-blue);\n\t\tborder: 2px solid var(--bg-blue);\n\t}\n\n\ttextarea.dark {\n\t\tcolor: var(--light-secondary);\n\t\tbackground-color: var(--dark-primary);\n\t\toutline: none;\n\t\tborder: 2px solid var(--light-secondary);\n\t}\n\n\ttextarea.dark:focus,\n\ttextarea.dark:active,\n\ttextarea.dark:hover {\n\t\tcolor: var(--accent-orange);\n\t\tbackground-color: var(--dark-primary);\n\t\tborder: 2px solid var(--accent-orange);\n\t}\n</style>\n","export const areObjectsEqual = (object1, object2) =>\n\tJSON.stringify(object1) !== JSON.stringify(object2)\n\nexport default areObjectsEqual\n","export const copyObjectDeep = (value) => JSON.parse(JSON.stringify(value))\n\nexport default copyObjectDeep\n","<script>\n\timport SidebarCodePreview from './SidebarCodePreview.svelte'\n\timport Button from '../../components/Button.svelte'\n\timport ColorInput from '../../components/ColorInput.svelte'\n\timport NumericInput from '../../components/NumericInput.svelte'\n\timport Textarea from '../../components/Textarea.svelte'\n\timport initialSidebarProps from '../../exampleConfig/sidebarProps'\n\timport { areObjectsEqual } from '../../utils/compareObjects'\n\timport { copyObjectDeep } from '../../utils/copyObjectDeep'\n\timport { prettyPrintJson } from '../../utils/prettyPrintJson'\n\n\texport let sidebarConfig\n\texport let dark\n\n\tlet width\n\n\t// Button to trigger `resetSidebarConfig` is disabled when there's nothing to reset.\n\tlet isConfigUnchanged = false\n\t$: isConfigUnchanged = areObjectsEqual(sidebarConfig, initialSidebarProps)\n\n\t/*\n\t * Contains the mutable configuration rendered on the playground below.\n\t * Counterintuitive: it's not possible to declare the let directly\n\t * from `initialSidebarProps`.\n\t */\n\tlet playgroundConfig\n\t$: playgroundConfig = {\n\t\tfontSize: parseFloat(initialSidebarProps.theme.fontSize),\n\t\tmaxWidth:\n\t\t\t(parseFloat(initialSidebarProps.theme.maxWidth_nav) / 100) *\n\t\t\twindow.innerWidth,\n\t\tminWidth: parseFloat(initialSidebarProps.theme.minWidth_nav),\n\t\troutesFormatted: prettyPrintJson(initialSidebarProps.routes),\n\t}\n\n\t/*\n\t * Reactively translate the playground input to the format required by the\n\t * respective `Sidebar` property.\n\t */\n\t$: {\n\t\t// Close sidebar when the viewport is too small.\n\t\tsidebarConfig.open =\n\t\t\twidth > 950 && width / 3 > playgroundConfig.minWidth\n\n\t\t// Translate numeric inputs to numeric values with unit.\n\t\tsidebarConfig.theme.fontSize = `${playgroundConfig.fontSize}rem`\n\t\tsidebarConfig.theme.maxWidth_nav = `${\n\t\t\t(playgroundConfig.maxWidth / width) * 100\n\t\t}vw`\n\t\tsidebarConfig.theme.minWidth_nav = `${playgroundConfig.minWidth}px`\n\n\t\t// Parse input from textarea back to JSON (and skip on failure).\n\t\ttry {\n\t\t\tconst parsedRoutes = JSON.parse(playgroundConfig.routesFormatted)\n\t\t\tsidebarConfig.routes = parsedRoutes\n\t\t} catch (e) {}\n\t}\n\n\tconst resetSidebarConfig = () =>\n\t\t(sidebarConfig = { ...copyObjectDeep(initialSidebarProps) })\n</script>\n\n<svelte:window bind:innerWidth={width} />\n\n<h2 class=\"heading\">Playground</h2>\n<div class=\"playground\" class:dark>\n\t<div class=\"form-explainer\">\n\t\t<div>\n\t\t\tCustomise the sidebar on the left with the form below. The props\n\t\t\tpassed to the component can be seen on the right. Changes are\n\t\t\tdisplayed live.\n\t\t</div>\n\t\t<Button onClick={resetSidebarConfig} disabled={!isConfigUnchanged}>\n\t\t\treset form\n\t\t</Button>\n\t</div>\n\n\t<fieldset>\n\t\t<legend>Color</legend>\n\n\t\t<!--\n\t\t\tNesting a div inside a fieldset is only required because Chrome\n\t\t\thasn't added support for flexbox & grid to this element for years,\n\t\t\tsee: https://bugs.chromium.org/p/chromium/issues/detail?id=375693\n\t\t-->\n\t\t<div class=\"fieldset-container\">\n\t\t\t<ColorInput\n\t\t\t\tlabel=\"Background Color of Sidebar:\"\n\t\t\t\tbind:value={sidebarConfig.theme.backgroundColor_nav}\n\t\t\t/>\n\n\t\t\t<ColorInput\n\t\t\t\tlabel=\"Background Color of Active Links:\"\n\t\t\t\tbind:value={sidebarConfig.theme.backgroundColor_linkActive}\n\t\t\t/>\n\n\t\t\t<ColorInput\n\t\t\t\tlabel=\"Color of Link Text:\"\n\t\t\t\tbind:value={sidebarConfig.theme.color_link}\n\t\t\t/>\n\n\t\t\t<ColorInput\n\t\t\t\tlabel=\"Hover Color of Link Text:\"\n\t\t\t\tbind:value={sidebarConfig.theme.color_linkHover}\n\t\t\t/>\n\t\t</div>\n\t</fieldset>\n\n\t<fieldset>\n\t\t<legend>Opacity</legend>\n\n\t\t<div class=\"fieldset-container\">\n\t\t\t<NumericInput\n\t\t\t\tlabel=\"Opacity of Disabled Links:\"\n\t\t\t\t{dark}\n\t\t\t\tbind:value={sidebarConfig.theme.opacity_linkDisabled}\n\t\t\t/>\n\n\t\t\t<NumericInput\n\t\t\t\tlabel=\"Opacity of Links Which Are Not Part of the Active Route:\"\n\t\t\t\t{dark}\n\t\t\t\tbind:value={sidebarConfig.theme.opacity_linkInactive}\n\t\t\t/>\n\t\t</div>\n\t</fieldset>\n\n\t<fieldset>\n\t\t<legend>Sizing</legend>\n\n\t\t<div class=\"fieldset-container\">\n\t\t\t<NumericInput\n\t\t\t\tlabel=\"Font Size in rem:\"\n\t\t\t\tbind:value={playgroundConfig.fontSize}\n\t\t\t\t{dark}\n\t\t\t\tmax=\"3\"\n\t\t\t/>\n\n\t\t\t<NumericInput\n\t\t\t\tlabel=\"Sidebar Maximum Width in px:\"\n\t\t\t\tbind:value={playgroundConfig.maxWidth}\n\t\t\t\tmin=\"10\"\n\t\t\t\tstep=\"50\"\n\t\t\t\t{dark}\n\t\t\t\tmax={width}\n\t\t\t/>\n\n\t\t\t<NumericInput\n\t\t\t\tlabel=\"Sidebar Minimum Width in px:\"\n\t\t\t\tbind:value={playgroundConfig.minWidth}\n\t\t\t\tmin=\"0\"\n\t\t\t\tstep=\"50\"\n\t\t\t\t{dark}\n\t\t\t\tmax={width}\n\t\t\t/>\n\t\t</div>\n\t</fieldset>\n\n\t<fieldset class=\"content-fieldset\">\n\t\t<legend>Routes</legend>\n\n\t\t<Textarea\n\t\t\tlabel=\"Navigation Structure\"\n\t\t\tbind:value={playgroundConfig.routesFormatted}\n\t\t\t{dark}\n\t\t\trequired\n\t\t/>\n\t</fieldset>\n</div>\n\n<SidebarCodePreview {sidebarConfig} {dark} />\n\n<style>\n\t.heading {\n\t\tflex-basis: 100%;\n\t\tmargin: 1rem;\n\t\tfont-size: 3rem;\n\t\tfont-weight: bold;\n\t\ttext-transform: uppercase;\n\t\tword-break: break-word;\n\t\tz-index: 10;\n\t}\n\n\t.playground {\n\t\tflex-basis: 60%;\n\t\tflex-grow: 2;\n\t\tmin-width: var(--min-available-width);\n\t\tbox-sizing: border-box;\n\t\tpadding: 1rem;\n\t}\n\n\t.form-explainer {\n\t\tdisplay: grid;\n\t\talign-items: start;\n\t\tgrid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));\n\t\tgrid-gap: 2rem;\n\t}\n\n\tfieldset {\n\t\tbackground-color: var(--bg-white);\n\t\tmargin-block-start: 2rem;\n\t\tpadding: 2rem 1rem;\n\t\tborder: none;\n\t\tborder-radius: 0.5rem;\n\t}\n\n\t.dark fieldset {\n\t\tbackground-color: var(--dark-primary);\n\t}\n\n\tlegend {\n\t\tfont-size: 1.5rem;\n\t\tfont-weight: bold;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.fieldset-container {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n\t\tgrid-gap: 2rem;\n\t}\n\n\t.content-fieldset {\n\t\tpadding: 2rem;\n\t\tmargin-block-end: 1rem;\n\t}\n\n\t@media (max-width: 440px) {\n\t\t.playground {\n\t\t\tpadding-block-end: 0;\n\t\t}\n\t}\n</style>\n","export const prettyPrintJson = (object) => JSON.stringify(object, null, 4)\n\nexport default prettyPrintJson\n","<script>\n\timport { afterUpdate, onDestroy, onMount } from 'svelte'\n\n\texport let pathname\n\texport let dark\n\n\tlet readme\n\tlet intersectionObserver\n\n\tonMount(async () => {\n\t\t;({ default: readme } = await import('../../../README.md'))\n\n\t\tinitHeadingIntersectionObserver()\n\t})\n\n\t// When the URL was changed through `Sidebar`, scroll to referenced heading.\n\tafterUpdate(() => {\n\t\tscrollToHeading()\n\t})\n\n\tonDestroy(() => {\n\t\tintersectionObserver && intersectionObserver.disconnect()\n\t})\n\n\tconst initHeadingIntersectionObserver = () => {\n\t\t// Await DOM completion.\n\t\tsetTimeout(() => {\n\t\t\tconst headers = document.querySelectorAll('h2, h3, h4')\n\n\t\t\tconst headerConfig = {\n\t\t\t\t/*\n\t\t\t\t * Watch for intersections in the top area of the screen.\n\t\t\t\t * If a heading is in the top stripe, it can be assumed that the\n\t\t\t\t * user is reading the paragraph, warranting a route update.\n\t\t\t\t */\n\t\t\t\trootMargin: `0px 0px -${window.innerHeight - 50}px 0px`,\n\t\t\t\tthreshold: 0.5,\n\t\t\t}\n\t\t\tintersectionObserver = new IntersectionObserver(\n\t\t\t\tdetectHeaderIntersection,\n\t\t\t\theaderConfig\n\t\t\t)\n\t\t\theaders.forEach((header) => intersectionObserver.observe(header))\n\t\t}, 500)\n\t}\n\n\t/*\n\t * Add heading IDs to url hash when read. This has two benefits:\n\t * - The sidebar shows a correct active navigation link state.\n\t * - The user can pick up where he left on reload.\n\t */\n\tconst detectHeaderIntersection = (entries) => {\n\t\tentries.forEach((entry) => {\n\t\t\tif (entry.isIntersecting) {\n\t\t\t\tconst element = entry.target\n\t\t\t\tconst headerName = element.id\n\n\t\t\t\tconst newUrl = `${window.location.pathname}#${headerName}`\n\t\t\t\thistory.replaceState(\n\t\t\t\t\t{},\n\t\t\t\t\t`Svelte Sidebar – ${headerName}`,\n\t\t\t\t\tnewUrl\n\t\t\t\t)\n\n\t\t\t\t// Update route state in `App` (there's a prop binding).\n\t\t\t\tconst newPathname = newUrl.replace(window.location.origin, '')\n\t\t\t\tpathname = newPathname\n\t\t\t}\n\t\t})\n\t}\n\n\t// Scroll to header referenced in URL hash (if existing).\n\tconst scrollToHeading = () => {\n\t\tconst urlHash = window.location.hash\n\t\tif (urlHash) {\n\t\t\tconst focusedHeader = document.getElementById(\n\t\t\t\turlHash.replace('#', '')\n\t\t\t)\n\t\t\tfocusedHeader && focusedHeader.scrollIntoView()\n\t\t}\n\t}\n</script>\n\n<!-- When there's a hash change in the URL, scroll to the referenced heading. -->\n<svelte:window on:hashchange={scrollToHeading} />\n\n{#if readme}\n\t<article class=\"readme\" class:dark>\n\t\t<a\n\t\t\tclass=\"github\"\n\t\t\thref=\"https://github.com/philipp-tailor/svelte_sidebar\"\n\t\t\ttarget=\"_blank\"\n\t\t>\n\t\t\tGitHub\n\t\t</a>\n\t\t{@html readme}\n\t</article>\n{/if}\n\n<style>\n\t.readme {\n\t\tmax-width: 120ch;\n\t}\n\n\t.readme:not(.dark) {\n\t\theight: intrinsic;\n\t\tmargin: 1rem 1rem 2rem;\n\t\tpadding: 0.5rem 2rem 2rem;\n\t\tbackground-color: var(--bg-white);\n\t\tborder-radius: 0.5rem;\n\t}\n\n\t.readme.dark {\n\t\tmargin: 0.5rem 1rem 2rem;\n\t}\n\n\t.github {\n\t\tposition: relative;\n\t\tfloat: right;\n\t\ttop: 1rem;\n\t}\n\n\t:global(a) {\n\t\tcolor: inherit;\n\t\tborder: none;\n\t\toutline: none;\n\t}\n\n\t:global(.readme a:hover),\n\t:global(.readme a:focus) {\n\t\tbackground-color: var(--accent-red);\n\t\tcolor: var(--light-secondary);\n\t\tborder-radius: 0.2rem;\n\t}\n\n\t:global(.readme h1) {\n\t\tfont-weight: bold;\n\t\tfont-size: 2rem;\n\t\tmargin: 0;\n\t\tmargin-block-end: 0.5rem;\n\t\tword-break: break-word;\n\t\tline-height: 1.2;\n\t\tpadding: 0.4ch 0;\n\t\ttext-transform: uppercase;\n\t}\n\n\t:global(.readme h2),\n\t:global(.readme h3) {\n\t\tword-break: break-word;\n\t\tline-height: 1.2;\n\t\ttext-transform: capitalize;\n\t\tmargin-inline-end: 0;\n\t\tmargin-block-end: 1.5rem;\n\t\tmargin-inline-start: 0;\n\t}\n\n\t:global(.readme h2) {\n\t\tmargin-block-start: 2.5rem;\n\t\tfont-size: 1.75rem;\n\t\ttext-transform: uppercase;\n\t}\n\n\t:global(.readme h3) {\n\t\tmargin-block-start: 2rem;\n\t\tfont-size: 1.5rem;\n\t\tfont-weight: 400;\n\t}\n\n\t:global(.readme p) {\n\t\tmargin: 0;\n\t\tmargin-block-start: 1.5rem;\n\t}\n\n\t:global(.readme p:first-of-type) {\n\t\tmargin-block-start: 1rem;\n\t}\n\n\t:global(.readme li) {\n\t\tmargin-block-start: 0.4rem;\n\t}\n\n\t:global(.readme ul + p),\n\t:global(.readme ol + p) {\n\t\tmargin-block-start: 0.4rem;\n\t}\n\n\t:global(.readme ul),\n\t:global(.readme ol) {\n\t\tmargin: 0;\n\t\tpadding-inline-start: 2ch;\n\t}\n\n\t:global(.readme pre) {\n\t\tbackground-color: var(--bg-blue);\n\t\tcolor: var(--accent-orange);\n\t\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\t\tborder-radius: 0.4rem;\n\t\tpadding: 1.5rem;\n\t\toverflow: auto;\n\t\tfont-size: 0.85rem;\n\t\ttext-align: left;\n\t\twhite-space: pre;\n\t\tword-spacing: normal;\n\t\tword-break: normal;\n\t\tword-wrap: normal;\n\t\tline-height: 1.5;\n\t\t-moz-tab-size: 4;\n\t\t-o-tab-size: 4;\n\t\ttab-size: 4;\n\t\t-webkit-hyphens: none;\n\t\t-moz-hyphens: none;\n\t\t-ms-hyphens: none;\n\t\thyphens: none;\n\t}\n\n\t:global(.readme.dark pre) {\n\t\tbackground-color: var(--dark-primary);\n\t}\n\n\t:global(.readme table) {\n\t\tposition: relative;\n\t\tmargin-block-start: 1rem;\n\t\twidth: 100%;\n\t\tbackground-color: var(--bg-blue);\n\t\tcolor: var(--light-primary);\n\t\tborder-radius: 0.5rem;\n\t\tpadding: 0.5rem;\n\t}\n\n\t:global(.readme.dark table) {\n\t\tbackground-color: var(--dark-primary);\n\t}\n\n\t:global(.readme tr th:first-of-type) {\n\t\tborder-inline-start: none;\n\t}\n\n\t:global(.readme th) {\n\t\ttop: 0;\n\t\tposition: sticky;\n\t\tbackground: var(--accent-red);\n\t\tpadding: 0.4rem 0.6rem;\n\t\tborder-radius: 0.5rem;\n\t}\n\n\t:global(.readme td) {\n\t\tpadding: 0.4rem 0.6rem;\n\t\tvertical-align: top;\n\t\tmin-height: 3rem;\n\t}\n\n\t@media (min-width: 420px) {\n\t\t:global(.readme h1) {\n\t\t\tfont-size: 3rem;\n\t\t\tmargin-block-end: 1.5rem;\n\t\t}\n\n\t\t:global(.readme h2) {\n\t\t\tmargin-block-start: 3rem;\n\t\t}\n\n\t\t:global(.readme h3) {\n\t\t\tmargin-block-start: 2.5rem;\n\t\t}\n\t}\n</style>\n","<script>\n\timport { onMount } from 'svelte'\n\timport ThemeSwitcher from './components/ThemeSwitcher.svelte'\n\timport initialSidebarProps from './exampleConfig/sidebarProps'\n\timport Playground from './pages/playground/Playground.svelte'\n\timport Readme from './pages/documentation/Readme.svelte'\n\timport { copyObjectDeep } from './utils/copyObjectDeep'\n\n\tlet Sidebar\n\n\t// Local state containing the active route in the app.\n\tlet pathname = `${window.location.pathname}${window.location.hash}`\n\n\tlet useDarkTheme = null\n\n\tonMount(() => {\n\t\tloadSidebar()\n\t})\n\n\t// Load `Sidebar` asynchronously to showcase  that it is a standalone module.\n\tconst loadSidebar = async () => {\n\t\tconst sidebarPath = './Sidebar.js'\n\t\t;({ default: Sidebar } = await import(sidebarPath))\n\t}\n\n\t// Recompute `Sidebar`'s active URL prop whenver there's a route change.\n\t$: sidebarConfig.activeUrl = pathname\n\n\t// Render the sidebar with the fitting background color depending on chosen theme.\n\t$: sidebarConfig.theme.backgroundColor_nav = useDarkTheme\n\t\t? '#1E1E1E'\n\t\t: '#003649'\n\n\tlet sidebarConfig = {\n\t\t...copyObjectDeep(initialSidebarProps),\n\t\tactiveUrl: pathname,\n\t}\n\n\t// Triggered when link is clicked in `Sidebar`\n\tconst onLinkClick = (event) => {\n\t\tconst { text: pageName, href } = event.target\n\t\t// Build relative URL from clicked link's event target href attribute.\n\t\tconst url = href.replace(window.location.origin, '')\n\t\t// Prevent standard navigation.\n\t\tevent.preventDefault()\n\t\t// Push new route to browser history, update local routing state.\n\t\thistory.pushState(null, `Svelte Sidebar - ${pageName}`, url)\n\t\tpathname = url\n\t}\n</script>\n\n<!-- Update the routing state when browser navigation occurs. -->\n<svelte:window on:popstate={() => (pathname = window.location.pathname)} />\n\n<!--\n\tUse svelte:component because `Sidebar` is lazy loaded to demonstrate\n\tthat it is truly decoupled from the rest of the app.\n-->\n<svelte:component this={Sidebar} {...sidebarConfig} {onLinkClick}>\n\t<div class=\"theme-switcher\" slot=\"footer\">\n\t\t<ThemeSwitcher bind:useDarkTheme />\n\t</div>\n</svelte:component>\n\n<main class=\"route-content\" class:dark={useDarkTheme}>\n\t<!-- Routing: either show readme or playground as main content -->\n\t{#if pathname && pathname.includes('/readme')}\n\t\t<Readme bind:pathname dark={useDarkTheme} />\n\t{:else}\n\t\t<Playground bind:sidebarConfig dark={useDarkTheme} />\n\t{/if}\n</main>\n\n<style>\n\t:global(:root) {\n\t\t/* The minimum available width for content (iPhone SE). */\n\t\t--min-available-width: 240px;\n\n\t\t--dark-primary: #1e1e1e;\n\t\t--dark-secondary: #555b6e;\n\t\t--light-primary: #eaeef1;\n\t\t--light-secondary: #f7f7f2;\n\t\t--bg-white: white;\n\t\t--bg-blue: #003649;\n\t\t--accent-red: #f4442e;\n\t\t--accent-orange: #fca311;\n\n\t\tcolor: var(--dark-primary);\n\t}\n\n\t:global(body) {\n\t\tdisplay: flex;\n\t\theight: 100vh;\n\t\tmargin: 0;\n\t\tmargin: 0;\n\t\tfont-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen,\n\t\t\tUbuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n\t\tline-height: 1.55;\n\t}\n\n\t:global(#svelte-sidebar) {\n\t\tflex-grow: 5;\n\t\tflex-shrink: 1;\n\t\tflex-basis: 320px;\n\t}\n\n\t.theme-switcher {\n\t\tpadding-block-start: 1rem;\n\t\tmargin-inline-start: calc(1rem + 10px);\n\t}\n\n\t.route-content {\n\t\tbackground-color: var(--light-primary);\n\t\toverflow-y: auto;\n\t\tpadding: 0 1rem;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tflex-basis: 10rem;\n\t\tflex-grow: 1;\n\t\tflex-shrink: 2;\n\t}\n\n\t.route-content.dark {\n\t\tcolor: var(--light-secondary);\n\t\tbackground-color: var(--dark-secondary);\n\t}\n\n\t@media only screen and (max-width: 370px) {\n\t\t:global(html) {\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n\n\t@media only screen and (min-width: 370px) {\n\t\t:global(html) {\n\t\t\tfont-size: 19px;\n\t\t}\n\t}\n</style>\n","import App from './App.svelte'\n\nconst app = new App({\n\ttarget: document.body,\n})\n\nexport default app\n"],"names":["isDarkMode","window","matchMedia","matches","ctx","input","checked","input_checked_value","insert","target","div","anchor","append","label","span","dirty","THEMES","initalTheme","currentTheme","isSystemThemeDark","useDarkTheme","$$props","$$invalidate","localStorage","theme","exampleRoutes","name","route","childRoutes","disabled","collapseTree","exampleSidebarProps","Object","freeze","routes","open","innerWidth","backgroundColor_linkActive","backgroundColor_nav","color_link","color_linkHover","fontSize","maxWidth_nav","minWidth_nav","opacity_linkDisabled","opacity_linkInactive","br","t0_value","show_if","JSON","stringify","split","length","t5_value","replace","p","span0","span1","span2","span3","set_data","t0","t5","entries","get_key","i","aside","legend","sidebarConfig","dark","button","is_function","apply","this","arguments","onClick","create_if_block","label_1","id","Math","random","value","min","max","step","attr","textarea","textarea_rows_value","required","copyObjectDeep","parse","numericinput2_props","maxWidth","numericinput3_props","minWidth","numericinput4_props","routesFormatted","textarea_props","h2","div5","div1","div0","fieldset0","legend0","div2","fieldset1","legend1","div3","fieldset2","legend2","div4","fieldset3","legend3","numericinput2_changes","numericinput3_changes","numericinput4_changes","textarea_changes","width","playgroundConfig","isConfigUnchanged","object","parsedRoutes","e","object1","object2","initialSidebarProps","parseFloat","$$self","$$","not_equal","article","a","readme","intersectionObserver","pathname","onMount","async","default","import","initHeadingIntersectionObserver","afterUpdate","scrollToHeading","onDestroy","disconnect","setTimeout","headers","document","querySelectorAll","headerConfig","rootMargin","innerHeight","threshold","IntersectionObserver","detectHeaderIntersection","forEach","header","observe","entry","isIntersecting","headerName","newUrl","location","history","replaceState","newPathname","origin","urlHash","hash","focusedHeader","getElementById","scrollIntoView","onLinkClick","includes","main","Sidebar","loadSidebar","activeUrl","event","text","pageName","href","url","preventDefault","pushState","app","body"],"mappings":"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"}