sveltekit-ui 1.1.76 → 1.1.78

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

@@ -5,13 +5,14 @@ import {
   clean_custom_identifier,
   mime_type_extensions,
 } from "../../client/index.js"
-import { create_button_manager } from "../Button/manager.svelte.js"
-import { create_popover_manager } from "../Popover/manager.svelte.js"
-import { create_audio_manager } from "../Audio/manager.svelte.js"
-import { create_image_manager } from "../Image/manager.svelte.js"
-import { create_breadcrumbs_manager } from "../Breadcrumbs/manager.svelte.js"
-import { create_file_input_manager } from "../FileInput/manager.svelte.js"
-import { create_icon_manager } from "../Icon/manager.svelte.js"
+import { create_button_manager } from "../Button/index.svelte.js"
+import { create_popover_manager } from "../Popover/index.svelte.js"
+import { create_audio_manager } from "../Audio/index.svelte.js"
+import { create_image_manager } from "../Image/index.svelte.js"
+import { create_breadcrumbs_manager } from "../Breadcrumbs/index.svelte.js"
+import { create_file_input_manager } from "../FileInput/index.svelte.js"
+import { create_icon_manager } from "../Icon/index.svelte.js"
+import { create_checkbox_manager } from "../Checkbox/index.svelte.js"
 
 export function create_storage_picker_manager(config) {
   const id = create_unique_id(null, 20)
@@ -37,16 +38,29 @@ export function create_storage_picker_manager(config) {
   let finish_multiselect_button_manager = $state(null)
   let display_file = $state(null)
   let file_icon_manager = $state(null)
+  let list_file_icon_manager = $state(null)
   let error_message = $state(null)
+  let view_mode = $state("grid")
+  let grid_view_button_manager = $state(null)
+  let list_view_button_manager = $state(null)
+  let select_all_locally_uploaded_files_button_manager = $state(null)
+  let select_all_locally_uploaded_files_loading_id = $state(null)
 
   let is_show_content = $derived(set_closurable(config?.is_show_content, true))
   let is_multiselect = $derived(set_closurable(config?.is_multiselect, false))
   let is_read_only = $derived(set_closurable(config?.is_read_only, false))
   let is_disabled = $derived(set_closurable(config?.is_disabled, false) || is_read_only)
   let is_show_button = $derived(set_closurable(config?.is_show_button, true))
+  let is_show_file_view_toggle = $derived(set_closurable(config?.is_show_file_view_toggle, true))
   let storage_src = $derived(
     set_closurable(config?.storage_src, "https://www.contibase.com/api/v1/storage/{storage_id}")
   )
+  let max_selected_files = $derived.by(() => {
+    const configured_max = set_closurable(config?.max_selected_files, null)
+    if (configured_max == null || configured_max === "") return null
+    const parsed_max = Number(configured_max)
+    return Number.isFinite(parsed_max) && parsed_max >= 0 ? Math.floor(parsed_max) : null
+  })
   let select_file_loading_id = $state(null)
   let is_destroyed = false
   let operation_version = 0
@@ -54,6 +68,18 @@ export function create_storage_picker_manager(config) {
   const persistent_object_urls = new Set()
   const display_object_urls = new Set()
 
+  let are_all_locally_uploaded_files_selected = $derived.by(() => {
+    const local_ids = ordered_items?.locally_uploaded_files_ids ?? []
+    return local_ids.length > 0 && local_ids.every((local_id) => is_file_selected(local_id))
+  })
+  let is_show_select_all_locally_uploaded_files = $derived(
+    is_multiselect && (ordered_items?.locally_uploaded_files_ids?.length ?? 0) > 1
+  )
+  let is_show_file_view_controls = $derived(
+    is_show_file_view_toggle &&
+      ((locally_uploaded_files_prepped?.length ?? 0) > 0 || (storage_files_prepped?.length ?? 0) > 0)
+  )
+
   function create_owned_object_url(file, collection) {
     const object_url = URL.createObjectURL(file)
     collection.add(object_url)
@@ -78,6 +104,7 @@ export function create_storage_picker_manager(config) {
     active_abort_controller?.abort()
     active_abort_controller = null
     select_file_loading_id = null
+    select_all_locally_uploaded_files_loading_id = null
   }
 
   function on_destroy() {
@@ -88,6 +115,67 @@ export function create_storage_picker_manager(config) {
     revoke_object_urls(persistent_object_urls)
   }
 
+  function set_view_mode(input) {
+    if (input === "grid" || input === "list") view_mode = input
+  }
+
+  function is_file_selected(file_id) {
+    if (file_id == null) return false
+    return Array.isArray(val) && val.some((selected_file) => selected_file?.id == file_id)
+  }
+
+  function selected_file_count() {
+    return Array.isArray(val) ? val.length : val ? 1 : 0
+  }
+
+  function remaining_selection_capacity() {
+    if (max_selected_files == null) return Number.POSITIVE_INFINITY
+    return Math.max(max_selected_files - selected_file_count(), 0)
+  }
+
+  function is_selection_control_disabled(storage_item) {
+    if (is_disabled || !!select_file_loading_id) return true
+    return is_multiselect && !is_file_selected(storage_item?.id) && remaining_selection_capacity() < 1
+  }
+
+  function sync_selection_controls() {
+    for (const storage_item of [...locally_uploaded_files_prepped, ...storage_files_prepped]) {
+      storage_item?.selection_checkbox_manager?.set_val(is_file_selected(storage_item?.id))
+    }
+  }
+
+  function get_file_extension(storage_item) {
+    const configured_extension = String(storage_item?.file_extension ?? "")
+      .trim()
+      .toLowerCase()
+      .replace(/^\./, "")
+    if (configured_extension) return configured_extension
+
+    const file_name = String(storage_item?.file?.name ?? storage_item?.file_name ?? "").toLowerCase()
+    const extension_separator_index = file_name.lastIndexOf(".")
+    if (extension_separator_index > -1 && extension_separator_index < file_name.length - 1) {
+      return file_name.slice(extension_separator_index + 1)
+    }
+    return String(mime_type_extensions?.[storage_item?.mime_type] ?? "")
+      .trim()
+      .toLowerCase()
+      .replace(/^\./, "")
+  }
+
+  function is_item_accepted(storage_item, accepted_types = acceptable_mime_types) {
+    if (!Array.isArray(accepted_types) || accepted_types.length < 1) return true
+    const mime_type = String(storage_item?.mime_type ?? storage_item?.file?.type ?? "").toLowerCase()
+    const file_extension = get_file_extension(storage_item)
+
+    return accepted_types.some((accepted_type_input) => {
+      const accepted_type = String(accepted_type_input ?? "").trim().toLowerCase()
+      if (!accepted_type) return false
+      if (accepted_type.startsWith(".")) return file_extension === accepted_type.slice(1)
+      if (accepted_type.endsWith("/*")) return mime_type.startsWith(accepted_type.slice(0, -1))
+      return mime_type === accepted_type
+    })
+  }
+
   function get_src(src, storage_id) {
     if (src) {
       return src
@@ -159,12 +247,7 @@ export function create_storage_picker_manager(config) {
     let folder_ids = []
     let storage_ids = []
     let locally_uploaded_files_ids = []
-    const is_acceptable_mime_type = (item) => {
-      return (
-        !(Array.isArray(acceptable_mime_types) && acceptable_mime_types.length > 0) ||
-        acceptable_mime_types.includes(item?.mime_type)
-      )
-    }
+    const is_acceptable_mime_type = (item) => is_item_accepted(item, acceptable_mime_types)
     if (
       Array.isArray(storage_origins) &&
       storage_origins.includes("storage") &&
@@ -233,7 +316,9 @@ export function create_storage_picker_manager(config) {
       throw new Error("No file was provided.")
     }
     const prepared_item = { ...storage_item }
-    if (prepared_item.file) {
+    if (typeof prepared_item.base64_content === "string" && prepared_item.base64_content) {
+      return prepared_item
+    } else if (prepared_item.file) {
       prepared_item.base64_content = await convert_file_to_base64(prepared_item.file)
     } else if (prepared_item.id) {
       prepared_item.base64_content = await fetch_and_convert_to_base64(
@@ -247,7 +332,9 @@ export function create_storage_picker_manager(config) {
   }
 
   async function select_file(storage_item, loading_id) {
-    if (is_disabled || is_destroyed || select_file_loading_id) return
+    if (is_disabled || is_destroyed || select_file_loading_id) return false
+    const is_already_selected = is_file_selected(storage_item?.id)
+    if (is_multiselect && !is_already_selected && remaining_selection_capacity() < 1) return false
     if (!loading_id) {
       loading_id = create_unique_id(null, 20)
     }
@@ -262,29 +349,91 @@ export function create_storage_picker_manager(config) {
           val = val.filter((h) => h?.id != storage_item?.id)
         } else {
           const prepared_item = await prepare_storage_item(storage_item, active_abort_controller?.signal)
-          if (is_destroyed || current_operation !== operation_version) return
+          if (is_destroyed || current_operation !== operation_version) return false
           val = [...(Array.isArray(val) ? val : []), prepared_item]
         }
       } else {
         const prepared_item = await prepare_storage_item(storage_item, active_abort_controller?.signal)
-        if (is_destroyed || current_operation !== operation_version) return
+        if (is_destroyed || current_operation !== operation_version) return false
         val = prepared_item
         if (typeof config?.on_finish == "function") {
           await config.on_finish(val)
         }
-        if (is_destroyed || current_operation !== operation_version) return
+        if (is_destroyed || current_operation !== operation_version) return false
         popover_manager?.close()
       }
       set_display_file()
+      sync_selection_controls()
+      return true
     } catch (error) {
       if (!is_destroyed && error?.name !== "AbortError") {
         error_message = error?.message ?? "Unable to select file."
       }
+      return false
+    } finally {
+      if (current_operation === operation_version) {
+        select_file_loading_id = null
+        active_abort_controller = null
+      }
+      sync_selection_controls()
+    }
+  }
+
+  function local_files_bulk_selection_count() {
+    const missing_local_file_count = (ordered_items?.locally_uploaded_files_ids ?? []).filter(
+      (local_id) => !is_file_selected(local_id)
+    ).length
+    return Math.min(missing_local_file_count, remaining_selection_capacity())
+  }
+
+  async function toggle_select_all_locally_uploaded_files() {
+    if (is_disabled || is_destroyed || select_file_loading_id || !is_multiselect) return false
+    const local_ids = ordered_items?.locally_uploaded_files_ids ?? []
+    if (local_ids.length < 1) return false
+
+    if (local_ids.every((local_id) => is_file_selected(local_id))) {
+      const local_id_set = new Set(local_ids)
+      val = (Array.isArray(val) ? val : []).filter((selected_file) => !local_id_set.has(selected_file?.id))
+      set_display_file()
+      sync_selection_controls()
+      return true
+    }
+
+    const local_ids_to_select = local_ids
+      .filter((local_id) => !is_file_selected(local_id))
+      .slice(0, local_files_bulk_selection_count())
+    if (local_ids_to_select.length < 1) return false
+
+    const loading_id = create_unique_id(null, 20)
+    const current_operation = ++operation_version
+    active_abort_controller = typeof AbortController === "undefined" ? null : new AbortController()
+    select_file_loading_id = loading_id
+    select_all_locally_uploaded_files_loading_id = loading_id
+    error_message = null
+    try {
+      const prepared_local_files = []
+      for (const local_id of local_ids_to_select) {
+        const local_file = locally_uploaded_files?.[local_id]
+        const prepared_local_file = await prepare_storage_item(local_file, active_abort_controller?.signal)
+        if (is_destroyed || current_operation !== operation_version) return false
+        prepared_local_files.push(prepared_local_file)
+      }
+      val = [...(Array.isArray(val) ? val : []), ...prepared_local_files]
+      set_display_file()
+      sync_selection_controls()
+      return true
+    } catch (error) {
+      if (!is_destroyed && error?.name !== "AbortError") {
+        error_message = error?.message ?? "Unable to select local files."
+      }
+      return false
     } finally {
       if (current_operation === operation_version) {
         select_file_loading_id = null
+        select_all_locally_uploaded_files_loading_id = null
         active_abort_controller = null
       }
+      sync_selection_controls()
     }
   }
 
@@ -305,6 +454,7 @@ export function create_storage_picker_manager(config) {
       if (is_destroyed || current_operation !== operation_version) return
       val = next_val
       set_display_file()
+      sync_selection_controls()
     } catch (error) {
       if (!is_destroyed && error?.name !== "AbortError") {
         error_message = error?.message ?? "Unable to set file."
@@ -322,6 +472,36 @@ export function create_storage_picker_manager(config) {
       config?.on_finish(val)
     }
     set_display_file()
+    sync_selection_controls()
+  }
+
+  function create_file_selection_managers(storage_item, loading_id) {
+    let selection_checkbox_manager = null
+    selection_checkbox_manager = create_checkbox_manager({
+      val: is_file_selected(storage_item?.id),
+      aria_label: () =>
+        `${is_file_selected(storage_item?.id) ? "Deselect" : "Select"} ${storage_item?.file_name ?? "file"}`,
+      is_loading: () => select_file_loading_id == loading_id,
+      is_disabled: () => is_selection_control_disabled(storage_item),
+      on_change: () => {
+        void select_file(storage_item, loading_id).finally(() => {
+          selection_checkbox_manager?.set_val(is_file_selected(storage_item?.id))
+        })
+      },
+    })
+
+    return {
+      selection_checkbox_manager,
+      select_button_manager: create_button_manager({
+        text: () => (is_file_selected(storage_item?.id) ? "Deselect File" : "Select File"),
+        selected_type: () => (is_file_selected(storage_item?.id) ? "selected" : null),
+        is_loading: () => select_file_loading_id == loading_id,
+        is_disabled: () => is_selection_control_disabled(storage_item),
+        mt: () => (view_mode === "grid" ? 1 : 0),
+        is_compressed: () => view_mode === "list",
+        on_click: () => select_file(storage_item, loading_id),
+      }),
+    }
   }
 
   function set_locally_uploaded_files_prepped() {
@@ -334,21 +514,11 @@ export function create_storage_picker_manager(config) {
       for (let locally_uploaded_file_id of ordered_items?.locally_uploaded_files_ids) {
         const locally_uploaded_file = locally_uploaded_files?.[locally_uploaded_file_id]
         const loading_id = create_unique_id(null, 20)
+        const selection_managers = create_file_selection_managers(locally_uploaded_file, loading_id)
         let locally_uploaded_file_prepped = {
           ...locally_uploaded_file,
           file_icon_manager,
-          select_button_manager: create_button_manager({
-            text: () =>
-              Array.isArray(val) && val.some((h) => h?.id == locally_uploaded_file?.id)
-                ? "Deselect File"
-                : "Select File",
-            selected_type: () =>
-              Array.isArray(val) && val.some((h) => h?.id == locally_uploaded_file?.id) ? "selected" : null,
-            is_loading: () => select_file_loading_id == loading_id,
-            is_disabled: () => is_disabled || !!select_file_loading_id,
-            mt: 1,
-            on_click: () => select_file(locally_uploaded_file, loading_id),
-          }),
+          ...selection_managers,
         }
         if (["audio/mpeg"].includes(locally_uploaded_file_prepped?.mime_type)) {
           locally_uploaded_file_prepped.manager = create_audio_manager({
@@ -411,19 +581,12 @@ export function create_storage_picker_manager(config) {
           const storage_item = storage?.[storage_id]
           const loading_id = create_unique_id(null, 20)
           const src = get_src(storage_item?.src, storage_item?.id)
+          const selection_managers = create_file_selection_managers(storage_item, loading_id)
           let storage_file_prepped_loc = {
             ...storage_item,
             src: src,
             file_icon_manager,
-            select_button_manager: create_button_manager({
-              text: () =>
-                Array.isArray(val) && val.some((h) => h?.id == storage_id) ? "Deselect File" : "Select File",
-              selected_type: () => (Array.isArray(val) && val.some((h) => h?.id == storage_id) ? "selected" : null),
-              is_loading: () => select_file_loading_id == loading_id,
-              is_disabled: () => is_disabled || !!select_file_loading_id,
-              mt: 1,
-              on_click: () => select_file(storage?.[storage_id], loading_id),
-            }),
+            ...selection_managers,
           }
           if (["audio/mpeg"].includes(storage_item?.mime_type)) {
             storage_file_prepped_loc.manager = create_audio_manager({
@@ -518,6 +681,7 @@ export function create_storage_picker_manager(config) {
     display_height = Number(set_closurable(config?.display_height, 20)) || 20
     mt = Number(set_closurable(config?.mt, 0)) || 0
     mb = Number(set_closurable(config?.mb, 0)) || 0
+    set_view_mode(set_closurable(config?.view_mode, "grid"))
     popover_manager = create_popover_manager({
       min_width: 320,
       target_width: 900,
@@ -545,6 +709,47 @@ export function create_storage_picker_manager(config) {
       is_read_only: () => is_read_only,
       on_get_file: (input) => void add_locally_uploaded_files(input),
     })
+    grid_view_button_manager = create_button_manager({
+      type: "outlined",
+      support_icon: "chart_group",
+      is_uniform: true,
+      is_compressed: true,
+      aria_label: "Show files as a grid",
+      selected_type: () => (view_mode === "grid" ? "selected" : null),
+      is_disabled: () => is_disabled,
+      on_click: () => set_view_mode("grid"),
+    })
+    list_view_button_manager = create_button_manager({
+      type: "outlined",
+      support_icon: "list",
+      is_uniform: true,
+      is_compressed: true,
+      aria_label: "Show files as a list",
+      selected_type: () => (view_mode === "list" ? "selected" : null),
+      is_disabled: () => is_disabled,
+      on_click: () => set_view_mode("list"),
+    })
+    select_all_locally_uploaded_files_button_manager = create_button_manager({
+      type: "outlined",
+      is_compressed: true,
+      text: () => {
+        if (are_all_locally_uploaded_files_selected) return "Deselect All Local Files"
+        const missing_local_file_count = (ordered_items?.locally_uploaded_files_ids ?? []).filter(
+          (local_id) => !is_file_selected(local_id)
+        ).length
+        const selection_count = local_files_bulk_selection_count()
+        return selection_count > 0 && selection_count < missing_local_file_count
+          ? `Select ${selection_count} Local File${selection_count === 1 ? "" : "s"}`
+          : "Select All Local Files"
+      },
+      selected_type: () => (are_all_locally_uploaded_files_selected ? "selected" : null),
+      is_loading: () => !!select_all_locally_uploaded_files_loading_id,
+      is_disabled: () =>
+        is_disabled ||
+        (!!select_file_loading_id && !select_all_locally_uploaded_files_loading_id) ||
+        (!are_all_locally_uploaded_files_selected && local_files_bulk_selection_count() < 1),
+      on_click: () => toggle_select_all_locally_uploaded_files(),
+    })
     clear_button_manager = create_button_manager({
       type: "outlined",
       support_icon: "x",
@@ -566,7 +771,7 @@ export function create_storage_picker_manager(config) {
               : ""
             : ""
         }`,
-      is_disabled: () => is_disabled || (Array.isArray(val) && val.length < 1),
+      is_disabled: () => is_disabled || !Array.isArray(val) || val.length < 1,
       on_click: () => {
         set_display_file()
         if (typeof config?.on_finish == "function") {
@@ -581,6 +786,12 @@ export function create_storage_picker_manager(config) {
       sw: 10,
       color: "var(--g6-t)",
     })
+    list_file_icon_manager = create_icon_manager({
+      icon_id: "file",
+      size: 3.2,
+      sw: 12,
+      color: "var(--g6-t)",
+    })
     set_files_prepped()
     void set_val(set_closurable(config?.val, null))
   }
@@ -676,11 +887,41 @@ export function create_storage_picker_manager(config) {
     get file_icon_manager() {
       return file_icon_manager
     },
+    get list_file_icon_manager() {
+      return list_file_icon_manager
+    },
+    get view_mode() {
+      return view_mode
+    },
+    get grid_view_button_manager() {
+      return grid_view_button_manager
+    },
+    get list_view_button_manager() {
+      return list_view_button_manager
+    },
+    get select_all_locally_uploaded_files_button_manager() {
+      return select_all_locally_uploaded_files_button_manager
+    },
+    get are_all_locally_uploaded_files_selected() {
+      return are_all_locally_uploaded_files_selected
+    },
+    get is_show_select_all_locally_uploaded_files() {
+      return is_show_select_all_locally_uploaded_files
+    },
+    get is_show_file_view_controls() {
+      return is_show_file_view_controls
+    },
+    get max_selected_files() {
+      return max_selected_files
+    },
     init,
     get_ordered_items,
+    is_item_accepted,
     select_file,
+    toggle_select_all_locally_uploaded_files,
     clear,
     set_files_prepped,
+    set_view_mode,
     open_popover,
     set_val,
     on_destroy,

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

@@ -1,12 +1,12 @@
-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 { 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 {
   set_closurable,
   node_types,

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

@@ -1,9 +1,9 @@
-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 { 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 { set_closurable } from "../../../client/index.js"
 
 // come back to this. might just use the function builder here instead of seperate components

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

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

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

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

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

@@ -1,13 +1,13 @@
-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 { 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 {
   deep_copy,
   copy_to_clipboard,

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

@@ -1,4 +1,4 @@
-import { create_icon_manager } from "../Icon/manager.svelte.js"
+import { create_icon_manager } from "../Icon/index.svelte.js"
 
 export function create_tag_manager(config) {
   let val = $state(null)

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

@@ -1,7 +1,7 @@
 import { create_unique_id, set_closurable } from "../../client/index.js"
-import { create_text_input_manager } from "../TextInput/manager.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/index.svelte.js"
+import { create_button_manager } from "../Button/index.svelte.js"
+import { create_popover_manager } from "../Popover/index.svelte.js"
 
 export function create_text_array_input_manager(config) {
   let id = create_unique_id(null, 20)

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

@@ -1,6 +1,6 @@
 import { create_unique_id, set_closurable } from "../../client/index.js"
-import { create_popover_manager } from "../Popover/manager.svelte.js"
-import { create_button_manager } from "../Button/manager.svelte.js"
+import { create_popover_manager } from "../Popover/index.svelte.js"
+import { create_button_manager } from "../Button/index.svelte.js"
 import { browser } from "$app/environment"
 
 export function create_text_input_manager(config) {

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

@@ -1,5 +1,5 @@
-import { create_text_input_manager } from "../../TextInput/manager.svelte.js"
-import { create_button_manager } from "../../Button/manager.svelte.js"
+import { create_text_input_manager } from "../../TextInput/index.svelte.js"
+import { create_button_manager } from "../../Button/index.svelte.js"
 
 export function create_number_toggler(config) {
   let number_plus_one_button_manager = $state(null)

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

@@ -1,8 +1,8 @@
-import { create_popover_manager } from "../Popover/manager.svelte.js"
-import { create_button_manager } from "../Button/manager.svelte.js"
-import { create_dropdown_manager } from "../Dropdown/manager.svelte.js"
-import { create_text_input_manager } from "../TextInput/manager.svelte.js"
-import { create_number_toggler } from "./NumberToggler/manager.svelte.js"
+import { create_popover_manager } from "../Popover/index.svelte.js"
+import { create_button_manager } from "../Button/index.svelte.js"
+import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
+import { create_text_input_manager } from "../TextInput/index.svelte.js"
+import { create_number_toggler } from "./NumberToggler/index.svelte.js"
 import { create_unique_id, set_closurable } from "../../client/index.js"
 import {
   time_formats,

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

@@ -1,7 +1,7 @@
-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_dropdown_manager } from "../Dropdown/manager.svelte.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_dropdown_manager } from "../Dropdown/index.svelte.js"
 import { deep_copy } from "../../client/index.js"
 
 export function create_variable_path_input_manager(config) {

package/dist/client/mapkit.js

@@ -17,6 +17,18 @@ export function get_mapkit_token_error(token, now_epoch_seconds = Date.now() / 1
 
   try {
     const payload = decode_base64url_json(parts[1])
+    if (!payload || typeof payload !== "object" || Array.isArray(payload)) {
+      return "The MapKit token is invalid."
+    }
+
+    if (!Object.hasOwn(payload, "exp")) {
+      const scopes = String(payload.scope ?? "").trim().split(/\s+/)
+      const origin = String(payload.origin ?? "").trim()
+      return scopes.includes("mapkit_js") && origin
+        ? null
+        : "The MapKit token is invalid."
+    }
+
     const expiration = Number(payload?.exp)
     if (!Number.isFinite(expiration)) return "The MapKit token is invalid."
     if (expiration <= now_epoch_seconds + 30) return "The MapKit token is expired."