sveltekit-ui 1.1.74 → 1.1.76

package/dist/Components/ContentInput/ContentPanelBuilder/AddElement/manager.svelte.d.ts

@@ -0,0 +1,9 @@
+export function create_add_element_manager(config: any): {
+    readonly header: any;
+    readonly popover_manager: null;
+    readonly all_element_options_prepped: null;
+    readonly preempt_set_el_from_paste_button_manager: null;
+    readonly search_text_input_manager: null;
+    readonly avail_element_ids: any;
+    readonly avail_element_ids_filtered: any;
+};

package/dist/Components/ContentInput/ContentPanelBuilder/AddElement/{index.svelte.js → manager.svelte.js}

@@ -1,6 +1,6 @@
-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_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 { node_types, set_closurable, deep_copy } from "../../../../client/index.js"
 
 export function create_add_element_manager(config) {

package/dist/Components/ContentInput/ContentPanelBuilder/ElementList/index.svelte

@@ -21,13 +21,11 @@
   ondrop={(e) => manager?.handle_element_child_drag_drop(e, element_manager?.element?.selector_id)}
   ondragstart={(e) => manager?.handle_element_child_drag_start(e, element_manager?.element?.selector_id)}
   ondragend={(e) => manager?.handle_element_child_drag_end(e, element_manager?.element?.selector_id)}
+  onpointerenter={() => manager?.set_focused_selector_id(element_manager?.element?.selector_id)}
+  onpointercancel={() => manager?.set_focused_selector_id(null)}
+  onpointerleave={() => manager?.set_focused_selector_id(null)}
 >
-  <div
-    class="event_handler"
-    onpointerenter={() => manager?.set_focused_selector_id(element_manager?.element?.selector_id)}
-    onpointercancel={() => manager?.set_focused_selector_id(null)}
-    onpointerleave={() => manager?.set_focused_selector_id(null)}
-  >
+  <div class="event_handler">
     <div class="el_row" id={`selector_id_${element_manager?.element?.selector_id}`}>
       {#if element_manager?.element}
         {#if manager?.dragged_over_element_child?.selector_id == element_manager?.element?.selector_id && element_manager?.element?.selector_id != manager?.dragging_selector_id && !manager?.dragged_over_element_child?.is_children}

package/dist/Components/ContentInput/ContentPanelBuilder/ElementList/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;
+    element_manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+    element_manager: any;
+};

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

@@ -10,7 +10,7 @@
   <Button manager={manager?.preempt_add_first_element_button_manager} />
   <AddElement manager={manager?.first_el_add_element_manager} />
 {:else}
-  <div class="container" onpointerleave={() => manager?.set_focused_selector_id(null)}>
+  <div class="container" role="list" aria-label="Content elements" onpointerleave={() => manager?.set_focused_selector_id(null)}>
     <ElementsList {manager} element_manager={manager?.selected_version_prepped} />
     <div class="fade_overlay"></div>
   </div>

package/dist/Components/ContentInput/ContentPanelBuilder/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/ContentInput/index.svelte

@@ -22,7 +22,7 @@
     </div>
   </div>
   <div class="rich_editor">
-    <Content manager={manager?.content_manager} overall_manager={manager?.content_overall_manager} />
+    <Content manager={manager?.content_manager} />
   </div>
 </div>
 <AttributesInput manager={manager?.attributes_input} />

package/dist/Components/ContentInput/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;
+    panel_header: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+    panel_header: any;
+};

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

@@ -0,0 +1,59 @@
+export function create_content_input_manager(config: any): {
+    id: string;
+    readonly val: any;
+    readonly versions_len: number;
+    readonly selected_version_prepped: null;
+    readonly storage: null;
+    readonly storage_default_folder_path: null;
+    readonly focused_selector_id: null;
+    readonly paste_astc_markdown_popover_manager: null;
+    readonly paste_astc_markdown_location_to_add_element: null;
+    readonly paste_astc_markdown_dropdown_manager: null;
+    readonly paste_astc_markdown_text_input_manager: null;
+    readonly paste_astc_markdown_finish_button_manager: null;
+    readonly location_to_add_element: null;
+    readonly astc_element_string: null;
+    readonly all_selector_ids: any[];
+    readonly preempt_add_first_element_button_manager: null;
+    readonly first_el_add_element_manager: null;
+    readonly content_manager: null;
+    readonly attributes_input: null;
+    readonly dragging_selector_id: null;
+    readonly dragged_over_element_child: null;
+    init: (config: any) => void;
+    clean_content: (val: any) => any;
+    add_version: (version: any) => void;
+    finish: () => void;
+    copy_markdown: () => void;
+    copy_astc: () => void;
+    copy_text: () => void;
+    set_focused_selector_id: (selector_id: any, is_scroll_to?: boolean) => void;
+    get_new_element_to_add: (type_id: any) => {
+        type_id: any;
+        selector_id: string;
+        children: never[];
+        attributes: {};
+    };
+    calc_child_element_options: (element: any, is_sibling?: boolean) => string[];
+    open_edit_markdown_modal: () => void;
+    set_astc_from_markdown: () => void;
+    initiate_add_sibling_el_to_selector: (selector_id: any) => void;
+    add_sibling_el: (selector_id: any, el_type_id: any, element_to_add?: null) => void;
+    initiate_add_child_el_to_selector: (selector_id: any) => void;
+    add_child_el: (selector_id: any, type_id: any) => void;
+    add_astc_to_element_children: (element: any) => void;
+    copy_element_astc: (selector_id: any) => void;
+    copy_element_markdown: (selector_id: any) => void;
+    shift_el: (selector_id: any, i_shift: any) => void;
+    set_el_from_astc_el_string: (selector_id: any, astc_string: any) => void;
+    delete_el: (selector_id: any) => void;
+    open_edit_element_attributes_popover: (selector_id: any) => void;
+    set_element_attribute: (selector_id: any, attribute: any, val: any) => void;
+    set_element_attributes: (selector_id: any, new_attributes: any) => void;
+    pass_event_down: (input: any) => void;
+    reset_ids: (selector_id: any) => void;
+    handle_element_child_drag_over: (e: any, selector_id: any, is_children?: boolean) => void;
+    handle_element_child_drag_drop: (e: any, selector_id: any, is_children?: boolean) => void;
+    handle_element_child_drag_start: (e: any, selector_id: any) => void;
+    handle_element_child_drag_end: (e: any, selector_id: any) => void;
+};

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

@@ -9,13 +9,13 @@ import {
   deep_copy,
   set_closurable,
 } from "../../client/index.js"
-import { create_button_manager } from "../Button/index.svelte.js"
-import { create_popover_manager } from "../Popover/index.svelte.js"
-import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
-import { create_text_input_manager } from "../TextInput/index.svelte.js"
-import { create_attributes_input_manager } from "./AttributesInput/index.svelte.js"
-import { create_content_manager } from "../Content/index.svelte.js"
-import { create_add_element_manager } from "./ContentPanelBuilder/AddElement/index.svelte.js"
+import { create_button_manager } from "../Button/manager.svelte.js"
+import { create_popover_manager } from "../Popover/manager.svelte.js"
+import { create_dropdown_manager } from "../Dropdown/manager.svelte.js"
+import { create_text_input_manager } from "../TextInput/manager.svelte.js"
+import { create_attributes_input_manager } from "./AttributesInput/manager.svelte.js"
+import { create_content_manager } from "../Content/manager.svelte.js"
+import { create_add_element_manager } from "./ContentPanelBuilder/AddElement/manager.svelte.js"
 
 export function create_content_input_manager(config) {
   const id = create_unique_id(null, 20)
@@ -170,7 +170,7 @@ export function create_content_input_manager(config) {
       icon_size: 1.6,
       min_height: 2,
       border_radius: 0.5,
-      popover_target: `popover_${extra_popover_manager?.id}`,
+      popover_target: () => `popover_${extra_popover_manager?.id}`,
     })
     small_preempt_add_child_element_button_manager = create_button_manager({
       type: "soft",

package/dist/Components/CronInput/index.svelte

@@ -8,13 +8,13 @@
 </script>
 
 <div>
-  {#if manager?.label || manager?.error_message}
+  {#if manager?.label || !manager?.is_valid}
     <div style="display: inline-flex;">
       {#if manager?.label}
         <p class="label">{manager?.label}:</p>
       {/if}
       {#if !manager?.is_valid}
-        <p class="error_text">Cron val invalid</p>
+        <p class="error_text">Cron expression is invalid.</p>
       {/if}
     </div>
   {/if}

package/dist/Components/CronInput/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/CronInput/manager.svelte.d.ts

@@ -0,0 +1,19 @@
+export function create_cron_input_manager(config: any): {
+    id: string;
+    readonly label: null;
+    readonly val: string | null;
+    readonly is_nullable: null;
+    readonly description: string | undefined;
+    readonly is_disabled: null;
+    readonly is_compressed: null;
+    readonly is_valid: boolean;
+    readonly is_popover: null;
+    readonly ml: null;
+    readonly mr: null;
+    readonly mt: null;
+    readonly mb: null;
+    readonly popover_manager: null;
+    readonly popover_toggle_button_manager: null;
+    readonly finish_button_manager: null;
+    readonly cron_text_input_manager: null;
+};

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

@@ -1,6 +1,6 @@
-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_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_unique_id, set_closurable, cron_to_english } from "../../client/index.js"
 
 export function create_cron_input_manager(config) {
@@ -28,7 +28,8 @@ export function create_cron_input_manager(config) {
     if (cron_text_input_manager?.val == null) {
       return true
     }
-    const cron_parts = (cron_text_input_manager?.val || "* * * * *").split(" ")
+    const cron_parts = String(cron_text_input_manager.val).trim().split(/\s+/)
+    if (cron_parts.length !== 5) return false
     const [minute, hour, day_of_month, month, day_of_week] = [
       cron_parts[0] || "*",
       cron_parts[1] || "*",
@@ -138,6 +139,7 @@ export function create_cron_input_manager(config) {
     finish_button_manager = create_button_manager({
       text: "Finish",
       mt: 0.5,
+      is_disabled: () => !is_valid,
       on_click: () => finish_cron(),
     })
   }

package/dist/Components/DataTypeInput/index.svelte

@@ -19,7 +19,7 @@
           <TextInput manager={manager?.search_text_input_manager} />
         </div>
         {/if}
-        {#if manager?.variables}
+        {#if manager?.data_sample != null}
           <Button manager={manager?.guess_from_variables_button_manager} />
         {/if}
       </div>
@@ -60,7 +60,7 @@
         <p>Object Uniform Value Type</p>
         <div style="display: flex; gap: 1rem;">
           <Dropdown manager={manager?.items_type_options_dropdown_manager} />
-          {#if ["array_literal", "object_literal", "object_uniform_literal"].includes(manager?.val_at_path?.items?.type)}
+          {#if ["array_literal", "array_uniform_literal", "object_literal", "object_uniform_literal"].includes(manager?.val_at_path?.items?.type)}
             <Button manager={manager?.edit_items_type_button_manager} />
           {/if}
         </div>
@@ -100,7 +100,7 @@
                           {#if ["array_literal", "array_uniform_literal", "object_literal","object_uniform_literal", "table_id_for_foreign_row_literal"].includes(manager?.val_at_path?.properties?.[property_key]?.type)}
                             <Button manager={manager?.property_type_options?.[property_key]?.to_breadcrumbs_button_manager} /> 
                           {/if}
-                          {#if manager?.val_at_path?.properties.length > 0 && (manager?.val_at_path?.properties?.[property_key]?.display_order == null || manager?.val_at_path.properties?.[property_key]?.display_order > 0)}
+                          {#if Object.keys(manager?.val_at_path?.properties || {}).length > 0 && (manager?.val_at_path?.properties?.[property_key]?.display_order == null || manager?.val_at_path.properties?.[property_key]?.display_order > 0)}
                             <Button manager={manager?.property_type_options?.[property_key]?.shift_up_button_manager} />
                           {/if}
                           {#if manager?.val_at_path?.properties?.[property_key]?.display_order != null && manager?.val_at_path?.properties?.[property_key]?.display_order < Object.keys(manager?.val_at_path?.properties || {}).length - 1}

package/dist/Components/DataTypeInput/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/DataTypeInput/manager.svelte.d.ts

@@ -0,0 +1,36 @@
+export function create_data_type_input_manager(config: any): {
+    id: string;
+    readonly label: null;
+    readonly initial_val: null;
+    readonly val: null;
+    readonly data_sample: any;
+    readonly popover_manager: null;
+    readonly search_text_input_manager: null;
+    readonly type_option_buttons: null;
+    readonly breadcrumbs_manager: null;
+    readonly items_type_options_dropdown_manager: null;
+    readonly property_type_options: null;
+    readonly type_options_dropdown_manager: null;
+    readonly property_key_to_add_text_manager: null;
+    readonly property_key_to_add_finish_button_manager: null;
+    readonly edit_items_type_button_manager: null;
+    readonly finish_button_manager: null;
+    readonly table_id_for_foreign_row_text_input_manager: null;
+    readonly property_key_table_id_for_foreign_row_text_input_manager: null;
+    readonly table_options: null;
+    readonly clear_breadcrumbs_button_manager: null;
+    readonly guess_from_variables_button_manager: null;
+    readonly type_options: {
+        key: string;
+        name: string;
+    }[];
+    readonly type_display_name: string | null;
+    readonly val_at_path: any;
+    set_data_type: (type_key: any, breadcrumbs_input?: null) => void;
+    add_object_property: (key?: null) => void;
+    delete_object_property: (property_key: any) => void;
+    shift_object_property: (property_key: any, direction: any) => void;
+    finish: () => void;
+    guess_from_data: (data: any) => void;
+    guess_from_variables: () => void;
+};

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

@@ -1,9 +1,9 @@
 import { node_types, json_to_data_type, deep_copy } from "../../client/index.js"
-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_breadcrumbs_manager } from "../Breadcrumbs/index.svelte.js"
-import { create_dropdown_manager } from "../Dropdown/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_breadcrumbs_manager } from "../Breadcrumbs/manager.svelte.js"
+import { create_dropdown_manager } from "../Dropdown/manager.svelte.js"
 import { create_unique_id, set_closurable } from "../../client/index.js"
 
 export function create_data_type_input_manager(config) {
@@ -92,8 +92,8 @@ export function create_data_type_input_manager(config) {
     for (let property_key of Object.keys(val_at_path?.properties || {}).sort(
       (a, b) => val_at_path?.properties?.[a]?.display_order - val_at_path.properties?.[b]?.display_order
     )) {
-      let edit_popover_manager = $state(null)
-      let edit_popover_trigger_button_manager = $state(null)
+      let edit_popover_manager = null
+      let edit_popover_trigger_button_manager = null
       edit_popover_manager = create_popover_manager({
         min_width: 200,
         target_width: 200,
@@ -459,6 +459,7 @@ export function create_data_type_input_manager(config) {
       options: table_options,
       on_item_click: (input) => {
         let val_at_path_loc = deep_copy(val_at_path)
+        val_at_path_loc.attributes ??= {}
         val_at_path_loc.attributes.table_id = input?.key
         val = set_structure_at_path(val, val_at_path_loc, breadcrumbs_manager?.val)
       },
@@ -469,6 +470,7 @@ export function create_data_type_input_manager(config) {
       options: table_options,
       on_item_click: (input) => {
         let val_at_path_loc = deep_copy(val_at_path)
+        val_at_path_loc.attributes ??= {}
         val_at_path_loc.attributes.property_key_table_id = input?.key
         val = set_structure_at_path(val, val_at_path_loc, breadcrumbs_manager?.val)
       },
@@ -491,8 +493,8 @@ export function create_data_type_input_manager(config) {
     get val() {
       return val
     },
-    get val() {
-      return val
+    get data_sample() {
+      return data_sample
     },
     get popover_manager() {
       return popover_manager
@@ -551,9 +553,6 @@ export function create_data_type_input_manager(config) {
     get val_at_path() {
       return val_at_path
     },
-    get val() {
-      return val
-    },
     set_data_type,
     add_object_property,
     delete_object_property,

package/dist/Components/Dropdown/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/Dropdown/manager.svelte.d.ts

@@ -0,0 +1,51 @@
+export function create_dropdown_manager(config: any): {
+    id: string;
+    readonly type: any;
+    readonly is_collapsed: any;
+    readonly val: null;
+    readonly val_key: any;
+    readonly row_display_keys: any;
+    readonly button_display_keys: any;
+    readonly options: null;
+    readonly is_multiselect: any;
+    readonly is_set_null_button: any;
+    readonly is_disabled: any;
+    readonly header: any;
+    readonly header_icon: any;
+    readonly header_icon_deg: any;
+    readonly min_header_width: any;
+    readonly spacer_color: any;
+    readonly label: any;
+    readonly error_message: any;
+    readonly placeholder: any;
+    readonly target_width: any;
+    readonly target_height: any;
+    readonly font_weight: any;
+    readonly font_size: any;
+    readonly is_show_x: any;
+    readonly text_align: any;
+    readonly justify_content: any;
+    readonly is_show_arrow: any;
+    readonly button_type: any;
+    readonly selected_font_size: any;
+    readonly is_button_compressed: any;
+    readonly is_searchable: any;
+    readonly is_hide_button: any;
+    readonly item_mb: any;
+    readonly ml: any;
+    readonly mr: any;
+    readonly mb: any;
+    readonly mt: any;
+    readonly search_text_input_manager: null;
+    readonly filtered_button_managers: null;
+    readonly popover_manager: null;
+    readonly toggle_button_manager: null;
+    readonly toggle_button_text: any;
+    readonly clear_button_manager: null;
+    readonly header_icon_manager: null;
+    readonly search_requests_is_loading: any[];
+    init: (config: any) => void;
+    item_clicked: (item: any) => void;
+    set_val: (input: any) => void;
+    set_options: (input: any) => void;
+};

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

@@ -1,8 +1,8 @@
 import { create_unique_id, set_closurable, set_closurable_color } from "../../client/index.js"
-import { create_button_manager } from "../Button/index.svelte.js"
-import { create_popover_manager } from "../Popover/index.svelte.js"
-import { create_text_input_manager } from "../TextInput/index.svelte.js"
-import { create_icon_manager } from "../Icon/index.svelte.js"
+import { create_button_manager } from "../Button/manager.svelte.js"
+import { create_popover_manager } from "../Popover/manager.svelte.js"
+import { create_text_input_manager } from "../TextInput/manager.svelte.js"
+import { create_icon_manager } from "../Icon/manager.svelte.js"
 
 export function create_dropdown_manager(config) {
   const id = create_unique_id(null, 20)
@@ -53,16 +53,23 @@ export function create_dropdown_manager(config) {
   let toggle_button_text = $derived(get_button_text())
   let header_icon_manager = $state(null)
   let search_requests_is_loading = $state([])
+  let latest_search_request_id = null
+
+  function option_matches_search(option, search_val) {
+    if ([null, ""].includes(search_val)) return true
+    const search_text = String(search_val).toLocaleLowerCase()
+    return [val_key, ...(Array.isArray(row_display_keys) ? row_display_keys : [])].some((key) =>
+      String(option?.[key] ?? "")
+        .toLocaleLowerCase()
+        .includes(search_text)
+    )
+  }
 
   function set_filtered_button_managers(search_val = null) {
     let filtered_button_managers_loc = []
     if (Array.isArray(options) && options.length > 0) {
       for (let option of options) {
-        if (
-          [null, ""].includes(search_val) ||
-          (option?.[val_key] && option?.[val_key].length > 0 && search_val && option?.[val_key].includes(search_val)) ||
-          row_display_keys.some((h) => option?.[h].includes(search_val))
-        ) {
+        if (option_matches_search(option, search_val)) {
           filtered_button_managers_loc.push(
             create_button_manager({
               type: "soft",
@@ -173,13 +180,17 @@ export function create_dropdown_manager(config) {
     let clean_options = []
     if (Array.isArray(input)) {
       for (let option of input) {
-        if (typeof option == "object") {
+        if (option != null && typeof option == "object") {
           const name = Array.isArray(button_display_keys)
             ? button_display_keys.map((h) => option?.[h] ?? "").join(" ")
             : option?.name ?? option?.[val_key]
-          clean_options.push({ key: option?.[val_key], name: name })
+          clean_options.push({
+            ...option,
+            key: option?.key ?? option?.[val_key],
+            name: option?.name ?? name,
+          })
         } else {
-          clean_options.push({ key: option, name: String(option) })
+          clean_options.push({ key: option, [val_key]: option, name: String(option) })
         }
       }
     }
@@ -189,13 +200,22 @@ export function create_dropdown_manager(config) {
 
   async function get_db_search_results(input) {
     if (typeof config?.on_search == "function") {
-      const id = create_unique_id(null, 20)
-      search_requests_is_loading.push(id)
-      const res = await config?.on_search({ input: input ?? null, id })
-      if (search_requests_is_loading.includes(id)) {
-        const id_index = search_requests_is_loading.indexOf(id)
-        search_requests_is_loading = search_requests_is_loading.slice(id_index + 1)
-        set_options(res?.options || [])
+      const request_id = create_unique_id(null, 20)
+      latest_search_request_id = request_id
+      search_requests_is_loading = [...search_requests_is_loading, request_id]
+      try {
+        const res = await config.on_search({ input: input ?? null, id: request_id })
+        if (latest_search_request_id == request_id) {
+          set_options(res?.options || [])
+        }
+        return res
+      } catch (error) {
+        if (typeof config?.on_search_error == "function") {
+          config.on_search_error(error)
+        }
+        return null
+      } finally {
+        search_requests_is_loading = search_requests_is_loading.filter((id) => id != request_id)
       }
     }
   }

package/dist/Components/EmailAddress/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;
+};