@gradio/core 0.5.0 → 0.6.0

package/dist/src/lang/ro.json

@@ -0,0 +1,130 @@
+{
+	"_name": "Română",
+	"3D_model": {
+		"3d_model": "Model 3D"
+	},
+	"annotated_image": {
+		"annotated_image": "Imagine adnotată"
+	},
+	"audio": {
+		"allow_recording_access": "Vă rugăm să permiteți accesul la microfon pentru înregistrare.",
+		"audio": "Audio",
+		"record_from_microphone": "Înregistrare de la microfon",
+		"stop_recording": "Oprire înregistrare",
+		"no_device_support": "Nu se poate accesa dispozitivele media. Asigurați-vă că rulați pe o sursă sigură (https) sau localhost (sau ați transmis un certificat SSL valid la ssl_verify), și că ați permis browserului accesul la dispozitivul dvs.",
+		"stop": "Stop",
+		"resume": "Reluare",
+		"record": "Înregistrare",
+		"no_microphone": "Nu s-a găsit niciun microfon",
+		"pause": "Pauză",
+		"play": "Redare",
+		"waiting": "Așteptare"
+	},
+	"blocks": {
+		"connection_can_break": "Pe mobil, conexiunea poate fi întreruptă dacă această filă își pierde focusul sau dispozitivul intră în modul de repaus, pierzându-vă poziția în coadă.",
+		"long_requests_queue": "Există o coadă lungă de cereri în așteptare. Duplicați acest Space pentru a o evita.",
+		"lost_connection": "Conexiune pierdută din cauza părăsirii paginii. Revenire la coadă..."
+	},
+	"checkbox": {
+		"checkbox": "Casetă de bifat",
+		"checkbox_group": "Grup de casete de bifat"
+	},
+	"code": {
+		"code": "Cod"
+	},
+	"color_picker": {
+		"color_picker": "Selector de culoare"
+	},
+	"common": {
+		"built_with": "construit cu",
+		"built_with_gradio": "Construit cu Gradio",
+		"clear": "Șterge",
+		"download": "Descarcă",
+		"edit": "Editează",
+		"empty": "Gol",
+		"error": "Eroare",
+		"hosted_on": "găzduit pe",
+		"loading": "Se încarcă",
+		"logo": "logo",
+		"or": "sau",
+		"remove": "Elimină",
+		"settings": "Setări",
+		"share": "Distribuie",
+		"submit": "Trimite",
+		"undo": "Anulează",
+		"no_devices": "Nu s-au găsit dispozitive",
+		"language": "Limbă",
+		"display_theme": "Temă de afișare",
+		"pwa": "Aplicație web progresivă"
+	},
+	"dataframe": {
+		"incorrect_format": "Format incorect, sunt acceptate doar fișiere CSV și TSV",
+		"new_column": "Adaugă coloană",
+		"new_row": "Rând nou",
+		"add_row_above": "Adaugă rând deasupra",
+		"add_row_below": "Adaugă rând dedesubt",
+		"add_column_left": "Adaugă coloană la stânga",
+		"add_column_right": "Adaugă coloană la dreapta"
+	},
+	"dropdown": {
+		"dropdown": "Listă derulantă"
+	},
+	"errors": {
+		"build_error": "există o eroare de compilare",
+		"config_error": "există o eroare de configurare",
+		"contact_page_author": "Vă rugăm să contactați autorul paginii pentru a-l informa.",
+		"no_app_file": "nu există fișier de aplicație",
+		"runtime_error": "există o eroare de execuție",
+		"space_not_working": "\"Space-ul nu funcționează deoarece\" {0}",
+		"space_paused": "space-ul este în pauză",
+		"use_via_api": "Utilizați prin API"
+	},
+	"file": {
+		"uploading": "Se încarcă..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Text evidențiat"
+	},
+	"image": {
+		"allow_webcam_access": "Vă rugăm să permiteți accesul la camera web pentru înregistrare.",
+		"brush_color": "Culoare pensulă",
+		"brush_radius": "Dimensiune pensulă",
+		"image": "Imagine",
+		"remove_image": "Elimină imaginea",
+		"select_brush_color": "Selectează culoarea pensulei",
+		"start_drawing": "Începe să desenezi",
+		"use_brush": "Folosește pensula"
+	},
+	"label": {
+		"label": "Etichetă"
+	},
+	"login": {
+		"enable_cookies": "Dacă vizitați un Space HuggingFace în modul incognito, trebuie să activați cookie-urile terțe.",
+		"incorrect_credentials": "Credențiale incorecte",
+		"username": "nume de utilizator",
+		"password": "parolă",
+		"login": "Autentificare"
+	},
+	"number": {
+		"number": "Număr"
+	},
+	"plot": {
+		"plot": "Grafic"
+	},
+	"radio": {
+		"radio": "Buton radio"
+	},
+	"slider": {
+		"slider": "Glisor"
+	},
+	"upload_text": {
+		"click_to_upload": "Click pentru încărcare",
+		"drop_audio": "Plasează audio aici",
+		"drop_csv": "Plasează CSV aici",
+		"drop_file": "Plasează fișierul aici",
+		"drop_image": "Plasează imaginea aici",
+		"drop_video": "Plasează video aici",
+		"drop_gallery": "Plasează media aici",
+		"paste_clipboard": "Lipește din clipboard"
+	}
+}

