@nil-/doc 2.0.0 → 2.0.2

package/package/components/block/controls/props/misc/Toggle.svelte.d.ts

@@ -1,8 +0,0 @@
-type $$ComponentProps = {
-    disabled?: boolean;
-    toggled?: boolean;
-    onkeypress?: (e: KeyboardEvent) => void;
-};
-declare const Toggle: import("svelte").Component<$$ComponentProps, {}, "toggled">;
-type Toggle = ReturnType<typeof Toggle>;
-export default Toggle;

package/package/components/block/controls/props/misc/defaulter.d.ts

@@ -1,11 +0,0 @@
-import type { ValueType } from "../../../types";
-import type { Unionized, PropType, Prop } from "../../types";
-export declare function defaulter(i: Unionized<PropType<"tuple">>): ValueType[];
-export declare function defaulter(i: Unionized<PropType<"table">>): Record<string, ValueType>;
-export declare function defaulter(i: Unionized<PropType<"number">>): number;
-export declare function defaulter(i: Unionized<PropType<"range">>): number;
-export declare function defaulter(i: Unionized<PropType<"select">>): string;
-export declare function defaulter(i: Unionized<PropType<"text">>): string;
-export declare function defaulter(i: Unionized<PropType<"toggle">>): boolean;
-export declare function defaulter(i: Unionized<PropType<"color">>): string;
-export declare function defaulter(i: Prop): ValueType;

package/package/components/block/controls/props/misc/defaulter.js

@@ -1,50 +0,0 @@
-import { getType, getValues, getMin } from "./utils";
-// eslint-disable-next-line func-style
-export function defaulter(i) {
-    switch (getType(i)) {
-        case "table":
-            // eslint-disable-next-line no-use-before-define
-            return defaulterO(i);
-        case "tuple":
-            // eslint-disable-next-line no-use-before-define
-            return defaulterT(i);
-        case "text":
-            return "";
-        case "color":
-            return "#ffffffff";
-        case "select":
-            return getValues(i)[0] ?? "";
-        case "number":
-            return 0;
-        case "range":
-            return getMin(i);
-        default:
-            return false;
-    }
-}
-const defaulterO = (info) => {
-    const ret = {};
-    const values = info instanceof Array ? info[2] : info.values;
-    for (const v of values) {
-        if (v instanceof Array) {
-            ret[v[0]] = defaulter(v);
-        }
-        else {
-            ret[v.name] = defaulter(v);
-        }
-    }
-    return ret;
-};
-const defaulterT = (info) => {
-    const ret = [];
-    const values = info instanceof Array ? info[2] : info.values;
-    for (const [i, v] of values.entries()) {
-        if (v instanceof Array) {
-            ret.push(defaulter([`${i}`, ...v]));
-        }
-        else {
-            ret.push(defaulter({ name: `${i}`, ...v }));
-        }
-    }
-    return ret;
-};

package/package/components/block/controls/props/misc/nformat.d.ts

@@ -1 +0,0 @@
-export declare const nformat: (v: number, fdigits: number, width: number) => string;

package/package/components/block/controls/props/misc/nformat.js

@@ -1,16 +0,0 @@
-export const nformat = (v, fdigits, width) => {
-    const n = v.toExponential().split("e");
-    const ex = parseInt(n[1]);
-    const absex = Math.abs(ex);
-    const short = absex >= fdigits;
-    const rest = short
-        ? width - 3 + (absex >= 10 ? 0 : 1) - (ex < 0 ? 1 : 0)
-        : width - absex + (ex < 0 ? -ex : 0);
-    return v.toLocaleString(undefined, {
-        signDisplay: "always",
-        useGrouping: false,
-        notation: short ? "scientific" : "standard",
-        maximumFractionDigits: rest,
-        minimumFractionDigits: rest
-    });
-};

package/package/components/block/controls/props/misc/utils.d.ts

@@ -1,13 +0,0 @@
-import type { Detailed, Unionized, PropType, Prop, NonNamedProp, SpecialProp } from "../../types";
-type TypesWithValue = "table" | "tuple" | "select";
-type Values<T extends TypesWithValue> = Detailed<PropType<T>>["values"];
-export declare function getValues(info: Unionized<PropType<"select">>): Values<"select">;
-export declare function getValues(info: Unionized<PropType<"table">>): Values<"table">;
-export declare function getValues(info: Unionized<PropType<"tuple">>): Values<"tuple">;
-export declare const getMin: (info: Unionized<PropType<"range">>) => number;
-export declare const getType: (info: Prop | SpecialProp) => "number" | "select" | "toggle" | "button" | "table" | "tuple" | "text" | "color" | "range";
-export declare const getFormat: (info: Unionized<PropType<"color">>) => import("../../types").ColorFormat;
-export declare const getName: (info: Prop | SpecialProp) => string;
-export declare const getClick: (info: SpecialProp) => () => () => void;
-export declare const addName: (name: string, info: NonNamedProp) => Prop;
-export {};

