Upload folder using huggingface_hub

.gitattributes

@@ -39,3 +39,4 @@ src/examples/rrt-star.rrd filter=lfs diff=lfs merge=lfs -text
 src/examples/structure_from_motion.rrd filter=lfs diff=lfs merge=lfs -text
 *.rrd filter=lfs diff=lfs merge=lfs -text
 src/backend/gradio_rerun/templates/component/re_viewer-DOCTrs8v.js filter=lfs diff=lfs merge=lfs -text
+src/backend/gradio_rerun/templates/component/index.js filter=lfs diff=lfs merge=lfs -text

README.md

@@ -122,6 +122,16 @@ with gr.Blocks() as demo:
  img = gr.Image(interactive=True, label="Image")
  with gr.Column():
  stream_blur = gr.Button("Stream Repeated Blur")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
 
  with gr.Tab("Dynamic RRD"):
  pending_cleanup = gr.State(
@@ -139,6 +149,20 @@ with gr.Blocks() as demo:
  )
  with gr.Row():
  create_rrd = gr.Button("Create RRD")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ create_rrd.click(
+ create_cube_rrd,
+ inputs=[x_count, y_count, z_count, pending_cleanup],
+ outputs=[viewer],
+ )
 
  with gr.Tab("Hosted RRD"):
  with gr.Row():
@@ -152,23 +176,16 @@ with gr.Blocks() as demo:
  f"{rr.bindings.get_app_url()}/examples/plots.rrd",
  ],
  )
-
- # Rerun 0.16 has issues when embedded in a Gradio tab, so we share a viewer between all the tabs.
- # In 0.17 we can instead scope each viewer to its own tab to clean up these examples further.
- with gr.Row():
- viewer = Rerun(
- streaming=True,
- )
-
- stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
-
- create_rrd.click(
- create_cube_rrd,
- inputs=[x_count, y_count, z_count, pending_cleanup],
- outputs=[viewer],
- )
-
- choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
 
 
 if __name__ == "__main__":
@@ -363,6 +380,19 @@ bool
 <td align="left"><code>True</code></td>
 <td align="left">If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.</td>
 </tr>
+
+<tr>
+<td align="left"><code>panel_states</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+dict[str, Any] | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Force viewer panels to a specific state. Any panels set cannot be toggled by the user in the viewer. Panel names are "top", "blueprint", "selection", and "time". States are "hidden", "collapsed", and "expanded".</td>
+</tr>
 </tbody></table>
 
 

app.py

@@ -97,6 +97,16 @@ with gr.Blocks() as demo:
  img = gr.Image(interactive=True, label="Image")
  with gr.Column():
  stream_blur = gr.Button("Stream Repeated Blur")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
 
  with gr.Tab("Dynamic RRD"):
  pending_cleanup = gr.State(
@@ -114,6 +124,20 @@ with gr.Blocks() as demo:
  )
  with gr.Row():
  create_rrd = gr.Button("Create RRD")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ create_rrd.click(
+ create_cube_rrd,
+ inputs=[x_count, y_count, z_count, pending_cleanup],
+ outputs=[viewer],
+ )
 
  with gr.Tab("Hosted RRD"):
  with gr.Row():
@@ -127,23 +151,16 @@ with gr.Blocks() as demo:
  f"{rr.bindings.get_app_url()}/examples/plots.rrd",
  ],
  )
-
- # Rerun 0.16 has issues when embedded in a Gradio tab, so we share a viewer between all the tabs.
- # In 0.17 we can instead scope each viewer to its own tab to clean up these examples further.
- with gr.Row():
- viewer = Rerun(
- streaming=True,
- )
-
- stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
-
- create_rrd.click(
- create_cube_rrd,
- inputs=[x_count, y_count, z_count, pending_cleanup],
- outputs=[viewer],
- )
-
- choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
 
 
 if __name__ == "__main__":

space.py

@@ -3,7 +3,7 @@ import gradio as gr
 from app import demo as app
 import os
 
-_docs = {'Rerun': {'description': 'Creates a Rerun viewer component that can be used to display the output of a Rerun stream.', 'members': {'__init__': {'value': {'type': 'list[pathlib.Path | str]\n | pathlib.Path\n | str\n | bytes\n | Callable\n | None', 'default': 'None', 'description': 'Takes a singular or list of RRD resources. Each RRD can be a Path, a string containing a url, or a binary blob containing encoded RRD data. If callable, the function will be called whenever the app loads to set the initial value of the component.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'The label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.'}, 'every': {'type': 'float | None', 'default': 'None', 'description': "If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. Queue must be enabled. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute."}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will display label.'}, 'container': {'type': 'bool', 'default': 'True', 'description': 'If True, will place the component in a container - providing some extra padding around the border.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.'}, 'min_width': {'type': 'int', 'default': '160', 'description': 'minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.'}, 'height': {'type': 'int | str', 'default': '640', 'description': 'height of component in pixels. If a string is provided, will be interpreted as a CSS value. If None, will be set to 640px.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'streaming': {'type': 'bool', 'default': 'False', 'description': 'If True, the data should be incrementally yielded from the source as `bytes` returned by calling `.read()` on an `rr.binary_stream()`'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.'}}, 'postprocess': {'value': {'type': 'list[pathlib.Path | str] | pathlib.Path | str | bytes', 'description': 'Expects'}}, 'preprocess': {'return': {'type': 'RerunData | None', 'description': 'A RerunData object.'}, 'value': None}}, 'events': {}}, '__meta__': {'additional_interfaces': {'RerunData': {'source': 'class RerunData(GradioRootModel):\n root: list[FileData | str]'}}, 'user_fn_refs': {'Rerun': ['RerunData']}}}
+_docs = {'Rerun': {'description': 'Creates a Rerun viewer component that can be used to display the output of a Rerun stream.', 'members': {'__init__': {'value': {'type': 'list[pathlib.Path | str]\n | pathlib.Path\n | str\n | bytes\n | Callable\n | None', 'default': 'None', 'description': 'Takes a singular or list of RRD resources. Each RRD can be a Path, a string containing a url, or a binary blob containing encoded RRD data. If callable, the function will be called whenever the app loads to set the initial value of the component.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'The label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.'}, 'every': {'type': 'float | None', 'default': 'None', 'description': "If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. Queue must be enabled. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute."}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will display label.'}, 'container': {'type': 'bool', 'default': 'True', 'description': 'If True, will place the component in a container - providing some extra padding around the border.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.'}, 'min_width': {'type': 'int', 'default': '160', 'description': 'minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.'}, 'height': {'type': 'int | str', 'default': '640', 'description': 'height of component in pixels. If a string is provided, will be interpreted as a CSS value. If None, will be set to 640px.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'streaming': {'type': 'bool', 'default': 'False', 'description': 'If True, the data should be incrementally yielded from the source as `bytes` returned by calling `.read()` on an `rr.binary_stream()`'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.'}, 'panel_states': {'type': 'dict[str, Any] | None', 'default': 'None', 'description': 'Force viewer panels to a specific state. Any panels set cannot be toggled by the user in the viewer. Panel names are "top", "blueprint", "selection", and "time". States are "hidden", "collapsed", and "expanded".'}}, 'postprocess': {'value': {'type': 'list[pathlib.Path | str] | pathlib.Path | str | bytes', 'description': 'Expects'}}, 'preprocess': {'return': {'type': 'RerunData | None', 'description': 'A RerunData object.'}, 'value': None}}, 'events': {}}, '__meta__': {'additional_interfaces': {'RerunData': {'source': 'class RerunData(GradioRootModel):\n root: list[FileData | str]'}}, 'user_fn_refs': {'Rerun': ['RerunData']}}}
 
 abs_path = os.path.join(os.path.dirname(__file__), "css.css")
 
@@ -137,6 +137,16 @@ with gr.Blocks() as demo:
  img = gr.Image(interactive=True, label="Image")
  with gr.Column():
  stream_blur = gr.Button("Stream Repeated Blur")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
 
  with gr.Tab("Dynamic RRD"):
  pending_cleanup = gr.State(
@@ -154,6 +164,20 @@ with gr.Blocks() as demo:
  )
  with gr.Row():
  create_rrd = gr.Button("Create RRD")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ create_rrd.click(
+ create_cube_rrd,
+ inputs=[x_count, y_count, z_count, pending_cleanup],
+ outputs=[viewer],
+ )
 
  with gr.Tab("Hosted RRD"):
  with gr.Row():
@@ -167,23 +191,16 @@ with gr.Blocks() as demo:
  f"{rr.bindings.get_app_url()}/examples/plots.rrd",
  ],
  )
-
- # Rerun 0.16 has issues when embedded in a Gradio tab, so we share a viewer between all the tabs.
- # In 0.17 we can instead scope each viewer to its own tab to clean up these examples further.
- with gr.Row():
- viewer = Rerun(
- streaming=True,
- )
-
- stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
-
- create_rrd.click(
- create_cube_rrd,
- inputs=[x_count, y_count, z_count, pending_cleanup],
- outputs=[viewer],
- )
-
- choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
 
 
 if __name__ == "__main__":

src/README.md

@@ -122,6 +122,16 @@ with gr.Blocks() as demo:
  img = gr.Image(interactive=True, label="Image")
  with gr.Column():
  stream_blur = gr.Button("Stream Repeated Blur")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
 
  with gr.Tab("Dynamic RRD"):
  pending_cleanup = gr.State(
@@ -139,6 +149,20 @@ with gr.Blocks() as demo:
  )
  with gr.Row():
  create_rrd = gr.Button("Create RRD")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ create_rrd.click(
+ create_cube_rrd,
+ inputs=[x_count, y_count, z_count, pending_cleanup],
+ outputs=[viewer],
+ )
 
  with gr.Tab("Hosted RRD"):
  with gr.Row():
@@ -152,23 +176,16 @@ with gr.Blocks() as demo:
  f"{rr.bindings.get_app_url()}/examples/plots.rrd",
  ],
  )
-
- # Rerun 0.16 has issues when embedded in a Gradio tab, so we share a viewer between all the tabs.
- # In 0.17 we can instead scope each viewer to its own tab to clean up these examples further.
- with gr.Row():
- viewer = Rerun(
- streaming=True,
- )
-
- stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
-
- create_rrd.click(
- create_cube_rrd,
- inputs=[x_count, y_count, z_count, pending_cleanup],
- outputs=[viewer],
- )
-
- choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
 
 
 if __name__ == "__main__":
@@ -363,6 +380,19 @@ bool
 <td align="left"><code>True</code></td>
 <td align="left">If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.</td>
 </tr>
+
+<tr>
+<td align="left"><code>panel_states</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+dict[str, Any] | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Force viewer panels to a specific state. Any panels set cannot be toggled by the user in the viewer. Panel names are "top", "blueprint", "selection", and "time". States are "hidden", "collapsed", and "expanded".</td>
+</tr>
 </tbody></table>
 
 

src/backend/gradio_rerun/rerun.py

@@ -47,6 +47,7 @@ class Rerun(Component, StreamingOutput):
  elem_id: str | None = None,
  elem_classes: list[str] | str | None = None,
  render: bool = True,
+ panel_states: dict[str, Any] | None = None,
  ):
  """
  Parameters:
@@ -63,9 +64,11 @@ class Rerun(Component, StreamingOutput):
  elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
  elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
  render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+ panel_states: Force viewer panels to a specific state. Any panels set cannot be toggled by the user in the viewer. Panel names are "top", "blueprint", "selection", and "time". States are "hidden", "collapsed", and "expanded".
  """
  self.height = height
  self.streaming = streaming
+ self.panel_states = panel_states
  super().__init__(
  label=label,
  every=every,
@@ -81,6 +84,11 @@ class Rerun(Component, StreamingOutput):
  value=value,
  )
 
