sveltekit-ui 1.1.74 → 1.1.76

package/dist/Components/TableAdvanced/ColumnInput/manager.svelte.d.ts

@@ -0,0 +1,62 @@
+export function create_column_input_manager(config: any): {
+    readonly column_id: any;
+    readonly val: {
+        id: any;
+        header_content: any;
+        body_content: any;
+        description: any;
+        is_shown: any;
+        is_fixed: any;
+        alignment: any;
+        min_width: any;
+        max_width: any;
+        display_order: any;
+        is_use_in_short_display: any;
+        is_autogenerated: any;
+        is_updatable: any;
+        is_db_column: any;
+        db_data_type: any;
+        postgres_type: any;
+        default_value: null;
+        quick_sort_variable_path: null;
+        is_primary_key: any;
+        is_nullable: any;
+        is_force_uniqueness: any;
+        foreign_table_id: any;
+        is_cascade: any;
+    };
+    readonly header_content_input_manager: null;
+    readonly body_content_input_manager: null;
+    readonly column_description_text_input_manager: null;
+    readonly column_is_shown_checkbox_manager: null;
+    readonly column_is_fixed_checkbox_manager: null;
+    readonly column_alignment_dropdown_manager: null;
+    readonly column_width_slider_manager: null;
+    readonly column_display_order_slider_manager: null;
+    readonly column_is_use_in_short_display_checkbox_manager: null;
+    readonly column_is_autogenerated_checkbox_manager: null;
+    readonly column_is_db_column_checkbox_manager: null;
+    readonly column_id_text_warning: string | null;
+    readonly column_primary_key_text_warning: string | null;
+    readonly column_id_text_input_manager: null;
+    readonly column_db_data_type_edit_button_manager: null;
+    readonly column_db_data_type_input_manager: null;
+    readonly column_data_postgres_type: any;
+    readonly column_default_value_content_manager: null;
+    readonly column_is_primary_key_checkbox_manager: null;
+    readonly column_is_updatable_checkbox_manager: null;
+    readonly column_is_nullable_checkbox_manager: null;
+    readonly column_is_force_uniqueness_checkbox_manager: null;
+    readonly column_foreign_table_id_input_manager: null;
+    readonly column_is_cascade_checkbox_manager: null;
+    readonly guess_header_content_button_manager: null;
+    readonly guess_body_content_button_manager: null;
+    readonly delete_column_are_you_sure_popover_manager: null;
+    readonly delete_column_are_you_sure_popover_toggle_button_manager: null;
+    readonly delete_column_button_manager: null;
+    readonly delete_column_cancel_button_manager: null;
+    readonly is_column_update: any;
+    readonly column_input_options: any;
+    readonly columns_length: number;
+    reset_definition_stack: (input: any) => void;
+};

package/dist/Components/TableAdvanced/ColumnInput/{index.svelte.js → manager.svelte.js}

@@ -1,19 +1,18 @@
-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_slider_manager } from "../../Slider/index.svelte.js"
-import { create_checkbox_manager } from "../../Checkbox/index.svelte.js"
-import { create_dropdown_manager } from "../../Dropdown/index.svelte.js"
-import { create_content_manager } from "../../Content/index.svelte.js"
-import { create_content_input_manager } from "../../ContentInput/index.svelte.js"
-import { create_data_type_input_manager } from "../../DataTypeInput/index.svelte.js"
+import { create_popover_manager } from "../../Popover/manager.svelte.js"
+import { create_button_manager } from "../../Button/manager.svelte.js"
+import { create_text_input_manager } from "../../TextInput/manager.svelte.js"
+import { create_slider_manager } from "../../Slider/manager.svelte.js"
+import { create_checkbox_manager } from "../../Checkbox/manager.svelte.js"
+import { create_dropdown_manager } from "../../Dropdown/manager.svelte.js"
+import { create_content_manager } from "../../Content/manager.svelte.js"
+import { create_content_input_manager } from "../../ContentInput/manager.svelte.js"
+import { create_data_type_input_manager } from "../../DataTypeInput/manager.svelte.js"
 import {
   set_closurable,
   node_types,
   variables_data_type_remaining_to_astc,
   set_definition_stack,
   astc_element,
-  deep_copy,
   get_def_from_variable_path,
 } from "../../../client/index.js"
 
