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 Foliumtest
-emoji: 🐠
-colorFrom: pink
-colorTo: pink
+tags: [gradio-custom-component, gradio-template-Fallback]
+title: gradio_foliumtest V0.0.1
+colorFrom: green
+colorTo: yellow
 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,30 @@
+
+import gradio as gr
+from gradio_foliumtest import FoliumTest
+from typing import Literal
+from folium import Map
+import random
+
+
+LAT_LONG_MAP = {
+    "New York City": (40.7128, -74.0060),
+    "London": (51.5074, -0.1278),
+    "San Francisco": (37.7749, -122.4194),
+    "Tokyo": (35.6762, 139.6503),
+    "Miami": (25.7617, -80.1918),
+}
+
+def get_city(city: Literal["New York City", "London", "San Francisco", "Tokyo", "Miami"]):
+    city = city or "Miami"
+    return Map(location=LAT_LONG_MAP[city], zoom_start=12)
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            city = gr.Radio(choices=["New York City", "London", "San Francisco", "Tokyo", "Miami"],
+                            label="City")
+        with gr.Column():
+            map_ = FoliumTest(label="Folium Map")
+        city.select(get_city, city, map_)
+
+demo.launch()

requirements.txt

@@ -0,0 +1 @@
+gradio_foliumtest-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,37 @@
+
+# gradio_foliumtest
+
+Create a map with folium and display it on the web with Gradio! 
+
+## Example usage
+
+```python
+import gradio as gr
+from gradio_foliumtest import FoliumTest
+from typing import Literal
+from folium import Map
+
+
+LAT_LONG_MAP = {
+    "New York City": (40.7128, -74.0060),
+    "London": (51.5074, -0.1278),
+    "San Francisco": (37.7749, -122.4194),
+    "Tokyo": (35.6762, 139.6503),
+    "Miami": (25.7617, -80.1918),
+}
+
+def get_city(city: Literal["New York City", "London", "San Francisco", "Tokyo", "Miami"]):
+    city = city or "Miami"
+    return Map(location=LAT_LONG_MAP[city], zoom_start=12)
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            city = gr.Radio(choices=["New York City", "London", "San Francisco", "Tokyo", "Miami"],
+                            label="City")
+        with gr.Column():
+            map_ = FoliumTest(label="Foo")
+        city.change(get_city, city, map_)
+
+demo.launch()
+```

src/backend/gradio_foliumtest/__init__.py

@@ -0,0 +1,4 @@
+
+from .foliumtest import FoliumTest
+
+__all__ = ['FoliumTest']

src/backend/gradio_foliumtest/foliumtest.py

@@ -0,0 +1,30 @@
+from gradio.components.base import Component
+from gradio.data_classes import FileData
+from tempfile import NamedTemporaryFile
+from folium import Map
+
+
+class FoliumTest(Component):
+
+    EVENTS = ["change"]
+
+    data_model = FileData
+
+    def __init__(self, value: Map = None, *, height: int = 500, label: str = None):
+        super().__init__(value, label=label)
+        self.height = height
+
+    def preprocess(self, x):
+        return x
+
+    def postprocess(self, x: Map):
+        if not x:
+            return None
+
+        with NamedTemporaryFile(suffix=".html", delete=False) as tmp:
+            x.save(tmp.name)
+            return FileData(path=tmp.name, orig_name="map.html")
+
+    def example_inputs(self):
+        return {"info": "Do not use as input"}
+

src/backend/gradio_foliumtest/foliumtest.pyi

