@gradio/core 0.27.2 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @gradio/core
 
+## 0.28.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+- [#11833](https://github.com/gradio-app/gradio/pull/11833) [`a446fcb`](https://github.com/gradio-app/gradio/commit/a446fcba6f3fe59c32194beb7f27fb6f80b61347) - Add gr.Navbar component for multipage apps.  Thanks @abidlabs!
+- [#11783](https://github.com/gradio-app/gradio/pull/11783) [`f407daf`](https://github.com/gradio-app/gradio/commit/f407daf8046f37e042ab8b86730ff0ab8d174bcf) - Add Walkthrough and Step compoents to facilitate multi-step workflows.  Thanks @pngwn!
+
+### Fixes
+
+- [#11815](https://github.com/gradio-app/gradio/pull/11815) [`1a477c5`](https://github.com/gradio-app/gradio/commit/1a477c5202c13097d1089fb70a32a08db22d7660) - Fix i18n string visible during load and i18n not respecting HTML.  Thanks @freddyaboulton!
+- [#11749](https://github.com/gradio-app/gradio/pull/11749) [`70f4532`](https://github.com/gradio-app/gradio/commit/70f4532a4dc7576dbdbe1d0a43a05644a0dfcf43) - fix various iFrame related UI issues when deploying to spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/gallery@0.15.32
+- @gradio/plot@0.9.23
+- @gradio/upload@0.16.17
+- @gradio/file@0.12.29
+- @gradio/image@0.22.18
+- @gradio/video@0.15.1
+- @gradio/tabitem@0.6.0
+- @gradio/tabs@0.5.0
+- @gradio/code@0.14.16
+- @gradio/paramviewer@0.7.16
+- @gradio/column@0.2.1
+- @gradio/textbox@0.11.0
+- @gradio/dropdown@0.10.3
+- @gradio/button@0.5.12
+- @gradio/checkbox@0.4.29
+
 ## 0.27.2
 
 ### Features

package/dist/src/Blocks.svelte

@@ -193,6 +193,17 @@ async function handle_update(data, fn_index) {
     }
   });
   update_value(updates);
+  updates.forEach((update) => {
+    const component = components.find((comp) => comp.id === update.id);
+    if (component && component.type === "navbar") {
+      import("./navbar_store").then(({ navbar_config }) => {
+        navbar_config.update((current) => ({
+          ...current,
+          [update.prop]: update.value
+        }));
+      });
+    }
+  });
   await tick();
 }
 let submit_map = /* @__PURE__ */ new Map();
