sveltekit-ui 1.0.10 → 1.0.12

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

@@ -36,38 +36,50 @@ export function create_content_input_manager(config) {
   let paste_astc_markdown_finish_button_manager = $state(null)
   let location_to_add_element = $state(null)
   let content_manager = $state(null)
-  let content_overall_manager = $state(null)
   let attributes_input = $state(null)
   let focused_selector_id = $state(null)
+  let definition_stack = $state([])
 
-  let loops = $derived(set_closurable(config?.loops, null))
-  let variables = $derived(set_closurable(config?.variables, null))
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, null) ?? json_to_data_type(variables))
   let mapkit_js_token = $derived(set_closurable(config?.mapkit_js_token, null))
 
-  function increase_loops_on_path(path) {
-    let cleaned_path = null
-    if (Array.isArray(path)) {
-      cleaned_path = []
-      for (let path_item of path) {
-        if (Array.isArray(path_item)) {
-          if (path_item?.[0] == "loops" && typeof path_item?.[1] == "number") {
-            cleaned_path.push(["loops", path_item?.[1] + 1])
-          } else {
-            cleaned_path.push(increase_loops_on_path(path_item))
+  function pass_event_down(input) {
+    if (typeof content_manager?.pass_event_down == "function") {
+      content_manager?.pass_event_down(input)
+    }
+  }
+
+  function get_defined_at_selector_id(selector_id) {
+    function traverse(input) {
+      let defined = {}
+      if (input?.type_id == selector_id) {
+        return { defined, is_found_selector_id: true }
+      } else if (input?.type_id == "loop") {
+        defined[input?.attributes?.iter_identifier] = { type: "text_literal" }
+      }
+      if (Array.isArray(input?.children)) {
+        for (let child of input?.children) {
+          let res = traverse(child)
+          defined = { ...defined, ...res?.defined }
+          if (res?.is_found_selector_id) {
+            break
           }
-        } else {
-          cleaned_path.push(path_item)
         }
       }
+      return { defined }
     }
-    return cleaned_path
+    return traverse(versions?.[selected_version_index])?.defined
   }
 
-  function pass_event_down(input) {
-    if (typeof content_manager?.pass_event_down == "function") {
-      content_manager?.pass_event_down(input)
-    }
+  function get_defined_options(selector_id) {
+    const defined_at_selector_id = get_defined_at_selector_id(selector_id)
+    const defined_data_type = json_to_data_type(Object.assign({}, ...[...definition_stack].reverse()))
+    return Object.entries({ ...(defined_data_type?.properties || {}), ...defined_at_selector_id }).map(
+      ([key, val]) => ({
+        key,
+        name: key,
+        data_type: val,
+      })
+    )
   }
 
   function set_selected_version(version_index) {
@@ -79,20 +91,13 @@ export function create_content_input_manager(config) {
       on_event: config?.on_event,
       storage_path: storage_path,
       mapkit_js_token: mapkit_js_token,
-      variables: () => variables,
-      loops: () => loops,
-    })
-    content_overall_manager = create_content_overall_manager()
-  }
-
-  function create_content_overall_manager() {
-    return {
+      definition_stack: definition_stack,
       get focused_selector_id() {
         return focused_selector_id
       },
       set_focused_selector_id,
       open_edit_element_attributes_popover,
-    }
+    })
   }
 
   function prep_element(element) {
@@ -123,7 +128,6 @@ export function create_content_input_manager(config) {
     })
     function open_edit_attributes_popover() {
       attributes_input.init({
-        variables_data_type: () => variables_data_type,
         storage: storage,
         storage_default_folder_path: storage_default_folder_path,
         storage_path: storage_path,
@@ -133,8 +137,8 @@ export function create_content_input_manager(config) {
         content_type: element?.type_id,
         selector_id: element?.selector_id,
         val: element?.attributes,
+        get_defined_options: () => get_defined_options(element?.selector_id),
         on_finish: (input) => {
-          console.log("on_finish_attribute", input)
           attributes_input.popover_manager.close()
           set_element_attributes(element?.selector_id, input)
         },
@@ -387,7 +391,6 @@ export function create_content_input_manager(config) {
   }
 
   function add_version(version) {
-    // let new_version = version ? version : convert_prepped_to_version(selected_version_prepped)
     versions = [deep_copy(version), ...versions.slice(selected_version_index)]
     selected_version_index = 0
     set_selected_version(0)
@@ -396,25 +399,6 @@ export function create_content_input_manager(config) {
     }
   }
 
-  // function convert_prepped_to_version(version_prepped) {
-  //   let element = version_prepped?.element
-  //   let cleaned_children = []
-  //   if (Array.isArray(element?.children)) {
-  //     for (let child of element?.children) {
-  //       if (Array.isArray(child)) {
-  //         let sub_children = []
-  //         for (let sub_child of child) {
-  //           sub_children.push(convert_prepped_to_version(sub_child))
-  //         }
-  //         cleaned_children.push(convert_prepped_to_version(sub_children))
-  //       } else {
-  //         cleaned_children.push(convert_prepped_to_version(child))
-  //       }
-  //     }
-  //   }
-  //   return { ...element, children: cleaned_children }
-  // }
-
   function copy_markdown() {
     copy_to_clipboard(astc_to_markdown(selected_version_prepped?.element))
   }
@@ -861,6 +845,7 @@ export function create_content_input_manager(config) {
   }
 
   function init(config) {
+    definition_stack = config?.definition_stack ?? []
     versions = [config?.val]
     storage = config?.storage
     storage_default_folder_path = config?.storage_default_folder_path
@@ -952,10 +937,10 @@ export function create_content_input_manager(config) {
       },
     })
     attributes_input = create_attributes_input_manager({
-      variables_data_type: () => variables_data_type,
       storage: storage,
       storage_default_folder_path: storage_default_folder_path,
       storage_path: storage_path,
+      get_defined_options: get_defined_options,
     })
     set_selected_version(0)
   }
@@ -967,12 +952,6 @@ export function create_content_input_manager(config) {
     get val() {
       return versions?.[selected_version_index]
     },
-    get variables_data_type() {
-      return variables_data_type
-    },
-    get variables() {
-      return variables
-    },
     get versions_len() {
       return versions_len
     },
@@ -1021,9 +1000,6 @@ export function create_content_input_manager(config) {
     get content_manager() {
       return content_manager
     },
-    get content_overall_manager() {
-      return content_overall_manager
-    },
     get attributes_input() {
       return attributes_input
     },

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

@@ -542,9 +542,6 @@ export function create_data_type_input_manager(config) {
     get guess_from_variables_button_manager() {
       return guess_from_variables_button_manager
     },
-    get data_sample() {
-      return data_sample
-    },
     get type_options() {
       return type_options
     },

package/dist/Components/IconInput/index.svelte

@@ -9,7 +9,7 @@
 </script>
 
 {#snippet selected_icon()}
-  <div style="display: flex; gap: 1rem; align-items: center;">
+  <div style="display: flex; gap: 1rem; align-items: center; color: var(--g2-t);">
     {manager?.icon_options.find((h) => h.key == (manager?.is_icon_only ? manager?.val : manager?.val?.icon))?.name ??
       (manager?.is_icon_only ? manager?.val : manager?.val?.icon) ??
       "Select Icon"}

package/dist/Components/TableAdvanced/ColumnInput/index.svelte.js

@@ -10,9 +10,8 @@ import { create_data_type_input_manager } from "../../DataTypeInput/index.svelte
 import {
   set_closurable,
   node_types,
-  deep_copy,
   variables_data_type_remaining_to_astc,
-  set_content_variables,
+  set_definition_stack,
   astc_element,
 } from "../../../client/index.js"
 
@@ -49,13 +48,11 @@ export function create_column_input_manager(config) {
   let delete_column_cancel_button_manager = $state(null)
 
   let rows_data_from_variable_path = $derived(set_closurable(config?.rows_data_from_variable_path, null))
-  let variables = $derived(set_closurable(config?.variables, null))
-  let variables_data_type = $derived(set_closurable(config?.variables_data_type, null))
   let columns = $derived(set_closurable(config?.columns, null))
   let columns_length = $derived(Object.keys(columns || {}).length)
   let row_data_type = $derived(set_closurable(config?.row_data_type, null))
   let column_id = $derived(set_closurable(config?.column_id, null))
-  let loops = $derived(set_closurable(config?.loops, null))
+  let definition_stack = $derived(set_closurable(config?.definition_stack, null))
   let is_column_update = $derived(set_closurable(config?.is_column_update, true))
   let column_input_options = $derived(set_closurable(config?.column_input_options, null))
 
@@ -68,46 +65,6 @@ export function create_column_input_manager(config) {
       : null
   )
 
-  let variables_data_type_with_this_col = $derived(get_variables_data_type_with_this_col())
-  function get_variables_data_type_with_this_col() {
-    if (
-      column_id_text_input_manager?.val &&
-      !column_id_text_warning &&
-      column_is_db_column_checkbox_manager?.val &&
-      column_db_data_type_input_manager?.val
-    ) {
-      const path_to_set = [...rows_data_from_variable_path]
-      let variables_data_type_combined_loc = $state(
-        deep_copy({
-          type: "object_literal",
-          properties: {
-            variables: variables_data_type,
-            loops: { type: "loop" },
-          },
-        })
-      )
-      let target = variables_data_type_combined_loc
-      for (let i = 0; i < path_to_set.length; i++) {
-        if (target?.type === "loop") {
-          target = target.items
-        } else if (target?.type === "object_literal") {
-          if (!target.properties) {
-            target.properties = {}
-          }
-          target = target.properties[path_to_set[i]]
-        }
-        if (target === undefined) {
-          break
-        }
-      }
-      if (target?.items?.type === "object_literal" && target?.items?.properties) {
-        target.items.properties[column_id_text_input_manager?.val] = column_db_data_type_input_manager?.val
-      }
-      return variables_data_type_combined_loc?.properties?.variables
-    }
-    return variables_data_type
-  }
-
   let column_data_postgres_type = $derived(
     column_db_data_type_input_manager?.val?.type == "array_uniform_literal" &&
       column_db_data_type_input_manager?.val?.items?.type == "text_literal"
@@ -158,24 +115,20 @@ export function create_column_input_manager(config) {
       val: config?.val?.header_content ?? null,
       storage: null,
       storage_default_folder_path: null,
-      variables_data_type: () => variables_data_type_with_this_col,
-      variables: () => variables,
-      loops: () => loops,
+      definition_stack: definition_stack,
       on_event: (input) => {
-        console.log("set_content_variables_tbd400", input)
-        // set_content_variables(input)
+        console.log("set_definition_stack_tbd400", input)
+        set_definition_stack(input)
       },
     })
     body_content_input_manager = create_content_input_manager({
       val: config?.val?.body_content ?? null,
       storage: config?.storage,
       storage_default_folder_path: null,
-      variables_data_type: () => variables_data_type_with_this_col,
-      variables: () => variables,
-      loops: () => [0, ...(Array.isArray(loops) ? loops : [])],
+      definition_stack: () => definition_stack,
       on_event: (input) => {
-        console.log("set_content_variables_tbd401")
-        // set_content_variables(input)
+        console.log("set_definition_stack_tbd33")
+        set_definition_stack(input)
       },
     })
     column_description_text_input_manager = create_text_input_manager({
@@ -234,23 +187,23 @@ export function create_column_input_manager(config) {
       val: config?.val?.is_db_column ?? column_input_options?.is_db_column?.default_value ?? false,
     })
     column_db_data_type_input_manager = create_data_type_input_manager({
-      data_sample: () => variables,
+      // data_sample: () => variables,
       table_options: config?.table_options,
       val: config?.val?.db_data_type ?? row_data_type?.properties?.[column_id_text_input_manager?.val],
       on_finish: (input) => {
-        let default_content_input_astc = variables_data_type_remaining_to_astc(input, "input", ["variables"])
+        let default_content_input_astc = variables_data_type_remaining_to_astc(input, "input", ["rows"])
         column_default_value_content_manager = create_content_manager({
           val: default_content_input_astc,
           table_options: config?.table_options,
           on_search_table_row_ids: config?.on_search_table_row_ids,
-          variables: () => default_value,
+          definition_stack: () => definition_stack,
           on_event: (input) => {
-            const res = set_content_variables(
+            const res = set_definition_stack(
               input,
-              { variables: default_value },
+              definition_stack,
               column_default_value_content_manager?.pass_event_down
             )
-            default_value = res?.variables
+            definition_stack = res?.definition_stack
             return res
           },
         })
@@ -325,7 +278,7 @@ export function create_column_input_manager(config) {
           let guessed_column_display_content = variables_data_type_remaining_to_astc(
             column_db_data_type_input_manager?.val,
             "display",
-            ["variables", "rows", ["loops", 0], column_id_text_input_manager.val]
+            ["rows", ["row_i"], column_id_text_input_manager.val]
           )
           console.log("guessed_column_display_content", guessed_column_display_content)
           body_content_input_manager.add_version(guessed_column_display_content)

package/dist/Components/TableAdvanced/SortByInput/index.svelte.js

@@ -91,7 +91,8 @@ export function create_sort_by_input_manager(config) {
         })
         let data_row_variable_path_input_manager = create_variable_path_input_manager({
           is_popover: false,
-          variables_data_type: () => row_data_type,
+          defined_data_type: row_data_type,
+          get_defined_options: config?.get_defined_options,
           val: sorts?.[i]?.data_row_variable_path ?? null,
         })
         sorts_prepped_loc.push({

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

@@ -16,7 +16,7 @@ import {
   create_unique_id,
   set_closurable,
   get_data_type_at_path,
-  set_content_variables,
+  set_definition_stack,
 } from "../../client/index.js"
 import { tick } from "svelte"
 import { browser } from "$app/environment"
@@ -26,12 +26,11 @@ import { browser } from "$app/environment"
 export function create_table_advanced_manager(config) {
   const id = create_unique_id(null, 20)
 
-  let variables = $derived(set_closurable(config?.variables, null))
-  let loops = $derived(set_closurable(config?.loops, null))
-
+  let mapkit_js_token = $state(null)
+  let definition_stack = $state(null)
+  let row_iter_identifier = $state(null)
   let rows_data_from_variable_path = $state(null)
   let row_input_content = $state(null)
-  let variables_data_type = $state(null)
   let is_data_editable = $state(null)
   let nav_items = $state(null)
   let is_paginate = $state(null)
@@ -107,29 +106,12 @@ export function create_table_advanced_manager(config) {
   let is_loading_rows = $state(false)
   let loading_rows_progress = $state(0)
 
-  let row_data_type = $derived(
-    get_data_type(variables_data_type, config?.val?.rows_data_from_variable_path ?? null)?.items
-  )
-
-  let mapkit_js_token = $derived(set_closurable(config?.mapkit_js_token, null))
-
-  function get_data_type(variables_data_type, data) {
-    let full_data_type = {
-      name: "Object",
-      type: "object_literal",
-      properties: {
-        variables: variables_data_type,
-        loops: { type: "loop" },
-      },
-    }
-    return get_data_type_at_path(data, full_data_type)
-  }
+  let rows_data = $derived(get_def_from_variable_path(rows_data_from_variable_path))
+  let row_data_type = $state(null)
 
   let row_indexes_display_order = $derived(get_available_row_indexes())
   let row_indexes_display_order_shown = $derived(get_row_indexes_shown())
 
-  let rows_data = $derived(get_variable_from_path(set_closurable(rows_data_from_variable_path, null)))
-
   let cur_page_to_use = $derived(
     !Array.isArray(row_indexes_display_order) || row_indexes_display_order.length < rows_per_page_dropdown_manager?.val
       ? 1
@@ -144,25 +126,51 @@ export function create_table_advanced_manager(config) {
       : []
   )
 
-  function get_variable_from_path(path, combined_variables_input = null) {
-    if (Array.isArray(path)) {
-      let combined_variables_loc = deep_copy(
-        combined_variables_input ?? {
-          variables: variables,
-          loops: loops,
+  function get_def(input, definition_stack_loc) {
+    let definition_stack_to_use = definition_stack_loc ?? definition_stack
+    if (Array.isArray(definition_stack_to_use)) {
+      for (let item of definition_stack_to_use) {
+        if (item.hasOwnProperty(input)) {
+          return item?.[input]
         }
-      )
-      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]
+      }
+    }
+    return null
+  }
+
+  function get_def_from_variable_path(input, definition_stack_loc) {
+    let val = null
+    if (Array.isArray(input) && input.length > 0) {
+      val = get_def(input?.[0], definition_stack_loc)
+      for (let i = 1; i < input.length; i++) {
+        if (Array.isArray(input?.[i])) {
+          const res = get_def_from_variable_path(input?.[i], definition_stack_loc)
+          val = val?.[res]
         } else {
-          combined_variables_loc = combined_variables_loc?.[path_item]
+          val = val?.[input?.[i]]
         }
       }
-      return combined_variables_loc
     }
-    return null
+    return val
+  }
+
+  function is_defined(input) {
+    for (let item of definition_stack) {
+      if (item.hasOwnProperty(input)) {
+        return true
+      }
+    }
+    return false
+  }
+
+  function set_def(identifier, value) {
+    console.log("set_def", identifier, value)
+    for (let i = 0; i < definition_stack.length; i++) {
+      if (definition_stack[i].hasOwnProperty(identifier)) {
+        definition_stack[i][identifier] = value
+      }
+    }
+    console.log("definition_stack_after_Set", definition_stack)
   }
 
   function get_available_row_indexes() {
@@ -185,7 +193,7 @@ export function create_table_advanced_manager(config) {
     //   for (let sort_by_item of sort_by_input_manager?.val) {
     //     // sort_by_item?.is_ascending
     //     // sort_by_item?.data_row_variable_path
-    //     // const val_at_path = get_variable_from_path(sort_by_item?.data_row_variable_path)
+    //     // const val_at_path = get_def_from_variable_path(sort_by_item?.data_row_variable_path)
     //   }
     // }
     return row_indexes
@@ -205,6 +213,7 @@ export function create_table_advanced_manager(config) {
   const raf = () => (browser ? new Promise(requestAnimationFrame) : new Promise((r) => setTimeout(r, 0)))
 
   async function set_rows_prepped(columns_prepped_input) {
+    console.log("set_rows_prepped", rows_data)
     is_loading_rows = true
     rows_prepped = []
     loading_rows_progress = 0
@@ -229,9 +238,9 @@ export function create_table_advanced_manager(config) {
   }
 
   function get_row_prepped(columns_prepped_input, row_data, row_i) {
+    console.log("get_row_prepped", { row_data, row_i, ds: [{ [row_iter_identifier]: row_i }, ...definition_stack] })
     let searchable_text = ""
     let columns_prepped_loc = {}
-
     if (Array.isArray(column_ids_display_order)) {
       for (let column_id of column_ids_display_order) {
         let content_manager = create_content_manager({
@@ -242,8 +251,7 @@ export function create_table_advanced_manager(config) {
               config?.on_event(input)
             }
           },
-          variables: () => variables,
-          loops: [row_i, ...(Array.isArray(loops) ? loops : [])],
+          definition_stack: [{ [row_iter_identifier]: row_i }, ...definition_stack],
           // storage_path: () => storage_path,
           // is_dark_theme: () => is_dark_theme,
         })
@@ -312,8 +320,7 @@ export function create_table_advanced_manager(config) {
               config?.on_change(input)
             }
           },
-          variables: () => variables,
-          loops: loops,
+          definition_stack: definition_stack,
           // storage_path: () => storage_path,
           // is_dark_theme: () => is_dark_theme,
         })
@@ -407,9 +414,8 @@ export function create_table_advanced_manager(config) {
       column_input_options: config?.column_input_options,
       table_options: config?.table_options,
       on_search_table_row_ids: config?.on_search_table_row_ids,
-      variables_data_type: () => variables_data_type,
-      variables: () => variables,
-      loops: () => loops,
+      defined_data_type: () => defined_data_type,
+      definition_stack: () => definition_stack,
       columns: () => columns_prepped,
       rows_data_from_variable_path: () => rows_data_from_variable_path,
       row_data_type: () => row_data_type,
@@ -512,16 +518,11 @@ export function create_table_advanced_manager(config) {
 
   function edit_row(row_i) {
     row_edit_index = row_i
-    let variables_combined_loc = $state(
-      deep_copy({
-        variables,
-        loops: loops,
-      })
-    )
-    const path_to_set = [...rows_data_from_variable_path, typeof row_i == "number" ? row_i : 0]
-    if (typeof row_i != "number") {
+    let definition_stack_loc = $state([{ [row_iter_identifier]: row_i }, ...definition_stack])
+    const path_to_set = [...rows_data_from_variable_path, Number.isInteger(row_i) ? row_i : 0]
+    if (!Number.isInteger(row_i)) {
       let row_default_to_insert = null //tbd
-      let target = variables_combined_loc
+      let target = definition_stack_loc
       for (let i = 0; i < path_to_set.length - 1; i++) {
         target = target[path_to_set[i]]
         if (target === undefined) break
@@ -536,20 +537,20 @@ export function create_table_advanced_manager(config) {
     row_edit_content_manager = null
     setTimeout(() => {
       // quick fix for when update row then edit a diff row the data for other doesnt remain in place
+      console.log("row_input_content2222", { row_input_content, ds: [{ row_i }, ...definition_stack] })
       row_edit_content_manager = create_content_manager({
         val: row_input_content ?? null,
         storage_items: null, // tbd
         table_options: config?.table_options,
         mapkit_js_token: mapkit_js_token,
         on_search_table_row_ids: config?.on_search_table_row_ids,
-        variables_data_type: () => variables_data_type,
-        variables: () => variables_combined_loc?.variables,
-        loops: () => [row_i ?? 0, ...(Array.isArray(loops) ? loops : [])],
+        definition_stack: [{ row_i }, ...definition_stack],
         on_event: (input) => {
-          console.log("on_event00", input)
-          const res = set_content_variables(input, variables_combined_loc)
-          variables_combined_loc.variables = res?.variables
-          const row_data = get_variable_from_path(path_to_set, variables_combined_loc)
+          console.log("on_event_edit_row00", input)
+          const res = set_definition_stack(input, definition_stack_loc)
+          console.log("on_event_edit_row_res00", res)
+          definition_stack_loc = res?.definition_stack
+          const row_data = get_def_from_variable_path(path_to_set, definition_stack_loc)
           return {
             is_success: true,
             data: {
@@ -561,12 +562,13 @@ export function create_table_advanced_manager(config) {
     })
     let upsert_row_is_loading = $state(false)
     row_edit_upsert_row_button_manager = create_button_manager({
-      text: typeof row_i == "number" ? "Update Row" : "Insert Row",
+      text: Number.isInteger(row_i) ? "Update Row" : "Insert Row",
       is_loading: () => upsert_row_is_loading,
       on_click: async () => {
         upsert_row_is_loading = true
-        const row_data = get_variable_from_path(path_to_set, variables_combined_loc)
-        if (typeof row_i == "number") {
+        const row_data = get_def_from_variable_path(path_to_set, definition_stack_loc)
+        console.log("edited_row", { definition_stack_loc, row_data })
+        if (Number.isInteger(row_i)) {
           if (typeof config?.on_event == "function") {
             const res = await config?.on_event({
               type: "update_row",
@@ -678,7 +680,6 @@ export function create_table_advanced_manager(config) {
   function set_attributes(attributes) {
     rows_data_from_variable_path = attributes?.rows_data_from_variable_path
     row_input_content = attributes?.row_input_content
-    variables_data_type = attributes?.variables_data_type
     is_data_editable = attributes?.is_data_editable ?? false
     nav_items = Array.isArray(attributes?.nav_items)
       ? attributes.nav_items.filter((item) =>
@@ -707,6 +708,10 @@ export function create_table_advanced_manager(config) {
     table_id = config?.table_id
     table_name = config?.table_name
     table_description = config?.table_description
+    rows_data_from_variable_path = config?.rows_data_from_variable_path
+    row_iter_identifier = config?.row_iter_identifier
+    definition_stack = config?.definition_stack
+    mapkit_js_token = config?.mapkit_js_token
     set_attributes(config)
     table_search_text_input_manager = create_text_input_manager({
       type: "search",
@@ -1313,9 +1318,6 @@ export function create_table_advanced_manager(config) {
     get columns_prepped() {
       return columns_prepped
     },
-    get variables() {
-      return variables
-    },
     get bulk_select_all_rows_toggle_checkbox_manager() {
       return bulk_select_all_rows_toggle_checkbox_manager
     },
@@ -1406,9 +1408,6 @@ export function create_table_advanced_manager(config) {
     get settings_delete_table_button_manager() {
       return settings_delete_table_button_manager
     },
-    get variables_data_type() {
-      return variables_data_type
-    },
     init,
     set_table_search_text_input,
     set_rows_prepped,

package/dist/Components/TextInput/index.svelte

@@ -126,7 +126,7 @@
         </div>
       {/if}
       <div style="display: flex; gap: .5rem">
-        {#if manager?.val}
+        {#if manager?.val != null}
           <p>{manager?.val}</p>
         {:else}
           <p style="color: var(--warning-t)">Null</p>

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

@@ -230,6 +230,18 @@ export function create_text_input_manager(config) {
 
   function set_type(input) {
     type = input
+    if (typeof window === "undefined") {
+      return
+    }
+    is_text_hidden = !!input
+    let input_el = document?.querySelector(`#input_${id}`)
+    if (input_el) {
+      if (!!input) {
+        input_el.type = "text"
+      } else {
+        input_el.type = input
+      }
+    }
   }
 
   async function finish() {