package/package/components/block/controls/props/misc/utils.js

@@ -1,22 +0,0 @@
-// eslint-disable-next-line func-style
-export function getValues(info) {
-    return info instanceof Array ? info[2] : info.values;
-}
-export const getMin = (info) => {
-    return info instanceof Array ? info[2] : info.min;
-};
-export const getType = (info) => {
-    return info instanceof Array ? info[1] : info.type;
-};
-export const getFormat = (info) => {
-    return info instanceof Array ? info[2] : info.format;
-};
-export const getName = (info) => {
-    return info instanceof Array ? info[0] : info.name;
-};
-export const getClick = (info) => {
-    return info instanceof Array ? info[2] : info.click;
-};
-export const addName = (name, info) => {
-    return info instanceof Array ? [name, ...info] : { name, ...info };
-};

package/package/components/block/controls/types.d.ts

@@ -1,105 +0,0 @@
-type Types =
-    | "text"
-    | "color"
-    | "number"
-    | "select"
-    | "range"
-    | "toggle"
-    | "tuple"
-    | "table"
-    | "button";
-type ColorFormat = "hsl" | "hsla" | "rgb" | "rgba" | "hex" | "hexa";
-
-// prettier-ignore
-export type PropType<T extends Types> =
-    T extends "text" ? [
-        [ name: string, type: T ],
-        { name: string; type: T; }
-    ]
-    : T extends "color" ? [
-        [ name: string, type: T, format: ColorFormat ],
-        { name: string; type: T; format: ColorFormat; }
-    ]
-    : T extends "number" ? [
-        [ name: string, type: T ],
-        { name: string; type: T; }
-    ]
-    : T extends "toggle" ? [
-        [ name: string, type: T ],
-        { name: string; type: T; }
-    ]
-    : T extends "select" ? [
-        [ name: string, type: T, values: string[] ],
-        { name: string; type: T; values: string[]; }
-    ]
-    : T extends "range" ? [
-        [ name: string, type: T, min: number, max: number, step: number ],
-        { name: string; type: T; min: number; max: number; step: number; }
-    ]
-    : T extends "tuple" ? [
-        // eslint-disable-next-line no-use-before-define
-        [ name: string, type: T, values: NonNamedProp[] ],
-        // eslint-disable-next-line no-use-before-define
-        { name: string; type: T; values: NonNamedProp[]; }
-    ]
-    : T extends "table" ? [
-        // eslint-disable-next-line no-use-before-define
-        [ name: string, type: T, values: Prop[] ],
-        // eslint-disable-next-line no-use-before-define
-        { name: string; type: T; values: Prop[]; }
-    ]
-    : T extends "button" ? [
-        [ name: string, type: "button", click: () => (() => void) ],
-        { name: string; type: "button"; click: () => (() => void); }
-    ]
-    : never;
-
-export type Flattened<T extends PropType> = T[0];
-export type Detailed<T extends PropType> = T[1];
-export type Unionized<T extends PropTyoe> = T[number];
-
-// prettier-ignore
-export type Prop =
-    | [ name: string, type: "text" ]
-    | { name: string; type: "text"; }
-    | [ name: string, type: "color", format: ColorFormat ]
-    | { name: string; type: "color"; format: ColorFormat; }
-    | [ name: string, type: "number" ]
-    | { name: string; type: "number"; }
-    | [ name: string, type: "toggle" ]
-    | { name: string; type: "toggle"; }
-    | [ name: string, type: "select", values: string[] ]
-    | { name: string; type: "select"; values: string[]; }
-    | [ name: string, type: "range", min: number, max: number, step: number ]
-    | { name: string; type: "range"; min: number; max: number; step: number; }
-    // eslint-disable-next-line no-use-before-define
-    | [ name: string, type: "tuple", values: NonNamedProp[] ]
-    // eslint-disable-next-line no-use-before-define
-    | { name: string; type: "tuple"; values: NonNamedProp[]; }
-    | [ name: string, type: "table", values: Prop[] ]
-    | { name: string; type: "table"; values: Prop[]; };
-
-export type SpecialProp =
-    | [name: string, type: "button", click: () => () => void]
-    | { name: string; type: "button"; click: () => () => void };
-
-// prettier-ignore
-export type NonNamedProp =
-    | [ type: "text" ]
-    | { type: "text"; }
-    | [ type: "color", format: ColorFormat ]
-    | { type: "color"; format: ColorFormat; }
-    | [ type: "number" ]
-    | { type: "number"; }
-    | [ type: "toggle" ]
-    | { type: "toggle"; }
-    | [ type: "select", values: string[] ]
-    | { type: "select"; values: string[]; }
-    | [ type: "range", min: number, max: number, step: number ]
-    | { type: "range"; min: number; max: number; step: number; }
-    | [ type: "tuple", values: NonNamedProp[] ]
-    | { type: "tuple"; values: NonNamedProp[]; }
-    | [ type: "table", values: Prop[] ]
-    | { type: "table"; values: Prop[]; };
-
-export type Event = string;