@@ -485,6 +496,40 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
       }
     }
     function handle_status_update(message) {
+      if (message.code === "validation_error") {
+        const dep2 = dependencies.find((dep3) => dep3.id === message.fn_index);
+        if (dep2 === void 0 || message.message === void 0 || typeof message.message === "string") {
+          return;
+        }
+        const validation_error_data = [];
+        message.message.forEach((message2, i) => {
+          if (message2.is_valid) {
+            return;
+          }
+          validation_error_data.push({
+            id: dep2.inputs[i],
+            prop: "validation_error",
+            value: message2.message
+          });
+          validation_error_data.push({
+            id: dep2.inputs[i],
+            prop: "loading_status",
+            value: { validation_error: message2.message }
+          });
+        });
+        if (validation_error_data.length > 0) {
+          update_value(validation_error_data);
+          loading_status.update({
+            status: "complete",
+            fn_index: message.fn_index,
+            eta: 0,
+            queue: false,
+            queue_position: null
+          });
+          set_status($loading_status);
+          return;
+        }
+      }
       if (message.broken && !broken_connection) {
         messages = [
           new_message(
@@ -567,7 +612,7 @@ async function trigger_api_call(dep_index, trigger_id = null, event_data = null)
         submit_map.delete(dep_index);
       }
       if (status.stage === "error" && !broken_connection && !message.session_not_found) {
-        if (status.message) {
+        if (status.message && typeof status.message === "string") {
           const _message = status.message.replace(
             MESSAGE_QUOTE_RE,
             (_2, b) => b
@@ -636,6 +681,11 @@ async function handle_mount() {
   target.addEventListener("prop_change", (e) => {
     if (!isCustomEvent(e)) throw new Error("not a custom event");
     const { id, prop, value } = e.detail;
+    if (prop === "value") {
+      update_value([
+        { id, prop: "loading_status", value: { validation_error: void 0 } }
+      ]);
+    }
     update_value([{ id, prop, value }]);
     if (prop === "input_ready" && value === false) {
       inputs_waiting.push(id);
@@ -780,6 +830,33 @@ function screen_recording() {
     screen_recorder.startRecording();
   }
 }
+let footer_height = 0;
+let root_container;
+$: root_node = $_layout && get_root_node(root_container);
+function get_root_node(container) {
+  if (!container) return null;
+  return container.children[container.children.length - 1];
+}
+onMount(() => {
+  if ("parentIFrame" in window) {
+    window.parentIFrame?.autoResize(false);
+  }
+  const mut = new MutationObserver((mutations) => {
+    if ("parentIFrame" in window) {
+      const box = root_node?.getBoundingClientRect();
+      if (!box) return;
+      window.parentIFrame?.size(box.bottom + footer_height + 32);
+    }
+  });
+  mut.observe(root_container, {
+    childList: true,
+    subtree: true,
+    attributes: true
+  });
+  return () => {
+    mut.disconnect();
+  };
+});
 </script>
 
 <svelte:head>
@@ -795,6 +872,7 @@ function screen_recording() {
 	<div
 		class="contain"
 		style:flex-grow={app_mode ? "1" : "auto"}
+		bind:this={root_container}
 		style:margin-right={vibe_mode ? `${vibe_editor_width}px` : "0"}
 	>
 		{#if $_layout && app.config}
@@ -813,7 +891,7 @@ function screen_recording() {
 	</div>
 
 	{#if show_footer}
-		<footer>
+		<footer bind:clientHeight={footer_height}>
 			{#if show_api}
 				<button
 					on:click={() => {

package/dist/src/Embed.svelte

@@ -1,6 +1,7 @@
-<script>import { getContext } from "svelte";
+<script>import { getContext, onMount } from "svelte";
 import space_logo from "./images/spaces.svg";
 import { _ } from "svelte-i18n";
+import { navbar_config } from "./navbar_store";
 export let wrapper;
 export let version;
 export let initial_height;
@@ -14,7 +15,38 @@ export let loaded;
 export let pages = [];
 export let current_page = "";
 export let root;
+export let components = [];
 const set_page = getContext("set_lite_page");
+let navbar_component = components.find((c) => c.type === "navbar");
+let navbar = navbar_component ? {
+  visible: navbar_component.props.visible,
+  main_page_name: navbar_component.props.main_page_name,
+  value: navbar_component.props.value
+} : null;
+if (navbar) {
+  navbar_config.set(navbar);
+}
+$: if ($navbar_config) {
+  navbar = {
+    visible: $navbar_config.visible ?? true,
+    main_page_name: $navbar_config.main_page_name ?? "Home",
+    value: $navbar_config.value ?? null
+  };
+}
+$: show_navbar = pages.length > 1 && (navbar === null || navbar.visible !== false);
+$: effective_pages = (() => {
+  let base_pages = navbar && navbar.main_page_name !== false && navbar.main_page_name !== "Home" ? pages.map(
+    ([route, label], index) => index === 0 && route === "" && label === "Home" ? [route, navbar.main_page_name] : [route, label]
+  ) : pages;
+  if (navbar?.value && navbar.value.length > 0) {
+    const existing_routes = new Set(base_pages.map(([route]) => route));
+    const additional_pages = navbar.value.map(
+      ([page_name, page_path]) => [page_path, page_name]
+    ).filter(([route]) => !existing_routes.has(route));
+    return [...base_pages, ...additional_pages];
+  }
+  return base_pages;
+})();
 </script>
 
 <div
@@ -27,10 +59,10 @@ const set_page = getContext("set_lite_page");
 	style:flex-grow={!display ? "1" : "auto"}
 	data-iframe-height
 >
-	{#if pages.length > 1}
+	{#if show_navbar}
 		<div class="nav-holder">
 			<nav class="fillable" class:fill_width>
-				{#each pages as [route, label], i}
+				{#each effective_pages as [route, label], i}
 					{#if is_lite}
 						<button
 							class:active={route === current_page}
@@ -42,9 +74,18 @@ const set_page = getContext("set_lite_page");
 						</button>
 					{:else}
 						<a
-							href={`${root}/${route}`}
+							href={route.startsWith("http://") || route.startsWith("https://")
+								? route
+								: `${root}/${route}`}
 							class:active={route === current_page}
 							data-sveltekit-reload
+							target={route.startsWith("http://") ||
+							route.startsWith("https://")
+								? "_blank"
+								: "_self"}
+							rel={route.startsWith("http://") || route.startsWith("https://")
+								? "noopener noreferrer"
+								: ""}
 							>{label}
 						</a>
 					{/if}

package/dist/src/Embed.svelte.d.ts

@@ -14,6 +14,7 @@ declare const __propDef: {
         pages?: [string, string][];
         current_page?: string;
         root: string;
+        components?: any[];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/src/i18n.d.ts

@@ -15,11 +15,12 @@ export interface LangsRecord {
     };
 }
 export declare function is_translation_metadata(obj: any): obj is I18nData;
+export declare const i18n_marker = "__i18n__";
 export declare function translate_if_needed(value: any): string;
 export declare function process_langs(): LangsRecord;
 export declare const language_choices: [string, string][];
 export declare let all_common_keys: Set<string>;
-export declare function setupi18n(custom_translations?: Record<string, Record<string, string>>): Promise<void>;
+export declare function setupi18n(custom_translations?: Record<string, Record<string, string>>, preferred_locale?: string): Promise<void>;
 export declare function changeLocale(new_locale: string): void;
 export declare function get_initial_locale(browser_locale: string | null, available_locales: string[], fallback_locale?: string): string;
 export declare function load_translations(translations: {

package/dist/src/i18n.js

@@ -43,12 +43,12 @@ export function is_translation_metadata(obj) {
         typeof obj.key === "string";
     return result;
 }
+export const i18n_marker = "__i18n__";
 // handles strings with embedded JSON metadata of shape "__i18n__{"key": "some.key"}"
 export function translate_if_needed(value) {
     if (typeof value !== "string") {
         return value;
     }
-    const i18n_marker = "__i18n__";
     const marker_index = value.indexOf(i18n_marker);
     if (marker_index === -1) {
         return value;
@@ -108,7 +108,7 @@ export const language_choices = Object.entries(processed_langs).map(([code]) =>
 export let all_common_keys = new Set();
 let i18n_initialized = false;
 let previous_translations;
-export async function setupi18n(custom_translations) {
+export async function setupi18n(custom_translations, preferred_locale) {
     const should_reinitialize = i18n_initialized && custom_translations !== previous_translations;
     if (i18n_initialized && !should_reinitialize) {
         return;
@@ -118,7 +118,7 @@ export async function setupi18n(custom_translations) {
         processed_langs,
         custom_translations: custom_translations ?? {}
     });
-    const browser_locale = getLocaleFromNavigator();
+    const browser_locale = preferred_locale ?? getLocaleFromNavigator();
     let initial_locale = browser_locale && available_locales.includes(browser_locale)
         ? browser_locale
         : null;

package/dist/src/init.js

@@ -3,6 +3,7 @@ import { dequal } from "dequal";
 import { load_component } from "virtual:component-loader";
 import { create_loading_status_store } from "./stores";
 import { _ } from "svelte-i18n";
+import { i18n_marker } from "./i18n";
 let pending_updates = [];
 const is_browser = typeof window !== "undefined";
 const raf = is_browser
@@ -38,7 +39,7 @@ export function create_components({ initial_layout = undefined } = {
     function set_event_specific_args(dependencies) {
         dependencies.forEach((dep) => {
             dep.targets.forEach((target) => {
-                const instance = instance_map[target[0]];
+                const instance = instance_map?.[target[0]];
                 if (instance && dep.event_specific_args?.length > 0) {
                     dep.event_specific_args?.forEach((arg) => {
                         instance.props[arg] = dep[arg];
@@ -133,7 +134,7 @@ export function create_components({ initial_layout = undefined } = {
             get_inputs_outputs(dep, inputs, outputs);
         });
         target_map.set(_target_map);
-        let current_element = instance_map[layout.id];
+        let current_element = instance_map?.[layout.id];
         let all_current_children = [];
         const add_to_current_children = (component) => {
             all_current_children.push(component);
@@ -149,7 +150,7 @@ export function create_components({ initial_layout = undefined } = {
             if (component.rendered_in === render_id) {
                 let replacement_component = replacement_components.find((c) => c.key === component.key);
                 if (component.key != null && replacement_component !== undefined) {
-                    const instance = instance_map[component.id];
+                    const instance = instance_map?.[component.id];
                     for (const prop in replacement_component.props) {
                         if (!replacement_component.props.preserved_by_key?.includes(prop)) {
                             instance.props[prop] = replacement_component.props[prop];
@@ -157,20 +158,21 @@ export function create_components({ initial_layout = undefined } = {
                     }
                 }
                 else {
-                    delete instance_map[_id];
+                    if (instance_map)
+                        delete instance_map[_id];
                     if (_component_map.has(_id)) {
                         _component_map.delete(_id);
                     }
                 }
             }
         });
-        const components_to_add = new_components.concat(replacement_components.filter((c) => !instance_map[c.id]));
+        const components_to_add = new_components.concat(replacement_components.filter((c) => !instance_map?.[c.id]));
         components_to_add.forEach((c) => {
             instance_map[c.id] = c;
             _component_map.set(c.id, c);
         });
         if (current_element.parent) {
-            current_element.parent.children[current_element.parent.children.indexOf(current_element)] = instance_map[layout.id];
+            current_element.parent.children[current_element.parent.children.indexOf(current_element)] = instance_map?.[layout.id];
         }
         walk_layout(layout, root, _components.concat(components), current_element.parent).then(() => {
             layout_store.set(_rootNode);
@@ -181,7 +183,7 @@ export function create_components({ initial_layout = undefined } = {
         set_event_specific_args(dependencies);
     }
     async function walk_layout(node, root, components, parent) {
-        const instance = instance_map[node.id];
+        const instance = instance_map?.[node.id];
         if (!instance.component) {
             const constructor_key = instance.component_class_id || instance.type;
             let component_constructor = constructor_map.get(constructor_key);
@@ -202,9 +204,10 @@ export function create_components({ initial_layout = undefined } = {
         if (node.children) {
             instance.children = await Promise.all(node.children.map((v) => walk_layout(v, root, components, instance)));
         }
-        if (instance.type === "tabs" && !instance.props.initial_tabs) {
+        if ((instance.type === "tabs" && !instance.props.initial_tabs) ||
+            (instance.type === "walkthrough" && !instance.props.initial_tabs)) {
             const tab_items_props = node.children?.map((c, i) => {
-                const instance = instance_map[c.id];
+                const instance = instance_map?.[c.id];
                 instance.props.id ??= c.id;
                 return {
                     type: instance.type,
@@ -215,18 +218,19 @@ export function create_components({ initial_layout = undefined } = {
                     }
                 };
             }) || [];
-            const child_tab_items = tab_items_props.filter((child) => child.type === "tabitem");
+            const _type = instance.type === "walkthrough" ? "walkthroughstep" : "tabitem";
+            const child_tab_items = tab_items_props.filter((child) => child.type === _type);
             instance.props.initial_tabs = child_tab_items?.map((child) => ({
-                label: child.props.label,
+                label: child.props.label.includes(i18n_marker) ? "" : child.props.label,
                 id: child.props.id,
                 visible: typeof child.props.visible === "boolean" ? child.props.visible : true,
                 interactive: child.props.interactive,
                 order: child.props.order
             }));
         }
-        if (instance.type === "tabs") {
+        if (instance.type === "tabs" || instance.type === "walkthrough") {
             node.children?.forEach((c, i) => {
-                const child = instance_map[c.id];
+                const child = instance_map?.[c.id];
                 child.props.order = i;
             });
         }
@@ -272,7 +276,7 @@ export function create_components({ initial_layout = undefined } = {
      */
     function has_visibility_changes(updates) {
         return updates.some((update_batch) => update_batch.some((update) => {
-            const instance = instance_map[update.id];
+            const instance = instance_map?.[update.id];
             if (!instance)
                 return false;
             // Check for visibility property changes
@@ -300,7 +304,7 @@ export function create_components({ initial_layout = undefined } = {
                     const update = pending_updates[i][j];
                     if (!update)
                         continue;
-                    const instance = instance_map[update.id];
+                    const instance = instance_map?.[update.id];
                     if (!instance)
                         continue;
                     let new_value;

package/dist/src/lang/id.json

@@ -0,0 +1,154 @@
+{
+	"_name": "Bahasa Indonesia",
+	"3D_model": {
+		"3d_model": "Model 3D",
+		"drop_to_upload": "Letakkan file model 3D (.obj, .glb, .stl, .gltf, .splat, atau .ply) di sini untuk mengunggah"
+	},
+	"annotated_image": {
+		"annotated_image": "Gambar Beranotasi"
+	},
+	"audio": {
+		"allow_recording_access": "Mohon izinkan akses ke mikrofon untuk merekam.",
+		"audio": "Audio",
+		"record_from_microphone": "Rekam dari mikrofon",
+		"stop_recording": "Hentikan rekaman",
+		"no_device_support": "Perangkat media tidak dapat diakses. Pastikan Anda menjalankan dari sumber yang aman (https) atau localhost (atau Anda telah meneruskan sertifikat SSL yang valid ke ssl_verify), dan Anda telah mengizinkan akses browser ke perangkat Anda.",
+		"stop": "Berhenti",
+		"resume": "Lanjutkan",
+		"record": "Rekam",
+		"no_microphone": "Tidak ada mikrofon yang ditemukan",
+		"pause": "Jeda",
+		"play": "Putar",
+		"waiting": "Menunggu",
+		"drop_to_upload": "Letakkan file audio di sini untuk mengunggah"
+	},
+	"blocks": {
+		"connection_can_break": "Di perangkat seluler, koneksi dapat terputus jika tab ini tidak dalam fokus atau perangkat dalam mode tidur, sehingga Anda kehilangan posisi dalam antrian.",
+		"long_requests_queue": "Ada antrian panjang dari permintaan yang tertunda. Gandakan Ruang ini untuk melompati antrian.",
+		"lost_connection": "Koneksi terputus karena meninggalkan halaman. Bergabung kembali ke antrian...",
+		"waiting_for_inputs": "Menunggu file selesai diunggah, mohon coba lagi."
+	},
+	"checkbox": {
+		"checkbox": "Kotak centang",
+		"checkbox_group": "Grup kotak centang"
+	},
+	"code": {
+		"code": "Kode"
+	},
+	"color_picker": {
+		"color_picker": "Pemilih Warna"
+	},
+	"common": {
+		"built_with": "dibuat dengan",
+		"built_with_gradio": "Dibuat dengan Gradio",
+		"clear": "Bersihkan",
+		"download": "Unduh",
+		"edit": "Edit",
+		"empty": "Kosong",
+		"error": "Error",
+		"hosted_on": "Di-hosting di",
+		"loading": "Memuat",
+		"logo": "logo",
+		"or": "atau",
+		"remove": "Hapus",
+		"settings": "Pengaturan",
+		"share": "Bagikan",
+		"submit": "Kirim",
+		"undo": "Urungkan",
+		"no_devices": "Tidak ada perangkat yang ditemukan",
+		"language": "Bahasa",
+		"display_theme": "Tema Tampilan",
+		"pwa": "Aplikasi Web Progresif"
+	},
+	"dataframe": {
+		"incorrect_format": "Format salah, hanya file CSV dan TSV yang didukung",
+		"new_column": "Tambah kolom",
+		"new_row": "Baris baru",
+		"add_row_above": "Tambah baris di atas",
+		"add_row_below": "Tambah baris di bawah",
+		"add_column_left": "Tambah kolom ke kiri",
+		"add_column_right": "Tambah kolom ke kanan",
+		"delete_row": "Hapus baris",
+		"delete_column": "Hapus kolom",
+		"sort_column": "Urutkan kolom",
+		"sort_ascending": "Urutkan menaik",
+		"sort_descending": "Urutkan menurun",
+		"drop_to_upload": "Letakkan file CSV atau TSV di sini untuk mengimpor data ke dataframe",
+		"clear_sort": "Bersihkan pengurutan"
+	},
+	"dropdown": {
+		"dropdown": "Dropdown"
+	},
+	"errors": {
+		"build_error": "ada error saat membangun",
+		"config_error": "ada error konfigurasi",
+		"contact_page_author": "Mohon hubungi penulis halaman untuk memberitahu mereka.",
+		"no_app_file": "tidak ada file aplikasi",
+		"runtime_error": "ada error runtime",
+		"space_not_working": "\"Ruang tidak berfungsi karena\" {0}",
+		"space_paused": "ruang sedang dijeda",
+		"use_via_api": "Gunakan melalui API"
+	},
+	"file": {
+		"uploading": "Mengunggah..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Teks yang Disorot"
+	},
+	"image": {
+		"allow_webcam_access": "Mohon izinkan akses ke webcam untuk merekam.",
+		"brush_color": "Warna kuas",
+		"brush_radius": "Radius kuas",
+		"image": "Gambar",
+		"remove_image": "Hapus Gambar",
+		"select_brush_color": "Pilih warna kuas",
+		"start_drawing": "Mulai menggambar",
+		"use_brush": "Gunakan kuas",
+		"drop_to_upload": "Letakkan file gambar di sini untuk mengunggah"
+	},
+	"label": {
+		"label": "Label"
+	},
+	"login": {
+		"enable_cookies": "Jika Anda mengunjungi Ruang HuggingFace dalam mode Penyamaran, Anda harus mengaktifkan cookie pihak ketiga.",
+		"incorrect_credentials": "Kredensial salah",
+		"username": "nama pengguna",
+		"password": "kata sandi",
+		"login": "Masuk"
+	},
+	"number": {
+		"number": "Nomor"
+	},
+	"plot": {
+		"plot": "Plot"
+	},
+	"radio": {
+		"radio": "Tombol Radio"
+	},
+	"slider": {
+		"slider": "Penggeser"
+	},
+	"upload_text": {
+		"click_to_upload": "Klik untuk Mengunggah",
+		"drop_audio": "Letakkan Audio di Sini",
+		"drop_csv": "Letakkan CSV di Sini",
+		"drop_file": "Letakkan File di Sini",
+		"drop_image": "Letakkan Gambar di Sini",
+		"drop_video": "Letakkan Video di Sini",
+		"drop_gallery": "Letakkan Media di Sini",
+		"paste_clipboard": "Tempel dari Papan Klip"
+	},
+	"video": {
+		"drop_to_upload": "Letakkan file video di sini untuk mengunggah"
+	},
+	"chatbot": {
+		"edit": "Edit",
+		"retry": "Coba lagi",
+		"undo": "Urungkan",
+		"submit": "Kirim",
+		"cancel": "Batal",
+		"like": "Suka",
+		"dislike": "Tidak Suka",
+		"clear": "Bersihkan obrolan"
+	}
+}

package/dist/src/navbar_store.d.ts

@@ -0,0 +1,6 @@
+export interface NavbarConfig {
+    visible?: boolean;
+    main_page_name?: string | false;
+    value?: [string, string][] | null;
+}
+export declare const navbar_config: import("svelte/store").Writable<NavbarConfig | null>;

package/dist/src/navbar_store.js

@@ -0,0 +1,2 @@
+import { writable } from "svelte/store";
+export const navbar_config = writable(null);

package/dist/src/stores.d.ts

@@ -17,6 +17,7 @@ export interface LoadingStatus {
         unit: string | null;
         desc: string | null;
     }[];
+    validation_error?: string | null;
 }
 export type LoadingStatusCollection = Record<number, LoadingStatus>;
 interface LoadingStatusStore {
@@ -25,6 +26,7 @@ interface LoadingStatusStore {
     register: (index: number, inputs: number[], outputs: number[]) => void;
     get_status_for_fn: (i: number) => LoadingStatus["status"];
     get_inputs_to_update: () => Map<number, string>;
+    update_component_status: (index: number, status: Partial<LoadingStatus>) => void;
 }
 export declare function create_loading_status_store(): LoadingStatusStore;
 export type LoadingStatusType = ReturnType<typeof create_loading_status_store>;

package/dist/src/stores.js

@@ -79,8 +79,18 @@ export function create_loading_status_store() {
         fn_inputs[index] = inputs;
         fn_outputs[index] = outputs;
     }
+    function update_component_status(index, status) {
+        store.update((outputs) => {
+            outputs[index] = {
+                ...outputs[index],
+                ...status
+            };
+            return outputs;
+        });
+    }
     return {
         update,
+        update_component_status,
         register,
         subscribe: store.subscribe,
         get_status_for_fn(i) {

package/dist/src/stories/I18nMultiLanguageTest.stories.d.ts

@@ -1,7 +1,6 @@
 import type { StoryObj } from "@storybook/svelte";
 import I18nMultiLanguageTestComponent from "./I18nMultiLanguageTestComponent.svelte";
 declare const meta: {
-    title: string;
     component: typeof I18nMultiLanguageTestComponent;
     parameters: {
         layout: string;

package/dist/src/stories/I18nMultiLanguageTest.stories.js

@@ -1,6 +1,6 @@
 import I18nMultiLanguageTestComponent from "./I18nMultiLanguageTestComponent.svelte";
 const meta = {
-    title: "Core/I18n Multi-Language Test",
+    // title: "Core/I18n Multi-Language Test",
     component: I18nMultiLanguageTestComponent,
     parameters: {
         layout: "centered"