@nil-/doc 1.0.0 → 2.0.0

package/{components → .svelte-kit/__package__/components}/block/controls/props/Number.svelte

@@ -1,16 +1,20 @@
-<script>import { getName } from "./misc/utils";
+<script lang="ts">import { getName } from "./misc/utils";
 import { defaulter } from "./misc/defaulter";
 import NameHeader from "./misc/Name.svelte";
 import Toggle from "./misc/Toggle.svelte";
-export let value;
-export let info;
-export let depth;
-export let disabled = false;
-export let visible = false;
-let ivalue = value ?? defaulter(info);
-let enabled = value !== void 0;
-$:
-  value = enabled && !disabled ? ivalue : void 0;
+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));
 </script>
 
 {#if visible}

package/.svelte-kit/__package__/components/block/controls/props/Number.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Unionized, PropType } from "../types";
+type $$ComponentProps = {
+    value: number | undefined;
+    info: Unionized<PropType<"number">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
+};
+declare const Number: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Number = ReturnType<typeof Number>;
+export default Number;

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

@@ -0,0 +1,17 @@
+<script lang="ts">import Component from "./Component.svelte";
+import { getName } from "./misc/utils";
+let {
+  infos,
+  values,
+  visible
+} = $props();
+</script>
+
+{#each infos as info}
+    <Component
+        {info}
+        depth={1}
+        {visible} 
+        bind:value={$values.props[getName(info)]}
+    />
+{/each}

package/.svelte-kit/__package__/components/block/controls/props/Props.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { SpecialProp, Prop } from "../types";
+import type { ControlValue } from "../../context";
+import type { Writable } from "svelte/store";
+type $$ComponentProps = {
+    infos: (SpecialProp | Prop)[];
+    values: Writable<ControlValue>;
+    visible: boolean;
+};
+declare const Props: import("svelte").Component<$$ComponentProps, {}, "">;
+type Props = ReturnType<typeof Props>;
+export default Props;

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

@@ -1,27 +1,30 @@
-<script>import { defaulter } from "./misc/defaulter";
+<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";
-export let value;
-export let info;
-export let depth;
-export let disabled = false;
-export let visible = false;
-let ivalue = value ?? defaulter(info);
-let enabled = value !== void 0;
-$:
-  value = enabled && !disabled ? ivalue : void 0;
-$:
-  i = info instanceof Array ? {
-    min: info[2],
-    max: info[3],
-    step: info[4]
-  } : {
-    min: info.min,
-    max: info.max,
-    step: info.step
-  };
+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}

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

@@ -0,0 +1,11 @@
+import type { Unionized, PropType } from "../types";
+type $$ComponentProps = {
+    value: number | undefined;
+    info: Unionized<PropType<"range">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
+};
+declare const Range: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Range = ReturnType<typeof Range>;
+export default Range;

package/{components → .svelte-kit/__package__/components}/block/controls/props/Select.svelte

@@ -1,16 +1,20 @@
-<script>import { defaulter } from "./misc/defaulter";
+<script lang="ts">import { defaulter } from "./misc/defaulter";
 import { getValues, getName } from "./misc/utils";
 import NameHeader from "./misc/Name.svelte";
 import Toggle from "./misc/Toggle.svelte";
-export let value;
-export let info;
-export let depth;
-export let disabled = false;
-export let visible = false;
-let ivalue = value ?? defaulter(info);
-let enabled = value !== void 0;
-$:
-  value = enabled && !disabled ? ivalue : void 0;
+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));
 </script>
 
 {#if visible}

package/.svelte-kit/__package__/components/block/controls/props/Select.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Unionized, PropType } from "../types";
+type $$ComponentProps = {
+    value: string | undefined;
+    info: Unionized<PropType<"select">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
+};
+declare const Select: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Select = ReturnType<typeof Select>;
+export default Select;

package/{components/block/controls/props/Object.svelte → .svelte-kit/__package__/components/block/controls/props/Table.svelte}

