renamed directory

packages/web/src/jsontree/JSONValueNode.svelte

@@ -0,0 +1,51 @@
+<script>
+  import { getContext } from 'svelte';
+  import contextKey from './context';
+
+  import JSONKey from './JSONKey.svelte';
+
+  export let key, value, valueGetter = null, isParentExpanded, isParentArray, nodeType;
+
+  const { colon } = getContext(contextKey);
+</script>
+<style>
+  li {
+    user-select: text;
+    word-wrap: break-word;
+    word-break: break-all;
+  }
+  .indent {
+    padding-left: var(--li-identation);
+  }
+  .String {
+    color: var(--string-color);
+  }
+  .Date {
+    color: var(--date-color);
+  }
+  .Number {
+    color: var(--number-color);
+  }
+  .Boolean {
+    color: var(--boolean-color);
+  }
+  .Null {
+    color: var(--null-color);
+  }
+  .Undefined {
+    color: var(--undefined-color);
+  }
+  .Function {
+    color: var(--function-color);
+    font-style: italic;
+  }
+  .Symbol {
+    color: var(--symbol-color);
+  }
+</style>
+<li class:indent={isParentExpanded}>
+  <JSONKey {key} {colon} {isParentExpanded} {isParentArray} />
+  <span class={nodeType}>
+    {valueGetter ? valueGetter(value) : value}
+  </span>
+</li>