Upload folder using huggingface_hub

Dockerfile

@@ -0,0 +1,12 @@
+
+FROM python:3.9
+
+WORKDIR /code
+
+COPY --link --chown=1000 . .
+
+RUN pip install --no-cache-dir -r requirements.txt
+
+ENV PYTHONUNBUFFERED=1 	GRADIO_ALLOW_FLAGGING=never 	GRADIO_NUM_PORTS=1 	GRADIO_SERVER_NAME=0.0.0.0     GRADIO_SERVER_PORT=7860 	SYSTEM=spaces
+
+CMD ["python", "app.py"]

README.md

@@ -1,10 +1,10 @@
+
 ---
-title: Gradio Keyboardtextboxcomponent
-emoji: ⚡
-colorFrom: red
-colorTo: pink
+tags: [gradio-custom-component, gradio-template-SimpleTextbox]
+title: gradio_keyboardtextboxcomponent V0.0.1
+colorFrom: purple
+colorTo: purple
 sdk: docker
 pinned: false
+license: apache-2.0
 ---
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,66 @@
+
+import gradio as gr
+from gradio_keyboardtextboxcomponent import KeyboardTextBoxComponent
+import json
+import requests
+
+API_URL_LIST = "https://jsonplaceholder.typicode.com/todos"
+
+# Una aplicación con un listado de traducciones pendientes
+# presionar sobre una 
+def translation_chat_fn(translation_index, modification):
+    # transform index to id
+    # submit to api
+    
+    response = requests.get(API_URL_LIST) # TODO: Post
+    response.json()
+    print(response.json())
+
+    api_response = True
+    return "Traducción corregida" if api_response else "Error del servicio"
+
+selected_translation_index = 0
+
+# translations_response = [
+#                 {"id": 0, "text_spa": "The quick brown fox jumps over the lazy dog", "text_gum": "El rápido zorro café salta sobre los perezosos perros"},
+#                 {"id": 1, "text_spa": "Build & share delightful machine learning apps", "text_gum": "Construye y comparte encantadoras aplicaciones de aprendizaje de máquina"},
+# ]
+translations_response = requests.get(API_URL_LIST).json() # TODO: Post
+translations = list(map(lambda x: [x["title"]], translations_response))
+
+# Interface Components
+with gr.Blocks() as demo:
+    translations_dataset_input = gr.Dataset(components=[gr.Textbox(visible=False)],# gr.Textbox(visible=False)],
+
+                label="Traducciones",
+                samples=translations,
+                type="index",
+                samples_per_page=10
+            )
+    gum_keyboard_textbox_input = KeyboardTextBoxComponent(#value=translations[selected_translation_index][0], 
+                label="Traducciones", 
+                #info="Elige las traducciones que desees revisar"
+            )
+
+    # Interactions
+    def assign_trasnlation_id(evt: gr.SelectData):
+        # selected_translation_index = evt.index
+        # print(evt)
+        return translations[evt.index][0]
+    translations_dataset_input.select(fn=assign_trasnlation_id, outputs=[gum_keyboard_textbox_input])
+
+# Interface
+    gr.Interface(
+        translation_chat_fn,
+        [
+            translations_dataset_input,
+            gum_keyboard_textbox_input, 
+        ],
+        "text",  
+        title="Tralengua",
+        description="Elige las traducciones del Namuy Wam (Namtrik/Guambiano) que deseas corregir del Español.",
+        theme=gr.themes.Default(primary_hue="blue")
+        #examples=[[example]],  # uncomment this line to view the "example version" of your component
+    )
+
+demo.launch()

app_bk.py

@@ -0,0 +1,35 @@
+
+import gradio as gr
+from gradio_keyboardtextboxcomponent import KeyboardTextBoxComponent
+import boto3
+import json
+
+__TableName__ = "innovation-gradio-claude-example"
+Primary_Column_Name = "id"
+Primary_Key = "1"
+columns = ["message_gum", "message_spa"]
+
+client = boto3.client('dynamodb', region_name='us-east-1')
+DB = boto3.resource('dynamodb', region_name='us-east-1')
+table = DB.Table(__TableName__)
+
+# Get data
+def get_data():
+    response = table.get_item(
+                Key={
+                    Primary_Column_Name:Primary_Key
+                }
+            )
+    return json.loads(str(response["Item"]).replace("'", '"').encode('utf-8'))
+
+# print(get_data()["message_gum"])
+example = KeyboardTextBoxComponent().example_inputs()
+
+demo = gr.Interface(
+    lambda x:x,
+    KeyboardTextBoxComponent(value=get_data()["message_gum"]),  # interactive version of your component
+    KeyboardTextBoxComponent(),  # static version of your component
+    examples=[[example]],  # uncomment this line to view the "example version" of your component
+)
+
+demo.launch()

requirements.txt

@@ -0,0 +1 @@
+gradio_keyboardtextboxcomponent-0.0.1-py3-none-any.whl

src/.gitignore