@@ -1,17 +1,21 @@
-<script>import Component from "./Component.svelte";
+<script lang="ts">import Component from "./Component.svelte";
 import Header from "./misc/GroupHeader.svelte";
 import { defaulter } from "./misc/defaulter";
 import { getValues, getName } from "./misc/utils";
-export let value;
-export let info;
-export let depth;
-export let disabled = false;
-export let visible = false;
-const ivalue = value ?? defaulter(info);
-let enabled = value !== void 0;
-let expand = getValues(info).length > 0 ? true : void 0;
-$:
-  value = !disabled && enabled ? ivalue : void 0;
+let {
+  value = $bindable(),
+  info,
+  depth,
+  disabled = false,
+  visible = false
+} = $props();
+let ivalue = $state(value ?? defaulter(info));
+let enabled = $state(value !== void 0);
+let expand = $state(getValues(info).length > 0 ? true : void 0);
+const set_value = (v) => {
+  value = v;
+};
+$effect(() => set_value(enabled && !disabled ? ivalue : void 0));
 </script>
 
 <Header name={getName(info)} bind:expand bind:checked={enabled} {depth} {disabled} {visible} />

package/.svelte-kit/__package__/components/block/controls/props/Table.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { ValueType } from "../../types";
+import type { Unionized, PropType } from "../types";
+type $$ComponentProps = {
+    value: Record<string, ValueType> | undefined;
+    info: Unionized<PropType<"table">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
+};
+declare const Table: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Table = ReturnType<typeof Table>;
+export default Table;

package/{components → .svelte-kit/__package__/components}/block/controls/props/Text.svelte

@@ -1,16 +1,20 @@
-<script>import { getName } from "./misc/utils";
+<script lang="ts">import { getName } from "./misc/utils";
 import { defaulter } from "./misc/defaulter";
 import NameHeader from "./misc/Name.svelte";
 import Toggle from "./misc/Toggle.svelte";
-export let value;
-export let info;
-export let depth;
-export let disabled = false;
-export let visible = false;
-let ivalue = value ?? defaulter(info);
-let enabled = value !== void 0;
-$:
-  value = enabled && !disabled ? ivalue : void 0;
+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));
 </script>
 
 {#if visible}

package/.svelte-kit/__package__/components/block/controls/props/Text.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Unionized, PropType } from "../types";
+type $$ComponentProps = {
+    value: string | undefined;
+    info: Unionized<PropType<"text">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
+};
+declare const Text: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Text = ReturnType<typeof Text>;
+export default Text;

package/{components → .svelte-kit/__package__/components}/block/controls/props/Toggle.svelte

@@ -1,16 +1,20 @@
-<script>import { getName } from "./misc/utils";
+<script lang="ts">import { getName } from "./misc/utils";
 import { defaulter } from "./misc/defaulter";
 import NameHeader from "./misc/Name.svelte";
 import Toggle from "./misc/Toggle.svelte";
