@gradio/imageslider 0.3.1-dev.0 → 0.3.1

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

@@ -1,73 +1,63 @@
-import { SvelteComponent } from "svelte";
 import type { I18nFormatter } from "@gradio/utils";
 import { type Client } from "@gradio/client";
 import type { FileData } from "@gradio/client";
-declare const __propDef: {
-    props: {
-        value?: [FileData | null, FileData | null];
-        upload: Client["upload"];
-        stream_handler: Client["stream"];
-        label: string;
-        show_label: boolean;
-        i18n: I18nFormatter;
-        root: string;
-        upload_count?: number;
-        dragging: boolean;
-        max_height: number;
-        max_file_size?: number | null;
+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: {
-        edit: CustomEvent<undefined>;
-        clear: CustomEvent<undefined>;
-        stream: CustomEvent<string | null>;
-        upload: CustomEvent<[any, any]>;
-        select: CustomEvent<import("@gradio/utils").SelectData>;
-        share: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SliderUploadProps = typeof __propDef.props;
-export type SliderUploadEvents = typeof __propDef.events;
-export type SliderUploadSlots = typeof __propDef.slots;
-export default class SliderUpload extends SvelteComponent<SliderUploadProps, SliderUploadEvents, SliderUploadSlots> {
-    get value(): [any, any] | undefined;
-    /**accessor*/
-    set value(_: [any, any] | undefined);
-    get upload(): Client;
-    /**accessor*/
-    set upload(_: Client);
-    get stream_handler(): Client;
-    /**accessor*/
-    set stream_handler(_: Client);
-    get label(): string;
-    /**accessor*/
-    set label(_: string);
-    get show_label(): boolean;
-    /**accessor*/
-    set show_label(_: boolean);
-    get i18n(): any;
-    /**accessor*/
-    set i18n(_: any);
-    get root(): string;
-    /**accessor*/
-    set root(_: string);
-    get upload_count(): number | undefined;
-    /**accessor*/
-    set upload_count(_: number | undefined);
-    get dragging(): boolean;
-    /**accessor*/
-    set dragging(_: boolean);
-    get max_height(): number;
-    /**accessor*/
-    set max_height(_: number);
-    get max_file_size(): number | null | undefined;
-    /**accessor*/
-    set max_file_size(_: number | null | undefined);
+    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 SliderUpload: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    value?: [FileData | null, FileData | null];
+    upload: Client["upload"];
+    stream_handler: Client["stream"];
+    label: string;
+    show_label: boolean;
+    i18n: I18nFormatter;
+    root: string;
+    upload_count?: number;
+    dragging: boolean;
+    max_height: number;
+    max_file_size?: number | null;
+    upload_promise?: Promise<any> | null;
+}, {
+    default: {};
+}>, {
+    edit: CustomEvent<undefined>;
+    clear: CustomEvent<undefined>;
+    stream: CustomEvent<string | null>;
+    upload: CustomEvent<[FileData | null, FileData | null]>;
+    select: CustomEvent<import("@gradio/utils").SelectData>;
+    share: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {
+    value: [FileData | null, FileData | null];
+    upload: Client["upload"];
+    stream_handler: Client["stream"];
+    label: string;
+    show_label: boolean;
+    i18n: I18nFormatter;
+    root: string;
+    upload_count: number;
+    dragging: boolean;
+    max_height: number;
+    max_file_size: number | null;
+    upload_promise: Promise<any> | null;
+}, string>;
+type SliderUpload = InstanceType<typeof SliderUpload>;
+export default SliderUpload;

package/dist/types.d.ts

@@ -0,0 +1,29 @@
+import type { SelectData, ValueData, ShareData } from "@gradio/utils";
+import type { LoadingStatus } from "@gradio/statustracker";
+import type { FileData } from "@gradio/client";
+export interface ImageSliderEvents {
+    input: never;
+    change: never;
+    error: string;
+    edit: never;
+    stream: ValueData;
+    drag: never;
+    upload: never;
+    clear: never;
+    select: SelectData;
+    share: ShareData;
+    clear_status: LoadingStatus;
+    close_stream: string;
+}
+export interface ImageSliderProps {
+    value: [FileData | null, FileData | null];
+    height: number | undefined;
+    width: number | undefined;
+    placeholder: string | undefined;
+    buttons: string[];
+    input_ready: boolean;
+    slider_position: number;
+    upload_count: number;
+    slider_color: string;
+    max_height: number;
+}

package/dist/types.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/imageslider",
-  "version": "0.3.1-dev.0",
+  "version": "0.3.1",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -11,12 +11,12 @@
     "@types/d3-selection": "^3.0.11",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
-    "@gradio/atoms": "^0.18.1",
-    "@gradio/client": "^2.0.0-dev.0",
-    "@gradio/icons": "^0.14.0",
-    "@gradio/statustracker": "^0.11.1",
-    "@gradio/upload": "^0.17.2-dev.0",
-    "@gradio/utils": "^0.10.2"
+    "@gradio/client": "^2.0.0",
+    "@gradio/atoms": "^0.19.0",
+    "@gradio/upload": "^0.17.2",
+    "@gradio/statustracker": "^0.12.0",
+    "@gradio/utils": "^0.10.3",
+    "@gradio/icons": "^0.15.0"
   },
   "exports": {
     ".": {
@@ -32,11 +32,11 @@
     "./package.json": "./package.json"
   },
   "devDependencies": {
-    "@gradio/preview": "^0.14.0"
+    "@gradio/preview": "^0.15.0"
   },
   "main_changeset": true,
   "peerDependencies": {
-    "svelte": "^4.0.0"
+    "svelte": "^5.43.4"
   },
   "repository": {
     "type": "git",

package/shared/Image.svelte

@@ -27,6 +27,7 @@
 	export let max_file_size: number | null = null;
 	export let i18n: I18nFormatter;
 	export let max_height: number;
+	export let upload_promise: Promise<any> | null = null;
 
 	let value_: [FileData | null, FileData | null] = value || [null, null];
 
@@ -117,6 +118,7 @@
 			{#if !value_?.[0]}
 				<div class="wrap" class:half-wrap={upload_count === 1}>
 					<Upload
+						bind:upload_promise
 						bind:dragging
 						filetype="image/*"
 						on:load={(e) => handle_upload(e, 0)}
@@ -142,6 +144,7 @@
 
 			{#if !value_?.[1] && upload_count === 2}
 				<Upload
+					bind:upload_promise
 					bind:dragging
 					filetype="image/*"
 					on:load={(e) => handle_upload(e, 1)}

package/shared/SliderUpload.svelte

@@ -18,9 +18,11 @@
 	export let dragging: boolean;
 	export let max_height: number;
 	export let max_file_size: number | null = null;
+	export let upload_promise: Promise<any> | null = null;
 </script>
 
 <Image
+	bind:upload_promise
 	slider_color="var(--border-color-primary)"
 	position={0.5}
 	bind:value

package/types.ts

@@ -0,0 +1,31 @@
+import type { SelectData, ValueData, ShareData } from "@gradio/utils";
+import type { LoadingStatus } from "@gradio/statustracker";
+import type { FileData } from "@gradio/client";
+
+export interface ImageSliderEvents {
+	input: never;
+	change: never;
+	error: string;
+	edit: never;
+	stream: ValueData;
+	drag: never;
+	upload: never;
+	clear: never;
+	select: SelectData;
+	share: ShareData;
+	clear_status: LoadingStatus;
+	close_stream: string;
+}
+
+export interface ImageSliderProps {
+	value: [FileData | null, FileData | null];
+	height: number | undefined;
+	width: number | undefined;
+	placeholder: string | undefined;
+	buttons: string[];
+	input_ready: boolean;
+	slider_position: number;
+	upload_count: number;
+	slider_color: string;
+	max_height: number;
+}