sveltekit-ui 1.0.11 → 1.0.13

package/src/lib/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/src/lib/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/src/lib/Components/ContentInput/AttributesInput/CustomConfig/TableAdvanced/index.svelte.js

@@ -17,10 +17,9 @@ import {
 } from "$lib/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/src/lib/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/src/lib/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/src/lib/Components/ContentInput/AttributesInput/DefinedTypeInput/index.svelte.js

@@ -1,17 +1,14 @@
-import { create_popover_manager } from "$lib/Components/Popover/index.svelte.js"
 import { create_button_manager } from "$lib/Components/Button/index.svelte.js"
 import { create_dropdown_manager } from "$lib/Components/Dropdown/index.svelte.js"
 import { create_variable_path_input_manager } from "$lib/Components/VariablePathInput/index.svelte.js"
-import { create_unique_id, deep_copy, set_closurable } from "$lib/client/index.js"
+import { set_closurable } from "$lib/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
     },

package/src/lib/Components/ContentInput/AttributesInput/index.svelte

@@ -319,6 +319,7 @@
     {:else if manager?.content_type == "loop"}
       <h3 class="label">Path with items to loop over</h3>
       <VariablePathInput manager={manager?.attributes_manager?.val_input_manager} />
+      <TextInput manager={manager?.attributes_manager?.iter_identifier_text_input_manager} />
       <DefinedTypeInput manager={manager?.attributes_manager?.join_text_defined_type_input_manager}>
         {#snippet content()}
           <TextInput manager={manager?.attributes_manager?.join_text_text_input_manager} />