@@ -0,0 +1,9 @@
+.eggs/
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+__tmp/*
+*.pyi
+node_modules

src/README.md

@@ -0,0 +1,16 @@
+---
+title: namuy-wam-tralengua
+app_file: demo/app.py
+sdk: gradio
+sdk_version: 4.3.0
+---
+
+# gradio_keyboardtextboxcomponent
+A Custom Gradio component.
+
+## Example usage
+
+```python
+import gradio as gr
+from gradio_keyboardtextboxcomponent import KeyboardTextBoxComponent
+```

src/backend/gradio_keyboardtextboxcomponent/__init__.py

@@ -0,0 +1,4 @@
+
+from .keyboardtextboxcomponent import KeyboardTextBoxComponent
+
+__all__ = ['KeyboardTextBoxComponent']

src/backend/gradio_keyboardtextboxcomponent/keyboardtextboxcomponent.py

@@ -0,0 +1,96 @@
+from __future__ import annotations
+
+from typing import Any, Callable
+
+from gradio.components.base import FormComponent
+from gradio.events import Events
+
+
+class KeyboardTextBoxComponent(FormComponent):
+    """
+    Creates a very simple textbox for user to enter string input or display string output.
+    Preprocessing: passes textbox value as a {str} into the function.
+    Postprocessing: expects a {str} returned from function and sets textbox value to it.
+    Examples-format: a {str} representing the textbox input.
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.submit,
+    ]
+
+    def __init__(
+        self,
+        value: str | Callable | None = "",
+        *,
+        placeholder: str | None = None,
+        label: str | None = None,
+        every: float | None = None,
+        show_label: bool | None = None,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool = True,
+        rtl: bool = False,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+    ):
+        """
+        Parameters:
+            value: default text to provide in textbox. If callable, the function will be called whenever the app loads to set the initial value of the component.
+            placeholder: placeholder hint to provide behind textbox.
+            label: component name in interface.
+            every: 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: if True, will display label.
+            scale: relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: 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.
+            interactive: if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden.
+            rtl: If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.
+            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.
+        """
+        self.placeholder = placeholder
+        self.rtl = rtl
+        super().__init__(
+            label=label,
+            every=every,
+            show_label=show_label,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            value=value,
+            render=render,
+        )
+
+    def preprocess(self, x: str | None) -> str | None:
+        """
+        Preprocesses input (converts it to a string) before passing it to the function.
+        Parameters:
+            x: text
+        Returns:
+            text
+        """
+        return None if x is None else str(x)
+
+    def postprocess(self, y: str | None) -> str | None:
+        """
+        Postproccess the function output y by converting it to a str before passing it to the frontend.
+        Parameters:
+            y: function output to postprocess.
+        Returns:
+            text
+        """
+        return None if y is None else str(y)
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
+
+    def example_inputs(self) -> Any:
+        return "Hello!!"

src/backend/gradio_keyboardtextboxcomponent/keyboardtextboxcomponent.pyi

@@ -0,0 +1,209 @@
+from __future__ import annotations
+
+from typing import Any, Callable
+
+from gradio.components.base import FormComponent
+from gradio.events import Events
+
+from gradio.events import Dependency
+
+class KeyboardTextBoxComponent(FormComponent):
+    """
+    Creates a very simple textbox for user to enter string input or display string output.
+    Preprocessing: passes textbox value as a {str} into the function.
+    Postprocessing: expects a {str} returned from function and sets textbox value to it.
+    Examples-format: a {str} representing the textbox input.
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.submit,
+    ]
+
+    def __init__(
+        self,
+        value: str | Callable | None = "",
+        *,
+        placeholder: str | None = None,
+        label: str | None = None,
+        every: float | None = None,
+        show_label: bool | None = None,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool = True,
+        rtl: bool = False,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+    ):
+        """
+        Parameters:
+            value: default text to provide in textbox. If callable, the function will be called whenever the app loads to set the initial value of the component.
+            placeholder: placeholder hint to provide behind textbox.
+            label: component name in interface.
+            every: 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: if True, will display label.
+            scale: relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: 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.
+            interactive: if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden.
+            rtl: If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.
+            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.
+        """
+        self.placeholder = placeholder
+        self.rtl = rtl
+        super().__init__(
+            label=label,
+            every=every,
+            show_label=show_label,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            value=value,
+            render=render,
+        )
+
+    def preprocess(self, x: str | None) -> str | None:
+        """
+        Preprocesses input (converts it to a string) before passing it to the function.
+        Parameters:
+            x: text
+        Returns:
+            text
+        """
+        return None if x is None else str(x)
+
+    def postprocess(self, y: str | None) -> str | None:
+        """
+        Postproccess the function output y by converting it to a str before passing it to the frontend.
+        Parameters:
+            y: function output to postprocess.
+        Returns:
+            text
+        """
+        return None if y is None else str(y)
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
+
+    def example_inputs(self) -> Any:
+        return "Hello!!"
+
+    
+    def change(self,
+        fn: Callable | None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        outputs: Component | Sequence[Component] | None = None,
+        api_name: str | None | Literal[False] = None,
+        status_tracker: None = None,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+        every: float | None = None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+        js: str | None = None,) -> Dependency:
+        """
+        Parameters:
+            fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defines how the endpoint appears in the API docs. Can be a string, None, or False. If False, the endpoint will not be exposed in the api docs. If set to None, the endpoint will be exposed in the api docs as an unnamed endpoint, although this behavior will be changed in Gradio 4.0. If set to a string, the endpoint will be exposed in the api docs with the given name.
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        """
+        ...
+    
+    def input(self,
+        fn: Callable | None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        outputs: Component | Sequence[Component] | None = None,
+        api_name: str | None | Literal[False] = None,
+        status_tracker: None = None,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+        every: float | None = None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+        js: str | None = None,) -> Dependency:
+        """
+        Parameters:
+            fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defines how the endpoint appears in the API docs. Can be a string, None, or False. If False, the endpoint will not be exposed in the api docs. If set to None, the endpoint will be exposed in the api docs as an unnamed endpoint, although this behavior will be changed in Gradio 4.0. If set to a string, the endpoint will be exposed in the api docs with the given name.
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        """
+        ...
+    
+    def submit(self,
+        fn: Callable | None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        outputs: Component | Sequence[Component] | None = None,
+        api_name: str | None | Literal[False] = None,
+        status_tracker: None = None,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+        every: float | None = None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+        js: str | None = None,) -> Dependency:
+        """
+        Parameters:
+            fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+            api_name: Defines how the endpoint appears in the API docs. Can be a string, None, or False. If False, the endpoint will not be exposed in the api docs. If set to None, the endpoint will be exposed in the api docs as an unnamed endpoint, although this behavior will be changed in Gradio 4.0. If set to a string, the endpoint will be exposed in the api docs with the given name.
+            scroll_to_output: If True, will scroll to output component on completion
+            show_progress: If True, will show progress animation while pending
+            queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+            every: Run this event 'every' number of seconds while the client connection is open. Interpreted in seconds. Queue must be enabled.
+            trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` event) would allow a second submission after the pending event is complete.
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+        """
+        ...

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

@@ -0,0 +1,3908 @@
+const {
+  SvelteComponent: jl,
+  assign: Pl,
+  create_slot: Vl,
+  detach: Bl,
+  element: Ml,
+  get_all_dirty_from_scope: Nl,
+  get_slot_changes: El,
+  get_spread_update: Dl,
+  init: Tl,
+  insert: Zl,
+  safe_not_equal: Al,
+  set_dynamic_element_data: Ze,
+  set_style: B,
+  toggle_class: W,
+  transition_in: bl,
+  transition_out: hl,
+  update_slot_base: Il
+} = window.__gradio__svelte__internal;
+function Kl(o) {
+  let e, l, t;
+  const a = (
+    /*#slots*/
+    o[17].default
+  ), n = Vl(
+    a,
+    o,
+    /*$$scope*/
+    o[16],
+    null
+  );
+  let r = [
+    { "data-testid": (
+      /*test_id*/
+      o[7]
+    ) },
+    { id: (
+      /*elem_id*/
+      o[2]
+    ) },
+    {
+      class: l = "block " + /*elem_classes*/
+      o[3].join(" ") + " svelte-1t38q2d"
+    }
+  ], i = {};
+  for (let s = 0; s < r.length; s += 1)
+    i = Pl(i, r[s]);
+  return {
+    c() {
+      e = Ml(
+        /*tag*/
+        o[14]
+      ), n && n.c(), Ze(
+        /*tag*/
+        o[14]
+      )(e, i), W(
+        e,
+        "hidden",
+        /*visible*/
+        o[10] === !1
+      ), W(
+        e,
+        "padded",
+        /*padding*/
+        o[6]
+      ), W(
+        e,
+        "border_focus",
+        /*border_mode*/
+        o[5] === "focus"
+      ), W(e, "hide-container", !/*explicit_call*/
+      o[8] && !/*container*/
+      o[9]), B(e, "height", typeof /*height*/
+      o[0] == "number" ? (
+        /*height*/
+        o[0] + "px"
+      ) : void 0), B(e, "width", typeof /*width*/
+      o[1] == "number" ? `calc(min(${/*width*/
+      o[1]}px, 100%))` : void 0), B(
+        e,
+        "border-style",
+        /*variant*/
+        o[4]
+      ), B(
+        e,
+        "overflow",
+        /*allow_overflow*/
+        o[11] ? "visible" : "hidden"
+      ), B(
+        e,
+        "flex-grow",
+        /*scale*/
+        o[12]
+      ), B(e, "min-width", `calc(min(${/*min_width*/
+      o[13]}px, 100%))`), B(e, "border-width", "var(--block-border-width)");
+    },
+    m(s, u) {
+      Zl(s, e, u), n && n.m(e, null), t = !0;
+    },
+    p(s, u) {
+      n && n.p && (!t || u & /*$$scope*/
+      65536) && Il(
+        n,
+        a,
+        s,
+        /*$$scope*/
+        s[16],
+        t ? El(
+          a,
+          /*$$scope*/
+          s[16],
+          u,
+          null
+        ) : Nl(
+          /*$$scope*/
+          s[16]
+        ),
+        null
+      ), Ze(
+        /*tag*/
+        s[14]
+      )(e, i = Dl(r, [
+        (!t || u & /*test_id*/
+        128) && { "data-testid": (
+          /*test_id*/
+          s[7]
+        ) },
+        (!t || u & /*elem_id*/
+        4) && { id: (
+          /*elem_id*/
+          s[2]
+        ) },
+        (!t || u & /*elem_classes*/
+        8 && l !== (l = "block " + /*elem_classes*/
+        s[3].join(" ") + " svelte-1t38q2d")) && { class: l }
+      ])), W(
+        e,
+        "hidden",
+        /*visible*/
+        s[10] === !1
+      ), W(
+        e,
+        "padded",
+        /*padding*/
+        s[6]
+      ), W(
+        e,
+        "border_focus",
+        /*border_mode*/
+        s[5] === "focus"
+      ), W(e, "hide-container", !/*explicit_call*/
+      s[8] && !/*container*/
+      s[9]), u & /*height*/
+      1 && B(e, "height", typeof /*height*/
+      s[0] == "number" ? (
+        /*height*/
+        s[0] + "px"
+      ) : void 0), u & /*width*/
+      2 && B(e, "width", typeof /*width*/
+      s[1] == "number" ? `calc(min(${/*width*/
+      s[1]}px, 100%))` : void 0), u & /*variant*/
+      16 && B(
+        e,
+        "border-style",
+        /*variant*/
+        s[4]
+      ), u & /*allow_overflow*/
+      2048 && B(
+        e,
+        "overflow",
+        /*allow_overflow*/
+        s[11] ? "visible" : "hidden"
+      ), u & /*scale*/
+      4096 && B(
+        e,
+        "flex-grow",
+        /*scale*/
+        s[12]
+      ), u & /*min_width*/
+      8192 && B(e, "min-width", `calc(min(${/*min_width*/
+      s[13]}px, 100%))`);
+    },
+    i(s) {
+      t || (bl(n, s), t = !0);
+    },
+    o(s) {
+      hl(n, s), t = !1;
+    },
+    d(s) {
+      s && Bl(e), n && n.d(s);
+    }
+  };
+}
+function Gl(o) {
+  let e, l = (
+    /*tag*/
+    o[14] && Kl(o)
+  );
+  return {
+    c() {
+      l && l.c();
+    },
+    m(t, a) {
+      l && l.m(t, a), e = !0;
+    },
+    p(t, [a]) {
+      /*tag*/
+      t[14] && l.p(t, a);
+    },
+    i(t) {
+      e || (bl(l, t), e = !0);
+    },
+    o(t) {
+      hl(l, t), e = !1;
+    },
+    d(t) {
+      l && l.d(t);
+    }
+  };
+}
+function Ul(o, e, l) {
+  let { $$slots: t = {}, $$scope: a } = e, { height: n = void 0 } = e, { width: r = void 0 } = e, { elem_id: i = "" } = e, { elem_classes: s = [] } = e, { variant: u = "solid" } = e, { border_mode: f = "base" } = e, { padding: v = !0 } = e, { type: h = "normal" } = e, { test_id: d = void 0 } = e, { explicit_call: _ = !1 } = e, { container: b = !0 } = e, { visible: y = !0 } = e, { allow_overflow: F = !0 } = e, { scale: L = null } = e, { min_width: c = 0 } = e, z = h === "fieldset" ? "fieldset" : "div";
+  return o.$$set = (m) => {
+    "height" in m && l(0, n = m.height), "width" in m && l(1, r = m.width), "elem_id" in m && l(2, i = m.elem_id), "elem_classes" in m && l(3, s = m.elem_classes), "variant" in m && l(4, u = m.variant), "border_mode" in m && l(5, f = m.border_mode), "padding" in m && l(6, v = m.padding), "type" in m && l(15, h = m.type), "test_id" in m && l(7, d = m.test_id), "explicit_call" in m && l(8, _ = m.explicit_call), "container" in m && l(9, b = m.container), "visible" in m && l(10, y = m.visible), "allow_overflow" in m && l(11, F = m.allow_overflow), "scale" in m && l(12, L = m.scale), "min_width" in m && l(13, c = m.min_width), "$$scope" in m && l(16, a = m.$$scope);
+  }, [
+    n,
+    r,
+    i,
+    s,
+    u,
+    f,
+    v,
+    d,
+    _,
+    b,
+    y,
+    F,
+    L,
+    c,
+    z,
+    h,
+    a,
+    t
+  ];
+}
+class Hl extends jl {
+  constructor(e) {
+    super(), Tl(this, e, Ul, Gl, Al, {
+      height: 0,
+      width: 1,
+      elem_id: 2,
+      elem_classes: 3,
+      variant: 4,
+      border_mode: 5,
+      padding: 6,
+      type: 15,
+      test_id: 7,
+      explicit_call: 8,
+      container: 9,
+      visible: 10,
+      allow_overflow: 11,
+      scale: 12,
+      min_width: 13
+    });
+  }
+}
+const {
+  SvelteComponent: Wl,
+  attr: Xl,
+  create_slot: Yl,
+  detach: Ol,
+  element: Rl,
+  get_all_dirty_from_scope: Jl,
+  get_slot_changes: Ql,
+  init: xl,
+  insert: $l,
+  safe_not_equal: et,
+  transition_in: lt,
+  transition_out: tt,
+  update_slot_base: ot
+} = window.__gradio__svelte__internal;
+function at(o) {
+  let e, l;
+  const t = (
+    /*#slots*/
+    o[1].default
+  ), a = Yl(
+    t,
+    o,
+    /*$$scope*/
+    o[0],
+    null
+  );
+  return {
+    c() {
+      e = Rl("div"), a && a.c(), Xl(e, "class", "svelte-1hnfib2");
+    },
+    m(n, r) {
+      $l(n, e, r), a && a.m(e, null), l = !0;
+    },
+    p(n, [r]) {
+      a && a.p && (!l || r & /*$$scope*/
+      1) && ot(
+        a,
+        t,
+        n,
+        /*$$scope*/
+        n[0],
+        l ? Ql(
+          t,
+          /*$$scope*/
+          n[0],
+          r,
+          null
+        ) : Jl(
+          /*$$scope*/
+          n[0]
+        ),
+        null
+      );
+    },
+    i(n) {
+      l || (lt(a, n), l = !0);
+    },
+    o(n) {
+      tt(a, n), l = !1;
+    },
+    d(n) {
+      n && Ol(e), a && a.d(n);
+    }
+  };
+}
+function nt(o, e, l) {
+  let { $$slots: t = {}, $$scope: a } = e;
+  return o.$$set = (n) => {
+    "$$scope" in n && l(0, a = n.$$scope);
+  }, [a, t];
+}
+class rt extends Wl {
+  constructor(e) {
+    super(), xl(this, e, nt, at, et, {});
+  }
+}
+const {
+  SvelteComponent: it,
+  attr: Ae,
+  check_outros: st,
+  create_component: ut,
+  create_slot: ft,
+  destroy_component: _t,
+  detach: me,
+  element: ct,
+  empty: dt,
+  get_all_dirty_from_scope: wt,
+  get_slot_changes: vt,
+  group_outros: gt,
+  init: mt,
+  insert: pe,
+  mount_component: pt,
+  safe_not_equal: bt,
+  set_data: ht,
+  space: yt,
+  text: kt,
+  toggle_class: Q,
+  transition_in: _e,
+  transition_out: be,
+  update_slot_base: qt
+} = window.__gradio__svelte__internal;
+function Ie(o) {
+  let e, l;
+  return e = new rt({
+    props: {
+      $$slots: { default: [St] },
+      $$scope: { ctx: o }
+    }
+  }), {
+    c() {
+      ut(e.$$.fragment);
+    },
+    m(t, a) {
+      pt(e, t, a), l = !0;
+    },
+    p(t, a) {
+      const n = {};
+      a & /*$$scope, info*/
+      10 && (n.$$scope = { dirty: a, ctx: t }), e.$set(n);
+    },
+    i(t) {
+      l || (_e(e.$$.fragment, t), l = !0);
+    },
+    o(t) {
+      be(e.$$.fragment, t), l = !1;
+    },
+    d(t) {
+      _t(e, t);
+    }
+  };
+}
+function St(o) {
+  let e;
+  return {
+    c() {
+      e = kt(
+        /*info*/
+        o[1]
+      );
+    },
+    m(l, t) {
+      pe(l, e, t);
+    },
+    p(l, t) {
+      t & /*info*/
+      2 && ht(
+        e,
+        /*info*/
+        l[1]
+      );
+    },
+    d(l) {
+      l && me(e);
+    }
+  };
+}
+function Ct(o) {
+  let e, l, t, a;
+  const n = (
+    /*#slots*/
+    o[2].default
+  ), r = ft(
+    n,
+    o,
+    /*$$scope*/
+    o[3],
+    null
+  );
+  let i = (
+    /*info*/
+    o[1] && Ie(o)
+  );
+  return {
+    c() {
+      e = ct("span"), r && r.c(), l = yt(), i && i.c(), t = dt(), Ae(e, "data-testid", "block-info"), Ae(e, "class", "svelte-22c38v"), Q(e, "sr-only", !/*show_label*/
+      o[0]), Q(e, "hide", !/*show_label*/
+      o[0]), Q(
+        e,
+        "has-info",
+        /*info*/
+        o[1] != null
+      );
+    },
+    m(s, u) {
+      pe(s, e, u), r && r.m(e, null), pe(s, l, u), i && i.m(s, u), pe(s, t, u), a = !0;
+    },
+    p(s, [u]) {
+      r && r.p && (!a || u & /*$$scope*/
+      8) && qt(
+        r,
+        n,
+        s,
+        /*$$scope*/
+        s[3],
+        a ? vt(
+          n,
+          /*$$scope*/
+          s[3],
+          u,
+          null
+        ) : wt(
+          /*$$scope*/
+          s[3]
+        ),
+        null
+      ), (!a || u & /*show_label*/
+      1) && Q(e, "sr-only", !/*show_label*/
+      s[0]), (!a || u & /*show_label*/
+      1) && Q(e, "hide", !/*show_label*/
+      s[0]), (!a || u & /*info*/
+      2) && Q(
+        e,
+        "has-info",
+        /*info*/
+        s[1] != null
+      ), /*info*/
+      s[1] ? i ? (i.p(s, u), u & /*info*/
+      2 && _e(i, 1)) : (i = Ie(s), i.c(), _e(i, 1), i.m(t.parentNode, t)) : i && (gt(), be(i, 1, 1, () => {
+        i = null;
+      }), st());
+    },
+    i(s) {
+      a || (_e(r, s), _e(i), a = !0);
+    },
+    o(s) {
+      be(r, s), be(i), a = !1;
+    },
+    d(s) {
+      s && (me(e), me(l), me(t)), r && r.d(s), i && i.d(s);
+    }
+  };
+}
+function zt(o, e, l) {
+  let { $$slots: t = {}, $$scope: a } = e, { show_label: n = !0 } = e, { info: r = void 0 } = e;
+  return o.$$set = (i) => {
+    "show_label" in i && l(0, n = i.show_label), "info" in i && l(1, r = i.info), "$$scope" in i && l(3, a = i.$$scope);
+  }, [n, r, t, a];
+}
+class Lt extends it {
+  constructor(e) {
+    super(), mt(this, e, zt, Ct, bt, { show_label: 0, info: 1 });
+  }
+}
+const Ft = [
+  { 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 }
+], Ke = {
+  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"
+  }
+};
+Ft.reduce(
+  (o, { color: e, primary: l, secondary: t }) => ({
+    ...o,
+    [e]: {
+      primary: Ke[e][l],
+      secondary: Ke[e][t]
+    }
+  }),
+  {}
+);
+function $(o) {
+  let e = ["", "k", "M", "G", "T", "P", "E", "Z"], l = 0;
+  for (; o > 1e3 && l < e.length - 1; )
+    o /= 1e3, l++;
+  let t = e[l];
+  return (Number.isInteger(o) ? o : o.toFixed(1)) + t;
+}
+function he() {
+}
+function jt(o, e) {
+  return o != o ? e == e : o !== e || o && typeof o == "object" || typeof o == "function";
+}
+const yl = typeof window < "u";
+let Ge = yl ? () => window.performance.now() : () => Date.now(), kl = yl ? (o) => requestAnimationFrame(o) : he;
+const te = /* @__PURE__ */ new Set();
+function ql(o) {
+  te.forEach((e) => {
+    e.c(o) || (te.delete(e), e.f());
+  }), te.size !== 0 && kl(ql);
+}
+function Pt(o) {
+  let e;
+  return te.size === 0 && kl(ql), {
+    promise: new Promise((l) => {
+      te.add(e = { c: o, f: l });
+    }),
+    abort() {
+      te.delete(e);
+    }
+  };
+}
+const x = [];
+function Vt(o, e = he) {
+  let l;
+  const t = /* @__PURE__ */ new Set();
+  function a(i) {
+    if (jt(o, i) && (o = i, l)) {
+      const s = !x.length;
+      for (const u of t)
+        u[1](), x.push(u, o);
+      if (s) {
+        for (let u = 0; u < x.length; u += 2)
+          x[u][0](x[u + 1]);
+        x.length = 0;
+      }
+    }
+  }
+  function n(i) {
+    a(i(o));
+  }
+  function r(i, s = he) {
+    const u = [i, s];
+    return t.add(u), t.size === 1 && (l = e(a, n) || he), i(o), () => {
+      t.delete(u), t.size === 0 && l && (l(), l = null);
+    };
+  }
+  return { set: a, update: n, subscribe: r };
+}
+function Ue(o) {
+  return Object.prototype.toString.call(o) === "[object Date]";
+}
+function je(o, e, l, t) {
+  if (typeof l == "number" || Ue(l)) {
+    const a = t - l, n = (l - e) / (o.dt || 1 / 60), r = o.opts.stiffness * a, i = o.opts.damping * n, s = (r - i) * o.inv_mass, u = (n + s) * o.dt;
+    return Math.abs(u) < o.opts.precision && Math.abs(a) < o.opts.precision ? t : (o.settled = !1, Ue(l) ? new Date(l.getTime() + u) : l + u);
+  } else {
+    if (Array.isArray(l))
+      return l.map(
+        (a, n) => je(o, e[n], l[n], t[n])
+      );
+    if (typeof l == "object") {
+      const a = {};
+      for (const n in l)
+        a[n] = je(o, e[n], l[n], t[n]);
+      return a;
+    } else
+      throw new Error(`Cannot spring ${typeof l} values`);
+  }
+}
+function He(o, e = {}) {
+  const l = Vt(o), { stiffness: t = 0.15, damping: a = 0.8, precision: n = 0.01 } = e;
+  let r, i, s, u = o, f = o, v = 1, h = 0, d = !1;
+  function _(y, F = {}) {
+    f = y;
+    const L = s = {};
+    return o == null || F.hard || b.stiffness >= 1 && b.damping >= 1 ? (d = !0, r = Ge(), u = y, l.set(o = f), Promise.resolve()) : (F.soft && (h = 1 / ((F.soft === !0 ? 0.5 : +F.soft) * 60), v = 0), i || (r = Ge(), d = !1, i = Pt((c) => {
+      if (d)
+        return d = !1, i = null, !1;
+      v = Math.min(v + h, 1);
+      const z = {
+        inv_mass: v,
+        opts: b,
+        settled: !0,
+        dt: (c - r) * 60 / 1e3
+      }, m = je(z, u, o, f);
+      return r = c, u = o, l.set(o = m), z.settled && (i = null), !z.settled;
+    })), new Promise((c) => {
+      i.promise.then(() => {
+        L === s && c();
+      });
+    }));
+  }
+  const b = {
+    set: _,
+    update: (y, F) => _(y(f, o), F),
+    subscribe: l.subscribe,
+    stiffness: t,
+    damping: a,
+    precision: n
+  };
+  return b;
+}
+const {
+  SvelteComponent: Bt,
+  append: E,
+  attr: C,
+  component_subscribe: We,
+  detach: Mt,
+  element: Nt,
+  init: Et,
+  insert: Dt,
+  noop: Xe,
+  safe_not_equal: Tt,
+  set_style: de,
+  svg_element: D,
+  toggle_class: Ye
+} = window.__gradio__svelte__internal, { onMount: Zt } = window.__gradio__svelte__internal;
+function At(o) {
+  let e, l, t, a, n, r, i, s, u, f, v, h;
+  return {
+    c() {
+      e = Nt("div"), l = D("svg"), t = D("g"), a = D("path"), n = D("path"), r = D("path"), i = D("path"), s = D("g"), u = D("path"), f = D("path"), v = D("path"), h = D("path"), C(a, "d", "M255.926 0.754768L509.702 139.936V221.027L255.926 81.8465V0.754768Z"), C(a, "fill", "#FF7C00"), C(a, "fill-opacity", "0.4"), C(a, "class", "svelte-43sxxs"), C(n, "d", "M509.69 139.936L254.981 279.641V361.255L509.69 221.55V139.936Z"), C(n, "fill", "#FF7C00"), C(n, "class", "svelte-43sxxs"), C(r, "d", "M0.250138 139.937L254.981 279.641V361.255L0.250138 221.55V139.937Z"), C(r, "fill", "#FF7C00"), C(r, "fill-opacity", "0.4"), C(r, "class", "svelte-43sxxs"), C(i, "d", "M255.923 0.232622L0.236328 139.936V221.55L255.923 81.8469V0.232622Z"), C(i, "fill", "#FF7C00"), C(i, "class", "svelte-43sxxs"), de(t, "transform", "translate(" + /*$top*/
+      o[1][0] + "px, " + /*$top*/
+      o[1][1] + "px)"), C(u, "d", "M255.926 141.5L509.702 280.681V361.773L255.926 222.592V141.5Z"), C(u, "fill", "#FF7C00"), C(u, "fill-opacity", "0.4"), C(u, "class", "svelte-43sxxs"), C(f, "d", "M509.69 280.679L254.981 420.384V501.998L509.69 362.293V280.679Z"), C(f, "fill", "#FF7C00"), C(f, "class", "svelte-43sxxs"), C(v, "d", "M0.250138 280.681L254.981 420.386V502L0.250138 362.295V280.681Z"), C(v, "fill", "#FF7C00"), C(v, "fill-opacity", "0.4"), C(v, "class", "svelte-43sxxs"), C(h, "d", "M255.923 140.977L0.236328 280.68V362.294L255.923 222.591V140.977Z"), C(h, "fill", "#FF7C00"), C(h, "class", "svelte-43sxxs"), de(s, "transform", "translate(" + /*$bottom*/
+      o[2][0] + "px, " + /*$bottom*/
+      o[2][1] + "px)"), C(l, "viewBox", "-1200 -1200 3000 3000"), C(l, "fill", "none"), C(l, "xmlns", "http://www.w3.org/2000/svg"), C(l, "class", "svelte-43sxxs"), C(e, "class", "svelte-43sxxs"), Ye(
+        e,
+        "margin",
+        /*margin*/
+        o[0]
+      );
+    },
+    m(d, _) {
+      Dt(d, e, _), E(e, l), E(l, t), E(t, a), E(t, n), E(t, r), E(t, i), E(l, s), E(s, u), E(s, f), E(s, v), E(s, h);
+    },
+    p(d, [_]) {
+      _ & /*$top*/
+      2 && de(t, "transform", "translate(" + /*$top*/
+      d[1][0] + "px, " + /*$top*/
+      d[1][1] + "px)"), _ & /*$bottom*/
+      4 && de(s, "transform", "translate(" + /*$bottom*/
+      d[2][0] + "px, " + /*$bottom*/
+      d[2][1] + "px)"), _ & /*margin*/
+      1 && Ye(
+        e,
+        "margin",
+        /*margin*/
+        d[0]
+      );
+    },
+    i: Xe,
+    o: Xe,
+    d(d) {
+      d && Mt(e);
+    }
+  };
+}
+function It(o, e, l) {
+  let t, a, { margin: n = !0 } = e;
+  const r = He([0, 0]);
+  We(o, r, (h) => l(1, t = h));
+  const i = He([0, 0]);
+  We(o, i, (h) => l(2, a = h));
+  let s;
+  async function u() {
+    await Promise.all([r.set([125, 140]), i.set([-125, -140])]), await Promise.all([r.set([-125, 140]), i.set([125, -140])]), await Promise.all([r.set([-125, 0]), i.set([125, -0])]), await Promise.all([r.set([125, 0]), i.set([-125, 0])]);
+  }
+  async function f() {
+    await u(), s || f();
+  }
+  async function v() {
+    await Promise.all([r.set([125, 0]), i.set([-125, 0])]), f();
+  }
+  return Zt(() => (v(), () => s = !0)), o.$$set = (h) => {
+    "margin" in h && l(0, n = h.margin);
+  }, [n, t, a, r, i];
+}
+class Kt extends Bt {
+  constructor(e) {
+    super(), Et(this, e, It, At, Tt, { margin: 0 });
+  }
+}
+const {
+  SvelteComponent: Gt,
+  append: J,
+  attr: Z,
+  binding_callbacks: Oe,
+  check_outros: Sl,
+  create_component: Ut,
+  create_slot: Ht,
+  destroy_component: Wt,
+  destroy_each: Cl,
+  detach: k,
+  element: U,
+  empty: ie,
+  ensure_array_like: ye,
+  get_all_dirty_from_scope: Xt,
+  get_slot_changes: Yt,
+  group_outros: zl,
+  init: Ot,
+  insert: q,
+  mount_component: Rt,
+  noop: Pe,
+  safe_not_equal: Jt,
+  set_data: N,
+  set_style: Y,
+  space: A,
+  text: j,
+  toggle_class: M,
+  transition_in: ae,
+  transition_out: ne,
+  update_slot_base: Qt
+} = window.__gradio__svelte__internal, { tick: xt } = window.__gradio__svelte__internal, { onDestroy: $t } = window.__gradio__svelte__internal, eo = (o) => ({}), Re = (o) => ({});
+function Je(o, e, l) {
+  const t = o.slice();
+  return t[38] = e[l], t[40] = l, t;
+}
+function Qe(o, e, l) {
+  const t = o.slice();
+  return t[38] = e[l], t;
+}
+function lo(o) {
+  let e, l = (
+    /*i18n*/
+    o[1]("common.error") + ""
+  ), t, a, n;
+  const r = (
+    /*#slots*/
+    o[29].error
+  ), i = Ht(
+    r,
+    o,
+    /*$$scope*/
+    o[28],
+    Re
+  );
+  return {
+    c() {
+      e = U("span"), t = j(l), a = A(), i && i.c(), Z(e, "class", "error svelte-14miwb5");
+    },
+    m(s, u) {
+      q(s, e, u), J(e, t), q(s, a, u), i && i.m(s, u), n = !0;
+    },
+    p(s, u) {
+      (!n || u[0] & /*i18n*/
+      2) && l !== (l = /*i18n*/
+      s[1]("common.error") + "") && N(t, l), i && i.p && (!n || u[0] & /*$$scope*/
+      268435456) && Qt(
+        i,
+        r,
+        s,
+        /*$$scope*/
+        s[28],
+        n ? Yt(
+          r,
+          /*$$scope*/
+          s[28],
+          u,
+          eo
+        ) : Xt(
+          /*$$scope*/
+          s[28]
+        ),
+        Re
+      );
+    },
+    i(s) {
+      n || (ae(i, s), n = !0);
+    },
+    o(s) {
+      ne(i, s), n = !1;
+    },
+    d(s) {
+      s && (k(e), k(a)), i && i.d(s);
+    }
+  };
+}
+function to(o) {
+  let e, l, t, a, n, r, i, s, u, f = (
+    /*variant*/
+    o[8] === "default" && /*show_eta_bar*/
+    o[18] && /*show_progress*/
+    o[6] === "full" && xe(o)
+  );
+  function v(c, z) {
+    if (
+      /*progress*/
+      c[7]
+    )
+      return no;
+    if (
+      /*queue_position*/
+      c[2] !== null && /*queue_size*/
+      c[3] !== void 0 && /*queue_position*/
+      c[2] >= 0
+    )
+      return ao;
+    if (
+      /*queue_position*/
+      c[2] === 0
+    )
+      return oo;
+  }
+  let h = v(o), d = h && h(o), _ = (
+    /*timer*/
+    o[5] && ll(o)
+  );
+  const b = [uo, so], y = [];
+  function F(c, z) {
+    return (
+      /*last_progress_level*/
+      c[15] != null ? 0 : (
+        /*show_progress*/
+        c[6] === "full" ? 1 : -1
+      )
+    );
+  }
+  ~(n = F(o)) && (r = y[n] = b[n](o));
+  let L = !/*timer*/
+  o[5] && sl(o);
+  return {
+    c() {
+      f && f.c(), e = A(), l = U("div"), d && d.c(), t = A(), _ && _.c(), a = A(), r && r.c(), i = A(), L && L.c(), s = ie(), Z(l, "class", "progress-text svelte-14miwb5"), M(
+        l,
+        "meta-text-center",
+        /*variant*/
+        o[8] === "center"
+      ), M(
+        l,
+        "meta-text",
+        /*variant*/
+        o[8] === "default"
+      );
+    },
+    m(c, z) {
+      f && f.m(c, z), q(c, e, z), q(c, l, z), d && d.m(l, null), J(l, t), _ && _.m(l, null), q(c, a, z), ~n && y[n].m(c, z), q(c, i, z), L && L.m(c, z), q(c, s, z), u = !0;
+    },
+    p(c, z) {
+      /*variant*/
+      c[8] === "default" && /*show_eta_bar*/
+      c[18] && /*show_progress*/
+      c[6] === "full" ? f ? f.p(c, z) : (f = xe(c), f.c(), f.m(e.parentNode, e)) : f && (f.d(1), f = null), h === (h = v(c)) && d ? d.p(c, z) : (d && d.d(1), d = h && h(c), d && (d.c(), d.m(l, t))), /*timer*/
+      c[5] ? _ ? _.p(c, z) : (_ = ll(c), _.c(), _.m(l, null)) : _ && (_.d(1), _ = null), (!u || z[0] & /*variant*/
+      256) && M(
+        l,
+        "meta-text-center",
+        /*variant*/
+        c[8] === "center"
+      ), (!u || z[0] & /*variant*/
+      256) && M(
+        l,
+        "meta-text",
+        /*variant*/
+        c[8] === "default"
+      );
+      let m = n;
+      n = F(c), n === m ? ~n && y[n].p(c, z) : (r && (zl(), ne(y[m], 1, 1, () => {
+        y[m] = null;
+      }), Sl()), ~n ? (r = y[n], r ? r.p(c, z) : (r = y[n] = b[n](c), r.c()), ae(r, 1), r.m(i.parentNode, i)) : r = null), /*timer*/
+      c[5] ? L && (L.d(1), L = null) : L ? L.p(c, z) : (L = sl(c), L.c(), L.m(s.parentNode, s));
+    },
+    i(c) {
+      u || (ae(r), u = !0);
+    },
+    o(c) {
+      ne(r), u = !1;
+    },
+    d(c) {
+      c && (k(e), k(l), k(a), k(i), k(s)), f && f.d(c), d && d.d(), _ && _.d(), ~n && y[n].d(c), L && L.d(c);
+    }
+  };
+}
+function xe(o) {
+  let e, l = `translateX(${/*eta_level*/
+  (o[17] || 0) * 100 - 100}%)`;
+  return {
+    c() {
+      e = U("div"), Z(e, "class", "eta-bar svelte-14miwb5"), Y(e, "transform", l);
+    },
+    m(t, a) {
+      q(t, e, a);
+    },
+    p(t, a) {
+      a[0] & /*eta_level*/
+      131072 && l !== (l = `translateX(${/*eta_level*/
+      (t[17] || 0) * 100 - 100}%)`) && Y(e, "transform", l);
+    },
+    d(t) {
+      t && k(e);
+    }
+  };
+}
+function oo(o) {
+  let e;
+  return {
+    c() {
+      e = j("processing |");
+    },
+    m(l, t) {
+      q(l, e, t);
+    },
+    p: Pe,
+    d(l) {
+      l && k(e);
+    }
+  };
+}
+function ao(o) {
+  let e, l = (
+    /*queue_position*/
+    o[2] + 1 + ""
+  ), t, a, n, r;
+  return {
+    c() {
+      e = j("queue: "), t = j(l), a = j("/"), n = j(
+        /*queue_size*/
+        o[3]
+      ), r = j(" |");
+    },
+    m(i, s) {
+      q(i, e, s), q(i, t, s), q(i, a, s), q(i, n, s), q(i, r, s);
+    },
+    p(i, s) {
+      s[0] & /*queue_position*/
+      4 && l !== (l = /*queue_position*/
+      i[2] + 1 + "") && N(t, l), s[0] & /*queue_size*/
+      8 && N(
+        n,
+        /*queue_size*/
+        i[3]
+      );
+    },
+    d(i) {
+      i && (k(e), k(t), k(a), k(n), k(r));
+    }
+  };
+}
+function no(o) {
+  let e, l = ye(
+    /*progress*/
+    o[7]
+  ), t = [];
+  for (let a = 0; a < l.length; a += 1)
+    t[a] = el(Qe(o, l, a));
+  return {
+    c() {
+      for (let a = 0; a < t.length; a += 1)
+        t[a].c();
+      e = ie();
+    },
+    m(a, n) {
+      for (let r = 0; r < t.length; r += 1)
+        t[r] && t[r].m(a, n);
+      q(a, e, n);
+    },
+    p(a, n) {
+      if (n[0] & /*progress*/
+      128) {
+        l = ye(
+          /*progress*/
+          a[7]
+        );
+        let r;
+        for (r = 0; r < l.length; r += 1) {
+          const i = Qe(a, l, r);
+          t[r] ? t[r].p(i, n) : (t[r] = el(i), t[r].c(), t[r].m(e.parentNode, e));
+        }
+        for (; r < t.length; r += 1)
+          t[r].d(1);
+        t.length = l.length;
+      }
+    },
+    d(a) {
+      a && k(e), Cl(t, a);
+    }
+  };
+}
+function $e(o) {
+  let e, l = (
+    /*p*/
+    o[38].unit + ""
+  ), t, a, n = " ", r;
+  function i(f, v) {
+    return (
+      /*p*/
+      f[38].length != null ? io : ro
+    );
+  }
+  let s = i(o), u = s(o);
+  return {
+    c() {
+      u.c(), e = A(), t = j(l), a = j(" | "), r = j(n);
+    },
+    m(f, v) {
+      u.m(f, v), q(f, e, v), q(f, t, v), q(f, a, v), q(f, r, v);
+    },
+    p(f, v) {
+      s === (s = i(f)) && u ? u.p(f, v) : (u.d(1), u = s(f), u && (u.c(), u.m(e.parentNode, e))), v[0] & /*progress*/
+      128 && l !== (l = /*p*/
+      f[38].unit + "") && N(t, l);
+    },
+    d(f) {
+      f && (k(e), k(t), k(a), k(r)), u.d(f);
+    }
+  };
+}
+function ro(o) {
+  let e = $(
+    /*p*/
+    o[38].index || 0
+  ) + "", l;
+  return {
+    c() {
+      l = j(e);
+    },
+    m(t, a) {
+      q(t, l, a);
+    },
+    p(t, a) {
+      a[0] & /*progress*/
+      128 && e !== (e = $(
+        /*p*/
+        t[38].index || 0
+      ) + "") && N(l, e);
+    },
+    d(t) {
+      t && k(l);
+    }
+  };
+}
+function io(o) {
+  let e = $(
+    /*p*/
+    o[38].index || 0
+  ) + "", l, t, a = $(
+    /*p*/
+    o[38].length
+  ) + "", n;
+  return {
+    c() {
+      l = j(e), t = j("/"), n = j(a);
+    },
+    m(r, i) {
+      q(r, l, i), q(r, t, i), q(r, n, i);
+    },
+    p(r, i) {
+      i[0] & /*progress*/
+      128 && e !== (e = $(
+        /*p*/
+        r[38].index || 0
+      ) + "") && N(l, e), i[0] & /*progress*/
+      128 && a !== (a = $(
+        /*p*/
+        r[38].length
+      ) + "") && N(n, a);
+    },
+    d(r) {
+      r && (k(l), k(t), k(n));
+    }
+  };
+}
+function el(o) {
+  let e, l = (
+    /*p*/
+    o[38].index != null && $e(o)
+  );
+  return {
+    c() {
+      l && l.c(), e = ie();
+    },
+    m(t, a) {
+      l && l.m(t, a), q(t, e, a);
+    },
+    p(t, a) {
+      /*p*/
+      t[38].index != null ? l ? l.p(t, a) : (l = $e(t), l.c(), l.m(e.parentNode, e)) : l && (l.d(1), l = null);
+    },
+    d(t) {
+      t && k(e), l && l.d(t);
+    }
+  };
+}
+function ll(o) {
+  let e, l = (
+    /*eta*/
+    o[0] ? `/${/*formatted_eta*/
+    o[19]}` : ""
+  ), t, a;
+  return {
+    c() {
+      e = j(
+        /*formatted_timer*/
+        o[20]
+      ), t = j(l), a = j("s");
+    },
+    m(n, r) {
+      q(n, e, r), q(n, t, r), q(n, a, r);
+    },
+    p(n, r) {
+      r[0] & /*formatted_timer*/
+      1048576 && N(
+        e,
+        /*formatted_timer*/
+        n[20]
+      ), r[0] & /*eta, formatted_eta*/
+      524289 && l !== (l = /*eta*/
+      n[0] ? `/${/*formatted_eta*/
+      n[19]}` : "") && N(t, l);
+    },
+    d(n) {
+      n && (k(e), k(t), k(a));
+    }
+  };
+}
+function so(o) {
+  let e, l;
+  return e = new Kt({
+    props: { margin: (
+      /*variant*/
+      o[8] === "default"
+    ) }
+  }), {
+    c() {
+      Ut(e.$$.fragment);
+    },
+    m(t, a) {
+      Rt(e, t, a), l = !0;
+    },
+    p(t, a) {
+      const n = {};
+      a[0] & /*variant*/
+      256 && (n.margin = /*variant*/
+      t[8] === "default"), e.$set(n);
+    },
+    i(t) {
+      l || (ae(e.$$.fragment, t), l = !0);
+    },
+    o(t) {
+      ne(e.$$.fragment, t), l = !1;
+    },
+    d(t) {
+      Wt(e, t);
+    }
+  };
+}
+function uo(o) {
+  let e, l, t, a, n, r = `${/*last_progress_level*/
+  o[15] * 100}%`, i = (
+    /*progress*/
+    o[7] != null && tl(o)
+  );
+  return {
+    c() {
+      e = U("div"), l = U("div"), i && i.c(), t = A(), a = U("div"), n = U("div"), Z(l, "class", "progress-level-inner svelte-14miwb5"), Z(n, "class", "progress-bar svelte-14miwb5"), Y(n, "width", r), Z(a, "class", "progress-bar-wrap svelte-14miwb5"), Z(e, "class", "progress-level svelte-14miwb5");
+    },
+    m(s, u) {
+      q(s, e, u), J(e, l), i && i.m(l, null), J(e, t), J(e, a), J(a, n), o[30](n);
+    },
+    p(s, u) {
+      /*progress*/
+      s[7] != null ? i ? i.p(s, u) : (i = tl(s), i.c(), i.m(l, null)) : i && (i.d(1), i = null), u[0] & /*last_progress_level*/
+      32768 && r !== (r = `${/*last_progress_level*/
+      s[15] * 100}%`) && Y(n, "width", r);
+    },
+    i: Pe,
+    o: Pe,
+    d(s) {
+      s && k(e), i && i.d(), o[30](null);
+    }
+  };
+}
+function tl(o) {
+  let e, l = ye(
+    /*progress*/
+    o[7]
+  ), t = [];
+  for (let a = 0; a < l.length; a += 1)
+    t[a] = il(Je(o, l, a));
+  return {
+    c() {
+      for (let a = 0; a < t.length; a += 1)
+        t[a].c();
+      e = ie();
+    },
+    m(a, n) {
+      for (let r = 0; r < t.length; r += 1)
+        t[r] && t[r].m(a, n);
+      q(a, e, n);
+    },
+    p(a, n) {
+      if (n[0] & /*progress_level, progress*/
+      16512) {
+        l = ye(
+          /*progress*/
+          a[7]
+        );
+        let r;
+        for (r = 0; r < l.length; r += 1) {
+          const i = Je(a, l, r);
+          t[r] ? t[r].p(i, n) : (t[r] = il(i), t[r].c(), t[r].m(e.parentNode, e));
+        }
+        for (; r < t.length; r += 1)
+          t[r].d(1);
+        t.length = l.length;
+      }
+    },
+    d(a) {
+      a && k(e), Cl(t, a);
+    }
+  };
+}
+function ol(o) {
+  let e, l, t, a, n = (
+    /*i*/
+    o[40] !== 0 && fo()
+  ), r = (
+    /*p*/
+    o[38].desc != null && al(o)
+  ), i = (
+    /*p*/
+    o[38].desc != null && /*progress_level*/
+    o[14] && /*progress_level*/
+    o[14][
+      /*i*/
+      o[40]
+    ] != null && nl()
+  ), s = (
+    /*progress_level*/
+    o[14] != null && rl(o)
+  );
+  return {
+    c() {
+      n && n.c(), e = A(), r && r.c(), l = A(), i && i.c(), t = A(), s && s.c(), a = ie();
+    },
+    m(u, f) {
+      n && n.m(u, f), q(u, e, f), r && r.m(u, f), q(u, l, f), i && i.m(u, f), q(u, t, f), s && s.m(u, f), q(u, a, f);
+    },
+    p(u, f) {
+      /*p*/
+      u[38].desc != null ? r ? r.p(u, f) : (r = al(u), r.c(), r.m(l.parentNode, l)) : r && (r.d(1), r = null), /*p*/
+      u[38].desc != null && /*progress_level*/
+      u[14] && /*progress_level*/
+      u[14][
+        /*i*/
+        u[40]
+      ] != null ? i || (i = nl(), i.c(), i.m(t.parentNode, t)) : i && (i.d(1), i = null), /*progress_level*/
+      u[14] != null ? s ? s.p(u, f) : (s = rl(u), s.c(), s.m(a.parentNode, a)) : s && (s.d(1), s = null);
+    },
+    d(u) {
+      u && (k(e), k(l), k(t), k(a)), n && n.d(u), r && r.d(u), i && i.d(u), s && s.d(u);
+    }
+  };
+}
+function fo(o) {
+  let e;
+  return {
+    c() {
+      e = j(" /");
+    },
+    m(l, t) {
+      q(l, e, t);
+    },
+    d(l) {
+      l && k(e);
+    }
+  };
+}
+function al(o) {
+  let e = (
+    /*p*/
+    o[38].desc + ""
+  ), l;
+  return {
+    c() {
+      l = j(e);
+    },
+    m(t, a) {
+      q(t, l, a);
+    },
+    p(t, a) {
+      a[0] & /*progress*/
+      128 && e !== (e = /*p*/
+      t[38].desc + "") && N(l, e);
+    },
+    d(t) {
+      t && k(l);
+    }
+  };
+}
+function nl(o) {
+  let e;
+  return {
+    c() {
+      e = j("-");
+    },
+    m(l, t) {
+      q(l, e, t);
+    },
+    d(l) {
+      l && k(e);
+    }
+  };
+}
+function rl(o) {
+  let e = (100 * /*progress_level*/
+  (o[14][
+    /*i*/
+    o[40]
+  ] || 0)).toFixed(1) + "", l, t;
+  return {
+    c() {
+      l = j(e), t = j("%");
+    },
+    m(a, n) {
+      q(a, l, n), q(a, t, n);
+    },
+    p(a, n) {
+      n[0] & /*progress_level*/
+      16384 && e !== (e = (100 * /*progress_level*/
+      (a[14][
+        /*i*/
+        a[40]
+      ] || 0)).toFixed(1) + "") && N(l, e);
+    },
+    d(a) {
+      a && (k(l), k(t));
+    }
+  };
+}
+function il(o) {
+  let e, l = (
+    /*p*/
+    (o[38].desc != null || /*progress_level*/
+    o[14] && /*progress_level*/
+    o[14][
+      /*i*/
+      o[40]
+    ] != null) && ol(o)
+  );
+  return {
+    c() {
+      l && l.c(), e = ie();
+    },
+    m(t, a) {
+      l && l.m(t, a), q(t, e, a);
+    },
+    p(t, a) {
+      /*p*/
+      t[38].desc != null || /*progress_level*/
+      t[14] && /*progress_level*/
+      t[14][
+        /*i*/
+        t[40]
+      ] != null ? l ? l.p(t, a) : (l = ol(t), l.c(), l.m(e.parentNode, e)) : l && (l.d(1), l = null);
+    },
+    d(t) {
+      t && k(e), l && l.d(t);
+    }
+  };
+}
+function sl(o) {
+  let e, l;
+  return {
+    c() {
+      e = U("p"), l = j(
+        /*loading_text*/
+        o[9]
+      ), Z(e, "class", "loading svelte-14miwb5");
+    },
+    m(t, a) {
+      q(t, e, a), J(e, l);
+    },
+    p(t, a) {
+      a[0] & /*loading_text*/
+      512 && N(
+        l,
+        /*loading_text*/
+        t[9]
+      );
+    },
+    d(t) {
+      t && k(e);
+    }
+  };
+}
+function _o(o) {
+  let e, l, t, a, n;
+  const r = [to, lo], i = [];
+  function s(u, f) {
+    return (
+      /*status*/
+      u[4] === "pending" ? 0 : (
+        /*status*/
+        u[4] === "error" ? 1 : -1
+      )
+    );
+  }
+  return ~(l = s(o)) && (t = i[l] = r[l](o)), {
+    c() {
+      e = U("div"), t && t.c(), Z(e, "class", a = "wrap " + /*variant*/
+      o[8] + " " + /*show_progress*/
+      o[6] + " svelte-14miwb5"), M(e, "hide", !/*status*/
+      o[4] || /*status*/
+      o[4] === "complete" || /*show_progress*/
+      o[6] === "hidden"), M(
+        e,
+        "translucent",
+        /*variant*/
+        o[8] === "center" && /*status*/
+        (o[4] === "pending" || /*status*/
+        o[4] === "error") || /*translucent*/
+        o[11] || /*show_progress*/
+        o[6] === "minimal"
+      ), M(
+        e,
+        "generating",
+        /*status*/
+        o[4] === "generating"
+      ), M(
+        e,
+        "border",
+        /*border*/
+        o[12]
+      ), Y(
+        e,
+        "position",
+        /*absolute*/
+        o[10] ? "absolute" : "static"
+      ), Y(
+        e,
+        "padding",
+        /*absolute*/
+        o[10] ? "0" : "var(--size-8) 0"
+      );
+    },
+    m(u, f) {
+      q(u, e, f), ~l && i[l].m(e, null), o[31](e), n = !0;
+    },
+    p(u, f) {
+      let v = l;
+      l = s(u), l === v ? ~l && i[l].p(u, f) : (t && (zl(), ne(i[v], 1, 1, () => {
+        i[v] = null;
+      }), Sl()), ~l ? (t = i[l], t ? t.p(u, f) : (t = i[l] = r[l](u), t.c()), ae(t, 1), t.m(e, null)) : t = null), (!n || f[0] & /*variant, show_progress*/
+      320 && a !== (a = "wrap " + /*variant*/
+      u[8] + " " + /*show_progress*/
+      u[6] + " svelte-14miwb5")) && Z(e, "class", a), (!n || f[0] & /*variant, show_progress, status, show_progress*/
+      336) && M(e, "hide", !/*status*/
+      u[4] || /*status*/
+      u[4] === "complete" || /*show_progress*/
+      u[6] === "hidden"), (!n || f[0] & /*variant, show_progress, variant, status, translucent, show_progress*/
+      2384) && M(
+        e,
+        "translucent",
+        /*variant*/
+        u[8] === "center" && /*status*/
+        (u[4] === "pending" || /*status*/
+        u[4] === "error") || /*translucent*/
+        u[11] || /*show_progress*/
+        u[6] === "minimal"
+      ), (!n || f[0] & /*variant, show_progress, status*/
+      336) && M(
+        e,
+        "generating",
+        /*status*/
+        u[4] === "generating"
+      ), (!n || f[0] & /*variant, show_progress, border*/
+      4416) && M(
+        e,
+        "border",
+        /*border*/
+        u[12]
+      ), f[0] & /*absolute*/
+      1024 && Y(
+        e,
+        "position",
+        /*absolute*/
+        u[10] ? "absolute" : "static"
+      ), f[0] & /*absolute*/
+      1024 && Y(
+        e,
+        "padding",
+        /*absolute*/
+        u[10] ? "0" : "var(--size-8) 0"
+      );
+    },
+    i(u) {
+      n || (ae(t), n = !0);
+    },
+    o(u) {
+      ne(t), n = !1;
+    },
+    d(u) {
+      u && k(e), ~l && i[l].d(), o[31](null);
+    }
+  };
+}
+let we = [], ze = !1;
+async function co(o, e = !0) {
+  if (!(window.__gradio_mode__ === "website" || window.__gradio_mode__ !== "app" && e !== !0)) {
+    if (we.push(o), !ze)
+      ze = !0;
+    else
+      return;
+    await xt(), requestAnimationFrame(() => {
+      let l = [0, 0];
+      for (let t = 0; t < we.length; t++) {
+        const n = we[t].getBoundingClientRect();
+        (t === 0 || n.top + window.scrollY <= l[0]) && (l[0] = n.top + window.scrollY, l[1] = t);
+      }
+      window.scrollTo({ top: l[0] - 20, behavior: "smooth" }), ze = !1, we = [];
+    });
+  }
+}
+function wo(o, e, l) {
+  let t, { $$slots: a = {}, $$scope: n } = e, { i18n: r } = e, { eta: i = null } = e, { queue: s = !1 } = e, { queue_position: u } = e, { queue_size: f } = e, { status: v } = e, { scroll_to_output: h = !1 } = e, { timer: d = !0 } = e, { show_progress: _ = "full" } = e, { message: b = null } = e, { progress: y = null } = e, { variant: F = "default" } = e, { loading_text: L = "Loading..." } = e, { absolute: c = !0 } = e, { translucent: z = !1 } = e, { border: m = !1 } = e, { autoscroll: O } = e, p, I = !1, H = 0, K = 0, fe = null, ce = 0, G = null, w, S = null, T = !0;
+  const Ne = () => {
+    l(25, H = performance.now()), l(26, K = 0), I = !0, Ee();
+  };
+  function Ee() {
+    requestAnimationFrame(() => {
+      l(26, K = (performance.now() - H) / 1e3), I && Ee();
+    });
+  }
+  function De() {
+    l(26, K = 0), I && (I = !1);
+  }
+  $t(() => {
+    I && De();
+  });
+  let Te = null;
+  function Ll(g) {
+    Oe[g ? "unshift" : "push"](() => {
+      S = g, l(16, S), l(7, y), l(14, G), l(15, w);
+    });
+  }
+  function Fl(g) {
+    Oe[g ? "unshift" : "push"](() => {
+      p = g, l(13, p);
+    });
+  }
+  return o.$$set = (g) => {
+    "i18n" in g && l(1, r = g.i18n), "eta" in g && l(0, i = g.eta), "queue" in g && l(21, s = g.queue), "queue_position" in g && l(2, u = g.queue_position), "queue_size" in g && l(3, f = g.queue_size), "status" in g && l(4, v = g.status), "scroll_to_output" in g && l(22, h = g.scroll_to_output), "timer" in g && l(5, d = g.timer), "show_progress" in g && l(6, _ = g.show_progress), "message" in g && l(23, b = g.message), "progress" in g && l(7, y = g.progress), "variant" in g && l(8, F = g.variant), "loading_text" in g && l(9, L = g.loading_text), "absolute" in g && l(10, c = g.absolute), "translucent" in g && l(11, z = g.translucent), "border" in g && l(12, m = g.border), "autoscroll" in g && l(24, O = g.autoscroll), "$$scope" in g && l(28, n = g.$$scope);
+  }, o.$$.update = () => {
+    o.$$.dirty[0] & /*eta, old_eta, queue, timer_start*/
+    169869313 && (i === null ? l(0, i = fe) : s && l(0, i = (performance.now() - H) / 1e3 + i), i != null && (l(19, Te = i.toFixed(1)), l(27, fe = i))), o.$$.dirty[0] & /*eta, timer_diff*/
+    67108865 && l(17, ce = i === null || i <= 0 || !K ? null : Math.min(K / i, 1)), o.$$.dirty[0] & /*progress*/
+    128 && y != null && l(18, T = !1), o.$$.dirty[0] & /*progress, progress_level, progress_bar, last_progress_level*/
+    114816 && (y != null ? l(14, G = y.map((g) => {
+      if (g.index != null && g.length != null)
+        return g.index / g.length;
+      if (g.progress != null)
+        return g.progress;
+    })) : l(14, G = null), G ? (l(15, w = G[G.length - 1]), S && (w === 0 ? l(16, S.style.transition = "0", S) : l(16, S.style.transition = "150ms", S))) : l(15, w = void 0)), o.$$.dirty[0] & /*status*/
+    16 && (v === "pending" ? Ne() : De()), o.$$.dirty[0] & /*el, scroll_to_output, status, autoscroll*/
+    20979728 && p && h && (v === "pending" || v === "complete") && co(p, O), o.$$.dirty[0] & /*status, message*/
+    8388624, o.$$.dirty[0] & /*timer_diff*/
+    67108864 && l(20, t = K.toFixed(1));
+  }, [
+    i,
+    r,
+    u,
+    f,
+    v,
+    d,
+    _,
+    y,
+    F,
+    L,
+    c,
+    z,
+    m,
+    p,
+    G,
+    w,
+    S,
+    ce,
+    T,
+    Te,
+    t,
+    s,
+    h,
+    b,
+    O,
+    H,
+    K,
+    fe,
+    n,
+    a,
+    Ll,
+    Fl
+  ];
+}
+class vo extends Gt {
+  constructor(e) {
+    super(), Ot(
+      this,
+      e,
+      wo,
+      _o,
+      Jt,
+      {
+        i18n: 1,
+        eta: 0,
+        queue: 21,
+        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 go = [{
+  row: 0,
+  value: "q"
+}, {
+  row: 0,
+  value: "w"
+}, {
+  row: 0,
+  value: "e"
+}, {
+  row: 0,
+  value: "r"
+}, {
+  row: 0,
+  value: "t"
+}, {
+  row: 0,
+  value: "y"
+}, {
+  row: 0,
+  value: "u"
+}, {
+  row: 0,
+  value: "i"
+}, {
+  row: 0,
+  value: "o"
+}, {
+  row: 0,
+  value: "p"
+}, {
+  row: 1,
+  value: "a"
+}, {
+  row: 1,
+  value: "s"
+}, {
+  row: 1,
+  value: "d"
+}, {
+  row: 1,
+  value: "f"
+}, {
+  row: 1,
+  value: "g"
+}, {
+  row: 1,
+  value: "h"
+}, {
+  row: 1,
+  value: "j"
+}, {
+  row: 1,
+  value: "k"
+}, {
+  row: 1,
+  value: "l"
+}, {
+  row: 2,
+  value: "Shift"
+}, {
+  row: 2,
+  value: "z"
+}, {
+  row: 2,
+  value: "x"
+}, {
+  row: 2,
+  value: "c"
+}, {
+  row: 2,
+  value: "v"
+}, {
+  row: 2,
+  value: "b"
+}, {
+  row: 2,
+  value: "n"
+}, {
+  row: 2,
+  value: "m"
+}, {
+  row: 2,
+  value: "Backspace"
+}, {
+  row: 3,
+  value: "Page1"
+}, {
+  row: 3,
+  value: ","
+}, {
+  row: 3,
+  value: "Space"
+}, {
+  row: 3,
+  value: "."
+}, {
+  row: 3,
+  value: "Enter"
+}, {
+  row: 0,
+  value: "1",
+  page: 1
+}, {
+  row: 0,
+  value: "2",
+  page: 1
+}, {
+  row: 0,
+  value: "3",
+  page: 1
+}, {
+  row: 0,
+  value: "4",
+  page: 1
+}, {
+  row: 0,
+  value: "5",
+  page: 1
+}, {
+  row: 0,
+  value: "6",
+  page: 1
+}, {
+  row: 0,
+  value: "7",
+  page: 1
+}, {
+  row: 0,
+  value: "8",
+  page: 1
+}, {
+  row: 0,
+  value: "9",
+  page: 1
+}, {
+  row: 0,
+  value: "0",
+  page: 1
+}, {
+  row: 1,
+  value: "!",
+  page: 1
+}, {
+  row: 1,
+  value: "@",
+  page: 1
+}, {
+  row: 1,
+  value: "#",
+  page: 1
+}, {
+  row: 1,
+  value: "$",
+  page: 1
+}, {
+  row: 1,
+  value: "%",
+  page: 1
+}, {
+  row: 1,
+  value: "^",
+  page: 1
+}, {
+  row: 1,
+  value: "&",
+  page: 1
+}, {
+  row: 1,
+  value: "*",
+  page: 1
+}, {
+  row: 1,
+  value: "(",
+  page: 1
+}, {
+  row: 1,
+  value: ")",
+  page: 1
+}, {
+  row: 2,
+  value: "-",
+  page: 1
+}, {
+  row: 2,
+  value: "_",
+  page: 1
+}, {
+  row: 2,
+  value: "=",
+  page: 1
+}, {
+  row: 2,
+  value: "+",
+  page: 1
+}, {
+  row: 2,
+  value: ";",
+  page: 1
+}, {
+  row: 2,
+  value: ":",
+  page: 1
+}, {
+  row: 2,
+  value: "'",
+  page: 1
+}, {
+  row: 2,
+  value: '"',
+  page: 1
+}, {
+  row: 2,
+  value: "<",
+  page: 1
+}, {
+  row: 2,
+  value: ">",
+  page: 1
+}, {
+  row: 3,
+  value: "Page0",
+  page: 1
+}, {
+  row: 3,
+  value: "/",
+  page: 1
+}, {
+  row: 3,
+  value: "?",
+  page: 1
+}, {
+  row: 3,
+  value: "[",
+  page: 1
+}, {
+  row: 3,
+  value: "]",
+  page: 1
+}, {
+  row: 3,
+  value: "{",
+  page: 1
+}, {
+  row: 3,
+  value: "}",
+  page: 1
+}, {
+  row: 3,
+  value: "|",
+  page: 1
+}, {
+  row: 3,
+  value: "\\",
+  page: 1
+}, {
+  row: 3,
+  value: "~",
+  page: 1
+}], mo = [{
+  row: 0,
+  value: "q"
+}, {
+  row: 0,
+  value: "w"
+}, {
+  row: 0,
+  value: "e"
+}, {
+  row: 0,
+  value: "r"
+}, {
+  row: 0,
+  value: "t"
+}, {
+  row: 0,
+  value: "y"
+}, {
+  row: 0,
+  value: "u"
+}, {
+  row: 0,
+  value: "i"
+}, {
+  row: 0,
+  value: "o"
+}, {
+  row: 0,
+  value: "p"
+}, {
+  row: 1,
+  value: "a"
+}, {
+  row: 1,
+  value: "s"
+}, {
+  row: 1,
+  value: "d"
+}, {
+  row: 1,
+  value: "f"
+}, {
+  row: 1,
+  value: "g"
+}, {
+  row: 1,
+  value: "h"
+}, {
+  row: 1,
+  value: "j"
+}, {
+  row: 1,
+  value: "k"
+}, {
+  row: 1,
+  value: "l"
+}, {
+  row: 2,
+  value: "z"
+}, {
+  row: 2,
+  value: "x"
+}, {
+  row: 2,
+  value: "c"
+}, {
+  row: 2,
+  value: "v"
+}, {
+  row: 2,
+  value: "b"
+}, {
+  row: 2,
+  value: "n"
+}, {
+  row: 2,
+  value: "m"
+}, {
+  row: 2,
+  value: "Backspace"
+}], po = [{
+  row: 0,
+  value: "q"
+}, {
+  row: 0,
+  value: "w"
+}, {
+  row: 0,
+  value: "e"
+}, {
+  row: 0,
+  value: "r"
+}, {
+  row: 0,
+  value: "t"
+}, {
+  row: 0,
+  value: "y"
+}, {
+  row: 0,
+  value: "u"
+}, {
+  row: 0,
+  value: "i"
+}, {
+  row: 0,
+  value: "o"
+}, {
+  row: 0,
+  value: "p"
+}, {
+  row: 1,
+  value: "a"
+}, {
+  row: 1,
+  value: "s"
+}, {
+  row: 1,
+  value: "d"
+}, {
+  row: 1,
+  value: "f"
+}, {
+  row: 1,
+  value: "g"
+}, {
+  row: 1,
+  value: "h"
+}, {
+  row: 1,
+  value: "j"
+}, {
+  row: 1,
+  value: "k"
+}, {
+  row: 1,
+  value: "l"
+}, {
+  row: 2,
+  value: "Enter"
+}, {
+  row: 2,
+  value: "z"
+}, {
+  row: 2,
+  value: "x"
+}, {
+  row: 2,
+  value: "c"
+}, {
+  row: 2,
+  value: "v"
+}, {
+  row: 2,
+  value: "b"
+}, {
+  row: 2,
+  value: "n"
+}, {
+  row: 2,
+  value: "m"
+}, {
+  row: 2,
+  value: "Backspace"
+}], bo = [{
+  row: 0,
+  value: "a"
+}, {
+  row: 0,
+  value: "z"
+}, {
+  row: 0,
+  value: "e"
+}, {
+  row: 0,
+  value: "r"
+}, {
+  row: 0,
+  value: "t"
+}, {
+  row: 0,
+  value: "y"
+}, {
+  row: 0,
+  value: "u"
+}, {
+  row: 0,
+  value: "i"
+}, {
+  row: 0,
+  value: "o"
+}, {
+  row: 0,
+  value: "p"
+}, {
+  row: 1,
+  value: "q"
+}, {
+  row: 1,
+  value: "s"
+}, {
+  row: 1,
+  value: "d"
+}, {
+  row: 1,
+  value: "f"
+}, {
+  row: 1,
+  value: "g"
+}, {
+  row: 1,
+  value: "h"
+}, {
+  row: 1,
+  value: "j"
+}, {
+  row: 1,
+  value: "k"
+}, {
+  row: 1,
+  value: "l"
+}, {
+  row: 1,
+  value: "m"
+}, {
+  row: 2,
+  value: "Shift"
+}, {
+  row: 2,
+  value: "w"
+}, {
+  row: 2,
+  value: "x"
+}, {
+  row: 2,
+  value: "c"
+}, {
+  row: 2,
+  value: "v"
+}, {
+  row: 2,
+  value: "b"
+}, {
+  row: 2,
+  value: "n"
+}, {
+  row: 2,
+  value: "Backspace"
+}, {
+  row: 3,
+  value: "Page1"
+}, {
+  row: 3,
+  value: ","
+}, {
+  row: 3,
+  value: "Space"
+}, {
+  row: 3,
+  value: "."
+}, {
+  row: 3,
+  value: "Enter"
+}, {
+  row: 0,
+  value: "1",
+  page: 1
+}, {
+  row: 0,
+  value: "2",
+  page: 1
+}, {
+  row: 0,
+  value: "3",
+  page: 1
+}, {
+  row: 0,
+  value: "4",
+  page: 1
+}, {
+  row: 0,
+  value: "5",
+  page: 1
+}, {
+  row: 0,
+  value: "6",
+  page: 1
+}, {
+  row: 0,
+  value: "7",
+  page: 1
+}, {
+  row: 0,
+  value: "8",
+  page: 1
+}, {
+  row: 0,
+  value: "9",
+  page: 1
+}, {
+  row: 0,
+  value: "0",
+  page: 1
+}, {
+  row: 1,
+  value: "!",
+  page: 1
+}, {
+  row: 1,
+  value: "@",
+  page: 1
+}, {
+  row: 1,
+  value: "#",
+  page: 1
+}, {
+  row: 1,
+  value: "$",
+  page: 1
+}, {
+  row: 1,
+  value: "%",
+  page: 1
+}, {
+  row: 1,
+  value: "^",
+  page: 1
+}, {
+  row: 1,
+  value: "&",
+  page: 1
+}, {
+  row: 1,
+  value: "*",
+  page: 1
+}, {
+  row: 1,
+  value: "(",
+  page: 1
+}, {
+  row: 1,
+  value: ")",
+  page: 1
+}, {
+  row: 2,
+  value: "-",
+  page: 1
+}, {
+  row: 2,
+  value: "_",
+  page: 1
+}, {
+  row: 2,
+  value: "=",
+  page: 1
+}, {
+  row: 2,
+  value: "+",
+  page: 1
+}, {
+  row: 2,
+  value: ";",
+  page: 1
+}, {
+  row: 2,
+  value: ":",
+  page: 1
+}, {
+  row: 2,
+  value: "'",
+  page: 1
+}, {
+  row: 2,
+  value: '"',
+  page: 1
+}, {
+  row: 2,
+  value: "<",
+  page: 1
+}, {
+  row: 2,
+  value: ">",
+  page: 1
+}, {
+  row: 3,
+  value: "Page0",
+  page: 1
+}, {
+  row: 3,
+  value: "/",
+  page: 1
+}, {
+  row: 3,
+  value: "?",
+  page: 1
+}, {
+  row: 3,
+  value: "[",
+  page: 1
+}, {
+  row: 3,
+  value: "]",
+  page: 1
+}, {
+  row: 3,
+  value: "{",
+  page: 1
+}, {
+  row: 3,
+  value: "}",
+  page: 1
+}, {
+  row: 3,
+  value: "|",
+  page: 1
+}, {
+  row: 3,
+  value: "\\",
+  page: 1
+}, {
+  row: 3,
+  value: "~",
+  page: 1
+}], ho = [{
+  row: 0,
+  value: "a"
+}, {
+  row: 0,
+  value: "z"
+}, {
+  row: 0,
+  value: "e"
+}, {
+  row: 0,
+  value: "r"
+}, {
+  row: 0,
+  value: "t"
+}, {
+  row: 0,
+  value: "y"
+}, {
+  row: 0,
+  value: "u"
+}, {
+  row: 0,
+  value: "i"
+}, {
+  row: 0,
+  value: "o"
+}, {
+  row: 0,
+  value: "p"
+}, {
+  row: 1,
+  value: "q"
+}, {
+  row: 1,
+  value: "s"
+}, {
+  row: 1,
+  value: "d"
+}, {
+  row: 1,
+  value: "f"
+}, {
+  row: 1,
+  value: "g"
+}, {
+  row: 1,
+  value: "h"
+}, {
+  row: 1,
+  value: "j"
+}, {
+  row: 1,
+  value: "k"
+}, {
+  row: 1,
+  value: "l"
+}, {
+  row: 1,
+  value: "m"
+}, {
+  row: 2,
+  value: "w"
+}, {
+  row: 2,
+  value: "x"
+}, {
+  row: 2,
+  value: "c"
+}, {
+  row: 2,
+  value: "v"
+}, {
+  row: 2,
+  value: "b"
+}, {
+  row: 2,
+  value: "n"
+}, {
+  row: 2,
+  value: "Backspace"
+}], yo = [{
+  row: 0,
+  value: "a"
+}, {
+  row: 0,
+  value: "z"
+}, {
+  row: 0,
+  value: "e"
+}, {
+  row: 0,
+  value: "r"
+}, {
+  row: 0,
+  value: "t"
+}, {
+  row: 0,
+  value: "y"
+}, {
+  row: 0,
+  value: "u"
+}, {
+  row: 0,
+  value: "i"
+}, {
+  row: 0,
+  value: "o"
+}, {
+  row: 0,
+  value: "p"
+}, {
+  row: 1,
+  value: "q"
+}, {
+  row: 1,
+  value: "s"
+}, {
+  row: 1,
+  value: "d"
+}, {
+  row: 1,
+  value: "f"
+}, {
+  row: 1,
+  value: "g"
+}, {
+  row: 1,
+  value: "h"
+}, {
+  row: 1,
+  value: "j"
+}, {
+  row: 1,
+  value: "k"
+}, {
+  row: 1,
+  value: "l"
+}, {
+  row: 1,
+  value: "m"
+}, {
+  row: 2,
+  value: "Enter"
+}, {
+  row: 2,
+  value: "w"
+}, {
+  row: 2,
+  value: "x"
+}, {
+  row: 2,
+  value: "c"
+}, {
+  row: 2,
+  value: "v"
+}, {
+  row: 2,
+  value: "b"
+}, {
+  row: 2,
+  value: "n"
+}, {
+  row: 2,
+  value: "Backspace"
+}], ko = '<svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-delete"><path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"></path><line x1="18" y1="9" x2="12" y2="15"></line><line x1="12" y1="9" x2="18" y2="15"></line></svg>', qo = '<svg width="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-down-left"><polyline points="9 10 4 15 9 20"></polyline><path d="M20 4v7a4 4 0 0 1-4 4H4"></path></svg>';
+const {
+  HtmlTag: So,
+  SvelteComponent: Co,
+  append: zo,
+  attr: oe,
+  destroy_each: Me,
+  detach: se,
+  element: Ce,
+  empty: Lo,
+  ensure_array_like: re,
+  init: Fo,
+  insert: ue,
+  listen: ve,
+  noop: ul,
+  run_all: jo,
+  safe_not_equal: Po,
+  set_data: Vo,
+  space: Bo,
+  text: Mo,
+  toggle_class: ee
+} = window.__gradio__svelte__internal, { createEventDispatcher: No } = window.__gradio__svelte__internal;
+function fl(o, e, l) {
+  const t = o.slice();
+  return t[27] = e[l], t[29] = l, t;
+}
+function _l(o, e, l) {
+  const t = o.slice();
+  return t[30] = e[l], t;
+}
+function cl(o, e, l) {
+  const t = o.slice();
+  return t[33] = e[l].value, t[34] = e[l].display, t;
+}
+function Eo(o) {
+  let e = (
+    /*display*/
+    o[34] + ""
+  ), l;
+  return {
+    c() {
+      l = Mo(e);
+    },
+    m(t, a) {
+      ue(t, l, a);
+    },
+    p(t, a) {
+      a[0] & /*rowData*/
+      8 && e !== (e = /*display*/
+      t[34] + "") && Vo(l, e);
+    },
+    d(t) {
+      t && se(l);
+    }
+  };
+}
+function Do(o) {
+  let e, l = (
+    /*display*/
+    o[34] + ""
+  ), t;
+  return {
+    c() {
+      e = new So(!1), t = Lo(), e.a = t;
+    },
+    m(a, n) {
+      e.m(l, a, n), ue(a, t, n);
+    },
+    p(a, n) {
+      n[0] & /*rowData*/
+      8 && l !== (l = /*display*/
+      a[34] + "") && e.p(l);
+    },
+    d(a) {
+      a && (se(t), e.d());
+    }
+  };
+}
+function dl(o) {
+  let e, l, t, a, n;
+  function r(d, _) {
+    return _[0] & /*rowData*/
+    8 && (l = null), l == null && (l = !!/*display*/
+    d[34].includes("<svg")), l ? Do : Eo;
+  }
+  let i = r(o, [-1, -1]), s = i(o);
+  function u(...d) {
+    return (
+      /*touchstart_handler*/
+      o[19](
+        /*value*/
+        o[33],
+        ...d
+      )
+    );
+  }
+  function f(...d) {
+    return (
+      /*mousedown_handler*/
+      o[20](
+        /*value*/
+        o[33],
+        ...d
+      )
+    );
+  }
+  function v() {
+    return (
+      /*touchend_handler*/
+      o[21](
+        /*value*/
+        o[33]
+      )
+    );
+  }
+  function h() {
+    return (
+      /*mouseup_handler*/
+      o[22](
+        /*value*/
+        o[33]
+      )
+    );
+  }
+  return {
+    c() {
+      e = Ce("button"), s.c(), oe(e, "type", "button"), oe(e, "class", t = "key key--" + /*value*/
+      o[33] + " " + /*keyClass*/
+      (o[0][
+        /*value*/
+        o[33]
+      ] || "") + " svelte-1bx3au8"), ee(
+        e,
+        "single",
+        /*value*/
+        o[33].length === 1
+      ), ee(
+        e,
+        "active",
+        /*value*/
+        o[33] === /*active*/
+        o[2]
+      );
+    },
+    m(d, _) {
+      ue(d, e, _), s.m(e, null), a || (n = [
+        ve(e, "touchstart", u),
+        ve(e, "mousedown", f),
+        ve(e, "touchend", v, { passive: !0 }),
+        ve(e, "mouseup", h)
+      ], a = !0);
+    },
+    p(d, _) {
+      o = d, i === (i = r(o, _)) && s ? s.p(o, _) : (s.d(1), s = i(o), s && (s.c(), s.m(e, null))), _[0] & /*rowData, keyClass*/
+      9 && t !== (t = "key key--" + /*value*/
+      o[33] + " " + /*keyClass*/
+      (o[0][
+        /*value*/
+        o[33]
+      ] || "") + " svelte-1bx3au8") && oe(e, "class", t), _[0] & /*rowData, keyClass, rowData*/
+      9 && ee(
+        e,
+        "single",
+        /*value*/
+        o[33].length === 1
+      ), _[0] & /*rowData, keyClass, rowData, active*/
+      13 && ee(
+        e,
+        "active",
+        /*value*/
+        o[33] === /*active*/
+        o[2]
+      );
+    },
+    d(d) {
+      d && se(e), s.d(), a = !1, jo(n);
+    }
+  };
+}
+function wl(o) {
+  let e, l = re(
+    /*keys*/
+    o[30]
+  ), t = [];
+  for (let a = 0; a < l.length; a += 1)
+    t[a] = dl(cl(o, l, a));
+  return {
+    c() {
+      e = Ce("div");
+      for (let a = 0; a < t.length; a += 1)
+        t[a].c();
+      oe(e, "class", "row row--" + /*i*/
+      o[29] + " svelte-1bx3au8");
+    },
+    m(a, n) {
+      ue(a, e, n);
+      for (let r = 0; r < t.length; r += 1)
+        t[r] && t[r].m(e, null);
+    },
+    p(a, n) {
+      if (n[0] & /*rowData, keyClass, active, onKeyStart, onKeyEnd*/
+      61) {
+        l = re(
+          /*keys*/
+          a[30]
+        );
+        let r;
+        for (r = 0; r < l.length; r += 1) {
+          const i = cl(a, l, r);
+          t[r] ? t[r].p(i, n) : (t[r] = dl(i), t[r].c(), t[r].m(e, null));
+        }
+        for (; r < t.length; r += 1)
+          t[r].d(1);
+        t.length = l.length;
+      }
+    },
+    d(a) {
+      a && se(e), Me(t, a);
+    }
+  };
+}
+function vl(o) {
+  let e, l, t = re(
+    /*row*/
+    o[27]
+  ), a = [];
+  for (let n = 0; n < t.length; n += 1)
+    a[n] = wl(_l(o, t, n));
+  return {
+    c() {
+      e = Ce("div");
+      for (let n = 0; n < a.length; n += 1)
+        a[n].c();
+      l = Bo(), oe(e, "class", "page svelte-1bx3au8"), ee(
+        e,
+        "visible",
+        /*i*/
+        o[29] === /*page*/
+        o[1]
+      );
+    },
+    m(n, r) {
+      ue(n, e, r);
+      for (let i = 0; i < a.length; i += 1)
+        a[i] && a[i].m(e, null);
+      zo(e, l);
+    },
+    p(n, r) {
+      if (r[0] & /*rowData, keyClass, active, onKeyStart, onKeyEnd*/
+      61) {
+        t = re(
+          /*row*/
+          n[27]
+        );
+        let i;
+        for (i = 0; i < t.length; i += 1) {
+          const s = _l(n, t, i);
+          a[i] ? a[i].p(s, r) : (a[i] = wl(s), a[i].c(), a[i].m(e, l));
+        }
+        for (; i < a.length; i += 1)
+          a[i].d(1);
+        a.length = t.length;
+      }
+      r[0] & /*page*/
+      2 && ee(
+        e,
+        "visible",
+        /*i*/
+        n[29] === /*page*/
+        n[1]
+      );
+    },
+    d(n) {
+      n && se(e), Me(a, n);
+    }
+  };
+}
+function To(o) {
+  let e, l = re(
+    /*rowData*/
+    o[3]
+  ), t = [];
+  for (let a = 0; a < l.length; a += 1)
+    t[a] = vl(fl(o, l, a));
+  return {
+    c() {
+      e = Ce("div");
+      for (let a = 0; a < t.length; a += 1)
+        t[a].c();
+      oe(e, "class", "svelte-keyboard");
+    },
+    m(a, n) {
+      ue(a, e, n);
+      for (let r = 0; r < t.length; r += 1)
+        t[r] && t[r].m(e, null);
+    },
+    p(a, n) {
+      if (n[0] & /*page, rowData, keyClass, active, onKeyStart, onKeyEnd*/
+      63) {
+        l = re(
+          /*rowData*/
+          a[3]
+        );
+        let r;
+        for (r = 0; r < l.length; r += 1) {
+          const i = fl(a, l, r);
+          t[r] ? t[r].p(i, n) : (t[r] = vl(i), t[r].c(), t[r].m(e, null));
+        }
+        for (; r < t.length; r += 1)
+          t[r].d(1);
+        t.length = l.length;
+      }
+    },
+    i: ul,
+    o: ul,
+    d(a) {
+      a && se(e), Me(t, a);
+    }
+  };
+}
+const Zo = "abcdefghijklmnopqrstuvwxyz";
+function Ao(o, e, l) {
+  let t, a, n, r, i, s, u, f, v, { custom: h } = e, { localizationLayout: d = "qwerty" } = e, { layout: _ = "standard" } = e, { noSwap: b = [] } = e, { keyClass: y = {} } = e, F = 0, L = !1, c;
+  const z = {
+    qwerty: {
+      standard: go,
+      crossword: mo,
+      wordle: po
+    },
+    azerty: {
+      standard: bo,
+      crossword: ho,
+      wordle: yo
+    }
+  }, m = No(), O = {
+    Page0: "abc",
+    Page1: "?123",
+    Space: " ",
+    Shift: "abc",
+    Enter: qo,
+    Backspace: ko
+  }, p = (w) => [...new Set(w)], I = (w, S) => {
+    if (w.preventDefault(), l(2, c = S), S.includes("Page"))
+      l(1, F = +S.substr(-1));
+    else if (S === "Shift")
+      l(10, L = !L);
+    else {
+      let T = S;
+      L && Zo.includes(S) && (T = S.toUpperCase()), m("keydown", T);
+    }
+    return w.stopPropagation(), !1;
+  }, H = (w) => {
+    setTimeout(
+      () => {
+        w === c && l(2, c = void 0);
+      },
+      50
+    );
+  }, K = (w, S) => I(S, w), fe = (w, S) => I(S, w), ce = (w) => H(w), G = (w) => H(w);
+  return o.$$set = (w) => {
+    "custom" in w && l(6, h = w.custom), "localizationLayout" in w && l(7, d = w.localizationLayout), "layout" in w && l(8, _ = w.layout), "noSwap" in w && l(9, b = w.noSwap), "keyClass" in w && l(0, y = w.keyClass);
+  }, o.$$.update = () => {
+    o.$$.dirty[0] & /*custom, localizationLayout, layout*/
+    448 && l(18, t = h || z[d][_] || standard), o.$$.dirty[0] & /*rawData, noSwap, shifted*/
+    263680 && l(17, a = t.map((w) => {
+      let S = w.display;
+      const T = O[w.value];
+      return T && !b.includes(w.value) && !w.noSwap && (S = T), S || (S = L ? w.value.toUpperCase() : w.value), w.value === "Shift" && (S = L ? T : T.toUpperCase()), { ...w, display: S };
+    })), o.$$.dirty[0] & /*data*/
+    131072 && l(15, n = a.filter((w) => !w.page)), o.$$.dirty[0] & /*data*/
+    131072 && l(13, r = a.filter((w) => w.page)), o.$$.dirty[0] & /*page0*/
+    32768 && l(14, i = p(n.map((w) => w.row))), o.$$.dirty[0] & /*rows0*/
+    16384 && i.sort((w, S) => w - S), o.$$.dirty[0] & /*page1*/
+    8192 && l(16, s = p(r.map((w) => w.row))), o.$$.dirty[0] & /*rows1*/
+    65536 && s.sort((w, S) => w - S), o.$$.dirty[0] & /*rows0, page0*/
+    49152 && l(12, u = i.map((w) => n.filter((S) => S.row === w))), o.$$.dirty[0] & /*rows0, page1*/
+    24576 && l(11, f = i.map((w) => r.filter((S) => S.row === w))), o.$$.dirty[0] & /*rowData0, rowData1*/
+    6144 && l(3, v = [u, f]);
+  }, [
+    y,
+    F,
+    c,
+    v,
+    I,
+    H,
+    h,
+    d,
+    _,
+    b,
+    L,
+    f,
+    u,
+    r,
+    i,
+    n,
+    s,
+    a,
+    t,
+    K,
+    fe,
+    ce,
+    G
+  ];
+}
+class Io extends Co {
+  constructor(e) {
+    super(), Fo(
+      this,
+      e,
+      Ao,
+      To,
+      Po,
+      {
+        custom: 6,
+        localizationLayout: 7,
+        layout: 8,
+        noSwap: 9,
+        keyClass: 0
+      },
+      null,
+      [-1, -1]
+    );
+  }
+}
+const Ko = [{
+  row: 0,
+  value: "q"
+}, {
+  row: 0,
+  value: "w"
+}, {
+  row: 0,
+  value: "e"
+}, {
+  row: 0,
+  value: "r"
+}, {
+  row: 0,
+  value: "t"
+}, {
+  row: 0,
+  value: "y"
+}, {
+  row: 0,
+  value: "u"
+}, {
+  row: 0,
+  value: "i"
+}, {
+  row: 0,
+  value: "ѳ"
+}, {
+  row: 0,
+  value: "p"
+}, {
+  row: 1,
+  value: "a"
+}, {
+  row: 1,
+  value: "s"
+}, {
+  row: 1,
+  value: "d"
+}, {
+  row: 1,
+  value: "f"
+}, {
+  row: 1,
+  value: "g"
+}, {
+  row: 1,
+  value: "h"
+}, {
+  row: 1,
+  value: "j"
+}, {
+  row: 1,
+  value: "k"
+}, {
+  row: 1,
+  value: "l"
+}, {
+  row: 2,
+  value: "Shift"
+}, {
+  row: 2,
+  value: "z"
+}, {
+  row: 2,
+  value: "x"
+}, {
+  row: 2,
+  value: "c"
+}, {
+  row: 2,
+  value: "v"
+}, {
+  row: 2,
+  value: "b"
+}, {
+  row: 2,
+  value: "n"
+}, {
+  row: 2,
+  value: "m"
+}, {
+  row: 2,
+  value: "Backspace"
+}, {
+  row: 3,
+  value: "Page1"
+}, {
+  row: 3,
+  value: ","
+}, {
+  row: 3,
+  value: "Space"
+}, {
+  row: 3,
+  value: "."
+}, {
+  row: 3,
+  value: "Enter"
+}, {
+  row: 0,
+  value: "1",
+  page: 1
+}, {
+  row: 0,
+  value: "2",
+  page: 1
+}, {
+  row: 0,
+  value: "3",
+  page: 1
+}, {
+  row: 0,
+  value: "4",
+  page: 1
+}, {
+  row: 0,
+  value: "5",
+  page: 1
+}, {
+  row: 0,
+  value: "6",
+  page: 1
+}, {
+  row: 0,
+  value: "7",
+  page: 1
+}, {
+  row: 0,
+  value: "8",
+  page: 1
+}, {
+  row: 0,
+  value: "9",
+  page: 1
+}, {
+  row: 0,
+  value: "0",
+  page: 1
+}, {
+  row: 1,
+  value: "!",
+  page: 1
+}, {
+  row: 1,
+  value: "@",
+  page: 1
+}, {
+  row: 1,
+  value: "#",
+  page: 1
+}, {
+  row: 1,
+  value: "$",
+  page: 1
+}, {
+  row: 1,
+  value: "%",
+  page: 1
+}, {
+  row: 1,
+  value: "^",
+  page: 1
+}, {
+  row: 1,
+  value: "&",
+  page: 1
+}, {
+  row: 1,
+  value: "*",
+  page: 1
+}, {
+  row: 1,
+  value: "(",
+  page: 1
+}, {
+  row: 1,
+  value: ")",
+  page: 1
+}, {
+  row: 2,
+  value: "-",
+  page: 1
+}, {
+  row: 2,
+  value: "_",
+  page: 1
+}, {
+  row: 2,
+  value: "=",
+  page: 1
+}, {
+  row: 2,
+  value: "+",
+  page: 1
+}, {
+  row: 2,
+  value: ";",
+  page: 1
+}, {
+  row: 2,
+  value: ":",
+  page: 1
+}, {
+  row: 2,
+  value: "'",
+  page: 1
+}, {
+  row: 2,
+  value: '"',
+  page: 1
+}, {
+  row: 2,
+  value: "<",
+  page: 1
+}, {
+  row: 2,
+  value: ">",
+  page: 1
+}, {
+  row: 3,
+  value: "Page0",
+  page: 1
+}, {
+  row: 3,
+  value: "/",
+  page: 1
+}, {
+  row: 3,
+  value: "?",
+  page: 1
+}, {
+  row: 3,
+  value: "[",
+  page: 1
+}, {
+  row: 3,
+  value: "]",
+  page: 1
+}, {
+  row: 3,
+  value: "{",
+  page: 1
+}, {
+  row: 3,
+  value: "}",
+  page: 1
+}, {
+  row: 3,
+  value: "|",
+  page: 1
+}, {
+  row: 3,
+  value: "\\",
+  page: 1
+}, {
+  row: 3,
+  value: "~",
+  page: 1
+}];
+const {
+  SvelteComponent: Go,
+  append: ge,
+  assign: Uo,
+  attr: X,
+  binding_callbacks: Ho,
+  check_outros: Wo,
+  create_component: ke,
+  destroy_component: qe,
+  detach: Ve,
+  element: Le,
+  flush: V,
+  get_spread_object: Xo,
+  get_spread_update: Yo,
+  group_outros: Oo,
+  init: Ro,
+  insert: Be,
+  listen: gl,
+  mount_component: Se,
+  run_all: Jo,
+  safe_not_equal: Qo,
+  set_data: xo,
+  set_input_value: ml,
+  set_style: P,
+  space: Fe,
+  text: $o,
+  toggle_class: ea,
+  transition_in: R,
+  transition_out: le
+} = window.__gradio__svelte__internal, { tick: la } = window.__gradio__svelte__internal;
+function pl(o) {
+  let e, l;
+  const t = [
+    { autoscroll: (
+      /*gradio*/
+      o[1].autoscroll
+    ) },
+    { i18n: (
+      /*gradio*/
+      o[1].i18n
+    ) },
+    /*loading_status*/
+    o[10]
+  ];
+  let a = {};
+  for (let n = 0; n < t.length; n += 1)
+    a = Uo(a, t[n]);
+  return e = new vo({ props: a }), {
+    c() {
+      ke(e.$$.fragment);
+    },
+    m(n, r) {
+      Se(e, n, r), l = !0;
+    },
+    p(n, r) {
+      const i = r & /*gradio, loading_status*/
+      1026 ? Yo(t, [
+        r & /*gradio*/
+        2 && { autoscroll: (
+          /*gradio*/
+          n[1].autoscroll
+        ) },
+        r & /*gradio*/
+        2 && { i18n: (
+          /*gradio*/
+          n[1].i18n
+        ) },
+        r & /*loading_status*/
+        1024 && Xo(
+          /*loading_status*/
+          n[10]
+        )
+      ]) : {};
+      e.$set(i);
+    },
+    i(n) {
+      l || (R(e.$$.fragment, n), l = !0);
+    },
+    o(n) {
+      le(e.$$.fragment, n), l = !1;
+    },
+    d(n) {
+      qe(e, n);
+    }
+  };
+}
+function ta(o) {
+  let e;
+  return {
+    c() {
+      e = $o(
+        /*label*/
+        o[2]
+      );
+    },
+    m(l, t) {
+      Be(l, e, t);
+    },
+    p(l, t) {
+      t & /*label*/
+      4 && xo(
+        e,
+        /*label*/
+        l[2]
+      );
+    },
+    d(l) {
+      l && Ve(e);
+    }
+  };
+}
+function oa(o) {
+  let e, l, t, a, n, r, i, s, u, f, v, h, d, _ = (
+    /*loading_status*/
+    o[10] && pl(o)
+  );
+  return t = new Lt({
+    props: {
+      show_label: (
+        /*show_label*/
+        o[7]
+      ),
+      info: void 0,
+      $$slots: { default: [ta] },
+      $$scope: { ctx: o }
+    }
+  }), u = new Io({ props: { custom: Ko } }), u.$on(
+    "keydown",
+    /*onKeydown*/
+    o[15]
+  ), {
+    c() {
+      _ && _.c(), e = Fe(), l = Le("label"), ke(t.$$.fragment), a = Fe(), n = Le("input"), s = Fe(), f = Le("div"), ke(u.$$.fragment), X(n, "data-testid", "textbox"), X(n, "type", "text"), X(n, "class", "scroll-hide svelte-2jrh70"), X(
+        n,
+        "placeholder",
+        /*placeholder*/
+        o[6]
+      ), n.disabled = r = !/*interactive*/
+      o[11], X(n, "dir", i = /*rtl*/
+      o[12] ? "rtl" : "ltr"), P(f, "display", "contents"), P(f, "--height", "3.5rem"), P(f, "--background", "#efefef"), P(f, "--color", "currentColor"), P(f, "--border", "none"), P(f, "--border-radius", "2px"), P(f, "--box-shadow", "none"), P(f, "--flex", "1"), P(f, "--font-family", "sans-serif"), P(f, "--font-size", "20px"), P(f, "--font-weight", "normal"), P(f, "--margin", "0.125rem"), P(f, "--min-width", "2rem"), P(f, "--opacity", "1"), P(f, "--stroke-width", "3px"), P(f, "--text-transform", "none"), P(f, "--active-background", "#cdcdcd"), P(f, "--active-border", "none"), P(f, "--active-box-shadow", "none"), P(f, "--active-color", "currentColor"), P(f, "--active-opacity", "1"), P(f, "--active-transform", "none"), X(l, "class", "svelte-2jrh70"), ea(l, "container", na);
+    },
+    m(b, y) {
+      _ && _.m(b, y), Be(b, e, y), Be(b, l, y), Se(t, l, null), ge(l, a), ge(l, n), ml(
+        n,
+        /*value*/
+        o[0]
+      ), o[18](n), ge(l, s), ge(l, f), Se(u, f, null), v = !0, h || (d = [
+        gl(
+          n,
+          "input",
+          /*input_input_handler*/
+          o[17]
+        ),
+        gl(
+          n,
+          "keypress",
+          /*handle_keypress*/
+          o[14]
+        )
+      ], h = !0);
+    },
+    p(b, y) {
+      /*loading_status*/
+      b[10] ? _ ? (_.p(b, y), y & /*loading_status*/
+      1024 && R(_, 1)) : (_ = pl(b), _.c(), R(_, 1), _.m(e.parentNode, e)) : _ && (Oo(), le(_, 1, 1, () => {
+        _ = null;
+      }), Wo());
+      const F = {};
+      y & /*show_label*/
+      128 && (F.show_label = /*show_label*/
+      b[7]), y & /*$$scope, label*/
+      1048580 && (F.$$scope = { dirty: y, ctx: b }), t.$set(F), (!v || y & /*placeholder*/
+      64) && X(
+        n,
+        "placeholder",
+        /*placeholder*/
+        b[6]
+      ), (!v || y & /*interactive*/
+      2048 && r !== (r = !/*interactive*/
+      b[11])) && (n.disabled = r), (!v || y & /*rtl*/
+      4096 && i !== (i = /*rtl*/
+      b[12] ? "rtl" : "ltr")) && X(n, "dir", i), y & /*value*/
+      1 && n.value !== /*value*/
+      b[0] && ml(
+        n,
+        /*value*/
+        b[0]
+      );
+    },
+    i(b) {
+      v || (R(_), R(t.$$.fragment, b), R(u.$$.fragment, b), v = !0);
+    },
+    o(b) {
+      le(_), le(t.$$.fragment, b), le(u.$$.fragment, b), v = !1;
+    },
+    d(b) {
+      b && (Ve(e), Ve(l)), _ && _.d(b), qe(t), o[18](null), qe(u), h = !1, Jo(d);
+    }
+  };
+}
+function aa(o) {
+  let e, l;
+  return e = new Hl({
+    props: {
+      visible: (
+        /*visible*/
+        o[5]
+      ),
+      elem_id: (
+        /*elem_id*/
+        o[3]
+      ),
+      elem_classes: (
+        /*elem_classes*/
+        o[4]
+      ),
+      scale: (
+        /*scale*/
+        o[8]
+      ),
+      min_width: (
+        /*min_width*/
+        o[9]
+      ),
+      allow_overflow: !1,
+      padding: !0,
+      $$slots: { default: [oa] },
+      $$scope: { ctx: o }
+    }
+  }), {
+    c() {
+      ke(e.$$.fragment);
+    },
+    m(t, a) {
+      Se(e, t, a), l = !0;
+    },
+    p(t, [a]) {
+      const n = {};
+      a & /*visible*/
+      32 && (n.visible = /*visible*/
+      t[5]), a & /*elem_id*/
+      8 && (n.elem_id = /*elem_id*/
+      t[3]), a & /*elem_classes*/
+      16 && (n.elem_classes = /*elem_classes*/
+      t[4]), a & /*scale*/
+      256 && (n.scale = /*scale*/
+      t[8]), a & /*min_width*/
+      512 && (n.min_width = /*min_width*/
+      t[9]), a & /*$$scope, placeholder, interactive, rtl, value, el, show_label, label, gradio, loading_status*/
+      1064135 && (n.$$scope = { dirty: a, ctx: t }), e.$set(n);
+    },
+    i(t) {
+      l || (R(e.$$.fragment, t), l = !0);
+    },
+    o(t) {
+      le(e.$$.fragment, t), l = !1;
+    },
+    d(t) {
+      qe(e, t);
+    }
+  };
+}
+const na = !0;
+function ra(o, e, l) {
+  let { gradio: t } = e, { label: a = "Textbox" } = e, { elem_id: n = "" } = e, { elem_classes: r = [] } = e, { visible: i = !0 } = e, { value: s = "" } = e, { placeholder: u = "" } = e, { show_label: f } = e, { scale: v = null } = e, { min_width: h = void 0 } = e, { loading_status: d = void 0 } = e, { value_is_output: _ = !1 } = e, { interactive: b } = e, { rtl: y = !1 } = e, F;
+  function L() {
+    t.dispatch("change"), _ || t.dispatch("input");
+  }
+  async function c(p) {
+    await la(), p.key === "Enter" && (p.preventDefault(), t.dispatch("submit"));
+  }
+  const z = (p) => {
+    l(0, s = s + p.detail);
+  };
+  function m() {
+    s = this.value, l(0, s);
+  }
+  function O(p) {
+    Ho[p ? "unshift" : "push"](() => {
+      F = p, l(13, F);
+    });
+  }
+  return o.$$set = (p) => {
+    "gradio" in p && l(1, t = p.gradio), "label" in p && l(2, a = p.label), "elem_id" in p && l(3, n = p.elem_id), "elem_classes" in p && l(4, r = p.elem_classes), "visible" in p && l(5, i = p.visible), "value" in p && l(0, s = p.value), "placeholder" in p && l(6, u = p.placeholder), "show_label" in p && l(7, f = p.show_label), "scale" in p && l(8, v = p.scale), "min_width" in p && l(9, h = p.min_width), "loading_status" in p && l(10, d = p.loading_status), "value_is_output" in p && l(16, _ = p.value_is_output), "interactive" in p && l(11, b = p.interactive), "rtl" in p && l(12, y = p.rtl);
+  }, o.$$.update = () => {
+    o.$$.dirty & /*value*/
+    1 && s === null && l(0, s = ""), o.$$.dirty & /*value*/
+    1 && l(0, s = s.replace("o", "ѳ")), o.$$.dirty & /*value*/
+    1 && L();
+  }, [
+    s,
+    t,
+    a,
+    n,
+    r,
+    i,
+    u,
+    f,
+    v,
+    h,
+    d,
+    b,
+    y,
+    F,
+    c,
+    z,
+    _,
+    m,
+    O
+  ];
+}
+class ia extends Go {
+  constructor(e) {
+    super(), Ro(this, e, ra, aa, Qo, {
+      gradio: 1,
+      label: 2,
+      elem_id: 3,
+      elem_classes: 4,
+      visible: 5,
+      value: 0,
+      placeholder: 6,
+      show_label: 7,
+      scale: 8,
+      min_width: 9,
+      loading_status: 10,
+      value_is_output: 16,
+      interactive: 11,
+      rtl: 12
+    });
+  }
+  get gradio() {
+    return this.$$.ctx[1];
+  }
+  set gradio(e) {
+    this.$$set({ gradio: e }), V();
+  }
+  get label() {
+    return this.$$.ctx[2];
+  }
+  set label(e) {
+    this.$$set({ label: e }), V();
+  }
+  get elem_id() {
+    return this.$$.ctx[3];
+  }
+  set elem_id(e) {
+    this.$$set({ elem_id: e }), V();
+  }
+  get elem_classes() {
+    return this.$$.ctx[4];
+  }
+  set elem_classes(e) {
+    this.$$set({ elem_classes: e }), V();
+  }
+  get visible() {
+    return this.$$.ctx[5];
+  }
+  set visible(e) {
+    this.$$set({ visible: e }), V();
+  }
+  get value() {
+    return this.$$.ctx[0];
+  }
+  set value(e) {
+    this.$$set({ value: e }), V();
+  }
+  get placeholder() {
+    return this.$$.ctx[6];
+  }
+  set placeholder(e) {
+    this.$$set({ placeholder: e }), V();
+  }
+  get show_label() {
+    return this.$$.ctx[7];
+  }
+  set show_label(e) {
+    this.$$set({ show_label: e }), V();
+  }
+  get scale() {
+    return this.$$.ctx[8];
+  }
+  set scale(e) {
+    this.$$set({ scale: e }), V();
+  }
+  get min_width() {
+    return this.$$.ctx[9];
+  }
+  set min_width(e) {
+    this.$$set({ min_width: e }), V();
+  }
+  get loading_status() {
+    return this.$$.ctx[10];
+  }
+  set loading_status(e) {
+    this.$$set({ loading_status: e }), V();
+  }
+  get value_is_output() {
+    return this.$$.ctx[16];
+  }
+  set value_is_output(e) {
+    this.$$set({ value_is_output: e }), V();
+  }
+  get interactive() {
+    return this.$$.ctx[11];
+  }
+  set interactive(e) {
+    this.$$set({ interactive: e }), V();
+  }
+  get rtl() {
+    return this.$$.ctx[12];
+  }
+  set rtl(e) {
+    this.$$set({ rtl: e }), V();
+  }
+}
+export {
+  ia as default
+};

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

@@ -0,0 +1 @@
+.block.svelte-1t38q2d{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-1t38q2d{border-color:var(--color-accent)}.padded.svelte-1t38q2d{padding:var(--block-padding)}.hidden.svelte-1t38q2d{display:none}.hide-container.svelte-1t38q2d{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-xtz2g8{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}.padded.svelte-xtz2g8{padding:2px;background:var(--background-fill-primary);box-shadow:var(--shadow-drop);border:1px solid var(--button-secondary-border-color)}button.svelte-xtz2g8:hover{cursor:pointer;color:var(--color-accent)}.padded.svelte-xtz2g8:hover{border:2px solid var(--button-secondary-border-color-hover);padding:1px;color:var(--block-label-text-color)}span.svelte-xtz2g8{padding:0 1px;font-size:10px}div.svelte-xtz2g8{padding:2px;display:flex;align-items:flex-end}.small.svelte-xtz2g8{width:14px;height:14px}.large.svelte-xtz2g8{width:22px;height:22px}.pending.svelte-xtz2g8{animation:svelte-xtz2g8-flash .5s infinite}@keyframes svelte-xtz2g8-flash{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.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-1nba87b{border-top:1px solid transparent;display:flex;max-height:100%;justify-content:center;gap:var(--spacing-sm);height:auto;align-items:flex-end;box-shadow:var(--shadow-drop);padding:var(--spacing-xl) 0;color:var(--block-label-text-color);flex-shrink:0;width:95%}.show_border.svelte-1nba87b{border-top:1px solid var(--block-border-color);margin-top:var(--spacing-xxl)}.source-selection.svelte-lde7lt{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;align-self:flex-end}.icon.svelte-lde7lt{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-lde7lt{color:var(--color-accent)}.icon.svelte-lde7lt:hover,.icon.svelte-lde7lt: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-14miwb5.svelte-14miwb5{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:var(--layer-5);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;pointer-events:none}.wrap.center.svelte-14miwb5.svelte-14miwb5{top:0;right:0;left:0}.wrap.default.svelte-14miwb5.svelte-14miwb5{top:0;right:0;bottom:0;left:0}.hide.svelte-14miwb5.svelte-14miwb5{opacity:0;pointer-events:none}.generating.svelte-14miwb5.svelte-14miwb5{animation:svelte-14miwb5-pulse 2s cubic-bezier(.4,0,.6,1) infinite;border:2px solid var(--color-accent);background:transparent}.translucent.svelte-14miwb5.svelte-14miwb5{background:none}@keyframes svelte-14miwb5-pulse{0%,to{opacity:1}50%{opacity:.5}}.loading.svelte-14miwb5.svelte-14miwb5{z-index:var(--layer-2);color:var(--body-text-color)}.eta-bar.svelte-14miwb5.svelte-14miwb5{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-14miwb5.svelte-14miwb5{border:1px solid var(--border-color-primary);background:var(--background-fill-primary);width:55.5%;height:var(--size-4)}.progress-bar.svelte-14miwb5.svelte-14miwb5{transform-origin:left;background-color:var(--loader-color);width:var(--size-full);height:var(--size-full)}.progress-level.svelte-14miwb5.svelte-14miwb5{display:flex;flex-direction:column;align-items:center;gap:1;z-index:var(--layer-2);width:var(--size-full)}.progress-level-inner.svelte-14miwb5.svelte-14miwb5{margin:var(--size-2) auto;color:var(--body-text-color);font-size:var(--text-sm);font-family:var(--font-mono)}.meta-text.svelte-14miwb5.svelte-14miwb5{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-14miwb5.svelte-14miwb5{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-14miwb5.svelte-14miwb5{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-14miwb5 .progress-text.svelte-14miwb5{background:var(--block-background-fill)}.border.svelte-14miwb5.svelte-14miwb5{border:1px solid var(--border-color-primary)}.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))}}.row.svelte-1bx3au8{display:flex;justify-content:center;touch-action:manipulation}button.svelte-1bx3au8{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;text-align:center;vertical-align:baseline;cursor:pointer;line-height:1;transform-origin:50% 50%;-webkit-user-select:none;user-select:none;background:var(--background, #eee);color:var(--color, #111);border:var(--border, none);border-radius:var(--border-radius, 2px);box-shadow:var(--box-shadow, none);flex:var(--flex, 1);font-family:var(--font-family, sans-serif);font-size:var(--font-size, 20px);font-weight:var(--font-weight, normal);height:var(--height, 3.5rem);margin:var(--margin, .125rem);opacity:var(--opacity, 1);text-transform:var(--text-transform, none);-webkit-tap-highlight-color:transparent}button.single.svelte-1bx3au8{min-width:var(--min-width, 2rem)}button.active.svelte-1bx3au8,button.svelte-1bx3au8:active{background:var(--active-background, #ccc);border:var(--active-border, none);box-shadow:var(--active-box-shadow, none);color:var(--active-color, #111);opacity:var(--active-opacity, 1);transform:var(--active-transform, none)}button.key--Space.svelte-1bx3au8{width:var(--space-width, 20%);flex:var(--space-flex, 3)}button.key--Page0.svelte-1bx3au8,button.key--Page1.svelte-1bx3au8,button.key--Shift.svelte-1bx3au8,button.key--Backspace.svelte-1bx3au8,button.key--Enter.svelte-1bx3au8{flex:var(--special-flex, 1.5)}.page.svelte-1bx3au8{display:none}.page.visible.svelte-1bx3au8{display:block}.svelte-keyboard svg{stroke-width:var(--stroke-width, 2px);vertical-align:middle}label.svelte-2jrh70.svelte-2jrh70{display:block;width:100%}input.svelte-2jrh70.svelte-2jrh70{display:block;position:relative;outline:none!important;box-shadow:var(--input-shadow);background:var(--input-background-fill);padding:var(--input-padding);width:100%;color:var(--body-text-color);font-weight:var(--input-text-weight);font-size:var(--input-text-size);line-height:var(--line-sm);border:none}.container.svelte-2jrh70>input.svelte-2jrh70{border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-radius)}input.svelte-2jrh70.svelte-2jrh70:disabled{-webkit-text-fill-color:var(--body-text-color);-webkit-opacity:1;opacity:1}input.svelte-2jrh70.svelte-2jrh70:focus{box-shadow:var(--input-shadow-focus);border-color:var(--input-border-color-focus)}input.svelte-2jrh70.svelte-2jrh70::placeholder{color:var(--input-placeholder-color)}

src/backend/gradio_keyboardtextboxcomponent/templates/example/index.js

@@ -0,0 +1,112 @@
+const {
+  SvelteComponent: y,
+  add_iframe_resize_listener: b,
+  add_render_callback: v,
+  append: m,
+  attr: h,
+  binding_callbacks: p,
+  detach: w,
+  element: z,
+  init: k,
+  insert: E,
+  noop: f,
+  safe_not_equal: S,
+  set_data: q,
+  text: C,
+  toggle_class: _
+} = window.__gradio__svelte__internal, { onMount: M } = window.__gradio__svelte__internal;
+function P(t) {
+  let e, s, r;
+  return {
+    c() {
+      e = z("div"), s = C(
+        /*value*/
+        t[0]
+      ), h(e, "class", "svelte-84cxb8"), v(() => (
+        /*div_elementresize_handler*/
+        t[5].call(e)
+      )), _(
+        e,
+        "table",
+        /*type*/
+        t[1] === "table"
+      ), _(
+        e,
+        "gallery",
+        /*type*/
+        t[1] === "gallery"
+      ), _(
+        e,
+        "selected",
+        /*selected*/
+        t[2]
+      );
+    },
+    m(l, i) {
+      E(l, e, i), m(e, s), r = b(
+        e,
+        /*div_elementresize_handler*/
+        t[5].bind(e)
+      ), t[6](e);
+    },
+    p(l, [i]) {
+      i & /*value*/
+      1 && q(
+        s,
+        /*value*/
+        l[0]
+      ), i & /*type*/
+      2 && _(
+        e,
+        "table",
+        /*type*/
+        l[1] === "table"
+      ), i & /*type*/
+      2 && _(
+        e,
+        "gallery",
+        /*type*/
+        l[1] === "gallery"
+      ), i & /*selected*/
+      4 && _(
+        e,
+        "selected",
+        /*selected*/
+        l[2]
+      );
+    },
+    i: f,
+    o: f,
+    d(l) {
+      l && w(e), r(), t[6](null);
+    }
+  };
+}
+function W(t, e, s) {
+  let { value: r } = e, { type: l } = e, { selected: i = !1 } = e, c, a;
+  function u(n, d) {
+    !n || !d || (a.style.setProperty("--local-text-width", `${d < 150 ? d : 200}px`), s(4, a.style.whiteSpace = "unset", a));
+  }
+  M(() => {
+    u(a, c);
+  });
+  function o() {
+    c = this.clientWidth, s(3, c);
+  }
+  function g(n) {
+    p[n ? "unshift" : "push"](() => {
+      a = n, s(4, a);
+    });
+  }
+  return t.$$set = (n) => {
+    "value" in n && s(0, r = n.value), "type" in n && s(1, l = n.type), "selected" in n && s(2, i = n.selected);
+  }, [r, l, i, c, a, o, g];
+}
+class j extends y {
+  constructor(e) {
+    super(), k(this, e, W, P, S, { value: 0, type: 1, selected: 2 });
+  }
+}
+export {
+  j as default
+};

src/backend/gradio_keyboardtextboxcomponent/templates/example/style.css

@@ -0,0 +1 @@
+.gallery.svelte-84cxb8{padding:var(--size-1) var(--size-2)}div.svelte-84cxb8{overflow:hidden;min-width:var(--local-text-width);white-space:nowrap}

src/demo/app.py

@@ -0,0 +1,66 @@
+
+import gradio as gr
+from gradio_keyboardtextboxcomponent import KeyboardTextBoxComponent
+import json
+import requests
+
+API_URL_LIST = "https://jsonplaceholder.typicode.com/todos"
+
+# Una aplicación con un listado de traducciones pendientes
+# presionar sobre una 
+def translation_chat_fn(translation_index, modification):
+    # transform index to id
+    # submit to api
+    
+    response = requests.get(API_URL_LIST) # TODO: Post
+    response.json()
+    print(response.json())
+
+    api_response = True
+    return "Traducción corregida" if api_response else "Error del servicio"
+
+selected_translation_index = 0
+
+# translations_response = [
+#                 {"id": 0, "text_spa": "The quick brown fox jumps over the lazy dog", "text_gum": "El rápido zorro café salta sobre los perezosos perros"},
+#                 {"id": 1, "text_spa": "Build & share delightful machine learning apps", "text_gum": "Construye y comparte encantadoras aplicaciones de aprendizaje de máquina"},
+# ]
+translations_response = requests.get(API_URL_LIST).json() # TODO: Post
+translations = list(map(lambda x: [x["title"]], translations_response))
+
+# Interface Components
+with gr.Blocks() as demo:
+    translations_dataset_input = gr.Dataset(components=[gr.Textbox(visible=False)],# gr.Textbox(visible=False)],
+
+                label="Traducciones",
+                samples=translations,
+                type="index",
+                samples_per_page=10
+            )
+    gum_keyboard_textbox_input = KeyboardTextBoxComponent(#value=translations[selected_translation_index][0], 
+                label="Traducciones", 
+                #info="Elige las traducciones que desees revisar"
+            )
+
+    # Interactions
+    def assign_trasnlation_id(evt: gr.SelectData):
+        # selected_translation_index = evt.index
+        # print(evt)
+        return translations[evt.index][0]
+    translations_dataset_input.select(fn=assign_trasnlation_id, outputs=[gum_keyboard_textbox_input])
+
+# Interface
+    gr.Interface(
+        translation_chat_fn,
+        [
+            translations_dataset_input,
+            gum_keyboard_textbox_input, 
+        ],
+        "text",  
+        title="Tralengua",
+        description="Elige las traducciones del Namuy Wam (Namtrik/Guambiano) que deseas corregir del Español.",
+        theme=gr.themes.Default(primary_hue="blue")
+        #examples=[[example]],  # uncomment this line to view the "example version" of your component
+    )
+
+demo.launch()

src/demo/app_bk.py

@@ -0,0 +1,35 @@
+
+import gradio as gr
+from gradio_keyboardtextboxcomponent import KeyboardTextBoxComponent
+import boto3
+import json
+
+__TableName__ = "innovation-gradio-claude-example"
+Primary_Column_Name = "id"
+Primary_Key = "1"
+columns = ["message_gum", "message_spa"]
+
+client = boto3.client('dynamodb', region_name='us-east-1')
+DB = boto3.resource('dynamodb', region_name='us-east-1')
+table = DB.Table(__TableName__)
+
+# Get data
+def get_data():
+    response = table.get_item(
+                Key={
+                    Primary_Column_Name:Primary_Key
+                }
+            )
+    return json.loads(str(response["Item"]).replace("'", '"').encode('utf-8'))
+
+# print(get_data()["message_gum"])
+example = KeyboardTextBoxComponent().example_inputs()
+
+demo = gr.Interface(
+    lambda x:x,
+    KeyboardTextBoxComponent(value=get_data()["message_gum"]),  # interactive version of your component
+    KeyboardTextBoxComponent(),  # static version of your component
+    examples=[[example]],  # uncomment this line to view the "example version" of your component
+)
+
+demo.launch()

src/flagged/log.csv

@@ -0,0 +1,2 @@
+x,output,flag,username,timestamp
+ds,ds,,,2023-11-09 03:35:27.704054

src/frontend/Example.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+
+	let size: number;
+	let el: HTMLDivElement;
+
+	function set_styles(element: HTMLElement, el_width: number): void {
+		if (!element || !el_width) return;
+		el.style.setProperty(
+			"--local-text-width",
+			`${el_width < 150 ? el_width : 200}px`
+		);
+		el.style.whiteSpace = "unset";
+	}
+
+	onMount(() => {
+		set_styles(el, size);
+	});
+</script>
+
+<div
+	bind:clientWidth={size}
+	bind:this={el}
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+
+	div {
+		overflow: hidden;
+		min-width: var(--local-text-width);
+
+		white-space: nowrap;
+	}
+</style>

src/frontend/Index.svelte

@@ -0,0 +1,162 @@
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import type { Gradio } from "@gradio/utils";
+	import { BlockTitle } from "@gradio/atoms";
+	import { Block } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { LoadingStatus } from "@gradio/statustracker";
+	import { tick } from "svelte";
+
+	export let gradio: Gradio<{
+		change: never;
+		submit: never;
+		input: never;
+	}>;
+	export let label = "Textbox";
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let visible = true;
+	export let value = "";
+	export let placeholder = "";
+	export let show_label: boolean;
+	export let scale: number | null = null;
+	export let min_width: number | undefined = undefined;
+	export let loading_status: LoadingStatus | undefined = undefined;
+	export let value_is_output = false;
+	export let interactive: boolean;
+	export let rtl = false;
+
+	let el: HTMLTextAreaElement | HTMLInputElement;
+	const container = true;
+
+	function handle_change(): void {
+		gradio.dispatch("change");
+		if (!value_is_output) {
+			gradio.dispatch("input");
+		}
+	}
+
+	async function handle_keypress(e: KeyboardEvent): Promise<void> {
+		await tick();
+		if (e.key === "Enter") {
+			e.preventDefault();
+			gradio.dispatch("submit");
+		}
+	}
+
+	$: if (value === null) value = "";
+
+	$: value = value.replace('o', 'ѳ') //TODO: mayus
+
+	// When the value changes, dispatch the change event via handle_change()
+	// See the docs for an explanation: https://svelte.dev/docs/svelte-components#script-3-$-marks-a-statement-as-reactive
+	$: value, handle_change();
+
+	// Keyboard
+	import Keyboard from "svelte-keyboard";
+	import GumKeyboardLayout from './layouts/gum';
+
+	const onKeydown = (event) => {
+		// console.log(event.detail);
+		$: value = value+event.detail
+	}
+</script>
+
+<Block
+	{visible}
+	{elem_id}
+	{elem_classes}
+	{scale}
+	{min_width}
+	allow_overflow={false}
+	padding={true}
+>
+	{#if loading_status}
+		<StatusTracker
+			autoscroll={gradio.autoscroll}
+			i18n={gradio.i18n}
+			{...loading_status}
+		/>
+	{/if}
+
+	<label class:container>
+		<BlockTitle {show_label} info={undefined}>{label}</BlockTitle>
+		<!-- <BlockLabel>label</BlockLabel> -->
+		<input
+			data-testid="textbox"
+			type="text"
+			class="scroll-hide"
+			bind:value
+			bind:this={el}
+			{placeholder}
+			disabled={!interactive}
+			dir={rtl ? "rtl" : "ltr"}
+			on:keypress={handle_keypress}
+		/>
+		<Keyboard 
+			on:keydown="{onKeydown}" 
+			custom="{GumKeyboardLayout}" 
+			--height="3.5rem"
+			--background="#efefef"
+			--color="currentColor"
+			--border="none"
+			--border-radius="2px"
+			--box-shadow="none"
+			--flex="1"
+			--font-family="sans-serif"
+			--font-size="20px"
+			--font-weight="normal"
+			--margin="0.125rem"
+			--min-width="2rem"
+			--opacity="1"
+			--stroke-width="3px"
+			--text-transform="none"
+			--active-background="#cdcdcd"
+			--active-border="none"
+			--active-box-shadow="none"
+			--active-color="currentColor"
+			--active-opacity="1"
+			--active-transform="none"/>
+	</label>
+</Block>
+
+<style>
+	label {
+		display: block;
+		width: 100%;
+	}
+
+	input {
+		display: block;
+		position: relative;
+		outline: none !important;
+		box-shadow: var(--input-shadow);
+		background: var(--input-background-fill);
+		padding: var(--input-padding);
+		width: 100%;
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		border: none;
+	}
+	.container > input {
+		border: var(--input-border-width) solid var(--input-border-color);
+		border-radius: var(--input-radius);
+	}
+	input:disabled {
+		-webkit-text-fill-color: var(--body-text-color);
+		-webkit-opacity: 1;
+		opacity: 1;
+	}
+
+	input:focus {
+		box-shadow: var(--input-shadow-focus);
+		border-color: var(--input-border-color-focus);
+	}
+
+	input::placeholder {
+		color: var(--input-placeholder-color);
+	}
+</style>

src/frontend/layouts/gum.js

@@ -0,0 +1,260 @@
+export default [{
+	"row": 0,
+	"value": "q"
+}, {
+	"row": 0,
+	"value": "w"
+}, {
+	"row": 0,
+	"value": "e"
+}, {
+	"row": 0,
+	"value": "r"
+}, {
+	"row": 0,
+	"value": "t"
+}, {
+	"row": 0,
+	"value": "y"
+}, {
+	"row": 0,
+	"value": "u"
+},  {
+	"row": 0,
+	"value": "i"
+},  {
+	"row": 0,
+	"value": "ѳ"
+},  {
+	"row": 0,
+	"value": "p"
+}, {
+	"row": 1,
+	"value": "a"
+}, {
+	"row": 1,
+	"value": "s"
+}, {
+	"row": 1,
+	"value": "d"
+}, {
+	"row": 1,
+	"value": "f"
+}, {
+	"row": 1,
+	"value": "g"
+}, {
+	"row": 1,
+	"value": "h"
+}, {
+	"row": 1,
+	"value": "j"
+}, {
+	"row": 1,
+	"value": "k"
+}, {
+	"row": 1,
+	"value": "l"
+}, {
+	"row": 2,
+	"value": "Shift",
+}, {
+	"row": 2,
+	"value": "z"
+}, {
+	"row": 2,
+	"value": "x"
+}, {
+	"row": 2,
+	"value": "c"
+}, {
+	"row": 2,
+	"value": "v"
+}, {
+	"row": 2,
+	"value": "b"
+}, {
+	"row": 2,
+	"value": "n"
+}, {
+	"row": 2,
+	"value": "m"
+}, {
+	"row": 2,
+	"value": "Backspace"
+}, {
+	"row": 3,
+	"value": "Page1",
+},  {
+	"row": 3,
+	"value": ",",
+},  {
+	"row": 3,
+	"value": "Space",
+},  {
+	"row": 3,
+	"value": ".",
+},  {
+	"row": 3,
+	"value": "Enter",
+}, {
+	"row": 0,
+	"value": "1",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "2",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "3",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "4",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "5",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "6",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "7",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "8",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "9",
+	"page": 1
+}, {
+	"row": 0,
+	"value": "0",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "!",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "@",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "#",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "$",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "%",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "^",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "&",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "*",
+	"page": 1
+}, {
+	"row": 1,
+	"value": "(",
+	"page": 1
+}, {
+	"row": 1,
+	"value": ")",
+	"page": 1
+}, {
+	"row": 2,
+	"value": "-",
+	"page": 1
+}, {
+	"row": 2,
+	"value": "_",
+	"page": 1
+}, {
+	"row": 2,
+	"value": "=",
+	"page": 1
+}, {
+	"row": 2,
+	"value": "+",
+	"page": 1
+}, {
+	"row": 2,
+	"value": ";",
+	"page": 1
+}, {
+	"row": 2,
+	"value": ":",
+	"page": 1
+}, {
+	"row": 2,
+	"value": "'",
+	"page": 1
+}, {
+	"row": 2,
+	"value": "\"",
+	"page": 1
+}, {
+	"row": 2,
+	"value": "<",
+	"page": 1
+}, {
+	"row": 2,
+	"value": ">",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "Page0",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "/",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "?",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "[",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "]",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "{",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "}",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "|",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "\\",
+	"page": 1
+}, {
+	"row": 3,
+	"value": "~",
+	"page": 1
+}];

src/frontend/package-lock.json

@@ -0,0 +1,1571 @@
+{
+  "name": "gradio_keyboardtextboxcomponent",
+  "version": "0.1.1",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "gradio_keyboardtextboxcomponent",
+      "version": "0.1.1",
+      "license": "ISC",
+      "dependencies": {
+        "@gradio/atoms": "0.2.1",
+        "@gradio/icons": "0.2.0",
+        "@gradio/statustracker": "0.3.1",
+        "@gradio/utils": "0.2.0",
+        "svelte-keyboard": "^0.5.5"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz",
+      "integrity": "sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz",
+      "integrity": "sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz",
+      "integrity": "sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz",
+      "integrity": "sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz",
+      "integrity": "sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz",
+      "integrity": "sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz",
+      "integrity": "sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz",
+      "integrity": "sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz",
+      "integrity": "sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz",
+      "integrity": "sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz",
+      "integrity": "sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==",
+      "cpu": [
+        "loong64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz",
+      "integrity": "sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz",
+      "integrity": "sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==",
+      "cpu": [
+        "ppc64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz",
+      "integrity": "sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==",
+      "cpu": [
+        "riscv64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz",
+      "integrity": "sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==",
+      "cpu": [
+        "s390x"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz",
+      "integrity": "sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz",
+      "integrity": "sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz",
+      "integrity": "sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz",
+      "integrity": "sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz",
+      "integrity": "sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz",
+      "integrity": "sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz",
+      "integrity": "sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "1.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.11.4.tgz",
+      "integrity": "sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "0.2.25",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-1.2.1.tgz",
+      "integrity": "sha512-Rg0e76nomkz3vF9IPlKeV+Qynok0r7YZjL6syLz4/urSg0IbjPZCB/iYUMNsYA643gh4mgrX3T7KEIFIxJBQeg==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.1.0.tgz",
+      "integrity": "sha512-Qxv/lmCN6hKpBSss2uQ8IROVnta2r9jd3ymUEIjm2UyIkUCHVcbUVRGL/KS/wv7876edvsPe+hjHVJ4z8YuVaw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/icu-skeleton-parser": "1.3.6",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.3.6.tgz",
+      "integrity": "sha512-I96mOxvml/YLrwU2Txnd4klA7V8fRhb6JG/4hm3VMNmeJo1F03IpV2L3wWt7EweqNLES59SZ4d6hVOPCSf80Bg==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.2.25",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.2.25.tgz",
+      "integrity": "sha512-YmLcX70BxoSopLFdLr1Ds99NdlTI2oWoLbaUW2M406lxOIPzE1KQhRz2fPUkq34xVZQaihCoU29h0KK7An3bhA==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@gradio/atoms": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@gradio/atoms/-/atoms-0.2.1.tgz",
+      "integrity": "sha512-di3kKSbjxKGngvTAaqUaA6whOVs5BFlQULlWDPq1m37VRgUD7Oq2MkIE+T+YiNAhByN93pqA0hGrWwAUUuxy5Q==",
+      "dependencies": {
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@gradio/column": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@gradio/column/-/column-0.1.0.tgz",
+      "integrity": "sha512-P24nqqVnMXBaDA1f/zSN5HZRho4PxP8Dq+7VltPHlmxIEiZYik2AJ4J0LeuIha34FDO0guu/16evdrpvGIUAfw=="
+    },
+    "node_modules/@gradio/icons": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/icons/-/icons-0.2.0.tgz",
+      "integrity": "sha512-rfCSmOF+ALqBOjTWL1ICasyA8JuO0MPwFrtlVMyAWp7R14AN8YChC/gbz5fZ0kNBiGGEYOOfqpKxyvC95jGGlg=="
+    },
+    "node_modules/@gradio/statustracker": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@gradio/statustracker/-/statustracker-0.3.1.tgz",
+      "integrity": "sha512-ZpmXZSnbgoFU2J54SrNntwfo2OEuEoRV310Q0zGVTH1VL7loziR7GuYhfIbgS8qFlrWM0MhMoLGDX+k7LAig5w==",
+      "dependencies": {
+        "@gradio/atoms": "^0.2.1",
+        "@gradio/column": "^0.1.0",
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@gradio/theme": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/theme/-/theme-0.2.0.tgz",
+      "integrity": "sha512-33c68Nk7oRXLn08OxPfjcPm7S4tXGOUV1I1bVgzdM2YV5o1QBOS1GEnXPZPu/CEYPePLMB6bsDwffrLEyLGWVQ=="
+    },
+    "node_modules/@gradio/utils": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/utils/-/utils-0.2.0.tgz",
+      "integrity": "sha512-YkwzXufi6IxQrlMW+1sFo8Yn6F9NLL69ZoBsbo7QEhms0v5L7pmOTw+dfd7M3dwbRP2lgjrb52i1kAIN3n6aqQ==",
+      "dependencies": {
+        "@gradio/theme": "^0.2.0",
+        "svelte-i18n": "^3.6.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "peer": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "peer": true
+    },
+    "node_modules/acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "peer": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
+      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "peer": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/cli-color": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/cli-color/-/cli-color-2.0.3.tgz",
+      "integrity": "sha512-OkoZnxyC4ERN3zLzZaY9Emb7f/MhBOIpePv0Ycok0fJYT+Ouo00UBEIwsVsr0yoow++n5YWlSUgST9GKhNHiRQ==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.61",
+        "es6-iterator": "^2.0.3",
+        "memoizee": "^0.4.15",
+        "timers-ext": "^0.1.7"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/code-red": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
+      "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@types/estree": "^1.0.1",
+        "acorn": "^8.10.0",
+        "estree-walker": "^3.0.3",
+        "periscopic": "^3.1.0"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "peer": true,
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/d": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+      "dependencies": {
+        "es5-ext": "^0.10.50",
+        "type": "^1.0.1"
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/es5-ext": {
+      "version": "0.10.62",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
+      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "next-tick": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/es6-symbol": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "ext": "^1.1.2"
+      }
+    },
+    "node_modules/es6-weak-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz",
+      "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.46",
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz",
+      "integrity": "sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==",
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.19.5",
+        "@esbuild/android-arm64": "0.19.5",
+        "@esbuild/android-x64": "0.19.5",
+        "@esbuild/darwin-arm64": "0.19.5",
+        "@esbuild/darwin-x64": "0.19.5",
+        "@esbuild/freebsd-arm64": "0.19.5",
+        "@esbuild/freebsd-x64": "0.19.5",
+        "@esbuild/linux-arm": "0.19.5",
+        "@esbuild/linux-arm64": "0.19.5",
+        "@esbuild/linux-ia32": "0.19.5",
+        "@esbuild/linux-loong64": "0.19.5",
+        "@esbuild/linux-mips64el": "0.19.5",
+        "@esbuild/linux-ppc64": "0.19.5",
+        "@esbuild/linux-riscv64": "0.19.5",
+        "@esbuild/linux-s390x": "0.19.5",
+        "@esbuild/linux-x64": "0.19.5",
+        "@esbuild/netbsd-x64": "0.19.5",
+        "@esbuild/openbsd-x64": "0.19.5",
+        "@esbuild/sunos-x64": "0.19.5",
+        "@esbuild/win32-arm64": "0.19.5",
+        "@esbuild/win32-ia32": "0.19.5",
+        "@esbuild/win32-x64": "0.19.5"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
+    "node_modules/ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "dependencies": {
+        "type": "^2.7.2"
+      }
+    },
+    "node_modules/ext/node_modules/type": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+      "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
+    },
+    "node_modules/globalyzer": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q=="
+    },
+    "node_modules/globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
+    },
+    "node_modules/intl-messageformat": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-9.13.0.tgz",
+      "integrity": "sha512-7sGC7QnSQGa5LZP7bXLDhVDtQOeKGeBFGHF2Y8LVBwYZoQZCgWeKoPGTa5GMG8g/TzDgeXuYJQis7Ggiw2xTOw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/fast-memoize": "1.2.1",
+        "@formatjs/icu-messageformat-parser": "2.1.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/is-promise": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+      "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ=="
+    },
+    "node_modules/is-reference": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
+      "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/locate-character": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "peer": true
+    },
+    "node_modules/lru-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/lru-queue/-/lru-queue-0.1.0.tgz",
+      "integrity": "sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==",
+      "dependencies": {
+        "es5-ext": "~0.10.2"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.5",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+      "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "peer": true
+    },
+    "node_modules/memoizee": {
+      "version": "0.4.15",
+      "resolved": "https://registry.npmjs.org/memoizee/-/memoizee-0.4.15.tgz",
+      "integrity": "sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.53",
+        "es6-weak-map": "^2.0.3",
+        "event-emitter": "^0.3.5",
+        "is-promise": "^2.2.2",
+        "lru-queue": "^0.1.0",
+        "next-tick": "^1.1.0",
+        "timers-ext": "^0.1.7"
+      }
+    },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+    },
+    "node_modules/periscopic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^3.0.0",
+        "is-reference": "^3.0.0"
+      }
+    },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/svelte": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.2.tgz",
+      "integrity": "sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==",
+      "peer": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "acorn": "^8.9.0",
+        "aria-query": "^5.3.0",
+        "axobject-query": "^3.2.1",
+        "code-red": "^1.0.3",
+        "css-tree": "^2.3.1",
+        "estree-walker": "^3.0.3",
+        "is-reference": "^3.0.1",
+        "locate-character": "^3.0.0",
+        "magic-string": "^0.30.4",
+        "periscopic": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/svelte-i18n": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/svelte-i18n/-/svelte-i18n-3.7.4.tgz",
+      "integrity": "sha512-yGRCNo+eBT4cPuU7IVsYTYjxB7I2V8qgUZPlHnNctJj5IgbJgV78flsRzpjZ/8iUYZrS49oCt7uxlU3AZv/N5Q==",
+      "dependencies": {
+        "cli-color": "^2.0.3",
+        "deepmerge": "^4.2.2",
+        "esbuild": "^0.19.2",
+        "estree-walker": "^2",
+        "intl-messageformat": "^9.13.0",
+        "sade": "^1.8.1",
+        "tiny-glob": "^0.2.9"
+      },
+      "bin": {
+        "svelte-i18n": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "peerDependencies": {
+        "svelte": "^3 || ^4"
+      }
+    },
+    "node_modules/svelte-i18n/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "node_modules/svelte-keyboard": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/svelte-keyboard/-/svelte-keyboard-0.5.5.tgz",
+      "integrity": "sha512-yxtQBhz2wMy8qf60pW3VRI7Pwvv3X7+MHeaZZA0rq3fnFPDPOXZq6FF7GhF9NmL4dm4bWu/c8YfYnwsaNcpmRg=="
+    },
+    "node_modules/timers-ext": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.7.tgz",
+      "integrity": "sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==",
+      "dependencies": {
+        "es5-ext": "~0.10.46",
+        "next-tick": "1"
+      }
+    },
+    "node_modules/tiny-glob": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+      "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
+      "dependencies": {
+        "globalyzer": "0.1.0",
+        "globrex": "^0.1.2"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/type": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
+    }
+  },
+  "dependencies": {
+    "@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@esbuild/android-arm": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz",
+      "integrity": "sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==",
+      "optional": true
+    },
+    "@esbuild/android-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz",
+      "integrity": "sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==",
+      "optional": true
+    },
+    "@esbuild/android-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz",
+      "integrity": "sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==",
+      "optional": true
+    },
+    "@esbuild/darwin-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz",
+      "integrity": "sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==",
+      "optional": true
+    },
+    "@esbuild/darwin-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz",
+      "integrity": "sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==",
+      "optional": true
+    },
+    "@esbuild/freebsd-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz",
+      "integrity": "sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==",
+      "optional": true
+    },
+    "@esbuild/freebsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz",
+      "integrity": "sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==",
+      "optional": true
+    },
+    "@esbuild/linux-arm": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz",
+      "integrity": "sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==",
+      "optional": true
+    },
+    "@esbuild/linux-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz",
+      "integrity": "sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==",
+      "optional": true
+    },
+    "@esbuild/linux-ia32": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz",
+      "integrity": "sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==",
+      "optional": true
+    },
+    "@esbuild/linux-loong64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz",
+      "integrity": "sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==",
+      "optional": true
+    },
+    "@esbuild/linux-mips64el": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz",
+      "integrity": "sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==",
+      "optional": true
+    },
+    "@esbuild/linux-ppc64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz",
+      "integrity": "sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==",
+      "optional": true
+    },
+    "@esbuild/linux-riscv64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz",
+      "integrity": "sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==",
+      "optional": true
+    },
+    "@esbuild/linux-s390x": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz",
+      "integrity": "sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==",
+      "optional": true
+    },
+    "@esbuild/linux-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz",
+      "integrity": "sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==",
+      "optional": true
+    },
+    "@esbuild/netbsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz",
+      "integrity": "sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==",
+      "optional": true
+    },
+    "@esbuild/openbsd-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz",
+      "integrity": "sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==",
+      "optional": true
+    },
+    "@esbuild/sunos-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz",
+      "integrity": "sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==",
+      "optional": true
+    },
+    "@esbuild/win32-arm64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz",
+      "integrity": "sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==",
+      "optional": true
+    },
+    "@esbuild/win32-ia32": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz",
+      "integrity": "sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==",
+      "optional": true
+    },
+    "@esbuild/win32-x64": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz",
+      "integrity": "sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==",
+      "optional": true
+    },
+    "@formatjs/ecma402-abstract": {
+      "version": "1.11.4",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-1.11.4.tgz",
+      "integrity": "sha512-EBikYFp2JCdIfGEb5G9dyCkTGDmC57KSHhRQOC3aYxoPWVZvfWCDjZwkGYHN7Lis/fmuWl906bnNTJifDQ3sXw==",
+      "requires": {
+        "@formatjs/intl-localematcher": "0.2.25",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@formatjs/fast-memoize": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-1.2.1.tgz",
+      "integrity": "sha512-Rg0e76nomkz3vF9IPlKeV+Qynok0r7YZjL6syLz4/urSg0IbjPZCB/iYUMNsYA643gh4mgrX3T7KEIFIxJBQeg==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@formatjs/icu-messageformat-parser": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.1.0.tgz",
+      "integrity": "sha512-Qxv/lmCN6hKpBSss2uQ8IROVnta2r9jd3ymUEIjm2UyIkUCHVcbUVRGL/KS/wv7876edvsPe+hjHVJ4z8YuVaw==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/icu-skeleton-parser": "1.3.6",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@formatjs/icu-skeleton-parser": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.3.6.tgz",
+      "integrity": "sha512-I96mOxvml/YLrwU2Txnd4klA7V8fRhb6JG/4hm3VMNmeJo1F03IpV2L3wWt7EweqNLES59SZ4d6hVOPCSf80Bg==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@formatjs/intl-localematcher": {
+      "version": "0.2.25",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.2.25.tgz",
+      "integrity": "sha512-YmLcX70BxoSopLFdLr1Ds99NdlTI2oWoLbaUW2M406lxOIPzE1KQhRz2fPUkq34xVZQaihCoU29h0KK7An3bhA==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@gradio/atoms": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@gradio/atoms/-/atoms-0.2.1.tgz",
+      "integrity": "sha512-di3kKSbjxKGngvTAaqUaA6whOVs5BFlQULlWDPq1m37VRgUD7Oq2MkIE+T+YiNAhByN93pqA0hGrWwAUUuxy5Q==",
+      "requires": {
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "@gradio/column": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@gradio/column/-/column-0.1.0.tgz",
+      "integrity": "sha512-P24nqqVnMXBaDA1f/zSN5HZRho4PxP8Dq+7VltPHlmxIEiZYik2AJ4J0LeuIha34FDO0guu/16evdrpvGIUAfw=="
+    },
+    "@gradio/icons": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/icons/-/icons-0.2.0.tgz",
+      "integrity": "sha512-rfCSmOF+ALqBOjTWL1ICasyA8JuO0MPwFrtlVMyAWp7R14AN8YChC/gbz5fZ0kNBiGGEYOOfqpKxyvC95jGGlg=="
+    },
+    "@gradio/statustracker": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@gradio/statustracker/-/statustracker-0.3.1.tgz",
+      "integrity": "sha512-ZpmXZSnbgoFU2J54SrNntwfo2OEuEoRV310Q0zGVTH1VL7loziR7GuYhfIbgS8qFlrWM0MhMoLGDX+k7LAig5w==",
+      "requires": {
+        "@gradio/atoms": "^0.2.1",
+        "@gradio/column": "^0.1.0",
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "@gradio/theme": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/theme/-/theme-0.2.0.tgz",
+      "integrity": "sha512-33c68Nk7oRXLn08OxPfjcPm7S4tXGOUV1I1bVgzdM2YV5o1QBOS1GEnXPZPu/CEYPePLMB6bsDwffrLEyLGWVQ=="
+    },
+    "@gradio/utils": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@gradio/utils/-/utils-0.2.0.tgz",
+      "integrity": "sha512-YkwzXufi6IxQrlMW+1sFo8Yn6F9NLL69ZoBsbo7QEhms0v5L7pmOTw+dfd7M3dwbRP2lgjrb52i1kAIN3n6aqQ==",
+      "requires": {
+        "@gradio/theme": "^0.2.0",
+        "svelte-i18n": "^3.6.0"
+      }
+    },
+    "@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "peer": true
+    },
+    "@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "peer": true
+    },
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "peer": true
+    },
+    "@jridgewell/trace-mapping": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+      "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "@types/estree": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "peer": true
+    },
+    "acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "peer": true
+    },
+    "aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "peer": true,
+      "requires": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "axobject-query": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
+      "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "peer": true,
+      "requires": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "cli-color": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/cli-color/-/cli-color-2.0.3.tgz",
+      "integrity": "sha512-OkoZnxyC4ERN3zLzZaY9Emb7f/MhBOIpePv0Ycok0fJYT+Ouo00UBEIwsVsr0yoow++n5YWlSUgST9GKhNHiRQ==",
+      "requires": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.61",
+        "es6-iterator": "^2.0.3",
+        "memoizee": "^0.4.15",
+        "timers-ext": "^0.1.7"
+      }
+    },
+    "code-red": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
+      "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@types/estree": "^1.0.1",
+        "acorn": "^8.10.0",
+        "estree-walker": "^3.0.3",
+        "periscopic": "^3.1.0"
+      }
+    },
+    "css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "peer": true,
+      "requires": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      }
+    },
+    "d": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+      "requires": {
+        "es5-ext": "^0.10.50",
+        "type": "^1.0.1"
+      }
+    },
+    "deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="
+    },
+    "dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "peer": true
+    },
+    "es5-ext": {
+      "version": "0.10.62",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
+      "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+      "requires": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "next-tick": "^1.1.0"
+      }
+    },
+    "es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "es6-symbol": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+      "requires": {
+        "d": "^1.0.1",
+        "ext": "^1.1.2"
+      }
+    },
+    "es6-weak-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz",
+      "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "^0.10.46",
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "esbuild": {
+      "version": "0.19.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz",
+      "integrity": "sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==",
+      "requires": {
+        "@esbuild/android-arm": "0.19.5",
+        "@esbuild/android-arm64": "0.19.5",
+        "@esbuild/android-x64": "0.19.5",
+        "@esbuild/darwin-arm64": "0.19.5",
+        "@esbuild/darwin-x64": "0.19.5",
+        "@esbuild/freebsd-arm64": "0.19.5",
+        "@esbuild/freebsd-x64": "0.19.5",
+        "@esbuild/linux-arm": "0.19.5",
+        "@esbuild/linux-arm64": "0.19.5",
+        "@esbuild/linux-ia32": "0.19.5",
+        "@esbuild/linux-loong64": "0.19.5",
+        "@esbuild/linux-mips64el": "0.19.5",
+        "@esbuild/linux-ppc64": "0.19.5",
+        "@esbuild/linux-riscv64": "0.19.5",
+        "@esbuild/linux-s390x": "0.19.5",
+        "@esbuild/linux-x64": "0.19.5",
+        "@esbuild/netbsd-x64": "0.19.5",
+        "@esbuild/openbsd-x64": "0.19.5",
+        "@esbuild/sunos-x64": "0.19.5",
+        "@esbuild/win32-arm64": "0.19.5",
+        "@esbuild/win32-ia32": "0.19.5",
+        "@esbuild/win32-x64": "0.19.5"
+      }
+    },
+    "estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "peer": true,
+      "requires": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+      "requires": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
+    "ext": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz",
+      "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+      "requires": {
+        "type": "^2.7.2"
+      },
+      "dependencies": {
+        "type": {
+          "version": "2.7.2",
+          "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+          "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
+        }
+      }
+    },
+    "globalyzer": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q=="
+    },
+    "globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
+    },
+    "intl-messageformat": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-9.13.0.tgz",
+      "integrity": "sha512-7sGC7QnSQGa5LZP7bXLDhVDtQOeKGeBFGHF2Y8LVBwYZoQZCgWeKoPGTa5GMG8g/TzDgeXuYJQis7Ggiw2xTOw==",
+      "requires": {
+        "@formatjs/ecma402-abstract": "1.11.4",
+        "@formatjs/fast-memoize": "1.2.1",
+        "@formatjs/icu-messageformat-parser": "2.1.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "is-promise": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+      "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ=="
+    },
+    "is-reference": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
+      "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+      "peer": true,
+      "requires": {
+        "@types/estree": "*"
+      }
+    },
+    "locate-character": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "peer": true
+    },
+    "lru-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/lru-queue/-/lru-queue-0.1.0.tgz",
+      "integrity": "sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==",
+      "requires": {
+        "es5-ext": "~0.10.2"
+      }
+    },
+    "magic-string": {
+      "version": "0.30.5",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
+      "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+      "peer": true,
+      "requires": {
+        "@jridgewell/sourcemap-codec": "^1.4.15"
+      }
+    },
+    "mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "peer": true
+    },
+    "memoizee": {
+      "version": "0.4.15",
+      "resolved": "https://registry.npmjs.org/memoizee/-/memoizee-0.4.15.tgz",
+      "integrity": "sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==",
+      "requires": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.53",
+        "es6-weak-map": "^2.0.3",
+        "event-emitter": "^0.3.5",
+        "is-promise": "^2.2.2",
+        "lru-queue": "^0.1.0",
+        "next-tick": "^1.1.0",
+        "timers-ext": "^0.1.7"
+      }
+    },
+    "mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="
+    },
+    "next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+    },
+    "periscopic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+      "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+      "peer": true,
+      "requires": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^3.0.0",
+        "is-reference": "^3.0.0"
+      }
+    },
+    "sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "requires": {
+        "mri": "^1.1.0"
+      }
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "peer": true
+    },
+    "svelte": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.2.tgz",
+      "integrity": "sha512-My2tytF2e2NnHSpn2M7/3VdXT4JdTglYVUuSuK/mXL2XtulPYbeBfl8Dm1QiaKRn0zoULRnL+EtfZHHP0k4H3A==",
+      "peer": true,
+      "requires": {
+        "@ampproject/remapping": "^2.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "acorn": "^8.9.0",
+        "aria-query": "^5.3.0",
+        "axobject-query": "^3.2.1",
+        "code-red": "^1.0.3",
+        "css-tree": "^2.3.1",
+        "estree-walker": "^3.0.3",
+        "is-reference": "^3.0.1",
+        "locate-character": "^3.0.0",
+        "magic-string": "^0.30.4",
+        "periscopic": "^3.1.0"
+      }
+    },
+    "svelte-i18n": {
+      "version": "3.7.4",
+      "resolved": "https://registry.npmjs.org/svelte-i18n/-/svelte-i18n-3.7.4.tgz",
+      "integrity": "sha512-yGRCNo+eBT4cPuU7IVsYTYjxB7I2V8qgUZPlHnNctJj5IgbJgV78flsRzpjZ/8iUYZrS49oCt7uxlU3AZv/N5Q==",
+      "requires": {
+        "cli-color": "^2.0.3",
+        "deepmerge": "^4.2.2",
+        "esbuild": "^0.19.2",
+        "estree-walker": "^2",
+        "intl-messageformat": "^9.13.0",
+        "sade": "^1.8.1",
+        "tiny-glob": "^0.2.9"
+      },
+      "dependencies": {
+        "estree-walker": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+          "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+        }
+      }
+    },
+    "svelte-keyboard": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/svelte-keyboard/-/svelte-keyboard-0.5.5.tgz",
+      "integrity": "sha512-yxtQBhz2wMy8qf60pW3VRI7Pwvv3X7+MHeaZZA0rq3fnFPDPOXZq6FF7GhF9NmL4dm4bWu/c8YfYnwsaNcpmRg=="
+    },
+    "timers-ext": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.7.tgz",
+      "integrity": "sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==",
+      "requires": {
+        "es5-ext": "~0.10.46",
+        "next-tick": "1"
+      }
+    },
+    "tiny-glob": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+      "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
+      "requires": {
+        "globalyzer": "0.1.0",
+        "globrex": "^0.1.2"
+      }
+    },
+    "tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "type": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
+    }
+  }
+}