-export let value;
-export let info;
-export let depth;
-export let disabled = false;
-export let visible = false;
-let ivalue = value ?? defaulter(info);
-let enabled = value !== void 0;
-$:
-  value = enabled && !disabled ? ivalue : void 0;
+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));
 </script>
 
 {#if visible}

package/.svelte-kit/__package__/components/block/controls/props/Toggle.svelte.d.ts

@@ -0,0 +1,12 @@
+import Toggle from "./misc/Toggle.svelte";
+import type { Unionized, PropType } from "../types";
+type $$ComponentProps = {
+    value: boolean | undefined;
+    info: Unionized<PropType<"toggle">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
+};
+declare const Toggle: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Toggle = ReturnType<typeof Toggle>;
+export default Toggle;

package/{components → .svelte-kit/__package__/components}/block/controls/props/Tuple.svelte

@@ -1,17 +1,21 @@
-<script>import Component from "./Component.svelte";
+<script lang="ts">import Component from "./Component.svelte";
 import Header from "./misc/GroupHeader.svelte";
 import { defaulter } from "./misc/defaulter";
 import { getValues, getName, addName } from "./misc/utils";
-export let value;
-export let info;
-export let depth;
-export let disabled = false;
-export let visible = false;
-const ivalue = value ?? defaulter(info);
-let enabled = value !== void 0;
-let expand = getValues(info).length > 0 ? true : void 0;
-$:
-  value = !disabled && enabled ? ivalue : void 0;
+let {
+  value = $bindable(),
+  info,
+  depth,
+  disabled = false,
+  visible = false
+} = $props();
+let ivalue = $state(value ?? defaulter(info));
+let enabled = $state(value !== void 0);
+let expand = $state(getValues(info).length > 0 ? true : void 0);
+const set_value = (v) => {
+  value = v;
+};
+$effect(() => set_value(enabled && !disabled ? ivalue : void 0));
 </script>
 
 <Header name={getName(info)} bind:expand bind:checked={enabled} {depth} {disabled} {visible} />

package/.svelte-kit/__package__/components/block/controls/props/Tuple.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { ValueType } from "../../types";
+import type { Unionized, PropType } from "../types";
+type $$ComponentProps = {
+    value: ValueType[] | undefined;
+    info: Unionized<PropType<"tuple">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
+};
+declare const Tuple: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Tuple = ReturnType<typeof Tuple>;
+export default Tuple;

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

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

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

@@ -0,0 +1,11 @@
+type $$ComponentProps = {
+    name: string;
+    depth: number;
+    checked?: boolean;
+    disabled?: boolean;
+    expand?: boolean;
+    visible?: boolean;
+};
+declare const GroupHeader: import("svelte").Component<$$ComponentProps, {}, "expand" | "checked">;
+type GroupHeader = ReturnType<typeof GroupHeader>;
+export default GroupHeader;

package/{components → .svelte-kit/__package__/components}/block/controls/props/misc/Name.svelte

@@ -1,6 +1,8 @@
-<script>export let depth;
-export let name;
-export let expand = void 0;
+<script lang="ts">let {
+  depth,
+  name,
+  expand
+} = $props();
 </script>
 
 <div class="override" style:padding-left={`${depth}rem`} title={name}>

package/.svelte-kit/__package__/components/block/controls/props/misc/Name.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    depth: number;
+    name: string;
+    expand?: boolean;
+};
+declare const Name: import("svelte").Component<$$ComponentProps, {}, "">;
+type Name = ReturnType<typeof Name>;
+export default Name;

package/{components → .svelte-kit/__package__/components}/block/controls/props/misc/Toggle.svelte

