@nil-/doc 1.0.0 → 2.0.1

package/components/block/controls/events/Events.svelte.d.ts

@@ -1,21 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        visible: boolean;
-        events?: {
-            name: string;
-            detail: string;
-            count: number;
-        }[] | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    visible: boolean;
+    events?: {
+        name: string;
+        detail: string;
+        count: number;
+    }[];
 };
-export type EventsProps = typeof __propDef.props;
-export type EventsEvents = typeof __propDef.events;
-export type EventsSlots = typeof __propDef.slots;
-export default class Events extends SvelteComponentTyped<EventsProps, EventsEvents, EventsSlots> {
-}
-export {};
+declare const Events: import("svelte").Component<$$ComponentProps, {}, "">;
+type Events = ReturnType<typeof Events>;
+export default Events;

package/components/block/controls/props/Button.svelte

@@ -1,12 +1,13 @@
-<script>import { getClick, getName } from "./misc/utils";
-export let info;
-export let visible = false;
-$:
-  click = getClick(info)();
+<script lang="ts">import { getClick, getName } from "./misc/utils";
+let {
+  info,
+  visible = false
+} = $props();
+let click = $derived(getClick(info)());
 </script>
 
 {#if visible}
-    <div><button on:click={click}>{getName(info)}</button></div>
+    <div><button onclick={click}>{getName(info)}</button></div>
 {/if}
 
 <style>

package/components/block/controls/props/Button.svelte.d.ts

@@ -1,18 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
 import type { Unionized, PropType } from "../types";
-declare const __propDef: {
-    props: {
-        info: Unionized<PropType<"button">>;
-        visible?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    info: Unionized<PropType<"button">>;
+    visible?: boolean;
 };
-export type ButtonProps = typeof __propDef.props;
-export type ButtonEvents = typeof __propDef.events;
-export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
-}
-export {};
+declare const Button: import("svelte").Component<$$ComponentProps, {}, "">;
+type Button = ReturnType<typeof Button>;
+export default Button;

package/components/block/controls/props/Color.svelte

@@ -1,4 +1,4 @@
-<script context="module">const colorSetter = (format, color) => {
+<script lang="ts" module>const colorSetter = (format, color) => {
   switch (format) {
     case "hex":
       return color.hex.substring(0, 7);
@@ -17,17 +17,19 @@
 };
 </script>
 
-<script>import { getName, getFormat } from "./misc/utils";
+<script lang="ts">import { getName, getFormat } 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;
+let {
+  value = $bindable(),
+  info,
+  depth,
+  disabled = false,
+  visible = false
+} = $props();
+let ivalue = $state(value ?? defaulter(info));
+let enabled = $state(value !== void 0);
 const action = (d, { format, P }) => {
   d.style.borderColor = ivalue;
   const picker = new P({
@@ -52,8 +54,10 @@ const action = (d, { format, P }) => {
     destroy: () => picker.destroy()
   };
 };
-$:
-  value = enabled && !disabled ? ivalue : void 0;
+const set_value = (v) => {
+  value = v;
+};
+$effect(() => set_value(enabled && !disabled ? ivalue : void 0));
 </script>
 
 {#if visible}
@@ -81,7 +85,6 @@ $:
 
 <style>
     button {
-        position: absolute;
         font-size: 0.7rem;
         border-top-width: 1px;
         border-bottom-width: 1px;

package/components/block/controls/props/Color.svelte.d.ts

@@ -1,21 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
 import type { Unionized, PropType } from "../types";
-declare const __propDef: {
-    props: {
-        value: string | undefined;
-        info: Unionized<PropType<"color">>;
-        depth: number;
-        disabled?: boolean | undefined;
-        visible?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    value: string | undefined;
+    info: Unionized<PropType<"color">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
 };
-export type ColorProps = typeof __propDef.props;
-export type ColorEvents = typeof __propDef.events;
-export type ColorSlots = typeof __propDef.slots;
-export default class Color extends SvelteComponentTyped<ColorProps, ColorEvents, ColorSlots> {
-}
-export {};
+declare const Color: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Color = ReturnType<typeof Color>;
+export default Color;

package/components/block/controls/props/Component.svelte

@@ -1,22 +1,24 @@
-<script>import Text from "./Text.svelte";
+<script lang="ts">import Text from "./Text.svelte";
 import Number from "./Number.svelte";
 import Range from "./Range.svelte";
 import Toggle from "./Toggle.svelte";
 import Select from "./Select.svelte";
 import Tuple from "./Tuple.svelte";
-import Object from "./Object.svelte";
+import Table from "./Table.svelte";
 import Color from "./Color.svelte";
 import Button from "./Button.svelte";
-export let value;
-export let info;
-export let depth;
-export let disabled = false;
-export let visible = false;
+let {
+  value = $bindable(),
+  info,
+  depth,
+  disabled = false,
+  visible = false
+} = $props();
 </script>
 
 {#if info instanceof Array}
-    {#if "object" === info[1]}
-        <Object {info} bind:value {depth} {disabled} {visible} />
+    {#if "table" === info[1]}
+        <Table {info} bind:value {depth} {disabled} {visible} />
     {:else if "tuple" === info[1]}
         <Tuple {info} bind:value {depth} {disabled} {visible} />
     {:else if "text" === info[1]}
@@ -34,8 +36,8 @@ export let visible = false;
     {:else if "button" === info[1]}
         <Button {info} {visible} />
     {/if}
-{:else if "object" === info.type}
-    <Object {info} bind:value {depth} {disabled} {visible} />
+{:else if "table" === info.type}
+    <Table {info} bind:value {depth} {disabled} {visible} />
 {:else if "tuple" === info.type}
     <Tuple {info} bind:value {depth} {disabled} {visible} />
 {:else if "text" === info.type}

package/components/block/controls/props/Component.svelte.d.ts

@@ -1,21 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
 import type { SpecialProp, Prop } from "../types";
-declare const __propDef: {
-    props: {
-        value: any;
-        info: Prop | SpecialProp;
-        depth: number;
-        disabled?: boolean | undefined;
-        visible?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    value: any;
+    info: Prop | SpecialProp;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
 };
-export type ComponentProps = typeof __propDef.props;
-export type ComponentEvents = typeof __propDef.events;
-export type ComponentSlots = typeof __propDef.slots;
-export default class Component extends SvelteComponentTyped<ComponentProps, ComponentEvents, ComponentSlots> {
-}
-export {};
+declare const Component: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Component = ReturnType<typeof Component>;
+export default Component;

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/components/block/controls/props/Number.svelte.d.ts

@@ -1,21 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
 import type { Unionized, PropType } from "../types";
-declare const __propDef: {
-    props: {
-        value: number | undefined;
-        info: Unionized<PropType<"number">>;
-        depth: number;
-        disabled?: boolean | undefined;
-        visible?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    value: number | undefined;
+    info: Unionized<PropType<"number">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
 };
-export type NumberProps = typeof __propDef.props;
-export type NumberEvents = typeof __propDef.events;
-export type NumberSlots = typeof __propDef.slots;
-export default class Number extends SvelteComponentTyped<NumberProps, NumberEvents, NumberSlots> {
-}
-export {};
+declare const Number: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Number = ReturnType<typeof Number>;
+export default Number;

package/components/block/controls/props/Props.svelte

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

package/components/block/controls/props/Props.svelte.d.ts

@@ -1,20 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-import type { ValueType } from "../../types";
 import type { SpecialProp, Prop } from "../types";
-declare const __propDef: {
-    props: {
-        infos: (SpecialProp | Prop)[];
-        values: Record<string, ValueType>;
-        visible: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+import type { ControlValue } from "../../context";
+import type { Writable } from "svelte/store";
+type $$ComponentProps = {
+    infos: (SpecialProp | Prop)[];
+    values: Writable<ControlValue>;
+    visible: boolean;
 };
-export type PropsProps = typeof __propDef.props;
-export type PropsEvents = typeof __propDef.events;
-export type PropsSlots = typeof __propDef.slots;
-export default class Props extends SvelteComponentTyped<PropsProps, PropsEvents, PropsSlots> {
-}
-export {};
+declare const Props: import("svelte").Component<$$ComponentProps, {}, "">;
+type Props = ReturnType<typeof Props>;
+export default Props;

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/components/block/controls/props/Range.svelte.d.ts

@@ -1,21 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
 import type { Unionized, PropType } from "../types";
-declare const __propDef: {
-    props: {
-        value: number | undefined;
-        info: Unionized<PropType<"range">>;
-        depth: number;
-        disabled?: boolean | undefined;
-        visible?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    value: number | undefined;
+    info: Unionized<PropType<"range">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
 };
-export type RangeProps = typeof __propDef.props;
-export type RangeEvents = typeof __propDef.events;
-export type RangeSlots = typeof __propDef.slots;
-export default class Range extends SvelteComponentTyped<RangeProps, RangeEvents, RangeSlots> {
-}
-export {};
+declare const Range: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Range = ReturnType<typeof Range>;
+export default Range;

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/components/block/controls/props/Select.svelte.d.ts

@@ -1,21 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
 import type { Unionized, PropType } from "../types";
-declare const __propDef: {
-    props: {
-        value: string | undefined;
-        info: Unionized<PropType<"select">>;
-        depth: number;
-        disabled?: boolean | undefined;
-        visible?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    value: string | undefined;
+    info: Unionized<PropType<"select">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
 };
-export type SelectProps = typeof __propDef.props;
-export type SelectEvents = typeof __propDef.events;
-export type SelectSlots = typeof __propDef.slots;
-export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {
-}
-export {};
+declare const Select: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Select = ReturnType<typeof Select>;
+export default Select;

package/components/block/controls/props/{Object.svelte → 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/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/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/components/block/controls/props/Text.svelte.d.ts

@@ -1,21 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
 import type { Unionized, PropType } from "../types";
-declare const __propDef: {
-    props: {
-        value: string | undefined;
-        info: Unionized<PropType<"text">>;
-        depth: number;
-        disabled?: boolean | undefined;
-        visible?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type $$ComponentProps = {
+    value: string | undefined;
+    info: Unionized<PropType<"text">>;
+    depth: number;
+    disabled?: boolean;
+    visible?: boolean;
 };
-export type TextProps = typeof __propDef.props;
-export type TextEvents = typeof __propDef.events;
-export type TextSlots = typeof __propDef.slots;
-export default class Text extends SvelteComponentTyped<TextProps, TextEvents, TextSlots> {
-}
-export {};
+declare const Text: import("svelte").Component<$$ComponentProps, {}, "value">;
+type Text = ReturnType<typeof Text>;
+export default Text;