@nil-/doc 2.0.0 → 2.0.2

package/.svelte-kit/__package__/components/block/controls/props/Range.svelte

@@ -1,82 +0,0 @@
-<script lang="ts">import { defaulter } from "./misc/defaulter";
-import NameHeader from "./misc/Name.svelte";
-import { nformat } from "./misc/nformat";
-import { getName } from "./misc/utils";
-import Toggle from "./misc/Toggle.svelte";
-let {
-  value = $bindable(),
-  info,
-  depth,
-  disabled = false,
-  visible = false
-} = $props();
-let ivalue = $state(value ?? defaulter(info));
-let enabled = $state(value !== void 0);
-const set_value = (v) => {
-  value = v;
-};
-$effect(() => set_value(enabled && !disabled ? ivalue : void 0));
-let i = $derived(info instanceof Array ? {
-  min: info[2],
-  max: info[3],
-  step: info[4]
-} : {
-  min: info.min,
-  max: info.max,
-  step: info.step
-});
-</script>
-
-{#if visible}
-    <div>
-        <NameHeader name={getName(info)} {depth} />
-        <div class="input" class:disabled={!enabled || disabled}>
-            <div class="tooltip">Value: {nformat(ivalue, 6, 11)}</div>
-            <div>{nformat(ivalue, 3, 5)}</div>
-            <input type="range" bind:value={ivalue} {...i} disabled={!enabled || disabled} />
-        </div>
-        <div><Toggle bind:toggled={enabled} {disabled} /></div>
-    </div>
-{/if}
-
-<style>
-    .input {
-        width: 100%;
-        display: grid;
-        grid-template-columns: 4rem 1fr;
-        gap: 0.25rem;
-        position: relative;
-        box-sizing: border-box;
-    }
-
-    .input > div {
-        width: 100%;
-        height: 80%;
-        display: grid;
-        font-size: 0.8rem;
-        place-items: center;
-    }
-
-    input {
-        width: 100%;
-    }
-
-    .tooltip {
-        left: -110%;
-        visibility: hidden;
-        position: absolute;
-    }
-
-    .input.disabled {
-        cursor: not-allowed;
-        filter: opacity(0.5);
-    }
-
-    .input:hover > .tooltip {
-        visibility: visible;
-    }
-
-    .input.disabled:hover > .tooltip {
-        visibility: hidden;
-    }
-</style>

package/.svelte-kit/__package__/components/block/controls/props/misc/GroupHeader.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">import Name from "./Name.svelte";
-import Toggle from "./Toggle.svelte";
-let {
-  name,
-  depth,
-  checked = $bindable(),
-  disabled = false,
-  expand = $bindable(false),
-  visible = false
-} = $props();
-const flip = () => {
-  if (!disabled && checked) {
-    expand = !expand;
-  }
-};
-</script>
-
-{#if visible}
-    <div onclick={flip} onkeypress={null} role="none">
-        <Name
-            expand={expand === undefined ? undefined : expand && checked && !disabled}
-            {name}
-            {depth}
-        />
-        <div class:disabled={!checked}>-</div>
-        <div><Toggle bind:toggled={checked} {disabled} /></div>
-    </div>
-{/if}
-
-<style>
-    .disabled {
-        color: hsl(0, 0%, 50%);
-    }
-</style>
-    

package/.svelte-kit/__package__/components/block/icons/Button.svelte

@@ -1,34 +0,0 @@
-<script lang="ts">let {
-  title = "",
-  scale = false,
-  onclick,
-  onkeypress,
-  children
-} = $props();
-</script>
-
-<div onclick={onclick} onkeypress={onkeypress} role="none" {title} class:scale>
-    {@render children?.()}
-</div>
-
-<style>
-    div {
-        width: 100%;
-        height: 100%;
-        display: grid;
-        place-items: center;
-        transition: transform var(--i-nil-doc-transition-time);
-    }
-
-    div.scale:hover {
-        transform: scale(1.5);
-    }
-
-    div > :global(svg) {
-        width: 100%;
-        height: 100%;
-        stroke-width: 3;
-        stroke: currentColor;
-        fill: currentColor;
-    }
-</style>

package/.svelte-kit/__package__/components/layout/Container.svelte.d.ts

@@ -1,12 +0,0 @@
-import type { Snippet } from "svelte";
-type $$ComponentProps = {
-    vertical?: boolean;
-    offset?: number;
-    b?: boolean;
-    persistent?: boolean;
-    side_a: Snippet;
-    side_b: Snippet;
-};
-declare const Container: import("svelte").Component<$$ComponentProps, {}, "offset">;
-type Container = ReturnType<typeof Container>;
-export default Container;

package/.svelte-kit/__package__/components/layout/Layout.svelte

@@ -1,160 +0,0 @@
-<script lang="ts" module>const defaultSorter = (l, r) => l.localeCompare(r);
-const defaultRenamer = (s) => s;
-</script>
-
-<script lang="ts">import Base from "../Base.svelte";
-import Container from "./Container.svelte";
-import Content from "./Content.svelte";
-import Controls from "../block/controls/Controls.svelte";
-import Scrollable from "./Scrollable.svelte";
-import VerticalPanel from "./VerticalPanel.svelte";
-import Nav from "../navigation/Nav.svelte";
-import ThemeToggle from "./ThemeToggle.svelte";
-import {
-  initControlInfo,
-  initControlValue
-} from "../block/context";
-import { getTheme, initTheme } from "../context";
-import { get } from "svelte/store";
-import { onDestroy } from "svelte";
-let {
-  data,
-  current = null,
-  sorter = null,
-  renamer = null,
-  theme = $bindable(),
-  offset = $bindable(250),
-  panel = $bindable("bottom"),
-  title,
-  title_misc,
-  children,
-  onnavigate
-} = $props();
-let mode = $state("props");
-let panelOffset = $state(4);
-initControlValue();
-const activeControl = initControlInfo();
-const parentTheme = getTheme();
-const dark = initTheme();
-$effect(() => dark.set(theme === void 0 ? $parentTheme : "dark" === theme));
-const panelChange = (info) => {
-  if (info != null) {
-    const i = get(info);
-    if (4 === panelOffset) {
-      if (i.props.length > 0) {
-        panelOffset = 250;
-        mode = "props";
-      } else if (i.events.length > 0) {
-        panelOffset = 250;
-        mode = "events";
-      }
-    }
-    return;
-  }
-  panelOffset = 4;
-};
-onDestroy(activeControl.subscribe((v) => panelChange(v)));
-</script>
-
-<!--
-    @component
-    See [documentation](https://mono-doc.vercel.app/3-Components/1-Layout) for more details.
--->
-
-<Base dark={$dark} fill>
-    <div class="fill layout">
-        <div class="top">
-            <div class="title">
-                {@render title()}
-            </div>
-            {#if title_misc}
-                {@render title_misc()}
-            {:else}
-                <ThemeToggle bind:theme />
-            {/if}
-        </div>
-        <Container bind:offset vertical b>
-            {#snippet side_a()}
-                <Scrollable>
-                    <!-- <VerticalPanel> -->
-                        <Nav
-                            info={data}
-                            selected={current ?? ""}
-                            sorter={sorter ?? defaultSorter}
-                            renamer={renamer ?? defaultRenamer}
-                            {onnavigate}
-                        />
-                    <!-- </VerticalPanel> -->
-                </Scrollable>
-            {/snippet}
-            {#snippet side_b()}
-                <Container vertical={"right" === panel} persistent bind:offset={panelOffset}>
-                    {#snippet side_a()}
-                        <Scrollable>
-                            <Content>
-                                {#key current}
-                                    {@render children?.()}
-                                {/key}
-                            </Content>
-                        </Scrollable>
-                    {/snippet}
-                    {#snippet side_b()}
-                        <Scrollable>
-                            <Controls bind:position={panel} bind:mode />
-                        </Scrollable>
-                    {/snippet}
-                </Container>
-            {/snippet}
-        </Container>
-    </div>
-</Base>
-
-<style>
-    .fill {
-        width: 100%;
-        height: 100%;
-    }
-
-    .layout {
-        display: grid;
-        grid-template-columns: 1fr;
-        grid-template-rows: minmax(2.5rem, auto) 1fr;
-    }
-
-    .top {
-        overflow: hidden;
-        font-size: 1rem;
-        display: grid;
-        grid-auto-flow: column;
-        grid-auto-columns: 2.5rem;
-        grid-template-columns: 1fr;
-        align-items: center;
-        padding-left: 0.5rem;
-        padding-right: 0.5rem;
-        border-bottom-width: 1px;
-        border-bottom-style: solid;
-        user-select: none;
-    }
-
-    .title {
-        display: grid;
-        grid-auto-flow: column;
-        align-items: center;
-        justify-content: left;
-        gap: 0.25rem;
-    }
-
-    .layout {
-        color-scheme: var(--i-nil-doc-color-scheme);
-        color: var(--i-nil-doc-color);
-        background-color: var(--i-nil-doc-bg-color);
-        transition:
-            color var(--i-nil-doc-transition-time),
-            background-color var(--i-nil-doc-transition-time);
-    }
-
-    .layout > .top {
-        transition: border-bottom-color var(--i-nil-doc-transition-time);
-        border-bottom-color: var(--i-nil-doc-container-p);
-    }
-</style>

package/.svelte-kit/__package__/components/layout/VerticalPanel.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">let { children } = $props();
-</script>
-
-<div>
-    {@render children?.()}
-</div>
-
-<style>
-    div {
-        width: 100%;
-        box-sizing: border-box;
-        min-width: min-content;
-        display: inline-block;
-    }
-</style>

package/.svelte-kit/__package__/components/layout/VerticalPanel.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { Snippet } from "svelte";
-type $$ComponentProps = {
-    children: Snippet;
-};
-declare const VerticalPanel: import("svelte").Component<$$ComponentProps, {}, "">;
-type VerticalPanel = ReturnType<typeof VerticalPanel>;
-export default VerticalPanel;

package/.svelte-kit/__package__/components/navigation/Nav.svelte

@@ -1,113 +0,0 @@
-<script lang="ts" module>import { fuzz } from "./utils/fuzz";
-const apply = (paths, init, pre, next, post) => {
-  const retval = {};
-  for (const path of paths) {
-    const parts = path.split("/");
-    if (parts.length <= 1) {
-      continue;
-    }
-    let t = retval;
-    for (let i = 1; i < parts.length; ++i) {
-      const part = parts[i];
-      if (!(part in t)) {
-        t[part] = init();
-      }
-      if (i !== parts.length - 1) {
-        t[part] = pre(t[part], path);
-      }
-      if (i !== parts.length - 1) {
-        t = next(t[part]);
-      } else if (post) {
-        post(t[part], path);
-      }
-    }
-  }
-  return retval;
-};
-const filt = (path, filter, renamer) => {
-  return fuzz(path, filter) || fuzz(path.split("/").map(renamer).join("/"), filter);
-};
-const populate = (filter, info, renamer) => {
-  return apply(
-    filter.length > 0 ? info.filter((path) => filt(path, filter, renamer)) : info,
-    () => ({ url: null, sub: {} }),
-    (t) => t,
-    (t) => t.sub,
-    (t, p) => void (t.url = p)
-  );
-};
-</script>
-
-<script lang="ts">import Tree from "./Tree.svelte";
-let {
-  info,
-  selected,
-  sorter,
-  renamer,
-  onnavigate
-} = $props();
-let filter = $state("");
-let states = $state(apply(
-  info,
-  () => ({ expanded: false, sub: {} }),
-  (t, path) => ({ expanded: t.expanded || selected === path, sub: t.sub }),
-  (t) => t.sub
-));
-const update = (selected2) => {
-  if (!info.includes(selected2)) {
-    return;
-  }
-  let node = states;
-  const paths = selected2.split("/").slice(1);
-  for (const [i, p] of paths.entries()) {
-    if (i < paths.length - 1) {
-      node[p].expanded = true;
-    }
-    node = node[p].sub;
-  }
-};
-$effect(() => update(selected));
-</script>
-
-<div class="nav">
-    <div class="search-bar">
-        <input bind:value={filter} type="text" placeholder="Search for page..." />
-    </div>
-    <div class="tree">
-        <Tree
-            tree={populate(filter, info, renamer)}
-            {selected}
-            {sorter}
-            {renamer}
-            {onnavigate}
-            bind:states
-            expand={filter.length > 0}
-        />
-    </div>
-</div>
-
-<style>
-    .nav {
-        width: 100%;
-        height: 100%;
-        min-width: 12.5rem;
-        display: flex;
-        flex-direction: column;
-    }
-
-    .search-bar {
-        padding: 0.25rem;
-    }
-
-    input {
-        font-size: 0.75rem;
-        height: 1.75rem;
-        width: 100%;
-        padding: 0px 0.5rem;
-        box-sizing: border-box;
-    }
-
-    input:focus {
-        outline: none;
-    }
-</style>