@@ -112,7 +111,6 @@ export function create_column_input_manager(config) {
   }
 
   function init(config) {
-    console.log("column_input_init", deep_copy(config))
     definition_stack = config?.definition_stack
     column_id_text_input_manager = create_text_input_manager({
       label: "Column ID",

package/dist/Components/TableAdvanced/FilterInput/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/TableAdvanced/FilterInput/manager.svelte.d.ts

@@ -0,0 +1,17 @@
+export function create_filter_input_manager(config: any): {
+    readonly val: any;
+    readonly predicate_options: {
+        key: string;
+        name: string;
+        input: string;
+    }[];
+    readonly is_popover: any;
+    readonly popover_manager: null;
+    readonly popover_toggle_button_manager: null;
+    readonly operator_dropdown_manager: null;
+    readonly finish_button_manager: null;
+    readonly add_condition_button_manager: null;
+    init: (config: any) => void;
+    add_condition: () => void;
+    finish: () => void;
+};

package/dist/Components/TableAdvanced/FilterInput/{index.svelte.js → manager.svelte.js}

@@ -1,9 +1,9 @@
-import { create_popover_manager } from "../../Popover/index.svelte.js"
-import { create_button_manager } from "../../Button/index.svelte.js"
-import { create_checkbox_manager } from "../../Checkbox/index.svelte.js"
-import { create_dropdown_manager } from "../../Dropdown/index.svelte.js"
-// import { create_time_input_manager } from "../../TimeInput/index.svelte.js"
-import { create_text_input_manager } from "../../TextInput/index.svelte.js"
+import { create_popover_manager } from "../../Popover/manager.svelte.js"
+import { create_button_manager } from "../../Button/manager.svelte.js"
+import { create_checkbox_manager } from "../../Checkbox/manager.svelte.js"
+import { create_dropdown_manager } from "../../Dropdown/manager.svelte.js"
+// import { create_time_input_manager } from "../../TimeInput/manager.svelte.js"
+import { create_text_input_manager } from "../../TextInput/manager.svelte.js"
 import { set_closurable } from "../../../client/index.js"
 
 // come back to this. might just use the function builder here instead of seperate components
@@ -165,7 +165,6 @@ export function create_filter_input_manager(config) {
   }
 
   function add_condition() {
-    console.log("add_condition", val)
     val.conditions = [
       ...val?.conditions,
       {
@@ -175,7 +174,6 @@ export function create_filter_input_manager(config) {
       },
     ]
     set_conditions()
-    console.log("add_condition2", val)
   }
 
   function init(config) {

package/dist/Components/TableAdvanced/Pagination/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/TableAdvanced/Pagination/manager.svelte.d.ts

@@ -0,0 +1,12 @@
+export function create_pagination_manager(config: any): {
+    readonly cur_page: any;
+    readonly total_pages: any;
+    readonly left_button_manager: null;
+    readonly page_one_button_manager: null;
+    readonly before_page_button_manager: null;
+    readonly cur_page_button_manager: null;
+    readonly after_page_button_manager: null;
+    readonly last_page_button_manager: null;
+    readonly right_button_manager: null;
+    page_click: (i: any) => void;
+};

package/dist/Components/TableAdvanced/Pagination/{index.svelte.js → manager.svelte.js}

@@ -1,4 +1,4 @@
-import { create_button_manager } from "../../Button/index.svelte.js"
+import { create_button_manager } from "../../Button/manager.svelte.js"
 import { set_closurable } from "../../../client/index.js"
 
 export function create_pagination_manager(config) {

package/dist/Components/TableAdvanced/SortByInput/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/TableAdvanced/SortByInput/manager.svelte.d.ts

@@ -0,0 +1,17 @@
+export function create_sort_by_input_manager(config: any): {
+    readonly val: {
+        is_ascending: any;
+        variable_path: any;
+    }[];
+    readonly row_data_type: any;
+    readonly is_popover: any;
+    readonly is_show_popover_toggle_button: any;
+    readonly popover_toggle_button_manager: null;
+    readonly popover_manager: null;
+    readonly apply_sorting_button_manager: null;
+    readonly save_server_sort_button_manager: null;
+    readonly sorts_prepped: null;
+    readonly add_sort_button_manager: null;
+    init: (config: any) => void;
+    set_sorts_prepped: (sorts: any) => void;
+};

package/dist/Components/TableAdvanced/SortByInput/{index.svelte.js → manager.svelte.js}

@@ -1,7 +1,7 @@
-import { create_popover_manager } from "../../Popover/index.svelte.js"
-import { create_button_manager } from "../../Button/index.svelte.js"
-import { create_checkbox_manager } from "../../Checkbox/index.svelte.js"
-import { create_variable_path_input_manager } from "../../VariablePathInput/index.svelte.js"
+import { create_popover_manager } from "../../Popover/manager.svelte.js"
+import { create_button_manager } from "../../Button/manager.svelte.js"
+import { create_checkbox_manager } from "../../Checkbox/manager.svelte.js"
+import { create_variable_path_input_manager } from "../../VariablePathInput/manager.svelte.js"
 import { set_closurable } from "../../../client/index.js"
 
 export function create_sort_by_input_manager(config) {
@@ -50,7 +50,6 @@ export function create_sort_by_input_manager(config) {
           type: "toggle",
           val: sorts?.[i]?.is_ascending ?? null,
           on_change: () => {
-            console.log("toggle is ascending")
           },
         })
         let variable_path_input_manager = create_variable_path_input_manager({

package/dist/Components/TableAdvanced/index.svelte.d.ts

@@ -0,0 +1,13 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+    header_extra: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+    header_extra: any;
+};

package/dist/Components/TableAdvanced/manager.svelte.d.ts

@@ -0,0 +1,89 @@
+export function create_table_advanced_manager(config: any): {
+    id: string;
+    readonly table_id: null;
+    readonly table_name: null;
+    readonly table_description: null;
+    readonly is_data_editable: null;
+    readonly nav_items: null;
+    readonly is_paginate: null;
+    readonly table_header_max_height: null;
+    readonly table_row_max_height: null;
+    readonly table_search_text_input_manager: null;
+    readonly is_more_to_load: boolean;
+    readonly load_more_button_manager: null;
+    readonly pagination_manager: null;
+    readonly rows_per_page_dropdown_manager: null;
+    readonly sort_by_input_manager: null;
+    readonly insert_popover_manager: null;
+    readonly insert_popover_button_manager: null;
+    readonly preempt_insert_column_popover_manager: null;
+    readonly preempt_insert_column_button_manager: null;
+    readonly preempt_insert_row_button_manager: null;
+    readonly file_popover_manager: null;
+    readonly file_popover_button_manager: null;
+    readonly copy_json_button_manager: null;
+    readonly download_json_button_manager: null;
+    readonly download_csv_button_manager: null;
+    readonly copy_structure_button_manager: null;
+    readonly prempt_bulk_upload_rows_popover_button_manager: null;
+    readonly prempt_bulk_upload_rows_popover_manager: null;
+    readonly upload_rows_file_input_manager: null;
+    readonly upload_rows_text_input_manager: null;
+    readonly upload_rows_prepare_text_button_manager: null;
+    readonly upload_rows_clear_prepared_data_button_manager: null;
+    readonly bulk_insert_rows_error_message: null;
+    readonly bulk_insert_rows_button_manager: null;
+    readonly bulk_insert_rows_prepared_data: null;
+    readonly toggle_bulk_selectable_button_manager: null;
+    readonly is_bulk_select: boolean;
+    readonly columns: null;
+    readonly config: any;
+    readonly column_ids_display_order: any[];
+    readonly row_indexes_display_order: number[];
+    readonly row_indexes_display_order_shown: number[];
+    readonly rows_prepped: null;
+    readonly columns_prepped: null;
+    readonly bulk_select_all_rows_toggle_checkbox_manager: null;
+    readonly bulk_delete_rows_popover_manager: null;
+    readonly bulk_delete_rows_popover_button_manager: null;
+    readonly bulk_delete_rows_button_manager: null;
+    readonly bulk_delete_rows_cancel_button_manager: null;
+    readonly row_indexes_bulk_selected: any;
+    readonly column_edit_id: null;
+    readonly column_edit_input_manager: null;
+    readonly column_edit_upsert_column_button_manager: null;
+    readonly preempt_insert_row_popover_manager: null;
+    readonly row_edit_index: null;
+    readonly row_edit_content_manager: null;
+    readonly row_edit_upsert_row_button_manager: null;
+    readonly row_edit_delete_row_are_you_sure_popover_manager: null;
+    readonly row_edit_delete_row_are_you_sure_popover_toggle_button_manager: null;
+    readonly row_edit_delete_row_button_manager: null;
+    readonly row_edit_delete_row_cancel_button_manager: null;
+    readonly is_loading_rows: boolean;
+    readonly loading_rows_progress: number;
+    readonly settings_popover_manager: null;
+    readonly settings_popover_toggle_button_manager: null;
+    readonly settings_update_table_name_button_manager: null;
+    readonly settings_update_table_name_text_input_manager: null;
+    readonly settings_update_table_description_button_manager: null;
+    readonly settings_update_table_description_text_input_manager: null;
+    readonly settings_copy_row_json_schema_button_manager: null;
+    readonly settings_copy_rows_json_schema_button_manager: null;
+    readonly settings_preempt_delete_table_popover_button_manager: null;
+    readonly settings_delete_table_popover_manager: null;
+    readonly settings_delete_table_cancel_button_manager: null;
+    readonly settings_copy_table_id_button_manager: null;
+    readonly settings_delete_table_button_manager: null;
+    init: (config: any) => void;
+    set_table_search_text_input: (input: any) => void;
+    set_rows_prepped: (columns_prepped_input: any) => Promise<void>;
+    set_columns_prepped: (columns: any) => null;
+    copy_json: () => void;
+    download_json: () => void;
+    download_csv: () => void;
+    copy_structure: () => void;
+    set_attributes: (attributes: any) => void;
+    reset_definition_stack: (input: any) => void;
+    set_columns: (input: any, row_input_content_input?: null) => void;
+};

package/dist/Components/TableAdvanced/{index.svelte.js → manager.svelte.js}

@@ -1,13 +1,13 @@
-import { create_text_input_manager } from "../TextInput/index.svelte.js"
-import { create_checkbox_manager } from "../Checkbox/index.svelte.js"
-import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
-import { create_file_input_manager } from "../FileInput/index.svelte.js"
-import { create_popover_manager } from "../Popover/index.svelte.js"
-import { create_button_manager } from "../Button/index.svelte.js"
-import { create_content_manager } from "../Content/index.svelte.js"
-import { create_pagination_manager } from "./Pagination/index.svelte.js"
-import { create_sort_by_input_manager } from "./SortByInput/index.svelte.js"
-import { create_column_input_manager } from "./ColumnInput/index.svelte.js"
+import { create_text_input_manager } from "../TextInput/manager.svelte.js"
+import { create_checkbox_manager } from "../Checkbox/manager.svelte.js"
+import { create_dropdown_manager } from "../Dropdown/manager.svelte.js"
+import { create_file_input_manager } from "../FileInput/manager.svelte.js"
+import { create_popover_manager } from "../Popover/manager.svelte.js"
+import { create_button_manager } from "../Button/manager.svelte.js"
+import { create_content_manager } from "../Content/manager.svelte.js"
+import { create_pagination_manager } from "./Pagination/manager.svelte.js"
+import { create_sort_by_input_manager } from "./SortByInput/manager.svelte.js"
+import { create_column_input_manager } from "./ColumnInput/manager.svelte.js"
 import {
   deep_copy,
   copy_to_clipboard,
@@ -115,11 +115,9 @@ export function create_table_advanced_manager(config) {
   let row_json_schema = $derived(get_row_json_schema(columns_prepped))
 
   function get_row_json_schema(input) {
-    console.log("get_row_json_schema", input)
     let properties = {}
     if (Object.keys(input || {}).length > 0) {
       for (let key of Object.keys(input)) {
-        console.log("key", key)
         if (input?.[key]?.is_db_column && !input?.[key]?.is_autogenerated) {
           properties[key] = get_json_schema_from_db_type(input?.[key]?.db_data_type)
         }
@@ -288,9 +286,7 @@ export function create_table_advanced_manager(config) {
     }
     // // astc_to_embedding_text tbd
     searchable_text += `${JSON.stringify(row_data)}`?.toString().toLowerCase()
-    let preempt_edit_row_button_input_manager = $state(null)
-    let bulk_select_checkbox_manager = $state(null)
-    preempt_edit_row_button_input_manager = create_button_manager({
+    const preempt_edit_row_button_input_manager = create_button_manager({
       type: "soft",
       support_icon: "edit",
       is_uniform: true,
@@ -303,7 +299,7 @@ export function create_table_advanced_manager(config) {
         edit_row(row_i)
       },
     })
-    bulk_select_checkbox_manager = create_checkbox_manager({
+    const bulk_select_checkbox_manager = create_checkbox_manager({
       val: false,
       mt: 0.2,
       ml: 0.2,
@@ -349,8 +345,7 @@ export function create_table_advanced_manager(config) {
           // storage_path: () => storage_path,
           // is_dark_theme: () => is_dark_theme,
         })
-        let preempt_edit_column_button_manager = $state(null)
-        preempt_edit_column_button_manager = create_button_manager({
+        const preempt_edit_column_button_manager = create_button_manager({
           type: "soft",
           support_icon: "three_dots",
           icon_sw: 80,
@@ -371,7 +366,6 @@ export function create_table_advanced_manager(config) {
       }
     }
     columns_prepped = columns_prepped_loc
-    console.log("columns_prepped", deep_copy(columns_prepped))
     return columns_prepped
   }
 
@@ -524,7 +518,6 @@ export function create_table_advanced_manager(config) {
                 () => {
                   let cleaned_columns = deep_copy(columns_prepped ?? {})
                   cleaned_columns[res?.column_id] = res?.column
-                  console.log("cleaned_columns", cleaned_columns, res)
                   set_columns(cleaned_columns)
                 }
               )
@@ -551,7 +544,6 @@ 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("edit_row", { row_i, row_input_content })
       row_edit_content_manager = create_content_manager({
         val: row_input_content ?? null,
         definition_stack: row_definition_stack,
@@ -559,7 +551,6 @@ export function create_table_advanced_manager(config) {
         storage_items: null, // tbd
         on_search_table_row_ids: config?.on_search_table_row_ids,
         on_event: (input) => {
-          console.log("on_e", deep_copy({ input, row_definition_stack }))
           const res = set_definition_stack(input, row_definition_stack)
           row_definition_stack = res?.definition_stack
           const row_data = get_def_from_variable_path([row_edit_def_identifier], row_definition_stack)
@@ -1118,7 +1109,6 @@ export function create_table_advanced_manager(config) {
               "success"
             )
           } else {
-            console.log("error updating table name")
             settings_update_table_name_text_input_manager.popover_manager.show_temp_message(
               "Error updating table name",
               "error",
@@ -1164,7 +1154,6 @@ export function create_table_advanced_manager(config) {
               "success"
             )
           } else {
-            console.log("error updating table description")
             settings_update_table_description_text_input_manager.popover_manager.show_temp_message(
               "Error updating table name",
               "error",
@@ -1201,10 +1190,12 @@ export function create_table_advanced_manager(config) {
       is_success_animation: true,
       support_icon: "clipboard",
       on_click: () =>
-        copy_to_clipboard({
-          type: "array",
-          items: row_json_schema,
-        }),
+        copy_to_clipboard(
+          JSON.stringify({
+            type: "array",
+            items: row_json_schema ? JSON.parse(row_json_schema) : null,
+          })
+        ),
     })
     let delete_table_is_loading = $state(false)
     settings_delete_table_popover_manager = create_popover_manager({
@@ -1434,7 +1425,7 @@ export function create_table_advanced_manager(config) {
       return is_bulk_select
     },
     get columns() {
-      return columns
+      return columns_prepped
     },
     get config() {
       return config

package/dist/Components/Tag/index.svelte

@@ -10,14 +10,14 @@
       class="tag"
       style="
 --bg_color: oklch(var(--l6-t) var(--c{manager?.tag_val?.color?.c ?? 16}) var(--h{manager?.tag_val?.color
-        ?.h}) / var(--o4)); 
+        ?.h ?? 10}) / var(--o4));
 --border_color: oklch(var(--l6-t) var(--c{manager?.tag_val?.color?.c ?? 16}) var(--h{manager?.tag_val?.color
-        ?.h}) / var(--o8));"
+        ?.h ?? 10}) / var(--o8));"
     >
       {#if manager?.tag_val?.display_text}
         <p
           style="color: oklch(var(--l5-t) var(--c{manager?.tag_val?.color?.c ?? 4}) var(--h{manager?.tag_val?.color
-            ?.h}));"
+            ?.h ?? 10}));"
         >
           {manager?.tag_val?.display_text ?? ""}
         </p>

package/dist/Components/Tag/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/Tag/manager.svelte.d.ts

@@ -0,0 +1,10 @@
+export function create_tag_manager(config: any): {
+    readonly val: null;
+    readonly tag_val: any;
+    readonly tag_options: null;
+    readonly data_type: null;
+    readonly icon_manager: null;
+    set_val: (input: any) => void;
+    set_tag_options: (input: any) => void;
+    init: (config: any) => void;
+};

package/dist/Components/Tag/manager.svelte.js

@@ -0,0 +1,118 @@
+import { create_icon_manager } from "../Icon/manager.svelte.js"
+
+export function create_tag_manager(config) {
+  let val = $state(null)
+  let is_dynamic = $state(false)
+  let tag_options = $state(null)
+  let data_type = $state(null)
+  let icon_manager = $state(null)
+
+  let tag_val = $derived(get_tag_val())
+
+  function set_tag_options(input) {
+    let tag_options_loc = []
+    if (Array.isArray(input)) {
+      for (let tag_option_input of input) {
+        tag_options_loc.push({
+          ...tag_option_input, // can fix to clean later
+        })
+      }
+    }
+    tag_options = tag_options_loc
+  }
+
+  function set_val(input) {
+    val = input
+  }
+
+  function passes_predicate(predicate, expected, actual) {
+    switch (predicate) {
+      case "equal_to":
+        return actual === expected
+      case "not_equal_to":
+        return actual !== expected
+      case "less_than":
+        return actual < expected
+      case "less_than_or_equal":
+        return actual <= expected
+      case "greater_than":
+        return actual > expected
+      case "greater_than_or_equal":
+        return actual >= expected
+      case "contains":
+        return typeof actual?.includes == "function" && actual.includes(expected)
+      case "does_not_contain":
+        return typeof actual?.includes == "function" && !actual.includes(expected)
+      case "starts_with":
+        return typeof actual?.startsWith == "function" && actual.startsWith(expected)
+      case "ends_with":
+        return typeof actual?.endsWith == "function" && actual.endsWith(expected)
+      default:
+        return false
+    }
+  }
+
+  function is_match(match_for, actual) {
+    if (match_for?.type === "predicate") {
+      return passes_predicate(match_for?.predicate, match_for?.value, actual)
+    }
+    if (match_for?.type !== "operator" || !Array.isArray(match_for?.conditions)) return false
+    const results = match_for.conditions.map((condition) =>
+      condition?.type === "operator"
+        ? is_match(condition, actual)
+        : passes_predicate(condition?.predicate, condition?.value, actual)
+    )
+    return match_for?.operator === "any_of" ? results.some(Boolean) : results.every(Boolean)
+  }
+
+  function get_tag_val() {
+    if (!is_dynamic) {
+      return val
+    }
+    if (Array.isArray(tag_options)) {
+      for (let tag_option of tag_options) {
+        if (is_match(tag_option?.match_for, val)) {
+          return tag_option
+        }
+      }
+    }
+    return null
+  }
+
+  function init(config) {
+    val = config?.val
+    data_type = config?.data_type
+    is_dynamic = !!config?.is_dynamic
+    icon_manager = create_icon_manager({
+      icon_id: () => tag_val?.icon,
+      color: () => tag_val?.color ?? "var(--g10-t)",
+      size: 1.6,
+      sw: 50,
+    })
+    set_tag_options(config?.tag_options)
+  }
+  init(config)
+
+  return {
+    get val() {
+      return val
+    },
+    get tag_val() {
+      return tag_val
+    },
+    get tag_options() {
+      return tag_options
+    },
+    get data_type() {
+      return data_type
+    },
+    get icon_manager() {
+      return icon_manager
+    },
+    set_val,
+    set_tag_options,
+    init,
+    set_tag_options,
+    set_val,
+  }
+}

package/dist/Components/TextArrayInput/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};