package/dist/src/lang/ru.json

@@ -1,31 +1,33 @@
 {
+	"_name": "Русский",
 	"3D_model": {
-		"3d_model": "3D-модель"
+		"3d_model": "3D модель"
 	},
 	"annotated_image": {
-		"annotated_image": "Аннотированное изображение"
+		"annotated_image": "Изображение с аннотациями"
 	},
 	"audio": {
-		"allow_recording_access": "Пожалуйста, предоставьте доступ к микрофону для записи.",
+		"allow_recording_access": "Пожалуйста, разрешите доступ к микрофону для записи.",
 		"audio": "Аудио",
-		"record_from_microphone": "Записать с микрофона",
+		"record_from_microphone": "Запись с микрофона",
 		"stop_recording": "Остановить запись",
-		"no_device_support": "Не удалось получить доступ к медиаустройствам. Убедитесь, что вы работаете на защищенном источнике (https) или localhost (или передали действительный SSL-сертификат в ssl_verify), и разрешили браузеру доступ к устройству.",
+		"no_device_support": "Невозможно получить доступ к медиа-устройствам. Убедитесь, что вы работаете с безопасного источника (https) или localhost (или передали действительный SSL-сертификат в ssl_verify), и что вы разрешили браузеру доступ к вашему устройству.",
 		"stop": "Стоп",
 		"resume": "Продолжить",
-		"record": "Записать",
+		"record": "Запись",
 		"no_microphone": "Микрофон не найден",
 		"pause": "Пауза",
-		"play": "Воспроизвести"
+		"play": "Воспроизвести",
+		"waiting": "Ожидание"
 	},
 	"blocks": {
-		"connection_can_break": "На мобильных устройствах соединение может прерваться, если вкладка будет переключена или устройство отключится, что приведет к потере вашей позиции в очереди.",
-		"long_requests_queue": "Очередь запросов длинная. Продублируйте это пространство, чтобы пропустить.",
-		"lost_connection": "Потеряно соединение из-за ухода со страницы. Повторное подключение..."
+		"connection_can_break": "На мобильном устройстве соединение может прерваться, если эта вкладка потеряет фокус или устройство перейдет в спящий режим, что приведет к потере вашего места в очереди.",
+		"long_requests_queue": "Существует длинная очередь ожидающих запросов. Создайте дубликат этого Space, чтобы пропустить очередь.",
+		"lost_connection": "Соединение потеряно из-за ухода со страницы. Возвращение в очередь..."
 	},
 	"checkbox": {
-		"checkbox": "Чекбокс",
-		"checkbox_group": "Группа чекбоксов"
+		"checkbox": "Флажок",
+		"checkbox_group": "Группа флажков"
 	},
 	"code": {
 		"code": "Код"
@@ -34,43 +36,51 @@
 		"color_picker": "Выбор цвета"
 	},
 	"common": {
-		"built_with": "создано с",
+		"built_with": "создано с помощью",
 		"built_with_gradio": "Создано с помощью Gradio",
 		"clear": "Очистить",
 		"download": "Скачать",
-		"edit": "Изменить",
+		"edit": "Редактировать",
 		"empty": "Пусто",
 		"error": "Ошибка",
-		"hosted_on": "Размещено на",
+		"hosted_on": "размещено на",
 		"loading": "Загрузка",
 		"logo": "логотип",
 		"or": "или",
 		"remove": "Удалить",
+		"settings": "Настройки",
 		"share": "Поделиться",
 		"submit": "Отправить",
 		"undo": "Отменить",
-		"no_devices": "Не найдено ни одного устройства"
+		"no_devices": "Устройства не найдены",
+		"language": "Язык",
+		"display_theme": "Тема оформления",
+		"pwa": "Прогрессивное веб-приложение"
 	},
 	"dataframe": {
-		"incorrect_format": "Неправильный формат, поддерживаются только файлы CSV и TSV",
-		"new_column": "Новая колонка",
-		"new_row": "Новый ряд"
+		"incorrect_format": "Неверный формат, поддерживаются только файлы CSV и TSV",
+		"new_column": "Добавить столбец",
+		"new_row": "Новая строка",
+		"add_row_above": "Добавить строку выше",
+		"add_row_below": "Добавить строку ниже",
+		"add_column_left": "Добавить столбец слева",
+		"add_column_right": "Добавить столбец справа"
 	},
 	"dropdown": {
-		"dropdown": "Dropdown"
+		"dropdown": "Выпадающий список"
 	},
 	"errors": {
-		"build_error": "возникла ошибка сборки",
-		"config_error": "возникла ошибка конфигурации",
-		"contact_page_author": "Пожалуйста, свяжитесь с автором страницы, чтобы сообщить ему об этом.",
+		"build_error": "произошла ошибка сборки",
+		"config_error": "произошла ошибка конфигурации",
+		"contact_page_author": "Пожалуйста, свяжитесь с автором страницы, чтобы сообщить об этом.",
 		"no_app_file": "отсутствует файл приложения",
-		"runtime_error": "возникла проблема с выполнением",
-		"space_not_working": "\"Пространство не работает, потому что\" {0}",
-		"space_paused": "пространство приостановлено",
+		"runtime_error": "произошла ошибка выполнения",
+		"space_not_working": "\"Space не работает, потому что\" {0}",
+		"space_paused": "space приостановлен",
 		"use_via_api": "Использовать через API"
 	},
 	"file": {
-		"uploading": "Загружаем..."
+		"uploading": "Загрузка..."
 	},
 	"highlighted_text": {
 		"highlighted_text": "Выделенный текст"
@@ -78,41 +88,43 @@
 	"image": {
 		"allow_webcam_access": "Пожалуйста, разрешите доступ к веб-камере для записи.",
 		"brush_color": "Цвет кисти",
-		"brush_radius": "Радиус кисти",
+		"brush_radius": "Размер кисти",
 		"image": "Изображение",
 		"remove_image": "Удалить изображение",
-		"select_brush_color": "Выберите цвет кисти",
-		"start_drawing": "Начните рисовать",
-		"use_brush": "Используйте кисть"
+		"select_brush_color": "Выбрать цвет кисти",
+		"start_drawing": "Начать рисование",
+		"use_brush": "Использовать кисть"
 	},
 	"label": {
-		"label": "Лейбл"
+		"label": "Метка"
 	},
 	"login": {
-		"enable_cookies": "Если вы посещаете пространство HuggingFace в режиме инкогнито, вы должны разрешить сторонние файлы cookie.",
-		"incorrect_credentials": "Неправильные учетные данные",
-		"login": "Вход в систему"
+		"enable_cookies": "Если вы посещаете Space HuggingFace в режиме инкогнито, вам необходимо включить сторонние куки.",
+		"incorrect_credentials": "Неверные учетные данные",
+		"username": "имя пользователя",
+		"password": "пароль",
+		"login": "Войти"
 	},
 	"number": {
 		"number": "Число"
 	},
 	"plot": {
-		"plot": "Схема"
+		"plot": "График"
 	},
 	"radio": {
-		"radio": "Радио"
+		"radio": "Переключатель"
 	},
 	"slider": {
-		"slider": "Слайдер"
+		"slider": "Ползунок"
 	},
 	"upload_text": {
-		"click_to_upload": "Нажмите, чтобы загрузить",
+		"click_to_upload": "Нажмите для загрузки",
 		"drop_audio": "Перетащите аудио сюда",
-		"drop_csv": "Перетащите файл CSV сюда",
+		"drop_csv": "Перетащите CSV сюда",
 		"drop_file": "Перетащите файл сюда",
 		"drop_image": "Перетащите изображение сюда",
 		"drop_video": "Перетащите видео сюда",
-		"drop_gallery": "Перетащите изображение(-я) сюда",
-		"paste_clipboard": "Вставка из буфера обмена"
+		"drop_gallery": "Перетащите медиа сюда",
+		"paste_clipboard": "Вставить из буфера обмена"
 	}
 }

package/dist/src/lang/ta.json

@@ -1,4 +1,5 @@
 {
+	"_name": "தமிழ்",
 	"common": {
 		"built_with_gradio": "கிரேடியோ வுடன் உருவாக்கப்பட்டது",
 		"clear": "அழிக்கவும்",

package/dist/src/lang/tr.json

@@ -1,4 +1,5 @@
 {
+	"_name": "Türkçe",
 	"common": {
 		"built_with_gradio": "Gradio ile oluşturulmuştur",
 		"clear": "Temizle",

package/dist/src/lang/uk.json

@@ -1,9 +1,11 @@
 {
+	"_name": "Українська",
 	"common": {
 		"built_with_gradio": "Зроблено на основі gradio",
 		"clear": "Очистити",
 		"or": "або",
-		"submit": "Надіслати"
+		"submit": "Надіслати",
+		"settings": "Налаштування"
 	},
 	"upload_text": {
 		"click_to_upload": "Натисніть щоб завантажити",

package/dist/src/lang/ur.json

@@ -1,9 +1,11 @@
 {
+	"_name": "اردو",
 	"common": {
 		"built_with_gradio": "کے ساتھ بنایا گیا Gradio",
 		"clear": "ہٹا دیں",
 		"or": "یا",
-		"submit": "جمع کریں"
+		"submit": "جمع کریں",
+		"settings": "ترتیبات"
 	},
 	"upload_text": {
 		"click_to_upload": "اپ لوڈ کے لیے کلک کریں",

package/package.json

@@ -1,65 +1,65 @@
 {
   "name": "@gradio/core",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "devDependencies": {
-    "@gradio/accordion": "^0.5.3",
-    "@gradio/annotatedimage": "^0.9.0",
-    "@gradio/atoms": "^0.12.0",
-    "@gradio/audio": "^0.14.10",
-    "@gradio/box": "^0.2.8",
-    "@gradio/button": "^0.3.9",
-    "@gradio/chatbot": "^0.19.0",
-    "@gradio/checkbox": "^0.4.9",
-    "@gradio/checkboxgroup": "^0.6.9",
-    "@gradio/client": "^1.8.0",
-    "@gradio/code": "^0.10.10",
-    "@gradio/colorpicker": "^0.4.9",
+    "@gradio/accordion": "^0.5.4",
+    "@gradio/annotatedimage": "^0.9.1",
+    "@gradio/atoms": "^0.13.0",
+    "@gradio/audio": "^0.15.0",
+    "@gradio/button": "^0.4.0",
+    "@gradio/box": "^0.2.9",
+    "@gradio/chatbot": "^0.20.0",
+    "@gradio/checkbox": "^0.4.10",
+    "@gradio/checkboxgroup": "^0.6.10",
+    "@gradio/client": "^1.9.0",
+    "@gradio/code": "^0.10.11",
     "@gradio/column": "^0.2.0",
-    "@gradio/dataframe": "^0.12.5",
-    "@gradio/datetime": "^0.3.1",
-    "@gradio/dataset": "^0.3.11",
-    "@gradio/downloadbutton": "^0.2.9",
-    "@gradio/dropdown": "^0.9.7",
-    "@gradio/fallback": "^0.4.9",
-    "@gradio/file": "^0.11.3",
-    "@gradio/fileexplorer": "^0.5.10",
-    "@gradio/form": "^0.2.8",
-    "@gradio/gallery": "^0.14.0",
+    "@gradio/colorpicker": "^0.4.10",
+    "@gradio/dataframe": "^0.12.6",
+    "@gradio/datetime": "^0.3.2",
+    "@gradio/dataset": "^0.4.0",
+    "@gradio/downloadbutton": "^0.3.0",
+    "@gradio/file": "^0.12.0",
+    "@gradio/fallback": "^0.4.10",
+    "@gradio/dropdown": "^0.9.8",
+    "@gradio/fileexplorer": "^0.5.11",
+    "@gradio/form": "^0.2.9",
     "@gradio/group": "^0.2.0",
-    "@gradio/html": "^0.6.0",
-    "@gradio/highlightedtext": "^0.8.9",
-    "@gradio/icons": "^0.8.1",
-    "@gradio/image": "^0.19.0",
-    "@gradio/imageeditor": "^0.11.11",
-    "@gradio/json": "^0.5.9",
-    "@gradio/label": "^0.5.1",
-    "@gradio/browserstate": "^0.2.0",
-    "@gradio/markdown": "^0.12.1",
-    "@gradio/model3d": "^0.13.10",
-    "@gradio/multimodaltextbox": "^0.8.0",
-    "@gradio/nativeplot": "^0.5.3",
-    "@gradio/number": "^0.5.9",
-    "@gradio/paramviewer": "^0.6.1",
-    "@gradio/plot": "^0.9.4",
-    "@gradio/radio": "^0.6.9",
+    "@gradio/highlightedtext": "^0.8.10",
+    "@gradio/gallery": "^0.14.1",
+    "@gradio/html": "^0.6.1",
+    "@gradio/icons": "^0.9.0",
+    "@gradio/imageeditor": "^0.12.0",
+    "@gradio/json": "^0.5.10",
+    "@gradio/image": "^0.20.0",
+    "@gradio/label": "^0.5.2",
+    "@gradio/browserstate": "^0.3.0",
+    "@gradio/model3d": "^0.13.11",
+    "@gradio/markdown": "^0.13.0",
+    "@gradio/multimodaltextbox": "^0.9.0",
+    "@gradio/number": "^0.5.10",
+    "@gradio/nativeplot": "^0.5.4",
+    "@gradio/paramviewer": "^0.6.2",
+    "@gradio/radio": "^0.6.10",
     "@gradio/row": "^0.2.0",
-    "@gradio/simpledropdown": "^0.3.9",
-    "@gradio/simpleimage": "^0.8.10",
-    "@gradio/simpletextbox": "^0.3.9",
-    "@gradio/slider": "^0.5.9",
+    "@gradio/plot": "^0.9.5",
+    "@gradio/simpledropdown": "^0.3.10",
+    "@gradio/simpleimage": "^0.8.11",
+    "@gradio/simpletextbox": "^0.3.10",
+    "@gradio/slider": "^0.5.10",
     "@gradio/state": "^0.1.2",
-    "@gradio/tabitem": "^0.3.5",
-    "@gradio/statustracker": "^0.9.7",
-    "@gradio/tabs": "^0.3.5",
-    "@gradio/textbox": "^0.9.1",
+    "@gradio/tabitem": "^0.4.0",
+    "@gradio/statustracker": "^0.10.0",
+    "@gradio/tabs": "^0.4.0",
+    "@gradio/textbox": "^0.10.0",
     "@gradio/theme": "^0.3.0",
-    "@gradio/timer": "^0.4.2",
-    "@gradio/upload": "^0.14.3",
-    "@gradio/uploadbutton": "^0.7.9",
-    "@gradio/utils": "^0.9.0",
-    "@gradio/video": "^0.12.1",
-    "@gradio/wasm": "^0.15.0"
+    "@gradio/upload": "^0.14.4",
+    "@gradio/uploadbutton": "^0.8.0",
+    "@gradio/utils": "^0.10.0",
+    "@gradio/timer": "^0.4.3",
+    "@gradio/video": "^0.13.0",
+    "@gradio/wasm": "^0.16.0"
   },
   "msw": {
     "workerDirectory": "public"

package/src/Blocks.svelte

@@ -8,7 +8,7 @@
 	import type { ComponentMeta, Dependency, LayoutNode } from "./types";
 	import type { UpdateTransaction } from "./init";
 	import { setupi18n } from "./i18n";
-	import { ApiDocs, ApiRecorder } from "./api_docs/";
+	import { ApiDocs, ApiRecorder, Settings } from "./api_docs/";
 	import type { ThemeMode, Payload } from "./types";
 	import { Toast } from "@gradio/statustracker";
 	import type { ToastMessage } from "@gradio/statustracker";
@@ -18,6 +18,7 @@
 
 	import logo from "./images/logo.svg";
 	import api_logo from "./api_docs/img/api-logo.svg";
+	import settings_logo from "./api_docs/img/settings-logo.svg";
 	import { create_components, AsyncFunction } from "./init";
 	import type {
 		LogMessage,
@@ -85,8 +86,10 @@
 
 	export let search_params: URLSearchParams;
 	let api_docs_visible = search_params.get("view") === "api" && show_api;
+	let settings_visible = search_params.get("view") === "settings";
 	let api_recorder_visible =
 		search_params.get("view") === "api-recorder" && show_api;
+
 	function set_api_docs_visible(visible: boolean): void {
 		api_recorder_visible = false;
 		api_docs_visible = visible;
@@ -98,6 +101,18 @@
 		}
 		history.replaceState(null, "", "?" + params.toString());
 	}
+
+	function set_settings_visible(visible: boolean): void {
+		let params = new URLSearchParams(window.location.search);
+		if (visible) {
+			params.set("view", "settings");
+		} else {
+			params.delete("view");
+		}
+		history.replaceState(null, "", "?" + params.toString());
+		settings_visible = !settings_visible;
+	}
+
 	let api_calls: Payload[] = [];
 
 	export let render_complete = false;
@@ -758,8 +773,8 @@
 				>
 					{$_("errors.use_via_api")}
 					<img src={api_logo} alt={$_("common.logo")} />
+					<div>&nbsp;·</div>
 				</button>
-				<div>·</div>
 			{/if}
 			<a
 				href="https://gradio.app"
@@ -770,6 +785,16 @@
 				{$_("common.built_with_gradio")}
 				<img src={logo} alt={$_("common.logo")} />
 			</a>
+			<button
+				on:click={() => {
+					set_settings_visible(!settings_visible);
+				}}
+				class="settings"
+			>
+				<div>· &nbsp;</div>
+				{$_("common.settings")}
+				<img src={settings_logo} alt={$_("common.settings")} />
+			</button>
 		</footer>
 	{/if}
 </div>
@@ -819,6 +844,30 @@
 	</div>
 {/if}
 
+{#if settings_visible && $_layout && app.config}
+	<div class="api-docs">
+		<!-- TODO: fix -->
+		<!-- svelte-ignore a11y-click-events-have-key-events-->
+		<!-- svelte-ignore a11y-no-static-element-interactions-->
+		<div
+			class="backdrop"
+			on:click={() => {
+				set_settings_visible(false);
+			}}
+		/>
+		<div class="api-docs-wrap">
+			<Settings
+				on:close={(event) => {
+					set_settings_visible(false);
+				}}
+				pwa_enabled={app.config.pwa}
+				{root}
+				{space_id}
+			/>
+		</div>
+	</div>
+{/if}
+
 {#if messages}
 	<Toast {messages} on:close={handle_error_close} />
 {/if}
@@ -849,7 +898,8 @@
 		margin-left: var(--size-2);
 	}
 
-	.show-api {
+	.show-api,
+	.settings {
 		display: flex;
 		align-items: center;
 	}
@@ -863,12 +913,19 @@
 		width: var(--size-3);
 	}
 
+	.settings img {
+		margin-right: var(--size-1);
+		margin-left: var(--size-1);
+		width: var(--size-4);
+	}
+
 	.built-with {
 		display: flex;
 		align-items: center;
 	}
 
-	.built-with:hover {
+	.built-with:hover,
+	.settings:hover {
 		color: var(--body-text-color);
 	}
 
@@ -923,4 +980,19 @@
 		bottom: 10px;
 		z-index: 1000;
 	}
+
+	.show-api {
+		display: flex;
+		align-items: center;
+	}
+
+	@media (max-width: 640px) {
+		.show-api {
+			display: none;
+		}
+	}
+
+	.show-api:hover {
+		color: var(--body-text-color);
+	}
 </style>

package/src/Render.svelte

@@ -88,6 +88,7 @@
 	{...node.props}
 	{theme_mode}
 	{root}
+	visible={typeof node.props.visible === "boolean" ? node.props.visible : true}
 >
 	{#if node.children && node.children.length}
 		{#each node.children as _node (_node.id)}

package/src/RenderComponent.svelte

@@ -17,6 +17,7 @@
 	export let elem_id: string;
 	export let elem_classes: string[];
 	export let _id: number;
+	export let visible: boolean;
 
 	const s = (id: number, p: string, v: any): CustomEvent =>
 		new CustomEvent("prop_change", { detail: { id, prop: p, value: v } });
@@ -51,6 +52,7 @@
 	const _component = wrap(component);
 </script>
 
+<!-- {#if visible} -->
 <svelte:component
 	this={_component}
 	bind:this={instance}
@@ -59,9 +61,11 @@
 	{elem_id}
 	{elem_classes}
 	{target}
+	{visible}
 	{...$$restProps}
 	{theme_mode}
 	{root}
 >
 	<slot />
 </svelte:component>
+<!-- {/if} -->