@nil-/doc 0.2.51 → 0.2.52

package/sveltekit/index.js

@@ -13,13 +13,15 @@ const routeIsDynamic = /.*\[.*\].*/;
 const isRouteDynamic = (p) => null == routeIsDynamic.exec(p);
 /**
  * Dedicated helper method to be used for sveltekit
- * @param detail - vite's `import.meta.glob(..., { eager: true })`
+ * @param detail - vite's `import.meta.glob(...)`
  * @param prefix - only use when layout is not in the root route
  * @returns Settings
  */
 export const sveltekit = (detail, prefix = null) => {
-    const key = "@nil-/doc/theme";
-    const initialValue = browser && "light" === localStorage.getItem(key) ? "light" : "dark";
+    const keyTheme = "@nil-/doc/theme";
+    const theme = browser && "light" === localStorage.getItem(keyTheme) ? "light" : "dark";
+    const keyOffset = "@nil-/doc/offset";
+    const offset = browser ? parseFloat(localStorage.getItem(keyOffset) ?? "250") : 250;
     const result = {
         data: Object.keys(detail)
             .map(toRoute)
@@ -36,8 +38,10 @@ export const sveltekit = (detail, prefix = null) => {
             return null;
         }),
         navigate: prefix ? (e) => goto(`${prefix}${e.detail}`) : (e) => goto(e.detail),
-        theme: writable(initialValue)
+        theme: writable(theme),
+        offset: writable(offset)
     };
-    browser && result.theme.subscribe((v) => localStorage.setItem(key, v));
+    browser && result.theme.subscribe((v) => localStorage.setItem(keyTheme, v));
+    browser && result.offset.subscribe((v) => localStorage.setItem(keyOffset, `${v}`));
     return result;
 };

package/components/etc/Content.svelte

@@ -1,45 +0,0 @@
-<script>export let flat = false;
-</script>
-
-<div class="scrollable">
-    {#if flat}
-        <slot />
-    {:else}
-        <div class="wrapper">
-            <slot />
-        </div>
-    {/if}
-</div>
-
-<style>
-    .wrapper {
-        display: inline-block;
-        box-sizing: border-box;
-        margin: 0.5rem;
-        padding: 0.5rem;
-        border-radius: 0.5rem;
-        min-width: calc(100% - 1rem);
-        min-height: calc(100% - 1rem);
-    }
-
-    /* scrollable */
-    .scrollable {
-        width: 100%;
-        height: 100%;
-        overflow: scroll;
-        /* Firefox */
-        scrollbar-width: none;
-        /* IE and Edge */
-        -ms-overflow-style: none;
-    }
-
-    .scrollable::-webkit-scrollbar {
-        display: none;
-    }
-
-    /* color */
-    .wrapper {
-        border: solid 1px var(--i-nil-doc-content-outline-color);
-        box-shadow: 0px 0px 5px 0px var(--i-nil-doc-content-outline-color);
-    }
-</style>

package/components/icons/NilDoc.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type NilDocProps = typeof __propDef.props;
-export type NilDocEvents = typeof __propDef.events;
-export type NilDocSlots = typeof __propDef.slots;
-export default class NilDoc extends SvelteComponentTyped<NilDocProps, NilDocEvents, NilDocSlots> {
-}
-export {};