package/package/components/block/icons/Button.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Snippet } from "svelte";
-type $$ComponentProps = {
-    title?: string;
-    scale?: boolean;
-    onclick?: (e: MouseEvent) => void;
-    onkeypress?: (e: KeyboardEvent) => void;
-    children?: Snippet;
-};
-declare const Button: import("svelte").Component<$$ComponentProps, {}, "">;
-type Button = ReturnType<typeof Button>;
-export default Button;

package/package/components/block/icons/ControlView.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">let {
-  mode = "props"
-} = $props();
-</script>
-
-<svg viewBox="-50 -50 100 100">
-    <rect width="60" height="60" x="-30" y="-30" fill="transparent" />
-    <rect
-        x={"props" === mode ? 0 : -20}
-        class="mv"
-        height="40"
-        width="20"
-        y="-20"
-        rx="2"
-        ry="2"
-        fill="transparent"
-    />
-    <polygon transform="translate(5, 0)" points="-15,-2 1,-2, 1,-6 6,0 1,6 1,2 -15,2" />
-</svg>
-
-<style>
-    .mv {
-        transition: x var(--i-nil-doc-transition-time);
-    }
-</style>

package/package/components/block/icons/ControlView.svelte.d.ts

@@ -1,6 +0,0 @@
-type $$ComponentProps = {
-    mode: "props" | "events";
-};
-declare const ControlView: import("svelte").Component<$$ComponentProps, {}, "">;
-type ControlView = ReturnType<typeof ControlView>;
-export default ControlView;

package/package/components/block/icons/Position.svelte

@@ -1,32 +0,0 @@
-<script lang="ts">let {
-  position = "hidden"
-} = $props();
-let bottom = $derived("bottom" === position);
-let right = $derived("right" === position);
-</script>
-
-<svg viewBox="-50 -50 100 100">
-    <rect width="60" x="-30" height="60" y="-30" fill="transparent" />
-    <rect width="60" x="-30" height={bottom ? "20" : "0"} y={bottom ? "10" : "30"} />
-    <rect
-        width="60"
-        x="-30"
-        height={right ? "20" : "0"}
-        y={right ? "10" : "30"}
-        transform="rotate(-90)"
-    />
-</svg>
-
-<style>
-    svg {
-        stroke-width: 3;
-        fill: currentColor;
-    }
-
-    rect:nth-child(n + 2) {
-        transition:
-            height var(--i-nil-doc-transition-time),
-            x var(--i-nil-doc-transition-time),
-            y var(--i-nil-doc-transition-time);
-    }
-</style>

package/package/components/block/icons/Position.svelte.d.ts

@@ -1,6 +0,0 @@
-type $$ComponentProps = {
-    position: "hidden" | "bottom" | "right";
-};
-declare const Position: import("svelte").Component<$$ComponentProps, {}, "">;
-type Position = ReturnType<typeof Position>;
-export default Position;

package/package/components/block/types.d.ts

@@ -1,9 +0,0 @@
-export type ValueType =
-    | undefined
-    | boolean
-    | number
-    | string
-    | ValueType[]
-    | {
-          [key: string]: ValueType;
-      };

package/package/components/block/utils.d.ts

@@ -1,4 +0,0 @@
-import type { ValueType } from "./types";
-type VTObject = Record<string, ValueType>;
-export declare const resolve: <Args = Record<string, ValueType>>(destination: VTObject, override: VTObject) => Args;
-export {};

package/package/components/block/utils.js

