@gradio/core 0.23.0 → 0.23.2

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @gradio/core
 
+## 0.23.2
+
+### Fixes
+
+- [#11632](https://github.com/gradio-app/gradio/pull/11632) [`8f19bff`](https://github.com/gradio-app/gradio/commit/8f19bffd04a73d4fc1080f5854caa0361516f3af) - ensure i18n is initialised before displaying localised loading text.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/textbox@0.10.18
+
+## 0.23.1
+
+### Features
+
+- [#11619](https://github.com/gradio-app/gradio/pull/11619) [`33c5d2b`](https://github.com/gradio-app/gradio/commit/33c5d2bb8214c0d7a90daca0f1eaf96411a52e79) - Add a query param for the selected language & make MCP the default option when `mcp_server` is enabled.  Thanks @abidlabs!
+- [#11615](https://github.com/gradio-app/gradio/pull/11615) [`e2b66d7`](https://github.com/gradio-app/gradio/commit/e2b66d718f3a8f57b6ee224502849ee737b1b120) - fix change events for hidden components.  Thanks @pngwn!
+
+### Fixes
+
+- [#11599](https://github.com/gradio-app/gradio/pull/11599) [`c39d373`](https://github.com/gradio-app/gradio/commit/c39d3739bf2494ad13556174757cdd56060f033e) - Ensure component visibility is correctly propagated to all components.  Thanks @copilot-swe-agent!
+
 ## 0.23.0
 
 ### Features

package/dist/src/Blocks.svelte

@@ -47,8 +47,11 @@ let {
   loading_status,
   scheduled_updates,
   create_layout,
-  rerender_layout
-} = create_components(initial_layout);
+  rerender_layout,
+  value_change
+} = create_components({
+  initial_layout
+});
 $:
   components, layout, dependencies, root, app, fill_height, target, run();
 $: {
@@ -674,6 +677,14 @@ async function handle_mount() {
   });
   render_complete = true;
 }
+value_change((id, value) => {
+  const deps = $targets[id]?.["change"];
+  deps?.forEach((dep_id) => {
+    requestAnimationFrame(() => {
+      wait_then_trigger_api_call(dep_id, id, value);
+    });
+  });
+});
 const handle_load_triggers = () => {
   dependencies.forEach((dep) => {
     if (dep.targets.some((dep2) => dep2[1] === "load")) {

package/dist/src/RenderComponent.svelte

@@ -65,6 +65,7 @@ $:
 		{elem_id}
 		{elem_classes}
 		{target}
+		{visible}
 		{...$$restProps}
 		{theme_mode}
 		{root}

package/dist/src/api_docs/ApiDocs.svelte

@@ -35,6 +35,18 @@ if (!root.endsWith("/")) {
 }
 export let api_calls = [];
 let current_language = "python";
+function set_query_param(key, value) {
+  const url = new URL(window.location.href);
+  url.searchParams.set(key, value);
+  history.replaceState(null, "", url.toString());
+}
+function get_query_param(key) {
+  const url = new URL(window.location.href);
+  return url.searchParams.get(key);
+}
+function is_valid_language(lang) {
+  return ["python", "javascript", "bash", "mcp"].includes(lang ?? "");
+}
 const langs = [
   ["python", "Python", python],
   ["javascript", "JavaScript", javascript],
@@ -152,10 +164,21 @@ onMount(() => {
   if ("parentIFrame" in window) {
     window.parentIFrame?.scrollTo(0, 0);
   }
+  const lang_param = get_query_param("lang");
+  if (is_valid_language(lang_param)) {
+    current_language = lang_param;
+  }
   fetch(mcp_server_url).then((response) => {
     mcp_server_active = response.ok;
     if (mcp_server_active) {
       fetchMcpTools();
+      if (!is_valid_language(lang_param)) {
+        current_language = "mcp";
+      }
+    } else {
+      if (!is_valid_language(lang_param)) {
+        current_language = "python";
+      }
     }
   }).catch(() => {
     mcp_server_active = false;
@@ -189,7 +212,10 @@ onMount(() => {
 						<li
 							class="snippet
 						{current_language === language ? 'current-lang' : 'inactive-lang'}"
-							on:click={() => (current_language = language)}
+							on:click={() => {
+								current_language = language;
+								set_query_param("lang", language);
+							}}
 						>
 							<img src={img} alt="" />
 							{display_name}

package/dist/src/i18n.js

@@ -1,5 +1,6 @@
 import { addMessages, init, getLocaleFromNavigator, locale, register, waitLocale } from "svelte-i18n";
 import { formatter } from "./gradio_helper";
+import { loading } from "./lang/loading";
 const lang_map = {
     ar: "العربية",
     ca: "Català",
@@ -166,4 +167,9 @@ export function load_translations(translations) {
     catch (e) {
         console.error("Error loading translations:", e);
     }
+    for (const lang in loading) {
+        addMessages(lang, {
+            common: { loading: loading[lang] }
+        });
+    }
 }

package/dist/src/init.d.ts

@@ -7,7 +7,13 @@ export interface UpdateTransaction {
     value: any;
     prop: string;
 }
-export declare function create_components(initial_layout: ComponentMeta | undefined): {
+/**
+ * Create a store with the layout and a map of targets
+ * @returns A store with the layout and a map of targets
+ */
+export declare function create_components({ initial_layout }?: {
+    initial_layout: ComponentMeta | undefined;
+}): {
     layout: Writable<ComponentMeta>;
     targets: Writable<TargetMap>;
     update_value: (updates: UpdateTransaction[]) => void;
@@ -34,6 +40,7 @@ export declare function create_components(initial_layout: ComponentMeta | undefi
         root: string;
         dependencies: Dependency[];
     }) => void;
+    value_change: (cb: (id: number, value: any) => void) => void;
 };
 /** An async version of 'new Function' */
 export declare const AsyncFunction: new (...args: string[]) => (...args: any[]) => Promise<any>;

package/dist/src/init.js

@@ -1,4 +1,5 @@
 import { writable, get } from "svelte/store";
+import { dequal } from "dequal";
 import { load_component } from "virtual:component-loader";
 import { create_loading_status_store } from "./stores";
 import { _ } from "svelte-i18n";
@@ -11,8 +12,9 @@ const raf = is_browser
  * Create a store with the layout and a map of targets
  * @returns A store with the layout and a map of targets
  */
-let has_run = new Set();
-export function create_components(initial_layout) {
+export function create_components({ initial_layout = undefined } = {
+    initial_layout: undefined
+}) {
     let _component_map;
     let target_map = writable({});
     let _target_map = {};
@@ -26,6 +28,10 @@ export function create_components(initial_layout) {
     let app;
     let keys_per_render_id = {};
     let _rootNode;
+    let value_change_cb = null;
+    function value_change(cb) {
+        value_change_cb = cb;
+    }
     // Store current layout and root for dynamic visibility recalculation
     let current_layout;
     let current_root;
@@ -182,17 +188,11 @@ export function create_components(initial_layout) {
         if (!instance.component) {
             const constructor_key = instance.component_class_id || instance.type;
             let component_constructor = constructor_map.get(constructor_key);
-            // Only load component if it was preloaded (i.e., it's visible)
             if (component_constructor) {
                 instance.component = (await component_constructor)?.default;
             }
-            // If component wasn't preloaded, leave it unloaded for now
-            // It will be loaded later when/if it becomes visible
         }
         instance.parent = parent;
-        // if (instance.type === "timer") {
-        // 	console.log("timer", instance, constructor_map);
-        // }
         if (instance.type === "dataset") {
             instance.props.component_map = get_component(instance.type, instance.component_class_id, root, components, instance.props.components).example_components;
         }
@@ -304,6 +304,7 @@ export function create_components(initial_layout) {
                     if (!instance)
                         continue;
                     let new_value;
+                    const old_value = instance.props[update.prop];
                     if (update.value instanceof Map)
                         new_value = new Map(update.value);
                     else if (update.value instanceof Set)
@@ -317,6 +318,11 @@ export function create_components(initial_layout) {
                     else
                         new_value = update.value;
                     instance.props[update.prop] = new_value;
+                    if (update.prop === "value" &&
+                        !is_visible(instance) &&
+                        !dequal(old_value, new_value)) {
+                        value_change_cb?.(update.id, new_value);
+                    }
                 }
             }
             return layout;
@@ -411,7 +417,8 @@ export function create_components(initial_layout) {
         loading_status,
         scheduled_updates: update_scheduled_store,
         create_layout: create_layout,
-        rerender_layout
+        rerender_layout,
+        value_change
     };
 }
 /** An async version of 'new Function' */
@@ -725,3 +732,13 @@ export function preload_all_components(components, root) {
     });
     return constructor_map;
 }
+function is_visible(component) {
+    if (typeof component.props.visible === "boolean" &&
+        component.props.visible === false) {
+        return false;
+    }
+    else if (component.parent) {
+        return is_visible(component.parent);
+    }
+    return true;
+}

package/dist/src/lang/get_lang_names.js

@@ -9,6 +9,8 @@ const __dirname = path.dirname(__filename);
 const langs = fs.readdirSync(path.join(__dirname, "..", "lang"));
 
 let lang_names = {};
+let lang_loading = {};
+
 for (const lang of langs) {
 	if (lang.endsWith(".json")) {
 		const lang_text = fs.readFileSync(
@@ -17,7 +19,10 @@ for (const lang of langs) {
 		);
 		const lang_data = JSON.parse(lang_text.trim());
 		lang_names[lang.split(".")[0]] = lang_data._name;
+		lang_loading[lang.split(".")[0]] =
+			lang_data?.common?.loading || "Loading...";
 	}
 }
 
 console.log(lang_names);
+console.log(lang_loading);

package/dist/src/lang/loading.d.ts

@@ -0,0 +1,33 @@
+export declare const loading: {
+    ar: string;
+    ca: string;
+    ckb: string;
+    de: string;
+    en: string;
+    es: string;
+    eu: string;
+    fa: string;
+    fi: string;
+    fr: string;
+    he: string;
+    hi: string;
+    ja: string;
+    ko: string;
+    lt: string;
+    nb: string;
+    nl: string;
+    pl: string;
+    "pt-BR": string;
+    pt: string;
+    ro: string;
+    ru: string;
+    sv: string;
+    ta: string;
+    th: string;
+    tr: string;
+    uk: string;
+    ur: string;
+    uz: string;
+    "zh-CN": string;
+    "zh-TW": string;
+};

package/dist/src/lang/loading.js

@@ -0,0 +1,33 @@
+export const loading = {
+    ar: "جاري التحميل",
+    ca: "S'està carregant",
+    ckb: "بارکردن",
+    de: "Laden",
+    en: "Loading",
+    es: "Cargando",
+    eu: "Kargatzen",
+    fa: "در حال بارگذاری",
+    fi: "Ladataan",
+    fr: "Chargement",
+    he: "טוען",
+    hi: "लोड हो रहा है",
+    ja: "読み込み中",
+    ko: "로딩 중",
+    lt: "Kraunama",
+    nb: "Laster",
+    nl: "Laden",
+    pl: "Ładowanie",
+    "pt-BR": "Carregando",
+    pt: "A carregar",
+    ro: "Se încarcă",
+    ru: "Загрузка",
+    sv: "Laddar",
+    ta: "ஏற்றுகிறது",
+    th: "กำลังโหลด",
+    tr: "Yükleniyor",
+    uk: "Завантаження",
+    ur: "لوڈ ہو رہا ہے",
+    uz: "Yuklanmoqda",
+    "zh-CN": "加载中",
+    "zh-TW": "載入中"
+};

package/package.json

@@ -1,61 +1,61 @@
 {
   "name": "@gradio/core",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "type": "module",
   "devDependencies": {
     "@gradio/atoms": "^0.16.3",
-    "@gradio/audio": "^0.17.21",
     "@gradio/accordion": "^0.5.20",
     "@gradio/annotatedimage": "^0.9.25",
+    "@gradio/audio": "^0.17.21",
     "@gradio/box": "^0.2.21",
     "@gradio/button": "^0.5.7",
+    "@gradio/browserstate": "^0.3.2",
     "@gradio/chatbot": "^0.26.18",
     "@gradio/checkbox": "^0.4.26",
     "@gradio/checkboxgroup": "^0.6.25",
     "@gradio/client": "^1.15.6",
     "@gradio/code": "^0.14.11",
-    "@gradio/colorpicker": "^0.4.25",
-    "@gradio/dataset": "^0.4.27",
-    "@gradio/datetime": "^0.3.18",
-    "@gradio/column": "^0.2.1",
+    "@gradio/dataset": "^0.4.28",
     "@gradio/dataframe": "^0.18.3",
+    "@gradio/datetime": "^0.3.18",
+    "@gradio/colorpicker": "^0.4.25",
     "@gradio/downloadbutton": "^0.4.7",
     "@gradio/dropdown": "^0.9.25",
-    "@gradio/fallback": "^0.4.25",
+    "@gradio/column": "^0.2.1",
     "@gradio/file": "^0.12.24",
+    "@gradio/fallback": "^0.4.25",
     "@gradio/fileexplorer": "^0.5.35",
     "@gradio/form": "^0.2.21",
-    "@gradio/group": "^0.2.0",
     "@gradio/gallery": "^0.15.27",
+    "@gradio/group": "^0.2.0",
     "@gradio/highlightedtext": "^0.9.8",
     "@gradio/html": "^0.6.17",
     "@gradio/icons": "^0.12.0",
     "@gradio/image": "^0.22.13",
-    "@gradio/imageeditor": "^0.16.1",
     "@gradio/imageslider": "^0.2.9",
+    "@gradio/imageeditor": "^0.16.1",
     "@gradio/json": "^0.5.27",
-    "@gradio/browserstate": "^0.3.2",
-    "@gradio/model3d": "^0.14.20",
-    "@gradio/markdown": "^0.13.18",
     "@gradio/label": "^0.5.17",
+    "@gradio/markdown": "^0.13.18",
+    "@gradio/model3d": "^0.14.21",
+    "@gradio/multimodaltextbox": "^0.10.13",
     "@gradio/nativeplot": "^0.7.2",
     "@gradio/number": "^0.6.2",
     "@gradio/paramviewer": "^0.7.13",
-    "@gradio/multimodaltextbox": "^0.10.13",
-    "@gradio/plot": "^0.9.20",
     "@gradio/radio": "^0.7.8",
-    "@gradio/row": "^0.2.1",
+    "@gradio/plot": "^0.9.20",
+    "@gradio/simpledropdown": "^0.3.25",
     "@gradio/sidebar": "^0.1.18",
     "@gradio/simpletextbox": "^0.3.26",
+    "@gradio/row": "^0.2.1",
     "@gradio/simpleimage": "^0.8.35",
     "@gradio/sketchbox": "^0.6.13",
+    "@gradio/statustracker": "^0.10.15",
     "@gradio/slider": "^0.6.14",
-    "@gradio/simpledropdown": "^0.3.25",
     "@gradio/state": "^0.1.2",
-    "@gradio/statustracker": "^0.10.15",
-    "@gradio/tabs": "^0.4.5",
-    "@gradio/textbox": "^0.10.17",
     "@gradio/tabitem": "^0.5.0",
+    "@gradio/tabs": "^0.4.5",
+    "@gradio/textbox": "^0.10.18",
     "@gradio/theme": "^0.4.0",
     "@gradio/timer": "^0.4.5",
     "@gradio/upload": "^0.16.11",
@@ -94,5 +94,8 @@
     "type": "git",
     "url": "git+https://github.com/gradio-app/gradio.git",
     "directory": "js/core"
+  },
+  "dependencies": {
+    "dequal": "^2.0.2"
   }
 }

package/src/Blocks.svelte

@@ -69,8 +69,11 @@
 		loading_status,
 		scheduled_updates,
 		create_layout,
-		rerender_layout
-	} = create_components(initial_layout);
+		rerender_layout,
+		value_change
+	} = create_components({
+		initial_layout
+	});
 
 	$: components, layout, dependencies, root, app, fill_height, target, run();
 
@@ -845,6 +848,16 @@
 		render_complete = true;
 	}
 
+	value_change((id, value) => {
+		const deps = $targets[id]?.["change"];
+
+		deps?.forEach((dep_id) => {
+			requestAnimationFrame(() => {
+				wait_then_trigger_api_call(dep_id, id, value);
+			});
+		});
+	});
+
 	const handle_load_triggers = (): void => {
 		dependencies.forEach((dep) => {
 			if (dep.targets.some((dep) => dep[1] === "load")) {

package/src/RenderComponent.svelte

@@ -81,6 +81,7 @@
 		{elem_id}
 		{elem_classes}
 		{target}
+		{visible}
 		{...$$restProps}
 		{theme_mode}
 		{root}

package/src/api_docs/ApiDocs.svelte

@@ -52,6 +52,21 @@
 	export let api_calls: Payload[] = [];
 	let current_language: "python" | "javascript" | "bash" | "mcp" = "python";
 
+	function set_query_param(key: string, value: string) {
+		const url = new URL(window.location.href);
+		url.searchParams.set(key, value);
+		history.replaceState(null, "", url.toString());
+	}
+
+	function get_query_param(key: string): string | null {
+		const url = new URL(window.location.href);
+		return url.searchParams.get(key);
+	}
+
+	function is_valid_language(lang: string | null): boolean {
+		return ["python", "javascript", "bash", "mcp"].includes(lang ?? "");
+	}
+
 	const langs = [
 		["python", "Python", python],
 		["javascript", "JavaScript", javascript],
@@ -211,12 +226,24 @@
 			window.parentIFrame?.scrollTo(0, 0);
 		}
 
+		const lang_param = get_query_param("lang");
+		if (is_valid_language(lang_param)) {
+			current_language = lang_param as "python" | "javascript" | "bash" | "mcp";
+		}
+
 		// Check MCP server status and fetch tools if active
 		fetch(mcp_server_url)
 			.then((response) => {
 				mcp_server_active = response.ok;
 				if (mcp_server_active) {
 					fetchMcpTools();
+					if (!is_valid_language(lang_param)) {
+						current_language = "mcp";
+					}
+				} else {
+					if (!is_valid_language(lang_param)) {
+						current_language = "python";
+					}
 				}
 			})
 			.catch(() => {
@@ -252,7 +279,10 @@
 						<li
 							class="snippet
 						{current_language === language ? 'current-lang' : 'inactive-lang'}"
-							on:click={() => (current_language = language)}
+							on:click={() => {
+								current_language = language;
+								set_query_param("lang", language);
+							}}
 						>
 							<img src={img} alt="" />
 							{display_name}

package/src/i18n.test.ts

@@ -17,6 +17,9 @@ import {
 	changeLocale,
 	is_translation_metadata
 } from "./i18n";
+import { loading } from "./lang/loading";
+
+const loading_count = Object.keys(loading).length;
 
 vi.mock("svelte-i18n", () => ({
 	locale: { set: vi.fn() },
@@ -117,7 +120,7 @@ describe("i18n", () => {
 
 			load_translations({ processed_langs: {}, custom_translations });
 
-			expect(mockAddMessages).toHaveBeenCalledTimes(2);
+			expect(mockAddMessages).toHaveBeenCalledTimes(loading_count + 2);
 			expect(mockAddMessages).toHaveBeenCalledWith(
 				"en",
 				custom_translations.en

package/src/i18n.ts

@@ -7,6 +7,7 @@ import {
 	waitLocale
 } from "svelte-i18n";
 import { formatter } from "./gradio_helper";
+import { loading } from "./lang/loading";
 
 const lang_map = {
 	ar: "العربية",
@@ -237,4 +238,10 @@ export function load_translations(translations: {
 	} catch (e) {
 		console.error("Error loading translations:", e);
 	}
+
+	for (const lang in loading) {
+		addMessages(lang, {
+			common: { loading: loading[lang as keyof typeof loading] }
+		});
+	}
 }

package/src/init.ts

@@ -1,4 +1,5 @@
 import { writable, type Writable, get } from "svelte/store";
+import { dequal } from "dequal";
 
 import type {
 	ComponentMeta,
@@ -28,8 +29,15 @@ const raf = is_browser
  * Create a store with the layout and a map of targets
  * @returns A store with the layout and a map of targets
  */
-let has_run = new Set<number>();
-export function create_components(initial_layout: ComponentMeta | undefined): {
+export function create_components(
+	{
+		initial_layout = undefined
+	}: {
+		initial_layout: ComponentMeta | undefined;
+	} = {
+		initial_layout: undefined
+	}
+): {
 	layout: Writable<ComponentMeta>;
 	targets: Writable<TargetMap>;
 	update_value: (updates: UpdateTransaction[]) => void;
@@ -56,6 +64,7 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 		root: string;
 		dependencies: Dependency[];
 	}) => void;
+	value_change: (cb: (id: number, value: any) => void) => void;
 } {
 	let _component_map: Map<number, ComponentMeta>;
 
@@ -73,6 +82,12 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 	let keys_per_render_id: Record<number, (string | number)[]> = {};
 	let _rootNode: ComponentMeta;
 
+	let value_change_cb: ((id: number, value: any) => void) | null = null;
+
+	function value_change(cb: (id: number, value: any) => void): void {
+		value_change_cb = cb;
+	}
+
 	// Store current layout and root for dynamic visibility recalculation
 	let current_layout: LayoutNode;
 	let current_root: string;
@@ -132,7 +147,6 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 		pending_updates = [];
 		constructor_map = new Map();
 		_component_map = new Map();
-
 		instance_map = {};
 
 		// Store current layout and root for dynamic visibility recalculation
@@ -327,19 +341,12 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 			const constructor_key = instance.component_class_id || instance.type;
 			let component_constructor = constructor_map.get(constructor_key);
 
-			// Only load component if it was preloaded (i.e., it's visible)
 			if (component_constructor) {
 				instance.component = (await component_constructor)?.default;
 			}
-			// If component wasn't preloaded, leave it unloaded for now
-			// It will be loaded later when/if it becomes visible
 		}
 		instance.parent = parent;
 
-		// if (instance.type === "timer") {
-		// 	console.log("timer", instance, constructor_map);
-		// }
-
 		if (instance.type === "dataset") {
 			instance.props.component_map = get_component(
 				instance.type,
@@ -506,6 +513,7 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 					const instance = instance_map[update.id];
 					if (!instance) continue;
 					let new_value;
+					const old_value = instance.props[update.prop];
 					if (update.value instanceof Map) new_value = new Map(update.value);
 					else if (update.value instanceof Set)
 						new_value = new Set(update.value);
@@ -515,6 +523,14 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 						new_value = { ...update.value };
 					else new_value = update.value;
 					instance.props[update.prop] = new_value;
+
+					if (
+						update.prop === "value" &&
+						!is_visible(instance) &&
+						!dequal(old_value, new_value)
+					) {
+						value_change_cb?.(update.id, new_value);
+					}
 				}
 			}
 			return layout;
@@ -631,7 +647,8 @@ export function create_components(initial_layout: ComponentMeta | undefined): {
 		loading_status,
 		scheduled_updates: update_scheduled_store,
 		create_layout: create_layout,
-		rerender_layout
+		rerender_layout,
+		value_change
 	};
 }
 
@@ -1094,3 +1111,15 @@ export function preload_all_components(
 
 	return constructor_map;
 }
+
+function is_visible(component: ComponentMeta): boolean {
+	if (
+		typeof component.props.visible === "boolean" &&
+		component.props.visible === false
+	) {
+		return false;
+	} else if (component.parent) {
+		return is_visible(component.parent);
+	}
+	return true;
+}

package/src/lang/get_lang_names.js

@@ -9,6 +9,8 @@ const __dirname = path.dirname(__filename);
 const langs = fs.readdirSync(path.join(__dirname, "..", "lang"));
 
 let lang_names = {};
+let lang_loading = {};
+
 for (const lang of langs) {
 	if (lang.endsWith(".json")) {
 		const lang_text = fs.readFileSync(
@@ -17,7 +19,10 @@ for (const lang of langs) {
 		);
 		const lang_data = JSON.parse(lang_text.trim());
 		lang_names[lang.split(".")[0]] = lang_data._name;
+		lang_loading[lang.split(".")[0]] =
+			lang_data?.common?.loading || "Loading...";
 	}
 }
 
 console.log(lang_names);
+console.log(lang_loading);

package/src/lang/loading.ts

@@ -0,0 +1,33 @@
+export const loading = {
+	ar: "جاري التحميل",
+	ca: "S'està carregant",
+	ckb: "بارکردن",
+	de: "Laden",
+	en: "Loading",
+	es: "Cargando",
+	eu: "Kargatzen",
+	fa: "در حال بارگذاری",
+	fi: "Ladataan",
+	fr: "Chargement",
+	he: "טוען",
+	hi: "लोड हो रहा है",
+	ja: "読み込み中",
+	ko: "로딩 중",
+	lt: "Kraunama",
+	nb: "Laster",
+	nl: "Laden",
+	pl: "Ładowanie",
+	"pt-BR": "Carregando",
+	pt: "A carregar",
+	ro: "Se încarcă",
+	ru: "Загрузка",
+	sv: "Laddar",
+	ta: "ஏற்றுகிறது",
+	th: "กำลังโหลด",
+	tr: "Yükleniyor",
+	uk: "Завантаження",
+	ur: "لوڈ ہو رہا ہے",
+	uz: "Yuklanmoqda",
+	"zh-CN": "加载中",
+	"zh-TW": "載入中"
+};