sveltekit-ui 1.1.74 → 1.1.76

package/src/lib/Components/ChartInput/DisplayNav/index.svelte

@@ -1,297 +0,0 @@
-<script>
-  // import Lines from "$lib/Components/ChartInput/DisplayNav/Lines/index.svelte"
-  import Klines from "$lib/Components/ChartInput/DisplayNav/Klines/index.svelte"
-
-  let { manager } = $props()
-
-  const y_axis_width = 1
-  const x_axis_height = 0.5
-
-  let is_hovered = $state(false)
-
-  function calc_z_height(shared_y_axis_i, dataset_i) {
-    let z_steps = 0
-    for (let i = 0; i < shared_y_axis_i; i++) {
-      z_steps +=
-        manager?.chart_prepped.frames?.[manager?.path_breadcrumbs_manager?.val?.[0]]?.shared_y_axiss[i].datasets
-          .length + 2
-    }
-    z_steps += dataset_i
-    return z_steps * 2
-  }
-
-  let hovered_y_axis = $state(-1)
-
-  let hovered_dataset_index = $state(-1)
-
-  function set_hovered_dataset_index(input) {
-    hovered_dataset_index = input
-  }
-</script>
-
-<div class="container">
-  {#if manager?.path_breadcrumbs_manager?.val?.length >= 0}
-    <div class="item">
-      <div class="grid" style="--y_axis_width: {y_axis_width}rem; --x_axis_height: {x_axis_height}rem;">
-        {#if manager?.chart_prepped && manager?.chart_prepped.frames && manager?.chart_prepped.frames.length > 0}
-          {#each manager?.chart_prepped.frames as frame, i}
-            {#each frame.shared_y_axiss as shared_y_axis}
-              <div
-                role="button"
-                tabindex="0"
-                class="part_container"
-                style="grid-area: {1 + i} / 1 / {2 + i} / 2; width: 100%; aspect-ratio: {frame?.aspect_ratio};"
-                onpointerenter={() => (is_hovered = true)}
-                onpointerleave={() => (is_hovered = false)}
-                onclick={() => manager?.path_breadcrumbs_manager.set_val([i])}
-                onkeypress={() => manager?.path_breadcrumbs_manager.set_val([i])}
-              >
-                <div
-                  class="part_inner base_tint"
-                  class:hover_tint={is_hovered ||
-                    (manager?.path_breadcrumbs_manager?.val &&
-                      manager?.path_breadcrumbs_manager?.val.length > 0 &&
-                      manager?.path_breadcrumbs_manager?.val?.[0] === i)}
-                >
-                  {#each shared_y_axis.datasets as dataset}
-                    {#if dataset.type === "klines"}
-                      <!-- <Klines /> -->
-                      klines
-                    {:else if dataset.type === "lines"}
-                      <!-- <LinesDataset /> -->
-                      lines
-                    {/if}
-                  {/each}
-                </div>
-              </div>
-              <div
-                role="button"
-                tabindex="0"
-                onpointerenter={() => (is_hovered = true)}
-                onpointerleave={() => (is_hovered = false)}
-                onclick={() =>
-                  manager?.path_breadcrumbs_manager.set_val([
-                    manager?.path_breadcrumbs_manager?.val?.[0],
-                    manager?.path_breadcrumbs_manager?.val?.[1],
-                    i,
-                  ])}
-                onkeypress={() =>
-                  manager?.path_breadcrumbs_manager.set_val([
-                    manager?.path_breadcrumbs_manager?.val?.[0],
-                    manager?.path_breadcrumbs_manager?.val?.[1],
-                    i,
-                  ])}
-                class="part_container"
-                style="grid-area: {1 + i} / 2 / {2 + i} / 3;"
-              >
-                <div
-                  class="part_inner base_tint"
-                  class:hover_tint={is_hovered ||
-                    (manager?.path_breadcrumbs_manager?.val &&
-                      manager?.path_breadcrumbs_manager?.val.length > 0 &&
-                      manager?.path_breadcrumbs_manager?.val?.[0] === i)}
-                ></div>
-              </div>
-            {/each}
-          {/each}
-          <div
-            class="x_axis"
-            style="grid-area: {manager?.chart_prepped.frames.length + 1} / 1 / {manager?.chart_prepped.frames.length +
-              2} / 2; height: {x_axis_height}rem;"
-          ></div>
-        {/if}
-      </div>
-    </div>
-  {/if}
-  {#if manager?.path_breadcrumbs_manager?.val.length >= 1 && manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]}
-    <div class="item">
-      <div class="scene_frame">
-        <div class="frame_container_frame">
-          {#if Array.isArray(manager?.chart_prepped.frames?.[manager?.path_breadcrumbs_manager?.val?.[0]]?.shared_y_axiss)}
-            {#each manager?.chart_prepped.frames?.[manager?.path_breadcrumbs_manager?.val?.[0]]?.shared_y_axiss as shared_y_axis, shared_y_axis_i}
-              <div
-                role="button"
-                tabindex="0"
-                class="cards_container"
-                onpointerenter={() => (hovered_y_axis = shared_y_axis_i)}
-                onpointerleave={() => (hovered_y_axis = -1)}
-                onclick={() =>
-                  manager?.path_breadcrumbs_manager.set_val([
-                    manager?.path_breadcrumbs_manager?.val?.[0],
-                    shared_y_axis_i,
-                  ])}
-                onkeypress={() =>
-                  manager?.path_breadcrumbs_manager.set_val([
-                    manager?.path_breadcrumbs_manager?.val?.[0],
-                    shared_y_axis_i,
-                  ])}
-              >
-                {#each shared_y_axis.datasets as dataset, dataset_i}
-                  <div class="card_base" style="transform: translateZ({calc_z_height(shared_y_axis_i, dataset_i)}rem);">
-                    <div
-                      class="base_tint part_inner"
-                      class:hover_tint={hovered_y_axis === shared_y_axis_i ||
-                        (manager?.path_breadcrumbs_manager?.val &&
-                          manager?.path_breadcrumbs_manager?.val.length > 1 &&
-                          manager?.path_breadcrumbs_manager?.val?.[1] === shared_y_axis_i)}
-                      style="aspect-ratio: {manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val?.[0]]
-                        ?.aspect_ratio}; min-width: calc(100% - {y_axis_width}rem);"
-                    >
-                      {#if dataset.type === "klines"}
-                        klines
-                      {:else if dataset.type === "lines"}
-                        lines
-                      {:else}
-                        other
-                      {/if}
-                    </div>
-                    <div
-                      class="y_axis part_inner"
-                      class:base_tint={dataset_i === 0}
-                      class:hover_tint={dataset_i === 0 &&
-                        (hovered_y_axis === shared_y_axis_i ||
-                          (manager?.path_breadcrumbs_manager?.val &&
-                            manager?.path_breadcrumbs_manager?.val.length > 1 &&
-                            manager?.path_breadcrumbs_manager?.val?.[1] === shared_y_axis_i))}
-                      style="min-width: {y_axis_width}rem; max-width: {y_axis_width}rem;"
-                    ></div>
-                  </div>
-                {/each}
-              </div>
-            {/each}
-          {/if}
-        </div>
-      </div>
-    </div>
-  {/if}
-  {#if manager?.path_breadcrumbs_manager?.val.length >= 2 && manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val?.[0]]}
-    <div class="item">
-      <div class="scene">
-        <div class="frame_container">
-          <div class="cards_container">
-            {#if Array.isArray(manager?.chart_prepped?.frames?.[manager?.path_breadcrumbs_manager?.val?.[0]]?.shared_y_axiss?.[manager?.path_breadcrumbs_manager?.val?.[1]]?.datasets)}
-              {#each manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val?.[0]].shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]].datasets as dataset, i}
-                <div
-                  role="button"
-                  tabindex="0"
-                  class="card_base"
-                  style="transform: translateZ({i * 3}rem) translateY({i * 3}rem);"
-                  onpointerenter={() => set_hovered_dataset_index(i)}
-                  onpointerleave={() => set_hovered_dataset_index(-1)}
-                  onclick={() =>
-                    manager?.path_breadcrumbs_manager.set_val([
-                      manager?.path_breadcrumbs_manager?.val?.[0],
-                      manager?.path_breadcrumbs_manager?.val?.[1],
-                      i,
-                    ])}
-                  onkeypress={() =>
-                    manager?.path_breadcrumbs_manager.set_val([
-                      manager?.path_breadcrumbs_manager?.val?.[0],
-                      manager?.path_breadcrumbs_manager?.val?.[1],
-                      i,
-                    ])}
-                >
-                  <div
-                    class="base_tint part_inner"
-                    class:hover_tint={hovered_dataset_index === i ||
-                      (manager?.path_breadcrumbs_manager?.val.length === 3 &&
-                        i === manager?.path_breadcrumbs_manager?.val?.[2])}
-                    style="aspect-ratio: {manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val?.[0]]
-                      ?.aspect_ratio}; min-width: calc(100% - {y_axis_width}rem);"
-                  >
-                    {#if dataset.type === "klines"}
-                      klines
-                    {:else if dataset.type === "lines"}
-                      lines
-                    {:else}
-                      other
-                    {/if}
-                  </div>
-                  <div
-                    class="y_axis part_inner"
-                    class:base_tint={i === 0}
-                    style="min-width: {y_axis_width}rem; max-width: {y_axis_width}rem;"
-                  ></div>
-                </div>
-              {/each}
-            {/if}
-          </div>
-        </div>
-      </div>
-    </div>
-  {/if}
-</div>
-
-<style>
-  .container {
-    display: flex;
-  }
-  .item {
-    width: 12rem;
-    margin: 1rem;
-  }
-  .scene {
-    min-width: 100%;
-    min-height: 20rem;
-    border: 1px solid #ccc;
-    perspective: 14rem;
-    cursor: pointer;
-  }
-  .frame_container {
-    transform-style: preserve-3d;
-    transform: rotate3d(-1, -0.2, 0, 30deg);
-    transition: transform 1s;
-    /* min-height: 10rem; */
-    display: block;
-  }
-  .cards_container {
-    position: relative;
-    transform-style: preserve-3d;
-    transition: transform 1s;
-  }
-  .card_base {
-    position: absolute;
-    left: 10%;
-    right: 10%;
-    display: flex;
-    flex: 1;
-  }
-  .part_inner {
-    display: flex;
-    flex: 1;
-    margin: 0.1rem;
-    border-radius: 0.1rem;
-  }
-  .base_tint {
-    background: #cccccc50;
-  }
-  .hover_tint {
-    background: #614dff50;
-  }
-  .grid {
-    display: grid;
-    grid-template-columns: auto var(--y_axis_width);
-    grid-template-rows: auto;
-  }
-  .x_axis {
-    margin: 0.1rem;
-    border-radius: 0.1rem;
-    background: #cccccc50;
-  }
-  .part_container {
-    display: flex;
-  }
-  .scene_frame {
-    min-width: 100%;
-    min-height: 20rem;
-    border: 1px solid #ccc;
-    perspective: 140rem;
-  }
-  .frame_container_frame {
-    transform-style: preserve-3d;
-    transform: rotate3d(-1, -0.2, 0, 40deg);
-    transition: transform 1s;
-    /* min-height: 10rem; */
-    display: block;
-  }
-</style>

package/src/lib/Components/ChartInput/EditPanel/index.svelte

@@ -1,155 +0,0 @@
-<script>
-  import Dropdown from "$lib/Components/Dropdown/index.svelte"
-  import TextInput from "$lib/Components/TextInput/index.svelte"
-  import ColorInput from "$lib/Components/ColorInput/index.svelte"
-  import Button from "$lib/Components/Button/index.svelte"
-  import Slider from "$lib/Components/Slider/index.svelte"
-
-  let { manager } = $props()
-</script>
-
-{#if Array.isArray(manager?.path_breadcrumbs_manager?.val)}
-  {#if manager?.path_breadcrumbs_manager?.val.length === 0 && manager?.chart_prepped}
-    <h2>Chart</h2>
-    <p>{manager?.chart_prepped?.id}</p>
-    <Dropdown manager={manager?.chart_prepped?.x_axis_type_dropdown_manager} />
-    <TextInput manager={manager?.chart_prepped?.x_axis_title_text_input_manager} />
-    {#if Array.isArray(manager?.chart_prepped?.frames)}
-      {#each manager?.chart_prepped?.frames as frame, i}
-        <div class="frame_container">
-          <p>frame: {i}</p>
-          <Button manager={frame?.frame_shift_to_back_button_manager} />
-          <Button manager={frame?.frame_remove_button_manager} />
-          <Button manager={frame?.frame_select_path_button_manager} />
-        </div>
-      {/each}
-    {/if}
-    <Button manager={manager?.chart_prepped?.frame_add_button_manager} />
-  {:else if manager?.path_breadcrumbs_manager?.val.length === 1 && manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]}
-    <h2>Frame</h2>
-    <Slider
-      manager={manager?.chart_prepped.frames[manager?.path_breadcrumbs_manager?.val[0]]
-        ?.chart_frame_aspect_ratio_slider_manager}
-    />
-    <h3>Shared Y Axiss</h3>
-    {#if Array.isArray(manager?.chart_prepped?.frames?.[manager?.path_breadcrumbs_manager?.val?.[0]]?.shared_y_axiss)}
-      {#each manager?.chart_prepped.frames[manager?.path_breadcrumbs_manager?.val[0]].shared_y_axiss as shared_y_axis, i}
-        <div class="sub_parts_container">
-          <p>shared_y_axis: {i}</p>
-          <Button manager={shared_y_axis?.shift_to_back_button_manager} />
-          <Button manager={shared_y_axis?.remove_button_manager} />
-          <Button manager={shared_y_axis?.select_path_button_manager} />
-        </div>
-      {/each}
-    {/if}
-    <Button
-      manager={manager?.chart_prepped.frames[manager?.path_breadcrumbs_manager?.val[0]]
-        ?.add_shared_y_axis_button_manager}
-    />
-  {:else if manager?.path_breadcrumbs_manager?.val.length === 2 && manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]}
-    <h2>Shared Y Axis</h2>
-    <Slider
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.top_padding_pd_slider_manager}
-    />
-    <Slider
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.bottom_padding_pd_slider_manager}
-    />
-    <Dropdown
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.y_axis_type_dropdown_manager}
-    />
-    <TextInput
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.y_axis_title_text_input_manager}
-    />
-    <Button
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.add_dataset_button_manager}
-    />
-    {#if Array.isArray(manager?.chart_prepped?.frames?.[manager?.path_breadcrumbs_manager?.val?.[0]]?.shared_y_axiss?.[manager?.path_breadcrumbs_manager?.val[1]].datasets)}
-      {#each manager?.chart_prepped?.frames?.[manager?.path_breadcrumbs_manager?.val?.[0]]?.shared_y_axiss?.[manager?.path_breadcrumbs_manager?.val[1]].datasets as dataset, i}
-        <div class="sub_parts_container">
-          <p>Dataset {i}</p>
-          <Button manager={dataset?.shift_to_back_button_manager} />
-          <Button manager={dataset?.remove_button_manager} />
-          <Button manager={dataset?.select_path_button_manager} />
-        </div>
-      {/each}
-    {/if}
-  {:else if manager?.path_breadcrumbs_manager?.val.length === 3 && manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]}
-    <h2>Dataset</h2>
-    <TextInput
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.name_text_input_manager}
-    />
-    <Dropdown
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.dataset_type_dropdown_manager}
-    />
-    <Dropdown
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.dataset_id_dropdown_manager}
-    />
-    <p class="label">Dataset Colors</p>
-    {#if Array.isArray(manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.colors) && manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.colors.length > 0}
-      {#each manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.colors_input as color_input}
-        <div style="display: flex; gap: 1rem;">
-          <Button manager={color_input?.remove_button_manager} />
-          <ColorInput manager={color_input?.color_input_manager} />
-        </div>
-      {/each}
-    {:else}
-      <p>No Colors</p>
-    {/if}
-    <Button
-      manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-        manager?.path_breadcrumbs_manager?.val[1]
-      ]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.add_dataset_color_button_manager}
-    />
-    {#if Array.isArray(manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.keys_input) && manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.keys_input.length > 0 && manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.dataset_id}
-      {#if manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]].type == "klines"}
-        <Dropdown
-          manager={manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[
-            manager?.path_breadcrumbs_manager?.val[1]
-          ]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.dataset_period_dropdown_manager}
-        />
-      {/if}
-      {#each manager?.chart_prepped?.frames[manager?.path_breadcrumbs_manager?.val[0]]?.shared_y_axiss[manager?.path_breadcrumbs_manager?.val[1]]?.datasets[manager?.path_breadcrumbs_manager?.val[2]]?.keys_input as key_input}
-        <Dropdown manager={key_input?.key_dropdown_manager} />
-      {/each}
-    {/if}
-  {/if}
-{/if}
-
-<style>
-  .frame_container {
-    display: flex;
-    flex-direction: column;
-    text-align: left;
-    margin: 0.2rem;
-    border: 1px solid var(--contrast-2);
-    box-sizing: border-box;
-    border-radius: 0.5rem;
-    padding: 0.5rem;
-  }
-  .sub_parts_container {
-    display: flex;
-    flex-direction: column;
-    text-align: left;
-    margin: 0.2rem;
-    border: 1px solid var(--contrast-2);
-    box-sizing: border-box;
-    border-radius: 0.5rem;
-    padding: 0.5rem;
-  }
-</style>

package/src/lib/Components/ChartInput/index.svelte

@@ -1,21 +0,0 @@
-<script>
-  import Button from "$lib/Components/Button/index.svelte"
-  import Popover from "$lib/Components/Popover/index.svelte"
-  import Breadcrumbs from "$lib/Components/Breadcrumbs/index.svelte"
-  import DisplayNav from "./DisplayNav/index.svelte"
-  import EditPanel from "./EditPanel/index.svelte"
-
-  let { manager } = $props()
-</script>
-
-<Button manager={manager?.chart_builder_popover_button_manager} />
-<Popover manager={manager?.chart_builder_popover_manager}>
-  {#snippet content()}
-    <Breadcrumbs manager={manager?.path_breadcrumbs_manager} />
-    <DisplayNav {manager} />
-    <EditPanel {manager} />
-  {/snippet}
-  {#snippet footer()}
-    <Button manager={manager?.finish_button_manager} />
-  {/snippet}
-</Popover>