@@ -1,34 +0,0 @@
-const resolveArray = (d, p) => {
-    const ret = [];
-    for (let i = 0; i < d.length; ++i) {
-        if (d[i] instanceof Array) {
-            ret.push(resolveArray(d[i], (p[i] ?? [])));
-        }
-        else if (d[i] instanceof Object) {
-            // eslint-disable-next-line no-use-before-define
-            ret.push(resolveObject(d[i], (p[i] ?? {})));
-        }
-        else {
-            ret.push(p[i] ?? d[i]);
-        }
-    }
-    return ret;
-};
-const resolveObject = (d, p) => {
-    const ret = {};
-    for (const [key, value] of Object.entries(d)) {
-        if (value instanceof Array) {
-            ret[key] = resolveArray(value, (p[key] ?? []));
-        }
-        else if (value instanceof Object) {
-            ret[key] = resolveObject(value, (p[key] ?? {}));
-        }
-        else {
-            ret[key] = p[key] ?? value;
-        }
-    }
-    return ret;
-};
-export const resolve = (destination, override) => {
-    return resolveObject(destination, override);
-};

package/package/components/context.d.ts

@@ -1,4 +0,0 @@
-import type { Writable } from "svelte/store";
-export type Theme = "light" | "dark";
-export declare const getTheme: () => Writable<boolean>;
-export declare const initTheme: () => Writable<boolean>;

package/package/components/context.js

@@ -1,5 +0,0 @@
-import { setContext, getContext } from "svelte";
-import { writable } from "svelte/store";
-const theme = Symbol();
-export const getTheme = () => getContext(theme) ?? writable(true);
-export const initTheme = () => setContext(theme, writable(true));

package/package/components/layout/Container.svelte

