sveltekit-ui 1.0.11 → 1.0.13

package/dist/Components/Content/index.svelte

@@ -31,7 +31,7 @@
   import Self from "./index.svelte"
   import { format_date, set_closurable_color, set_closurable, cron_to_english } from "../../client/index.js"
 
-  let { manager, overall_manager } = $props()
+  let { manager } = $props()
 
   function handle_anchor_click(event) {
     event.preventDefault()
@@ -48,7 +48,7 @@
 {#snippet children()}
   {#if manager?.val_prepped?.is_children && Array.isArray(manager?.val_prepped?.children)}
     {#each manager?.val_prepped?.children as child}
-      <Self manager={child} {overall_manager} />
+      <Self manager={child} />
     {/each}
   {/if}
 {/snippet}
@@ -59,13 +59,13 @@
   {#if Array.isArray(manager?.val_prepped?.children) && manager?.val_prepped?.children.some( (h) => set_closurable(h?.val_prepped?.attributes?.is_show) )}
     {#if Array.isArray(manager?.val_prepped?.children.find( (h) => set_closurable(h?.val_prepped?.attributes?.is_show) )?.val_prepped?.children)}
       {#each manager?.val_prepped?.children.find( (h) => set_closurable(h?.val_prepped?.attributes?.is_show) )?.val_prepped?.children as child (child?.selector_id)}
-        <Self manager={child} {overall_manager} />
+        <Self manager={child} />
       {/each}
     {/if}
   {:else if Array.isArray(manager?.val_prepped?.children) && manager?.val_prepped?.children.some((h) => h?.val_prepped?.type_id == "show_conditions_item_else")}
     {#if Array.isArray(manager?.val_prepped?.children.find((h) => h?.val_prepped?.type_id == "show_conditions_item_else")?.val_prepped?.children)}
       {#each manager?.val_prepped?.children.find((h) => h?.val_prepped?.type_id == "show_conditions_item_else")?.val_prepped?.children as child (child?.selector_id)}
-        <Self manager={child} {overall_manager} />
+        <Self manager={child} />
       {/each}
     {/if}
   {/if}
@@ -76,7 +76,7 @@
     {#each manager?.val_prepped?.children as child_loops, i}
       {#if Array.isArray(child_loops) && child_loops.length > 0}
         {#each child_loops as child, i (child?.val_prepped?.selector_id)}
-          <Self manager={child} {overall_manager} />
+          <Self manager={child} />
         {/each}
       {/if}
       {#if i < manager?.val_prepped?.children.length - 1 && manager?.val_prepped?.attributes?.join_text}{manager
@@ -93,7 +93,7 @@
         <Button manager={child_loops?.remove_item_button_manager} />
         {#if Array.isArray(child_loops?.children)}
           {#each child_loops?.children as child (child?.selector_id)}
-            <Self manager={child} {overall_manager} />
+            <Self manager={child} />
           {/each}
         {/if}
       </div>
@@ -128,7 +128,7 @@
               <td>
                 {#if Array.isArray(child_loops?.children)}
                   {#each child_loops?.children as child (child?.selector_id)}
-                    <Self manager={child} {overall_manager} />
+                    <Self manager={child} />
                   {/each}
                 {/if}
               </td>
@@ -439,11 +439,11 @@
       : ''} {manager?.val_prepped?.attributes?.font_size
       ? `font-size: ${manager?.val_prepped?.attributes?.font_size}rem`
       : ''}"
-    onclick={() => overall_manager?.open_edit_element_attributes_popover(manager?.val_prepped?.selector_id)}
-    onkeydown={() => overall_manager?.open_edit_element_attributes_popover(manager?.val_prepped?.selector_id)}
-    onpointerenter={() => overall_manager?.set_focused_selector_id(manager?.val_prepped?.selector_id)}
-    onpointercancel={() => overall_manager?.set_focused_selector_id(null)}
-    onpointerleave={() => overall_manager?.set_focused_selector_id(null)}
+    onclick={() => manager?.open_edit_element_attributes_popover(manager?.val_prepped?.selector_id)}
+    onkeydown={() => manager?.open_edit_element_attributes_popover(manager?.val_prepped?.selector_id)}
+    onpointerenter={() => manager?.set_focused_selector_id(manager?.val_prepped?.selector_id)}
+    onpointercancel={() => manager?.set_focused_selector_id(null)}
+    onpointerleave={() => manager?.set_focused_selector_id(null)}
   >
     {set_closurable(manager?.val_prepped?.attributes?.content)}
   </span>

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

@@ -26,61 +26,31 @@ import { create_qr_manager } from "../Qr/index.svelte.js"
 import { create_file_input_manager } from "../FileInput/index.svelte.js"
 import { create_cron_input_manager } from "../CronInput/index.svelte.js"
 import { create_button_manager } from "../Button/index.svelte.js"
-import { node_types, deep_copy, set_closurable, create_unique_id, copy_to_clipboard } from "../../client/index.js"
+import {
+  node_types,
+  deep_copy,
+  set_closurable,
+  create_unique_id,
+  copy_to_clipboard,
+  get_def_from_variable_path,
+  is_defined,
+} from "../../client/index.js"
 
 export function create_content_manager(config) {
   const id = create_unique_id(null, 20)
+  let definition_stack = $state([])
   let is_dark_theme = $derived(set_closurable(config?.is_dark_theme, false))
   let storage_path = $derived(set_closurable(config?.storage_path, "/api/v1/storage/{storage_id}"))
-  let variables = $derived(set_closurable(config?.variables, null))
-  let loops = $derived(set_closurable(config?.loops, null))
   let mapkit_js_token = $derived(set_closurable(config?.mapkit_js_token, null))
   let val_prepped = $state(null)
 
-  function get_variable_from_path(path) {
-    if (Array.isArray(path)) {
-      let combined_variables_loc = {
-        variables: variables,
-        loops: loops,
-      }
-      for (let path_item of path) {
-        if (Array.isArray(path_item)) {
-          let sub_val_from_path = get_variable_from_path(path_item)
-          combined_variables_loc = combined_variables_loc?.[sub_val_from_path]
-        } else {
-          combined_variables_loc = combined_variables_loc?.[path_item]
-        }
-      }
-      return combined_variables_loc
-    }
-    return null
-  }
-
-  function clean_variable_path(path) {
-    // eg. ['variables','dddd',['loops',0]] to ['variables','dddd',3]
-    if (Array.isArray(path)) {
-      let cleaned_path = []
-      for (let path_item of path) {
-        if (Array.isArray(path_item)) {
-          let sub_val_from_path = get_variable_from_path(path_item)
-          cleaned_path.push(sub_val_from_path)
-        } else {
-          cleaned_path.push(path_item)
-        }
-      }
-      return cleaned_path
-    }
-    return null
-  }
-
   function clean_attributes_from_variable_path(attributes) {
     let cleaned_attributes = attributes
     if (Object.keys(attributes || {}).length) {
       for (let [att_key, att_val] of Object.entries(attributes)) {
         if (att_key.endsWith("_from_variable_path") && att_val != null) {
-          const clean_path = clean_variable_path(att_val)
           const att_key_to_set = att_key.split("_from_variable_path")?.[0]
-          cleaned_attributes[att_key_to_set] = () => get_variable_from_path(clean_path)
+          cleaned_attributes[att_key_to_set] = get_def_from_variable_path(att_val, definition_stack)
         }
       }
     }
@@ -119,12 +89,32 @@ export function create_content_manager(config) {
     }
   }
 
+  function clean_variable_path(input) {
+    let cleaned_path = []
+    if (Array.isArray(input) && input.length > 0) {
+      let is_def = is_defined(input?.[0], definition_stack)
+      if (!is_def) {
+        return []
+      }
+      for (let item of input) {
+        if (Array.isArray(item)) {
+          const res = get_def_from_variable_path(item)
+          cleaned_path.push(res)
+        } else {
+          cleaned_path.push(item)
+        }
+      }
+    }
+    return cleaned_path
+  }
+
   async function set_variable_at_path(path, value, type) {
     console.log("set_variable_at_path88", path, value, type)
     if (!Array.isArray(path)) {
       return
     }
     let cleaned_path = clean_variable_path(path)
+    console.log("path77", { cleaned_path, path })
     if (typeof config?.on_event == "function") {
       if (type == "insert") {
         return config?.on_event({
@@ -171,11 +161,13 @@ export function create_content_manager(config) {
             mapkit_js_token: mapkit_js_token,
             table_options: config?.table_options,
             on_search_table_row_ids: config?.on_search_table_row_ids,
+            definition_stack: definition_stack,
             storage_path: () => storage_path,
             is_dark_theme: () => is_dark_theme,
-            variables: () => variables,
-            loops: () => loops,
             on_event: config?.on_event,
+            focused_selector_id: config?.focused_selector_id,
+            set_focused_selector_id: config?.set_focused_selector_id,
+            open_edit_element_attributes_popover: config?.open_edit_element_attributes_popover,
           })
         )
       }
@@ -370,6 +362,7 @@ export function create_content_manager(config) {
         children: [],
       }
     } else if (val_loc?.type_id == "color_input") {
+      console.log("color_input555", val_loc?.attributes)
       return {
         type_id: val_loc?.type_id,
         selector_id: val_loc?.selector_id,
@@ -516,9 +509,8 @@ export function create_content_manager(config) {
         attributes: val_loc?.attributes,
         manager: create_table_advanced_manager({
           ...val_loc?.attributes,
-          variables: () => variables,
-          loops: () => loops,
-          on_event: config?.on_event, // or maybe intercept and call with adjusted params tbd
+          definition_stack: definition_stack,
+          on_event: config?.on_event,
           // on_event: (input) => {
           //   if (input?.type == "update_row") {
           //     if (typeof input?.row_i == "number" && Array.isArray(val_loc?.attributes?.rows_data_from_variable_path)) {
@@ -593,11 +585,13 @@ export function create_content_manager(config) {
               mapkit_js_token: mapkit_js_token,
               table_options: config?.table_options,
               on_search_table_row_ids: config?.on_search_table_row_ids,
+              definition_stack: definition_stack,
               storage_path: () => storage_path,
               is_dark_theme: () => is_dark_theme,
-              variables: () => variables,
-              loops: () => loops,
               on_event: config?.on_event,
+              focused_selector_id: config?.focused_selector_id,
+              set_focused_selector_id: config?.set_focused_selector_id,
+              open_edit_element_attributes_popover: config?.open_edit_element_attributes_popover,
             })
           )
         }
@@ -611,10 +605,11 @@ export function create_content_manager(config) {
       }
     } else if (val_loc?.type_id == "loop") {
       let prepped_children = []
+      let is_children = false
       const static_val = set_closurable(val_loc?.attributes?.val)
       if (Array.isArray(static_val)) {
         for (let i = 0; i < static_val.length; i++) {
-          let is_children = false
+          console.log("loop_test", val_loc?.attributes)
           let children = []
           if (Array.isArray(val_loc?.children) && val_loc?.children.length > 0) {
             is_children = true
@@ -624,11 +619,13 @@ export function create_content_manager(config) {
                 mapkit_js_token: mapkit_js_token,
                 table_options: config?.table_options,
                 on_search_table_row_ids: config?.on_search_table_row_ids,
+                definition_stack: [{ [val_loc?.attributes?.iter_identifier]: i }, ...definition_stack],
                 storage_path: () => storage_path,
                 is_dark_theme: () => is_dark_theme,
-                variables: () => variables,
-                loops: () => [i, ...(Array.isArray(loops) ? loops : [])],
                 on_event: config?.on_event,
+                focused_selector_id: config?.focused_selector_id,
+                set_focused_selector_id: config?.set_focused_selector_id,
+                open_edit_element_attributes_popover: config?.open_edit_element_attributes_popover,
               })
               children.push(child_content_manager)
             }
@@ -640,7 +637,7 @@ export function create_content_manager(config) {
         type_id: val_loc?.type_id,
         selector_id: val_loc?.selector_id,
         attributes: val_loc?.attributes,
-        is_children: true,
+        is_children: is_children,
         children: prepped_children,
       }
     } else if (val_loc?.type_id == "array_uniform_input") {
@@ -659,11 +656,13 @@ export function create_content_manager(config) {
                   mapkit_js_token: mapkit_js_token,
                   table_options: config?.table_options,
                   on_search_table_row_ids: config?.on_search_table_row_ids,
+                  definition_stack: [{ [val_loc?.attributes?.iter_identifier]: i }, ...definition_stack],
                   storage_path: () => storage_path,
                   is_dark_theme: () => is_dark_theme,
-                  variables: () => variables,
-                  loops: () => [i, ...(Array.isArray(loops) ? loops : [])],
                   on_event: config?.on_event,
+                  focused_selector_id: config?.focused_selector_id,
+                  set_focused_selector_id: config?.set_focused_selector_id,
+                  open_edit_element_attributes_popover: config?.open_edit_element_attributes_popover,
                 })
               )
             }
@@ -721,11 +720,13 @@ export function create_content_manager(config) {
                   mapkit_js_token: mapkit_js_token,
                   table_options: config?.table_options,
                   on_search_table_row_ids: config?.on_search_table_row_ids,
+                  definition_stack: [{ [val_loc?.attributes?.iter_identifier]: key }, ...definition_stack],
                   storage_path: () => storage_path,
                   is_dark_theme: () => is_dark_theme,
-                  variables: () => variables,
-                  loops: () => [key, ...(Array.isArray(loops) ? loops : [])],
                   on_event: config?.on_event,
+                  focused_selector_id: config?.focused_selector_id,
+                  set_focused_selector_id: config?.set_focused_selector_id,
+                  open_edit_element_attributes_popover: config?.open_edit_element_attributes_popover,
                 })
               )
             }
@@ -882,7 +883,19 @@ export function create_content_manager(config) {
     }
   }
 
+  function open_edit_element_attributes_popover(input) {
+    if (typeof config?.open_edit_element_attributes_popover == "function") {
+      config?.open_edit_element_attributes_popover(input)
+    }
+  }
+  function set_focused_selector_id(input) {
+    if (typeof config?.set_focused_selector_id == "function") {
+      config?.set_focused_selector_id(input)
+    }
+  }
+
   function init(config) {
+    definition_stack = config?.definition_stack ?? []
     val_prepped = prepare_component_and_children(config?.val)
   }
 
@@ -892,12 +905,11 @@ export function create_content_manager(config) {
     get val_prepped() {
       return val_prepped
     },
-    get variables() {
-      return variables
-    },
-    get loops() {
-      return loops
+    get focused_selector_id() {
+      return config?.focused_selector_id
     },
     pass_event_down,
+    set_focused_selector_id,
+    open_edit_element_attributes_popover,
   }
 }

package/dist/Components/ContentInput/AttributesInput/CustomConfig/Dropdown/index.svelte.js

@@ -2,7 +2,6 @@ import { create_button_manager } from "../../../../Button/index.svelte.js"
 import { create_checkbox_manager } from "../../../../Checkbox/index.svelte.js"
 import { create_slider_manager } from "../../../../Slider/index.svelte.js"
 import { create_text_input_manager } from "../../../../TextInput/index.svelte.js"
-import { create_variable_path_input_manager } from "../../../../VariablePathInput/index.svelte.js"
 import { create_defined_type_input_manager } from "../../DefinedTypeInput/index.svelte.js"
 import { deep_copy, set_closurable } from "../../../../../client/index.js"
 
@@ -18,9 +17,6 @@ export function create_dropdown_config_manager(config) {
   let target_height_slider_manager = $state(null)
   let val_text_input_manager = $state(null)
   let val_defined_type_input_manager = $state(null)
-
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, false))
-
   let options = $state([])
   let options_prepped = $state([])
   let key_to_add_text_input_manager = $state(null)
@@ -55,7 +51,7 @@ export function create_dropdown_config_manager(config) {
       val: config?.val?.val ?? null,
     })
     val_defined_type_input_manager = create_defined_type_input_manager({
-      variables_data_type: () => variables_data_type,
+      get_defined_options: config?.get_defined_options,
       label: "Val",
       attribute_root_key: "val",
       attribute_const_val: () => val_text_input_manager?.val,

package/dist/Components/ContentInput/AttributesInput/CustomConfig/Number/index.svelte.js

@@ -28,7 +28,6 @@ export function create_number_config_manager(config) {
   let round_text_input_manager = $state(null)
   let progress_bar_start_text_input_manager = $state(null)
   let progress_bar_end_text_input_manager = $state(null)
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, null))
 
   const number_base = {
     val_from_variable_path: null,
@@ -115,9 +114,9 @@ export function create_number_config_manager(config) {
       val: val_loc?.val,
     })
     val_defined_type_input_manager = create_defined_type_input_manager({
-      variables_data_type: () => variables_data_type,
       label: "Val",
       attribute_root_key: "val",
+      get_defined_options: config?.get_defined_options,
       attribute_const_val: () => val_text_input_manager?.val,
       attributes: config?.val,
     })

package/dist/Components/ContentInput/AttributesInput/CustomConfig/Qr/index.svelte.js

@@ -24,8 +24,6 @@ export function create_qr_config_manager(config) {
   let is_show_copy_checkbox_manager = $state(null)
   let is_show_download_checkbox_manager = $state(null)
 
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, null))
-
   let val = $derived({
     margin: margin_slider_manager?.val,
     size: size_slider_manager?.val,
@@ -130,10 +128,10 @@ export function create_qr_config_manager(config) {
       val: config?.val?.data ?? "https://www.sveltekit-ui.com",
     })
     data_defined_type_input_manager = create_defined_type_input_manager({
-      variables_data_type: () => variables_data_type,
       label: "Data",
       attribute_root_key: "data",
       attribute_const_val: () => data_text_input_manager?.val,
+      get_defined_options: config?.get_defined_options,
       attributes: config?.val,
     })
     image_text_input_manager = create_text_input_manager({

package/dist/Components/ContentInput/AttributesInput/CustomConfig/Slider/index.svelte.js

@@ -13,8 +13,6 @@ export function create_slider_config_manager(config) {
   let val_count_slider_manager = $state(1)
   let val_defined_type_input_manager = $state(null)
 
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, null))
-
   let val = $derived({
     ...val_defined_type_input_manager?.val,
     min: min_text_input_manager?.val,
@@ -81,11 +79,11 @@ export function create_slider_config_manager(config) {
       color: () => color_input_manager?.val,
     })
     val_defined_type_input_manager = create_defined_type_input_manager({
-      variables_data_type: () => variables_data_type,
       label: "Val",
       attribute_root_key: "val",
-      attribute_const_val: () => val_slider_manager?.val,
       attributes: config?.val,
+      get_defined_options: config?.get_defined_options,
+      attribute_const_val: () => val_slider_manager?.val,
     })
   }
   init(config)

package/dist/Components/ContentInput/AttributesInput/CustomConfig/TableAdvanced/index.svelte.js

@@ -17,10 +17,9 @@ import {
 } from "../../../../../client/index.js"
 
 export function create_table_advanced_config_manager(config) {
-  let variables = $derived(set_closurable(config?.variables, null))
-  let loops = $derived(set_closurable(config?.loops, null))
-
   let variables_data_type = $state(null)
+  let definition_stack = $state(null)
+  let defined_data_type = $state(null)
   let data_type_input_manager = $state(null)
   let data_type_input_edit_button_manager = $state(null)
   let rows_data_from_variable_path_input_manager = $state(null)
@@ -153,7 +152,7 @@ export function create_table_advanced_config_manager(config) {
             ...(Array.isArray(rows_data_from_variable_path_input_manager?.val)
               ? rows_data_from_variable_path_input_manager?.val
               : []),
-            ["loops", 0],
+            ["defs", "row_i"],
             ...(key ? [key] : []),
           ]
         )
@@ -170,7 +169,7 @@ export function create_table_advanced_config_manager(config) {
         ...(Array.isArray(rows_data_from_variable_path_input_manager?.val)
           ? rows_data_from_variable_path_input_manager?.val
           : []),
-        ["loops", 0],
+        ["defs", "row_i"],
       ])
       children.push(guessed_column_input_content)
     }
@@ -180,11 +179,10 @@ export function create_table_advanced_config_manager(config) {
 
   function guess_columns() {
     let row_data_type = deep_copy({
-      type: "object_literal",
-      properties: {
-        variables: variables_data_type,
-        loops: { type: "loop" },
-      },
+      // type: "object_literal",
+      // properties: {
+      //   variables: variables_data_type,
+      // },
     })
     if (Array.isArray(rows_data_from_variable_path_input_manager?.val)) {
       for (let path_item of rows_data_from_variable_path_input_manager?.val) {
@@ -195,6 +193,7 @@ export function create_table_advanced_config_manager(config) {
         }
       }
     }
+
     row_data_type = row_data_type?.items
     let cleaned_columns = {}
     if (row_data_type?.type == "object_literal") {
@@ -216,7 +215,7 @@ export function create_table_advanced_config_manager(config) {
       ...(Array.isArray(rows_data_from_variable_path_input_manager?.val)
         ? rows_data_from_variable_path_input_manager?.val
         : []),
-      ["loops", 0],
+      ["defs", "row_i"],
       ...(key ? [key] : []),
     ])
     const derived_column_name = key
@@ -250,7 +249,6 @@ export function create_table_advanced_config_manager(config) {
     let columns_prepped_loc = {}
     if (Object.keys(columns || {}).length) {
       for (let column_id of Object.keys(columns || {})) {
-        console.log("variables_data_type88888", variables_data_type)
         let column_input_manager = $state(
           create_column_input_manager({
             is_column_update: false,
@@ -277,9 +275,9 @@ export function create_table_advanced_config_manager(config) {
               foreign_table_id: columns?.[column_id]?.foreign_table_id ?? null,
               is_cascade: columns?.[column_id]?.is_cascade ?? false,
             },
-            variables_data_type: () => variables_data_type,
+            defined_data_type: config?.defined_data_type,
             variables: () => variables,
-            loops: () => loops,
+            defs: () => defs,
             columns: () => columns,
             row_data_type: () => row_data_type,
             on_delete: () => {
@@ -331,9 +329,9 @@ export function create_table_advanced_config_manager(config) {
   }
 
   function guess_all() {
-    if (!variables_data_type) {
+    if (!defined_data_type) {
       data_type_input_manager.guess_from_variables()
-      variables_data_type = data_type_input_manager?.val
+      defined_data_type = data_type_input_manager?.val
     }
     guess_rows_data_from_variable_path()
     guess_columns()
@@ -342,7 +340,7 @@ export function create_table_advanced_config_manager(config) {
   }
 
   function init(config) {
-    variables_data_type = set_closurable(config?.variables_data_type, null)
+    defined_data_type = config?.defined_data_type
     guess_all_button_manager = create_button_manager({
       type: "outlined",
       text: "Guess All",
@@ -351,7 +349,7 @@ export function create_table_advanced_config_manager(config) {
     })
     rows_data_from_variable_path_input_manager = create_variable_path_input_manager({
       is_popover: false,
-      variables_data_type: () => variables_data_type,
+      get_defined_options: config?.get_defined_options,
       val: config?.val?.rows_data_from_variable_path ?? null,
     })
     rows_per_page_dropdown_manager = create_dropdown_manager({
@@ -411,9 +409,8 @@ export function create_table_advanced_config_manager(config) {
       val: config?.val?.row_input_content ?? null,
       storage: null,
       storage_default_folder_path: null,
-      variables_data_type: () => variables_data_type,
-      variables: () => variables,
-      loops: () => [0, ...(Array.isArray(loops) ? loops : [])],
+      defined_data_type: defined_data_type,
+      definition_stack: () => definition_stack,
     })
     guess_row_input_button_manager = create_button_manager({
       text: "Guess Row Input Content",
@@ -428,19 +425,18 @@ export function create_table_advanced_config_manager(config) {
       val: config?.val?.row_searchable_content_input ?? null,
       storage: null,
       storage_default_folder_path: null,
-      variables_data_type: () => variables_data_type,
-      variables: () => variables,
-      loops: () => [0, ...(Array.isArray(loops) ? loops : [])],
+      defined_data_type: defined_data_type,
+      definition_stack: definition_stack,
     })
     data_type_input_manager = create_data_type_input_manager({
-      data_sample: () => variables,
-      val: variables_data_type,
-      on_finish: (input) => {
-        variables_data_type = input
-        if (!rows_data_from_variable_path_input_manager?.val) {
-          guess_rows_data_from_variable_path()
-        }
-      },
+      // data_sample: () => variables,
+      // val: variables_data_type,
+      // on_finish: (input) => {
+      //   variables_data_type = input
+      //   if (!rows_data_from_variable_path_input_manager?.val) {
+      //     guess_rows_data_from_variable_path()
+      //   }
+      // },
     })
     data_type_input_edit_button_manager = create_button_manager({
       type: "plain",

package/dist/Components/ContentInput/AttributesInput/CustomConfig/TextInput/index.svelte.js

@@ -23,8 +23,6 @@ export function create_text_input_config_manager(config) {
   let rows_slider_manager = $state(null)
   let max_height_slider_manager = $state(null)
 
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, null))
-
   let val = $derived({
     ...val_defined_type_input_manager?.val,
     type: type_dropdown_manager?.val,
@@ -159,7 +157,7 @@ export function create_text_input_config_manager(config) {
       max_height: max_height_slider_manager?.val,
     })
     val_defined_type_input_manager = create_defined_type_input_manager({
-      variables_data_type: () => variables_data_type,
+      get_defined_options: config?.get_defined_options,
       label: "Val",
       attribute_root_key: "val",
       attribute_const_val: () => val_text_input_manager?.val,

package/dist/Components/ContentInput/AttributesInput/CustomConfig/TimeInput/index.svelte.js

@@ -12,8 +12,6 @@ export function create_time_input_config_manager(config) {
   let granularity_dropdown_manager = $state(null)
   let format_dropdown_manager = $state(null)
 
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, null))
-
   let val = $derived({
     ...val_defined_type_input_manager?.val,
     format: format_dropdown_manager?.val,
@@ -55,7 +53,7 @@ export function create_time_input_config_manager(config) {
       granularity: granularity_dropdown_manager?.val,
     })
     val_defined_type_input_manager = create_defined_type_input_manager({
-      variables_data_type: () => variables_data_type,
+      get_defined_options: config?.get_defined_options,
       label: "Val",
       attribute_root_key: "val",
       attribute_const_val: () => val_time_input_manager?.val,

package/dist/Components/ContentInput/AttributesInput/DefinedTypeInput/index.svelte.js

@@ -1,17 +1,14 @@
-import { create_popover_manager } from "../../../Popover/index.svelte.js"
 import { create_button_manager } from "../../../Button/index.svelte.js"
 import { create_dropdown_manager } from "../../../Dropdown/index.svelte.js"
 import { create_variable_path_input_manager } from "../../../VariablePathInput/index.svelte.js"
-import { create_unique_id, deep_copy, set_closurable } from "../../../../client/index.js"
+import { set_closurable } from "../../../../client/index.js"
 
 export function create_defined_type_input_manager(config) {
   let item_defined_by_button_input_manager = $state(null)
   let item_defined_by_dropdown_manager = $state(null)
   let item_variable_path_input_manager = $state(null)
-  // let item_function_input_manager = $state(null)
 
   let label = $derived(set_closurable(config?.label, null))
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, null))
   let attribute_root_key = $derived(set_closurable(config?.attribute_root_key, null))
   let attribute_const_val = $derived(set_closurable(config?.attribute_const_val, null))
 
@@ -61,13 +58,9 @@ export function create_defined_type_input_manager(config) {
     item_variable_path_input_manager = create_variable_path_input_manager({
       is_popover: false,
       val: config?.attributes?.[`${config?.attribute_root_key}_from_variable_path`],
-      variables_data_type: () => variables_data_type,
+      get_defined_options: config?.get_defined_options,
+      on_finish: () => item_variable_path_input_manager.close_popover(),
     })
-    // item_function_input_manager = create_variable_path_input_manager({
-    //   is_popover: false,
-    //   val: config?.attributes?.[`${config?.attribute_root_key}_from_variable_path`],
-    //   variables_data_type: () => variables_data_type,
-    // })
   }
 
   init(config)
@@ -85,9 +78,6 @@ export function create_defined_type_input_manager(config) {
     get item_variable_path_input_manager() {
       return item_variable_path_input_manager
     },
-    // get item_function_input_manager(){
-    //   return item_function_input_manager
-    // },
     get item_defined_by() {
       return item_defined_by
     },