@gradio/downloadbutton 0.4.13-dev.0 → 0.4.13

package/CHANGELOG.md

@@ -1,4 +1,35 @@
 # @gradio/downloadbutton
+## 0.4.13
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/button@0.5.14
+- @gradio/client@2.0.0
+- @gradio/utils@0.10.3
+
+## 0.4.13-dev.1
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.2
+- @gradio/button@0.5.14-dev.2
+
+## 0.4.13-dev.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+- @gradio/button@0.5.14-dev.1
+
+## 0.4.13-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
 
 ## 0.4.13-dev.0
 

package/Index.svelte

@@ -3,39 +3,26 @@
 </script>
 
 <script lang="ts">
-	import type { Gradio } from "@gradio/utils";
-	import { type FileData } from "@gradio/client";
-
+	import { Gradio } from "@gradio/utils";
 	import DownloadButton from "./shared/DownloadButton.svelte";
+	import type { DownloadButtonProps, DownloadButtonEvents } from "./types";
 
-	export let elem_id = "";
-	export let elem_classes: string[] = [];
-	export let visible: boolean | "hidden" = true;
-	export let value: null | FileData;
-	export let variant: "primary" | "secondary" | "stop" = "secondary";
-	export let interactive: boolean;
-	export let size: "sm" | "lg" = "lg";
-	export let scale: number | null = null;
-	export let icon: null | FileData = null;
-	export let min_width: number | undefined = undefined;
-	export let label: string | null = null;
-	export let gradio: Gradio<{
-		click: never;
-	}>;
+	const props = $props();
+	const gradio = new Gradio<DownloadButtonEvents, DownloadButtonProps>(props);
 </script>
 
 <DownloadButton
-	{value}
-	{variant}
-	{elem_id}
-	{elem_classes}
-	{size}
-	{scale}
-	{icon}
-	{min_width}
-	{visible}
-	disabled={!interactive}
+	value={gradio.props.value}
+	variant={gradio.props.variant}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	size={gradio.props.size}
+	scale={gradio.shared.scale}
+	icon={gradio.props.icon}
+	min_width={gradio.shared.min_width}
+	visible={gradio.shared.visible}
+	disabled={!gradio.shared.interactive}
 	on:click={() => gradio.dispatch("click")}
 >
-	{label ?? ""}
+	{gradio.shared.label ?? ""}
 </DownloadButton>

package/dist/Index.svelte

@@ -1,34 +1,28 @@
-<script context="module">export { default as BaseButton } from "./shared/DownloadButton.svelte";
+<script context="module" lang="ts">
+	export { default as BaseButton } from "./shared/DownloadButton.svelte";
 </script>
 
-<script>import {} from "@gradio/client";
-import DownloadButton from "./shared/DownloadButton.svelte";
-export let elem_id = "";
-export let elem_classes = [];
-export let visible = true;
-export let value;
-export let variant = "secondary";
-export let interactive;
-export let size = "lg";
-export let scale = null;
-export let icon = null;
-export let min_width = void 0;
-export let label = null;
-export let gradio;
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import DownloadButton from "./shared/DownloadButton.svelte";
+	import type { DownloadButtonProps, DownloadButtonEvents } from "./types";
+
+	const props = $props();
+	const gradio = new Gradio<DownloadButtonEvents, DownloadButtonProps>(props);
 </script>
 
 <DownloadButton
-	{value}
-	{variant}
-	{elem_id}
-	{elem_classes}
-	{size}
-	{scale}
-	{icon}
-	{min_width}
-	{visible}
-	disabled={!interactive}
+	value={gradio.props.value}
+	variant={gradio.props.variant}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	size={gradio.props.size}
+	scale={gradio.shared.scale}
+	icon={gradio.props.icon}
+	min_width={gradio.shared.min_width}
+	visible={gradio.shared.visible}
+	disabled={!gradio.shared.interactive}
 	on:click={() => gradio.dispatch("click")}
 >
-	{label ?? ""}
+	{gradio.shared.label ?? ""}
 </DownloadButton>

package/dist/Index.svelte.d.ts

@@ -1,33 +1,4 @@
-import { SvelteComponent } from "svelte";
 export { default as BaseButton } from "./shared/DownloadButton.svelte";