@@ -1,189 +0,0 @@
-<script lang="ts">import { writable } from "svelte/store";
-import { Tween } from "svelte/motion";
-import { createDraggable } from "./action";
-let {
-  vertical = false,
-  offset = $bindable(4),
-  b = false,
-  persistent = false,
-  side_a,
-  side_b
-} = $props();
-let width = $state(null);
-let height = $state(null);
-const { position, draggable } = createDraggable(offset);
-let span = $derived(vertical ? width : height);
-const update = (limit, value) => {
-  if (null == span) {
-    return;
-  }
-  offset = Math.max(Math.min(value, span - limit), limit);
-};
-const off = new Tween(offset, { duration: 50 });
-const min = 4;
-let last = [];
-$effect(() => update(min, $position));
-$effect(() => {
-  off.set(offset);
-});
-let style = $derived(!b ? `auto 0.2rem ${off.current}px` : `${off.current}px 0.2rem auto`);
-const moving = writable(false);
-const addLast = (v) => {
-  if (v > min) {
-    if (last.length < 2) {
-      last = [...last, v];
-    } else {
-      last = [last[1], v];
-    }
-  }
-};
-const dbltap = () => {
-  if (off.current > min) {
-    addLast(offset);
-    offset = min;
-  } else if (last.length > 0) {
-    offset = last.pop();
-  }
-};
-const check = (v, flag, s) => {
-  if (flag) {
-    return v < s - min;
-  } else {
-    return v > min;
-  }
-};
-const title = (v, b2) => {
-  if (v) {
-    return b2 ? "left" : "right";
-  }
-  return b2 ? "top" : "bottom";
-};
-</script>
-
-<div
-    class="container"
-    class:b
-    class:a={!b}
-    class:vertical
-    class:horizontal={!vertical}
-    class:moving={$moving}
-    bind:clientWidth={width}
-    bind:clientHeight={height}
-    style:grid-template-columns={vertical ? style : null}
-    style:grid-template-rows={!vertical ? style : null}
->
-    {#if width != null && height != null}
-        <div style:grid-area="A">
-            {#if persistent || check(off.current, !b, span ?? 0)}
-                {@render side_a()}
-            {/if}
-        </div>
-        <div class="divider">
-            <div
-                class="overlay"
-                title={`Collapse ${title(vertical, b)}`}
-                use:draggable={{
-                    reset: () => offset,
-                    reversed: !b,
-                    vertical,
-                    dbltap: dbltap,
-                    tap: () => addLast(off.current),
-                    moving
-                }}
-            ></div>
-        </div>
-        <div style:grid-area="B">
-            {#if persistent || check(off.current, b, span ?? 0)}
-                {@render side_b()}
-            {/if}
-        </div>
-    {/if}
-</div>
-
-<style>
-    .container {
-        width: 100%;
-        height: 100%;
-        display: grid;
-        grid-template-areas:
-            "A"
-            "divider"
-            "B";
-        overflow: hidden;
-    }
-
-    .container.vertical {
-        grid-template-areas: "A divider B";
-    }
-
-    .container > div {
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-    }
-
-    .container > .divider {
-        z-index: 10;
-        overflow: visible;
-        user-select: none;
-        grid-area: divider;
-    }
-
-    .overlay {
-        touch-action: none;
-    }
-
-    .container > .divider > .overlay {
-        width: 100%;
-        height: 1.5rem;
-        cursor: ns-resize;
-        transform: translateY(-50%);
-    }
-
-    .container.vertical > .divider > .overlay {
-        width: 1.5rem;
-        height: 100%;
-        cursor: ew-resize;
-        transform: translateX(-50%);
-    }
-
-    /* colors */
-    .divider {
-        transition:
-            border-color var(--i-nil-doc-transition-time),
-            background-color var(--i-nil-doc-transition-time);
-        --width: 0.0625rem;
-    }
-
-    .container.horizontal > .divider {
-        border-bottom: var(--i-nil-doc-container-p) solid var(--width);
-        border-top: var(--i-nil-doc-container-p) solid var(--width);
-        background-color: var(--i-nil-doc-container-p);
-    }
-
-    .container.vertical > .divider {
-        border-right: var(--i-nil-doc-container-p) solid var(--width);
-        border-left: var(--i-nil-doc-container-p) solid var(--width);
-        background-color: var(--i-nil-doc-container-p);
-    }
-
-    .container.a.horizontal > .divider:hover,
-    .container.moving.a.horizontal > .divider {
-        border-bottom: var(--i-nil-doc-container-s) solid var(--width);
-    }
-
-    .container.b.horizontal > .divider:hover,
-    .container.moving.b.horizontal > .divider {
-        border-top: var(--i-nil-doc-container-s) solid var(--width);
-    }
-
-    .container.a.vertical > .divider:hover,
-    .container.moving.a.vertical > .divider {
-        border-right: var(--i-nil-doc-container-s) solid var(--width);
-    }
-
-    .container.vertical.b > .divider:hover,
-    .container.moving.vertical.b > .divider {
-        border-left: var(--i-nil-doc-container-s) solid var(--width);
-    }
-</style>

package/package/components/layout/Content.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">let { children } = $props();
-</script>
-
-<div>
-    {@render children?.()}
-</div>
-
-<style>
-    div {
-        display: flex;
-        box-sizing: border-box;
-        margin: 0.5rem;
-        padding: 0.5rem;
-        border-radius: 0.5rem;
-        width: min-content;
-        height: min-content;
-        min-width: calc(100% - 1rem);
-        min-height: calc(100% - 1rem);
-    }
-
-    /* color */
-    div {
-        border: solid 1px var(--i-nil-doc-content-outline-color);
-        box-shadow: 0 0 0.5rem 0 var(--i-nil-doc-content-outline-color);
-    }
-</style>

package/package/components/layout/Content.svelte.d.ts

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

package/package/components/layout/DocLayout.svelte

@@ -1,28 +0,0 @@
-<script lang="ts" module></script>
-
-<script lang="ts">import Layout from "./Layout.svelte";
-let {
-  settings,
-  sorter,
-  renamer,
-  title,
-  title_misc,
-  children
-} = $props();
-let { data, current, theme, offset, panel, navigate } = $derived(settings);
-</script>
-
-<Layout
-    {data}
-    {sorter}
-    {renamer}
-    current={$current}
-    bind:theme={$theme}
-    bind:offset={$offset}
-    bind:panel={$panel}
-    onnavigate={navigate}
-    {title}
-    {title_misc}
-    {children}
->
-</Layout>

package/package/components/layout/DocLayout.svelte.d.ts

@@ -1,24 +0,0 @@
-import type { Readable, Writable } from "svelte/store";
-type Settings = {
-    readonly data: readonly string[];
-    readonly current: Readable<string | null>;
-    readonly offset: Writable<number>;
-    readonly theme: Writable<"dark" | "light">;
-    readonly panel: Writable<"bottom" | "right">;
-    readonly navigate: (e: {
-        detail: string;
-    }) => Promise<void>;
-};
-import type { Renamer, Sorter } from "../navigation/types";
-import type { Snippet } from "svelte";
-type $$ComponentProps = {
-    settings: Settings;
-    sorter?: Sorter;
-    renamer?: Renamer;
-    title: Snippet;
-    title_misc?: Snippet;
-    children?: Snippet;
-};
-declare const DocLayout: import("svelte").Component<$$ComponentProps, {}, "">;
-type DocLayout = ReturnType<typeof DocLayout>;
-export default DocLayout;