@@ -1,7 +1,11 @@
-<script>import { getTheme } from "../../../../context";
-export let disabled = false;
-export let toggled = false;
-const click = () => {
+<script lang="ts">import { getTheme } from "../../../../context";
+let {
+  disabled = false,
+  toggled = $bindable(false),
+  onkeypress
+} = $props();
+const onclick = (e) => {
+  e.stopPropagation();
   if (!disabled) {
     toggled = !toggled;
   }
@@ -12,8 +16,8 @@ const dark = getTheme();
 <div>
     <svg
         viewBox="-30 -30 60 60"
-        on:click|stopPropagation={click}
-        on:keypress
+        {onclick}
+        {onkeypress}
         role="none"
         class:disabled
         class:dark={$dark}

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

@@ -0,0 +1,8 @@
+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/{components → .svelte-kit/__package__/components}/block/controls/props/misc/defaulter.d.ts

@@ -1,7 +1,7 @@
 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<"object">>): Record<string, 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;

package/{components → .svelte-kit/__package__/components}/block/controls/props/misc/defaulter.js

@@ -2,7 +2,7 @@ import { getType, getValues, getMin } from "./utils";
 // eslint-disable-next-line func-style
 export function defaulter(i) {
     switch (getType(i)) {
-        case "object":
+        case "table":
             // eslint-disable-next-line no-use-before-define
             return defaulterO(i);
         case "tuple":

package/{components → .svelte-kit/__package__/components}/block/controls/props/misc/utils.d.ts

@@ -1,11 +1,11 @@
 import type { Detailed, Unionized, PropType, Prop, NonNamedProp, SpecialProp } from "../../types";
-type TypesWithValue = "object" | "tuple" | "select";
+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<"object">>): Values<"object">;
+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" | "object" | "select" | "toggle" | "button" | "tuple" | "text" | "color" | "range";
+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;

package/{components → .svelte-kit/__package__/components}/block/controls/types.d.ts

@@ -6,7 +6,7 @@ type Types =
     | "range"
     | "toggle"
     | "tuple"
-    | "object"
+    | "table"
     | "button";
 type ColorFormat = "hsl" | "hsla" | "rgb" | "rgba" | "hex" | "hexa";
 
@@ -42,7 +42,7 @@ export type PropType<T extends Types> =
         // eslint-disable-next-line no-use-before-define
         { name: string; type: T; values: NonNamedProp[]; }
     ]
-    : T extends "object" ? [
+    : 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
@@ -76,8 +76,8 @@ export type Prop =
     | [ name: string, type: "tuple", values: NonNamedProp[] ]
     // eslint-disable-next-line no-use-before-define
     | { name: string; type: "tuple"; values: NonNamedProp[]; }
-    | [ name: string, type: "object", values: Prop[] ]
-    | { name: string; type: "object"; values: Prop[]; };
+    | [ name: string, type: "table", values: Prop[] ]
+    | { name: string; type: "table"; values: Prop[]; };
 
 export type SpecialProp =
     | [name: string, type: "button", click: () => () => void]
@@ -99,7 +99,7 @@ export type NonNamedProp =
     | { type: "range"; min: number; max: number; step: number; }
     | [ type: "tuple", values: NonNamedProp[] ]
     | { type: "tuple"; values: NonNamedProp[]; }
-    | [ type: "object", values: Prop[] ]
-    | { type: "object"; values: Prop[]; };
+    | [ type: "table", values: Prop[] ]
+    | { type: "table"; values: Prop[]; };
 
 export type Event = string;

package/{components → .svelte-kit/__package__/components}/block/icons/Button.svelte

@@ -1,10 +1,14 @@
-<script>
-    export let title = "";
-    export let scale = false;
+<script lang="ts">let {
+  title = "",
+  scale = false,
+  onclick,
+  onkeypress,
+  children
+} = $props();
 </script>
 
-<div on:click on:keypress role="none" {title} class:scale>
-    <slot />
+<div onclick={onclick} onkeypress={onkeypress} role="none" {title} class:scale>
+    {@render children?.()}
 </div>
 
 <style>

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

@@ -0,0 +1,11 @@
+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/{components → .svelte-kit/__package__/components}/block/icons/ControlView.svelte

@@ -1,4 +1,6 @@
-<script>export let mode = "props";
+<script lang="ts">let {
+  mode = "props"
+} = $props();
 </script>
 
 <svg viewBox="-50 -50 100 100">

package/.svelte-kit/__package__/components/block/icons/ControlView.svelte.d.ts

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

package/{components → .svelte-kit/__package__/components}/block/icons/Position.svelte

@@ -1,8 +1,8 @@
-<script>export let position = "hidden";
-$:
-  bottom = "bottom" === position;
-$:
-  right = "right" === position;
+<script lang="ts">let {
+  position = "hidden"
+} = $props();
+let bottom = $derived("bottom" === position);
+let right = $derived("right" === position);
 </script>
 
 <svg viewBox="-50 -50 100 100">
@@ -24,7 +24,9 @@ $:
     }
 
     rect:nth-child(n + 2) {
-        transition: height var(--i-nil-doc-transition-time), x var(--i-nil-doc-transition-time),
+        transition:
+            height var(--i-nil-doc-transition-time),
+            x var(--i-nil-doc-transition-time),
             y var(--i-nil-doc-transition-time);
     }
 </style>

package/.svelte-kit/__package__/components/block/icons/Position.svelte.d.ts

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