@gradio/multimodaltextbox 0.10.10 → 0.10.11

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @gradio/multimodaltextbox
 
+## 0.10.11
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/video@0.14.19
+- @gradio/client@1.15.4
+- @gradio/image@0.22.11
+
 ## 0.10.10
 
 ### Fixes

package/Index.svelte

@@ -14,6 +14,7 @@
 	import type { FileData } from "@gradio/client";
 	import { onMount } from "svelte";
 	import type { WaveformOptions } from "../audio/shared/types";
+	import type { InputHTMLAttributes } from "./shared/types";
 
 	export let gradio: Gradio<{
 		change: typeof value;
@@ -61,6 +62,7 @@
 	export let max_plain_text_length: number;
 	export let sources: ["microphone" | "upload"] = ["upload"];
 	export let waveform_options: WaveformOptions = {};
+	export let html_attributes: InputHTMLAttributes | null = null;
 
 	let dragging: boolean;
 	let active_source: "microphone" | null = null;
@@ -169,5 +171,6 @@
 		upload={(...args) => gradio.client.upload(...args)}
 		stream_handler={(...args) => gradio.client.stream(...args)}
 		{max_plain_text_length}
+		{html_attributes}
 	/>
 </Block>

package/dist/Index.svelte

@@ -39,6 +39,7 @@ export let file_count;
 export let max_plain_text_length;
 export let sources = ["upload"];
 export let waveform_options = {};
+export let html_attributes = null;
 let dragging;
 let active_source = null;
 let waveform_settings;
@@ -141,5 +142,6 @@ function set_trim_region_colour() {
 		upload={(...args) => gradio.client.upload(...args)}
 		stream_handler={(...args) => gradio.client.stream(...args)}
 		{max_plain_text_length}
+		{html_attributes}
 	/>
 </Block>

package/dist/Index.svelte.d.ts

@@ -4,6 +4,7 @@ export { default as BaseExample } from "./Example.svelte";
 import type { Gradio, SelectData } from "@gradio/utils";
 import type { LoadingStatus } from "@gradio/statustracker";
 import type { FileData } from "@gradio/client";
+import type { InputHTMLAttributes } from "./shared/types";
 declare const __propDef: {
     props: {
         gradio: Gradio<{
@@ -55,6 +56,7 @@ declare const __propDef: {
         max_plain_text_length: number;
         sources?: ["microphone" | "upload"] | undefined;
         waveform_options?: any;
+        html_attributes?: InputHTMLAttributes | null;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -191,4 +193,7 @@ export default class Index extends SvelteComponent<IndexProps, IndexEvents, Inde
     get waveform_options(): any;
     /**accessor*/
     set waveform_options(_: any);
+    get html_attributes(): any;
+    /**accessor*/
+    set html_attributes(_: any);
 }

package/dist/shared/MultimodalTextbox.svelte

@@ -20,6 +20,7 @@ import {
   Microphone
 } from "@gradio/icons";
 import InteractiveAudio from "../../audio/interactive/InteractiveAudio.svelte";
+import { convert_html_attributes } from "./utils";
 export let value = {
   text: "",
   files: []
@@ -52,6 +53,9 @@ export let waveform_options = {
 };
 export let sources = ["upload"];
 export let active_source = null;
+export let html_attributes = null;
+$:
+  html_attrs = convert_html_attributes(html_attributes);
 let upload_component;
 let el;
 let can_scroll;
@@ -394,6 +398,7 @@ function handle_drop(event) {
 			on:scroll={handle_scroll}
 			on:paste={handle_paste}
 			style={text_align ? "text-align: " + text_align : ""}
+			{...html_attrs}
 		/>
 		{#if submit_btn}
 			<button

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

@@ -2,6 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { I18nFormatter } from "js/core/src/gradio_helper";
 import type { FileData, Client } from "@gradio/client";
 import type { SelectData } from "@gradio/utils";
+import type { InputHTMLAttributes } from "./types";
 declare const __propDef: {
     props: {
         value?: {
@@ -34,6 +35,7 @@ declare const __propDef: {
         waveform_options?: any;
         sources?: ["microphone" | "upload"] | undefined;
         active_source?: ("microphone" | null) | undefined;
+        html_attributes?: InputHTMLAttributes | null;
         dragging?: boolean | undefined;
     };
     events: {

package/dist/shared/types.d.ts

@@ -0,0 +1 @@
+export type { InputHTMLAttributes } from "../../textbox/shared/types";

package/dist/shared/types.js

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

package/dist/shared/utils.d.ts

@@ -5,4 +5,4 @@ interface Value {
 }
 export declare function resize(target: HTMLTextAreaElement | HTMLInputElement, lines: number, max_lines: number): Promise<void>;
 export declare function text_area_resize(_el: HTMLTextAreaElement, _value: Value): any | undefined;
-export {};
+export { convert_html_attributes } from "../../textbox/shared/utils";

package/dist/shared/utils.js

@@ -39,3 +39,4 @@ export function text_area_resize(_el, _value) {
         destroy: () => _el.removeEventListener("input", handle_input)
     };
 }
+export { convert_html_attributes } from "../../textbox/shared/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gradio/multimodaltextbox",
-  "version": "0.10.10",
+  "version": "0.10.11",
   "description": "Gradio UI packages",
   "type": "module",
   "author": "",
@@ -22,14 +22,14 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@gradio/statustracker": "^0.10.13",
+    "@gradio/atoms": "^0.16.2",
     "@gradio/icons": "^0.12.0",
+    "@gradio/statustracker": "^0.10.13",
+    "@gradio/upload": "^0.16.9",
     "@gradio/utils": "^0.10.2",
-    "@gradio/atoms": "^0.16.2",
-    "@gradio/upload": "^0.16.8",
-    "@gradio/image": "^0.22.10",
-    "@gradio/client": "^1.15.3",
-    "@gradio/video": "^0.14.18"
+    "@gradio/image": "^0.22.11",
+    "@gradio/video": "^0.14.19",
+    "@gradio/client": "^1.15.4"
   },
   "devDependencies": {
     "@gradio/preview": "^0.13.2"

package/shared/MultimodalTextbox.svelte

@@ -25,6 +25,8 @@
 	} from "@gradio/icons";
 	import type { SelectData } from "@gradio/utils";
 	import InteractiveAudio from "../../audio/interactive/InteractiveAudio.svelte";
+	import type { InputHTMLAttributes } from "./types";
+	import { convert_html_attributes } from "./utils";
 
 	export let value: { text: string; files: FileData[] } = {
 		text: "",
@@ -59,6 +61,11 @@
 	};
 	export let sources: ["microphone" | "upload"] = ["upload"];
 	export let active_source: "microphone" | null = null;
+	export let html_attributes: InputHTMLAttributes | null = null;
+
+	// Convert InputHTMLAttributes to HTML attributes
+	$: html_attrs = convert_html_attributes(html_attributes);
+
 	let upload_component: Upload;
 	let el: HTMLTextAreaElement | HTMLInputElement;
 	let can_scroll: boolean;
@@ -449,6 +456,7 @@
 			on:scroll={handle_scroll}
 			on:paste={handle_paste}
 			style={text_align ? "text-align: " + text_align : ""}
+			{...html_attrs}
 		/>
 		{#if submit_btn}
 			<button

package/shared/types.ts

@@ -0,0 +1 @@
+export type { InputHTMLAttributes } from "../../textbox/shared/types";

package/shared/utils.ts

@@ -58,3 +58,5 @@ export function text_area_resize(
 		destroy: () => _el.removeEventListener("input", handle_input)
 	};
 }
+
+export { convert_html_attributes } from "../../textbox/shared/utils";