sveltekit-ui 1.0.14 → 1.0.15

package/dist/Components/VariablePathInput/index.svelte.js

@@ -2,7 +2,7 @@ import { create_popover_manager } from "../Popover/index.svelte.js"
 import { create_button_manager } from "../Button/index.svelte.js"
 import { create_text_input_manager } from "../TextInput/index.svelte.js"
 import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
-import { set_closurable, get_data_type_at_path } from "../../client/index.js"
+import { deep_copy } from "../../client/index.js"
 
 export function create_variable_path_input_manager(config) {
   let popover_manager = $state(null)
@@ -13,12 +13,14 @@ export function create_variable_path_input_manager(config) {
   let def_dropdown_manager = $state(null)
   let levels_nested = $state(null)
   let path_prepped = $state(null)
-  let val = $derived(
-    def_dropdown_manager?.val
+  let val = $derived(get_val())
+  let val_text = $derived(val_to_text(val))
+
+  function get_val() {
+    return def_dropdown_manager?.val
       ? [def_dropdown_manager?.val, ...(Array.isArray(path_prepped) ? path_prepped.map((h) => h?.val) : [])]
       : []
-  )
-  let val_text = $derived(val_to_text(val))
+  }
 
   function prep_path(input) {
     console.log("prep_path", input)
@@ -49,6 +51,7 @@ export function create_variable_path_input_manager(config) {
           is_uniform: true,
           support_icon: "x",
           on_click: () => {
+            let val = get_val()
             prep_path(Array.isArray(val) ? val.filter((_, idx) => idx !== i) : null)
           },
         })
@@ -56,12 +59,14 @@ export function create_variable_path_input_manager(config) {
           type: "outlined",
           is_uniform: true,
           support_icon: "plus",
-          on_click: () =>
+          on_click: () => {
+            let val = get_val()
             prep_path([
               ...(Array.isArray(val) ? val.slice(0, i) : []),
               null,
               ...(Array.isArray(val) ? val.slice(i) : []),
-            ]),
+            ])
+          },
         })
         let const_string_value_text_input_manager = create_text_input_manager({
           label: "Property",
@@ -201,10 +206,8 @@ export function create_variable_path_input_manager(config) {
       is_button_compressed: true,
       val: input?.val?.[0],
       on_dropdown_opened: () => {
-        console.log("open_def", typeof config?.get_defined_options)
         if (typeof config?.get_defined_options == "function") {
           defined_options = config?.get_defined_options()
-          console.log("get_defined_options", defined_options)
           def_dropdown_manager.set_options(defined_options)
         }
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",

package/src/lib/Components/VariablePathInput/index.svelte.js

@@ -2,7 +2,7 @@ import { create_popover_manager } from "$lib/Components/Popover/index.svelte.js"
 import { create_button_manager } from "$lib/Components/Button/index.svelte.js"
 import { create_text_input_manager } from "$lib/Components/TextInput/index.svelte.js"
 import { create_dropdown_manager } from "$lib/Components/Dropdown/index.svelte.js"
-import { set_closurable, get_data_type_at_path } from "$lib/client/index.js"
+import { deep_copy } from "$lib/client/index.js"
 
 export function create_variable_path_input_manager(config) {
   let popover_manager = $state(null)
@@ -13,12 +13,14 @@ export function create_variable_path_input_manager(config) {
   let def_dropdown_manager = $state(null)
   let levels_nested = $state(null)
   let path_prepped = $state(null)
-  let val = $derived(
-    def_dropdown_manager?.val
+  let val = $derived(get_val())
+  let val_text = $derived(val_to_text(val))
+
+  function get_val() {
+    return def_dropdown_manager?.val
       ? [def_dropdown_manager?.val, ...(Array.isArray(path_prepped) ? path_prepped.map((h) => h?.val) : [])]
       : []
-  )
-  let val_text = $derived(val_to_text(val))
+  }
 
   function prep_path(input) {
     console.log("prep_path", input)
@@ -49,6 +51,7 @@ export function create_variable_path_input_manager(config) {
           is_uniform: true,
           support_icon: "x",
           on_click: () => {
+            let val = get_val()
             prep_path(Array.isArray(val) ? val.filter((_, idx) => idx !== i) : null)
           },
         })
@@ -56,12 +59,14 @@ export function create_variable_path_input_manager(config) {
           type: "outlined",
           is_uniform: true,
           support_icon: "plus",
-          on_click: () =>
+          on_click: () => {
+            let val = get_val()
             prep_path([
               ...(Array.isArray(val) ? val.slice(0, i) : []),
               null,
               ...(Array.isArray(val) ? val.slice(i) : []),
-            ]),
+            ])
+          },
         })
         let const_string_value_text_input_manager = create_text_input_manager({
           label: "Property",
@@ -201,10 +206,8 @@ export function create_variable_path_input_manager(config) {
       is_button_compressed: true,
       val: input?.val?.[0],
       on_dropdown_opened: () => {
-        console.log("open_def", typeof config?.get_defined_options)
         if (typeof config?.get_defined_options == "function") {
           defined_options = config?.get_defined_options()
-          console.log("get_defined_options", defined_options)
           def_dropdown_manager.set_options(defined_options)
         }
       },