-import type { Gradio } from "@gradio/utils";
-import { type FileData } from "@gradio/client";
-declare const __propDef: {
-    props: {
-        elem_id?: string;
-        elem_classes?: string[];
-        visible?: boolean | "hidden";
-        value: null | FileData;
-        variant?: "primary" | "secondary" | "stop";
-        interactive: boolean;
-        size?: "sm" | "lg";
-        scale?: number | null;
-        icon?: null | FileData;
-        min_width?: number | undefined;
-        label?: string | null;
-        gradio: Gradio<{
-            click: never;
-        }>;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type IndexProps = typeof __propDef.props;
-export type IndexEvents = typeof __propDef.events;
-export type IndexSlots = typeof __propDef.slots;
-export default class Index extends SvelteComponent<IndexProps, IndexEvents, IndexSlots> {
-}
+declare const Index: import("svelte").Component<$$ComponentProps, {}, "">;
+type Index = ReturnType<typeof Index>;
+export default Index;

package/dist/shared/DownloadButton.svelte

@@ -1,37 +1,40 @@
-<script>import { createEventDispatcher } from "svelte";
-import {} from "@gradio/client";
-import { BaseButton } from "@gradio/button";
-export let elem_id = "";
-export let elem_classes = [];
-export let visible = true;
-export let variant = "secondary";
-export let size = "lg";
-export let value;
-export let icon;
-export let disabled = false;
-export let scale = null;
-export let min_width = void 0;
-const dispatch = createEventDispatcher();
-function download_file() {
-  dispatch("click");
-  if (!value?.url) {
-    return;
-  }
-  let file_name;
-  if (!value.orig_name && value.url) {
-    const parts = value.url.split("/");
-    file_name = parts[parts.length - 1];
-    file_name = file_name.split("?")[0].split("#")[0];
-  } else {
-    file_name = value.orig_name;
-  }
-  const a = document.createElement("a");
-  a.href = value.url;
-  a.download = file_name || "file";
-  document.body.appendChild(a);
-  a.click();
-  document.body.removeChild(a);
-}
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import { type FileData } from "@gradio/client";
+	import { BaseButton } from "@gradio/button";
+
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let visible: boolean | "hidden" = true;
+	export let variant: "primary" | "secondary" | "stop" = "secondary";
+	export let size: "sm" | "md" | "lg" = "lg";
+	export let value: null | FileData;
+	export let icon: null | FileData;
+	export let disabled = false;
+	export let scale: number | null = null;
+	export let min_width: number | undefined = undefined;
+	const dispatch = createEventDispatcher();
+
+	function download_file(): void {
+		dispatch("click");
+		if (!value?.url) {
+			return;
+		}
+		let file_name;
+		if (!value.orig_name && value.url) {
+			const parts = value.url.split("/");
+			file_name = parts[parts.length - 1];
+			file_name = file_name.split("?")[0].split("#")[0];
+		} else {
+			file_name = value.orig_name;
+		}
+		const a = document.createElement("a");
+		a.href = value.url;
+		a.download = file_name || "file";
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+	}
 </script>
 
 <BaseButton

package/dist/shared/DownloadButton.svelte.d.ts

@@ -1,32 +1,41 @@
-import { SvelteComponent } from "svelte";
 import { type FileData } from "@gradio/client";
-declare const __propDef: {
-    props: {
-        elem_id?: string;
-        elem_classes?: string[];
-        visible?: boolean | "hidden";
-        variant?: "primary" | "secondary" | "stop";
-        size?: "sm" | "md" | "lg";
-        value: null | FileData;
-        icon: null | FileData;
-        disabled?: boolean;
-        scale?: number | null;
-        min_width?: number | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        click: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DownloadButtonProps = typeof __propDef.props;
-export type DownloadButtonEvents = typeof __propDef.events;
-export type DownloadButtonSlots = typeof __propDef.slots;
-export default class DownloadButton extends SvelteComponent<DownloadButtonProps, DownloadButtonEvents, DownloadButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const DownloadButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    elem_id?: string;
+    elem_classes?: string[];
+    visible?: boolean | "hidden";
+    variant?: "primary" | "secondary" | "stop";
+    size?: "sm" | "md" | "lg";
+    value: null | FileData;
+    icon: null | FileData;
+    disabled?: boolean;
+    scale?: number | null;
+    min_width?: number | undefined;
+}, {
+    default: {};
+}>, {
+    click: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type DownloadButton = InstanceType<typeof DownloadButton>;
+export default DownloadButton;

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+import type { FileData } from "@gradio/client";
+export interface DownloadButtonProps {
+    value: FileData | null;
+    variant: "primary" | "secondary" | "stop";
+    size: "sm" | "lg";
+    icon: FileData | null;
+}
+export interface DownloadButtonEvents {
+    click: never;
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@gradio/downloadbutton",
-  "version": "0.4.13-dev.0",
+  "version": "0.4.13",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
   "license": "ISC",
   "private": false,
   "dependencies": {
-    "@gradio/button": "^0.5.14-dev.0",
-    "@gradio/client": "^2.0.0-dev.0",
-    "@gradio/utils": "^0.10.2"
+    "@gradio/button": "^0.5.14",
+    "@gradio/utils": "^0.10.3",
+    "@gradio/client": "^2.0.0"
   },
   "devDependencies": {
-    "@gradio/preview": "^0.14.0"
+    "@gradio/preview": "^0.15.0"
   },
   "main": "./Index.svelte",
   "main_changeset": true,
@@ -25,7 +25,7 @@
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "svelte": "^4.0.0"
+    "svelte": "^5.43.4"
   },
   "repository": {
     "type": "git",

package/types.ts

@@ -0,0 +1,12 @@
+import type { FileData } from "@gradio/client";
+
+export interface DownloadButtonProps {
+	value: FileData | null;
+	variant: "primary" | "secondary" | "stop";
+	size: "sm" | "lg";
+	icon: FileData | null;
+}
+
+export interface DownloadButtonEvents {
+	click: never;
+}