+ def get_config(self):
+ config = super().get_config()
+ config["panel_states"] = self.panel_states
+ return config
+
  def preprocess(self, payload: RerunData | None) -> RerunData | None:
  """
  This component does not accept input.

src/backend/gradio_rerun/templates/component/index.js

@@ -1,2737 +1,3 @@
-let he = null;
-async function Bt() {
- return he || (he = (await import("./re_viewer-DOCTrs8v.js")).WebHandle, he);
-}
-function Dt() {
- const l = new Uint8Array(16);
- return crypto.getRandomValues(l), Array.from(l).map((e) => e.toString(16).padStart(2, "0")).join("");
-}
-class Ht {
- /** @type {(import("./re_viewer.js").WebHandle) | null} */
- #e = null;
- /** @type {HTMLCanvasElement | null} */
- #n = null;
- /** @type {'ready' | 'starting' | 'stopped'} */
- #t = "stopped";
- /**
- * Start the viewer.
- *
- * @param {string | string[]} [rrd] URLs to `.rrd` files or WebSocket connections to our SDK.
- * @param {HTMLElement} [parent] The element to attach the canvas onto.
- * @param {boolean} [hide_welcome_screen] Whether to hide the welcome screen.
- * @returns {Promise<void>}
- */
- async start(e, t = document.body, n = !1) {
- if (this.#t !== "stopped")
- return;
- this.#t = "starting", this.#n = document.createElement("canvas"), this.#n.id = Dt(), t.append(this.#n);
- let i = await Bt();
- if (this.#t === "starting" && (this.#e = new i(), await this.#e.start(
- this.#n.id,
- void 0,
- void 0,
- void 0,
- n
- ), this.#t === "starting")) {
- if (this.#e.has_panicked())
- throw new Error(`Web viewer crashed: ${this.#e.panic_message()}`);
- this.#t = "ready", e && this.open(e);
- }
- }
- /**
- * Returns `true` if the viewer is ready to connect to data sources.
- */
- get ready() {
- return this.#t === "ready";
- }
- /**
- * Open a recording.
- *
- * The viewer must have been started via `WebViewer.start`.
- *
- * @see {WebViewer.start}
- *
- * @param {string | string[]} rrd URLs to `.rrd` files or WebSocket connections to our SDK.
- * @param {{ follow_if_http?: boolean }} options
- * - follow_if_http: Whether Rerun should open the resource in "Following" mode when streaming
- * from an HTTP url. Defaults to `false`. Ignored for non-HTTP URLs.
- */
- open(e, t = {}) {
- if (!this.#e)
- throw new Error(`attempted to open \`${e}\` in a stopped viewer`);
- const n = Array.isArray(e) ? e : [e];
- for (const i of n)
- if (this.#e.add_receiver(i, t.follow_if_http), this.#e.has_panicked())
- throw new Error(`Web viewer crashed: ${this.#e.panic_message()}`);
- }
- /**
- * Close a recording.
- *
- * The viewer must have been started via `WebViewer.start`.
- *
- * @see {WebViewer.start}
- *
- * @param {string | string[]} rrd URLs to `.rrd` files or WebSocket connections to our SDK.
- */
- close(e) {
- if (!this.#e)
- throw new Error(`attempted to close \`${e}\` in a stopped viewer`);
- const t = Array.isArray(e) ? e : [e];
- for (const n of t)
- if (this.#e.remove_receiver(n), this.#e.has_panicked())
- throw new Error(`Web viewer crashed: ${this.#e.panic_message()}`);
- }
- /**
- * Stop the viewer, freeing all associated memory.
- *
- * The same viewer instance may be started multiple times.
- */
- stop() {
- this.#t !== "stopped" && (this.#t = "stopped", this.#n?.remove(), this.#e?.destroy(), this.#e?.free(), this.#n = null, this.#e = null);
- }
- /**
- * Opens a new channel for sending log messages.
- *
- * The channel can be used to incrementally push `rrd` chunks into the viewer.
- *
- * @param {string} channel_name used to identify the channel.
- *
- * @returns {LogChannel}
- */
- open_channel(e = "rerun-io/web-viewer") {
- if (!this.#e)
- throw new Error("...");
- const t = crypto.randomUUID();
- this.#e.open_channel(t, e);
- const n = (o) => {
- if (!this.#e)
- throw new Error("...");
- this.#e.send_rrd_to_channel(t, o);
- }, i = () => {
- if (!this.#e)
- throw new Error("...");
- this.#e.close_channel(t);
- }, s = () => this.#t;
- return new Ot(n, i, s);
- }
-}
-class Ot {
- #e;
- #n;
- #t;
- #l = !1;
- /** @internal
- *
- * @param {(data: Uint8Array) => void} on_send
- * @param {() => void} on_close
- * @param {() => 'ready' | 'starting' | 'stopped'} get_state
- */
- constructor(e, t, n) {
- this.#e = e, this.#n = t, this.#t = n;
- }
- get ready() {
- return !this.#l && this.#t() === "ready";
- }
- /**
- * Send an `rrd` containing log messages to the viewer.
- *
- * Does nothing if `!this.ready`.
- *
- * @param {Uint8Array} rrd_bytes Is an rrd file stored in a byte array, received via some other side channel.
- */
- send_rrd(e) {
- this.ready && this.#e(e);
- }
- /**
- * Close the channel.
- *
- * Does nothing if `!this.ready`.
- */
- close() {
- this.ready && (this.#n(), this.#l = !0);
- }
-}
-const {
- SvelteComponent: Tt,
- assign: Ut,
- create_slot: Jt,
- detach: Rt,
- element: Xt,
- get_all_dirty_from_scope: Yt,
- get_slot_changes: Gt,
- get_spread_update: Kt,
- init: Qt,
- insert: xt,
- safe_not_equal: $t,
- set_dynamic_element_data: Pe,
- set_style: V,
- toggle_class: B,
- transition_in: dt,
- transition_out: mt,
- update_slot_base: en
-} = window.__gradio__svelte__internal;
-function tn(l) {
- let e, t, n;
- const i = (
- /*#slots*/
- l[18].default
- ), s = Jt(
- i,
- l,
- /*$$scope*/
- l[17],
- null
- );
- let o = [
- { "data-testid": (
- /*test_id*/
- l[7]
- ) },
- { id: (
- /*elem_id*/
- l[2]
- ) },
- {
- class: t = "block " + /*elem_classes*/
- l[3].join(" ") + " svelte-nl1om8"
- }
- ], a = {};
- for (let r = 0; r < o.length; r += 1)
- a = Ut(a, o[r]);
- return {
- c() {
- e = Xt(
- /*tag*/
- l[14]
- ), s && s.c(), Pe(
- /*tag*/
- l[14]
- )(e, a), B(
- e,
- "hidden",
- /*visible*/
- l[10] === !1
- ), B(
- e,
- "padded",
- /*padding*/
- l[6]
- ), B(
- e,
- "border_focus",
- /*border_mode*/
- l[5] === "focus"
- ), B(
- e,
- "border_contrast",
- /*border_mode*/
- l[5] === "contrast"
- ), B(e, "hide-container", !/*explicit_call*/
- l[8] && !/*container*/
- l[9]), V(
- e,
- "height",
- /*get_dimension*/
- l[15](
- /*height*/
- l[0]
- )
- ), V(e, "width", typeof /*width*/
- l[1] == "number" ? `calc(min(${/*width*/
- l[1]}px, 100%))` : (
- /*get_dimension*/
- l[15](
- /*width*/
- l[1]
- )
- )), V(
- e,
- "border-style",
- /*variant*/
- l[4]
- ), V(
- e,
- "overflow",
- /*allow_overflow*/
- l[11] ? "visible" : "hidden"
- ), V(
- e,
- "flex-grow",
- /*scale*/
- l[12]
- ), V(e, "min-width", `calc(min(${/*min_width*/
- l[13]}px, 100%))`), V(e, "border-width", "var(--block-border-width)");
- },
- m(r, f) {
- xt(r, e, f), s && s.m(e, null), n = !0;
- },
- p(r, f) {
- s && s.p && (!n || f & /*$$scope*/
- 131072) && en(
- s,
- i,
- r,
- /*$$scope*/
- r[17],
- n ? Gt(
- i,
- /*$$scope*/
- r[17],
- f,
- null
- ) : Yt(
- /*$$scope*/
- r[17]
- ),
- null
- ), Pe(
- /*tag*/
- r[14]
- )(e, a = Kt(o, [
- (!n || f & /*test_id*/
- 128) && { "data-testid": (
- /*test_id*/
- r[7]
- ) },
- (!n || f & /*elem_id*/
- 4) && { id: (
- /*elem_id*/
- r[2]
- ) },
- (!n || f & /*elem_classes*/
- 8 && t !== (t = "block " + /*elem_classes*/
- r[3].join(" ") + " svelte-nl1om8")) && { class: t }
- ])), B(
- e,
- "hidden",
- /*visible*/
- r[10] === !1
- ), B(
- e,
- "padded",
- /*padding*/
- r[6]
- ), B(
- e,
- "border_focus",
- /*border_mode*/
- r[5] === "focus"
- ), B(
- e,
- "border_contrast",
- /*border_mode*/
- r[5] === "contrast"
- ), B(e, "hide-container", !/*explicit_call*/
- r[8] && !/*container*/
- r[9]), f & /*height*/
- 1 && V(
- e,
- "height",
- /*get_dimension*/
- r[15](
- /*height*/
- r[0]
- )
- ), f & /*width*/
- 2 && V(e, "width", typeof /*width*/
- r[1] == "number" ? `calc(min(${/*width*/
- r[1]}px, 100%))` : (
- /*get_dimension*/
- r[15](
- /*width*/
- r[1]
- )
- )), f & /*variant*/
- 16 && V(
- e,
- "border-style",
- /*variant*/
- r[4]
- ), f & /*allow_overflow*/
- 2048 && V(
- e,
- "overflow",
- /*allow_overflow*/
- r[11] ? "visible" : "hidden"
- ), f & /*scale*/
- 4096 && V(
- e,
- "flex-grow",
- /*scale*/
- r[12]
- ), f & /*min_width*/
- 8192 && V(e, "min-width", `calc(min(${/*min_width*/
- r[13]}px, 100%))`);
- },
- i(r) {
- n || (dt(s, r), n = !0);
- },
- o(r) {
- mt(s, r), n = !1;
- },
- d(r) {
- r && Rt(e), s && s.d(r);
- }
- };
-}
-function nn(l) {
- let e, t = (
- /*tag*/
- l[14] && tn(l)
- );
- return {
- c() {
- t && t.c();
- },
- m(n, i) {
- t && t.m(n, i), e = !0;
- },
- p(n, [i]) {
- /*tag*/
- n[14] && t.p(n, i);
- },
- i(n) {
- e || (dt(t, n), e = !0);
- },
- o(n) {
- mt(t, n), e = !1;
- },
- d(n) {
- t && t.d(n);
- }
- };
-}
-function ln(l, e, t) {
- let { $$slots: n = {}, $$scope: i } = e, { height: s = void 0 } = e, { width: o = void 0 } = e, { elem_id: a = "" } = e, { elem_classes: r = [] } = e, { variant: f = "solid" } = e, { border_mode: u = "base" } = e, { padding: c = !0 } = e, { type: p = "normal" } = e, { test_id: m = void 0 } = e, { explicit_call: y = !1 } = e, { container: L = !0 } = e, { visible: v = !0 } = e, { allow_overflow: F = !0 } = e, { scale: d = null } = e, { min_width: _ = 0 } = e, q = p === "fieldset" ? "fieldset" : "div";
- const z = (b) => {
- if (b !== void 0) {
- if (typeof b == "number")
- return b + "px";
- if (typeof b == "string")
- return b;
- }
- };
- return l.$$set = (b) => {
- "height" in b && t(0, s = b.height), "width" in b && t(1, o = b.width), "elem_id" in b && t(2, a = b.elem_id), "elem_classes" in b && t(3, r = b.elem_classes), "variant" in b && t(4, f = b.variant), "border_mode" in b && t(5, u = b.border_mode), "padding" in b && t(6, c = b.padding), "type" in b && t(16, p = b.type), "test_id" in b && t(7, m = b.test_id), "explicit_call" in b && t(8, y = b.explicit_call), "container" in b && t(9, L = b.container), "visible" in b && t(10, v = b.visible), "allow_overflow" in b && t(11, F = b.allow_overflow), "scale" in b && t(12, d = b.scale), "min_width" in b && t(13, _ = b.min_width), "$$scope" in b && t(17, i = b.$$scope);
- }, [
- s,
- o,
- a,
- r,
- f,
- u,
- c,
- m,
- y,
- L,
- v,
- F,
- d,
- _,
- q,
- z,
- p,
- i,
- n
- ];
-}
-class sn extends Tt {
- constructor(e) {
- super(), Qt(this, e, ln, nn, $t, {
- height: 0,
- width: 1,
- elem_id: 2,
- elem_classes: 3,
- variant: 4,
- border_mode: 5,
- padding: 6,
- type: 16,
- test_id: 7,
- explicit_call: 8,
- container: 9,
- visible: 10,
- allow_overflow: 11,
- scale: 12,
- min_width: 13
- });
- }
-}
-const {
- SvelteComponent: fn,
- append: Se,
- attr: T,
- bubble: on,
- create_component: rn,
- destroy_component: an,
- detach: ht,
- element: ze,
- init: un,
- insert: bt,
- listen: cn,
- mount_component: _n,
- safe_not_equal: dn,
- set_data: mn,
- set_style: ee,
- space: hn,
- text: bn,
- toggle_class: M,
- transition_in: gn,
- transition_out: wn
-} = window.__gradio__svelte__internal;
-function We(l) {
- let e, t;
- return {
- c() {
- e = ze("span"), t = bn(
- /*label*/
- l[1]
- ), T(e, "class", "svelte-1lrphxw");
- },
- m(n, i) {
- bt(n, e, i), Se(e, t);
- },
- p(n, i) {
- i & /*label*/
- 2 && mn(
- t,
- /*label*/
- n[1]
- );
- },
- d(n) {
- n && ht(e);
- }
- };
-}
-function kn(l) {
- let e, t, n, i, s, o, a, r = (
- /*show_label*/
- l[2] && We(l)
- );
- return i = new /*Icon*/
- l[0]({}), {
- c() {
- e = ze("button"), r && r.c(), t = hn(), n = ze("div"), rn(i.$$.fragment), T(n, "class", "svelte-1lrphxw"), M(
- n,
- "small",
- /*size*/
- l[4] === "small"
- ), M(
- n,
- "large",
- /*size*/
- l[4] === "large"
- ), M(
- n,
- "medium",
- /*size*/
- l[4] === "medium"
- ), e.disabled = /*disabled*/
- l[7], T(
- e,
- "aria-label",
- /*label*/
- l[1]
- ), T(
- e,
- "aria-haspopup",
- /*hasPopup*/
- l[8]
- ), T(
- e,
- "title",
- /*label*/
- l[1]
- ), T(e, "class", "svelte-1lrphxw"), M(
- e,
- "pending",
- /*pending*/
- l[3]
- ), M(
- e,
- "padded",
- /*padded*/
- l[5]
- ), M(
- e,
- "highlight",
- /*highlight*/
- l[6]
- ), M(
- e,
- "transparent",
- /*transparent*/
- l[9]
- ), ee(e, "color", !/*disabled*/
- l[7] && /*_color*/
- l[12] ? (
- /*_color*/
- l[12]
- ) : "var(--block-label-text-color)"), ee(e, "--bg-color", /*disabled*/
- l[7] ? "auto" : (
- /*background*/
- l[10]
- )), ee(
- e,
- "margin-left",
- /*offset*/
- l[11] + "px"
- );
- },
- m(f, u) {
- bt(f, e, u), r && r.m(e, null), Se(e, t), Se(e, n), _n(i, n, null), s = !0, o || (a = cn(
- e,
- "click",
- /*click_handler*/
- l[14]
- ), o = !0);
- },
- p(f, [u]) {
- /*show_label*/
- f[2] ? r ? r.p(f, u) : (r = We(f), r.c(), r.m(e, t)) : r && (r.d(1), r = null), (!s || u & /*size*/
- 16) && M(
- n,
- "small",
- /*size*/
- f[4] === "small"
- ), (!s || u & /*size*/
- 16) && M(
- n,
- "large",
- /*size*/
- f[4] === "large"
- ), (!s || u & /*size*/
- 16) && M(
- n,
- "medium",
- /*size*/
- f[4] === "medium"
- ), (!s || u & /*disabled*/
- 128) && (e.disabled = /*disabled*/
- f[7]), (!s || u & /*label*/
- 2) && T(
- e,
- "aria-label",
- /*label*/
- f[1]
- ), (!s || u & /*hasPopup*/
- 256) && T(
- e,
- "aria-haspopup",
- /*hasPopup*/
- f[8]
- ), (!s || u & /*label*/
- 2) && T(
- e,
- "title",
- /*label*/
- f[1]
- ), (!s || u & /*pending*/
- 8) && M(
- e,
- "pending",
- /*pending*/
- f[3]
- ), (!s || u & /*padded*/
- 32) && M(
- e,
- "padded",
- /*padded*/
- f[5]
- ), (!s || u & /*highlight*/
- 64) && M(
- e,
- "highlight",
- /*highlight*/
- f[6]
- ), (!s || u & /*transparent*/
- 512) && M(
- e,
- "transparent",
- /*transparent*/
- f[9]
- ), u & /*disabled, _color*/
- 4224 && ee(e, "color", !/*disabled*/
- f[7] && /*_color*/
- f[12] ? (
- /*_color*/
- f[12]
- ) : "var(--block-label-text-color)"), u & /*disabled, background*/
- 1152 && ee(e, "--bg-color", /*disabled*/
- f[7] ? "auto" : (
- /*background*/
- f[10]
- )), u & /*offset*/
- 2048 && ee(
- e,
- "margin-left",
- /*offset*/
- f[11] + "px"
- );
- },
- i(f) {
- s || (gn(i.$$.fragment, f), s = !0);
- },
- o(f) {
- wn(i.$$.fragment, f), s = !1;
- },
- d(f) {
- f && ht(e), r && r.d(), an(i), o = !1, a();
- }
- };
-}
-function pn(l, e, t) {
- let n, { Icon: i } = e, { label: s = "" } = e, { show_label: o = !1 } = e, { pending: a = !1 } = e, { size: r = "small" } = e, { padded: f = !0 } = e, { highlight: u = !1 } = e, { disabled: c = !1 } = e, { hasPopup: p = !1 } = e, { color: m = "var(--block-label-text-color)" } = e, { transparent: y = !1 } = e, { background: L = "var(--background-fill-primary)" } = e, { offset: v = 0 } = e;
- function F(d) {
- on.call(this, l, d);
- }
- return l.$$set = (d) => {
- "Icon" in d && t(0, i = d.Icon), "label" in d && t(1, s = d.label), "show_label" in d && t(2, o = d.show_label), "pending" in d && t(3, a = d.pending), "size" in d && t(4, r = d.size), "padded" in d && t(5, f = d.padded), "highlight" in d && t(6, u = d.highlight), "disabled" in d && t(7, c = d.disabled), "hasPopup" in d && t(8, p = d.hasPopup), "color" in d && t(13, m = d.color), "transparent" in d && t(9, y = d.transparent), "background" in d && t(10, L = d.background), "offset" in d && t(11, v = d.offset);
- }, l.$$.update = () => {
- l.$$.dirty & /*highlight, color*/
- 8256 && t(12, n = u ? "var(--color-accent)" : m);
- }, [
- i,
- s,
- o,
- a,
- r,
- f,
- u,
- c,
- p,
- y,
- L,
- v,
- n,
- m,
- F
- ];
-}
-class yn extends fn {
- constructor(e) {
- super(), un(this, e, pn, kn, dn, {
- Icon: 0,
- label: 1,
- show_label: 2,
- pending: 3,
- size: 4,
- padded: 5,
- highlight: 6,
- disabled: 7,
- hasPopup: 8,
- color: 13,
- transparent: 9,
- background: 10,
- offset: 11
- });
- }
-}
-const {
- SvelteComponent: vn,
- append: Ce,
- attr: I,
- detach: qn,
- init: Cn,
- insert: Fn,
- noop: Fe,
- safe_not_equal: Ln,
- set_style: D,
- svg_element: be
-} = window.__gradio__svelte__internal;
-function Sn(l) {
- let e, t, n, i;
- return {
- c() {
- e = be("svg"), t = be("g"), n = be("path"), i = be("path"), I(n, "d", "M18,6L6.087,17.913"), D(n, "fill", "none"), D(n, "fill-rule", "nonzero"), D(n, "stroke-width", "2px"), I(t, "transform", "matrix(1.14096,-0.140958,-0.140958,1.14096,-0.0559523,0.0559523)"), I(i, "d", "M4.364,4.364L19.636,19.636"), D(i, "fill", "none"), D(i, "fill-rule", "nonzero"), D(i, "stroke-width", "2px"), I(e, "width", "100%"), I(e, "height", "100%"), I(e, "viewBox", "0 0 24 24"), I(e, "version", "1.1"), I(e, "xmlns", "http://www.w3.org/2000/svg"), I(e, "xmlns:xlink", "http://www.w3.org/1999/xlink"), I(e, "xml:space", "preserve"), I(e, "stroke", "currentColor"), D(e, "fill-rule", "evenodd"), D(e, "clip-rule", "evenodd"), D(e, "stroke-linecap", "round"), D(e, "stroke-linejoin", "round");
- },
- m(s, o) {
- Fn(s, e, o), Ce(e, t), Ce(t, n), Ce(e, i);
- },
- p: Fe,
- i: Fe,
- o: Fe,
- d(s) {
- s && qn(e);
- }
- };
-}
-class zn extends vn {
- constructor(e) {
- super(), Cn(this, e, null, Sn, Ln, {});
- }
-}
-const Mn = [
- { color: "red", primary: 600, secondary: 100 },
- { color: "green", primary: 600, secondary: 100 },
- { color: "blue", primary: 600, secondary: 100 },
- { color: "yellow", primary: 500, secondary: 100 },
- { color: "purple", primary: 600, secondary: 100 },
- { color: "teal", primary: 600, secondary: 100 },
- { color: "orange", primary: 600, secondary: 100 },
- { color: "cyan", primary: 600, secondary: 100 },
- { color: "lime", primary: 500, secondary: 100 },
- { color: "pink", primary: 600, secondary: 100 }
-], Be = {
- inherit: "inherit",
- current: "currentColor",
- transparent: "transparent",
- black: "#000",
- white: "#fff",
- slate: {
- 50: "#f8fafc",
- 100: "#f1f5f9",
- 200: "#e2e8f0",
- 300: "#cbd5e1",
- 400: "#94a3b8",
- 500: "#64748b",
- 600: "#475569",
- 700: "#334155",
- 800: "#1e293b",
- 900: "#0f172a",
- 950: "#020617"
- },
- gray: {
- 50: "#f9fafb",
- 100: "#f3f4f6",
- 200: "#e5e7eb",
- 300: "#d1d5db",
- 400: "#9ca3af",
- 500: "#6b7280",
- 600: "#4b5563",
- 700: "#374151",
- 800: "#1f2937",
- 900: "#111827",
- 950: "#030712"
- },
- zinc: {
- 50: "#fafafa",
- 100: "#f4f4f5",
- 200: "#e4e4e7",
- 300: "#d4d4d8",
- 400: "#a1a1aa",
- 500: "#71717a",
- 600: "#52525b",
- 700: "#3f3f46",
- 800: "#27272a",
- 900: "#18181b",
- 950: "#09090b"
- },
- neutral: {
- 50: "#fafafa",
- 100: "#f5f5f5",
- 200: "#e5e5e5",
- 300: "#d4d4d4",
- 400: "#a3a3a3",
- 500: "#737373",
- 600: "#525252",
- 700: "#404040",
- 800: "#262626",
- 900: "#171717",
- 950: "#0a0a0a"
- },
- stone: {
- 50: "#fafaf9",
- 100: "#f5f5f4",
- 200: "#e7e5e4",
- 300: "#d6d3d1",
- 400: "#a8a29e",
- 500: "#78716c",
- 600: "#57534e",
- 700: "#44403c",
- 800: "#292524",
- 900: "#1c1917",
- 950: "#0c0a09"
- },
- red: {
- 50: "#fef2f2",
- 100: "#fee2e2",
- 200: "#fecaca",
- 300: "#fca5a5",
- 400: "#f87171",
- 500: "#ef4444",
- 600: "#dc2626",
- 700: "#b91c1c",
- 800: "#991b1b",
- 900: "#7f1d1d",
- 950: "#450a0a"
- },
- orange: {
- 50: "#fff7ed",
- 100: "#ffedd5",
- 200: "#fed7aa",
- 300: "#fdba74",
- 400: "#fb923c",
- 500: "#f97316",
- 600: "#ea580c",
- 700: "#c2410c",
- 800: "#9a3412",
- 900: "#7c2d12",
- 950: "#431407"
- },
- amber: {
- 50: "#fffbeb",
- 100: "#fef3c7",
- 200: "#fde68a",
- 300: "#fcd34d",
- 400: "#fbbf24",
- 500: "#f59e0b",
- 600: "#d97706",
- 700: "#b45309",
- 800: "#92400e",
- 900: "#78350f",
- 950: "#451a03"
- },
- yellow: {
- 50: "#fefce8",
- 100: "#fef9c3",
- 200: "#fef08a",
- 300: "#fde047",
- 400: "#facc15",
- 500: "#eab308",
- 600: "#ca8a04",
- 700: "#a16207",
- 800: "#854d0e",
- 900: "#713f12",
- 950: "#422006"
- },
- lime: {
- 50: "#f7fee7",
- 100: "#ecfccb",
- 200: "#d9f99d",
- 300: "#bef264",
- 400: "#a3e635",
- 500: "#84cc16",
- 600: "#65a30d",
- 700: "#4d7c0f",
- 800: "#3f6212",
- 900: "#365314",
- 950: "#1a2e05"
- },
- green: {
- 50: "#f0fdf4",
- 100: "#dcfce7",
- 200: "#bbf7d0",
- 300: "#86efac",
- 400: "#4ade80",
- 500: "#22c55e",
- 600: "#16a34a",
- 700: "#15803d",
- 800: "#166534",
- 900: "#14532d",
- 950: "#052e16"
- },
- emerald: {
- 50: "#ecfdf5",
- 100: "#d1fae5",
- 200: "#a7f3d0",
- 300: "#6ee7b7",
- 400: "#34d399",
- 500: "#10b981",
- 600: "#059669",
- 700: "#047857",
- 800: "#065f46",
- 900: "#064e3b",
- 950: "#022c22"
- },
- teal: {
- 50: "#f0fdfa",
- 100: "#ccfbf1",
- 200: "#99f6e4",
- 300: "#5eead4",
- 400: "#2dd4bf",
- 500: "#14b8a6",
- 600: "#0d9488",
- 700: "#0f766e",
- 800: "#115e59",
- 900: "#134e4a",
- 950: "#042f2e"
- },
- cyan: {
- 50: "#ecfeff",
- 100: "#cffafe",
- 200: "#a5f3fc",
- 300: "#67e8f9",
- 400: "#22d3ee",
- 500: "#06b6d4",
- 600: "#0891b2",
- 700: "#0e7490",
- 800: "#155e75",
- 900: "#164e63",
- 950: "#083344"
- },
- sky: {
- 50: "#f0f9ff",
- 100: "#e0f2fe",
- 200: "#bae6fd",
- 300: "#7dd3fc",
- 400: "#38bdf8",
- 500: "#0ea5e9",
- 600: "#0284c7",
- 700: "#0369a1",
- 800: "#075985",
- 900: "#0c4a6e",
- 950: "#082f49"
- },
- blue: {
- 50: "#eff6ff",
- 100: "#dbeafe",
- 200: "#bfdbfe",
- 300: "#93c5fd",
- 400: "#60a5fa",
- 500: "#3b82f6",
- 600: "#2563eb",
- 700: "#1d4ed8",
- 800: "#1e40af",
- 900: "#1e3a8a",
- 950: "#172554"
- },
- indigo: {
- 50: "#eef2ff",
- 100: "#e0e7ff",
- 200: "#c7d2fe",
- 300: "#a5b4fc",
- 400: "#818cf8",
- 500: "#6366f1",
- 600: "#4f46e5",
- 700: "#4338ca",
- 800: "#3730a3",
- 900: "#312e81",
- 950: "#1e1b4b"
- },
- violet: {
- 50: "#f5f3ff",
- 100: "#ede9fe",
- 200: "#ddd6fe",
- 300: "#c4b5fd",
- 400: "#a78bfa",
- 500: "#8b5cf6",
- 600: "#7c3aed",
- 700: "#6d28d9",
- 800: "#5b21b6",
- 900: "#4c1d95",
- 950: "#2e1065"
- },
- purple: {
- 50: "#faf5ff",
- 100: "#f3e8ff",
- 200: "#e9d5ff",
- 300: "#d8b4fe",
- 400: "#c084fc",
- 500: "#a855f7",
- 600: "#9333ea",
- 700: "#7e22ce",
- 800: "#6b21a8",
- 900: "#581c87",
- 950: "#3b0764"
- },
- fuchsia: {
- 50: "#fdf4ff",
- 100: "#fae8ff",
- 200: "#f5d0fe",
- 300: "#f0abfc",
- 400: "#e879f9",
- 500: "#d946ef",
- 600: "#c026d3",
- 700: "#a21caf",
- 800: "#86198f",
- 900: "#701a75",
- 950: "#4a044e"
- },
- pink: {
- 50: "#fdf2f8",
- 100: "#fce7f3",
- 200: "#fbcfe8",
- 300: "#f9a8d4",
- 400: "#f472b6",
- 500: "#ec4899",
- 600: "#db2777",
- 700: "#be185d",
- 800: "#9d174d",
- 900: "#831843",
- 950: "#500724"
- },
- rose: {
- 50: "#fff1f2",
- 100: "#ffe4e6",
- 200: "#fecdd3",
- 300: "#fda4af",
- 400: "#fb7185",
- 500: "#f43f5e",
- 600: "#e11d48",
- 700: "#be123c",
- 800: "#9f1239",
- 900: "#881337",
- 950: "#4c0519"
- }
-};
-Mn.reduce(
- (l, { color: e, primary: t, secondary: n }) => ({
- ...l,
- [e]: {
- primary: Be[e][t],
- secondary: Be[e][n]
- }
- }),
- {}
-);
-function le(l) {
- let e = ["", "k", "M", "G", "T", "P", "E", "Z"], t = 0;
- for (; l > 1e3 && t < e.length - 1; )
- l /= 1e3, t++;
- let n = e[t];
- return (Number.isInteger(l) ? l : l.toFixed(1)) + n;
-}
-function ke() {
-}
-function Vn(l, e) {
- return l != l ? e == e : l !== e || l && typeof l == "object" || typeof l == "function";
-}
-const gt = typeof window < "u";
-let De = gt ? () => window.performance.now() : () => Date.now(), wt = gt ? (l) => requestAnimationFrame(l) : ke;
-const ie = /* @__PURE__ */ new Set();
-function kt(l) {
- ie.forEach((e) => {
- e.c(l) || (ie.delete(e), e.f());
- }), ie.size !== 0 && wt(kt);
-}
-function Nn(l) {
- let e;
- return ie.size === 0 && wt(kt), {
- promise: new Promise((t) => {
- ie.add(e = { c: l, f: t });
- }),
- abort() {
- ie.delete(e);
- }
- };
-}
-const te = [];
-function En(l, e = ke) {
- let t;
- const n = /* @__PURE__ */ new Set();
- function i(a) {
- if (Vn(l, a) && (l = a, t)) {
- const r = !te.length;
- for (const f of n)
- f[1](), te.push(f, l);
- if (r) {
- for (let f = 0; f < te.length; f += 2)
- te[f][0](te[f + 1]);
- te.length = 0;
- }
- }
- }
- function s(a) {
- i(a(l));
- }
- function o(a, r = ke) {
- const f = [a, r];
- return n.add(f), n.size === 1 && (t = e(i, s) || ke), a(l), () => {
- n.delete(f), n.size === 0 && t && (t(), t = null);
- };
- }
- return { set: i, update: s, subscribe: o };
-}
-function He(l) {
- return Object.prototype.toString.call(l) === "[object Date]";
-}
-function Me(l, e, t, n) {
- if (typeof t == "number" || He(t)) {
- const i = n - t, s = (t - e) / (l.dt || 1 / 60), o = l.opts.stiffness * i, a = l.opts.damping * s, r = (o - a) * l.inv_mass, f = (s + r) * l.dt;
- return Math.abs(f) < l.opts.precision && Math.abs(i) < l.opts.precision ? n : (l.settled = !1, He(t) ? new Date(t.getTime() + f) : t + f);
- } else {
- if (Array.isArray(t))
- return t.map(
- (i, s) => Me(l, e[s], t[s], n[s])
- );
- if (typeof t == "object") {
- const i = {};
- for (const s in t)
- i[s] = Me(l, e[s], t[s], n[s]);
- return i;
- } else
- throw new Error(`Cannot spring ${typeof t} values`);
- }
-}
-function Oe(l, e = {}) {
- const t = En(l), { stiffness: n = 0.15, damping: i = 0.8, precision: s = 0.01 } = e;
- let o, a, r, f = l, u = l, c = 1, p = 0, m = !1;
- function y(v, F = {}) {
- u = v;
- const d = r = {};
- return l == null || F.hard || L.stiffness >= 1 && L.damping >= 1 ? (m = !0, o = De(), f = v, t.set(l = u), Promise.resolve()) : (F.soft && (p = 1 / ((F.soft === !0 ? 0.5 : +F.soft) * 60), c = 0), a || (o = De(), m = !1, a = Nn((_) => {
- if (m)
- return m = !1, a = null, !1;
- c = Math.min(c + p, 1);
- const q = {
- inv_mass: c,
- opts: L,
- settled: !0,
- dt: (_ - o) * 60 / 1e3
- }, z = Me(q, f, l, u);
- return o = _, f = l, t.set(l = z), q.settled && (a = null), !q.settled;
- })), new Promise((_) => {
- a.promise.then(() => {
- d === r && _();
- });
- }));
- }
- const L = {
- set: y,
- update: (v, F) => y(v(u, l), F),
- subscribe: t.subscribe,
- stiffness: n,
- damping: i,
- precision: s
- };
- return L;
-}
-const {
- SvelteComponent: An,
- append: j,
- attr: C,
- component_subscribe: Te,
- detach: In,
- element: jn,
- init: Zn,
- insert: Pn,
- noop: Ue,
- safe_not_equal: Wn,
- set_style: ge,
- svg_element: Z,
- toggle_class: Je
-} = window.__gradio__svelte__internal, { onMount: Bn } = window.__gradio__svelte__internal;
-function Dn(l) {
- let e, t, n, i, s, o, a, r, f, u, c, p;
- return {
- c() {
- e = jn("div"), t = Z("svg"), n = Z("g"), i = Z("path"), s = Z("path"), o = Z("path"), a = Z("path"), r = Z("g"), f = Z("path"), u = Z("path"), c = Z("path"), p = Z("path"), C(i, "d", "M255.926 0.754768L509.702 139.936V221.027L255.926 81.8465V0.754768Z"), C(i, "fill", "#FF7C00"), C(i, "fill-opacity", "0.4"), C(i, "class", "svelte-43sxxs"), C(s, "d", "M509.69 139.936L254.981 279.641V361.255L509.69 221.55V139.936Z"), C(s, "fill", "#FF7C00"), C(s, "class", "svelte-43sxxs"), C(o, "d", "M0.250138 139.937L254.981 279.641V361.255L0.250138 221.55V139.937Z"), C(o, "fill", "#FF7C00"), C(o, "fill-opacity", "0.4"), C(o, "class", "svelte-43sxxs"), C(a, "d", "M255.923 0.232622L0.236328 139.936V221.55L255.923 81.8469V0.232622Z"), C(a, "fill", "#FF7C00"), C(a, "class", "svelte-43sxxs"), ge(n, "transform", "translate(" + /*$top*/
- l[1][0] + "px, " + /*$top*/
- l[1][1] + "px)"), C(f, "d", "M255.926 141.5L509.702 280.681V361.773L255.926 222.592V141.5Z"), C(f, "fill", "#FF7C00"), C(f, "fill-opacity", "0.4"), C(f, "class", "svelte-43sxxs"), C(u, "d", "M509.69 280.679L254.981 420.384V501.998L509.69 362.293V280.679Z"), C(u, "fill", "#FF7C00"), C(u, "class", "svelte-43sxxs"), C(c, "d", "M0.250138 280.681L254.981 420.386V502L0.250138 362.295V280.681Z"), C(c, "fill", "#FF7C00"), C(c, "fill-opacity", "0.4"), C(c, "class", "svelte-43sxxs"), C(p, "d", "M255.923 140.977L0.236328 280.68V362.294L255.923 222.591V140.977Z"), C(p, "fill", "#FF7C00"), C(p, "class", "svelte-43sxxs"), ge(r, "transform", "translate(" + /*$bottom*/
- l[2][0] + "px, " + /*$bottom*/
- l[2][1] + "px)"), C(t, "viewBox", "-1200 -1200 3000 3000"), C(t, "fill", "none"), C(t, "xmlns", "http://www.w3.org/2000/svg"), C(t, "class", "svelte-43sxxs"), C(e, "class", "svelte-43sxxs"), Je(
- e,
- "margin",
- /*margin*/
- l[0]
- );
- },
- m(m, y) {
- Pn(m, e, y), j(e, t), j(t, n), j(n, i), j(n, s), j(n, o), j(n, a), j(t, r), j(r, f), j(r, u), j(r, c), j(r, p);
- },
- p(m, [y]) {
- y & /*$top*/
- 2 && ge(n, "transform", "translate(" + /*$top*/
- m[1][0] + "px, " + /*$top*/
- m[1][1] + "px)"), y & /*$bottom*/
- 4 && ge(r, "transform", "translate(" + /*$bottom*/
- m[2][0] + "px, " + /*$bottom*/
- m[2][1] + "px)"), y & /*margin*/
- 1 && Je(
- e,
- "margin",
- /*margin*/
- m[0]
- );
- },
- i: Ue,
- o: Ue,
- d(m) {
- m && In(e);
- }
- };
-}
-function Hn(l, e, t) {
- let n, i;
- var s = this && this.__awaiter || function(m, y, L, v) {
- function F(d) {
- return d instanceof L ? d : new L(function(_) {
- _(d);
- });
- }
- return new (L || (L = Promise))(function(d, _) {
- function q(g) {
- try {
- b(v.next(g));
- } catch (O) {
- _(O);
- }
- }
- function z(g) {
- try {
- b(v.throw(g));
- } catch (O) {
- _(O);
- }
- }
- function b(g) {
- g.done ? d(g.value) : F(g.value).then(q, z);
- }
- b((v = v.apply(m, y || [])).next());
- });
- };
- let { margin: o = !0 } = e;
- const a = Oe([0, 0]);
- Te(l, a, (m) => t(1, n = m));
- const r = Oe([0, 0]);
- Te(l, r, (m) => t(2, i = m));
- let f;
- function u() {
- return s(this, void 0, void 0, function* () {
- yield Promise.all([a.set([125, 140]), r.set([-125, -140])]), yield Promise.all([a.set([-125, 140]), r.set([125, -140])]), yield Promise.all([a.set([-125, 0]), r.set([125, -0])]), yield Promise.all([a.set([125, 0]), r.set([-125, 0])]);
- });
- }
- function c() {
- return s(this, void 0, void 0, function* () {
- yield u(), f || c();
- });
- }
- function p() {
- return s(this, void 0, void 0, function* () {
- yield Promise.all([a.set([125, 0]), r.set([-125, 0])]), c();
- });
- }
- return Bn(() => (p(), () => f = !0)), l.$$set = (m) => {
- "margin" in m && t(0, o = m.margin);
- }, [o, n, i, a, r];
-}
-class On extends An {
- constructor(e) {
- super(), Zn(this, e, Hn, Dn, Wn, { margin: 0 });
- }
-}
-const {
- SvelteComponent: Tn,
- append: G,
- attr: P,
- binding_callbacks: Re,
- check_outros: pt,
- create_component: yt,
- create_slot: Un,
- destroy_component: vt,
- destroy_each: qt,
- detach: w,
- element: H,
- empty: se,
- ensure_array_like: pe,
- get_all_dirty_from_scope: Jn,
- get_slot_changes: Rn,
- group_outros: Ct,
- init: Xn,
- insert: k,
- mount_component: Ft,
- noop: Ve,
- safe_not_equal: Yn,
- set_data: A,
- set_style: J,
- space: W,
- text: S,
- toggle_class: E,
- transition_in: K,
- transition_out: Q,
- update_slot_base: Gn
-} = window.__gradio__svelte__internal, { tick: Kn } = window.__gradio__svelte__internal, { onDestroy: Qn } = window.__gradio__svelte__internal, { createEventDispatcher: xn } = window.__gradio__svelte__internal, $n = (l) => ({}), Xe = (l) => ({});
-function Ye(l, e, t) {
- const n = l.slice();
- return n[41] = e[t], n[43] = t, n;
-}
-function Ge(l, e, t) {
- const n = l.slice();
- return n[41] = e[t], n;
-}
-function el(l) {
- let e, t, n, i, s = (
- /*i18n*/
- l[1]("common.error") + ""
- ), o, a, r;
- t = new yn({
- props: {
- Icon: zn,
- label: (
- /*i18n*/
- l[1]("common.clear")
- ),
- disabled: !1
- }
- }), t.$on(
- "click",
- /*click_handler*/
- l[32]
- );
- const f = (
- /*#slots*/
- l[30].error
- ), u = Un(
- f,
- l,
- /*$$scope*/
- l[29],
- Xe
- );
- return {
- c() {
- e = H("div"), yt(t.$$.fragment), n = W(), i = H("span"), o = S(s), a = W(), u && u.c(), P(e, "class", "clear-status svelte-1yk38uw"), P(i, "class", "error svelte-1yk38uw");
- },
- m(c, p) {
- k(c, e, p), Ft(t, e, null), k(c, n, p), k(c, i, p), G(i, o), k(c, a, p), u && u.m(c, p), r = !0;
- },
- p(c, p) {
- const m = {};
- p[0] & /*i18n*/
- 2 && (m.label = /*i18n*/
- c[1]("common.clear")), t.$set(m), (!r || p[0] & /*i18n*/
- 2) && s !== (s = /*i18n*/
- c[1]("common.error") + "") && A(o, s), u && u.p && (!r || p[0] & /*$$scope*/
- 536870912) && Gn(
- u,
- f,
- c,
- /*$$scope*/
- c[29],
- r ? Rn(
- f,
- /*$$scope*/
- c[29],
- p,
- $n
- ) : Jn(
- /*$$scope*/
- c[29]
- ),
- Xe
- );
- },
- i(c) {
- r || (K(t.$$.fragment, c), K(u, c), r = !0);
- },
- o(c) {
- Q(t.$$.fragment, c), Q(u, c), r = !1;
- },
- d(c) {
- c && (w(e), w(n), w(i), w(a)), vt(t), u && u.d(c);
- }
- };
-}
-function tl(l) {
- let e, t, n, i, s, o, a, r, f, u = (
- /*variant*/
- l[8] === "default" && /*show_eta_bar*/
- l[18] && /*show_progress*/
- l[6] === "full" && Ke(l)
- );
- function c(_, q) {
- if (
- /*progress*/
- _[7]
- )
- return il;
- if (
- /*queue_position*/
- _[2] !== null && /*queue_size*/
- _[3] !== void 0 && /*queue_position*/
- _[2] >= 0
- )
- return ll;
- if (
- /*queue_position*/
- _[2] === 0
- )
- return nl;
- }
- let p = c(l), m = p && p(l), y = (
- /*timer*/
- l[5] && $e(l)
- );
- const L = [rl, ol], v = [];
- function F(_, q) {
- return (
- /*last_progress_level*/
- _[15] != null ? 0 : (
- /*show_progress*/
- _[6] === "full" ? 1 : -1
- )
- );
- }
- ~(s = F(l)) && (o = v[s] = L[s](l));
- let d = !/*timer*/
- l[5] && ft(l);
- return {
- c() {
- u && u.c(), e = W(), t = H("div"), m && m.c(), n = W(), y && y.c(), i = W(), o && o.c(), a = W(), d && d.c(), r = se(), P(t, "class", "progress-text svelte-1yk38uw"), E(
- t,
- "meta-text-center",
- /*variant*/
- l[8] === "center"
- ), E(
- t,
- "meta-text",
- /*variant*/
- l[8] === "default"
- );
- },
- m(_, q) {
- u && u.m(_, q), k(_, e, q), k(_, t, q), m && m.m(t, null), G(t, n), y && y.m(t, null), k(_, i, q), ~s && v[s].m(_, q), k(_, a, q), d && d.m(_, q), k(_, r, q), f = !0;
- },
- p(_, q) {
- /*variant*/
- _[8] === "default" && /*show_eta_bar*/
- _[18] && /*show_progress*/
- _[6] === "full" ? u ? u.p(_, q) : (u = Ke(_), u.c(), u.m(e.parentNode, e)) : u && (u.d(1), u = null), p === (p = c(_)) && m ? m.p(_, q) : (m && m.d(1), m = p && p(_), m && (m.c(), m.m(t, n))), /*timer*/
- _[5] ? y ? y.p(_, q) : (y = $e(_), y.c(), y.m(t, null)) : y && (y.d(1), y = null), (!f || q[0] & /*variant*/
- 256) && E(
- t,
- "meta-text-center",
- /*variant*/
- _[8] === "center"
- ), (!f || q[0] & /*variant*/
- 256) && E(
- t,
- "meta-text",
- /*variant*/
- _[8] === "default"
- );
- let z = s;
- s = F(_), s === z ? ~s && v[s].p(_, q) : (o && (Ct(), Q(v[z], 1, 1, () => {
- v[z] = null;
- }), pt()), ~s ? (o = v[s], o ? o.p(_, q) : (o = v[s] = L[s](_), o.c()), K(o, 1), o.m(a.parentNode, a)) : o = null), /*timer*/
- _[5] ? d && (d.d(1), d = null) : d ? d.p(_, q) : (d = ft(_), d.c(), d.m(r.parentNode, r));
- },
- i(_) {
- f || (K(o), f = !0);
- },
- o(_) {
- Q(o), f = !1;
- },
- d(_) {
- _ && (w(e), w(t), w(i), w(a), w(r)), u && u.d(_), m && m.d(), y && y.d(), ~s && v[s].d(_), d && d.d(_);
- }
- };
-}
-function Ke(l) {
- let e, t = `translateX(${/*eta_level*/
- (l[17] || 0) * 100 - 100}%)`;
- return {
- c() {
- e = H("div"), P(e, "class", "eta-bar svelte-1yk38uw"), J(e, "transform", t);
- },
- m(n, i) {
- k(n, e, i);
- },
- p(n, i) {
- i[0] & /*eta_level*/
- 131072 && t !== (t = `translateX(${/*eta_level*/
- (n[17] || 0) * 100 - 100}%)`) && J(e, "transform", t);
- },
- d(n) {
- n && w(e);
- }
- };
-}
-function nl(l) {
- let e;
- return {
- c() {
- e = S("processing |");
- },
- m(t, n) {
- k(t, e, n);
- },
- p: Ve,
- d(t) {
- t && w(e);
- }
- };
-}
-function ll(l) {
- let e, t = (
- /*queue_position*/
- l[2] + 1 + ""
- ), n, i, s, o;
- return {
- c() {
- e = S("queue: "), n = S(t), i = S("/"), s = S(
- /*queue_size*/
- l[3]
- ), o = S(" |");
- },
- m(a, r) {
- k(a, e, r), k(a, n, r), k(a, i, r), k(a, s, r), k(a, o, r);
- },
- p(a, r) {
- r[0] & /*queue_position*/
- 4 && t !== (t = /*queue_position*/
- a[2] + 1 + "") && A(n, t), r[0] & /*queue_size*/
- 8 && A(
- s,
- /*queue_size*/
- a[3]
- );
- },
- d(a) {
- a && (w(e), w(n), w(i), w(s), w(o));
- }
- };
-}
-function il(l) {
- let e, t = pe(
- /*progress*/
- l[7]
- ), n = [];
- for (let i = 0; i < t.length; i += 1)
- n[i] = xe(Ge(l, t, i));
- return {
- c() {
- for (let i = 0; i < n.length; i += 1)
- n[i].c();
- e = se();
- },
- m(i, s) {
- for (let o = 0; o < n.length; o += 1)
- n[o] && n[o].m(i, s);
- k(i, e, s);
- },
- p(i, s) {
- if (s[0] & /*progress*/
- 128) {
- t = pe(
- /*progress*/
- i[7]
- );
- let o;
- for (o = 0; o < t.length; o += 1) {
- const a = Ge(i, t, o);
- n[o] ? n[o].p(a, s) : (n[o] = xe(a), n[o].c(), n[o].m(e.parentNode, e));
- }
- for (; o < n.length; o += 1)
- n[o].d(1);
- n.length = t.length;
- }
- },
- d(i) {
- i && w(e), qt(n, i);
- }
- };
-}
-function Qe(l) {
- let e, t = (
- /*p*/
- l[41].unit + ""
- ), n, i, s = " ", o;
- function a(u, c) {
- return (
- /*p*/
- u[41].length != null ? fl : sl
- );
- }
- let r = a(l), f = r(l);
- return {
- c() {
- f.c(), e = W(), n = S(t), i = S(" | "), o = S(s);
- },
- m(u, c) {
- f.m(u, c), k(u, e, c), k(u, n, c), k(u, i, c), k(u, o, c);
- },
- p(u, c) {
- r === (r = a(u)) && f ? f.p(u, c) : (f.d(1), f = r(u), f && (f.c(), f.m(e.parentNode, e))), c[0] & /*progress*/
- 128 && t !== (t = /*p*/
- u[41].unit + "") && A(n, t);
- },
- d(u) {
- u && (w(e), w(n), w(i), w(o)), f.d(u);
- }
- };
-}
-function sl(l) {
- let e = le(
- /*p*/
- l[41].index || 0
- ) + "", t;
- return {
- c() {
- t = S(e);
- },
- m(n, i) {
- k(n, t, i);
- },
- p(n, i) {
- i[0] & /*progress*/
- 128 && e !== (e = le(
- /*p*/
- n[41].index || 0
- ) + "") && A(t, e);
- },
- d(n) {
- n && w(t);
- }
- };
-}
-function fl(l) {
- let e = le(
- /*p*/
- l[41].index || 0
- ) + "", t, n, i = le(
- /*p*/
- l[41].length
- ) + "", s;
- return {
- c() {
- t = S(e), n = S("/"), s = S(i);
- },
- m(o, a) {
- k(o, t, a), k(o, n, a), k(o, s, a);
- },
- p(o, a) {
- a[0] & /*progress*/
- 128 && e !== (e = le(
- /*p*/
- o[41].index || 0
- ) + "") && A(t, e), a[0] & /*progress*/
- 128 && i !== (i = le(
- /*p*/
- o[41].length
- ) + "") && A(s, i);
- },
- d(o) {
- o && (w(t), w(n), w(s));
- }
- };
-}
-function xe(l) {
- let e, t = (
- /*p*/
- l[41].index != null && Qe(l)
- );
- return {
- c() {
- t && t.c(), e = se();
- },
- m(n, i) {
- t && t.m(n, i), k(n, e, i);
- },
- p(n, i) {
- /*p*/
- n[41].index != null ? t ? t.p(n, i) : (t = Qe(n), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
- },
- d(n) {
- n && w(e), t && t.d(n);
- }
- };
-}
-function $e(l) {
- let e, t = (
- /*eta*/
- l[0] ? `/${/*formatted_eta*/
- l[19]}` : ""
- ), n, i;
- return {
- c() {
- e = S(
- /*formatted_timer*/
- l[20]
- ), n = S(t), i = S("s");
- },
- m(s, o) {
- k(s, e, o), k(s, n, o), k(s, i, o);
- },
- p(s, o) {
- o[0] & /*formatted_timer*/
- 1048576 && A(
- e,
- /*formatted_timer*/
- s[20]
- ), o[0] & /*eta, formatted_eta*/
- 524289 && t !== (t = /*eta*/
- s[0] ? `/${/*formatted_eta*/
- s[19]}` : "") && A(n, t);
- },
- d(s) {
- s && (w(e), w(n), w(i));
- }
- };
-}
-function ol(l) {
- let e, t;
- return e = new On({
- props: { margin: (
- /*variant*/
- l[8] === "default"
- ) }
- }), {
- c() {
- yt(e.$$.fragment);
- },
- m(n, i) {
- Ft(e, n, i), t = !0;
- },
- p(n, i) {
- const s = {};
- i[0] & /*variant*/
- 256 && (s.margin = /*variant*/
- n[8] === "default"), e.$set(s);
- },
- i(n) {
- t || (K(e.$$.fragment, n), t = !0);
- },
- o(n) {
- Q(e.$$.fragment, n), t = !1;
- },
- d(n) {
- vt(e, n);
- }
- };
-}
-function rl(l) {
- let e, t, n, i, s, o = `${/*last_progress_level*/
- l[15] * 100}%`, a = (
- /*progress*/
- l[7] != null && et(l)
- );
- return {
- c() {
- e = H("div"), t = H("div"), a && a.c(), n = W(), i = H("div"), s = H("div"), P(t, "class", "progress-level-inner svelte-1yk38uw"), P(s, "class", "progress-bar svelte-1yk38uw"), J(s, "width", o), P(i, "class", "progress-bar-wrap svelte-1yk38uw"), P(e, "class", "progress-level svelte-1yk38uw");
- },
- m(r, f) {
- k(r, e, f), G(e, t), a && a.m(t, null), G(e, n), G(e, i), G(i, s), l[31](s);
- },
- p(r, f) {
- /*progress*/
- r[7] != null ? a ? a.p(r, f) : (a = et(r), a.c(), a.m(t, null)) : a && (a.d(1), a = null), f[0] & /*last_progress_level*/
- 32768 && o !== (o = `${/*last_progress_level*/
- r[15] * 100}%`) && J(s, "width", o);
- },
- i: Ve,
- o: Ve,
- d(r) {
- r && w(e), a && a.d(), l[31](null);
- }
- };
-}
-function et(l) {
- let e, t = pe(
- /*progress*/
- l[7]
- ), n = [];
- for (let i = 0; i < t.length; i += 1)
- n[i] = st(Ye(l, t, i));
- return {
- c() {
- for (let i = 0; i < n.length; i += 1)
- n[i].c();
- e = se();
- },
- m(i, s) {
- for (let o = 0; o < n.length; o += 1)
- n[o] && n[o].m(i, s);
- k(i, e, s);
- },
- p(i, s) {
- if (s[0] & /*progress_level, progress*/
- 16512) {
- t = pe(
- /*progress*/
- i[7]
- );
- let o;
- for (o = 0; o < t.length; o += 1) {
- const a = Ye(i, t, o);
- n[o] ? n[o].p(a, s) : (n[o] = st(a), n[o].c(), n[o].m(e.parentNode, e));
- }
- for (; o < n.length; o += 1)
- n[o].d(1);
- n.length = t.length;
- }
- },
- d(i) {
- i && w(e), qt(n, i);
- }
- };
-}
-function tt(l) {
- let e, t, n, i, s = (
- /*i*/
- l[43] !== 0 && al()
- ), o = (
- /*p*/
- l[41].desc != null && nt(l)
- ), a = (
- /*p*/
- l[41].desc != null && /*progress_level*/
- l[14] && /*progress_level*/
- l[14][
- /*i*/
- l[43]
- ] != null && lt()
- ), r = (
- /*progress_level*/
- l[14] != null && it(l)
- );
- return {
- c() {
- s && s.c(), e = W(), o && o.c(), t = W(), a && a.c(), n = W(), r && r.c(), i = se();
- },
- m(f, u) {
- s && s.m(f, u), k(f, e, u), o && o.m(f, u), k(f, t, u), a && a.m(f, u), k(f, n, u), r && r.m(f, u), k(f, i, u);
- },
- p(f, u) {
- /*p*/
- f[41].desc != null ? o ? o.p(f, u) : (o = nt(f), o.c(), o.m(t.parentNode, t)) : o && (o.d(1), o = null), /*p*/
- f[41].desc != null && /*progress_level*/
- f[14] && /*progress_level*/
- f[14][
- /*i*/
- f[43]
- ] != null ? a || (a = lt(), a.c(), a.m(n.parentNode, n)) : a && (a.d(1), a = null), /*progress_level*/
- f[14] != null ? r ? r.p(f, u) : (r = it(f), r.c(), r.m(i.parentNode, i)) : r && (r.d(1), r = null);
- },
- d(f) {
- f && (w(e), w(t), w(n), w(i)), s && s.d(f), o && o.d(f), a && a.d(f), r && r.d(f);
- }
- };
-}
-function al(l) {
- let e;
- return {
- c() {
- e = S(" /");
- },
- m(t, n) {
- k(t, e, n);
- },
- d(t) {
- t && w(e);
- }
- };
-}
-function nt(l) {
- let e = (
- /*p*/
- l[41].desc + ""
- ), t;
- return {
- c() {
- t = S(e);
- },
- m(n, i) {
- k(n, t, i);
- },
- p(n, i) {
- i[0] & /*progress*/
- 128 && e !== (e = /*p*/
- n[41].desc + "") && A(t, e);
- },
- d(n) {
- n && w(t);
- }
- };
-}
-function lt(l) {
- let e;
- return {
- c() {
- e = S("-");
- },
- m(t, n) {
- k(t, e, n);
- },
- d(t) {
- t && w(e);
- }
- };
-}
-function it(l) {
- let e = (100 * /*progress_level*/
- (l[14][
- /*i*/
- l[43]
- ] || 0)).toFixed(1) + "", t, n;
- return {
- c() {
- t = S(e), n = S("%");
- },
- m(i, s) {
- k(i, t, s), k(i, n, s);
- },
- p(i, s) {
- s[0] & /*progress_level*/
- 16384 && e !== (e = (100 * /*progress_level*/
- (i[14][
- /*i*/
- i[43]
- ] || 0)).toFixed(1) + "") && A(t, e);
- },
- d(i) {
- i && (w(t), w(n));
- }
- };
-}
-function st(l) {
- let e, t = (
- /*p*/
- (l[41].desc != null || /*progress_level*/
- l[14] && /*progress_level*/
- l[14][
- /*i*/
- l[43]
- ] != null) && tt(l)
- );
- return {
- c() {
- t && t.c(), e = se();
- },
- m(n, i) {
- t && t.m(n, i), k(n, e, i);
- },
- p(n, i) {
- /*p*/
- n[41].desc != null || /*progress_level*/
- n[14] && /*progress_level*/
- n[14][
- /*i*/
- n[43]
- ] != null ? t ? t.p(n, i) : (t = tt(n), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
- },
- d(n) {
- n && w(e), t && t.d(n);
- }
- };
-}
-function ft(l) {
- let e, t;
- return {
- c() {
- e = H("p"), t = S(
- /*loading_text*/
- l[9]
- ), P(e, "class", "loading svelte-1yk38uw");
- },
- m(n, i) {
- k(n, e, i), G(e, t);
- },
- p(n, i) {
- i[0] & /*loading_text*/
- 512 && A(
- t,
- /*loading_text*/
- n[9]
- );
- },
- d(n) {
- n && w(e);
- }
- };
-}
-function ul(l) {
- let e, t, n, i, s;
- const o = [tl, el], a = [];
- function r(f, u) {
- return (
- /*status*/
- f[4] === "pending" ? 0 : (
- /*status*/
- f[4] === "error" ? 1 : -1
- )
- );
- }
- return ~(t = r(l)) && (n = a[t] = o[t](l)), {
- c() {
- e = H("div"), n && n.c(), P(e, "class", i = "wrap " + /*variant*/
- l[8] + " " + /*show_progress*/
- l[6] + " svelte-1yk38uw"), E(e, "hide", !/*status*/
- l[4] || /*status*/
- l[4] === "complete" || /*show_progress*/
- l[6] === "hidden"), E(
- e,
- "translucent",
- /*variant*/
- l[8] === "center" && /*status*/
- (l[4] === "pending" || /*status*/
- l[4] === "error") || /*translucent*/
- l[11] || /*show_progress*/
- l[6] === "minimal"
- ), E(
- e,
- "generating",
- /*status*/
- l[4] === "generating"
- ), E(
- e,
- "border",
- /*border*/
- l[12]
- ), J(
- e,
- "position",
- /*absolute*/
- l[10] ? "absolute" : "static"
- ), J(
- e,
- "padding",
- /*absolute*/
- l[10] ? "0" : "var(--size-8) 0"
- );
- },
- m(f, u) {
- k(f, e, u), ~t && a[t].m(e, null), l[33](e), s = !0;
- },
- p(f, u) {
- let c = t;
- t = r(f), t === c ? ~t && a[t].p(f, u) : (n && (Ct(), Q(a[c], 1, 1, () => {
- a[c] = null;
- }), pt()), ~t ? (n = a[t], n ? n.p(f, u) : (n = a[t] = o[t](f), n.c()), K(n, 1), n.m(e, null)) : n = null), (!s || u[0] & /*variant, show_progress*/
- 320 && i !== (i = "wrap " + /*variant*/
- f[8] + " " + /*show_progress*/
- f[6] + " svelte-1yk38uw")) && P(e, "class", i), (!s || u[0] & /*variant, show_progress, status, show_progress*/
- 336) && E(e, "hide", !/*status*/
- f[4] || /*status*/
- f[4] === "complete" || /*show_progress*/
- f[6] === "hidden"), (!s || u[0] & /*variant, show_progress, variant, status, translucent, show_progress*/
- 2384) && E(
- e,
- "translucent",
- /*variant*/
- f[8] === "center" && /*status*/
- (f[4] === "pending" || /*status*/
- f[4] === "error") || /*translucent*/
- f[11] || /*show_progress*/
- f[6] === "minimal"
- ), (!s || u[0] & /*variant, show_progress, status*/
- 336) && E(
- e,
- "generating",
- /*status*/
- f[4] === "generating"
- ), (!s || u[0] & /*variant, show_progress, border*/
- 4416) && E(
- e,
- "border",
- /*border*/
- f[12]
- ), u[0] & /*absolute*/
- 1024 && J(
- e,
- "position",
- /*absolute*/
- f[10] ? "absolute" : "static"
- ), u[0] & /*absolute*/
- 1024 && J(
- e,
- "padding",
- /*absolute*/
- f[10] ? "0" : "var(--size-8) 0"
- );
- },
- i(f) {
- s || (K(n), s = !0);
- },
- o(f) {
- Q(n), s = !1;
- },
- d(f) {
- f && w(e), ~t && a[t].d(), l[33](null);
- }
- };
-}
-var cl = function(l, e, t, n) {
- function i(s) {
- return s instanceof t ? s : new t(function(o) {
- o(s);
- });
- }
- return new (t || (t = Promise))(function(s, o) {
- function a(u) {
- try {
- f(n.next(u));
- } catch (c) {
- o(c);
- }
- }
- function r(u) {
- try {
- f(n.throw(u));
- } catch (c) {
- o(c);
- }
- }
- function f(u) {
- u.done ? s(u.value) : i(u.value).then(a, r);
- }
- f((n = n.apply(l, e || [])).next());
- });
-};
-let we = [], Le = !1;
-function _l(l) {
- return cl(this, arguments, void 0, function* (e, t = !0) {
- if (!(window.__gradio_mode__ === "website" || window.__gradio_mode__ !== "app" && t !== !0)) {
- if (we.push(e), !Le)
- Le = !0;
- else
- return;
- yield Kn(), requestAnimationFrame(() => {
- let n = [0, 0];
- for (let i = 0; i < we.length; i++) {
- const o = we[i].getBoundingClientRect();
- (i === 0 || o.top + window.scrollY <= n[0]) && (n[0] = o.top + window.scrollY, n[1] = i);
- }
- window.scrollTo({ top: n[0] - 20, behavior: "smooth" }), Le = !1, we = [];
- });
- }
- });
-}
-function dl(l, e, t) {
- let n, { $$slots: i = {}, $$scope: s } = e;
- this && this.__awaiter;
- const o = xn();
- let { i18n: a } = e, { eta: r = null } = e, { queue_position: f } = e, { queue_size: u } = e, { status: c } = e, { scroll_to_output: p = !1 } = e, { timer: m = !0 } = e, { show_progress: y = "full" } = e, { message: L = null } = e, { progress: v = null } = e, { variant: F = "default" } = e, { loading_text: d = "Loading..." } = e, { absolute: _ = !0 } = e, { translucent: q = !1 } = e, { border: z = !1 } = e, { autoscroll: b } = e, g, O = !1, ue = 0, R = 0, x = null, $ = null, Ae = 0, X = null, fe, U = null, Ie = !0;
- const Nt = () => {
- t(0, r = t(27, x = t(19, ce = null))), t(25, ue = performance.now()), t(26, R = 0), O = !0, je();
- };
- function je() {
- requestAnimationFrame(() => {
- t(26, R = (performance.now() - ue) / 1e3), O && je();
- });
- }
- function Ze() {
- t(26, R = 0), t(0, r = t(27, x = t(19, ce = null))), O && (O = !1);
- }
- Qn(() => {
- O && Ze();
- });
- let ce = null;
- function Et(h) {
- Re[h ? "unshift" : "push"](() => {
- U = h, t(16, U), t(7, v), t(14, X), t(15, fe);
- });
- }
- const At = () => {
- o("clear_status");
- };
- function It(h) {
- Re[h ? "unshift" : "push"](() => {
- g = h, t(13, g);
- });
- }
- return l.$$set = (h) => {
- "i18n" in h && t(1, a = h.i18n), "eta" in h && t(0, r = h.eta), "queue_position" in h && t(2, f = h.queue_position), "queue_size" in h && t(3, u = h.queue_size), "status" in h && t(4, c = h.status), "scroll_to_output" in h && t(22, p = h.scroll_to_output), "timer" in h && t(5, m = h.timer), "show_progress" in h && t(6, y = h.show_progress), "message" in h && t(23, L = h.message), "progress" in h && t(7, v = h.progress), "variant" in h && t(8, F = h.variant), "loading_text" in h && t(9, d = h.loading_text), "absolute" in h && t(10, _ = h.absolute), "translucent" in h && t(11, q = h.translucent), "border" in h && t(12, z = h.border), "autoscroll" in h && t(24, b = h.autoscroll), "$$scope" in h && t(29, s = h.$$scope);
- }, l.$$.update = () => {
- l.$$.dirty[0] & /*eta, old_eta, timer_start, eta_from_start*/
- 436207617 && (r === null && t(0, r = x), r != null && x !== r && (t(28, $ = (performance.now() - ue) / 1e3 + r), t(19, ce = $.toFixed(1)), t(27, x = r))), l.$$.dirty[0] & /*eta_from_start, timer_diff*/
- 335544320 && t(17, Ae = $ === null || $ <= 0 || !R ? null : Math.min(R / $, 1)), l.$$.dirty[0] & /*progress*/
- 128 && v != null && t(18, Ie = !1), l.$$.dirty[0] & /*progress, progress_level, progress_bar, last_progress_level*/
- 114816 && (v != null ? t(14, X = v.map((h) => {
- if (h.index != null && h.length != null)
- return h.index / h.length;
- if (h.progress != null)
- return h.progress;
- })) : t(14, X = null), X ? (t(15, fe = X[X.length - 1]), U && (fe === 0 ? t(16, U.style.transition = "0", U) : t(16, U.style.transition = "150ms", U))) : t(15, fe = void 0)), l.$$.dirty[0] & /*status*/
- 16 && (c === "pending" ? Nt() : Ze()), l.$$.dirty[0] & /*el, scroll_to_output, status, autoscroll*/
- 20979728 && g && p && (c === "pending" || c === "complete") && _l(g, b), l.$$.dirty[0] & /*status, message*/
- 8388624, l.$$.dirty[0] & /*timer_diff*/
- 67108864 && t(20, n = R.toFixed(1));
- }, [
- r,
- a,
- f,
- u,
- c,
- m,
- y,
- v,
- F,
- d,
- _,
- q,
- z,
- g,
- X,
- fe,
- U,
- Ae,
- Ie,
- ce,
- n,
- o,
- p,
- L,
- b,
- ue,
- R,
- x,
- $,
- s,
- i,
- Et,
- At,
- It
- ];
-}
-class ml extends Tn {
- constructor(e) {
- super(), Xn(
- this,
- e,
- dl,
- ul,
- Yn,
- {
- i18n: 1,
- eta: 0,
- queue_position: 2,
- queue_size: 3,
- status: 4,
- scroll_to_output: 22,
- timer: 5,
- show_progress: 6,
- message: 23,
- progress: 7,
- variant: 8,
- loading_text: 9,
- absolute: 10,
- translucent: 11,
- border: 12,
- autoscroll: 24
- },
- null,
- [-1, -1]
- );
- }
-}
-const {
- SvelteComponent: hl,
- append: bl,
- attr: re,
- detach: Lt,
- element: ot,
- empty: gl,
- init: wl,
- insert: St,
- noop: rt,
- safe_not_equal: kl,
- src_url_equal: at,
- toggle_class: ne
-} = window.__gradio__svelte__internal;
-function ut(l) {
- let e, t, n;
- return {
- c() {
- e = ot("div"), t = ot("img"), at(t.src, n = /*value*/
- l[0].url) || re(t, "src", n), re(t, "alt", ""), re(t, "class", "svelte-giydt1"), re(e, "class", "container svelte-giydt1"), ne(
- e,
- "table",
- /*type*/
- l[1] === "table"
- ), ne(
- e,
- "gallery",
- /*type*/
- l[1] === "gallery"
- ), ne(
- e,
- "selected",
- /*selected*/
- l[2]
- );
- },
- m(i, s) {
- St(i, e, s), bl(e, t);
- },
- p(i, s) {
- s & /*value*/
- 1 && !at(t.src, n = /*value*/
- i[0].url) && re(t, "src", n), s & /*type*/
- 2 && ne(
- e,
- "table",
- /*type*/
- i[1] === "table"
- ), s & /*type*/
- 2 && ne(
- e,
- "gallery",
- /*type*/
- i[1] === "gallery"
- ), s & /*selected*/
- 4 && ne(
- e,
- "selected",
- /*selected*/
- i[2]
- );
- },
- d(i) {
- i && Lt(e);
- }
- };
-}
-function pl(l) {
- let e, t = (
- /*value*/
- l[0] && ut(l)
- );
- return {
- c() {
- t && t.c(), e = gl();
- },
- m(n, i) {
- t && t.m(n, i), St(n, e, i);
- },
- p(n, [i]) {
- /*value*/
- n[0] ? t ? t.p(n, i) : (t = ut(n), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
- },
- i: rt,
- o: rt,
- d(n) {
- n && Lt(e), t && t.d(n);
- }
- };
-}
-function yl(l, e, t) {
- let { value: n } = e, { type: i } = e, { selected: s = !1 } = e;
- return l.$$set = (o) => {
- "value" in o && t(0, n = o.value), "type" in o && t(1, i = o.type), "selected" in o && t(2, s = o.selected);
- }, [n, i, s];
-}
-class Bl extends hl {
- constructor(e) {
- super(), wl(this, e, yl, pl, kl, { value: 0, type: 1, selected: 2 });
- }
-}
-const {
- SvelteComponent: vl,
- assign: ql,
- attr: Cl,
- binding_callbacks: Fl,
- check_outros: Ll,
- create_component: zt,
- destroy_component: Mt,
- detach: Ne,
- element: Sl,
- empty: zl,
- flush: N,
- get_spread_object: Ml,
- get_spread_update: Vl,
- group_outros: Nl,
- init: El,
- insert: Ee,
- mount_component: Vt,
- safe_not_equal: Al,
- set_style: ct,
- space: Il,
- transition_in: ae,
- transition_out: ye
-} = window.__gradio__svelte__internal, { onMount: jl } = window.__gradio__svelte__internal;
-function _t(l) {
- let e, t;
- return e = new sn({
- props: {
- visible: (
- /*visible*/
- l[3]
- ),
- variant: "solid",
- border_mode: (
- /*dragging*/
- l[12] ? "focus" : "base"
- ),
- padding: !1,
- elem_id: (
- /*elem_id*/
- l[1]
- ),
- elem_classes: (
- /*elem_classes*/
- l[2]
- ),
- allow_overflow: !1,
- container: (
- /*container*/
- l[4]
- ),
- scale: (
- /*scale*/
- l[5]
- ),
- min_width: (
- /*min_width*/
- l[6]
- ),
- $$slots: { default: [Zl] },
- $$scope: { ctx: l }
- }
- }), {
- c() {
- zt(e.$$.fragment);
- },
- m(n, i) {
- Vt(e, n, i), t = !0;
- },
- p(n, i) {
- const s = {};
- i & /*visible*/
- 8 && (s.visible = /*visible*/
- n[3]), i & /*elem_id*/
- 2 && (s.elem_id = /*elem_id*/
- n[1]), i & /*elem_classes*/
- 4 && (s.elem_classes = /*elem_classes*/
- n[2]), i & /*container*/
- 16 && (s.container = /*container*/
- n[4]), i & /*scale*/
- 32 && (s.scale = /*scale*/
- n[5]), i & /*min_width*/
- 64 && (s.min_width = /*min_width*/
- n[6]), i & /*$$scope, ref, height, gradio, patched_loading_status, loading_status*/
- 1052289 && (s.$$scope = { dirty: i, ctx: n }), e.$set(s);
- },
- i(n) {
- t || (ae(e.$$.fragment, n), t = !0);
- },
- o(n) {
- ye(e.$$.fragment, n), t = !1;
- },
- d(n) {
- Mt(e, n);
- }
- };
-}
-function Zl(l) {
- let e, t, n, i;
- const s = [
- { autoscroll: (
- /*gradio*/
- l[9].autoscroll
- ) },
- { i18n: (
- /*gradio*/
- l[9].i18n
- ) },
- /*patched_loading_status*/
- l[10]
- ];
- let o = {};
- for (let a = 0; a < s.length; a += 1)
- o = ql(o, s[a]);
- return e = new ml({ props: o }), e.$on(
- "clear_status",
- /*clear_status_handler*/
- l[15]
- ), {
- c() {
- zt(e.$$.fragment), t = Il(), n = Sl("div"), Cl(n, "class", "viewer svelte-mo2zro"), ct(
- n,
- "height",
- /*height*/
- l[0]
- );
- },
- m(a, r) {
- Vt(e, a, r), Ee(a, t, r), Ee(a, n, r), l[16](n), i = !0;
- },
- p(a, r) {
- const f = r & /*gradio, patched_loading_status*/
- 1536 ? Vl(s, [
- r & /*gradio*/
- 512 && { autoscroll: (
- /*gradio*/
- a[9].autoscroll
- ) },
- r & /*gradio*/
- 512 && { i18n: (
- /*gradio*/
- a[9].i18n
- ) },
- r & /*patched_loading_status*/
- 1024 && Ml(
- /*patched_loading_status*/
- a[10]
- )
- ]) : {};
- e.$set(f), r & /*height*/
- 1 && ct(
- n,
- "height",
- /*height*/
- a[0]
- );
- },
- i(a) {
- i || (ae(e.$$.fragment, a), i = !0);
- },
- o(a) {
- ye(e.$$.fragment, a), i = !1;
- },
- d(a) {
- a && (Ne(t), Ne(n)), Mt(e, a), l[16](null);
- }
- };
-}
-function Pl(l) {
- let e, t, n = !/*interactive*/
- l[8] && _t(l);
- return {
- c() {
- n && n.c(), e = zl();
- },
- m(i, s) {
- n && n.m(i, s), Ee(i, e, s), t = !0;
- },
- p(i, [s]) {
- /*interactive*/
- i[8] ? n && (Nl(), ye(n, 1, 1, () => {
- n = null;
- }), Ll()) : n ? (n.p(i, s), s & /*interactive*/
- 256 && ae(n, 1)) : (n = _t(i), n.c(), ae(n, 1), n.m(e.parentNode, e));
- },
- i(i) {
- t || (ae(n), t = !0);
- },
- o(i) {
- ye(n), t = !1;
- },
- d(i) {
- i && Ne(e), n && n.d(i);
- }
- };
-}
-function Wl(l, e, t) {
- let { elem_id: n = "" } = e, { elem_classes: i = [] } = e, { visible: s = !0 } = e, { height: o = 640 } = e, { value: a = null } = e, { container: r = !0 } = e, { scale: f = null } = e, { min_width: u = void 0 } = e, { loading_status: c } = e, { interactive: p } = e, { streaming: m } = e, y = null, { gradio: L } = e, v, F, d, _;
- function q() {
- if (JSON.stringify(a) !== JSON.stringify(y) && F != null && F.ready)
- if (y = a, !Array.isArray(a))
- a.is_stream ? F.open(a.url, { follow_if_http: !0 }) : F.open(a.url);
- else
- for (const g of a)
- typeof g != "string" ? g.url && F.open(g.url) : F.open(g);
- }
- jl(() => (F = new Ht(), F.start(void 0, d, !0).then(() => {
- q();
- }), () => {
- F.stop();
- }));
- const z = () => L.dispatch("clear_status", c);
- function b(g) {
- Fl[g ? "unshift" : "push"](() => {
- d = g, t(11, d);
- });
- }
- return l.$$set = (g) => {
- "elem_id" in g && t(1, n = g.elem_id), "elem_classes" in g && t(2, i = g.elem_classes), "visible" in g && t(3, s = g.visible), "height" in g && t(0, o = g.height), "value" in g && t(13, a = g.value), "container" in g && t(4, r = g.container), "scale" in g && t(5, f = g.scale), "min_width" in g && t(6, u = g.min_width), "loading_status" in g && t(7, c = g.loading_status), "interactive" in g && t(8, p = g.interactive), "streaming" in g && t(14, m = g.streaming), "gradio" in g && t(9, L = g.gradio);
- }, l.$$.update = () => {
- l.$$.dirty & /*height*/
- 1 && t(0, o = typeof o == "number" ? `${o}px` : o), l.$$.dirty & /*loading_status, streaming, patched_loading_status*/
- 17536 && (t(10, _ = c), m && _?.status === "generating" && t(10, _.status = "complete", _)), l.$$.dirty & /*value*/
- 8192 && q();
- }, [
- o,
- n,
- i,
- s,
- r,
- f,
- u,
- c,
- p,
- L,
- _,
- d,
- v,
- a,
- m,
- z,
- b
- ];
-}
-class Dl extends vl {
- constructor(e) {
- super(), El(this, e, Wl, Pl, Al, {
- elem_id: 1,
- elem_classes: 2,
- visible: 3,
- height: 0,
- value: 13,
- container: 4,
- scale: 5,
- min_width: 6,
- loading_status: 7,
- interactive: 8,
- streaming: 14,
- gradio: 9
- });
- }
- get elem_id() {
- return this.$$.ctx[1];
- }
- set elem_id(e) {
- this.$$set({ elem_id: e }), N();
- }
- get elem_classes() {
- return this.$$.ctx[2];
- }
- set elem_classes(e) {
- this.$$set({ elem_classes: e }), N();
- }
- get visible() {
- return this.$$.ctx[3];
- }
- set visible(e) {
- this.$$set({ visible: e }), N();
- }
- get height() {
- return this.$$.ctx[0];
- }
- set height(e) {
- this.$$set({ height: e }), N();
- }
- get value() {
- return this.$$.ctx[13];
- }
- set value(e) {
- this.$$set({ value: e }), N();
- }
- get container() {
- return this.$$.ctx[4];
- }
- set container(e) {
- this.$$set({ container: e }), N();
- }
- get scale() {
- return this.$$.ctx[5];
- }
- set scale(e) {
- this.$$set({ scale: e }), N();
- }
- get min_width() {
- return this.$$.ctx[6];
- }
- set min_width(e) {
- this.$$set({ min_width: e }), N();
- }
- get loading_status() {
- return this.$$.ctx[7];
- }
- set loading_status(e) {
- this.$$set({ loading_status: e }), N();
- }
- get interactive() {
- return this.$$.ctx[8];
- }
- set interactive(e) {
- this.$$set({ interactive: e }), N();
- }
- get streaming() {
- return this.$$.ctx[14];
- }
- set streaming(e) {
- this.$$set({ streaming: e }), N();
- }
- get gradio() {
- return this.$$.ctx[9];
- }
- set gradio(e) {
- this.$$set({ gradio: e }), N();
- }
-}
-export {
- Bl as BaseExample,
- Dl as default
-};
+version https://git-lfs.github.com/spec/v1
+oid sha256:c7c96fc4393ec3d292cb7e8559f3cd88ef339923771e158d6c15d88842408215
+size 32012219

src/backend/gradio_rerun/templates/component/style.css

@@ -1 +1 @@
-/*! tailwindcss v4.0.0-alpha.14 | MIT License | https://tailwindcss.com */@layer theme{:root{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-family-sans);--default-font-feature-settings:var(--font-family-sans--font-feature-settings);--default-font-variation-settings:var(--font-family-sans--font-variation-settings);--default-mono-font-family:var(--font-family-mono);--default-mono-font-feature-settings:var(--font-family-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-family-mono--font-variation-settings);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-black:#000;--color-white:#fff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a8a29e;--color-stone-500:#78716c;--color-stone-600:#57534e;--color-stone-700:#44403c;--color-stone-800:#292524;--color-stone-900:#1c1917;--color-stone-950:#0c0a09;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-red-950:#450a0a;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12;--color-orange-950:#431407;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-amber-900:#78350f;--color-amber-950:#451a03;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c3;--color-yellow-200:#fef08a;--color-yellow-300:#fde047;--color-yellow-400:#facc15;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-yellow-700:#a16207;--color-yellow-800:#854d0e;--color-yellow-900:#713f12;--color-yellow-950:#422006;--color-lime-50:#f7fee7;--color-lime-100:#ecfccb;--color-lime-200:#d9f99d;--color-lime-300:#bef264;--color-lime-400:#a3e635;--color-lime-500:#84cc16;--color-lime-600:#65a30d;--color-lime-700:#4d7c0f;--color-lime-800:#3f6212;--color-lime-900:#365314;--color-lime-950:#1a2e05;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#86efac;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-green-800:#166534;--color-green-900:#14532d;--color-green-950:#052e16;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-200:#a7f3d0;--color-emerald-300:#6ee7b7;--color-emerald-400:#34d399;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-emerald-700:#047857;--color-emerald-800:#065f46;--color-emerald-900:#064e3b;--color-emerald-950:#022c22;--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-200:#99f6e4;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-teal-950:#042f2e;--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-cyan-950:#083344;--color-sky-50:#f0f9ff;--color-sky-100:#e0f2fe;--color-sky-200:#bae6fd;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-500:#0ea5e9;--color-sky-600:#0284c7;--color-sky-700:#0369a1;--color-sky-800:#075985;--color-sky-900:#0c4a6e;--color-sky-950:#082f49;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:#172554;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b;--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-200:#ddd6fe;--color-violet-300:#c4b5fd;--color-violet-400:#a78bfa;--color-violet-500:#8b5cf6;--color-violet-600:#7c3aed;--color-violet-700:#6d28d9;--color-violet-800:#5b21b6;--color-violet-900:#4c1d95;--color-violet-950:#2e1065;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-purple-800:#6b21a8;--color-purple-900:#581c87;--color-purple-950:#3b0764;--color-fuchsia-50:#fdf4ff;--color-fuchsia-100:#fae8ff;--color-fuchsia-200:#f5d0fe;--color-fuchsia-300:#f0abfc;--color-fuchsia-400:#e879f9;--color-fuchsia-500:#d946ef;--color-fuchsia-600:#c026d3;--color-fuchsia-700:#a21caf;--color-fuchsia-800:#86198f;--color-fuchsia-900:#701a75;--color-fuchsia-950:#4a044e;--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-200:#fbcfe8;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-pink-700:#be185d;--color-pink-800:#9d174d;--color-pink-900:#831843;--color-pink-950:#500724;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#fecdd3;--color-rose-300:#fda4af;--color-rose-400:#fb7185;--color-rose-500:#f43f5e;--color-rose-600:#e11d48;--color-rose-700:#be123c;--color-rose-800:#9f1239;--color-rose-900:#881337;--color-rose-950:#4c0519;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur:8px;--blur-sm:4px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--radius:.25rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-xs:0 1px #0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--inset-shadow-xs:inset 0 1px #0000000d;--inset-shadow-sm:inset 0 1px 1px #0000000d;--inset-shadow:inset 0 2px 4px #0000000d;--drop-shadow:0 1px 2px #0000001a,0 1px 1px #0000000f;--drop-shadow-sm:0 1px 1px #0000000d;--drop-shadow-md:0 4px 3px #00000012,0 2px 2px #0000000f;--drop-shadow-lg:0 10px 8px #0000000a,0 4px 3px #0000001a;--drop-shadow-xl:0 20px 13px #00000008,0 8px 5px #00000014;--drop-shadow-2xl:0 25px 25px #00000026;--spacing-px:1px;--spacing-0:0px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-3_5:.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--width-3xs:16rem;--width-2xs:18rem;--width-xs:20rem;--width-sm:24rem;--width-md:28rem;--width-lg:32rem;--width-xl:36rem;--width-2xl:42rem;--width-3xl:48rem;--width-4xl:56rem;--width-5xl:64rem;--width-6xl:72rem;--width-7xl:80rem;--width-prose:65ch;--font-family-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:.75rem;--font-size-xs--line-height:1rem;--font-size-sm:.875rem;--font-size-sm--line-height:1.25rem;--font-size-base:1rem;--font-size-base--line-height:1.5rem;--font-size-lg:1.125rem;--font-size-lg--line-height:1.75rem;--font-size-xl:1.25rem;--font-size-xl--line-height:1.75rem;--font-size-2xl:1.5rem;--font-size-2xl--line-height:2rem;--font-size-3xl:1.875rem;--font-size-3xl--line-height:2.25rem;--font-size-4xl:2.25rem;--font-size-4xl--line-height:2.5rem;--font-size-5xl:3rem;--font-size-5xl--line-height:1;--font-size-6xl:3.75rem;--font-size-6xl--line-height:1;--font-size-7xl:4.5rem;--font-size-7xl--line-height:1;--font-size-8xl:6rem;--font-size-8xl--line-height:1;--font-size-9xl:8rem;--font-size-9xl--line-height:1;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--line-height-3:.75rem;--line-height-4:1rem;--line-height-5:1.25rem;--line-height-6:1.5rem;--line-height-7:1.75rem;--line-height-8:2rem;--line-height-9:2.25rem;--line-height-10:2.5rem;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--transition-timing-function-linear:linear;--transition-timing-function-in:cubic-bezier(.4,0,1,1);--transition-timing-function-out:cubic-bezier(0,0,.2,1);--transition-timing-function-in-out:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{border:1px solid}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in srgb,currentColor 50%,transparent)}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.static,.static\/Loader,.static\/Toast,.static\/index,.static\/types{position:static}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:var(--transition-timing-function-in-out,cubic-bezier(.4,0,.2,1))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-rotate-x{syntax:"<transform-function>";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"<transform-function>";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"<transform-function>";inherits:false;initial-value:rotate(0)}@property --tw-skew-x{syntax:"<transform-function>";inherits:false;initial-value:skew(0)}@property --tw-skew-y{syntax:"<transform-function>";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}.block.svelte-nl1om8{position:relative;margin:0;box-shadow:var(--block-shadow);border-width:var(--block-border-width);border-color:var(--block-border-color);border-radius:var(--block-radius);background:var(--block-background-fill);width:100%;line-height:var(--line-sm)}.block.border_focus.svelte-nl1om8{border-color:var(--color-accent)}.block.border_contrast.svelte-nl1om8{border-color:var(--body-text-color)}.padded.svelte-nl1om8{padding:var(--block-padding)}.hidden.svelte-nl1om8{display:none}.hide-container.svelte-nl1om8{margin:0;box-shadow:none;--block-border-width:0;background:transparent;padding:0;overflow:visible}div.svelte-1hnfib2{margin-bottom:var(--spacing-lg);color:var(--block-info-text-color);font-weight:var(--block-info-text-weight);font-size:var(--block-info-text-size);line-height:var(--line-sm)}span.has-info.svelte-22c38v{margin-bottom:var(--spacing-xs)}span.svelte-22c38v:not(.has-info){margin-bottom:var(--spacing-lg)}span.svelte-22c38v{display:inline-block;position:relative;z-index:var(--layer-4);border:solid var(--block-title-border-width) var(--block-title-border-color);border-radius:var(--block-title-radius);background:var(--block-title-background-fill);padding:var(--block-title-padding);color:var(--block-title-text-color);font-weight:var(--block-title-text-weight);font-size:var(--block-title-text-size);line-height:var(--line-sm)}.hide.svelte-22c38v{margin:0;height:0}label.svelte-9gxdi0{display:inline-flex;align-items:center;z-index:var(--layer-2);box-shadow:var(--block-label-shadow);border:var(--block-label-border-width) solid var(--border-color-primary);border-top:none;border-left:none;border-radius:var(--block-label-radius);background:var(--block-label-background-fill);padding:var(--block-label-padding);pointer-events:none;color:var(--block-label-text-color);font-weight:var(--block-label-text-weight);font-size:var(--block-label-text-size);line-height:var(--line-sm)}.gr-group label.svelte-9gxdi0{border-top-left-radius:0}label.float.svelte-9gxdi0{position:absolute;top:var(--block-label-margin);left:var(--block-label-margin)}label.svelte-9gxdi0:not(.float){position:static;margin-top:var(--block-label-margin);margin-left:var(--block-label-margin)}.hide.svelte-9gxdi0{height:0}span.svelte-9gxdi0{opacity:.8;margin-right:var(--size-2);width:calc(var(--block-label-text-size) - 1px);height:calc(var(--block-label-text-size) - 1px)}.hide-label.svelte-9gxdi0{box-shadow:none;border-width:0;background:transparent;overflow:visible}button.svelte-1lrphxw{display:flex;justify-content:center;align-items:center;gap:1px;z-index:var(--layer-2);border-radius:var(--radius-sm);color:var(--block-label-text-color);border:1px solid transparent}button[disabled].svelte-1lrphxw{opacity:.5;box-shadow:none}button[disabled].svelte-1lrphxw:hover{cursor:not-allowed}.padded.svelte-1lrphxw{padding:2px;background:var(--bg-color);box-shadow:var(--shadow-drop);border:1px solid var(--button-secondary-border-color)}button.svelte-1lrphxw:hover,button.highlight.svelte-1lrphxw{cursor:pointer;color:var(--color-accent)}.padded.svelte-1lrphxw:hover{border:2px solid var(--button-secondary-border-color-hover);padding:1px;color:var(--block-label-text-color)}span.svelte-1lrphxw{padding:0 1px;font-size:10px}div.svelte-1lrphxw{padding:2px;display:flex;align-items:flex-end}.small.svelte-1lrphxw{width:14px;height:14px}.medium.svelte-1lrphxw{width:20px;height:20px}.large.svelte-1lrphxw{width:22px;height:22px}.pending.svelte-1lrphxw{animation:svelte-1lrphxw-flash .5s infinite}@keyframes svelte-1lrphxw-flash{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.transparent.svelte-1lrphxw{background:transparent;border:none;box-shadow:none}.empty.svelte-3w3rth{display:flex;justify-content:center;align-items:center;margin-top:calc(0px - var(--size-6));height:var(--size-full)}.icon.svelte-3w3rth{opacity:.5;height:var(--size-5);color:var(--body-text-color)}.small.svelte-3w3rth{min-height:calc(var(--size-32) - 20px)}.large.svelte-3w3rth{min-height:calc(var(--size-64) - 20px)}.unpadded_box.svelte-3w3rth{margin-top:0}.small_parent.svelte-3w3rth{min-height:100%!important}.dropdown-arrow.svelte-145leq6{fill:currentColor}.wrap.svelte-kzcjhc{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--size-60);color:var(--block-label-text-color);line-height:var(--line-md);height:100%;padding-top:var(--size-3)}.or.svelte-kzcjhc{color:var(--body-text-color-subdued);display:flex}.icon-wrap.svelte-kzcjhc{width:30px;margin-bottom:var(--spacing-lg)}@media (--screen-md){.wrap.svelte-kzcjhc{font-size:var(--text-lg)}}.hovered.svelte-kzcjhc{color:var(--color-accent)}div.svelte-q32hvf{border-top:1px solid transparent;display:flex;max-height:100%;justify-content:center;align-items:center;gap:var(--spacing-sm);height:auto;align-items:flex-end;color:var(--block-label-text-color);flex-shrink:0}.show_border.svelte-q32hvf{border-top:1px solid var(--block-border-color);margin-top:var(--spacing-xxl);box-shadow:var(--shadow-drop)}.source-selection.svelte-1jp3vgd{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border-color-primary);width:95%;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto}.icon.svelte-1jp3vgd{width:22px;height:22px;margin:var(--spacing-lg) var(--spacing-xs);padding:var(--spacing-xs);color:var(--neutral-400);border-radius:var(--radius-md)}.selected.svelte-1jp3vgd{color:var(--color-accent)}.icon.svelte-1jp3vgd:hover,.icon.svelte-1jp3vgd:focus{color:var(--color-accent)}svg.svelte-43sxxs.svelte-43sxxs{width:var(--size-20);height:var(--size-20)}svg.svelte-43sxxs path.svelte-43sxxs{fill:var(--loader-color)}div.svelte-43sxxs.svelte-43sxxs{z-index:var(--layer-2)}.margin.svelte-43sxxs.svelte-43sxxs{margin:var(--size-4)}.wrap.svelte-1yk38uw.svelte-1yk38uw{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--layer-top);transition:opacity .1s ease-in-out;border-radius:var(--block-radius);background:var(--block-background-fill);padding:0 var(--size-6);max-height:var(--size-screen-h);overflow:hidden}.wrap.center.svelte-1yk38uw.svelte-1yk38uw{top:0;right:0;left:0}.wrap.default.svelte-1yk38uw.svelte-1yk38uw{inset:0}.hide.svelte-1yk38uw.svelte-1yk38uw{opacity:0;pointer-events:none}.generating.svelte-1yk38uw.svelte-1yk38uw{animation:svelte-1yk38uw-pulse 2s cubic-bezier(.4,0,.6,1) infinite;border:2px solid var(--color-accent);background:transparent;z-index:var(--layer-1)}.translucent.svelte-1yk38uw.svelte-1yk38uw{background:none}@keyframes svelte-1yk38uw-pulse{0%,to{opacity:1}50%{opacity:.5}}.loading.svelte-1yk38uw.svelte-1yk38uw{z-index:var(--layer-2);color:var(--body-text-color)}.eta-bar.svelte-1yk38uw.svelte-1yk38uw{position:absolute;inset:0;transform-origin:left;opacity:.8;z-index:var(--layer-1);transition:10ms;background:var(--background-fill-secondary)}.progress-bar-wrap.svelte-1yk38uw.svelte-1yk38uw{border:1px solid var(--border-color-primary);background:var(--background-fill-primary);width:55.5%;height:var(--size-4)}.progress-bar.svelte-1yk38uw.svelte-1yk38uw{transform-origin:left;background-color:var(--loader-color);width:var(--size-full);height:var(--size-full)}.progress-level.svelte-1yk38uw.svelte-1yk38uw{display:flex;flex-direction:column;align-items:center;gap:1;z-index:var(--layer-2);width:var(--size-full)}.progress-level-inner.svelte-1yk38uw.svelte-1yk38uw{margin:var(--size-2) auto;color:var(--body-text-color);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text.svelte-1yk38uw.svelte-1yk38uw{position:absolute;top:0;right:0;z-index:var(--layer-2);padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text-center.svelte-1yk38uw.svelte-1yk38uw{display:flex;position:absolute;top:0;right:0;justify-content:center;align-items:center;transform:translateY(var(--size-6));z-index:var(--layer-2);padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono);text-align:center}.error.svelte-1yk38uw.svelte-1yk38uw{box-shadow:var(--shadow-drop);border:solid 1px var(--error-border-color);border-radius:var(--radius-full);background:var(--error-background-fill);padding-right:var(--size-4);padding-left:var(--size-4);color:var(--error-text-color);font-weight:var(--weight-semibold);font-size:var(--text-lg);line-height:var(--line-lg);font-family:var(--font)}.minimal.svelte-1yk38uw .progress-text.svelte-1yk38uw{background:var(--block-background-fill)}.border.svelte-1yk38uw.svelte-1yk38uw{border:1px solid var(--border-color-primary)}.clear-status.svelte-1yk38uw.svelte-1yk38uw{position:absolute;display:flex;top:var(--size-2);right:var(--size-2);justify-content:flex-end;gap:var(--spacing-sm);z-index:var(--layer-1)}.toast-body.svelte-solcu7{display:flex;position:relative;right:0;left:0;align-items:center;margin:var(--size-6) var(--size-4);margin:auto;border-radius:var(--container-radius);overflow:hidden;pointer-events:auto}.toast-body.error.svelte-solcu7{border:1px solid var(--color-red-700);background:var(--color-red-50)}.dark .toast-body.error.svelte-solcu7{border:1px solid var(--color-red-500);background-color:var(--color-grey-950)}.toast-body.warning.svelte-solcu7{border:1px solid var(--color-yellow-700);background:var(--color-yellow-50)}.dark .toast-body.warning.svelte-solcu7{border:1px solid var(--color-yellow-500);background-color:var(--color-grey-950)}.toast-body.info.svelte-solcu7{border:1px solid var(--color-grey-700);background:var(--color-grey-50)}.dark .toast-body.info.svelte-solcu7{border:1px solid var(--color-grey-500);background-color:var(--color-grey-950)}.toast-title.svelte-solcu7{display:flex;align-items:center;font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:var(--line-sm);text-transform:capitalize}.toast-title.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-title.error.svelte-solcu7{color:var(--color-red-50)}.toast-title.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-title.warning.svelte-solcu7{color:var(--color-yellow-50)}.toast-title.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-title.info.svelte-solcu7{color:var(--color-grey-50)}.toast-close.svelte-solcu7{margin:0 var(--size-3);border-radius:var(--size-3);padding:0px var(--size-1-5);font-size:var(--size-5);line-height:var(--size-5)}.toast-close.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-close.error.svelte-solcu7{color:var(--color-red-500)}.toast-close.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-close.warning.svelte-solcu7{color:var(--color-yellow-500)}.toast-close.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-close.info.svelte-solcu7{color:var(--color-grey-500)}.toast-text.svelte-solcu7{font-size:var(--text-lg)}.toast-text.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-text.error.svelte-solcu7{color:var(--color-red-50)}.toast-text.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-text.warning.svelte-solcu7{color:var(--color-yellow-50)}.toast-text.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-text.info.svelte-solcu7{color:var(--color-grey-50)}.toast-details.svelte-solcu7{margin:var(--size-3) var(--size-3) var(--size-3) 0;width:100%}.toast-icon.svelte-solcu7{display:flex;position:absolute;position:relative;flex-shrink:0;justify-content:center;align-items:center;margin:var(--size-2);border-radius:var(--radius-full);padding:var(--size-1);padding-left:calc(var(--size-1) - 1px);width:35px;height:35px}.toast-icon.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-icon.error.svelte-solcu7{color:var(--color-red-500)}.toast-icon.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-icon.warning.svelte-solcu7{color:var(--color-yellow-500)}.toast-icon.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-icon.info.svelte-solcu7{color:var(--color-grey-500)}@keyframes svelte-solcu7-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.timer.svelte-solcu7{position:absolute;bottom:0;left:0;transform-origin:0 0;animation:svelte-solcu7-countdown 10s linear forwards;width:100%;height:var(--size-1)}.timer.error.svelte-solcu7{background:var(--color-red-700)}.dark .timer.error.svelte-solcu7{background:var(--color-red-500)}.timer.warning.svelte-solcu7{background:var(--color-yellow-700)}.dark .timer.warning.svelte-solcu7{background:var(--color-yellow-500)}.timer.info.svelte-solcu7{background:var(--color-grey-700)}.dark .timer.info.svelte-solcu7{background:var(--color-grey-500)}.toast-wrap.svelte-gatr8h{display:flex;position:fixed;top:var(--size-4);right:var(--size-4);flex-direction:column;align-items:end;gap:var(--size-2);z-index:var(--layer-top);width:calc(100% - var(--size-8))}@media (--screen-sm){.toast-wrap.svelte-gatr8h{width:calc(var(--size-96) + var(--size-10))}}.container.svelte-giydt1 img{width:100%;height:100%}.container.selected.svelte-giydt1.svelte-giydt1{border-color:var(--border-color-accent)}.container.table.svelte-giydt1.svelte-giydt1{margin:0 auto;border:2px solid var(--border-color-primary);border-radius:var(--radius-lg);overflow:hidden;width:var(--size-20);height:var(--size-20);object-fit:cover}.container.gallery.svelte-giydt1.svelte-giydt1{height:var(--size-20);max-height:var(--size-20);object-fit:cover}.container.svelte-giydt1 img.svelte-giydt1{object-fit:cover}div.viewer.svelte-mo2zro{width:100%}div.viewer.svelte-mo2zro>canvas{position:initial!important;top:unset!important;width:100%;height:100%}
+/*! tailwindcss v4.0.0-alpha.14 | MIT License | https://tailwindcss.com */@layer theme{:root{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-family-sans);--default-font-feature-settings:var(--font-family-sans--font-feature-settings);--default-font-variation-settings:var(--font-family-sans--font-variation-settings);--default-mono-font-family:var(--font-family-mono);--default-mono-font-feature-settings:var(--font-family-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-family-mono--font-variation-settings);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--color-black:#000;--color-white:#fff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a8a29e;--color-stone-500:#78716c;--color-stone-600:#57534e;--color-stone-700:#44403c;--color-stone-800:#292524;--color-stone-900:#1c1917;--color-stone-950:#0c0a09;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-red-950:#450a0a;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12;--color-orange-950:#431407;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-amber-900:#78350f;--color-amber-950:#451a03;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c3;--color-yellow-200:#fef08a;--color-yellow-300:#fde047;--color-yellow-400:#facc15;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-yellow-700:#a16207;--color-yellow-800:#854d0e;--color-yellow-900:#713f12;--color-yellow-950:#422006;--color-lime-50:#f7fee7;--color-lime-100:#ecfccb;--color-lime-200:#d9f99d;--color-lime-300:#bef264;--color-lime-400:#a3e635;--color-lime-500:#84cc16;--color-lime-600:#65a30d;--color-lime-700:#4d7c0f;--color-lime-800:#3f6212;--color-lime-900:#365314;--color-lime-950:#1a2e05;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#86efac;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-green-800:#166534;--color-green-900:#14532d;--color-green-950:#052e16;--color-emerald-50:#ecfdf5;--color-emerald-100:#d1fae5;--color-emerald-200:#a7f3d0;--color-emerald-300:#6ee7b7;--color-emerald-400:#34d399;--color-emerald-500:#10b981;--color-emerald-600:#059669;--color-emerald-700:#047857;--color-emerald-800:#065f46;--color-emerald-900:#064e3b;--color-emerald-950:#022c22;--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-200:#99f6e4;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-teal-950:#042f2e;--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-cyan-950:#083344;--color-sky-50:#f0f9ff;--color-sky-100:#e0f2fe;--color-sky-200:#bae6fd;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-500:#0ea5e9;--color-sky-600:#0284c7;--color-sky-700:#0369a1;--color-sky-800:#075985;--color-sky-900:#0c4a6e;--color-sky-950:#082f49;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:#172554;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b;--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-200:#ddd6fe;--color-violet-300:#c4b5fd;--color-violet-400:#a78bfa;--color-violet-500:#8b5cf6;--color-violet-600:#7c3aed;--color-violet-700:#6d28d9;--color-violet-800:#5b21b6;--color-violet-900:#4c1d95;--color-violet-950:#2e1065;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-purple-800:#6b21a8;--color-purple-900:#581c87;--color-purple-950:#3b0764;--color-fuchsia-50:#fdf4ff;--color-fuchsia-100:#fae8ff;--color-fuchsia-200:#f5d0fe;--color-fuchsia-300:#f0abfc;--color-fuchsia-400:#e879f9;--color-fuchsia-500:#d946ef;--color-fuchsia-600:#c026d3;--color-fuchsia-700:#a21caf;--color-fuchsia-800:#86198f;--color-fuchsia-900:#701a75;--color-fuchsia-950:#4a044e;--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-200:#fbcfe8;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-pink-700:#be185d;--color-pink-800:#9d174d;--color-pink-900:#831843;--color-pink-950:#500724;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#fecdd3;--color-rose-300:#fda4af;--color-rose-400:#fb7185;--color-rose-500:#f43f5e;--color-rose-600:#e11d48;--color-rose-700:#be123c;--color-rose-800:#9f1239;--color-rose-900:#881337;--color-rose-950:#4c0519;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur:8px;--blur-sm:4px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--radius:.25rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-xs:0 1px #0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--inset-shadow-xs:inset 0 1px #0000000d;--inset-shadow-sm:inset 0 1px 1px #0000000d;--inset-shadow:inset 0 2px 4px #0000000d;--drop-shadow:0 1px 2px #0000001a,0 1px 1px #0000000f;--drop-shadow-sm:0 1px 1px #0000000d;--drop-shadow-md:0 4px 3px #00000012,0 2px 2px #0000000f;--drop-shadow-lg:0 10px 8px #0000000a,0 4px 3px #0000001a;--drop-shadow-xl:0 20px 13px #00000008,0 8px 5px #00000014;--drop-shadow-2xl:0 25px 25px #00000026;--spacing-px:1px;--spacing-0:0px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-3_5:.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--width-3xs:16rem;--width-2xs:18rem;--width-xs:20rem;--width-sm:24rem;--width-md:28rem;--width-lg:32rem;--width-xl:36rem;--width-2xl:42rem;--width-3xl:48rem;--width-4xl:56rem;--width-5xl:64rem;--width-6xl:72rem;--width-7xl:80rem;--width-prose:65ch;--font-family-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:.75rem;--font-size-xs--line-height:1rem;--font-size-sm:.875rem;--font-size-sm--line-height:1.25rem;--font-size-base:1rem;--font-size-base--line-height:1.5rem;--font-size-lg:1.125rem;--font-size-lg--line-height:1.75rem;--font-size-xl:1.25rem;--font-size-xl--line-height:1.75rem;--font-size-2xl:1.5rem;--font-size-2xl--line-height:2rem;--font-size-3xl:1.875rem;--font-size-3xl--line-height:2.25rem;--font-size-4xl:2.25rem;--font-size-4xl--line-height:2.5rem;--font-size-5xl:3rem;--font-size-5xl--line-height:1;--font-size-6xl:3.75rem;--font-size-6xl--line-height:1;--font-size-7xl:4.5rem;--font-size-7xl--line-height:1;--font-size-8xl:6rem;--font-size-8xl--line-height:1;--font-size-9xl:8rem;--font-size-9xl--line-height:1;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--line-height-3:.75rem;--line-height-4:1rem;--line-height-5:1.25rem;--line-height-6:1.5rem;--line-height-7:1.75rem;--line-height-8:2rem;--line-height-9:2.25rem;--line-height-10:2.5rem;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--transition-timing-function-linear:linear;--transition-timing-function-in:cubic-bezier(.4,0,1,1);--transition-timing-function-out:cubic-bezier(0,0,.2,1);--transition-timing-function-in-out:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea{border:1px solid}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}summary{display:list-item}ol,ul,menu{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in srgb,currentColor 50%,transparent)}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static,.static\/Loader,.static\/Toast,.static\/index,.static\/types{position:static}.block{display:block}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:var(--transition-timing-function-in-out,cubic-bezier(.4,0,.2,1))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-rotate-x{syntax:"<transform-function>";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"<transform-function>";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"<transform-function>";inherits:false;initial-value:rotate(0)}@property --tw-skew-x{syntax:"<transform-function>";inherits:false;initial-value:skew(0)}@property --tw-skew-y{syntax:"<transform-function>";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"<custom-ident>";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}.block.svelte-nl1om8{position:relative;margin:0;box-shadow:var(--block-shadow);border-width:var(--block-border-width);border-color:var(--block-border-color);border-radius:var(--block-radius);background:var(--block-background-fill);width:100%;line-height:var(--line-sm)}.block.border_focus.svelte-nl1om8{border-color:var(--color-accent)}.block.border_contrast.svelte-nl1om8{border-color:var(--body-text-color)}.padded.svelte-nl1om8{padding:var(--block-padding)}.hidden.svelte-nl1om8{display:none}.hide-container.svelte-nl1om8{margin:0;box-shadow:none;--block-border-width:0;background:transparent;padding:0;overflow:visible}div.svelte-1hnfib2{margin-bottom:var(--spacing-lg);color:var(--block-info-text-color);font-weight:var(--block-info-text-weight);font-size:var(--block-info-text-size);line-height:var(--line-sm)}span.has-info.svelte-22c38v{margin-bottom:var(--spacing-xs)}span.svelte-22c38v:not(.has-info){margin-bottom:var(--spacing-lg)}span.svelte-22c38v{display:inline-block;position:relative;z-index:var(--layer-4);border:solid var(--block-title-border-width) var(--block-title-border-color);border-radius:var(--block-title-radius);background:var(--block-title-background-fill);padding:var(--block-title-padding);color:var(--block-title-text-color);font-weight:var(--block-title-text-weight);font-size:var(--block-title-text-size);line-height:var(--line-sm)}.hide.svelte-22c38v{margin:0;height:0}label.svelte-9gxdi0{display:inline-flex;align-items:center;z-index:var(--layer-2);box-shadow:var(--block-label-shadow);border:var(--block-label-border-width) solid var(--border-color-primary);border-top:none;border-left:none;border-radius:var(--block-label-radius);background:var(--block-label-background-fill);padding:var(--block-label-padding);pointer-events:none;color:var(--block-label-text-color);font-weight:var(--block-label-text-weight);font-size:var(--block-label-text-size);line-height:var(--line-sm)}.gr-group label.svelte-9gxdi0{border-top-left-radius:0}label.float.svelte-9gxdi0{position:absolute;top:var(--block-label-margin);left:var(--block-label-margin)}label.svelte-9gxdi0:not(.float){position:static;margin-top:var(--block-label-margin);margin-left:var(--block-label-margin)}.hide.svelte-9gxdi0{height:0}span.svelte-9gxdi0{opacity:.8;margin-right:var(--size-2);width:calc(var(--block-label-text-size) - 1px);height:calc(var(--block-label-text-size) - 1px)}.hide-label.svelte-9gxdi0{box-shadow:none;border-width:0;background:transparent;overflow:visible}button.svelte-1lrphxw{display:flex;justify-content:center;align-items:center;gap:1px;z-index:var(--layer-2);border-radius:var(--radius-sm);color:var(--block-label-text-color);border:1px solid transparent}button[disabled].svelte-1lrphxw{opacity:.5;box-shadow:none}button[disabled].svelte-1lrphxw:hover{cursor:not-allowed}.padded.svelte-1lrphxw{padding:2px;background:var(--bg-color);box-shadow:var(--shadow-drop);border:1px solid var(--button-secondary-border-color)}button.svelte-1lrphxw:hover,button.highlight.svelte-1lrphxw{cursor:pointer;color:var(--color-accent)}.padded.svelte-1lrphxw:hover{border:2px solid var(--button-secondary-border-color-hover);padding:1px;color:var(--block-label-text-color)}span.svelte-1lrphxw{padding:0 1px;font-size:10px}div.svelte-1lrphxw{padding:2px;display:flex;align-items:flex-end}.small.svelte-1lrphxw{width:14px;height:14px}.medium.svelte-1lrphxw{width:20px;height:20px}.large.svelte-1lrphxw{width:22px;height:22px}.pending.svelte-1lrphxw{animation:svelte-1lrphxw-flash .5s infinite}@keyframes svelte-1lrphxw-flash{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.transparent.svelte-1lrphxw{background:transparent;border:none;box-shadow:none}.empty.svelte-3w3rth{display:flex;justify-content:center;align-items:center;margin-top:calc(0px - var(--size-6));height:var(--size-full)}.icon.svelte-3w3rth{opacity:.5;height:var(--size-5);color:var(--body-text-color)}.small.svelte-3w3rth{min-height:calc(var(--size-32) - 20px)}.large.svelte-3w3rth{min-height:calc(var(--size-64) - 20px)}.unpadded_box.svelte-3w3rth{margin-top:0}.small_parent.svelte-3w3rth{min-height:100%!important}.dropdown-arrow.svelte-145leq6{fill:currentColor}.wrap.svelte-kzcjhc{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--size-60);color:var(--block-label-text-color);line-height:var(--line-md);height:100%;padding-top:var(--size-3)}.or.svelte-kzcjhc{color:var(--body-text-color-subdued);display:flex}.icon-wrap.svelte-kzcjhc{width:30px;margin-bottom:var(--spacing-lg)}@media (--screen-md){.wrap.svelte-kzcjhc{font-size:var(--text-lg)}}.hovered.svelte-kzcjhc{color:var(--color-accent)}div.svelte-q32hvf{border-top:1px solid transparent;display:flex;max-height:100%;justify-content:center;align-items:center;gap:var(--spacing-sm);height:auto;align-items:flex-end;color:var(--block-label-text-color);flex-shrink:0}.show_border.svelte-q32hvf{border-top:1px solid var(--block-border-color);margin-top:var(--spacing-xxl);box-shadow:var(--shadow-drop)}.source-selection.svelte-1jp3vgd{display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border-color-primary);width:95%;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto}.icon.svelte-1jp3vgd{width:22px;height:22px;margin:var(--spacing-lg) var(--spacing-xs);padding:var(--spacing-xs);color:var(--neutral-400);border-radius:var(--radius-md)}.selected.svelte-1jp3vgd{color:var(--color-accent)}.icon.svelte-1jp3vgd:hover,.icon.svelte-1jp3vgd:focus{color:var(--color-accent)}svg.svelte-43sxxs.svelte-43sxxs{width:var(--size-20);height:var(--size-20)}svg.svelte-43sxxs path.svelte-43sxxs{fill:var(--loader-color)}div.svelte-43sxxs.svelte-43sxxs{z-index:var(--layer-2)}.margin.svelte-43sxxs.svelte-43sxxs{margin:var(--size-4)}.wrap.svelte-1yk38uw.svelte-1yk38uw{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--layer-top);transition:opacity .1s ease-in-out;border-radius:var(--block-radius);background:var(--block-background-fill);padding:0 var(--size-6);max-height:var(--size-screen-h);overflow:hidden}.wrap.center.svelte-1yk38uw.svelte-1yk38uw{top:0;right:0;left:0}.wrap.default.svelte-1yk38uw.svelte-1yk38uw{top:0;right:0;bottom:0;left:0}.hide.svelte-1yk38uw.svelte-1yk38uw{opacity:0;pointer-events:none}.generating.svelte-1yk38uw.svelte-1yk38uw{animation:svelte-1yk38uw-pulse 2s cubic-bezier(.4,0,.6,1) infinite;border:2px solid var(--color-accent);background:transparent;z-index:var(--layer-1)}.translucent.svelte-1yk38uw.svelte-1yk38uw{background:none}@keyframes svelte-1yk38uw-pulse{0%,to{opacity:1}50%{opacity:.5}}.loading.svelte-1yk38uw.svelte-1yk38uw{z-index:var(--layer-2);color:var(--body-text-color)}.eta-bar.svelte-1yk38uw.svelte-1yk38uw{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;opacity:.8;z-index:var(--layer-1);transition:10ms;background:var(--background-fill-secondary)}.progress-bar-wrap.svelte-1yk38uw.svelte-1yk38uw{border:1px solid var(--border-color-primary);background:var(--background-fill-primary);width:55.5%;height:var(--size-4)}.progress-bar.svelte-1yk38uw.svelte-1yk38uw{transform-origin:left;background-color:var(--loader-color);width:var(--size-full);height:var(--size-full)}.progress-level.svelte-1yk38uw.svelte-1yk38uw{display:flex;flex-direction:column;align-items:center;gap:1;z-index:var(--layer-2);width:var(--size-full)}.progress-level-inner.svelte-1yk38uw.svelte-1yk38uw{margin:var(--size-2) auto;color:var(--body-text-color);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text.svelte-1yk38uw.svelte-1yk38uw{position:absolute;top:0;right:0;z-index:var(--layer-2);padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text-center.svelte-1yk38uw.svelte-1yk38uw{display:flex;position:absolute;top:0;right:0;justify-content:center;align-items:center;transform:translateY(var(--size-6));z-index:var(--layer-2);padding:var(--size-1) var(--size-2);font-size:var(--text-sm);font-family:var(--font-mono);text-align:center}.error.svelte-1yk38uw.svelte-1yk38uw{box-shadow:var(--shadow-drop);border:solid 1px var(--error-border-color);border-radius:var(--radius-full);background:var(--error-background-fill);padding-right:var(--size-4);padding-left:var(--size-4);color:var(--error-text-color);font-weight:var(--weight-semibold);font-size:var(--text-lg);line-height:var(--line-lg);font-family:var(--font)}.minimal.svelte-1yk38uw .progress-text.svelte-1yk38uw{background:var(--block-background-fill)}.border.svelte-1yk38uw.svelte-1yk38uw{border:1px solid var(--border-color-primary)}.clear-status.svelte-1yk38uw.svelte-1yk38uw{position:absolute;display:flex;top:var(--size-2);right:var(--size-2);justify-content:flex-end;gap:var(--spacing-sm);z-index:var(--layer-1)}.toast-body.svelte-solcu7{display:flex;position:relative;right:0;left:0;align-items:center;margin:var(--size-6) var(--size-4);margin:auto;border-radius:var(--container-radius);overflow:hidden;pointer-events:auto}.toast-body.error.svelte-solcu7{border:1px solid var(--color-red-700);background:var(--color-red-50)}.dark .toast-body.error.svelte-solcu7{border:1px solid var(--color-red-500);background-color:var(--color-grey-950)}.toast-body.warning.svelte-solcu7{border:1px solid var(--color-yellow-700);background:var(--color-yellow-50)}.dark .toast-body.warning.svelte-solcu7{border:1px solid var(--color-yellow-500);background-color:var(--color-grey-950)}.toast-body.info.svelte-solcu7{border:1px solid var(--color-grey-700);background:var(--color-grey-50)}.dark .toast-body.info.svelte-solcu7{border:1px solid var(--color-grey-500);background-color:var(--color-grey-950)}.toast-title.svelte-solcu7{display:flex;align-items:center;font-weight:var(--weight-bold);font-size:var(--text-lg);line-height:var(--line-sm);text-transform:capitalize}.toast-title.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-title.error.svelte-solcu7{color:var(--color-red-50)}.toast-title.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-title.warning.svelte-solcu7{color:var(--color-yellow-50)}.toast-title.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-title.info.svelte-solcu7{color:var(--color-grey-50)}.toast-close.svelte-solcu7{margin:0 var(--size-3);border-radius:var(--size-3);padding:0px var(--size-1-5);font-size:var(--size-5);line-height:var(--size-5)}.toast-close.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-close.error.svelte-solcu7{color:var(--color-red-500)}.toast-close.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-close.warning.svelte-solcu7{color:var(--color-yellow-500)}.toast-close.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-close.info.svelte-solcu7{color:var(--color-grey-500)}.toast-text.svelte-solcu7{font-size:var(--text-lg)}.toast-text.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-text.error.svelte-solcu7{color:var(--color-red-50)}.toast-text.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-text.warning.svelte-solcu7{color:var(--color-yellow-50)}.toast-text.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-text.info.svelte-solcu7{color:var(--color-grey-50)}.toast-details.svelte-solcu7{margin:var(--size-3) var(--size-3) var(--size-3) 0;width:100%}.toast-icon.svelte-solcu7{display:flex;position:absolute;position:relative;flex-shrink:0;justify-content:center;align-items:center;margin:var(--size-2);border-radius:var(--radius-full);padding:var(--size-1);padding-left:calc(var(--size-1) - 1px);width:35px;height:35px}.toast-icon.error.svelte-solcu7{color:var(--color-red-700)}.dark .toast-icon.error.svelte-solcu7{color:var(--color-red-500)}.toast-icon.warning.svelte-solcu7{color:var(--color-yellow-700)}.dark .toast-icon.warning.svelte-solcu7{color:var(--color-yellow-500)}.toast-icon.info.svelte-solcu7{color:var(--color-grey-700)}.dark .toast-icon.info.svelte-solcu7{color:var(--color-grey-500)}@keyframes svelte-solcu7-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.timer.svelte-solcu7{position:absolute;bottom:0;left:0;transform-origin:0 0;animation:svelte-solcu7-countdown 10s linear forwards;width:100%;height:var(--size-1)}.timer.error.svelte-solcu7{background:var(--color-red-700)}.dark .timer.error.svelte-solcu7{background:var(--color-red-500)}.timer.warning.svelte-solcu7{background:var(--color-yellow-700)}.dark .timer.warning.svelte-solcu7{background:var(--color-yellow-500)}.timer.info.svelte-solcu7{background:var(--color-grey-700)}.dark .timer.info.svelte-solcu7{background:var(--color-grey-500)}.toast-wrap.svelte-gatr8h{display:flex;position:fixed;top:var(--size-4);right:var(--size-4);flex-direction:column;align-items:end;gap:var(--size-2);z-index:var(--layer-top);width:calc(100% - var(--size-8))}@media (--screen-sm){.toast-wrap.svelte-gatr8h{width:calc(var(--size-96) + var(--size-10))}}.container.svelte-giydt1 img{width:100%;height:100%}.container.selected.svelte-giydt1.svelte-giydt1{border-color:var(--border-color-accent)}.container.table.svelte-giydt1.svelte-giydt1{margin:0 auto;border:2px solid var(--border-color-primary);border-radius:var(--radius-lg);overflow:hidden;width:var(--size-20);height:var(--size-20);object-fit:cover}.container.gallery.svelte-giydt1.svelte-giydt1{height:var(--size-20);max-height:var(--size-20);object-fit:cover}.container.svelte-giydt1 img.svelte-giydt1{object-fit:cover}div.viewer.svelte-ta7zm3{width:100%}div.viewer.svelte-ta7zm3>canvas{display:block;width:100%;height:100%}

src/demo/app.py

@@ -97,6 +97,16 @@ with gr.Blocks() as demo:
  img = gr.Image(interactive=True, label="Image")
  with gr.Column():
  stream_blur = gr.Button("Stream Repeated Blur")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
 
  with gr.Tab("Dynamic RRD"):
  pending_cleanup = gr.State(
@@ -114,6 +124,20 @@ with gr.Blocks() as demo:
  )
  with gr.Row():
  create_rrd = gr.Button("Create RRD")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ create_rrd.click(
+ create_cube_rrd,
+ inputs=[x_count, y_count, z_count, pending_cleanup],
+ outputs=[viewer],
+ )
 
  with gr.Tab("Hosted RRD"):
  with gr.Row():
@@ -127,23 +151,16 @@ with gr.Blocks() as demo:
  f"{rr.bindings.get_app_url()}/examples/plots.rrd",
  ],
  )
-
- # Rerun 0.16 has issues when embedded in a Gradio tab, so we share a viewer between all the tabs.
- # In 0.17 we can instead scope each viewer to its own tab to clean up these examples further.
- with gr.Row():
- viewer = Rerun(
- streaming=True,
- )
-
- stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
-
- create_rrd.click(
- create_cube_rrd,
- inputs=[x_count, y_count, z_count, pending_cleanup],
- outputs=[viewer],
- )
-
- choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
 
 
 if __name__ == "__main__":

src/demo/space.py

@@ -3,7 +3,7 @@ import gradio as gr
 from app import demo as app
 import os
 
-_docs = {'Rerun': {'description': 'Creates a Rerun viewer component that can be used to display the output of a Rerun stream.', 'members': {'__init__': {'value': {'type': 'list[pathlib.Path | str]\n | pathlib.Path\n | str\n | bytes\n | Callable\n | None', 'default': 'None', 'description': 'Takes a singular or list of RRD resources. Each RRD can be a Path, a string containing a url, or a binary blob containing encoded RRD data. If callable, the function will be called whenever the app loads to set the initial value of the component.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'The label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.'}, 'every': {'type': 'float | None', 'default': 'None', 'description': "If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. Queue must be enabled. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute."}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will display label.'}, 'container': {'type': 'bool', 'default': 'True', 'description': 'If True, will place the component in a container - providing some extra padding around the border.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.'}, 'min_width': {'type': 'int', 'default': '160', 'description': 'minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.'}, 'height': {'type': 'int | str', 'default': '640', 'description': 'height of component in pixels. If a string is provided, will be interpreted as a CSS value. If None, will be set to 640px.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'streaming': {'type': 'bool', 'default': 'False', 'description': 'If True, the data should be incrementally yielded from the source as `bytes` returned by calling `.read()` on an `rr.binary_stream()`'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.'}}, 'postprocess': {'value': {'type': 'list[pathlib.Path | str] | pathlib.Path | str | bytes', 'description': 'Expects'}}, 'preprocess': {'return': {'type': 'RerunData | None', 'description': 'A RerunData object.'}, 'value': None}}, 'events': {}}, '__meta__': {'additional_interfaces': {'RerunData': {'source': 'class RerunData(GradioRootModel):\n root: list[FileData | str]'}}, 'user_fn_refs': {'Rerun': ['RerunData']}}}
+_docs = {'Rerun': {'description': 'Creates a Rerun viewer component that can be used to display the output of a Rerun stream.', 'members': {'__init__': {'value': {'type': 'list[pathlib.Path | str]\n | pathlib.Path\n | str\n | bytes\n | Callable\n | None', 'default': 'None', 'description': 'Takes a singular or list of RRD resources. Each RRD can be a Path, a string containing a url, or a binary blob containing encoded RRD data. If callable, the function will be called whenever the app loads to set the initial value of the component.'}, 'label': {'type': 'str | None', 'default': 'None', 'description': 'The label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.'}, 'every': {'type': 'float | None', 'default': 'None', 'description': "If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. Queue must be enabled. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute."}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'if True, will display label.'}, 'container': {'type': 'bool', 'default': 'True', 'description': 'If True, will place the component in a container - providing some extra padding around the border.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.'}, 'min_width': {'type': 'int', 'default': '160', 'description': 'minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.'}, 'height': {'type': 'int | str', 'default': '640', 'description': 'height of component in pixels. If a string is provided, will be interpreted as a CSS value. If None, will be set to 640px.'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'streaming': {'type': 'bool', 'default': 'False', 'description': 'If True, the data should be incrementally yielded from the source as `bytes` returned by calling `.read()` on an `rr.binary_stream()`'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.'}, 'panel_states': {'type': 'dict[str, Any] | None', 'default': 'None', 'description': 'Force viewer panels to a specific state. Any panels set cannot be toggled by the user in the viewer. Panel names are "top", "blueprint", "selection", and "time". States are "hidden", "collapsed", and "expanded".'}}, 'postprocess': {'value': {'type': 'list[pathlib.Path | str] | pathlib.Path | str | bytes', 'description': 'Expects'}}, 'preprocess': {'return': {'type': 'RerunData | None', 'description': 'A RerunData object.'}, 'value': None}}, 'events': {}}, '__meta__': {'additional_interfaces': {'RerunData': {'source': 'class RerunData(GradioRootModel):\n root: list[FileData | str]'}}, 'user_fn_refs': {'Rerun': ['RerunData']}}}
 
 abs_path = os.path.join(os.path.dirname(__file__), "css.css")
 
@@ -137,6 +137,16 @@ with gr.Blocks() as demo:
  img = gr.Image(interactive=True, label="Image")
  with gr.Column():
  stream_blur = gr.Button("Stream Repeated Blur")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
 
  with gr.Tab("Dynamic RRD"):
  pending_cleanup = gr.State(
@@ -154,6 +164,20 @@ with gr.Blocks() as demo:
  )
  with gr.Row():
  create_rrd = gr.Button("Create RRD")
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ create_rrd.click(
+ create_cube_rrd,
+ inputs=[x_count, y_count, z_count, pending_cleanup],
+ outputs=[viewer],
+ )
 
  with gr.Tab("Hosted RRD"):
  with gr.Row():
@@ -167,23 +191,16 @@ with gr.Blocks() as demo:
  f"{rr.bindings.get_app_url()}/examples/plots.rrd",
  ],
  )
-
- # Rerun 0.16 has issues when embedded in a Gradio tab, so we share a viewer between all the tabs.
- # In 0.17 we can instead scope each viewer to its own tab to clean up these examples further.
- with gr.Row():
- viewer = Rerun(
- streaming=True,
- )
-
- stream_blur.click(streaming_repeated_blur, inputs=[img], outputs=[viewer])
-
- create_rrd.click(
- create_cube_rrd,
- inputs=[x_count, y_count, z_count, pending_cleanup],
- outputs=[viewer],
- )
-
- choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
+ with gr.Row():
+ viewer = Rerun(
+ streaming=True,
+ panel_states={
+ "time": "collapsed",
+ "blueprint": "hidden",
+ "selection": "hidden",
+ },
+ )
+ choose_rrd.change(lambda x: x, inputs=[choose_rrd], outputs=[viewer])
 
 
 if __name__ == "__main__":

src/frontend/Index.svelte

@@ -8,7 +8,7 @@
  import "./app.css";
  import type { Gradio } from "@gradio/utils";
 
- import { WebViewer, LogChannel } from "@rerun-io/web-viewer";
+ import { WebViewer, type Panel, type PanelState } from "@rerun-io/web-viewer";
  import { onMount } from "svelte";
 
  import { Block } from "@gradio/atoms";
@@ -32,6 +32,7 @@
  export let loading_status: LoadingStatus;
  export let interactive: boolean;
  export let streaming: boolean;
+ export let panel_states: { [K in Panel]: PanelState } | null = null;
 
  let old_value: null | BinaryStream | (FileData | string)[] = null;
 
@@ -50,11 +51,7 @@
  let patched_loading_status: LoadingStatus;
 
  function try_load_value() {
- if (
- JSON.stringify(value) !== JSON.stringify(old_value) &&
- rr != undefined &&
- rr.ready
- ) {
+ if (JSON.stringify(value) !== JSON.stringify(old_value) && rr != undefined && rr.ready) {
  old_value = value;
  if (!Array.isArray(value)) {
  if (value.is_stream) {
@@ -76,12 +73,32 @@
  }
  }
 
+ const is_panel = (v: string): v is Panel => ["top", "blueprint", "selection", "time"].includes(v);
+
+ function setup_panels() {
+ if (rr?.ready && panel_states) {
+ for (const panel in panel_states) {
+ // ignore extra properties
+ if (!is_panel(panel)) continue;
+ rr.override_panel_state(panel, panel_states[panel]);
+ }
+ }
+ }
+
  onMount(() => {
  rr = new WebViewer();
- rr.start(undefined, ref, true).then(() => {
+ rr.on("ready", () => {
  try_load_value();
+ setup_panels();
  });
+ rr.on("fullscreen", (on) => rr.toggle_panel_overrides(!on));
 
+ rr.start(undefined, ref, {
+ hide_welcome_screen: true,
+ allow_fullscreen: true,
+ width: "",
+ height: "",
+ });
  return () => {
  rr.stop();
  };
@@ -92,12 +109,14 @@
 
  // In streaming mode, we want the UI to be interactive even while the model is generating
  // so set the status to complete.
+ // @ts-expect-error: `status` union does not include `generating`
  if (streaming && patched_loading_status?.status === "generating") {
  patched_loading_status.status = "complete";
  }
  }
 
  $: value, try_load_value();
+ $: panel_states, setup_panels();
 </script>
 
 {#if !interactive}
@@ -128,8 +147,7 @@
  width: 100%;
 
  :global(> canvas) {
- position: initial !important;
- top: unset !important;
+ display: block;
  width: 100%;
  height: 100%;
  }

src/frontend/gradio.config.js

@@ -1,9 +1,27 @@
 import tailwindcss from "@tailwindcss/vite";
 import wasm from "vite-plugin-wasm";
 
+// `@rerun-io/web-viewer` uses `new URL("./re_viewer_bg.wasm", import.meta.url)` since 0.17,
+// which does not play well with `vite dev`: https://github.com/rerun-io/rerun/issues/6815
+// we need to patch the config, but `gradio` does not let us directly set the `optimize` option.
+/** @type {() => import("vite").Plugin} */
+const hack = () => ({
+ config() {
+ return {
+ optimizeDeps: {
+ exclude: process.env.NODE_ENV === "production" ? [] : ["@rerun-io/web-viewer"],
+ },
+ };
+ },
+});
+
 export default {
- plugins: [wasm(), tailwindcss()],
+ plugins: [wasm(), tailwindcss(), hack()],
  svelte: {
  preprocess: [],
  },
+ build: {
+ target: "esnext",
+ },
 };
+

src/frontend/package-lock.json

@@ -16,7 +16,7 @@
  "@gradio/upload": "0.9.0",
  "@gradio/utils": "0.4.0",
  "@gradio/wasm": "0.10.0",
- "@rerun-io/web-viewer": "^0.16.1",
+ "@rerun-io/web-viewer": "0.17.0",
  "cropperjs": "^1.5.12",
  "lazy-brush": "^1.0.1",
  "resize-observer-polyfill": "^1.5.1",
@@ -25,7 +25,8 @@
  "devDependencies": {
  "@gradio/preview": "0.8.3",
  "@tailwindcss/vite": "^4.0.0-alpha.14",
- "tailwindcss": "^4.0.0-alpha.14"
+ "tailwindcss": "^4.0.0-alpha.14",
+ "vite": "^5.2.9"
  }
  },
  "../../rerun/rerun_js/web-viewer": {
@@ -704,9 +705,9 @@
  }
  },
  "node_modules/@rerun-io/web-viewer": {
- "version": "0.16.1",
- "resolved": "https://registry.npmjs.org/@rerun-io/web-viewer/-/web-viewer-0.16.1.tgz",
- "integrity": "sha512-S1Vd4ltHf+hTpZ/Z2BzbcHAljmTrx624pVm0o/fV8Af3Yf404kMW5Gjdt/WkLlA8z9jSwYN0B+o0dkoVQRKC4w==",
+ "version": "0.17.0",
+ "resolved": "https://registry.npmjs.org/@rerun-io/web-viewer/-/web-viewer-0.17.0.tgz",
+ "integrity": "sha512-pjdPvyTpM1flFoid8wf1rpGnH6+OmqzSzV20FOpc+gxx1w2Qq5GWmvDkRXHj6tbJyVManqQ5dk8OVJKn6P+F+g==",
  "license": "MIT"
  },
  "node_modules/@rollup/plugin-sucrase": {
@@ -2607,7 +2608,6 @@
  "cpu": [
  "arm64"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "darwin"
@@ -2627,7 +2627,6 @@
  "cpu": [
  "x64"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "darwin"
@@ -2647,7 +2646,6 @@
  "cpu": [
  "x64"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "freebsd"
@@ -2667,7 +2665,6 @@
  "cpu": [
  "arm"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "linux"
@@ -2687,7 +2684,6 @@
  "cpu": [
  "arm64"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "linux"
@@ -2707,7 +2703,6 @@
  "cpu": [
  "arm64"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "linux"
@@ -2727,7 +2722,6 @@
  "cpu": [
  "x64"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "linux"
@@ -2747,7 +2741,6 @@
  "cpu": [
  "x64"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "linux"
@@ -2767,7 +2760,6 @@
  "cpu": [
  "x64"
  ],
- "dev": true,
  "optional": true,
  "os": [
  "win32"

src/frontend/package.json

@@ -14,7 +14,7 @@
  "@gradio/upload": "0.9.0",
  "@gradio/utils": "0.4.0",
  "@gradio/wasm": "0.10.0",
- "@rerun-io/web-viewer": "^0.16.1",
+ "@rerun-io/web-viewer": "0.17.0",
  "cropperjs": "^1.5.12",
  "lazy-brush": "^1.0.1",
  "resize-observer-polyfill": "^1.5.1",
@@ -23,7 +23,8 @@
  "devDependencies": {
  "@gradio/preview": "0.8.3",
  "@tailwindcss/vite": "^4.0.0-alpha.14",
- "tailwindcss": "^4.0.0-alpha.14"
+ "tailwindcss": "^4.0.0-alpha.14",
+ "vite": "^5.2.9"
  },
  "main_changeset": true,
  "main": "./Index.svelte",
@@ -32,4 +33,5 @@
  "./example": "./Example.svelte",
  "./package.json": "./package.json"
  }
-}
+}
+

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_rerun"
-version = "0.0.3"
+version = "0.0.4"
 description = "Rerun viewer with Gradio"
 readme = "README.md"
 license = "apache-2.0"
@@ -24,7 +24,7 @@ keywords = [
  "rerun-viewer",
 ]
 # Add dependencies here
-dependencies = ["gradio>=4.0,<5.0", "rerun-sdk>=0.16.1"]
+dependencies = ["gradio>=4.0,<5.0", "rerun-sdk==0.17.0", "opencv-python"]
 classifiers = [
  'Development Status :: 3 - Alpha',
  'Operating System :: OS Independent',
@@ -50,7 +50,7 @@ repository = "https://github.com/radames/gradio-rerun-viewer"
 # space = "your space url"
 
 [project.optional-dependencies]
-dev = ["build", "twine"]
+dev = ["build", "twine", "opencv-python>=4.10.0"]
 
 [tool.hatch.build]
 artifacts = ["/backend/gradio_rerun/templates", "*.pyi"]