@@ -0,0 +1,64 @@
+from gradio.components.base import Component
+
+from gradio.events import Dependency
+
+class FoliumTest(Component):
+
+    EVENTS = ["change"]
+
+    data_model = FileData
+
+    def __init__(self, value: Map = None, *, height: int = 500, label: str = None):
+        super().__init__(value, label=label)
+        self.height = height
+
+    def preprocess(self, x):
+        return x
+
+    def postprocess(self, x: Map):
+        if not x:
+            return None
+
+        with NamedTemporaryFile(suffix=".html", delete=False) as tmp:
+            x.save(tmp.name)
+            return FileData(path=tmp.name, orig_name="map.html")
+
+    def example_inputs(self):
+        return {"info": "Do not use as input"}
+
+    
+    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.
+        """
+        ...

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

@@ -0,0 +1,2377 @@
+const {
+  SvelteComponent: pt,
+  assign: kt,
+  create_slot: yt,
+  detach: vt,
+  element: Ct,
+  get_all_dirty_from_scope: qt,
+  get_slot_changes: Ft,
+  get_spread_update: Lt,
+  init: Mt,
+  insert: St,
+  safe_not_equal: zt,
+  set_dynamic_element_data: ze,
+  set_style: S,
+  toggle_class: E,
+  transition_in: st,
+  transition_out: ot,
+  update_slot_base: Vt
+} = window.__gradio__svelte__internal;
+function Nt(n) {
+  let e, t, l;
+  const i = (
+    /*#slots*/
+    n[17].default
+  ), f = yt(
+    i,
+    n,
+    /*$$scope*/
+    n[16],
+    null
+  );
+  let s = [
+    { "data-testid": (
+      /*test_id*/
+      n[7]
+    ) },
+    { id: (
+      /*elem_id*/
+      n[2]
+    ) },
+    {
+      class: t = "block " + /*elem_classes*/
+      n[3].join(" ") + " svelte-1t38q2d"
+    }
+  ], o = {};
+  for (let r = 0; r < s.length; r += 1)
+    o = kt(o, s[r]);
+  return {
+    c() {
+      e = Ct(
+        /*tag*/
+        n[14]
+      ), f && f.c(), ze(
+        /*tag*/
+        n[14]
+      )(e, o), E(
+        e,
+        "hidden",
+        /*visible*/
+        n[10] === !1
+      ), E(
+        e,
+        "padded",
+        /*padding*/
+        n[6]
+      ), E(
+        e,
+        "border_focus",
+        /*border_mode*/
+        n[5] === "focus"
+      ), E(e, "hide-container", !/*explicit_call*/
+      n[8] && !/*container*/
+      n[9]), S(e, "height", typeof /*height*/
+      n[0] == "number" ? (
+        /*height*/
+        n[0] + "px"
+      ) : void 0), S(e, "width", typeof /*width*/
+      n[1] == "number" ? `calc(min(${/*width*/
+      n[1]}px, 100%))` : void 0), S(
+        e,
+        "border-style",
+        /*variant*/
+        n[4]
+      ), S(
+        e,
+        "overflow",
+        /*allow_overflow*/
+        n[11] ? "visible" : "hidden"
+      ), S(
+        e,
+        "flex-grow",
+        /*scale*/
+        n[12]
+      ), S(e, "min-width", `calc(min(${/*min_width*/
+      n[13]}px, 100%))`), S(e, "border-width", "var(--block-border-width)");
+    },
+    m(r, a) {
+      St(r, e, a), f && f.m(e, null), l = !0;
+    },
+    p(r, a) {
+      f && f.p && (!l || a & /*$$scope*/
+      65536) && Vt(
+        f,
+        i,
+        r,
+        /*$$scope*/
+        r[16],
+        l ? Ft(
+          i,
+          /*$$scope*/
+          r[16],
+          a,
+          null
+        ) : qt(
+          /*$$scope*/
+          r[16]
+        ),
+        null
+      ), ze(
+        /*tag*/
+        r[14]
+      )(e, o = Lt(s, [
+        (!l || a & /*test_id*/
+        128) && { "data-testid": (
+          /*test_id*/
+          r[7]
+        ) },
+        (!l || a & /*elem_id*/
+        4) && { id: (
+          /*elem_id*/
+          r[2]
+        ) },
+        (!l || a & /*elem_classes*/
+        8 && t !== (t = "block " + /*elem_classes*/
+        r[3].join(" ") + " svelte-1t38q2d")) && { class: t }
+      ])), E(
+        e,
+        "hidden",
+        /*visible*/
+        r[10] === !1
+      ), E(
+        e,
+        "padded",
+        /*padding*/
+        r[6]
+      ), E(
+        e,
+        "border_focus",
+        /*border_mode*/
+        r[5] === "focus"
+      ), E(e, "hide-container", !/*explicit_call*/
+      r[8] && !/*container*/
+      r[9]), a & /*height*/
+      1 && S(e, "height", typeof /*height*/
+      r[0] == "number" ? (
+        /*height*/
+        r[0] + "px"
+      ) : void 0), a & /*width*/
+      2 && S(e, "width", typeof /*width*/
+      r[1] == "number" ? `calc(min(${/*width*/
+      r[1]}px, 100%))` : void 0), a & /*variant*/
+      16 && S(
+        e,
+        "border-style",
+        /*variant*/
+        r[4]
+      ), a & /*allow_overflow*/
+      2048 && S(
+        e,
+        "overflow",
+        /*allow_overflow*/
+        r[11] ? "visible" : "hidden"
+      ), a & /*scale*/
+      4096 && S(
+        e,
+        "flex-grow",
+        /*scale*/
+        r[12]
+      ), a & /*min_width*/
+      8192 && S(e, "min-width", `calc(min(${/*min_width*/
+      r[13]}px, 100%))`);
+    },
+    i(r) {
+      l || (st(f, r), l = !0);
+    },
+    o(r) {
+      ot(f, r), l = !1;
+    },
+    d(r) {
+      r && vt(e), f && f.d(r);
+    }
+  };
+}
+function At(n) {
+  let e, t = (
+    /*tag*/
+    n[14] && Nt(n)
+  );
+  return {
+    c() {
+      t && t.c();
+    },
+    m(l, i) {
+      t && t.m(l, i), e = !0;
+    },
+    p(l, [i]) {
+      /*tag*/
+      l[14] && t.p(l, i);
+    },
+    i(l) {
+      e || (st(t, l), e = !0);
+    },
+    o(l) {
+      ot(t, l), e = !1;
+    },
+    d(l) {
+      t && t.d(l);
+    }
+  };
+}
+function Bt(n, e, t) {
+  let { $$slots: l = {}, $$scope: i } = e, { height: f = void 0 } = e, { width: s = void 0 } = e, { elem_id: o = "" } = e, { elem_classes: r = [] } = e, { variant: a = "solid" } = e, { border_mode: _ = "base" } = e, { padding: u = !0 } = e, { type: c = "normal" } = e, { test_id: m = void 0 } = e, { explicit_call: h = !1 } = e, { container: L = !0 } = e, { visible: C = !0 } = e, { allow_overflow: M = !0 } = e, { scale: b = null } = e, { min_width: d = 0 } = e, q = c === "fieldset" ? "fieldset" : "div";
+  return n.$$set = (w) => {
+    "height" in w && t(0, f = w.height), "width" in w && t(1, s = w.width), "elem_id" in w && t(2, o = w.elem_id), "elem_classes" in w && t(3, r = w.elem_classes), "variant" in w && t(4, a = w.variant), "border_mode" in w && t(5, _ = w.border_mode), "padding" in w && t(6, u = w.padding), "type" in w && t(15, c = w.type), "test_id" in w && t(7, m = w.test_id), "explicit_call" in w && t(8, h = w.explicit_call), "container" in w && t(9, L = w.container), "visible" in w && t(10, C = w.visible), "allow_overflow" in w && t(11, M = w.allow_overflow), "scale" in w && t(12, b = w.scale), "min_width" in w && t(13, d = w.min_width), "$$scope" in w && t(16, i = w.$$scope);
+  }, [
+    f,
+    s,
+    o,
+    r,
+    a,
+    _,
+    u,
+    m,
+    h,
+    L,
+    C,
+    M,
+    b,
+    d,
+    q,
+    c,
+    i,
+    l
+  ];
+}
+class It extends pt {
+  constructor(e) {
+    super(), Mt(this, e, Bt, At, zt, {
+      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: Pt,
+  append: he,
+  attr: re,
+  create_component: Zt,
+  destroy_component: Tt,
+  detach: jt,
+  element: Ve,
+  init: Et,
+  insert: Dt,
+  mount_component: Rt,
+  safe_not_equal: Ht,
+  set_data: Ot,
+  space: Yt,
+  text: Jt,
+  toggle_class: D,
+  transition_in: Ut,
+  transition_out: Xt
+} = window.__gradio__svelte__internal;
+function Gt(n) {
+  let e, t, l, i, f, s;
+  return l = new /*Icon*/
+  n[1]({}), {
+    c() {
+      e = Ve("label"), t = Ve("span"), Zt(l.$$.fragment), i = Yt(), f = Jt(
+        /*label*/
+        n[0]
+      ), re(t, "class", "svelte-9gxdi0"), re(e, "for", ""), re(e, "data-testid", "block-label"), re(e, "class", "svelte-9gxdi0"), D(e, "hide", !/*show_label*/
+      n[2]), D(e, "sr-only", !/*show_label*/
+      n[2]), D(
+        e,
+        "float",
+        /*float*/
+        n[4]
+      ), D(
+        e,
+        "hide-label",
+        /*disable*/
+        n[3]
+      );
+    },
+    m(o, r) {
+      Dt(o, e, r), he(e, t), Rt(l, t, null), he(e, i), he(e, f), s = !0;
+    },
+    p(o, [r]) {
+      (!s || r & /*label*/
+      1) && Ot(
+        f,
+        /*label*/
+        o[0]
+      ), (!s || r & /*show_label*/
+      4) && D(e, "hide", !/*show_label*/
+      o[2]), (!s || r & /*show_label*/
+      4) && D(e, "sr-only", !/*show_label*/
+      o[2]), (!s || r & /*float*/
+      16) && D(
+        e,
+        "float",
+        /*float*/
+        o[4]
+      ), (!s || r & /*disable*/
+      8) && D(
+        e,
+        "hide-label",
+        /*disable*/
+        o[3]
+      );
+    },
+    i(o) {
+      s || (Ut(l.$$.fragment, o), s = !0);
+    },
+    o(o) {
+      Xt(l.$$.fragment, o), s = !1;
+    },
+    d(o) {
+      o && jt(e), Tt(l);
+    }
+  };
+}
+function Kt(n, e, t) {
+  let { label: l = null } = e, { Icon: i } = e, { show_label: f = !0 } = e, { disable: s = !1 } = e, { float: o = !0 } = e;
+  return n.$$set = (r) => {
+    "label" in r && t(0, l = r.label), "Icon" in r && t(1, i = r.Icon), "show_label" in r && t(2, f = r.show_label), "disable" in r && t(3, s = r.disable), "float" in r && t(4, o = r.float);
+  }, [l, i, f, s, o];
+}
+class Qt extends Pt {
+  constructor(e) {
+    super(), Et(this, e, Kt, Gt, Ht, {
+      label: 0,
+      Icon: 1,
+      show_label: 2,
+      disable: 3,
+      float: 4
+    });
+  }
+}
+const {
+  SvelteComponent: Wt,
+  append: xt,
+  attr: we,
+  binding_callbacks: $t,
+  create_slot: el,
+  detach: tl,
+  element: Ne,
+  get_all_dirty_from_scope: ll,
+  get_slot_changes: nl,
+  init: il,
+  insert: fl,
+  safe_not_equal: sl,
+  toggle_class: R,
+  transition_in: ol,
+  transition_out: rl,
+  update_slot_base: al
+} = window.__gradio__svelte__internal;
+function _l(n) {
+  let e, t, l;
+  const i = (
+    /*#slots*/
+    n[5].default
+  ), f = el(
+    i,
+    n,
+    /*$$scope*/
+    n[4],
+    null
+  );
+  return {
+    c() {
+      e = Ne("div"), t = Ne("div"), f && f.c(), we(t, "class", "icon svelte-3w3rth"), we(e, "class", "empty svelte-3w3rth"), we(e, "aria-label", "Empty value"), R(
+        e,
+        "small",
+        /*size*/
+        n[0] === "small"
+      ), R(
+        e,
+        "large",
+        /*size*/
+        n[0] === "large"
+      ), R(
+        e,
+        "unpadded_box",
+        /*unpadded_box*/
+        n[1]
+      ), R(
+        e,
+        "small_parent",
+        /*parent_height*/
+        n[3]
+      );
+    },
+    m(s, o) {
+      fl(s, e, o), xt(e, t), f && f.m(t, null), n[6](e), l = !0;
+    },
+    p(s, [o]) {
+      f && f.p && (!l || o & /*$$scope*/
+      16) && al(
+        f,
+        i,
+        s,
+        /*$$scope*/
+        s[4],
+        l ? nl(
+          i,
+          /*$$scope*/
+          s[4],
+          o,
+          null
+        ) : ll(
+          /*$$scope*/
+          s[4]
+        ),
+        null
+      ), (!l || o & /*size*/
+      1) && R(
+        e,
+        "small",
+        /*size*/
+        s[0] === "small"
+      ), (!l || o & /*size*/
+      1) && R(
+        e,
+        "large",
+        /*size*/
+        s[0] === "large"
+      ), (!l || o & /*unpadded_box*/
+      2) && R(
+        e,
+        "unpadded_box",
+        /*unpadded_box*/
+        s[1]
+      ), (!l || o & /*parent_height*/
+      8) && R(
+        e,
+        "small_parent",
+        /*parent_height*/
+        s[3]
+      );
+    },
+    i(s) {
+      l || (ol(f, s), l = !0);
+    },
+    o(s) {
+      rl(f, s), l = !1;
+    },
+    d(s) {
+      s && tl(e), f && f.d(s), n[6](null);
+    }
+  };
+}
+function cl(n) {
+  let e, t = n[0], l = 1;
+  for (; l < n.length; ) {
+    const i = n[l], f = n[l + 1];
+    if (l += 2, (i === "optionalAccess" || i === "optionalCall") && t == null)
+      return;
+    i === "access" || i === "optionalAccess" ? (e = t, t = f(t)) : (i === "call" || i === "optionalCall") && (t = f((...s) => t.call(e, ...s)), e = void 0);
+  }
+  return t;
+}
+function ul(n, e, t) {
+  let l, { $$slots: i = {}, $$scope: f } = e, { size: s = "small" } = e, { unpadded_box: o = !1 } = e, r;
+  function a(u) {
+    if (!u)
+      return !1;
+    const { height: c } = u.getBoundingClientRect(), { height: m } = cl([
+      u,
+      "access",
+      (h) => h.parentElement,
+      "optionalAccess",
+      (h) => h.getBoundingClientRect,
+      "call",
+      (h) => h()
+    ]) || { height: c };
+    return c > m + 2;
+  }
+  function _(u) {
+    $t[u ? "unshift" : "push"](() => {
+      r = u, t(2, r);
+    });
+  }
+  return n.$$set = (u) => {
+    "size" in u && t(0, s = u.size), "unpadded_box" in u && t(1, o = u.unpadded_box), "$$scope" in u && t(4, f = u.$$scope);
+  }, n.$$.update = () => {
+    n.$$.dirty & /*el*/
+    4 && t(3, l = a(r));
+  }, [s, o, r, l, f, i, _];
+}
+class dl extends Wt {
+  constructor(e) {
+    super(), il(this, e, ul, _l, sl, { size: 0, unpadded_box: 1 });
+  }
+}
+const {
+  SvelteComponent: ml,
+  append: G,
+  attr: v,
+  detach: bl,
+  init: gl,
+  insert: hl,
+  noop: pe,
+  safe_not_equal: wl,
+  svg_element: J
+} = window.__gradio__svelte__internal;
+function pl(n) {
+  let e, t, l, i, f, s, o;
+  return {
+    c() {
+      e = J("svg"), t = J("circle"), l = J("circle"), i = J("circle"), f = J("circle"), s = J("circle"), o = J("path"), v(t, "cx", "20"), v(t, "cy", "4"), v(t, "r", "2"), v(t, "fill", "currentColor"), v(l, "cx", "8"), v(l, "cy", "16"), v(l, "r", "2"), v(l, "fill", "currentColor"), v(i, "cx", "28"), v(i, "cy", "12"), v(i, "r", "2"), v(i, "fill", "currentColor"), v(f, "cx", "11"), v(f, "cy", "7"), v(f, "r", "2"), v(f, "fill", "currentColor"), v(s, "cx", "16"), v(s, "cy", "24"), v(s, "r", "2"), v(s, "fill", "currentColor"), v(o, "fill", "currentColor"), v(o, "d", "M30 3.413L28.586 2L4 26.585V2H2v26a2 2 0 0 0 2 2h26v-2H5.413Z"), v(e, "xmlns", "http://www.w3.org/2000/svg"), v(e, "xmlns:xlink", "http://www.w3.org/1999/xlink"), v(e, "aria-hidden", "true"), v(e, "role", "img"), v(e, "class", "iconify iconify--carbon"), v(e, "width", "100%"), v(e, "height", "100%"), v(e, "preserveAspectRatio", "xMidYMid meet"), v(e, "viewBox", "0 0 32 32");
+    },
+    m(r, a) {
+      hl(r, e, a), G(e, t), G(e, l), G(e, i), G(e, f), G(e, s), G(e, o);
+    },
+    p: pe,
+    i: pe,
+    o: pe,
+    d(r) {
+      r && bl(e);
+    }
+  };
+}
+class rt extends ml {
+  constructor(e) {
+    super(), gl(this, e, null, pl, wl, {});
+  }
+}
+const kl = [
+  { 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 }
+], Ae = {
+  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"
+  }
+};
+kl.reduce(
+  (n, { color: e, primary: t, secondary: l }) => ({
+    ...n,
+    [e]: {
+      primary: Ae[e][t],
+      secondary: Ae[e][l]
+    }
+  }),
+  {}
+);
+function Q(n) {
+  let e = ["", "k", "M", "G", "T", "P", "E", "Z"], t = 0;
+  for (; n > 1e3 && t < e.length - 1; )
+    n /= 1e3, t++;
+  let l = e[t];
+  return (Number.isInteger(n) ? n : n.toFixed(1)) + l;
+}
+function ce() {
+}
+function yl(n, e) {
+  return n != n ? e == e : n !== e || n && typeof n == "object" || typeof n == "function";
+}
+const at = typeof window < "u";
+let Be = at ? () => window.performance.now() : () => Date.now(), _t = at ? (n) => requestAnimationFrame(n) : ce;
+const W = /* @__PURE__ */ new Set();
+function ct(n) {
+  W.forEach((e) => {
+    e.c(n) || (W.delete(e), e.f());
+  }), W.size !== 0 && _t(ct);
+}
+function vl(n) {
+  let e;
+  return W.size === 0 && _t(ct), {
+    promise: new Promise((t) => {
+      W.add(e = { c: n, f: t });
+    }),
+    abort() {
+      W.delete(e);
+    }
+  };
+}
+const K = [];
+function Cl(n, e = ce) {
+  let t;
+  const l = /* @__PURE__ */ new Set();
+  function i(o) {
+    if (yl(n, o) && (n = o, t)) {
+      const r = !K.length;
+      for (const a of l)
+        a[1](), K.push(a, n);
+      if (r) {
+        for (let a = 0; a < K.length; a += 2)
+          K[a][0](K[a + 1]);
+        K.length = 0;
+      }
+    }
+  }
+  function f(o) {
+    i(o(n));
+  }
+  function s(o, r = ce) {
+    const a = [o, r];
+    return l.add(a), l.size === 1 && (t = e(i, f) || ce), o(n), () => {
+      l.delete(a), l.size === 0 && t && (t(), t = null);
+    };
+  }
+  return { set: i, update: f, subscribe: s };
+}
+function Ie(n) {
+  return Object.prototype.toString.call(n) === "[object Date]";
+}
+function ve(n, e, t, l) {
+  if (typeof t == "number" || Ie(t)) {
+    const i = l - t, f = (t - e) / (n.dt || 1 / 60), s = n.opts.stiffness * i, o = n.opts.damping * f, r = (s - o) * n.inv_mass, a = (f + r) * n.dt;
+    return Math.abs(a) < n.opts.precision && Math.abs(i) < n.opts.precision ? l : (n.settled = !1, Ie(t) ? new Date(t.getTime() + a) : t + a);
+  } else {
+    if (Array.isArray(t))
+      return t.map(
+        (i, f) => ve(n, e[f], t[f], l[f])
+      );
+    if (typeof t == "object") {
+      const i = {};
+      for (const f in t)
+        i[f] = ve(n, e[f], t[f], l[f]);
+      return i;
+    } else
+      throw new Error(`Cannot spring ${typeof t} values`);
+  }
+}
+function Pe(n, e = {}) {
+  const t = Cl(n), { stiffness: l = 0.15, damping: i = 0.8, precision: f = 0.01 } = e;
+  let s, o, r, a = n, _ = n, u = 1, c = 0, m = !1;
+  function h(C, M = {}) {
+    _ = C;
+    const b = r = {};
+    return n == null || M.hard || L.stiffness >= 1 && L.damping >= 1 ? (m = !0, s = Be(), a = C, t.set(n = _), Promise.resolve()) : (M.soft && (c = 1 / ((M.soft === !0 ? 0.5 : +M.soft) * 60), u = 0), o || (s = Be(), m = !1, o = vl((d) => {
+      if (m)
+        return m = !1, o = null, !1;
+      u = Math.min(u + c, 1);
+      const q = {
+        inv_mass: u,
+        opts: L,
+        settled: !0,
+        dt: (d - s) * 60 / 1e3
+      }, w = ve(q, a, n, _);
+      return s = d, a = n, t.set(n = w), q.settled && (o = null), !q.settled;
+    })), new Promise((d) => {
+      o.promise.then(() => {
+        b === r && d();
+      });
+    }));
+  }
+  const L = {
+    set: h,
+    update: (C, M) => h(C(_, n), M),
+    subscribe: t.subscribe,
+    stiffness: l,
+    damping: i,
+    precision: f
+  };
+  return L;
+}
+const {
+  SvelteComponent: ql,
+  append: N,
+  attr: y,
+  component_subscribe: Ze,
+  detach: Fl,
+  element: Ll,
+  init: Ml,
+  insert: Sl,
+  noop: Te,
+  safe_not_equal: zl,
+  set_style: ae,
+  svg_element: A,
+  toggle_class: je
+} = window.__gradio__svelte__internal, { onMount: Vl } = window.__gradio__svelte__internal;
+function Nl(n) {
+  let e, t, l, i, f, s, o, r, a, _, u, c;
+  return {
+    c() {
+      e = Ll("div"), t = A("svg"), l = A("g"), i = A("path"), f = A("path"), s = A("path"), o = A("path"), r = A("g"), a = A("path"), _ = A("path"), u = A("path"), c = A("path"), y(i, "d", "M255.926 0.754768L509.702 139.936V221.027L255.926 81.8465V0.754768Z"), y(i, "fill", "#FF7C00"), y(i, "fill-opacity", "0.4"), y(i, "class", "svelte-43sxxs"), y(f, "d", "M509.69 139.936L254.981 279.641V361.255L509.69 221.55V139.936Z"), y(f, "fill", "#FF7C00"), y(f, "class", "svelte-43sxxs"), y(s, "d", "M0.250138 139.937L254.981 279.641V361.255L0.250138 221.55V139.937Z"), y(s, "fill", "#FF7C00"), y(s, "fill-opacity", "0.4"), y(s, "class", "svelte-43sxxs"), y(o, "d", "M255.923 0.232622L0.236328 139.936V221.55L255.923 81.8469V0.232622Z"), y(o, "fill", "#FF7C00"), y(o, "class", "svelte-43sxxs"), ae(l, "transform", "translate(" + /*$top*/
+      n[1][0] + "px, " + /*$top*/
+      n[1][1] + "px)"), y(a, "d", "M255.926 141.5L509.702 280.681V361.773L255.926 222.592V141.5Z"), y(a, "fill", "#FF7C00"), y(a, "fill-opacity", "0.4"), y(a, "class", "svelte-43sxxs"), y(_, "d", "M509.69 280.679L254.981 420.384V501.998L509.69 362.293V280.679Z"), y(_, "fill", "#FF7C00"), y(_, "class", "svelte-43sxxs"), y(u, "d", "M0.250138 280.681L254.981 420.386V502L0.250138 362.295V280.681Z"), y(u, "fill", "#FF7C00"), y(u, "fill-opacity", "0.4"), y(u, "class", "svelte-43sxxs"), y(c, "d", "M255.923 140.977L0.236328 280.68V362.294L255.923 222.591V140.977Z"), y(c, "fill", "#FF7C00"), y(c, "class", "svelte-43sxxs"), ae(r, "transform", "translate(" + /*$bottom*/
+      n[2][0] + "px, " + /*$bottom*/
+      n[2][1] + "px)"), y(t, "viewBox", "-1200 -1200 3000 3000"), y(t, "fill", "none"), y(t, "xmlns", "http://www.w3.org/2000/svg"), y(t, "class", "svelte-43sxxs"), y(e, "class", "svelte-43sxxs"), je(
+        e,
+        "margin",
+        /*margin*/
+        n[0]
+      );
+    },
+    m(m, h) {
+      Sl(m, e, h), N(e, t), N(t, l), N(l, i), N(l, f), N(l, s), N(l, o), N(t, r), N(r, a), N(r, _), N(r, u), N(r, c);
+    },
+    p(m, [h]) {
+      h & /*$top*/
+      2 && ae(l, "transform", "translate(" + /*$top*/
+      m[1][0] + "px, " + /*$top*/
+      m[1][1] + "px)"), h & /*$bottom*/
+      4 && ae(r, "transform", "translate(" + /*$bottom*/
+      m[2][0] + "px, " + /*$bottom*/
+      m[2][1] + "px)"), h & /*margin*/
+      1 && je(
+        e,
+        "margin",
+        /*margin*/
+        m[0]
+      );
+    },
+    i: Te,
+    o: Te,
+    d(m) {
+      m && Fl(e);
+    }
+  };
+}
+function Al(n, e, t) {
+  let l, i, { margin: f = !0 } = e;
+  const s = Pe([0, 0]);
+  Ze(n, s, (c) => t(1, l = c));
+  const o = Pe([0, 0]);
+  Ze(n, o, (c) => t(2, i = c));
+  let r;
+  async function a() {
+    await Promise.all([s.set([125, 140]), o.set([-125, -140])]), await Promise.all([s.set([-125, 140]), o.set([125, -140])]), await Promise.all([s.set([-125, 0]), o.set([125, -0])]), await Promise.all([s.set([125, 0]), o.set([-125, 0])]);
+  }
+  async function _() {
+    await a(), r || _();
+  }
+  async function u() {
+    await Promise.all([s.set([125, 0]), o.set([-125, 0])]), _();
+  }
+  return Vl(() => (u(), () => r = !0)), n.$$set = (c) => {
+    "margin" in c && t(0, f = c.margin);
+  }, [f, l, i, s, o];
+}
+class Bl extends ql {
+  constructor(e) {
+    super(), Ml(this, e, Al, Nl, zl, { margin: 0 });
+  }
+}
+const {
+  SvelteComponent: Il,
+  append: X,
+  attr: I,
+  binding_callbacks: Ee,
+  check_outros: ut,
+  create_component: Pl,
+  create_slot: Zl,
+  destroy_component: Tl,
+  destroy_each: dt,
+  detach: p,
+  element: T,
+  empty: ee,
+  ensure_array_like: me,
+  get_all_dirty_from_scope: jl,
+  get_slot_changes: El,
+  group_outros: mt,
+  init: Dl,
+  insert: k,
+  mount_component: Rl,
+  noop: Ce,
+  safe_not_equal: Hl,
+  set_data: V,
+  set_style: H,
+  space: P,
+  text: F,
+  toggle_class: z,
+  transition_in: x,
+  transition_out: $,
+  update_slot_base: Ol
+} = window.__gradio__svelte__internal, { tick: Yl } = window.__gradio__svelte__internal, { onDestroy: Jl } = window.__gradio__svelte__internal, Ul = (n) => ({}), De = (n) => ({});
+function Re(n, e, t) {
+  const l = n.slice();
+  return l[38] = e[t], l[40] = t, l;
+}
+function He(n, e, t) {
+  const l = n.slice();
+  return l[38] = e[t], l;
+}
+function Xl(n) {
+  let e, t = (
+    /*i18n*/
+    n[1]("common.error") + ""
+  ), l, i, f;
+  const s = (
+    /*#slots*/
+    n[29].error
+  ), o = Zl(
+    s,
+    n,
+    /*$$scope*/
+    n[28],
+    De
+  );
+  return {
+    c() {
+      e = T("span"), l = F(t), i = P(), o && o.c(), I(e, "class", "error svelte-14miwb5");
+    },
+    m(r, a) {
+      k(r, e, a), X(e, l), k(r, i, a), o && o.m(r, a), f = !0;
+    },
+    p(r, a) {
+      (!f || a[0] & /*i18n*/
+      2) && t !== (t = /*i18n*/
+      r[1]("common.error") + "") && V(l, t), o && o.p && (!f || a[0] & /*$$scope*/
+      268435456) && Ol(
+        o,
+        s,
+        r,
+        /*$$scope*/
+        r[28],
+        f ? El(
+          s,
+          /*$$scope*/
+          r[28],
+          a,
+          Ul
+        ) : jl(
+          /*$$scope*/
+          r[28]
+        ),
+        De
+      );
+    },
+    i(r) {
+      f || (x(o, r), f = !0);
+    },
+    o(r) {
+      $(o, r), f = !1;
+    },
+    d(r) {
+      r && (p(e), p(i)), o && o.d(r);
+    }
+  };
+}
+function Gl(n) {
+  let e, t, l, i, f, s, o, r, a, _ = (
+    /*variant*/
+    n[8] === "default" && /*show_eta_bar*/
+    n[18] && /*show_progress*/
+    n[6] === "full" && Oe(n)
+  );
+  function u(d, q) {
+    if (
+      /*progress*/
+      d[7]
+    )
+      return Wl;
+    if (
+      /*queue_position*/
+      d[2] !== null && /*queue_size*/
+      d[3] !== void 0 && /*queue_position*/
+      d[2] >= 0
+    )
+      return Ql;
+    if (
+      /*queue_position*/
+      d[2] === 0
+    )
+      return Kl;
+  }
+  let c = u(n), m = c && c(n), h = (
+    /*timer*/
+    n[5] && Ue(n)
+  );
+  const L = [tn, en], C = [];
+  function M(d, q) {
+    return (
+      /*last_progress_level*/
+      d[15] != null ? 0 : (
+        /*show_progress*/
+        d[6] === "full" ? 1 : -1
+      )
+    );
+  }
+  ~(f = M(n)) && (s = C[f] = L[f](n));
+  let b = !/*timer*/
+  n[5] && $e(n);
+  return {
+    c() {
+      _ && _.c(), e = P(), t = T("div"), m && m.c(), l = P(), h && h.c(), i = P(), s && s.c(), o = P(), b && b.c(), r = ee(), I(t, "class", "progress-text svelte-14miwb5"), z(
+        t,
+        "meta-text-center",
+        /*variant*/
+        n[8] === "center"
+      ), z(
+        t,
+        "meta-text",
+        /*variant*/
+        n[8] === "default"
+      );
+    },
+    m(d, q) {
+      _ && _.m(d, q), k(d, e, q), k(d, t, q), m && m.m(t, null), X(t, l), h && h.m(t, null), k(d, i, q), ~f && C[f].m(d, q), k(d, o, q), b && b.m(d, q), k(d, r, q), a = !0;
+    },
+    p(d, q) {
+      /*variant*/
+      d[8] === "default" && /*show_eta_bar*/
+      d[18] && /*show_progress*/
+      d[6] === "full" ? _ ? _.p(d, q) : (_ = Oe(d), _.c(), _.m(e.parentNode, e)) : _ && (_.d(1), _ = null), c === (c = u(d)) && m ? m.p(d, q) : (m && m.d(1), m = c && c(d), m && (m.c(), m.m(t, l))), /*timer*/
+      d[5] ? h ? h.p(d, q) : (h = Ue(d), h.c(), h.m(t, null)) : h && (h.d(1), h = null), (!a || q[0] & /*variant*/
+      256) && z(
+        t,
+        "meta-text-center",
+        /*variant*/
+        d[8] === "center"
+      ), (!a || q[0] & /*variant*/
+      256) && z(
+        t,
+        "meta-text",
+        /*variant*/
+        d[8] === "default"
+      );
+      let w = f;
+      f = M(d), f === w ? ~f && C[f].p(d, q) : (s && (mt(), $(C[w], 1, 1, () => {
+        C[w] = null;
+      }), ut()), ~f ? (s = C[f], s ? s.p(d, q) : (s = C[f] = L[f](d), s.c()), x(s, 1), s.m(o.parentNode, o)) : s = null), /*timer*/
+      d[5] ? b && (b.d(1), b = null) : b ? b.p(d, q) : (b = $e(d), b.c(), b.m(r.parentNode, r));
+    },
+    i(d) {
+      a || (x(s), a = !0);
+    },
+    o(d) {
+      $(s), a = !1;
+    },
+    d(d) {
+      d && (p(e), p(t), p(i), p(o), p(r)), _ && _.d(d), m && m.d(), h && h.d(), ~f && C[f].d(d), b && b.d(d);
+    }
+  };
+}
+function Oe(n) {
+  let e, t = `translateX(${/*eta_level*/
+  (n[17] || 0) * 100 - 100}%)`;
+  return {
+    c() {
+      e = T("div"), I(e, "class", "eta-bar svelte-14miwb5"), H(e, "transform", t);
+    },
+    m(l, i) {
+      k(l, e, i);
+    },
+    p(l, i) {
+      i[0] & /*eta_level*/
+      131072 && t !== (t = `translateX(${/*eta_level*/
+      (l[17] || 0) * 100 - 100}%)`) && H(e, "transform", t);
+    },
+    d(l) {
+      l && p(e);
+    }
+  };
+}
+function Kl(n) {
+  let e;
+  return {
+    c() {
+      e = F("processing |");
+    },
+    m(t, l) {
+      k(t, e, l);
+    },
+    p: Ce,
+    d(t) {
+      t && p(e);
+    }
+  };
+}
+function Ql(n) {
+  let e, t = (
+    /*queue_position*/
+    n[2] + 1 + ""
+  ), l, i, f, s;
+  return {
+    c() {
+      e = F("queue: "), l = F(t), i = F("/"), f = F(
+        /*queue_size*/
+        n[3]
+      ), s = F(" |");
+    },
+    m(o, r) {
+      k(o, e, r), k(o, l, r), k(o, i, r), k(o, f, r), k(o, s, r);
+    },
+    p(o, r) {
+      r[0] & /*queue_position*/
+      4 && t !== (t = /*queue_position*/
+      o[2] + 1 + "") && V(l, t), r[0] & /*queue_size*/
+      8 && V(
+        f,
+        /*queue_size*/
+        o[3]
+      );
+    },
+    d(o) {
+      o && (p(e), p(l), p(i), p(f), p(s));
+    }
+  };
+}
+function Wl(n) {
+  let e, t = me(
+    /*progress*/
+    n[7]
+  ), l = [];
+  for (let i = 0; i < t.length; i += 1)
+    l[i] = Je(He(n, t, i));
+  return {
+    c() {
+      for (let i = 0; i < l.length; i += 1)
+        l[i].c();
+      e = ee();
+    },
+    m(i, f) {
+      for (let s = 0; s < l.length; s += 1)
+        l[s] && l[s].m(i, f);
+      k(i, e, f);
+    },
+    p(i, f) {
+      if (f[0] & /*progress*/
+      128) {
+        t = me(
+          /*progress*/
+          i[7]
+        );
+        let s;
+        for (s = 0; s < t.length; s += 1) {
+          const o = He(i, t, s);
+          l[s] ? l[s].p(o, f) : (l[s] = Je(o), l[s].c(), l[s].m(e.parentNode, e));
+        }
+        for (; s < l.length; s += 1)
+          l[s].d(1);
+        l.length = t.length;
+      }
+    },
+    d(i) {
+      i && p(e), dt(l, i);
+    }
+  };
+}
+function Ye(n) {
+  let e, t = (
+    /*p*/
+    n[38].unit + ""
+  ), l, i, f = " ", s;
+  function o(_, u) {
+    return (
+      /*p*/
+      _[38].length != null ? $l : xl
+    );
+  }
+  let r = o(n), a = r(n);
+  return {
+    c() {
+      a.c(), e = P(), l = F(t), i = F(" | "), s = F(f);
+    },
+    m(_, u) {
+      a.m(_, u), k(_, e, u), k(_, l, u), k(_, i, u), k(_, s, u);
+    },
+    p(_, u) {
+      r === (r = o(_)) && a ? a.p(_, u) : (a.d(1), a = r(_), a && (a.c(), a.m(e.parentNode, e))), u[0] & /*progress*/
+      128 && t !== (t = /*p*/
+      _[38].unit + "") && V(l, t);
+    },
+    d(_) {
+      _ && (p(e), p(l), p(i), p(s)), a.d(_);
+    }
+  };
+}
+function xl(n) {
+  let e = Q(
+    /*p*/
+    n[38].index || 0
+  ) + "", t;
+  return {
+    c() {
+      t = F(e);
+    },
+    m(l, i) {
+      k(l, t, i);
+    },
+    p(l, i) {
+      i[0] & /*progress*/
+      128 && e !== (e = Q(
+        /*p*/
+        l[38].index || 0
+      ) + "") && V(t, e);
+    },
+    d(l) {
+      l && p(t);
+    }
+  };
+}
+function $l(n) {
+  let e = Q(
+    /*p*/
+    n[38].index || 0
+  ) + "", t, l, i = Q(
+    /*p*/
+    n[38].length
+  ) + "", f;
+  return {
+    c() {
+      t = F(e), l = F("/"), f = F(i);
+    },
+    m(s, o) {
+      k(s, t, o), k(s, l, o), k(s, f, o);
+    },
+    p(s, o) {
+      o[0] & /*progress*/
+      128 && e !== (e = Q(
+        /*p*/
+        s[38].index || 0
+      ) + "") && V(t, e), o[0] & /*progress*/
+      128 && i !== (i = Q(
+        /*p*/
+        s[38].length
+      ) + "") && V(f, i);
+    },
+    d(s) {
+      s && (p(t), p(l), p(f));
+    }
+  };
+}
+function Je(n) {
+  let e, t = (
+    /*p*/
+    n[38].index != null && Ye(n)
+  );
+  return {
+    c() {
+      t && t.c(), e = ee();
+    },
+    m(l, i) {
+      t && t.m(l, i), k(l, e, i);
+    },
+    p(l, i) {
+      /*p*/
+      l[38].index != null ? t ? t.p(l, i) : (t = Ye(l), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
+    },
+    d(l) {
+      l && p(e), t && t.d(l);
+    }
+  };
+}
+function Ue(n) {
+  let e, t = (
+    /*eta*/
+    n[0] ? `/${/*formatted_eta*/
+    n[19]}` : ""
+  ), l, i;
+  return {
+    c() {
+      e = F(
+        /*formatted_timer*/
+        n[20]
+      ), l = F(t), i = F("s");
+    },
+    m(f, s) {
+      k(f, e, s), k(f, l, s), k(f, i, s);
+    },
+    p(f, s) {
+      s[0] & /*formatted_timer*/
+      1048576 && V(
+        e,
+        /*formatted_timer*/
+        f[20]
+      ), s[0] & /*eta, formatted_eta*/
+      524289 && t !== (t = /*eta*/
+      f[0] ? `/${/*formatted_eta*/
+      f[19]}` : "") && V(l, t);
+    },
+    d(f) {
+      f && (p(e), p(l), p(i));
+    }
+  };
+}
+function en(n) {
+  let e, t;
+  return e = new Bl({
+    props: { margin: (
+      /*variant*/
+      n[8] === "default"
+    ) }
+  }), {
+    c() {
+      Pl(e.$$.fragment);
+    },
+    m(l, i) {
+      Rl(e, l, i), t = !0;
+    },
+    p(l, i) {
+      const f = {};
+      i[0] & /*variant*/
+      256 && (f.margin = /*variant*/
+      l[8] === "default"), e.$set(f);
+    },
+    i(l) {
+      t || (x(e.$$.fragment, l), t = !0);
+    },
+    o(l) {
+      $(e.$$.fragment, l), t = !1;
+    },
+    d(l) {
+      Tl(e, l);
+    }
+  };
+}
+function tn(n) {
+  let e, t, l, i, f, s = `${/*last_progress_level*/
+  n[15] * 100}%`, o = (
+    /*progress*/
+    n[7] != null && Xe(n)
+  );
+  return {
+    c() {
+      e = T("div"), t = T("div"), o && o.c(), l = P(), i = T("div"), f = T("div"), I(t, "class", "progress-level-inner svelte-14miwb5"), I(f, "class", "progress-bar svelte-14miwb5"), H(f, "width", s), I(i, "class", "progress-bar-wrap svelte-14miwb5"), I(e, "class", "progress-level svelte-14miwb5");
+    },
+    m(r, a) {
+      k(r, e, a), X(e, t), o && o.m(t, null), X(e, l), X(e, i), X(i, f), n[30](f);
+    },
+    p(r, a) {
+      /*progress*/
+      r[7] != null ? o ? o.p(r, a) : (o = Xe(r), o.c(), o.m(t, null)) : o && (o.d(1), o = null), a[0] & /*last_progress_level*/
+      32768 && s !== (s = `${/*last_progress_level*/
+      r[15] * 100}%`) && H(f, "width", s);
+    },
+    i: Ce,
+    o: Ce,
+    d(r) {
+      r && p(e), o && o.d(), n[30](null);
+    }
+  };
+}
+function Xe(n) {
+  let e, t = me(
+    /*progress*/
+    n[7]
+  ), l = [];
+  for (let i = 0; i < t.length; i += 1)
+    l[i] = xe(Re(n, t, i));
+  return {
+    c() {
+      for (let i = 0; i < l.length; i += 1)
+        l[i].c();
+      e = ee();
+    },
+    m(i, f) {
+      for (let s = 0; s < l.length; s += 1)
+        l[s] && l[s].m(i, f);
+      k(i, e, f);
+    },
+    p(i, f) {
+      if (f[0] & /*progress_level, progress*/
+      16512) {
+        t = me(
+          /*progress*/
+          i[7]
+        );
+        let s;
+        for (s = 0; s < t.length; s += 1) {
+          const o = Re(i, t, s);
+          l[s] ? l[s].p(o, f) : (l[s] = xe(o), l[s].c(), l[s].m(e.parentNode, e));
+        }
+        for (; s < l.length; s += 1)
+          l[s].d(1);
+        l.length = t.length;
+      }
+    },
+    d(i) {
+      i && p(e), dt(l, i);
+    }
+  };
+}
+function Ge(n) {
+  let e, t, l, i, f = (
+    /*i*/
+    n[40] !== 0 && ln()
+  ), s = (
+    /*p*/
+    n[38].desc != null && Ke(n)
+  ), o = (
+    /*p*/
+    n[38].desc != null && /*progress_level*/
+    n[14] && /*progress_level*/
+    n[14][
+      /*i*/
+      n[40]
+    ] != null && Qe()
+  ), r = (
+    /*progress_level*/
+    n[14] != null && We(n)
+  );
+  return {
+    c() {
+      f && f.c(), e = P(), s && s.c(), t = P(), o && o.c(), l = P(), r && r.c(), i = ee();
+    },
+    m(a, _) {
+      f && f.m(a, _), k(a, e, _), s && s.m(a, _), k(a, t, _), o && o.m(a, _), k(a, l, _), r && r.m(a, _), k(a, i, _);
+    },
+    p(a, _) {
+      /*p*/
+      a[38].desc != null ? s ? s.p(a, _) : (s = Ke(a), s.c(), s.m(t.parentNode, t)) : s && (s.d(1), s = null), /*p*/
+      a[38].desc != null && /*progress_level*/
+      a[14] && /*progress_level*/
+      a[14][
+        /*i*/
+        a[40]
+      ] != null ? o || (o = Qe(), o.c(), o.m(l.parentNode, l)) : o && (o.d(1), o = null), /*progress_level*/
+      a[14] != null ? r ? r.p(a, _) : (r = We(a), r.c(), r.m(i.parentNode, i)) : r && (r.d(1), r = null);
+    },
+    d(a) {
+      a && (p(e), p(t), p(l), p(i)), f && f.d(a), s && s.d(a), o && o.d(a), r && r.d(a);
+    }
+  };
+}
+function ln(n) {
+  let e;
+  return {
+    c() {
+      e = F(" /");
+    },
+    m(t, l) {
+      k(t, e, l);
+    },
+    d(t) {
+      t && p(e);
+    }
+  };
+}
+function Ke(n) {
+  let e = (
+    /*p*/
+    n[38].desc + ""
+  ), t;
+  return {
+    c() {
+      t = F(e);
+    },
+    m(l, i) {
+      k(l, t, i);
+    },
+    p(l, i) {
+      i[0] & /*progress*/
+      128 && e !== (e = /*p*/
+      l[38].desc + "") && V(t, e);
+    },
+    d(l) {
+      l && p(t);
+    }
+  };
+}
+function Qe(n) {
+  let e;
+  return {
+    c() {
+      e = F("-");
+    },
+    m(t, l) {
+      k(t, e, l);
+    },
+    d(t) {
+      t && p(e);
+    }
+  };
+}
+function We(n) {
+  let e = (100 * /*progress_level*/
+  (n[14][
+    /*i*/
+    n[40]
+  ] || 0)).toFixed(1) + "", t, l;
+  return {
+    c() {
+      t = F(e), l = F("%");
+    },
+    m(i, f) {
+      k(i, t, f), k(i, l, f);
+    },
+    p(i, f) {
+      f[0] & /*progress_level*/
+      16384 && e !== (e = (100 * /*progress_level*/
+      (i[14][
+        /*i*/
+        i[40]
+      ] || 0)).toFixed(1) + "") && V(t, e);
+    },
+    d(i) {
+      i && (p(t), p(l));
+    }
+  };
+}
+function xe(n) {
+  let e, t = (
+    /*p*/
+    (n[38].desc != null || /*progress_level*/
+    n[14] && /*progress_level*/
+    n[14][
+      /*i*/
+      n[40]
+    ] != null) && Ge(n)
+  );
+  return {
+    c() {
+      t && t.c(), e = ee();
+    },
+    m(l, i) {
+      t && t.m(l, i), k(l, e, i);
+    },
+    p(l, i) {
+      /*p*/
+      l[38].desc != null || /*progress_level*/
+      l[14] && /*progress_level*/
+      l[14][
+        /*i*/
+        l[40]
+      ] != null ? t ? t.p(l, i) : (t = Ge(l), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
+    },
+    d(l) {
+      l && p(e), t && t.d(l);
+    }
+  };
+}
+function $e(n) {
+  let e, t;
+  return {
+    c() {
+      e = T("p"), t = F(
+        /*loading_text*/
+        n[9]
+      ), I(e, "class", "loading svelte-14miwb5");
+    },
+    m(l, i) {
+      k(l, e, i), X(e, t);
+    },
+    p(l, i) {
+      i[0] & /*loading_text*/
+      512 && V(
+        t,
+        /*loading_text*/
+        l[9]
+      );
+    },
+    d(l) {
+      l && p(e);
+    }
+  };
+}
+function nn(n) {
+  let e, t, l, i, f;
+  const s = [Gl, Xl], o = [];
+  function r(a, _) {
+    return (
+      /*status*/
+      a[4] === "pending" ? 0 : (
+        /*status*/
+        a[4] === "error" ? 1 : -1
+      )
+    );
+  }
+  return ~(t = r(n)) && (l = o[t] = s[t](n)), {
+    c() {
+      e = T("div"), l && l.c(), I(e, "class", i = "wrap " + /*variant*/
+      n[8] + " " + /*show_progress*/
+      n[6] + " svelte-14miwb5"), z(e, "hide", !/*status*/
+      n[4] || /*status*/
+      n[4] === "complete" || /*show_progress*/
+      n[6] === "hidden"), z(
+        e,
+        "translucent",
+        /*variant*/
+        n[8] === "center" && /*status*/
+        (n[4] === "pending" || /*status*/
+        n[4] === "error") || /*translucent*/
+        n[11] || /*show_progress*/
+        n[6] === "minimal"
+      ), z(
+        e,
+        "generating",
+        /*status*/
+        n[4] === "generating"
+      ), z(
+        e,
+        "border",
+        /*border*/
+        n[12]
+      ), H(
+        e,
+        "position",
+        /*absolute*/
+        n[10] ? "absolute" : "static"
+      ), H(
+        e,
+        "padding",
+        /*absolute*/
+        n[10] ? "0" : "var(--size-8) 0"
+      );
+    },
+    m(a, _) {
+      k(a, e, _), ~t && o[t].m(e, null), n[31](e), f = !0;
+    },
+    p(a, _) {
+      let u = t;
+      t = r(a), t === u ? ~t && o[t].p(a, _) : (l && (mt(), $(o[u], 1, 1, () => {
+        o[u] = null;
+      }), ut()), ~t ? (l = o[t], l ? l.p(a, _) : (l = o[t] = s[t](a), l.c()), x(l, 1), l.m(e, null)) : l = null), (!f || _[0] & /*variant, show_progress*/
+      320 && i !== (i = "wrap " + /*variant*/
+      a[8] + " " + /*show_progress*/
+      a[6] + " svelte-14miwb5")) && I(e, "class", i), (!f || _[0] & /*variant, show_progress, status, show_progress*/
+      336) && z(e, "hide", !/*status*/
+      a[4] || /*status*/
+      a[4] === "complete" || /*show_progress*/
+      a[6] === "hidden"), (!f || _[0] & /*variant, show_progress, variant, status, translucent, show_progress*/
+      2384) && z(
+        e,
+        "translucent",
+        /*variant*/
+        a[8] === "center" && /*status*/
+        (a[4] === "pending" || /*status*/
+        a[4] === "error") || /*translucent*/
+        a[11] || /*show_progress*/
+        a[6] === "minimal"
+      ), (!f || _[0] & /*variant, show_progress, status*/
+      336) && z(
+        e,
+        "generating",
+        /*status*/
+        a[4] === "generating"
+      ), (!f || _[0] & /*variant, show_progress, border*/
+      4416) && z(
+        e,
+        "border",
+        /*border*/
+        a[12]
+      ), _[0] & /*absolute*/
+      1024 && H(
+        e,
+        "position",
+        /*absolute*/
+        a[10] ? "absolute" : "static"
+      ), _[0] & /*absolute*/
+      1024 && H(
+        e,
+        "padding",
+        /*absolute*/
+        a[10] ? "0" : "var(--size-8) 0"
+      );
+    },
+    i(a) {
+      f || (x(l), f = !0);
+    },
+    o(a) {
+      $(l), f = !1;
+    },
+    d(a) {
+      a && p(e), ~t && o[t].d(), n[31](null);
+    }
+  };
+}
+let _e = [], ke = !1;
+async function fn(n, e = !0) {
+  if (!(window.__gradio_mode__ === "website" || window.__gradio_mode__ !== "app" && e !== !0)) {
+    if (_e.push(n), !ke)
+      ke = !0;
+    else
+      return;
+    await Yl(), requestAnimationFrame(() => {
+      let t = [0, 0];
+      for (let l = 0; l < _e.length; l++) {
+        const f = _e[l].getBoundingClientRect();
+        (l === 0 || f.top + window.scrollY <= t[0]) && (t[0] = f.top + window.scrollY, t[1] = l);
+      }
+      window.scrollTo({ top: t[0] - 20, behavior: "smooth" }), ke = !1, _e = [];
+    });
+  }
+}
+function sn(n, e, t) {
+  let l, { $$slots: i = {}, $$scope: f } = e, { i18n: s } = e, { eta: o = null } = e, { queue: r = !1 } = e, { queue_position: a } = e, { queue_size: _ } = e, { status: u } = e, { scroll_to_output: c = !1 } = e, { timer: m = !0 } = e, { show_progress: h = "full" } = e, { message: L = null } = e, { progress: C = null } = e, { variant: M = "default" } = e, { loading_text: b = "Loading..." } = e, { absolute: d = !0 } = e, { translucent: q = !1 } = e, { border: w = !1 } = e, { autoscroll: be } = e, te, le = !1, oe = 0, O = 0, ge = null, qe = 0, Y = null, ne, j = null, Fe = !0;
+  const gt = () => {
+    t(25, oe = performance.now()), t(26, O = 0), le = !0, Le();
+  };
+  function Le() {
+    requestAnimationFrame(() => {
+      t(26, O = (performance.now() - oe) / 1e3), le && Le();
+    });
+  }
+  function Me() {
+    t(26, O = 0), le && (le = !1);
+  }
+  Jl(() => {
+    le && Me();
+  });
+  let Se = null;
+  function ht(g) {
+    Ee[g ? "unshift" : "push"](() => {
+      j = g, t(16, j), t(7, C), t(14, Y), t(15, ne);
+    });
+  }
+  function wt(g) {
+    Ee[g ? "unshift" : "push"](() => {
+      te = g, t(13, te);
+    });
+  }
+  return n.$$set = (g) => {
+    "i18n" in g && t(1, s = g.i18n), "eta" in g && t(0, o = g.eta), "queue" in g && t(21, r = g.queue), "queue_position" in g && t(2, a = g.queue_position), "queue_size" in g && t(3, _ = g.queue_size), "status" in g && t(4, u = g.status), "scroll_to_output" in g && t(22, c = g.scroll_to_output), "timer" in g && t(5, m = g.timer), "show_progress" in g && t(6, h = g.show_progress), "message" in g && t(23, L = g.message), "progress" in g && t(7, C = g.progress), "variant" in g && t(8, M = g.variant), "loading_text" in g && t(9, b = g.loading_text), "absolute" in g && t(10, d = g.absolute), "translucent" in g && t(11, q = g.translucent), "border" in g && t(12, w = g.border), "autoscroll" in g && t(24, be = g.autoscroll), "$$scope" in g && t(28, f = g.$$scope);
+  }, n.$$.update = () => {
+    n.$$.dirty[0] & /*eta, old_eta, queue, timer_start*/
+    169869313 && (o === null ? t(0, o = ge) : r && t(0, o = (performance.now() - oe) / 1e3 + o), o != null && (t(19, Se = o.toFixed(1)), t(27, ge = o))), n.$$.dirty[0] & /*eta, timer_diff*/
+    67108865 && t(17, qe = o === null || o <= 0 || !O ? null : Math.min(O / o, 1)), n.$$.dirty[0] & /*progress*/
+    128 && C != null && t(18, Fe = !1), n.$$.dirty[0] & /*progress, progress_level, progress_bar, last_progress_level*/
+    114816 && (C != null ? t(14, Y = C.map((g) => {
+      if (g.index != null && g.length != null)
+        return g.index / g.length;
+      if (g.progress != null)
+        return g.progress;
+    })) : t(14, Y = null), Y ? (t(15, ne = Y[Y.length - 1]), j && (ne === 0 ? t(16, j.style.transition = "0", j) : t(16, j.style.transition = "150ms", j))) : t(15, ne = void 0)), n.$$.dirty[0] & /*status*/
+    16 && (u === "pending" ? gt() : Me()), n.$$.dirty[0] & /*el, scroll_to_output, status, autoscroll*/
+    20979728 && te && c && (u === "pending" || u === "complete") && fn(te, be), n.$$.dirty[0] & /*status, message*/
+    8388624, n.$$.dirty[0] & /*timer_diff*/
+    67108864 && t(20, l = O.toFixed(1));
+  }, [
+    o,
+    s,
+    a,
+    _,
+    u,
+    m,
+    h,
+    C,
+    M,
+    b,
+    d,
+    q,
+    w,
+    te,
+    Y,
+    ne,
+    j,
+    qe,
+    Fe,
+    Se,
+    l,
+    r,
+    c,
+    L,
+    be,
+    oe,
+    O,
+    ge,
+    f,
+    i,
+    ht,
+    wt
+  ];
+}
+class on extends Il {
+  constructor(e) {
+    super(), Dl(
+      this,
+      e,
+      sn,
+      nn,
+      Hl,
+      {
+        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]
+    );
+  }
+}
+new Intl.Collator(0, { numeric: 1 }).compare;
+function bt(n, e, t) {
+  if (n == null)
+    return null;
+  if (Array.isArray(n)) {
+    const l = [];
+    for (const i of n)
+      i == null ? l.push(null) : l.push(bt(i, e, t));
+    return l;
+  }
+  return n.is_stream ? t == null ? new ye({
+    ...n,
+    url: e + "/stream/" + n.path
+  }) : new ye({
+    ...n,
+    url: "/proxy=" + t + "stream/" + n.path
+  }) : new ye({
+    ...n,
+    url: an(n.path, e, t)
+  });
+}
+function rn(n) {
+  try {
+    const e = new URL(n);
+    return e.protocol === "http:" || e.protocol === "https:";
+  } catch {
+    return !1;
+  }
+}
+function an(n, e, t) {
+  return n == null ? t ? `/proxy=${t}file=` : `${e}/file=` : rn(n) ? n : t ? `/proxy=${t}file=${n}` : `${e}/file=${n}`;
+}
+class ye {
+  constructor({
+    path: e,
+    url: t,
+    orig_name: l,
+    size: i,
+    blob: f,
+    is_stream: s,
+    mime_type: o,
+    alt_text: r
+  }) {
+    this.path = e, this.url = t, this.orig_name = l, this.size = i, this.blob = t ? void 0 : f, this.is_stream = s, this.mime_type = o, this.alt_text = r;
+  }
+}
+const {
+  SvelteComponent: _n,
+  assign: cn,
+  attr: U,
+  check_outros: et,
+  create_component: ie,
+  destroy_component: fe,
+  detach: ue,
+  element: un,
+  empty: dn,
+  get_spread_object: mn,
+  get_spread_update: bn,
+  group_outros: tt,
+  init: gn,
+  insert: de,
+  mount_component: se,
+  noop: lt,
+  safe_not_equal: hn,
+  space: nt,
+  src_url_equal: it,
+  transition_in: B,
+  transition_out: Z
+} = window.__gradio__svelte__internal;
+function ft(n) {
+  let e, t;
+  const l = [
+    {
+      autoscroll: (
+        /*gradio*/
+        n[10].autoscroll
+      )
+    },
+    { i18n: (
+      /*gradio*/
+      n[10].i18n
+    ) },
+    /*loading_status*/
+    n[7]
+  ];
+  let i = {};
+  for (let f = 0; f < l.length; f += 1)
+    i = cn(i, l[f]);
+  return e = new on({ props: i }), {
+    c() {
+      ie(e.$$.fragment);
+    },
+    m(f, s) {
+      se(e, f, s), t = !0;
+    },
+    p(f, s) {
+      const o = s & /*gradio, loading_status*/
+      1152 ? bn(l, [
+        s & /*gradio*/
+        1024 && {
+          autoscroll: (
+            /*gradio*/
+            f[10].autoscroll
+          )
+        },
+        s & /*gradio*/
+        1024 && { i18n: (
+          /*gradio*/
+          f[10].i18n
+        ) },
+        s & /*loading_status*/
+        128 && mn(
+          /*loading_status*/
+          f[7]
+        )
+      ]) : {};
+      e.$set(o);
+    },
+    i(f) {
+      t || (B(e.$$.fragment, f), t = !0);
+    },
+    o(f) {
+      Z(e.$$.fragment, f), t = !1;
+    },
+    d(f) {
+      fe(e, f);
+    }
+  };
+}
+function wn(n) {
+  let e, t;
+  return e = new dl({
+    props: {
+      unpadded_box: !0,
+      size: "large",
+      $$slots: { default: [kn] },
+      $$scope: { ctx: n }
+    }
+  }), {
+    c() {
+      ie(e.$$.fragment);
+    },
+    m(l, i) {
+      se(e, l, i), t = !0;
+    },
+    p(l, i) {
+      const f = {};
+      i & /*$$scope*/
+      65536 && (f.$$scope = { dirty: i, ctx: l }), e.$set(f);
+    },
+    i(l) {
+      t || (B(e.$$.fragment, l), t = !0);
+    },
+    o(l) {
+      Z(e.$$.fragment, l), t = !1;
+    },
+    d(l) {
+      fe(e, l);
+    }
+  };
+}
+function pn(n) {
+  let e, t, l, i;
+  return {
+    c() {
+      e = un("iframe"), it(e.src, t = /*new_value*/
+      n[11].url) || U(e, "src", t), U(e, "title", l = /*label*/
+      n[8] ?? "Folium Map"), U(e, "height", i = /*height*/
+      n[9] + "px"), U(e, "class", "svelte-12n2kv6");
+    },
+    m(f, s) {
+      de(f, e, s);
+    },
+    p(f, s) {
+      s & /*new_value*/
+      2048 && !it(e.src, t = /*new_value*/
+      f[11].url) && U(e, "src", t), s & /*label*/
+      256 && l !== (l = /*label*/
+      f[8] ?? "Folium Map") && U(e, "title", l), s & /*height*/
+      512 && i !== (i = /*height*/
+      f[9] + "px") && U(e, "height", i);
+    },
+    i: lt,
+    o: lt,
+    d(f) {
+      f && ue(e);
+    }
+  };
+}
+function kn(n) {
+  let e, t;
+  return e = new rt({}), {
+    c() {
+      ie(e.$$.fragment);
+    },
+    m(l, i) {
+      se(e, l, i), t = !0;
+    },
+    i(l) {
+      t || (B(e.$$.fragment, l), t = !0);
+    },
+    o(l) {
+      Z(e.$$.fragment, l), t = !1;
+    },
+    d(l) {
+      fe(e, l);
+    }
+  };
+}
+function yn(n) {
+  let e, t, l, i, f, s, o, r = (
+    /*loading_status*/
+    n[7] && ft(n)
+  );
+  t = new Qt({
+    props: {
+      show_label: !0,
+      Icon: rt,
+      label: (
+        /*label*/
+        n[8] || "Folium Map"
+      )
+    }
+  });
+  const a = [pn, wn], _ = [];
+  function u(c, m) {
+    return (
+      /*value*/
+      c[3] ? 0 : 1
+    );
+  }
+  return i = u(n), f = _[i] = a[i](n), {
+    c() {
+      r && r.c(), e = nt(), ie(t.$$.fragment), l = nt(), f.c(), s = dn();
+    },
+    m(c, m) {
+      r && r.m(c, m), de(c, e, m), se(t, c, m), de(c, l, m), _[i].m(c, m), de(c, s, m), o = !0;
+    },
+    p(c, m) {
+      /*loading_status*/
+      c[7] ? r ? (r.p(c, m), m & /*loading_status*/
+      128 && B(r, 1)) : (r = ft(c), r.c(), B(r, 1), r.m(e.parentNode, e)) : r && (tt(), Z(r, 1, 1, () => {
+        r = null;
+      }), et());
+      const h = {};
+      m & /*label*/
+      256 && (h.label = /*label*/
+      c[8] || "Folium Map"), t.$set(h);
+      let L = i;
+      i = u(c), i === L ? _[i].p(c, m) : (tt(), Z(_[L], 1, 1, () => {
+        _[L] = null;
+      }), et(), f = _[i], f ? f.p(c, m) : (f = _[i] = a[i](c), f.c()), B(f, 1), f.m(s.parentNode, s));
+    },
+    i(c) {
+      o || (B(r), B(t.$$.fragment, c), B(f), o = !0);
+    },
+    o(c) {
+      Z(r), Z(t.$$.fragment, c), Z(f), o = !1;
+    },
+    d(c) {
+      c && (ue(e), ue(l), ue(s)), r && r.d(c), fe(t, c), _[i].d(c);
+    }
+  };
+}
+function vn(n) {
+  let e, t;
+  return e = new It({
+    props: {
+      visible: (
+        /*visible*/
+        n[2]
+      ),
+      elem_id: (
+        /*elem_id*/
+        n[0]
+      ),
+      elem_classes: (
+        /*elem_classes*/
+        n[1]
+      ),
+      container: (
+        /*container*/
+        n[4]
+      ),
+      scale: (
+        /*scale*/
+        n[5]
+      ),
+      min_width: (
+        /*min_width*/
+        n[6]
+      ),
+      $$slots: { default: [yn] },
+      $$scope: { ctx: n }
+    }
+  }), {
+    c() {
+      ie(e.$$.fragment);
+    },
+    m(l, i) {
+      se(e, l, i), t = !0;
+    },
+    p(l, [i]) {
+      const f = {};
+      i & /*visible*/
+      4 && (f.visible = /*visible*/
+      l[2]), i & /*elem_id*/
+      1 && (f.elem_id = /*elem_id*/
+      l[0]), i & /*elem_classes*/
+      2 && (f.elem_classes = /*elem_classes*/
+      l[1]), i & /*container*/
+      16 && (f.container = /*container*/
+      l[4]), i & /*scale*/
+      32 && (f.scale = /*scale*/
+      l[5]), i & /*min_width*/
+      64 && (f.min_width = /*min_width*/
+      l[6]), i & /*$$scope, new_value, label, height, value, gradio, loading_status*/
+      69512 && (f.$$scope = { dirty: i, ctx: l }), e.$set(f);
+    },
+    i(l) {
+      t || (B(e.$$.fragment, l), t = !0);
+    },
+    o(l) {
+      Z(e.$$.fragment, l), t = !1;
+    },
+    d(l) {
+      fe(e, l);
+    }
+  };
+}
+function Cn(n, e, t) {
+  let { elem_id: l = "" } = e, { elem_classes: i = [] } = e, { visible: f = !0 } = e, { value: s } = e, { container: o = !0 } = e, { scale: r = null } = e, { min_width: a = void 0 } = e, { loading_status: _ } = e, { label: u } = e, { root: c } = e, { proxy_url: m } = e, { height: h = 500 } = e, { gradio: L } = e, C, M = C;
+  return n.$$set = (b) => {
+    "elem_id" in b && t(0, l = b.elem_id), "elem_classes" in b && t(1, i = b.elem_classes), "visible" in b && t(2, f = b.visible), "value" in b && t(3, s = b.value), "container" in b && t(4, o = b.container), "scale" in b && t(5, r = b.scale), "min_width" in b && t(6, a = b.min_width), "loading_status" in b && t(7, _ = b.loading_status), "label" in b && t(8, u = b.label), "root" in b && t(12, c = b.root), "proxy_url" in b && t(13, m = b.proxy_url), "height" in b && t(9, h = b.height), "gradio" in b && t(10, L = b.gradio);
+  }, n.$$.update = () => {
+    n.$$.dirty & /*value, root, proxy_url*/
+    12296 && t(11, C = bt(s, c, m)), n.$$.dirty & /*new_value, old_value, gradio*/
+    19456 && JSON.stringify(C) !== JSON.stringify(M) && (L.dispatch("change"), t(14, M = C));
+  }, [
+    l,
+    i,
+    f,
+    s,
+    o,
+    r,
+    a,
+    _,
+    u,
+    h,
+    L,
+    C,
+    c,
+    m,
+    M
+  ];
+}
+class qn extends _n {
+  constructor(e) {
+    super(), gn(this, e, Cn, vn, hn, {
+      elem_id: 0,
+      elem_classes: 1,
+      visible: 2,
+      value: 3,
+      container: 4,
+      scale: 5,
+      min_width: 6,
+      loading_status: 7,
+      label: 8,
+      root: 12,
+      proxy_url: 13,
+      height: 9,
+      gradio: 10
+    });
+  }
+}
+export {
+  qn as default
+};

src/backend/gradio_foliumtest/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)}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))}}iframe.svelte-12n2kv6{display:flex;width:var(--size-full)}

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

@@ -0,0 +1,88 @@
+const {
+  SvelteComponent: f,
+  append: u,
+  attr: d,
+  detach: g,
+  element: o,
+  init: v,
+  insert: r,
+  noop: c,
+  safe_not_equal: y,
+  set_data: m,
+  text: b,
+  toggle_class: i
+} = window.__gradio__svelte__internal;
+function w(a) {
+  let e, n;
+  return {
+    c() {
+      e = o("div"), n = b(
+        /*value*/
+        a[0]
+      ), d(e, "class", "svelte-1gecy8w"), i(
+        e,
+        "table",
+        /*type*/
+        a[1] === "table"
+      ), i(
+        e,
+        "gallery",
+        /*type*/
+        a[1] === "gallery"
+      ), i(
+        e,
+        "selected",
+        /*selected*/
+        a[2]
+      );
+    },
+    m(t, l) {
+      r(t, e, l), u(e, n);
+    },
+    p(t, [l]) {
+      l & /*value*/
+      1 && m(
+        n,
+        /*value*/
+        t[0]
+      ), l & /*type*/
+      2 && i(
+        e,
+        "table",
+        /*type*/
+        t[1] === "table"
+      ), l & /*type*/
+      2 && i(
+        e,
+        "gallery",
+        /*type*/
+        t[1] === "gallery"
+      ), l & /*selected*/
+      4 && i(
+        e,
+        "selected",
+        /*selected*/
+        t[2]
+      );
+    },
+    i: c,
+    o: c,
+    d(t) {
+      t && g(e);
+    }
+  };
+}
+function h(a, e, n) {
+  let { value: t } = e, { type: l } = e, { selected: _ = !1 } = e;
+  return a.$$set = (s) => {
+    "value" in s && n(0, t = s.value), "type" in s && n(1, l = s.type), "selected" in s && n(2, _ = s.selected);
+  }, [t, l, _];
+}
+class E extends f {
+  constructor(e) {
+    super(), v(this, e, h, w, y, { value: 0, type: 1, selected: 2 });
+  }
+}
+export {
+  E as default
+};

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

@@ -0,0 +1 @@
+.gallery.svelte-1gecy8w{padding:var(--size-1) var(--size-2)}

src/demo/app.py

@@ -0,0 +1,30 @@
+
+import gradio as gr
+from gradio_foliumtest import FoliumTest
+from typing import Literal
+from folium import Map
+import random
+
+
+LAT_LONG_MAP = {
+    "New York City": (40.7128, -74.0060),
+    "London": (51.5074, -0.1278),
+    "San Francisco": (37.7749, -122.4194),
+    "Tokyo": (35.6762, 139.6503),
+    "Miami": (25.7617, -80.1918),
+}
+
+def get_city(city: Literal["New York City", "London", "San Francisco", "Tokyo", "Miami"]):
+    city = city or "Miami"
+    return Map(location=LAT_LONG_MAP[city], zoom_start=12)
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            city = gr.Radio(choices=["New York City", "London", "San Francisco", "Tokyo", "Miami"],
+                            label="City")
+        with gr.Column():
+            map_ = FoliumTest(label="Folium Map")
+        city.select(get_city, city, map_)
+
+demo.launch()

src/frontend/Example.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>

src/frontend/Index.svelte

@@ -0,0 +1,74 @@
+<script lang="ts">
+
+	import type { Gradio } from "@gradio/utils";
+	import { Block, Empty, BlockLabel } from "@gradio/atoms";
+	import { Plot, File } from "@gradio/icons";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { LoadingStatus } from "@gradio/statustracker";
+	import type { FileData } from "@gradio/client";
+	import { normalise_file } from "@gradio/client";
+	import { tick } from "svelte";
+
+	// General Block Props
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let visible = true;
+	export let value: FileData | null;
+	export let container = true;
+	export let scale: number | null = null;
+	export let min_width: number | undefined = undefined;
+	export let loading_status: LoadingStatus;
+	export let label: string | null;
+
+	// Props for handling files
+	export let root: string;
+	export let proxy_url: string;
+
+	export let height: number = 500;
+	
+	export let gradio: Gradio<{
+		change: never;
+	}>;
+
+	let new_value: FileData | null;
+
+	async function handle_change(value, new_value) {
+		await tick();
+		value = new_value;
+		gradio.dispatch("change");
+	}
+
+	$: new_value = normalise_file(value, root, proxy_url);
+	let old_value = new_value;
+
+	$: if (JSON.stringify(new_value) !== JSON.stringify(old_value)) {
+		gradio.dispatch("change");
+		old_value = new_value;
+	}
+
+</script>
+
+<Block {visible} {elem_id} {elem_classes} {container} {scale} {min_width}>
+	{#if loading_status}
+		<StatusTracker
+			autoscroll={gradio.autoscroll}
+			i18n={gradio.i18n}
+			{...loading_status}
+		/>
+	{/if}
+	<BlockLabel show_label={true} Icon={Plot} label={label || "Folium Map"} />
+	{#if value}
+		<iframe src={new_value.url} title={label ?? "Folium Map"} height="{height}px"></iframe>
+	{:else}
+		<Empty unpadded_box={true} size="large"><Plot /></Empty>
+	{/if}
+
+</Block>
+
+<style>
+	iframe	 {
+		display: flex;
+		width: var(--size-full);
+	}
+</style>
+

src/frontend/package-lock.json

@@ -0,0 +1,981 @@
+{
+  "name": "gradio_foliumtest",
+  "version": "0.2.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "gradio_foliumtest",
+      "version": "0.2.0",
+      "license": "ISC",
+      "dependencies": {
+        "@gradio/atoms": "0.2.0",
+        "@gradio/client": "*",
+        "@gradio/statustracker": "0.3.0",
+        "@gradio/utils": "0.2.0"
+      }
+    },
+    "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.0",
+      "resolved": "https://registry.npmjs.org/@gradio/atoms/-/atoms-0.2.0.tgz",
+      "integrity": "sha512-7pTXJTZv+KECtTG9vqeq9j7vz5OKkp+TRvh+O4yMbtkvxFEbhYaaUngkWFX26btGiveD+V4RG4qrP17jqpSdGA==",
+      "dependencies": {
+        "@gradio/icons": "^0.2.0",
+        "@gradio/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@gradio/client": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/@gradio/client/-/client-0.7.0.tgz",
+      "integrity": "sha512-zreSo91H/G8lNe4K8J4FGSq+0mIPTTozHC76vsHrNJjRMqts0ZPBv5+3SJuxYh1n5NvTqsdLEFSkaQnHiPeB2w==",
+      "dependencies": {
+        "bufferutil": "^4.0.7",
+        "semiver": "^1.1.0",
+        "ws": "^8.13.0"
+      },
+      "engines": {
+        "node": ">=18.0.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.0",
+      "resolved": "https://registry.npmjs.org/@gradio/statustracker/-/statustracker-0.3.0.tgz",
+      "integrity": "sha512-8F3ezqPoGpq7B0EFYGVJkiYOrXCJLMEBcjLTOk2NeM2tXUoOCTieSvJEOstLzM0KkHwY7FvVrc3Dn5iqfIq2lQ==",
+      "dependencies": {
+        "@gradio/atoms": "^0.2.0",
+        "@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.4",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.4.tgz",
+      "integrity": "sha512-2JwWnHK9H+wUZNorf2Zr6ves96WHoWDJIftkcxPKsS7Djta6Zu519LarhRNljPXkpsZR2ZMwNCPeW7omW07BJw==",
+      "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/bufferutil": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.8.tgz",
+      "integrity": "sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "node-gyp-build": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=6.14.2"
+      }
+    },
+    "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/node-gyp-build": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.1.tgz",
+      "integrity": "sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ==",
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
+    "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/semiver": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/semiver/-/semiver-1.1.0.tgz",
+      "integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==",
+      "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/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=="
+    },
+    "node_modules/ws": {
+      "version": "8.14.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    }
+  }
+}

src/frontend/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "gradio_foliumtest",
+  "version": "0.2.0",
+  "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.0",
+    "@gradio/statustracker": "0.3.0",
+    "@gradio/utils": "0.2.0",
+    "@gradio/client": "*"
+  }
+}

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_foliumtest"
+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-Fallback"
+]
+# Add dependencies here
+dependencies = ["gradio>=4.0,<5.0", "folium"]
+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_foliumtest/templates", "*.pyi", "backend/gradio_foliumtest/templates", "backend/gradio_foliumtest/templates", "backend/gradio_foliumtest/templates", "backend/gradio_foliumtest/templates", "backend/gradio_foliumtest/templates", "backend/gradio_foliumtest/templates"]
+
+[tool.hatch.build.targets.wheel]
+packages = ["/backend/gradio_foliumtest"]