@gradio/core 0.29.0 → 0.29.2

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @gradio/core
 
+## 0.29.2
+
+### Fixes
+
+- [#11994](https://github.com/gradio-app/gradio/pull/11994) [`d6f591e`](https://github.com/gradio-app/gradio/commit/d6f591e823dad8e7387de4124fa1e3ab16203a73) - Add render_children parameter to Tab component.  Thanks @freddyaboulton!
+
+## 0.29.1
+
+### Fixes
+
+- [#11992](https://github.com/gradio-app/gradio/pull/11992) [`1ae2a57`](https://github.com/gradio-app/gradio/commit/1ae2a57a253c56cd8f3d3e5d795688fec80cab2c) - fix iframe sizing on spaces for apps runing in SPA mode.  Thanks @pngwn!
+- [#11993](https://github.com/gradio-app/gradio/pull/11993) [`0dc0be8`](https://github.com/gradio-app/gradio/commit/0dc0be8ff1526d43ba7b01ccc7d8173f92c5eed2) - Trigger Change Event if component is in inactive tab.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.29.0
+
+### Dependency updates
+
+- @gradio/image@0.23.1
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.29.0
+
+### Dependency updates
+
+- @gradio/paramviewer@0.8.1
+
 ## 0.29.0
 
 ### Features

package/dist/src/Blocks.svelte

@@ -683,7 +683,11 @@ async function handle_mount() {
     const { id, prop, value } = e.detail;
     if (prop === "value") {
       update_value([
-        { id, prop: "loading_status", value: { validation_error: void 0 } }
+        {
+          id,
+          prop: "loading_status",
+          value: { validation_error: void 0 }
+        }
       ]);
     }
     update_value([{ id, prop, value }]);
@@ -832,14 +836,13 @@ function screen_recording() {
 }
 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];
 }
 function handle_resize() {
   if ("parentIFrame" in window) {
-    const box = root_node?.getBoundingClientRect();
+    const box = root_container.children[0].getBoundingClientRect();
     if (!box) return;
     window.parentIFrame?.size(box.bottom + footer_height + 32);
   }

package/dist/src/init.js

@@ -622,8 +622,11 @@ function get_selected_tab_id(component, layout, components) {
 function process_children_visibility(layout, components, parent_tabs_context) {
     const visible_components = new Set();
     if (layout.children) {
+        const layout_component = components.find((c) => c.id === layout.id);
         for (const child of layout.children) {
-            const child_visible = determine_visible_components(child, components, true, parent_tabs_context);
+            const child_visible = determine_visible_components(child, components, layout_component?.type === "tabitem"
+                ? layout_component.props.children_visible !== false
+                : true, parent_tabs_context);
             child_visible.forEach((id) => visible_components.add(id));
         }
     }
@@ -658,7 +661,9 @@ function determine_visible_components(layout, components, parent_visible = true,
         child_visible.forEach((id) => visible_components.add(id));
     }
     else if (component.type === "tabitem") {
-        if (is_tab_item_visible(component, component_visible, parent_tabs_context)) {
+        const tab_item_visible = is_tab_item_visible(component, component_visible, parent_tabs_context);
+        if (tab_item_visible ||
+            (!tab_item_visible && component.props.render_children)) {
             visible_components.add(layout.id);
             const child_visible = process_children_visibility(layout, components, parent_tabs_context);
             child_visible.forEach((id) => visible_components.add(id));
@@ -722,6 +727,9 @@ function is_visible(component) {
         return false;
     }
     else if (component.parent) {
+        if (component.parent.type === "tabitem") {
+            return is_tab_item_visible(component.parent, is_visible(component.parent));
+        }
         return is_visible(component.parent);
     }
     return true;

package/package.json

@@ -1,68 +1,68 @@
 {
   "name": "@gradio/core",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "type": "module",
   "devDependencies": {
-    "@gradio/annotatedimage": "^0.10.0",
     "@gradio/accordion": "^0.5.24",
-    "@gradio/atoms": "^0.18.0",
-    "@gradio/box": "^0.2.25",
-    "@gradio/browserstate": "^0.3.2",
-    "@gradio/audio": "^0.19.0",
+    "@gradio/annotatedimage": "^0.10.0",
+    "@gradio/atoms": "^0.18.1",
+    "@gradio/audio": "^0.19.2",
     "@gradio/button": "^0.5.13",
+    "@gradio/box": "^0.2.25",
+    "@gradio/checkbox": "^0.4.31",
     "@gradio/chatbot": "^0.27.0",
-    "@gradio/checkbox": "^0.4.30",
+    "@gradio/browserstate": "^0.3.2",
     "@gradio/checkboxgroup": "^0.7.0",
     "@gradio/code": "^0.15.0",
+    "@gradio/client": "^1.19.1",
     "@gradio/colorpicker": "^0.4.29",
-    "@gradio/client": "^1.19.0",
     "@gradio/column": "^0.2.2",
+    "@gradio/dataframe": "^0.20.1",
+    "@gradio/datetime": "^0.3.22",
     "@gradio/dataset": "^0.4.34",
+    "@gradio/dropdown": "^0.10.5",
     "@gradio/downloadbutton": "^0.4.12",
-    "@gradio/dataframe": "^0.19.3",
-    "@gradio/datetime": "^0.3.22",
-    "@gradio/fallback": "^0.4.29",
-    "@gradio/dropdown": "^0.10.4",
-    "@gradio/file": "^0.13.0",
     "@gradio/fileexplorer": "^0.5.41",
+    "@gradio/fallback": "^0.4.29",
     "@gradio/form": "^0.2.25",
-    "@gradio/gallery": "^0.15.33",
-    "@gradio/highlightedtext": "^0.9.12",
+    "@gradio/file": "^0.13.0",
+    "@gradio/gallery": "^0.15.34",
     "@gradio/group": "^0.2.1",
-    "@gradio/html": "^0.7.2",
-    "@gradio/image": "^0.23.0",
+    "@gradio/highlightedtext": "^0.9.13",
     "@gradio/icons": "^0.14.0",
+    "@gradio/html": "^0.7.2",
     "@gradio/imageslider": "^0.3.0",
-    "@gradio/imageeditor": "^0.17.0",
-    "@gradio/label": "^0.5.21",
+    "@gradio/image": "^0.23.1",
+    "@gradio/imageeditor": "^0.18.0",
     "@gradio/json": "^0.5.31",
+    "@gradio/label": "^0.5.21",
     "@gradio/markdown": "^0.13.22",
+    "@gradio/multimodaltextbox": "^0.10.21",
+    "@gradio/nativeplot": "^0.8.0",
     "@gradio/model3d": "^0.15.0",
-    "@gradio/multimodaltextbox": "^0.10.19",
-    "@gradio/paramviewer": "^0.8.0",
     "@gradio/number": "^0.7.1",
-    "@gradio/nativeplot": "^0.7.6",
     "@gradio/plot": "^0.9.24",
     "@gradio/radio": "^0.7.12",
+    "@gradio/paramviewer": "^0.8.1",
+    "@gradio/sidebar": "^0.1.23",
+    "@gradio/row": "^0.2.2",
     "@gradio/simpledropdown": "^0.3.29",
-    "@gradio/sidebar": "^0.1.22",
     "@gradio/simpleimage": "^0.9.0",
-    "@gradio/row": "^0.2.2",
     "@gradio/simpletextbox": "^0.3.30",
     "@gradio/slider": "^0.6.18",
     "@gradio/sketchbox": "^0.6.17",
     "@gradio/state": "^0.1.2",
+    "@gradio/statustracker": "^0.11.1",
     "@gradio/tabitem": "^0.6.1",
     "@gradio/tabs": "^0.5.1",
-    "@gradio/statustracker": "^0.11.1",
-    "@gradio/textbox": "^0.11.1",
-    "@gradio/theme": "^0.4.0",
     "@gradio/timer": "^0.4.5",
-    "@gradio/upload": "^0.17.0",
-    "@gradio/vibeeditor": "^0.2.4",
+    "@gradio/theme": "^0.4.0",
+    "@gradio/upload": "^0.17.1",
+    "@gradio/textbox": "^0.11.1",
     "@gradio/uploadbutton": "^0.9.12",
     "@gradio/utils": "^0.10.2",
-    "@gradio/video": "^0.16.0"
+    "@gradio/video": "^0.16.0",
+    "@gradio/vibeeditor": "^0.3.0"
   },
   "msw": {
     "workerDirectory": "public"

package/src/Blocks.svelte

@@ -876,7 +876,11 @@
 			const { id, prop, value } = e.detail;
 			if (prop === "value") {
 				update_value([
-					{ id, prop: "loading_status", value: { validation_error: undefined } }
+					{
+						id,
+						prop: "loading_status",
+						value: { validation_error: undefined }
+					}
 				]);
 			}
 			update_value([{ id, prop, value }]);
@@ -1059,7 +1063,6 @@
 	let footer_height = 0;
 
 	let root_container: HTMLElement;
-	$: root_node = $_layout && get_root_node(root_container);
 
 	function get_root_node(container: HTMLElement | null): HTMLElement | null {
 		if (!container) return null;
@@ -1068,7 +1071,7 @@
 
 	function handle_resize(): void {
 		if ("parentIFrame" in window) {
-			const box = root_node?.getBoundingClientRect();
+			const box = root_container.children[0].getBoundingClientRect();
 			if (!box) return;
 			window.parentIFrame?.size(box.bottom + footer_height + 32);
 		}

package/src/init.ts

@@ -938,11 +938,14 @@ function process_children_visibility(
 	const visible_components: Set<number> = new Set();
 
 	if (layout.children) {
+		const layout_component = components.find((c) => c.id === layout.id);
 		for (const child of layout.children) {
 			const child_visible = determine_visible_components(
 				child,
 				components,
-				true,
+				layout_component?.type === "tabitem"
+					? layout_component.props.children_visible !== false
+					: true,
 				parent_tabs_context
 			);
 			child_visible.forEach((id) => visible_components.add(id));
@@ -998,8 +1001,14 @@ function determine_visible_components(
 		);
 		child_visible.forEach((id) => visible_components.add(id));
 	} else if (component.type === "tabitem") {
+		const tab_item_visible = is_tab_item_visible(
+			component,
+			component_visible,
+			parent_tabs_context
+		);
 		if (
-			is_tab_item_visible(component, component_visible, parent_tabs_context)
+			tab_item_visible ||
+			(!tab_item_visible && component.props.render_children)
 		) {
 			visible_components.add(layout.id);
 
@@ -1107,6 +1116,12 @@ function is_visible(component: ComponentMeta): boolean {
 	) {
 		return false;
 	} else if (component.parent) {
+		if (component.parent.type === "tabitem") {
+			return is_tab_item_visible(
+				component.parent,
+				is_visible(component.parent)
+			);
+		}
 		return is_visible(component.parent);
 	}
 	return true;

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

@@ -1,11 +0,0 @@
-import type { StoryObj } from "@storybook/svelte";
-import I18nMultiLanguageTestComponent from "./I18nMultiLanguageTestComponent.svelte";
-declare const meta: {
-    component: typeof I18nMultiLanguageTestComponent;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;