src/frontend/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "gradio_keyboardtextboxcomponent",
+  "version": "0.1.1",
+  "description": "Gradio UI packages",
+  "type": "module",
+  "author": "",
+  "license": "ISC",
+  "private": false,
+  "main_changeset": true,
+  "exports": {
+    ".": "./Index.svelte",
+    "./example": "./Example.svelte",
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@gradio/atoms": "0.2.1",
+    "@gradio/icons": "0.2.0",
+    "@gradio/statustracker": "0.3.1",
+    "@gradio/utils": "0.2.0",
+    "svelte-keyboard": "^0.5.5"
+  }
+}

src/pyproject.toml

@@ -0,0 +1,49 @@
+[build-system]
+requires = [
+  "hatchling",
+  "hatch-requirements-txt",
+  "hatch-fancy-pypi-readme>=22.5.0",
+]
+build-backend = "hatchling.build"
+
+[project]
+name = "gradio_keyboardtextboxcomponent"
+version = "0.0.1"
+description = "Python library for easily interacting with trained machine learning models"
+readme = "README.md"
+license = "Apache-2.0"
+requires-python = ">=3.8"
+authors = [{ name = "YOUR NAME", email = "YOUREMAIL@domain.com" }]
+keywords = [
+  "machine learning",
+  "reproducibility",
+  "visualization",
+  "gradio",
+  "gradio custom component",
+  "gradio-template-SimpleTextbox"
+]
+# Add dependencies here
+dependencies = ["gradio>=4.0,<5.0"]
+classifiers = [
+  'Development Status :: 3 - Alpha',
+  'License :: OSI Approved :: Apache Software License',
+  'Operating System :: OS Independent',
+  'Programming Language :: Python :: 3',
+  'Programming Language :: Python :: 3 :: Only',
+  'Programming Language :: Python :: 3.8',
+  'Programming Language :: Python :: 3.9',
+  'Programming Language :: Python :: 3.10',
+  'Programming Language :: Python :: 3.11',
+  'Topic :: Scientific/Engineering',
+  'Topic :: Scientific/Engineering :: Artificial Intelligence',
+  'Topic :: Scientific/Engineering :: Visualization',
+]
+
+[project.optional-dependencies]
+dev = ["build", "twine"]
+
+[tool.hatch.build]
+artifacts = ["/backend/gradio_keyboardtextboxcomponent/templates", "*.pyi", "backend/gradio_keyboardtextboxcomponent/templates", "\\backend\\gradio_keyboardtextboxcomponent\\templates", "\\backend\\gradio_keyboardtextboxcomponent\\templates", "\\backend\\gradio_keyboardtextboxcomponent\\templates", "\\backend\\gradio_keyboardtextboxcomponent\\templates", "\\backend\\gradio_keyboardtextboxcomponent\\templates", "\\backend\\gradio_keyboardtextboxcomponent\\templates", "\\backend\\gradio_keyboardtextboxcomponent\\templates", "\\backend\\gradio_keyboardtextboxcomponent\\templates"]
+
+[tool.hatch.build.targets.wheel]
+packages = ["/backend/gradio_keyboardtextboxcomponent"]

src/requirements.txt

@@ -0,0 +1,2 @@
+requests
+gradio