diff --git "a/src/backend/gradio_image_annotation/templates/example/index.js" "b/src/backend/gradio_image_annotation/templates/example/index.js"
--- "a/src/backend/gradio_image_annotation/templates/example/index.js"
+++ "b/src/backend/gradio_image_annotation/templates/example/index.js"
@@ -1,25 +1,25 @@
-const { setContext: bo, getContext: Tn } = window.__gradio__svelte__internal, qn = "WORKER_PROXY_CONTEXT_KEY";
+const { setContext: go, getContext: Tn } = window.__gradio__svelte__internal, In = "WORKER_PROXY_CONTEXT_KEY";
 function On() {
-  return Tn(qn);
+  return Tn(In);
 }
-function In(n) {
+function Un(n) {
   return n.host === window.location.host || n.host === "localhost:7860" || n.host === "127.0.0.1:7860" || // Ref: https://github.com/gradio-app/gradio/blob/v3.32.0/js/app/src/Index.svelte#L194
   n.host === "lite.local";
 }
-function jn(n, e) {
+function Wn(n, e) {
   const t = e.toLowerCase();
   for (const [i, s] of Object.entries(n))
     if (i.toLowerCase() === t)
       return s;
 }
-function Un(n) {
+function Vn(n) {
   if (n == null)
     return !1;
   const e = new URL(n, window.location.href);
-  return !(!In(e) || e.protocol !== "http:" && e.protocol !== "https:");
+  return !(!Un(e) || e.protocol !== "http:" && e.protocol !== "https:");
 }
-async function Wn(n) {
-  if (n == null || !Un(n))
+async function jn(n) {
+  if (n == null || !Vn(n))
     return n;
   const e = On();
   if (e == null)
@@ -34,134 +34,134 @@ async function Wn(n) {
     if (s.status !== 200)
       throw new Error(`Failed to get file ${i} from the Wasm worker.`);
     const o = new Blob([s.body], {
-      type: jn(s.headers, "content-type")
+      type: Wn(s.headers, "content-type")
     });
     return URL.createObjectURL(o);
   });
 }
 const {
-  SvelteComponent: Vn,
-  append: $,
-  attr: x,
-  detach: Nn,
+  SvelteComponent: Nn,
+  append: ee,
+  attr: p,
+  detach: Pn,
   init: Fn,
-  insert: Pn,
-  noop: at,
-  safe_not_equal: Kn,
-  set_style: ee,
-  svg_element: Q
+  insert: Kn,
+  noop: rt,
+  safe_not_equal: Gn,
+  set_style: te,
+  svg_element: Z
 } = window.__gradio__svelte__internal;
-function Gn(n) {
+function Jn(n) {
   let e, t, i, s, o, r, a, l, u;
   return {
     c() {
-      e = Q("svg"), t = Q("rect"), i = Q("rect"), s = Q("rect"), o = Q("rect"), r = Q("line"), a = Q("line"), l = Q("line"), u = Q("line"), x(t, "x", "2"), x(t, "y", "2"), x(t, "width", "5"), x(t, "height", "5"), x(t, "rx", "1"), x(t, "ry", "1"), x(t, "stroke-width", "2"), x(t, "fill", "none"), x(i, "x", "17"), x(i, "y", "2"), x(i, "width", "5"), x(i, "height", "5"), x(i, "rx", "1"), x(i, "ry", "1"), x(i, "stroke-width", "2"), x(i, "fill", "none"), x(s, "x", "2"), x(s, "y", "17"), x(s, "width", "5"), x(s, "height", "5"), x(s, "rx", "1"), x(s, "ry", "1"), x(s, "stroke-width", "2"), x(s, "fill", "none"), x(o, "x", "17"), x(o, "y", "17"), x(o, "width", "5"), x(o, "height", "5"), x(o, "rx", "1"), x(o, "ry", "1"), x(o, "stroke-width", "2"), x(o, "fill", "none"), x(r, "x1", "7.5"), x(r, "y1", "4.5"), x(r, "x2", "16"), x(r, "y2", "4.5"), ee(r, "stroke-width", "2px"), x(a, "x1", "7.5"), x(a, "y1", "19.5"), x(a, "x2", "16"), x(a, "y2", "19.5"), ee(a, "stroke-width", "2px"), x(l, "x1", "4.5"), x(l, "y1", "8"), x(l, "x2", "4.5"), x(l, "y2", "16"), ee(l, "stroke-width", "2px"), x(u, "x1", "19.5"), x(u, "y1", "8"), x(u, "x2", "19.5"), x(u, "y2", "16"), ee(u, "stroke-width", "2px"), x(e, "width", "100%"), x(e, "height", "100%"), x(e, "viewBox", "0 0 24 24"), x(e, "version", "1.1"), x(e, "xmlns", "http://www.w3.org/2000/svg"), x(e, "xmlns:xlink", "http://www.w3.org/1999/xlink"), x(e, "xml:space", "preserve"), x(e, "stroke", "currentColor"), ee(e, "fill-rule", "evenodd"), ee(e, "clip-rule", "evenodd"), ee(e, "stroke-linecap", "round"), ee(e, "stroke-linejoin", "round");
+      e = Z("svg"), t = Z("rect"), i = Z("rect"), s = Z("rect"), o = Z("rect"), r = Z("line"), a = Z("line"), l = Z("line"), u = Z("line"), p(t, "x", "2"), p(t, "y", "2"), p(t, "width", "5"), p(t, "height", "5"), p(t, "rx", "1"), p(t, "ry", "1"), p(t, "stroke-width", "2"), p(t, "fill", "none"), p(i, "x", "17"), p(i, "y", "2"), p(i, "width", "5"), p(i, "height", "5"), p(i, "rx", "1"), p(i, "ry", "1"), p(i, "stroke-width", "2"), p(i, "fill", "none"), p(s, "x", "2"), p(s, "y", "17"), p(s, "width", "5"), p(s, "height", "5"), p(s, "rx", "1"), p(s, "ry", "1"), p(s, "stroke-width", "2"), p(s, "fill", "none"), p(o, "x", "17"), p(o, "y", "17"), p(o, "width", "5"), p(o, "height", "5"), p(o, "rx", "1"), p(o, "ry", "1"), p(o, "stroke-width", "2"), p(o, "fill", "none"), p(r, "x1", "7.5"), p(r, "y1", "4.5"), p(r, "x2", "16"), p(r, "y2", "4.5"), te(r, "stroke-width", "2px"), p(a, "x1", "7.5"), p(a, "y1", "19.5"), p(a, "x2", "16"), p(a, "y2", "19.5"), te(a, "stroke-width", "2px"), p(l, "x1", "4.5"), p(l, "y1", "8"), p(l, "x2", "4.5"), p(l, "y2", "16"), te(l, "stroke-width", "2px"), p(u, "x1", "19.5"), p(u, "y1", "8"), p(u, "x2", "19.5"), p(u, "y2", "16"), te(u, "stroke-width", "2px"), p(e, "width", "100%"), p(e, "height", "100%"), p(e, "viewBox", "0 0 24 24"), p(e, "version", "1.1"), p(e, "xmlns", "http://www.w3.org/2000/svg"), p(e, "xmlns:xlink", "http://www.w3.org/1999/xlink"), p(e, "xml:space", "preserve"), p(e, "stroke", "currentColor"), te(e, "fill-rule", "evenodd"), te(e, "clip-rule", "evenodd"), te(e, "stroke-linecap", "round"), te(e, "stroke-linejoin", "round");
     },
     m(c, f) {
-      Pn(c, e, f), $(e, t), $(e, i), $(e, s), $(e, o), $(e, r), $(e, a), $(e, l), $(e, u);
+      Kn(c, e, f), ee(e, t), ee(e, i), ee(e, s), ee(e, o), ee(e, r), ee(e, a), ee(e, l), ee(e, u);
     },
-    p: at,
-    i: at,
-    o: at,
+    p: rt,
+    i: rt,
+    o: rt,
     d(c) {
-      c && Nn(e);
+      c && Pn(e);
     }
   };
 }
-class Jn extends Vn {
+class Zn extends Nn {
   constructor(e) {
-    super(), Fn(this, e, null, Gn, Kn, {});
+    super(), Fn(this, e, null, Jn, Gn, {});
   }
 }
 const {
-  SvelteComponent: Zn,
-  append: Qn,
-  attr: F,
-  detach: $n,
-  init: ei,
-  insert: ti,
-  noop: rt,
-  safe_not_equal: ni,
-  set_style: je,
-  svg_element: Xt
+  SvelteComponent: Qn,
+  append: $n,
+  attr: N,
+  detach: ei,
+  init: ti,
+  insert: ni,
+  noop: ft,
+  safe_not_equal: ii,
+  set_style: We,
+  svg_element: Yt
 } = window.__gradio__svelte__internal;
-function ii(n) {
+function si(n) {
   let e, t;
   return {
     c() {
-      e = Xt("svg"), t = Xt("path"), F(t, "d", "M 14.4 2.85 V 11.1 V 3.95 C 14.4 3.0387 15.1388 2.3 16.05 2.3 C 16.9612 2.3 17.7 3.0387 17.7 3.95 V 11.1 V 7.25 C 17.7 6.3387 18.4388 5.6 19.35 5.6 C 20.2612 5.6 21 6.3387 21 7.25 V 16.6 C 21 20.2451 18.0451 23.2 14.4 23.2 H 13.16 C 11.4831 23.2 9.8692 22.5618 8.6459 21.4149 L 3.1915 16.3014 C 2.403 15.5622 2.3829 14.3171 3.1472 13.5528 C 3.8943 12.8057 5.1057 12.8057 5.8528 13.5528 L 7.8 15.5 V 6.15 C 7.8 5.2387 8.5387 4.5 9.45 4.5 C 10.3612 4.5 11.1 5.2387 11.1 6.15 V 11.1 V 2.85 C 11.1 1.9387 11.8388 1.2 12.75 1.2 C 13.6612 1.2 14.4 1.9387 14.4 2.85 Z"), F(t, "fill", "none"), F(t, "stroke-width", "2"), F(e, "width", "100%"), F(e, "height", "100%"), F(e, "viewBox", "0 0 24 24"), F(e, "version", "1.1"), F(e, "xmlns", "http://www.w3.org/2000/svg"), F(e, "xmlns:xlink", "http://www.w3.org/1999/xlink"), F(e, "xml:space", "preserve"), F(e, "stroke", "currentColor"), je(e, "fill-rule", "evenodd"), je(e, "clip-rule", "evenodd"), je(e, "stroke-linecap", "round"), je(e, "stroke-linejoin", "round");
+      e = Yt("svg"), t = Yt("path"), N(t, "d", "M 14.4 2.85 V 11.1 V 3.95 C 14.4 3.0387 15.1388 2.3 16.05 2.3 C 16.9612 2.3 17.7 3.0387 17.7 3.95 V 11.1 V 7.25 C 17.7 6.3387 18.4388 5.6 19.35 5.6 C 20.2612 5.6 21 6.3387 21 7.25 V 16.6 C 21 20.2451 18.0451 23.2 14.4 23.2 H 13.16 C 11.4831 23.2 9.8692 22.5618 8.6459 21.4149 L 3.1915 16.3014 C 2.403 15.5622 2.3829 14.3171 3.1472 13.5528 C 3.8943 12.8057 5.1057 12.8057 5.8528 13.5528 L 7.8 15.5 V 6.15 C 7.8 5.2387 8.5387 4.5 9.45 4.5 C 10.3612 4.5 11.1 5.2387 11.1 6.15 V 11.1 V 2.85 C 11.1 1.9387 11.8388 1.2 12.75 1.2 C 13.6612 1.2 14.4 1.9387 14.4 2.85 Z"), N(t, "fill", "none"), N(t, "stroke-width", "2"), N(e, "width", "100%"), N(e, "height", "100%"), N(e, "viewBox", "0 0 24 24"), N(e, "version", "1.1"), N(e, "xmlns", "http://www.w3.org/2000/svg"), N(e, "xmlns:xlink", "http://www.w3.org/1999/xlink"), N(e, "xml:space", "preserve"), N(e, "stroke", "currentColor"), We(e, "fill-rule", "evenodd"), We(e, "clip-rule", "evenodd"), We(e, "stroke-linecap", "round"), We(e, "stroke-linejoin", "round");
     },
     m(i, s) {
-      ti(i, e, s), Qn(e, t);
+      ni(i, e, s), $n(e, t);
     },
-    p: rt,
-    i: rt,
-    o: rt,
+    p: ft,
+    i: ft,
+    o: ft,
     d(i) {
-      i && $n(e);
+      i && ei(e);
     }
   };
 }
-class si extends Zn {
+class li extends Qn {
   constructor(e) {
-    super(), ei(this, e, null, ii, ni, {});
+    super(), ti(this, e, null, si, ii, {});
   }
 }
 const {
-  SvelteComponent: li,
-  append: oi,
+  SvelteComponent: oi,
+  append: ai,
   attr: P,
-  detach: ai,
-  init: ri,
-  insert: fi,
-  noop: ft,
-  safe_not_equal: ci,
-  set_style: Ue,
-  svg_element: Yt
+  detach: ri,
+  init: fi,
+  insert: ci,
+  noop: ct,
+  safe_not_equal: ui,
+  set_style: Ve,
+  svg_element: qt
 } = window.__gradio__svelte__internal;
-function ui(n) {
+function hi(n) {
   let e, t;
   return {
     c() {
-      e = Yt("svg"), t = Yt("path"), P(t, "d", "M10 12L14 16M14 12L10 16M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6M18 6V16.2C18 17.8802 18 18.7202 17.673 19.362C17.3854 19.9265 16.9265 20.3854 16.362 20.673C15.7202 21 14.8802 21 13.2 21H10.8C9.11984 21 8.27976 21 7.63803 20.673C7.07354 20.3854 6.6146 19.9265 6.32698 19.362C6 18.7202 6 17.8802 6 16.2V6"), P(t, "fill", "none"), P(t, "stroke-width", "2"), P(e, "width", "100%"), P(e, "height", "100%"), P(e, "viewBox", "0 0 24 24"), P(e, "version", "1.1"), P(e, "xmlns", "http://www.w3.org/2000/svg"), P(e, "xmlns:xlink", "http://www.w3.org/1999/xlink"), P(e, "xml:space", "preserve"), P(e, "stroke", "currentColor"), Ue(e, "fill-rule", "evenodd"), Ue(e, "clip-rule", "evenodd"), Ue(e, "stroke-linecap", "round"), Ue(e, "stroke-linejoin", "round");
+      e = qt("svg"), t = qt("path"), P(t, "d", "M10 12L14 16M14 12L10 16M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6M18 6V16.2C18 17.8802 18 18.7202 17.673 19.362C17.3854 19.9265 16.9265 20.3854 16.362 20.673C15.7202 21 14.8802 21 13.2 21H10.8C9.11984 21 8.27976 21 7.63803 20.673C7.07354 20.3854 6.6146 19.9265 6.32698 19.362C6 18.7202 6 17.8802 6 16.2V6"), P(t, "fill", "none"), P(t, "stroke-width", "2"), P(e, "width", "100%"), P(e, "height", "100%"), P(e, "viewBox", "0 0 24 24"), P(e, "version", "1.1"), P(e, "xmlns", "http://www.w3.org/2000/svg"), P(e, "xmlns:xlink", "http://www.w3.org/1999/xlink"), P(e, "xml:space", "preserve"), P(e, "stroke", "currentColor"), Ve(e, "fill-rule", "evenodd"), Ve(e, "clip-rule", "evenodd"), Ve(e, "stroke-linecap", "round"), Ve(e, "stroke-linejoin", "round");
     },
     m(i, s) {
-      fi(i, e, s), oi(e, t);
+      ci(i, e, s), ai(e, t);
     },
-    p: ft,
-    i: ft,
-    o: ft,
+    p: ct,
+    i: ct,
+    o: ct,
     d(i) {
-      i && ai(e);
+      i && ri(e);
     }
   };
 }
-class hi extends li {
+class mi extends oi {
   constructor(e) {
-    super(), ri(this, e, null, ui, ci, {});
+    super(), fi(this, e, null, hi, ui, {});
   }
 }
 const {
-  SvelteComponent: mi,
-  attr: _i,
-  create_slot: di,
-  detach: bi,
-  element: gi,
-  get_all_dirty_from_scope: wi,
-  get_slot_changes: yi,
-  init: vi,
-  insert: ki,
-  safe_not_equal: pi,
-  transition_in: xi,
-  transition_out: Ci,
-  update_slot_base: Si
+  SvelteComponent: _i,
+  attr: di,
+  create_slot: bi,
+  detach: gi,
+  element: wi,
+  get_all_dirty_from_scope: yi,
+  get_slot_changes: vi,
+  init: ki,
+  insert: pi,
+  safe_not_equal: xi,
+  transition_in: Ci,
+  transition_out: Si,
+  update_slot_base: zi
 } = window.__gradio__svelte__internal;
-function zi(n) {
+function Bi(n) {
   let e, t;
   const i = (
     /*#slots*/
     n[1].default
-  ), s = di(
+  ), s = bi(
     i,
     n,
     /*$$scope*/
@@ -170,26 +170,26 @@ function zi(n) {
   );
   return {
     c() {
-      e = gi("div"), s && s.c(), _i(e, "class", "svelte-1hnfib2");
+      e = wi("div"), s && s.c(), di(e, "class", "svelte-1hnfib2");
     },
     m(o, r) {
-      ki(o, e, r), s && s.m(e, null), t = !0;
+      pi(o, e, r), s && s.m(e, null), t = !0;
     },
     p(o, [r]) {
       s && s.p && (!t || r & /*$$scope*/
-      1) && Si(
+      1) && zi(
         s,
         i,
         o,
         /*$$scope*/
         o[0],
-        t ? yi(
+        t ? vi(
           i,
           /*$$scope*/
           o[0],
           r,
           null
-        ) : wi(
+        ) : yi(
           /*$$scope*/
           o[0]
         ),
@@ -197,13 +197,13 @@ function zi(n) {
       );
     },
     i(o) {
-      t || (xi(s, o), t = !0);
+      t || (Ci(s, o), t = !0);
     },
     o(o) {
-      Ci(s, o), t = !1;
+      Si(s, o), t = !1;
     },
     d(o) {
-      o && bi(e), s && s.d(o);
+      o && gi(e), s && s.d(o);
     }
   };
 }
@@ -213,49 +213,49 @@ function Ei(n, e, t) {
     "$$scope" in o && t(0, s = o.$$scope);
   }, [s, i];
 }
-class Bi extends mi {
+class Ai extends _i {
   constructor(e) {
-    super(), vi(this, e, Ei, zi, pi, {});
+    super(), ki(this, e, Ei, Bi, xi, {});
   }
 }
 const {
-  SvelteComponent: Ai,
+  SvelteComponent: Mi,
   attr: Dt,
-  check_outros: Mi,
-  create_component: Ri,
-  create_slot: Hi,
-  destroy_component: Xi,
-  detach: Pe,
-  element: Yi,
+  check_outros: Ri,
+  create_component: Hi,
+  create_slot: Xi,
+  destroy_component: Yi,
+  detach: Ke,
+  element: qi,
   empty: Di,
   get_all_dirty_from_scope: Li,
   get_slot_changes: Ti,
-  group_outros: qi,
+  group_outros: Ii,
   init: Oi,
-  insert: Ke,
-  mount_component: Ii,
-  safe_not_equal: ji,
-  set_data: Ui,
-  space: Wi,
-  text: Vi,
-  toggle_class: ue,
-  transition_in: ke,
-  transition_out: Ge,
-  update_slot_base: Ni
+  insert: Ge,
+  mount_component: Ui,
+  safe_not_equal: Wi,
+  set_data: Vi,
+  space: ji,
+  text: Ni,
+  toggle_class: me,
+  transition_in: pe,
+  transition_out: Je,
+  update_slot_base: Pi
 } = window.__gradio__svelte__internal;
 function Lt(n) {
   let e, t;
-  return e = new Bi({
+  return e = new Ai({
     props: {
       $$slots: { default: [Fi] },
       $$scope: { ctx: n }
     }
   }), {
     c() {
-      Ri(e.$$.fragment);
+      Hi(e.$$.fragment);
     },
     m(i, s) {
-      Ii(e, i, s), t = !0;
+      Ui(e, i, s), t = !0;
     },
     p(i, s) {
       const o = {};
@@ -263,13 +263,13 @@ function Lt(n) {
       10 && (o.$$scope = { dirty: s, ctx: i }), e.$set(o);
     },
     i(i) {
-      t || (ke(e.$$.fragment, i), t = !0);
+      t || (pe(e.$$.fragment, i), t = !0);
     },
     o(i) {
-      Ge(e.$$.fragment, i), t = !1;
+      Je(e.$$.fragment, i), t = !1;
     },
     d(i) {
-      Xi(e, i);
+      Yi(e, i);
     }
   };
 }
@@ -277,33 +277,33 @@ function Fi(n) {
   let e;
   return {
     c() {
-      e = Vi(
+      e = Ni(
         /*info*/
         n[1]
       );
     },
     m(t, i) {
-      Ke(t, e, i);
+      Ge(t, e, i);
     },
     p(t, i) {
       i & /*info*/
-      2 && Ui(
+      2 && Vi(
         e,
         /*info*/
         t[1]
       );
     },
     d(t) {
-      t && Pe(e);
+      t && Ke(e);
     }
   };
 }
-function Pi(n) {
+function Ki(n) {
   let e, t, i, s;
   const o = (
     /*#slots*/
     n[2].default
-  ), r = Hi(
+  ), r = Xi(
     o,
     n,
     /*$$scope*/
@@ -316,9 +316,9 @@ function Pi(n) {
   );
   return {
     c() {
-      e = Yi("span"), r && r.c(), t = Wi(), a && a.c(), i = Di(), Dt(e, "data-testid", "block-info"), Dt(e, "class", "svelte-22c38v"), ue(e, "sr-only", !/*show_label*/
-      n[0]), ue(e, "hide", !/*show_label*/
-      n[0]), ue(
+      e = qi("span"), r && r.c(), t = ji(), a && a.c(), i = Di(), Dt(e, "data-testid", "block-info"), Dt(e, "class", "svelte-22c38v"), me(e, "sr-only", !/*show_label*/
+      n[0]), me(e, "hide", !/*show_label*/
+      n[0]), me(
         e,
         "has-info",
         /*info*/
@@ -326,11 +326,11 @@ function Pi(n) {
       );
     },
     m(l, u) {
-      Ke(l, e, u), r && r.m(e, null), Ke(l, t, u), a && a.m(l, u), Ke(l, i, u), s = !0;
+      Ge(l, e, u), r && r.m(e, null), Ge(l, t, u), a && a.m(l, u), Ge(l, i, u), s = !0;
     },
     p(l, [u]) {
       r && r.p && (!s || u & /*$$scope*/
-      8) && Ni(
+      8) && Pi(
         r,
         o,
         l,
@@ -348,77 +348,77 @@ function Pi(n) {
         ),
         null
       ), (!s || u & /*show_label*/
-      1) && ue(e, "sr-only", !/*show_label*/
+      1) && me(e, "sr-only", !/*show_label*/
       l[0]), (!s || u & /*show_label*/
-      1) && ue(e, "hide", !/*show_label*/
+      1) && me(e, "hide", !/*show_label*/
       l[0]), (!s || u & /*info*/
-      2) && ue(
+      2) && me(
         e,
         "has-info",
         /*info*/
         l[1] != null
       ), /*info*/
       l[1] ? a ? (a.p(l, u), u & /*info*/
-      2 && ke(a, 1)) : (a = Lt(l), a.c(), ke(a, 1), a.m(i.parentNode, i)) : a && (qi(), Ge(a, 1, 1, () => {
+      2 && pe(a, 1)) : (a = Lt(l), a.c(), pe(a, 1), a.m(i.parentNode, i)) : a && (Ii(), Je(a, 1, 1, () => {
         a = null;
-      }), Mi());
+      }), Ri());
     },
     i(l) {
-      s || (ke(r, l), ke(a), s = !0);
+      s || (pe(r, l), pe(a), s = !0);
     },
     o(l) {
-      Ge(r, l), Ge(a), s = !1;
+      Je(r, l), Je(a), s = !1;
     },
     d(l) {
-      l && (Pe(e), Pe(t), Pe(i)), r && r.d(l), a && a.d(l);
+      l && (Ke(e), Ke(t), Ke(i)), r && r.d(l), a && a.d(l);
     }
   };
 }
-function Ki(n, e, t) {
+function Gi(n, e, t) {
   let { $$slots: i = {}, $$scope: s } = e, { show_label: o = !0 } = e, { info: r = void 0 } = e;
   return n.$$set = (a) => {
     "show_label" in a && t(0, o = a.show_label), "info" in a && t(1, r = a.info), "$$scope" in a && t(3, s = a.$$scope);
   }, [o, r, i, s];
 }
-class un extends Ai {
+class hn extends Mi {
   constructor(e) {
-    super(), Oi(this, e, Ki, Pi, ji, { show_label: 0, info: 1 });
+    super(), Oi(this, e, Gi, Ki, Wi, { show_label: 0, info: 1 });
   }
 }
 const {
-  SvelteComponent: Gi,
-  append: Ji,
-  attr: he,
-  detach: Zi,
-  init: Qi,
-  insert: $i,
-  noop: ct,
-  safe_not_equal: es,
+  SvelteComponent: Ji,
+  append: Zi,
+  attr: _e,
+  detach: Qi,
+  init: $i,
+  insert: es,
+  noop: ut,
+  safe_not_equal: ts,
   svg_element: Tt
 } = window.__gradio__svelte__internal;
-function ts(n) {
+function ns(n) {
   let e, t;
   return {
     c() {
-      e = Tt("svg"), t = Tt("path"), he(t, "d", "M5 8l4 4 4-4z"), he(e, "class", "dropdown-arrow svelte-145leq6"), he(e, "xmlns", "http://www.w3.org/2000/svg"), he(e, "width", "100%"), he(e, "height", "100%"), he(e, "viewBox", "0 0 18 18");
+      e = Tt("svg"), t = Tt("path"), _e(t, "d", "M5 8l4 4 4-4z"), _e(e, "class", "dropdown-arrow svelte-145leq6"), _e(e, "xmlns", "http://www.w3.org/2000/svg"), _e(e, "width", "100%"), _e(e, "height", "100%"), _e(e, "viewBox", "0 0 18 18");
     },
     m(i, s) {
-      $i(i, e, s), Ji(e, t);
+      es(i, e, s), Zi(e, t);
     },
-    p: ct,
-    i: ct,
-    o: ct,
+    p: ut,
+    i: ut,
+    o: ut,
     d(i) {
-      i && Zi(e);
+      i && Qi(e);
     }
   };
 }
-class ns extends Gi {
+class is extends Ji {
   constructor(e) {
-    super(), Qi(this, e, null, ts, es, {});
+    super(), $i(this, e, null, ns, ts, {});
   }
 }
-const is = [
+const ss = [
   { color: "red", primary: 600, secondary: 100 },
   { color: "green", primary: 600, secondary: 100 },
   { color: "blue", primary: 600, secondary: 100 },
@@ -429,7 +429,7 @@ const is = [
   { color: "cyan", primary: 600, secondary: 100 },
   { color: "lime", primary: 500, secondary: 100 },
   { color: "pink", primary: 600, secondary: 100 }
-], qt = {
+], It = {
   inherit: "inherit",
   current: "currentColor",
   transparent: "transparent",
@@ -722,66 +722,66 @@ const is = [
     950: "#4c0519"
   }
 };
-is.reduce(
+ss.reduce(
   (n, { color: e, primary: t, secondary: i }) => ({
     ...n,
     [e]: {
-      primary: qt[e][t],
-      secondary: qt[e][i]
+      primary: It[e][t],
+      secondary: It[e][i]
     }
   }),
   {}
 );
 const {
-  SvelteComponent: ss,
+  SvelteComponent: ls,
   append: Ot,
-  attr: ut,
-  bubble: It,
-  create_component: ls,
-  destroy_component: os,
-  detach: hn,
-  element: jt,
-  init: as,
-  insert: mn,
-  listen: ht,
-  mount_component: rs,
-  run_all: fs,
-  safe_not_equal: cs,
-  set_data: us,
-  set_input_value: Ut,
-  space: hs,
-  text: ms,
-  transition_in: _s,
-  transition_out: ds
-} = window.__gradio__svelte__internal, { createEventDispatcher: bs, afterUpdate: gs } = window.__gradio__svelte__internal;
-function ws(n) {
+  attr: ht,
+  bubble: Ut,
+  create_component: os,
+  destroy_component: as,
+  detach: mn,
+  element: Wt,
+  init: rs,
+  insert: _n,
+  listen: mt,
+  mount_component: fs,
+  run_all: cs,
+  safe_not_equal: us,
+  set_data: hs,
+  set_input_value: Vt,
+  space: ms,
+  text: _s,
+  transition_in: ds,
+  transition_out: bs
+} = window.__gradio__svelte__internal, { createEventDispatcher: gs, afterUpdate: ws } = window.__gradio__svelte__internal;
+function ys(n) {
   let e;
   return {
     c() {
-      e = ms(
+      e = _s(
         /*label*/
         n[1]
       );
     },
     m(t, i) {
-      mn(t, e, i);
+      _n(t, e, i);
     },
     p(t, i) {
       i & /*label*/
-      2 && us(
+      2 && hs(
         e,
         /*label*/
         t[1]
       );
     },
     d(t) {
-      t && hn(e);
+      t && mn(e);
     }
   };
 }
-function ys(n) {
+function vs(n) {
   let e, t, i, s, o, r, a;
-  return t = new un({
+  return t = new hn({
     props: {
       show_label: (
         /*show_label*/
@@ -791,33 +791,33 @@ function ys(n) {
         /*info*/
         n[2]
       ),
-      $$slots: { default: [ws] },
+      $$slots: { default: [ys] },
       $$scope: { ctx: n }
     }
   }), {
     c() {
-      e = jt("label"), ls(t.$$.fragment), i = hs(), s = jt("input"), ut(s, "type", "color"), s.disabled = /*disabled*/
-      n[3], ut(s, "class", "svelte-16l8u73"), ut(e, "class", "block");
+      e = Wt("label"), os(t.$$.fragment), i = ms(), s = Wt("input"), ht(s, "type", "color"), s.disabled = /*disabled*/
+      n[3], ht(s, "class", "svelte-16l8u73"), ht(e, "class", "block");
     },
     m(l, u) {
-      mn(l, e, u), rs(t, e, null), Ot(e, i), Ot(e, s), Ut(
+      _n(l, e, u), fs(t, e, null), Ot(e, i), Ot(e, s), Vt(
         s,
         /*value*/
         n[0]
       ), o = !0, r || (a = [
-        ht(
+        mt(
           s,
           "input",
           /*input_input_handler*/
           n[8]
         ),
-        ht(
+        mt(
           s,
           "focus",
           /*focus_handler*/
           n[6]
         ),
-        ht(
+        mt(
           s,
           "blur",
           /*blur_handler*/
@@ -835,43 +835,43 @@ function ys(n) {
       2050 && (c.$$scope = { dirty: u, ctx: l }), t.$set(c), (!o || u & /*disabled*/
       8) && (s.disabled = /*disabled*/
       l[3]), u & /*value*/
-      1 && Ut(
+      1 && Vt(
         s,
         /*value*/
         l[0]
       );
     },
     i(l) {
-      o || (_s(t.$$.fragment, l), o = !0);
+      o || (ds(t.$$.fragment, l), o = !0);
     },
     o(l) {
-      ds(t.$$.fragment, l), o = !1;
+      bs(t.$$.fragment, l), o = !1;
     },
     d(l) {
-      l && hn(e), os(t), r = !1, fs(a);
+      l && mn(e), as(t), r = !1, cs(a);
     }
   };
 }
-function vs(n, e, t) {
+function ks(n, e, t) {
   let { value: i = "#000000" } = e, { value_is_output: s = !1 } = e, { label: o } = e, { info: r = void 0 } = e, { disabled: a = !1 } = e, { show_label: l = !0 } = e;
-  const u = bs();
+  const u = gs();
   function c() {
     u("change", i), s || u("input");
   }
-  gs(() => {
+  ws(() => {
     t(5, s = !1);
   });
-  function f(k) {
-    It.call(this, n, k);
+  function f(y) {
+    Ut.call(this, n, y);
   }
-  function d(k) {
-    It.call(this, n, k);
+  function d(y) {
+    Ut.call(this, n, y);
   }
   function g() {
     i = this.value, t(0, i);
   }
-  return n.$$set = (k) => {
-    "value" in k && t(0, i = k.value), "value_is_output" in k && t(5, s = k.value_is_output), "label" in k && t(1, o = k.label), "info" in k && t(2, r = k.info), "disabled" in k && t(3, a = k.disabled), "show_label" in k && t(4, l = k.show_label);
+  return n.$$set = (y) => {
+    "value" in y && t(0, i = y.value), "value_is_output" in y && t(5, s = y.value_is_output), "label" in y && t(1, o = y.label), "info" in y && t(2, r = y.info), "disabled" in y && t(3, a = y.disabled), "show_label" in y && t(4, l = y.show_label);
   }, n.$$.update = () => {
     n.$$.dirty & /*value*/
     1 && c();
@@ -887,9 +887,9 @@ function vs(n, e, t) {
     g
   ];
 }
-class ks extends ss {
+class ps extends ls {
   constructor(e) {
-    super(), as(this, e, vs, ys, cs, {
+    super(), rs(this, e, ks, vs, us, {
       value: 0,
       value_is_output: 5,
       label: 1,
@@ -899,7 +899,7 @@ class ks extends ss {
     });
   }
 }
-function Wt(n) {
+function jt(n) {
   const e = typeof n == "string" && n.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
   return e ? [parseFloat(e[1]), e[2] || "px"] : [
     /** @type {number} */
@@ -907,55 +907,55 @@ function Wt(n) {
     "px"
   ];
 }
-function ps(n) {
+function xs(n) {
   const e = n - 1;
   return e * e * e + 1;
 }
-function Vt(n, { delay: e = 0, duration: t = 400, easing: i = ps, x: s = 0, y: o = 0, opacity: r = 0 } = {}) {
-  const a = getComputedStyle(n), l = +a.opacity, u = a.transform === "none" ? "" : a.transform, c = l * (1 - r), [f, d] = Wt(s), [g, k] = Wt(o);
+function Nt(n, { delay: e = 0, duration: t = 400, easing: i = xs, x: s = 0, y: o = 0, opacity: r = 0 } = {}) {
+  const a = getComputedStyle(n), l = +a.opacity, u = a.transform === "none" ? "" : a.transform, c = l * (1 - r), [f, d] = jt(s), [g, y] = jt(o);
   return {
     delay: e,
     duration: t,
     easing: i,
-    css: (y, m) => `
-			transform: ${u} translate(${(1 - y) * f}${d}, ${(1 - y) * g}${k});
-			opacity: ${l - c * m}`
+    css: (v, w) => `
+			transform: ${u} translate(${(1 - v) * f}${d}, ${(1 - v) * g}${y});
+			opacity: ${l - c * w}`
   };
 }
 const {
-  SvelteComponent: xs,
-  append: _n,
+  SvelteComponent: Cs,
+  append: dn,
   attr: R,
-  bubble: Cs,
-  check_outros: Ss,
-  create_slot: dn,
+  bubble: Ss,
+  check_outros: zs,
+  create_slot: bn,
   detach: De,
-  element: it,
-  empty: zs,
-  get_all_dirty_from_scope: bn,
-  get_slot_changes: gn,
+  element: st,
+  empty: Bs,
+  get_all_dirty_from_scope: gn,
+  get_slot_changes: wn,
   group_outros: Es,
-  init: Bs,
+  init: As,
   insert: Le,
-  listen: As,
-  safe_not_equal: Ms,
+  listen: Ms,
+  safe_not_equal: Rs,
   set_style: T,
-  space: wn,
-  src_url_equal: $e,
-  toggle_class: we,
-  transition_in: et,
-  transition_out: tt,
-  update_slot_base: yn
+  space: yn,
+  src_url_equal: et,
+  toggle_class: ye,
+  transition_in: tt,
+  transition_out: nt,
+  update_slot_base: vn
 } = window.__gradio__svelte__internal;
-function Rs(n) {
+function Hs(n) {
   let e, t, i, s, o, r, a = (
     /*icon*/
-    n[7] && Nt(n)
+    n[7] && Pt(n)
   );
   const l = (
     /*#slots*/
     n[12].default
-  ), u = dn(
+  ), u = bn(
     l,
     n,
     /*$$scope*/
@@ -964,7 +964,7 @@ function Rs(n) {
   );
   return {
     c() {
-      e = it("button"), a && a.c(), t = wn(), u && u.c(), R(e, "class", i = /*size*/
+      e = st("button"), a && a.c(), t = yn(), u && u.c(), R(e, "class", i = /*size*/
       n[4] + " " + /*variant*/
       n[3] + " " + /*elem_classes*/
       n[1].join(" ") + " svelte-8huxfn"), R(
@@ -973,7 +973,7 @@ function Rs(n) {
         /*elem_id*/
         n[0]
       ), e.disabled = /*disabled*/
-      n[8], we(e, "hidden", !/*visible*/
+      n[8], ye(e, "hidden", !/*visible*/
       n[2]), T(
         e,
         "flex-grow",
@@ -989,7 +989,7 @@ function Rs(n) {
       n[10]}px, 100%))` : null);
     },
     m(c, f) {
-      Le(c, e, f), a && a.m(e, null), _n(e, t), u && u.m(e, null), s = !0, o || (r = As(
+      Le(c, e, f), a && a.m(e, null), dn(e, t), u && u.m(e, null), s = !0, o || (r = Ms(
         e,
         "click",
         /*click_handler*/
@@ -998,20 +998,20 @@ function Rs(n) {
     },
     p(c, f) {
       /*icon*/
-      c[7] ? a ? a.p(c, f) : (a = Nt(c), a.c(), a.m(e, t)) : a && (a.d(1), a = null), u && u.p && (!s || f & /*$$scope*/
-      2048) && yn(
+      c[7] ? a ? a.p(c, f) : (a = Pt(c), a.c(), a.m(e, t)) : a && (a.d(1), a = null), u && u.p && (!s || f & /*$$scope*/
+      2048) && vn(
         u,
         l,
         c,
         /*$$scope*/
         c[11],
-        s ? gn(
+        s ? wn(
           l,
           /*$$scope*/
           c[11],
           f,
           null
-        ) : bn(
+        ) : gn(
           /*$$scope*/
           c[11]
         ),
@@ -1029,7 +1029,7 @@ function Rs(n) {
       ), (!s || f & /*disabled*/
       256) && (e.disabled = /*disabled*/
       c[8]), (!s || f & /*size, variant, elem_classes, visible*/
-      30) && we(e, "hidden", !/*visible*/
+      30) && ye(e, "hidden", !/*visible*/
       c[2]), f & /*scale*/
       512 && T(
         e,
@@ -1048,17 +1048,17 @@ function Rs(n) {
       c[10]}px, 100%))` : null);
     },
     i(c) {
-      s || (et(u, c), s = !0);
+      s || (tt(u, c), s = !0);
     },
     o(c) {
-      tt(u, c), s = !1;
+      nt(u, c), s = !1;
     },
     d(c) {
       c && De(e), a && a.d(), u && u.d(c), o = !1, r();
     }
   };
 }
-function Hs(n) {
+function Xs(n) {
   let e, t, i, s, o = (
     /*icon*/
     n[7] && Ft(n)
@@ -1066,7 +1066,7 @@ function Hs(n) {
   const r = (
     /*#slots*/
     n[12].default
-  ), a = dn(
+  ), a = bn(
     r,
     n,
     /*$$scope*/
@@ -1075,7 +1075,7 @@ function Hs(n) {
   );
   return {
     c() {
-      e = it("a"), o && o.c(), t = wn(), a && a.c(), R(
+      e = st("a"), o && o.c(), t = yn(), a && a.c(), R(
         e,
         "href",
         /*link*/
@@ -1093,8 +1093,8 @@ function Hs(n) {
         "id",
         /*elem_id*/
         n[0]
-      ), we(e, "hidden", !/*visible*/
-      n[2]), we(
+      ), ye(e, "hidden", !/*visible*/
+      n[2]), ye(
         e,
         "disabled",
         /*disabled*/
@@ -1119,24 +1119,24 @@ function Hs(n) {
       n[10]}px, 100%))` : null);
     },
     m(l, u) {
-      Le(l, e, u), o && o.m(e, null), _n(e, t), a && a.m(e, null), s = !0;
+      Le(l, e, u), o && o.m(e, null), dn(e, t), a && a.m(e, null), s = !0;
     },
     p(l, u) {
       /*icon*/
       l[7] ? o ? o.p(l, u) : (o = Ft(l), o.c(), o.m(e, t)) : o && (o.d(1), o = null), a && a.p && (!s || u & /*$$scope*/
-      2048) && yn(
+      2048) && vn(
         a,
         r,
         l,
         /*$$scope*/
         l[11],
-        s ? gn(
+        s ? wn(
           r,
           /*$$scope*/
           l[11],
           u,
           null
-        ) : bn(
+        ) : gn(
           /*$$scope*/
           l[11]
         ),
@@ -1164,9 +1164,9 @@ function Hs(n) {
         /*elem_id*/
         l[0]
       ), (!s || u & /*size, variant, elem_classes, visible*/
-      30) && we(e, "hidden", !/*visible*/
+      30) && ye(e, "hidden", !/*visible*/
       l[2]), (!s || u & /*size, variant, elem_classes, disabled*/
-      282) && we(
+      282) && ye(
         e,
         "disabled",
         /*disabled*/
@@ -1195,21 +1195,21 @@ function Hs(n) {
       l[10]}px, 100%))` : null);
     },
     i(l) {
-      s || (et(a, l), s = !0);
+      s || (tt(a, l), s = !0);
     },
     o(l) {
-      tt(a, l), s = !1;
+      nt(a, l), s = !1;
     },
     d(l) {
       l && De(e), o && o.d(), a && a.d(l);
     }
   };
 }
-function Nt(n) {
+function Pt(n) {
   let e, t, i;
   return {
     c() {
-      e = it("img"), R(e, "class", "button-icon svelte-8huxfn"), $e(e.src, t = /*icon*/
+      e = st("img"), R(e, "class", "button-icon svelte-8huxfn"), et(e.src, t = /*icon*/
       n[7].url) || R(e, "src", t), R(e, "alt", i = `${/*value*/
       n[5]} icon`);
     },
@@ -1218,7 +1218,7 @@ function Nt(n) {
     },
     p(s, o) {
       o & /*icon*/
-      128 && !$e(e.src, t = /*icon*/
+      128 && !et(e.src, t = /*icon*/
       s[7].url) && R(e, "src", t), o & /*value*/
       32 && i !== (i = `${/*value*/
       s[5]} icon`) && R(e, "alt", i);
@@ -1232,7 +1232,7 @@ function Ft(n) {
   let e, t, i;
   return {
     c() {
-      e = it("img"), R(e, "class", "button-icon svelte-8huxfn"), $e(e.src, t = /*icon*/
+      e = st("img"), R(e, "class", "button-icon svelte-8huxfn"), et(e.src, t = /*icon*/
       n[7].url) || R(e, "src", t), R(e, "alt", i = `${/*value*/
       n[5]} icon`);
     },
@@ -1241,7 +1241,7 @@ function Ft(n) {
     },
     p(s, o) {
       o & /*icon*/
-      128 && !$e(e.src, t = /*icon*/
+      128 && !et(e.src, t = /*icon*/
       s[7].url) && R(e, "src", t), o & /*value*/
       32 && i !== (i = `${/*value*/
       s[5]} icon`) && R(e, "alt", i);
@@ -1251,9 +1251,9 @@ function Ft(n) {
     }
   };
 }
-function Xs(n) {
+function Ys(n) {
   let e, t, i, s;
-  const o = [Hs, Rs], r = [];
+  const o = [Xs, Hs], r = [];
   function a(l, u) {
     return (
       /*link*/
@@ -1263,35 +1263,35 @@ function Xs(n) {
   }
   return e = a(n), t = r[e] = o[e](n), {
     c() {
-      t.c(), i = zs();
+      t.c(), i = Bs();
     },
     m(l, u) {
       r[e].m(l, u), Le(l, i, u), s = !0;
     },
     p(l, [u]) {
       let c = e;
-      e = a(l), e === c ? r[e].p(l, u) : (Es(), tt(r[c], 1, 1, () => {
+      e = a(l), e === c ? r[e].p(l, u) : (Es(), nt(r[c], 1, 1, () => {
         r[c] = null;
-      }), Ss(), t = r[e], t ? t.p(l, u) : (t = r[e] = o[e](l), t.c()), et(t, 1), t.m(i.parentNode, i));
+      }), zs(), t = r[e], t ? t.p(l, u) : (t = r[e] = o[e](l), t.c()), tt(t, 1), t.m(i.parentNode, i));
     },
     i(l) {
-      s || (et(t), s = !0);
+      s || (tt(t), s = !0);
     },
     o(l) {
-      tt(t), s = !1;
+      nt(t), s = !1;
     },
     d(l) {
       l && De(i), r[e].d(l);
     }
   };
 }
-function Ys(n, e, t) {
-  let { $$slots: i = {}, $$scope: s } = e, { elem_id: o = "" } = e, { elem_classes: r = [] } = e, { visible: a = !0 } = e, { variant: l = "secondary" } = e, { size: u = "lg" } = e, { value: c = null } = e, { link: f = null } = e, { icon: d = null } = e, { disabled: g = !1 } = e, { scale: k = null } = e, { min_width: y = void 0 } = e;
-  function m(_) {
-    Cs.call(this, n, _);
+function qs(n, e, t) {
+  let { $$slots: i = {}, $$scope: s } = e, { elem_id: o = "" } = e, { elem_classes: r = [] } = e, { visible: a = !0 } = e, { variant: l = "secondary" } = e, { size: u = "lg" } = e, { value: c = null } = e, { link: f = null } = e, { icon: d = null } = e, { disabled: g = !1 } = e, { scale: y = null } = e, { min_width: v = void 0 } = e;
+  function w(h) {
+    Ss.call(this, n, h);
   }
-  return n.$$set = (_) => {
-    "elem_id" in _ && t(0, o = _.elem_id), "elem_classes" in _ && t(1, r = _.elem_classes), "visible" in _ && t(2, a = _.visible), "variant" in _ && t(3, l = _.variant), "size" in _ && t(4, u = _.size), "value" in _ && t(5, c = _.value), "link" in _ && t(6, f = _.link), "icon" in _ && t(7, d = _.icon), "disabled" in _ && t(8, g = _.disabled), "scale" in _ && t(9, k = _.scale), "min_width" in _ && t(10, y = _.min_width), "$$scope" in _ && t(11, s = _.$$scope);
+  return n.$$set = (h) => {
+    "elem_id" in h && t(0, o = h.elem_id), "elem_classes" in h && t(1, r = h.elem_classes), "visible" in h && t(2, a = h.visible), "variant" in h && t(3, l = h.variant), "size" in h && t(4, u = h.size), "value" in h && t(5, c = h.value), "link" in h && t(6, f = h.link), "icon" in h && t(7, d = h.icon), "disabled" in h && t(8, g = h.disabled), "scale" in h && t(9, y = h.scale), "min_width" in h && t(10, v = h.min_width), "$$scope" in h && t(11, s = h.$$scope);
   }, [
     o,
     r,
@@ -1302,16 +1302,16 @@ function Ys(n, e, t) {
     f,
     d,
     g,
-    k,
     y,
+    v,
     s,
     i,
-    m
+    w
   ];
 }
-class wt extends xs {
+class yt extends Cs {
   constructor(e) {
-    super(), Bs(this, e, Ys, Xs, Ms, {
+    super(), As(this, e, qs, Ys, Rs, {
       elem_id: 0,
       elem_classes: 1,
       visible: 2,
@@ -1328,55 +1328,55 @@ class wt extends xs {
 }
 const {
   SvelteComponent: Ds,
-  add_render_callback: vn,
-  append: We,
+  add_render_callback: kn,
+  append: je,
   attr: O,
-  binding_callbacks: Pt,
+  binding_callbacks: Kt,
   check_outros: Ls,
-  create_bidirectional_transition: Kt,
+  create_bidirectional_transition: Gt,
   destroy_each: Ts,
-  detach: Be,
-  element: nt,
-  empty: qs,
-  ensure_array_like: Gt,
+  detach: Ae,
+  element: it,
+  empty: Is,
+  ensure_array_like: Jt,
   group_outros: Os,
-  init: Is,
-  insert: Ae,
-  listen: yt,
-  prevent_default: js,
-  run_all: Us,
-  safe_not_equal: Ws,
-  set_data: Vs,
-  set_style: me,
-  space: vt,
-  text: Ns,
-  toggle_class: K,
-  transition_in: mt,
-  transition_out: Jt
+  init: Us,
+  insert: Me,
+  listen: vt,
+  prevent_default: Ws,
+  run_all: Vs,
+  safe_not_equal: js,
+  set_data: Ns,
+  set_style: de,
+  space: kt,
+  text: Ps,
+  toggle_class: F,
+  transition_in: _t,
+  transition_out: Zt
 } = window.__gradio__svelte__internal, { createEventDispatcher: Fs } = window.__gradio__svelte__internal;
-function Zt(n, e, t) {
+function Qt(n, e, t) {
   const i = n.slice();
   return i[26] = e[t], i;
 }
-function Qt(n) {
-  let e, t, i, s, o, r = Gt(
+function $t(n) {
+  let e, t, i, s, o, r = Jt(
     /*filtered_indices*/
     n[1]
   ), a = [];
   for (let l = 0; l < r.length; l += 1)
-    a[l] = $t(Zt(n, r, l));
+    a[l] = en(Qt(n, r, l));
   return {
     c() {
-      e = nt("ul");
+      e = it("ul");
       for (let l = 0; l < a.length; l += 1)
         a[l].c();
-      O(e, "class", "options svelte-yuohum"), O(e, "role", "listbox"), me(
+      O(e, "class", "options svelte-yuohum"), O(e, "role", "listbox"), de(
         e,
         "bottom",
         /*bottom*/
         n[9]
-      ), me(e, "max-height", `calc(${/*max_height*/
-      n[10]}px - var(--window-padding))`), me(
+      ), de(e, "max-height", `calc(${/*max_height*/
+      n[10]}px - var(--window-padding))`), de(
         e,
         "width",
         /*input_width*/
@@ -1384,10 +1384,10 @@ function Qt(n) {
       );
     },
     m(l, u) {
-      Ae(l, e, u);
+      Me(l, e, u);
       for (let c = 0; c < a.length; c += 1)
         a[c] && a[c].m(e, null);
-      n[22](e), i = !0, s || (o = yt(e, "mousedown", js(
+      n[22](e), i = !0, s || (o = vt(e, "mousedown", Ws(
         /*mousedown_handler*/
         n[21]
       )), s = !0);
@@ -1395,29 +1395,29 @@ function Qt(n) {
     p(l, u) {
       if (u & /*filtered_indices, choices, selected_indices, active_index*/
       51) {
-        r = Gt(
+        r = Jt(
           /*filtered_indices*/
           l[1]
         );
         let c;
         for (c = 0; c < r.length; c += 1) {
-          const f = Zt(l, r, c);
-          a[c] ? a[c].p(f, u) : (a[c] = $t(f), a[c].c(), a[c].m(e, null));
+          const f = Qt(l, r, c);
+          a[c] ? a[c].p(f, u) : (a[c] = en(f), a[c].c(), a[c].m(e, null));
         }
         for (; c < a.length; c += 1)
           a[c].d(1);
         a.length = r.length;
       }
       u & /*bottom*/
-      512 && me(
+      512 && de(
         e,
         "bottom",
         /*bottom*/
         l[9]
       ), u & /*max_height*/
-      1024 && me(e, "max-height", `calc(${/*max_height*/
+      1024 && de(e, "max-height", `calc(${/*max_height*/
       l[10]}px - var(--window-padding))`), u & /*input_width*/
-      256 && me(
+      256 && de(
         e,
         "width",
         /*input_width*/
@@ -1425,19 +1425,19 @@ function Qt(n) {
       );
     },
     i(l) {
-      i || (l && vn(() => {
-        i && (t || (t = Kt(e, Vt, { duration: 200, y: 5 }, !0)), t.run(1));
+      i || (l && kn(() => {
+        i && (t || (t = Gt(e, Nt, { duration: 200, y: 5 }, !0)), t.run(1));
       }), i = !0);
     },
     o(l) {
-      l && (t || (t = Kt(e, Vt, { duration: 200, y: 5 }, !1)), t.run(0)), i = !1;
+      l && (t || (t = Gt(e, Nt, { duration: 200, y: 5 }, !1)), t.run(0)), i = !1;
     },
     d(l) {
-      l && Be(e), Ts(a, l), n[22](null), l && t && t.end(), s = !1, o();
+      l && Ae(e), Ts(a, l), n[22](null), l && t && t.end(), s = !1, o();
     }
   };
 }
-function $t(n) {
+function en(n) {
   let e, t, i, s = (
     /*choices*/
     n[0][
@@ -1447,7 +1447,7 @@ function $t(n) {
   ), o, r, a, l, u;
   return {
     c() {
-      e = nt("li"), t = nt("span"), t.textContent = "✓", i = vt(), o = Ns(s), r = vt(), O(t, "class", "inner-item svelte-yuohum"), K(t, "hide", !/*selected_indices*/
+      e = it("li"), t = it("span"), t.textContent = "✓", i = kt(), o = Ps(s), r = kt(), O(t, "class", "inner-item svelte-yuohum"), F(t, "hide", !/*selected_indices*/
       n[4].includes(
         /*index*/
         n[26]
@@ -1460,7 +1460,7 @@ function $t(n) {
       n[4].includes(
         /*index*/
         n[26]
-      )), K(
+      )), F(
         e,
         "selected",
         /*selected_indices*/
@@ -1468,19 +1468,19 @@ function $t(n) {
           /*index*/
           n[26]
         )
-      ), K(
+      ), F(
         e,
         "active",
         /*index*/
         n[26] === /*active_index*/
         n[5]
-      ), K(
+      ), F(
         e,
         "bg-gray-100",
         /*index*/
         n[26] === /*active_index*/
         n[5]
-      ), K(
+      ), F(
         e,
         "dark:bg-gray-600",
         /*index*/
@@ -1489,11 +1489,11 @@ function $t(n) {
       );
     },
     m(c, f) {
-      Ae(c, e, f), We(e, t), We(e, i), We(e, o), We(e, r);
+      Me(c, e, f), je(e, t), je(e, i), je(e, o), je(e, r);
     },
     p(c, f) {
       f & /*selected_indices, filtered_indices*/
-      18 && K(t, "hide", !/*selected_indices*/
+      18 && F(t, "hide", !/*selected_indices*/
       c[4].includes(
         /*index*/
         c[26]
@@ -1502,7 +1502,7 @@ function $t(n) {
       c[0][
         /*index*/
         c[26]
-      ][0] + "") && Vs(o, s), f & /*filtered_indices*/
+      ][0] + "") && Ns(o, s), f & /*filtered_indices*/
       2 && a !== (a = /*index*/
       c[26]) && O(e, "data-index", a), f & /*choices, filtered_indices*/
       3 && l !== (l = /*choices*/
@@ -1515,7 +1515,7 @@ function $t(n) {
         /*index*/
         c[26]
       )) && O(e, "aria-selected", u), f & /*selected_indices, filtered_indices*/
-      18 && K(
+      18 && F(
         e,
         "selected",
         /*selected_indices*/
@@ -1524,21 +1524,21 @@ function $t(n) {
           c[26]
         )
       ), f & /*filtered_indices, active_index*/
-      34 && K(
+      34 && F(
         e,
         "active",
         /*index*/
         c[26] === /*active_index*/
         c[5]
       ), f & /*filtered_indices, active_index*/
-      34 && K(
+      34 && F(
         e,
         "bg-gray-100",
         /*index*/
         c[26] === /*active_index*/
         c[5]
       ), f & /*filtered_indices, active_index*/
-      34 && K(
+      34 && F(
         e,
         "dark:bg-gray-600",
         /*index*/
@@ -1547,34 +1547,34 @@ function $t(n) {
       );
     },
     d(c) {
-      c && Be(e);
+      c && Ae(e);
     }
   };
 }
-function Ps(n) {
+function Ks(n) {
   let e, t, i, s, o;
-  vn(
+  kn(
     /*onwindowresize*/
     n[19]
   );
   let r = (
     /*show_options*/
     n[2] && !/*disabled*/
-    n[3] && Qt(n)
+    n[3] && $t(n)
   );
   return {
     c() {
-      e = nt("div"), t = vt(), r && r.c(), i = qs(), O(e, "class", "reference");
+      e = it("div"), t = kt(), r && r.c(), i = Is(), O(e, "class", "reference");
     },
     m(a, l) {
-      Ae(a, e, l), n[20](e), Ae(a, t, l), r && r.m(a, l), Ae(a, i, l), s || (o = [
-        yt(
+      Me(a, e, l), n[20](e), Me(a, t, l), r && r.m(a, l), Me(a, i, l), s || (o = [
+        vt(
           window,
           "scroll",
           /*scroll_listener*/
           n[12]
         ),
-        yt(
+        vt(
           window,
           "resize",
           /*onwindowresize*/
@@ -1586,71 +1586,71 @@ function Ps(n) {
       /*show_options*/
       a[2] && !/*disabled*/
       a[3] ? r ? (r.p(a, l), l & /*show_options, disabled*/
-      12 && mt(r, 1)) : (r = Qt(a), r.c(), mt(r, 1), r.m(i.parentNode, i)) : r && (Os(), Jt(r, 1, 1, () => {
+      12 && _t(r, 1)) : (r = $t(a), r.c(), _t(r, 1), r.m(i.parentNode, i)) : r && (Os(), Zt(r, 1, 1, () => {
         r = null;
       }), Ls());
     },
     i(a) {
-      mt(r);
+      _t(r);
     },
     o(a) {
-      Jt(r);
+      Zt(r);
     },
     d(a) {
-      a && (Be(e), Be(t), Be(i)), n[20](null), r && r.d(a), s = !1, Us(o);
+      a && (Ae(e), Ae(t), Ae(i)), n[20](null), r && r.d(a), s = !1, Vs(o);
     }
   };
 }
-function Ks(n, e, t) {
+function Gs(n, e, t) {
   var i, s;
-  let { choices: o } = e, { filtered_indices: r } = e, { show_options: a = !1 } = e, { disabled: l = !1 } = e, { selected_indices: u = [] } = e, { active_index: c = null } = e, f, d, g, k, y, m, _, v, h;
-  function b() {
-    const { top: z, bottom: Z } = y.getBoundingClientRect();
-    t(16, f = z), t(17, d = h - Z);
+  let { choices: o } = e, { filtered_indices: r } = e, { show_options: a = !1 } = e, { disabled: l = !1 } = e, { selected_indices: u = [] } = e, { active_index: c = null } = e, f, d, g, y, v, w, h, x, m;
+  function k() {
+    const { top: S, bottom: J } = v.getBoundingClientRect();
+    t(16, f = S), t(17, d = m - J);
   }
-  let p = null;
+  let _ = null;
   function A() {
-    a && (p !== null && clearTimeout(p), p = setTimeout(
+    a && (_ !== null && clearTimeout(_), _ = setTimeout(
       () => {
-        b(), p = null;
+        k(), _ = null;
       },
       10
     ));
   }
   const B = Fs();
   function C() {
-    t(11, h = window.innerHeight);
+    t(11, m = window.innerHeight);
   }
-  function M(z) {
-    Pt[z ? "unshift" : "push"](() => {
-      y = z, t(6, y);
+  function M(S) {
+    Kt[S ? "unshift" : "push"](() => {
+      v = S, t(6, v);
     });
   }
-  const D = (z) => B("change", z);
-  function V(z) {
-    Pt[z ? "unshift" : "push"](() => {
-      m = z, t(7, m);
+  const Y = (S) => B("change", S);
+  function j(S) {
+    Kt[S ? "unshift" : "push"](() => {
+      w = S, t(7, w);
     });
   }
-  return n.$$set = (z) => {
-    "choices" in z && t(0, o = z.choices), "filtered_indices" in z && t(1, r = z.filtered_indices), "show_options" in z && t(2, a = z.show_options), "disabled" in z && t(3, l = z.disabled), "selected_indices" in z && t(4, u = z.selected_indices), "active_index" in z && t(5, c = z.active_index);
+  return n.$$set = (S) => {
+    "choices" in S && t(0, o = S.choices), "filtered_indices" in S && t(1, r = S.filtered_indices), "show_options" in S && t(2, a = S.show_options), "disabled" in S && t(3, l = S.disabled), "selected_indices" in S && t(4, u = S.selected_indices), "active_index" in S && t(5, c = S.active_index);
   }, n.$$.update = () => {
     if (n.$$.dirty & /*show_options, refElement, listElement, selected_indices, _a, _b, distance_from_bottom, distance_from_top, input_height*/
     508116) {
-      if (a && y) {
-        if (m && u.length > 0) {
-          let Z = m.querySelectorAll("li");
-          for (const N of Array.from(Z))
-            if (N.getAttribute("data-index") === u[0].toString()) {
-              t(14, i = m == null ? void 0 : m.scrollTo) === null || i === void 0 || i.call(m, 0, N.offsetTop);
+      if (a && v) {
+        if (w && u.length > 0) {
+          let J = w.querySelectorAll("li");
+          for (const Q of Array.from(J))
+            if (Q.getAttribute("data-index") === u[0].toString()) {
+              t(14, i = w == null ? void 0 : w.scrollTo) === null || i === void 0 || i.call(w, 0, Q.offsetTop);
               break;
             }
         }
-        b();
-        const z = t(15, s = y.parentElement) === null || s === void 0 ? void 0 : s.getBoundingClientRect();
-        t(18, g = (z == null ? void 0 : z.height) || 0), t(8, k = (z == null ? void 0 : z.width) || 0);
+        k();
+        const S = t(15, s = v.parentElement) === null || s === void 0 ? void 0 : s.getBoundingClientRect();
+        t(18, g = (S == null ? void 0 : S.height) || 0), t(8, y = (S == null ? void 0 : S.width) || 0);
       }
-      d > f ? (t(10, v = d), t(9, _ = null)) : (t(9, _ = `${d + g}px`), t(10, v = f - g));
+      d > f ? (t(10, x = d), t(9, h = null)) : (t(9, h = `${d + g}px`), t(10, x = f - g));
     }
   }, [
     o,
@@ -1659,12 +1659,12 @@ function Ks(n, e, t) {
     l,
     u,
     c,
-    y,
-    m,
-    k,
-    _,
     v,
+    w,
+    y,
     h,
+    x,
+    m,
     A,
     B,
     i,
@@ -1674,13 +1674,13 @@ function Ks(n, e, t) {
     g,
     C,
     M,
-    D,
-    V
+    Y,
+    j
   ];
 }
-class Gs extends Ds {
+class Js extends Ds {
   constructor(e) {
-    super(), Is(this, e, Ks, Ps, Ws, {
+    super(), Us(this, e, Gs, Ks, js, {
       choices: 0,
       filtered_indices: 1,
       show_options: 2,
@@ -1690,16 +1690,16 @@ class Gs extends Ds {
     });
   }
 }
-function Js(n, e) {
+function Zs(n, e) {
   return (n % e + e) % e;
 }
-function en(n, e) {
+function tn(n, e) {
   return n.reduce((t, i, s) => ((!e || i[0].toLowerCase().includes(e.toLowerCase())) && t.push(s), t), []);
 }
-function Zs(n, e, t) {
+function Qs(n, e, t) {
   n("change", e), t || n("input");
 }
-function Qs(n, e, t) {
+function $s(n, e, t) {
   if (n.key === "Escape")
     return [!1, e];
   if ((n.key === "ArrowDown" || n.key === "ArrowUp") && t.length >= 0)
@@ -1707,83 +1707,83 @@ function Qs(n, e, t) {
       e = n.key === "ArrowDown" ? t[0] : t[t.length - 1];
     else {
       const i = t.indexOf(e), s = n.key === "ArrowUp" ? -1 : 1;
-      e = t[Js(i + s, t.length)];
+      e = t[Zs(i + s, t.length)];
     }
   return [!0, e];
 }
 const {
-  SvelteComponent: $s,
-  append: oe,
-  attr: q,
-  binding_callbacks: el,
-  check_outros: tl,
-  create_component: kt,
-  destroy_component: pt,
-  detach: St,
-  element: be,
-  group_outros: nl,
-  init: il,
-  insert: zt,
-  listen: ve,
-  mount_component: xt,
-  run_all: sl,
-  safe_not_equal: ll,
-  set_data: ol,
-  set_input_value: tn,
-  space: _t,
-  text: al,
-  toggle_class: _e,
-  transition_in: ge,
-  transition_out: pe
-} = window.__gradio__svelte__internal, { onMount: rl } = window.__gradio__svelte__internal, { createEventDispatcher: fl, afterUpdate: cl } = window.__gradio__svelte__internal;
-function ul(n) {
+  SvelteComponent: el,
+  append: ae,
+  attr: I,
+  binding_callbacks: tl,
+  check_outros: nl,
+  create_component: pt,
+  destroy_component: xt,
+  detach: zt,
+  element: ge,
+  group_outros: il,
+  init: sl,
+  insert: Bt,
+  listen: ke,
+  mount_component: Ct,
+  run_all: ll,
+  safe_not_equal: ol,
+  set_data: al,
+  set_input_value: nn,
+  space: dt,
+  text: rl,
+  toggle_class: be,
+  transition_in: we,
+  transition_out: xe
+} = window.__gradio__svelte__internal, { onMount: fl } = window.__gradio__svelte__internal, { createEventDispatcher: cl, afterUpdate: ul } = window.__gradio__svelte__internal;
+function hl(n) {
   let e;
   return {
     c() {
-      e = al(
+      e = rl(
         /*label*/
         n[0]
       );
     },
     m(t, i) {
-      zt(t, e, i);
+      Bt(t, e, i);
     },
     p(t, i) {
       i[0] & /*label*/
-      1 && ol(
+      1 && al(
         e,
         /*label*/
         t[0]
       );
     },
     d(t) {
-      t && St(e);
+      t && zt(e);
     }
   };
 }
-function nn(n) {
+function sn(n) {
   let e, t, i;
-  return t = new ns({}), {
+  return t = new is({}), {
     c() {
-      e = be("div"), kt(t.$$.fragment), q(e, "class", "icon-wrap svelte-1m1zvyj");
+      e = ge("div"), pt(t.$$.fragment), I(e, "class", "icon-wrap svelte-1m1zvyj");
     },
     m(s, o) {
-      zt(s, e, o), xt(t, e, null), i = !0;
+      Bt(s, e, o), Ct(t, e, null), i = !0;
     },
     i(s) {
-      i || (ge(t.$$.fragment, s), i = !0);
+      i || (we(t.$$.fragment, s), i = !0);
     },
     o(s) {
-      pe(t.$$.fragment, s), i = !1;
+      xe(t.$$.fragment, s), i = !1;
     },
     d(s) {
-      s && St(e), pt(t);
+      s && zt(e), xt(t);
     }
   };
 }
-function hl(n) {
-  let e, t, i, s, o, r, a, l, u, c, f, d, g, k;
-  t = new un({
+function ml(n) {
+  let e, t, i, s, o, r, a, l, u, c, f, d, g, y;
+  t = new hn({
     props: {
       show_label: (
         /*show_label*/
@@ -1793,13 +1793,13 @@ function hl(n) {
         /*info*/
         n[1]
       ),
-      $$slots: { default: [ul] },
+      $$slots: { default: [hl] },
       $$scope: { ctx: n }
     }
   });
-  let y = !/*disabled*/
-  n[3] && nn();
-  return f = new Gs({
+  let v = !/*disabled*/
+  n[3] && sn();
+  return f = new Js({
     props: {
       show_options: (
         /*show_options*/
@@ -1835,66 +1835,66 @@ function hl(n) {
     n[16]
   ), {
     c() {
-      e = be("div"), kt(t.$$.fragment), i = _t(), s = be("div"), o = be("div"), r = be("div"), a = be("input"), u = _t(), y && y.c(), c = _t(), kt(f.$$.fragment), q(a, "role", "listbox"), q(a, "aria-controls", "dropdown-options"), q(
+      e = ge("div"), pt(t.$$.fragment), i = dt(), s = ge("div"), o = ge("div"), r = ge("div"), a = ge("input"), u = dt(), v && v.c(), c = dt(), pt(f.$$.fragment), I(a, "role", "listbox"), I(a, "aria-controls", "dropdown-options"), I(
         a,
         "aria-expanded",
         /*show_options*/
         n[12]
-      ), q(
+      ), I(
         a,
         "aria-label",
         /*label*/
         n[0]
-      ), q(a, "class", "border-none svelte-1m1zvyj"), a.disabled = /*disabled*/
-      n[3], q(a, "autocomplete", "off"), a.readOnly = l = !/*filterable*/
-      n[7], _e(a, "subdued", !/*choices_names*/
+      ), I(a, "class", "border-none svelte-1m1zvyj"), a.disabled = /*disabled*/
+      n[3], I(a, "autocomplete", "off"), a.readOnly = l = !/*filterable*/
+      n[7], be(a, "subdued", !/*choices_names*/
       n[13].includes(
         /*input_text*/
         n[9]
       ) && !/*allow_custom_value*/
-      n[6]), q(r, "class", "secondary-wrap svelte-1m1zvyj"), q(o, "class", "wrap-inner svelte-1m1zvyj"), _e(
+      n[6]), I(r, "class", "secondary-wrap svelte-1m1zvyj"), I(o, "class", "wrap-inner svelte-1m1zvyj"), be(
         o,
         "show_options",
         /*show_options*/
         n[12]
-      ), q(s, "class", "wrap svelte-1m1zvyj"), q(e, "class", "svelte-1m1zvyj"), _e(
+      ), I(s, "class", "wrap svelte-1m1zvyj"), I(e, "class", "svelte-1m1zvyj"), be(
         e,
         "container",
         /*container*/
         n[5]
       );
     },
-    m(m, _) {
-      zt(m, e, _), xt(t, e, null), oe(e, i), oe(e, s), oe(s, o), oe(o, r), oe(r, a), tn(
+    m(w, h) {
+      Bt(w, e, h), Ct(t, e, null), ae(e, i), ae(e, s), ae(s, o), ae(o, r), ae(r, a), nn(
         a,
         /*input_text*/
         n[9]
-      ), n[29](a), oe(r, u), y && y.m(r, null), oe(s, c), xt(f, s, null), d = !0, g || (k = [
-        ve(
+      ), n[29](a), ae(r, u), v && v.m(r, null), ae(s, c), Ct(f, s, null), d = !0, g || (y = [
+        ke(
           a,
           "input",
           /*input_input_handler*/
           n[28]
         ),
-        ve(
+        ke(
           a,
           "keydown",
           /*handle_key_down*/
           n[19]
         ),
-        ve(
+        ke(
           a,
           "keyup",
           /*keyup_handler*/
           n[30]
         ),
-        ve(
+        ke(
           a,
           "blur",
           /*handle_blur*/
           n[18]
         ),
-        ve(
+        ke(
           a,
           "focus",
           /*handle_focus*/
@@ -1902,141 +1902,141 @@ function hl(n) {
         )
       ], g = !0);
     },
-    p(m, _) {
-      const v = {};
-      _[0] & /*show_label*/
-      16 && (v.show_label = /*show_label*/
-      m[4]), _[0] & /*info*/
-      2 && (v.info = /*info*/
-      m[1]), _[0] & /*label*/
-      1 | _[1] & /*$$scope*/
-      4 && (v.$$scope = { dirty: _, ctx: m }), t.$set(v), (!d || _[0] & /*show_options*/
-      4096) && q(
+    p(w, h) {
+      const x = {};
+      h[0] & /*show_label*/
+      16 && (x.show_label = /*show_label*/
+      w[4]), h[0] & /*info*/
+      2 && (x.info = /*info*/
+      w[1]), h[0] & /*label*/
+      1 | h[1] & /*$$scope*/
+      4 && (x.$$scope = { dirty: h, ctx: w }), t.$set(x), (!d || h[0] & /*show_options*/
+      4096) && I(
         a,
         "aria-expanded",
         /*show_options*/
-        m[12]
-      ), (!d || _[0] & /*label*/
-      1) && q(
+        w[12]
+      ), (!d || h[0] & /*label*/
+      1) && I(
         a,
         "aria-label",
         /*label*/
-        m[0]
-      ), (!d || _[0] & /*disabled*/
+        w[0]
+      ), (!d || h[0] & /*disabled*/
       8) && (a.disabled = /*disabled*/
-      m[3]), (!d || _[0] & /*filterable*/
+      w[3]), (!d || h[0] & /*filterable*/
       128 && l !== (l = !/*filterable*/
-      m[7])) && (a.readOnly = l), _[0] & /*input_text*/
+      w[7])) && (a.readOnly = l), h[0] & /*input_text*/
       512 && a.value !== /*input_text*/
-      m[9] && tn(
+      w[9] && nn(
         a,
         /*input_text*/
-        m[9]
-      ), (!d || _[0] & /*choices_names, input_text, allow_custom_value*/
-      8768) && _e(a, "subdued", !/*choices_names*/
-      m[13].includes(
+        w[9]
+      ), (!d || h[0] & /*choices_names, input_text, allow_custom_value*/
+      8768) && be(a, "subdued", !/*choices_names*/
+      w[13].includes(
         /*input_text*/
-        m[9]
+        w[9]
       ) && !/*allow_custom_value*/
-      m[6]), /*disabled*/
-      m[3] ? y && (nl(), pe(y, 1, 1, () => {
-        y = null;
-      }), tl()) : y ? _[0] & /*disabled*/
-      8 && ge(y, 1) : (y = nn(), y.c(), ge(y, 1), y.m(r, null)), (!d || _[0] & /*show_options*/
-      4096) && _e(
+      w[6]), /*disabled*/
+      w[3] ? v && (il(), xe(v, 1, 1, () => {
+        v = null;
+      }), nl()) : v ? h[0] & /*disabled*/
+      8 && we(v, 1) : (v = sn(), v.c(), we(v, 1), v.m(r, null)), (!d || h[0] & /*show_options*/
+      4096) && be(
         o,
         "show_options",
         /*show_options*/
-        m[12]
+        w[12]
       );
-      const h = {};
-      _[0] & /*show_options*/
-      4096 && (h.show_options = /*show_options*/
-      m[12]), _[0] & /*choices*/
-      4 && (h.choices = /*choices*/
-      m[2]), _[0] & /*filtered_indices*/
-      1024 && (h.filtered_indices = /*filtered_indices*/
-      m[10]), _[0] & /*disabled*/
-      8 && (h.disabled = /*disabled*/
-      m[3]), _[0] & /*selected_index*/
-      2048 && (h.selected_indices = /*selected_index*/
-      m[11] === null ? [] : [
+      const m = {};
+      h[0] & /*show_options*/
+      4096 && (m.show_options = /*show_options*/
+      w[12]), h[0] & /*choices*/
+      4 && (m.choices = /*choices*/
+      w[2]), h[0] & /*filtered_indices*/
+      1024 && (m.filtered_indices = /*filtered_indices*/
+      w[10]), h[0] & /*disabled*/
+      8 && (m.disabled = /*disabled*/
+      w[3]), h[0] & /*selected_index*/
+      2048 && (m.selected_indices = /*selected_index*/
+      w[11] === null ? [] : [
         /*selected_index*/
-        m[11]
-      ]), _[0] & /*active_index*/
-      16384 && (h.active_index = /*active_index*/
-      m[14]), f.$set(h), (!d || _[0] & /*container*/
-      32) && _e(
+        w[11]
+      ]), h[0] & /*active_index*/
+      16384 && (m.active_index = /*active_index*/
+      w[14]), f.$set(m), (!d || h[0] & /*container*/
+      32) && be(
         e,
         "container",
         /*container*/
-        m[5]
+        w[5]
       );
     },
-    i(m) {
-      d || (ge(t.$$.fragment, m), ge(y), ge(f.$$.fragment, m), d = !0);
+    i(w) {
+      d || (we(t.$$.fragment, w), we(v), we(f.$$.fragment, w), d = !0);
     },
-    o(m) {
-      pe(t.$$.fragment, m), pe(y), pe(f.$$.fragment, m), d = !1;
+    o(w) {
+      xe(t.$$.fragment, w), xe(v), xe(f.$$.fragment, w), d = !1;
     },
-    d(m) {
-      m && St(e), pt(t), n[29](null), y && y.d(), pt(f), g = !1, sl(k);
+    d(w) {
+      w && zt(e), xt(t), n[29](null), v && v.d(), xt(f), g = !1, ll(y);
     }
   };
 }
-function ml(n, e, t) {
-  let { label: i } = e, { info: s = void 0 } = e, { value: o = [] } = e, r = [], { value_is_output: a = !1 } = e, { choices: l } = e, u, { disabled: c = !1 } = e, { show_label: f } = e, { container: d = !0 } = e, { allow_custom_value: g = !1 } = e, { filterable: k = !0 } = e, y, m = !1, _, v, h = "", b = "", p = !1, A = [], B = null, C = null, M;
-  const D = fl();
-  o ? (M = l.map((S) => S[1]).indexOf(o), C = M, C === -1 ? (r = o, C = null) : ([h, r] = l[C], b = h), z()) : l.length > 0 && (M = 0, C = 0, [h, o] = l[C], r = o, b = h);
-  function V() {
-    t(13, _ = l.map((S) => S[0])), t(24, v = l.map((S) => S[1]));
+function _l(n, e, t) {
+  let { label: i } = e, { info: s = void 0 } = e, { value: o = [] } = e, r = [], { value_is_output: a = !1 } = e, { choices: l } = e, u, { disabled: c = !1 } = e, { show_label: f } = e, { container: d = !0 } = e, { allow_custom_value: g = !1 } = e, { filterable: y = !0 } = e, v, w = !1, h, x, m = "", k = "", _ = !1, A = [], B = null, C = null, M;
+  const Y = cl();
+  o ? (M = l.map((z) => z[1]).indexOf(o), C = M, C === -1 ? (r = o, C = null) : ([m, r] = l[C], k = m), S()) : l.length > 0 && (M = 0, C = 0, [m, o] = l[C], r = o, k = m);
+  function j() {
+    t(13, h = l.map((z) => z[0])), t(24, x = l.map((z) => z[1]));
   }
-  function z() {
-    V(), o === void 0 || Array.isArray(o) && o.length === 0 ? (t(9, h = ""), t(11, C = null)) : v.includes(o) ? (t(9, h = _[v.indexOf(o)]), t(11, C = v.indexOf(o))) : g ? (t(9, h = o), t(11, C = null)) : (t(9, h = ""), t(11, C = null)), t(27, M = C);
+  function S() {
+    j(), o === void 0 || Array.isArray(o) && o.length === 0 ? (t(9, m = ""), t(11, C = null)) : x.includes(o) ? (t(9, m = h[x.indexOf(o)]), t(11, C = x.indexOf(o))) : g ? (t(9, m = o), t(11, C = null)) : (t(9, m = ""), t(11, C = null)), t(27, M = C);
   }
-  function Z(S) {
-    if (t(11, C = parseInt(S.detail.target.dataset.index)), isNaN(C)) {
+  function J(z) {
+    if (t(11, C = parseInt(z.detail.target.dataset.index)), isNaN(C)) {
       t(11, C = null);
       return;
     }
-    t(12, m = !1), t(14, B = null), y.blur();
+    t(12, w = !1), t(14, B = null), v.blur();
   }
-  function N(S) {
-    t(10, A = l.map((Bt, Oe) => Oe)), t(12, m = !0), D("focus");
+  function Q(z) {
+    t(10, A = l.map((Oe, at) => at)), t(12, w = !0), Y("focus");
   }
-  function j() {
-    g ? t(20, o = h) : t(9, h = _[v.indexOf(o)]), t(12, m = !1), t(14, B = null), D("blur");
+  function $() {
+    g ? t(20, o = m) : t(9, m = h[x.indexOf(o)]), t(12, w = !1), t(14, B = null), Y("blur");
   }
-  function le(S) {
-    t(12, [m, B] = Qs(S, B, A), m, (t(14, B), t(2, l), t(23, u), t(6, g), t(9, h), t(10, A), t(8, y), t(25, b), t(11, C), t(27, M), t(26, p), t(24, v))), S.key === "Enter" && (B !== null ? (t(11, C = B), t(12, m = !1), y.blur(), t(14, B = null)) : _.includes(h) ? (t(11, C = _.indexOf(h)), t(12, m = !1), t(14, B = null), y.blur()) : g && (t(20, o = h), t(11, C = null), t(12, m = !1), t(14, B = null), y.blur()), D("enter", o));
+  function W(z) {
+    t(12, [w, B] = $s(z, B, A), w, (t(14, B), t(2, l), t(23, u), t(6, g), t(9, m), t(10, A), t(8, v), t(25, k), t(11, C), t(27, M), t(26, _), t(24, x))), z.key === "Enter" && (B !== null ? (t(11, C = B), t(12, w = !1), v.blur(), t(14, B = null)) : h.includes(m) ? (t(11, C = h.indexOf(m)), t(12, w = !1), t(14, B = null), v.blur()) : g && (t(20, o = m), t(11, C = null), t(12, w = !1), t(14, B = null), v.blur()), Y("enter", o));
   }
-  cl(() => {
-    t(21, a = !1), t(26, p = !0);
-  }), rl(() => {
-    y.focus();
+  ul(() => {
+    t(21, a = !1), t(26, _ = !0);
+  }), fl(() => {
+    v.focus();
   });
-  function st() {
-    h = this.value, t(9, h), t(11, C), t(27, M), t(26, p), t(2, l), t(24, v);
+  function oe() {
+    m = this.value, t(9, m), t(11, C), t(27, M), t(26, _), t(2, l), t(24, x);
   }
-  function lt(S) {
-    el[S ? "unshift" : "push"](() => {
-      y = S, t(8, y);
+  function lt(z) {
+    tl[z ? "unshift" : "push"](() => {
+      v = z, t(8, v);
     });
   }
-  const ot = (S) => D("key_up", { key: S.key, input_value: h });
-  return n.$$set = (S) => {
-    "label" in S && t(0, i = S.label), "info" in S && t(1, s = S.info), "value" in S && t(20, o = S.value), "value_is_output" in S && t(21, a = S.value_is_output), "choices" in S && t(2, l = S.choices), "disabled" in S && t(3, c = S.disabled), "show_label" in S && t(4, f = S.show_label), "container" in S && t(5, d = S.container), "allow_custom_value" in S && t(6, g = S.allow_custom_value), "filterable" in S && t(7, k = S.filterable);
+  const ot = (z) => Y("key_up", { key: z.key, input_value: m });
+  return n.$$set = (z) => {
+    "label" in z && t(0, i = z.label), "info" in z && t(1, s = z.info), "value" in z && t(20, o = z.value), "value_is_output" in z && t(21, a = z.value_is_output), "choices" in z && t(2, l = z.choices), "disabled" in z && t(3, c = z.disabled), "show_label" in z && t(4, f = z.show_label), "container" in z && t(5, d = z.container), "allow_custom_value" in z && t(6, g = z.allow_custom_value), "filterable" in z && t(7, y = z.filterable);
   }, n.$$.update = () => {
     n.$$.dirty[0] & /*selected_index, old_selected_index, initialized, choices, choices_values*/
-    218105860 && C !== M && C !== null && p && (t(9, [h, o] = l[C], h, (t(20, o), t(11, C), t(27, M), t(26, p), t(2, l), t(24, v))), t(27, M = C), D("select", {
+    218105860 && C !== M && C !== null && _ && (t(9, [m, o] = l[C], m, (t(20, o), t(11, C), t(27, M), t(26, _), t(2, l), t(24, x))), t(27, M = C), Y("select", {
       index: C,
-      value: v[C],
+      value: x[C],
       selected: !0
     })), n.$$.dirty[0] & /*value, old_value, value_is_output*/
-    7340032 && o != r && (z(), Zs(D, o, a), t(22, r = o)), n.$$.dirty[0] & /*choices*/
-    4 && V(), n.$$.dirty[0] & /*choices, old_choices, allow_custom_value, input_text, filtered_indices, filter_input*/
-    8390468 && l !== u && (g || z(), t(23, u = l), t(10, A = en(l, h)), !g && A.length > 0 && t(14, B = A[0]), y == document.activeElement && t(12, m = !0)), n.$$.dirty[0] & /*input_text, old_input_text, choices, allow_custom_value, filtered_indices*/
-    33556036 && h !== b && (t(10, A = en(l, h)), t(25, b = h), !g && A.length > 0 && t(14, B = A[0]));
+    7340032 && o != r && (S(), Qs(Y, o, a), t(22, r = o)), n.$$.dirty[0] & /*choices*/
+    4 && j(), n.$$.dirty[0] & /*choices, old_choices, allow_custom_value, input_text, filtered_indices, filter_input*/
+    8390468 && l !== u && (g || S(), t(23, u = l), t(10, A = tn(l, m)), !g && A.length > 0 && t(14, B = A[0]), v == document.activeElement && t(12, w = !0)), n.$$.dirty[0] & /*input_text, old_input_text, choices, allow_custom_value, filtered_indices*/
+    33556036 && m !== k && (t(10, A = tn(l, m)), t(25, k = m), !g && A.length > 0 && t(14, B = A[0]));
   }, [
     i,
     s,
@@ -2045,40 +2045,40 @@ function ml(n, e, t) {
     f,
     d,
     g,
-    k,
     y,
-    h,
+    v,
+    m,
     A,
     C,
-    m,
-    _,
+    w,
+    h,
     B,
-    D,
-    Z,
-    N,
-    j,
-    le,
+    Y,
+    J,
+    Q,
+    $,
+    W,
     o,
     a,
     r,
     u,
-    v,
-    b,
-    p,
+    x,
+    k,
+    _,
     M,
-    st,
+    oe,
     lt,
     ot
   ];
 }
-class _l extends $s {
+class dl extends el {
   constructor(e) {
-    super(), il(
+    super(), sl(
       this,
       e,
+      _l,
       ml,
-      hl,
-      ll,
+      ol,
       {
         label: 0,
         info: 1,
@@ -2097,45 +2097,45 @@ class _l extends $s {
   }
 }
 const {
-  SvelteComponent: dl,
-  append: G,
-  attr: Ve,
-  check_outros: bl,
-  create_component: xe,
-  destroy_component: Ce,
+  SvelteComponent: bl,
+  append: K,
+  attr: Ne,
+  check_outros: gl,
+  create_component: Ce,
+  destroy_component: Se,
   detach: Te,
-  element: ne,
-  group_outros: gl,
-  init: wl,
-  insert: qe,
-  mount_component: Se,
-  safe_not_equal: yl,
-  set_style: ze,
-  space: Ne,
+  element: ie,
+  group_outros: wl,
+  init: yl,
+  insert: Ie,
+  mount_component: ze,
+  safe_not_equal: vl,
+  set_style: Be,
+  space: Pe,
   text: Et,
-  transition_in: ie,
-  transition_out: ae
-} = window.__gradio__svelte__internal, { createEventDispatcher: vl } = window.__gradio__svelte__internal, { onMount: kl, onDestroy: pl } = window.__gradio__svelte__internal;
-function xl(n) {
+  transition_in: se,
+  transition_out: fe
+} = window.__gradio__svelte__internal, { createEventDispatcher: kl } = window.__gradio__svelte__internal, { onMount: pl, onDestroy: xl } = window.__gradio__svelte__internal;
+function Cl(n) {
   let e;
   return {
     c() {
       e = Et("Cancel");
     },
     m(t, i) {
-      qe(t, e, i);
+      Ie(t, e, i);
     },
     d(t) {
       t && Te(e);
     }
   };
 }
-function sn(n) {
+function ln(n) {
   let e, t, i;
-  return t = new wt({
+  return t = new yt({
     props: {
       variant: "stop",
-      $$slots: { default: [Cl] },
+      $$slots: { default: [Sl] },
       $$scope: { ctx: n }
     }
   }), t.$on(
@@ -2144,10 +2144,10 @@ function sn(n) {
     n[12]
   ), {
     c() {
-      e = ne("div"), xe(t.$$.fragment), ze(e, "margin-right", "8px");
+      e = ie("div"), Ce(t.$$.fragment), Be(e, "margin-right", "8px");
     },
     m(s, o) {
-      qe(s, e, o), Se(t, e, null), i = !0;
+      Ie(s, e, o), ze(t, e, null), i = !0;
     },
     p(s, o) {
       const r = {};
@@ -2155,47 +2155,47 @@ function sn(n) {
       65536 && (r.$$scope = { dirty: o, ctx: s }), t.$set(r);
     },
     i(s) {
-      i || (ie(t.$$.fragment, s), i = !0);
+      i || (se(t.$$.fragment, s), i = !0);
     },
     o(s) {
-      ae(t.$$.fragment, s), i = !1;
+      fe(t.$$.fragment, s), i = !1;
     },
     d(s) {
-      s && Te(e), Ce(t);
+      s && Te(e), Se(t);
     }
   };
 }
-function Cl(n) {
+function Sl(n) {
   let e;
   return {
     c() {
       e = Et("Remove");
     },
     m(t, i) {
-      qe(t, e, i);
+      Ie(t, e, i);
     },
     d(t) {
       t && Te(e);
     }
   };
 }
-function Sl(n) {
+function zl(n) {
   let e;
   return {
     c() {
       e = Et("OK");
     },
     m(t, i) {
-      qe(t, e, i);
+      Ie(t, e, i);
     },
     d(t) {
       t && Te(e);
     }
   };
 }
-function zl(n) {
-  let e, t, i, s, o, r, a, l, u, c, f, d, g, k, y, m;
-  o = new _l({
+function Bl(n) {
+  let e, t, i, s, o, r, a, l, u, c, f, d, g, y, v, w;
+  o = new dl({
     props: {
       value: (
         /*currentLabel*/
@@ -2217,7 +2217,7 @@ function zl(n) {
     "enter",
     /*onDropDownEnter*/
     n[7]
-  ), l = new ks({
+  ), l = new ps({
     props: {
       value: (
         /*currentColor*/
@@ -2230,9 +2230,9 @@ function zl(n) {
     "change",
     /*onColorChange*/
     n[6]
-  ), f = new wt({
+  ), f = new yt({
     props: {
-      $$slots: { default: [xl] },
+      $$slots: { default: [Cl] },
       $$scope: { ctx: n }
     }
   }), f.$on(
@@ -2240,98 +2240,98 @@ function zl(n) {
     /*click_handler*/
     n[11]
   );
-  let _ = (
+  let h = (
     /*showRemove*/
-    n[3] && sn(n)
+    n[3] && ln(n)
   );
-  return y = new wt({
+  return v = new yt({
     props: {
       variant: "primary",
-      $$slots: { default: [Sl] },
+      $$slots: { default: [zl] },
       $$scope: { ctx: n }
     }
-  }), y.$on(
+  }), v.$on(
     "click",
     /*click_handler_2*/
     n[13]
   ), {
     c() {
-      e = ne("div"), t = ne("div"), i = ne("span"), s = ne("div"), xe(o.$$.fragment), r = Ne(), a = ne("div"), xe(l.$$.fragment), u = Ne(), c = ne("div"), xe(f.$$.fragment), d = Ne(), _ && _.c(), g = Ne(), k = ne("div"), xe(y.$$.fragment), ze(s, "margin-right", "10px"), ze(a, "margin-right", "40px"), ze(a, "margin-bottom", "8px"), ze(c, "margin-right", "8px"), Ve(i, "class", "model-content svelte-hkn2q1"), Ve(t, "class", "modal-container svelte-hkn2q1"), Ve(e, "class", "modal svelte-hkn2q1"), Ve(e, "id", "model-box-edit");
-    },
-    m(v, h) {
-      qe(v, e, h), G(e, t), G(t, i), G(i, s), Se(o, s, null), G(i, r), G(i, a), Se(l, a, null), G(i, u), G(i, c), Se(f, c, null), G(i, d), _ && _.m(i, null), G(i, g), G(i, k), Se(y, k, null), m = !0;
-    },
-    p(v, [h]) {
-      const b = {};
-      h & /*currentLabel*/
-      1 && (b.value = /*currentLabel*/
-      v[0]), h & /*choices*/
-      4 && (b.choices = /*choices*/
-      v[2]), o.$set(b);
-      const p = {};
-      h & /*currentColor*/
-      2 && (p.value = /*currentColor*/
-      v[1]), l.$set(p);
+      e = ie("div"), t = ie("div"), i = ie("span"), s = ie("div"), Ce(o.$$.fragment), r = Pe(), a = ie("div"), Ce(l.$$.fragment), u = Pe(), c = ie("div"), Ce(f.$$.fragment), d = Pe(), h && h.c(), g = Pe(), y = ie("div"), Ce(v.$$.fragment), Be(s, "margin-right", "10px"), Be(a, "margin-right", "40px"), Be(a, "margin-bottom", "8px"), Be(c, "margin-right", "8px"), Ne(i, "class", "model-content svelte-hkn2q1"), Ne(t, "class", "modal-container svelte-hkn2q1"), Ne(e, "class", "modal svelte-hkn2q1"), Ne(e, "id", "model-box-edit");
+    },
+    m(x, m) {
+      Ie(x, e, m), K(e, t), K(t, i), K(i, s), ze(o, s, null), K(i, r), K(i, a), ze(l, a, null), K(i, u), K(i, c), ze(f, c, null), K(i, d), h && h.m(i, null), K(i, g), K(i, y), ze(v, y, null), w = !0;
+    },
+    p(x, [m]) {
+      const k = {};
+      m & /*currentLabel*/
+      1 && (k.value = /*currentLabel*/
+      x[0]), m & /*choices*/
+      4 && (k.choices = /*choices*/
+      x[2]), o.$set(k);
+      const _ = {};
+      m & /*currentColor*/
+      2 && (_.value = /*currentColor*/
+      x[1]), l.$set(_);
       const A = {};
-      h & /*$$scope*/
-      65536 && (A.$$scope = { dirty: h, ctx: v }), f.$set(A), /*showRemove*/
-      v[3] ? _ ? (_.p(v, h), h & /*showRemove*/
-      8 && ie(_, 1)) : (_ = sn(v), _.c(), ie(_, 1), _.m(i, g)) : _ && (gl(), ae(_, 1, 1, () => {
-        _ = null;
-      }), bl());
+      m & /*$$scope*/
+      65536 && (A.$$scope = { dirty: m, ctx: x }), f.$set(A), /*showRemove*/
+      x[3] ? h ? (h.p(x, m), m & /*showRemove*/
+      8 && se(h, 1)) : (h = ln(x), h.c(), se(h, 1), h.m(i, g)) : h && (wl(), fe(h, 1, 1, () => {
+        h = null;
+      }), gl());
       const B = {};
-      h & /*$$scope*/
-      65536 && (B.$$scope = { dirty: h, ctx: v }), y.$set(B);
+      m & /*$$scope*/
+      65536 && (B.$$scope = { dirty: m, ctx: x }), v.$set(B);
     },
-    i(v) {
-      m || (ie(o.$$.fragment, v), ie(l.$$.fragment, v), ie(f.$$.fragment, v), ie(_), ie(y.$$.fragment, v), m = !0);
+    i(x) {
+      w || (se(o.$$.fragment, x), se(l.$$.fragment, x), se(f.$$.fragment, x), se(h), se(v.$$.fragment, x), w = !0);
     },
-    o(v) {
-      ae(o.$$.fragment, v), ae(l.$$.fragment, v), ae(f.$$.fragment, v), ae(_), ae(y.$$.fragment, v), m = !1;
+    o(x) {
+      fe(o.$$.fragment, x), fe(l.$$.fragment, x), fe(f.$$.fragment, x), fe(h), fe(v.$$.fragment, x), w = !1;
     },
-    d(v) {
-      v && Te(e), Ce(o), Ce(l), Ce(f), _ && _.d(), Ce(y);
+    d(x) {
+      x && Te(e), Se(o), Se(l), Se(f), h && h.d(), Se(v);
     }
   };
 }
 function El(n, e, t) {
   let { label: i = "" } = e, { currentLabel: s = "" } = e, { choices: o = [] } = e, { choicesColors: r = [] } = e, { color: a = "" } = e, { currentColor: l = "" } = e, { showRemove: u = !0 } = e;
-  const c = vl();
-  function f(h) {
+  const c = kl();
+  function f(m) {
     c("change", {
       label: s,
       color: l,
-      ret: h
+      ret: m
       // -1: remove, 0: cancel, 1: change
     });
   }
-  function d(h) {
-    const { detail: b } = h;
-    let p = b;
-    Number.isInteger(p) ? (Array.isArray(r) && p < r.length && t(1, l = r[p]), Array.isArray(o) && p < o.length && t(0, s = o[p][0])) : t(0, s = p);
+  function d(m) {
+    const { detail: k } = m;
+    let _ = k;
+    Number.isInteger(_) ? (Array.isArray(r) && _ < r.length && t(1, l = r[_]), Array.isArray(o) && _ < o.length && t(0, s = o[_][0])) : t(0, s = _);
   }
-  function g(h) {
-    const { detail: b } = h;
-    t(1, l = b);
+  function g(m) {
+    const { detail: k } = m;
+    t(1, l = k);
   }
-  function k(h) {
-    d(h), f(1);
+  function y(m) {
+    d(m), f(1);
   }
-  function y(h) {
-    switch (h.key) {
+  function v(m) {
+    switch (m.key) {
       case "Enter":
         f(1);
         break;
     }
   }
-  kl(() => {
-    document.addEventListener("keydown", y), t(0, s = i), t(1, l = a);
-  }), pl(() => {
-    document.removeEventListener("keydown", y);
+  pl(() => {
+    document.addEventListener("keydown", v), t(0, s = i), t(1, l = a);
+  }), xl(() => {
+    document.removeEventListener("keydown", v);
   });
-  const m = () => f(0), _ = () => f(-1), v = () => f(1);
-  return n.$$set = (h) => {
-    "label" in h && t(8, i = h.label), "currentLabel" in h && t(0, s = h.currentLabel), "choices" in h && t(2, o = h.choices), "choicesColors" in h && t(9, r = h.choicesColors), "color" in h && t(10, a = h.color), "currentColor" in h && t(1, l = h.currentColor), "showRemove" in h && t(3, u = h.showRemove);
+  const w = () => f(0), h = () => f(-1), x = () => f(1);
+  return n.$$set = (m) => {
+    "label" in m && t(8, i = m.label), "currentLabel" in m && t(0, s = m.currentLabel), "choices" in m && t(2, o = m.choices), "choicesColors" in m && t(9, r = m.choicesColors), "color" in m && t(10, a = m.color), "currentColor" in m && t(1, l = m.currentColor), "showRemove" in m && t(3, u = m.showRemove);
   }, [
     s,
     l,
@@ -2340,18 +2340,18 @@ function El(n, e, t) {
     f,
     d,
     g,
-    k,
+    y,
     i,
     r,
     a,
-    m,
-    _,
-    v
+    w,
+    h,
+    x
   ];
 }
-class kn extends dl {
+class pn extends bl {
   constructor(e) {
-    super(), wl(this, e, El, zl, yl, {
+    super(), yl(this, e, El, Bl, vl, {
       label: 8,
       currentLabel: 0,
       choices: 2,
@@ -2363,7 +2363,7 @@ class kn extends dl {
   }
 }
 const X = (n, e, t) => Math.min(Math.max(n, e), t);
-function dt(n, e) {
+function bt(n, e) {
   if (n.startsWith("rgba"))
     return n.replace(/[\d.]+$/, e.toString());
   const t = n.match(/\d+/g);
@@ -2372,30 +2372,30 @@ function dt(n, e) {
   const [i, s, o] = t;
   return `rgba(${i}, ${s}, ${o}, ${e})`;
 }
-class bt {
-  constructor(e, t, i, s, o, r, a, l, u, c, f, d = "rgb(255, 255, 255)", g = 0.5, k = 25, y = 8, m = 2, _ = 4, v = 1) {
+class gt {
+  constructor(e, t, i, s, o, r, a, l, u, c, f, d = "rgb(255, 255, 255)", g = 0.5, y = 25, v = 8, w = 2, h = 4, x = 1) {
     this.stopDrag = () => {
-      this.isDragging = !1, document.removeEventListener("mousemove", this.handleDrag), document.removeEventListener("mouseup", this.stopDrag);
-    }, this.handleDrag = (h) => {
+      this.isDragging = !1, document.removeEventListener("pointermove", this.handleDrag), document.removeEventListener("pointerup", this.stopDrag);
+    }, this.handleDrag = (m) => {
       if (this.isDragging) {
-        let b = h.clientX - this.offsetMouseX - this.xmin, p = h.clientY - this.offsetMouseY - this.ymin;
+        let k = m.clientX - this.offsetMouseX - this.xmin, _ = m.clientY - this.offsetMouseY - this.ymin;
         const A = this.canvasXmax - this.canvasXmin, B = this.canvasYmax - this.canvasYmin;
-        b = X(b, -this.xmin, A - this.xmax), p = X(p, -this.ymin, B - this.ymax), this.xmin += b, this.ymin += p, this.xmax += b, this.ymax += p, this.updateHandles(), this.renderCallBack();
+        k = X(k, -this.xmin, A - this.xmax), _ = X(_, -this.ymin, B - this.ymax), this.xmin += k, this.ymin += _, this.xmax += k, this.ymax += _, this.updateHandles(), this.renderCallBack();
       }
-    }, this.handleCreating = (h) => {
+    }, this.handleCreating = (m) => {
       if (this.isCreating) {
-        let [b, p] = this.toBoxCoordinates(h.clientX, h.clientY);
-        b -= this.offsetMouseX, p -= this.offsetMouseY, b > this.xmax ? (this.creatingAnchorX == "xmax" && (this.xmin = this.xmax), this.xmax = b, this.creatingAnchorX = "xmin") : b > this.xmin && b < this.xmax && this.creatingAnchorX == "xmin" ? this.xmax = b : b > this.xmin && b < this.xmax && this.creatingAnchorX == "xmax" ? this.xmin = b : b < this.xmin && (this.creatingAnchorX == "xmin" && (this.xmax = this.xmin), this.xmin = b, this.creatingAnchorX = "xmax"), p > this.ymax ? (this.creatingAnchorY == "ymax" && (this.ymin = this.ymax), this.ymax = p, this.creatingAnchorY = "ymin") : p > this.ymin && p < this.ymax && this.creatingAnchorY == "ymin" ? this.ymax = p : p > this.ymin && p < this.ymax && this.creatingAnchorY == "ymax" ? this.ymin = p : p < this.ymin && (this.creatingAnchorY == "ymin" && (this.ymax = this.ymin), this.ymin = p, this.creatingAnchorY = "ymax"), this.updateHandles(), this.renderCallBack();
+        let [k, _] = this.toBoxCoordinates(m.clientX, m.clientY);
+        k -= this.offsetMouseX, _ -= this.offsetMouseY, k > this.xmax ? (this.creatingAnchorX == "xmax" && (this.xmin = this.xmax), this.xmax = k, this.creatingAnchorX = "xmin") : k > this.xmin && k < this.xmax && this.creatingAnchorX == "xmin" ? this.xmax = k : k > this.xmin && k < this.xmax && this.creatingAnchorX == "xmax" ? this.xmin = k : k < this.xmin && (this.creatingAnchorX == "xmin" && (this.xmax = this.xmin), this.xmin = k, this.creatingAnchorX = "xmax"), _ > this.ymax ? (this.creatingAnchorY == "ymax" && (this.ymin = this.ymax), this.ymax = _, this.creatingAnchorY = "ymin") : _ > this.ymin && _ < this.ymax && this.creatingAnchorY == "ymin" ? this.ymax = _ : _ > this.ymin && _ < this.ymax && this.creatingAnchorY == "ymax" ? this.ymin = _ : _ < this.ymin && (this.creatingAnchorY == "ymin" && (this.ymax = this.ymin), this.ymin = _, this.creatingAnchorY = "ymax"), this.updateHandles(), this.renderCallBack();
       }
-    }, this.stopCreating = (h) => {
-      if (this.isCreating = !1, document.removeEventListener("mousemove", this.handleCreating), document.removeEventListener("mouseup", this.stopCreating), this.getArea() > 0) {
-        const b = this.canvasXmax - this.canvasXmin, p = this.canvasYmax - this.canvasYmin;
-        this.xmin = X(this.xmin, 0, b - this.minSize), this.ymin = X(this.ymin, 0, p - this.minSize), this.xmax = X(this.xmax, this.minSize, b), this.ymax = X(this.ymax, this.minSize, p), this.minSize > 0 && (this.getWidth() < this.minSize && (this.creatingAnchorX == "xmin" ? this.xmax = this.xmin + this.minSize : this.xmin = this.xmax - this.minSize), this.getHeight() < this.minSize && (this.creatingAnchorY == "ymin" ? this.ymax = this.ymin + this.minSize : this.ymin = this.ymax - this.minSize), this.xmax > b ? (this.xmin -= this.xmax - b, this.xmax = b) : this.xmin < 0 && (this.xmax -= this.xmin, this.xmin = 0), this.ymax > p ? (this.ymin -= this.ymax - p, this.ymax = p) : this.ymin < 0 && (this.ymax -= this.ymin, this.ymin = 0)), this.updateHandles(), this.renderCallBack();
+    }, this.stopCreating = (m) => {
+      if (this.isCreating = !1, document.removeEventListener("pointermove", this.handleCreating), document.removeEventListener("pointerup", this.stopCreating), this.getArea() > 0) {
+        const k = this.canvasXmax - this.canvasXmin, _ = this.canvasYmax - this.canvasYmin;
+        this.xmin = X(this.xmin, 0, k - this.minSize), this.ymin = X(this.ymin, 0, _ - this.minSize), this.xmax = X(this.xmax, this.minSize, k), this.ymax = X(this.ymax, this.minSize, _), this.minSize > 0 && (this.getWidth() < this.minSize && (this.creatingAnchorX == "xmin" ? this.xmax = this.xmin + this.minSize : this.xmin = this.xmax - this.minSize), this.getHeight() < this.minSize && (this.creatingAnchorY == "ymin" ? this.ymax = this.ymin + this.minSize : this.ymin = this.ymax - this.minSize), this.xmax > k ? (this.xmin -= this.xmax - k, this.xmax = k) : this.xmin < 0 && (this.xmax -= this.xmin, this.xmin = 0), this.ymax > _ ? (this.ymin -= this.ymax - _, this.ymax = _) : this.ymin < 0 && (this.ymax -= this.ymin, this.ymin = 0)), this.updateHandles(), this.renderCallBack();
       }
       this.onFinishCreation();
-    }, this.handleResize = (h) => {
+    }, this.handleResize = (m) => {
       if (this.isResizing) {
-        const b = h.clientX, p = h.clientY, A = b - this.resizeHandles[this.resizingHandleIndex].xmin - this.offsetMouseX, B = p - this.resizeHandles[this.resizingHandleIndex].ymin - this.offsetMouseY, C = this.canvasXmax - this.canvasXmin, M = this.canvasYmax - this.canvasYmin;
+        const k = m.clientX, _ = m.clientY, A = k - this.resizeHandles[this.resizingHandleIndex].xmin - this.offsetMouseX, B = _ - this.resizeHandles[this.resizingHandleIndex].ymin - this.offsetMouseY, C = this.canvasXmax - this.canvasXmin, M = this.canvasYmax - this.canvasYmin;
         switch (this.resizingHandleIndex) {
           case 0:
             this.xmin += A, this.ymin += B, this.xmin = X(this.xmin, 0, this.xmax - this.minSize), this.ymin = X(this.ymin, 0, this.ymax - this.minSize);
@@ -2425,8 +2425,8 @@ class bt {
         this.updateHandles(), this.renderCallBack();
       }
     }, this.stopResize = () => {
-      this.isResizing = !1, document.removeEventListener("mousemove", this.handleResize), document.removeEventListener("mouseup", this.stopResize);
-    }, this.renderCallBack = e, this.onFinishCreation = t, this.canvasXmin = i, this.canvasYmin = s, this.canvasXmax = o, this.canvasYmax = r, this.scaleFactor = v, this.label = a, this.isDragging = !1, this.isCreating = !1, this.xmin = l, this.ymin = u, this.xmax = c, this.ymax = f, this.isResizing = !1, this.isSelected = !1, this.offsetMouseX = 0, this.offsetMouseY = 0, this.resizeHandleSize = y, this.thickness = m, this.selectedThickness = _, this.updateHandles(), this.resizingHandleIndex = -1, this.minSize = k, this.color = d, this.alpha = g, this.creatingAnchorX = "xmin", this.creatingAnchorY = "ymin";
+      this.isResizing = !1, document.removeEventListener("pointermove", this.handleResize), document.removeEventListener("pointerup", this.stopResize);
+    }, this.renderCallBack = e, this.onFinishCreation = t, this.canvasXmin = i, this.canvasYmin = s, this.canvasXmax = o, this.canvasYmax = r, this.scaleFactor = x, this.label = a, this.isDragging = !1, this.isCreating = !1, this.xmin = l, this.ymin = u, this.xmax = c, this.ymax = f, this.isResizing = !1, this.isSelected = !1, this.offsetMouseX = 0, this.offsetMouseY = 0, this.resizeHandleSize = v, this.thickness = w, this.selectedThickness = h, this.updateHandles(), this.resizingHandleIndex = -1, this.minSize = y, this.color = d, this.alpha = g, this.creatingAnchorX = "xmin", this.creatingAnchorY = "ymin";
   }
   toJSON() {
     return {
@@ -2524,13 +2524,13 @@ class bt {
   }
   render(e) {
     let t, i;
-    if (e.beginPath(), [t, i] = this.toCanvasCoordinates(this.xmin, this.ymin), e.rect(t, i, this.getWidth(), this.getHeight()), e.fillStyle = dt(this.color, this.alpha), e.fill(), this.isSelected ? e.lineWidth = this.selectedThickness : e.lineWidth = this.thickness, e.strokeStyle = dt(this.color, 1), e.stroke(), e.closePath(), this.label !== null && this.label.trim() !== "") {
+    if (e.beginPath(), [t, i] = this.toCanvasCoordinates(this.xmin, this.ymin), e.rect(t, i, this.getWidth(), this.getHeight()), e.fillStyle = bt(this.color, this.alpha), e.fill(), this.isSelected ? e.lineWidth = this.selectedThickness : e.lineWidth = this.thickness, e.strokeStyle = bt(this.color, 1), e.stroke(), e.closePath(), this.label !== null && this.label.trim() !== "") {
       this.isSelected ? e.font = "bold 14px Arial" : e.font = "12px Arial";
       const s = e.measureText(this.label).width + 10, o = 20;
       let r = this.xmin, a = this.ymin - o;
       e.fillStyle = "white", [r, a] = this.toCanvasCoordinates(r, a), e.fillRect(r, a, s, o), e.lineWidth = 1, e.strokeStyle = "black", e.strokeRect(r, a, s, o), e.fillStyle = "black", e.fillText(this.label, r + 5, a + 15);
     }
-    e.fillStyle = dt(this.color, 1);
+    e.fillStyle = bt(this.color, 1);
     for (const s of this.resizeHandles)
       [t, i] = this.toCanvasCoordinates(s.xmin, s.ymin), e.fillRect(
         t,
@@ -2540,7 +2540,7 @@ class bt {
       );
   }
   startDrag(e) {
-    this.isDragging = !0, this.offsetMouseX = e.clientX - this.xmin, this.offsetMouseY = e.clientY - this.ymin, document.addEventListener("mousemove", this.handleDrag), document.addEventListener("mouseup", this.stopDrag);
+    this.isDragging = !0, this.offsetMouseX = e.clientX - this.xmin, this.offsetMouseY = e.clientY - this.ymin, document.addEventListener("pointermove", this.handleDrag), document.addEventListener("pointerup", this.stopDrag);
   }
   isPointInsideBox(e, t) {
     return [e, t] = this.toBoxCoordinates(e, t), e >= this.xmin && e <= this.xmax && t >= this.ymin && t <= this.ymax;
@@ -2555,13 +2555,13 @@ class bt {
     return -1;
   }
   startCreating(e, t, i) {
-    this.isCreating = !0, this.offsetMouseX = t, this.offsetMouseY = i, document.addEventListener("mousemove", this.handleCreating), document.addEventListener("mouseup", this.stopCreating);
+    this.isCreating = !0, this.offsetMouseX = t, this.offsetMouseY = i, document.addEventListener("pointermove", this.handleCreating), document.addEventListener("pointerup", this.stopCreating);
   }
   startResize(e, t) {
-    this.resizingHandleIndex = e, this.isResizing = !0, this.offsetMouseX = t.clientX - this.resizeHandles[e].xmin, this.offsetMouseY = t.clientY - this.resizeHandles[e].ymin, document.addEventListener("mousemove", this.handleResize), document.addEventListener("mouseup", this.stopResize);
+    this.resizingHandleIndex = e, this.isResizing = !0, this.offsetMouseX = t.clientX - this.resizeHandles[e].xmin, this.offsetMouseY = t.clientY - this.resizeHandles[e].ymin, document.addEventListener("pointermove", this.handleResize), document.addEventListener("pointerup", this.stopResize);
   }
 }
-const de = [
+const re = [
   "rgb(255, 168, 77)",
   "rgb(92, 172, 238)",
   "rgb(255, 99, 71)",
@@ -2576,66 +2576,66 @@ const de = [
   "rgb(255, 193, 7)",
   "rgb(255, 250, 138)"
 ], {
-  SvelteComponent: Bl,
+  SvelteComponent: Al,
   append: Ee,
-  attr: J,
-  binding_callbacks: Al,
-  bubble: ln,
-  check_outros: Je,
-  create_component: Re,
-  destroy_component: He,
-  detach: re,
-  element: ye,
-  empty: Ml,
-  group_outros: Ze,
-  init: Rl,
-  insert: fe,
-  listen: se,
-  mount_component: Xe,
-  noop: Hl,
-  run_all: pn,
-  safe_not_equal: Xl,
-  space: Me,
+  attr: G,
+  binding_callbacks: Ml,
+  bubble: on,
+  check_outros: Ze,
+  create_component: He,
+  destroy_component: Xe,
+  detach: ce,
+  element: ve,
+  empty: Rl,
+  group_outros: Qe,
+  init: Hl,
+  insert: ue,
+  listen: le,
+  mount_component: Ye,
+  noop: Xl,
+  run_all: xn,
+  safe_not_equal: Yl,
+  space: Re,
   toggle_class: Fe,
-  transition_in: Y,
-  transition_out: I
-} = window.__gradio__svelte__internal, { onMount: Yl, onDestroy: Dl, createEventDispatcher: Ll } = window.__gradio__svelte__internal;
-function on(n) {
+  transition_in: q,
+  transition_out: U
+} = window.__gradio__svelte__internal, { onMount: ql, onDestroy: Dl, createEventDispatcher: Ll } = window.__gradio__svelte__internal;
+function an(n) {
   let e, t, i, s, o, r, a, l, u, c;
-  i = new Jn({}), r = new si({});
+  i = new Zn({}), r = new li({});
   let f = (
     /*showRemoveButton*/
-    n[1] && an(n)
+    n[1] && rn(n)
   );
   return {
     c() {
-      e = ye("span"), t = ye("button"), Re(i.$$.fragment), s = Me(), o = ye("button"), Re(r.$$.fragment), a = Me(), f && f.c(), J(t, "class", "icon svelte-10jprmi"), J(t, "aria-label", "Create box"), Fe(
+      e = ve("span"), t = ve("button"), He(i.$$.fragment), s = Re(), o = ve("button"), He(r.$$.fragment), a = Re(), f && f.c(), G(t, "class", "icon svelte-3rql59"), G(t, "aria-label", "Create box"), Fe(
         t,
         "selected",
         /*mode*/
         n[8] === /*Mode*/
         n[5].creation
-      ), J(o, "class", "icon svelte-10jprmi"), J(o, "aria-label", "Edit boxes"), Fe(
+      ), G(o, "class", "icon svelte-3rql59"), G(o, "aria-label", "Edit boxes"), Fe(
         o,
         "selected",
         /*mode*/
         n[8] === /*Mode*/
         n[5].drag
-      ), J(e, "class", "canvas-control svelte-10jprmi");
+      ), G(e, "class", "canvas-control svelte-3rql59");
     },
     m(d, g) {
-      fe(d, e, g), Ee(e, t), Xe(i, t, null), Ee(e, s), Ee(e, o), Xe(r, o, null), Ee(e, a), f && f.m(e, null), l = !0, u || (c = [
-        se(
+      ue(d, e, g), Ee(e, t), Ye(i, t, null), Ee(e, s), Ee(e, o), Ye(r, o, null), Ee(e, a), f && f.m(e, null), l = !0, u || (c = [
+        le(
           t,
           "click",
           /*click_handler*/
-          n[29]
+          n[30]
         ),
-        se(
+        le(
           o,
           "click",
           /*click_handler_1*/
-          n[30]
+          n[31]
         )
       ], u = !0);
     },
@@ -2656,50 +2656,50 @@ function on(n) {
         d[5].drag
       ), /*showRemoveButton*/
       d[1] ? f ? (f.p(d, g), g[0] & /*showRemoveButton*/
-      2 && Y(f, 1)) : (f = an(d), f.c(), Y(f, 1), f.m(e, null)) : f && (Ze(), I(f, 1, 1, () => {
+      2 && q(f, 1)) : (f = rn(d), f.c(), q(f, 1), f.m(e, null)) : f && (Qe(), U(f, 1, 1, () => {
         f = null;
-      }), Je());
+      }), Ze());
     },
     i(d) {
-      l || (Y(i.$$.fragment, d), Y(r.$$.fragment, d), Y(f), l = !0);
+      l || (q(i.$$.fragment, d), q(r.$$.fragment, d), q(f), l = !0);
     },
     o(d) {
-      I(i.$$.fragment, d), I(r.$$.fragment, d), I(f), l = !1;
+      U(i.$$.fragment, d), U(r.$$.fragment, d), U(f), l = !1;
     },
     d(d) {
-      d && re(e), He(i), He(r), f && f.d(), u = !1, pn(c);
+      d && ce(e), Xe(i), Xe(r), f && f.d(), u = !1, xn(c);
     }
   };
 }
-function an(n) {
+function rn(n) {
   let e, t, i, s, o;
-  return t = new hi({}), {
+  return t = new mi({}), {
     c() {
-      e = ye("button"), Re(t.$$.fragment), J(e, "class", "icon svelte-10jprmi"), J(e, "aria-label", "Remove boxes");
+      e = ve("button"), He(t.$$.fragment), G(e, "class", "icon svelte-3rql59"), G(e, "aria-label", "Remove boxes");
     },
     m(r, a) {
-      fe(r, e, a), Xe(t, e, null), i = !0, s || (o = se(
+      ue(r, e, a), Ye(t, e, null), i = !0, s || (o = le(
         e,
         "click",
         /*click_handler_2*/
-        n[31]
+        n[32]
       ), s = !0);
     },
-    p: Hl,
+    p: Xl,
     i(r) {
-      i || (Y(t.$$.fragment, r), i = !0);
+      i || (q(t.$$.fragment, r), i = !0);
     },
     o(r) {
-      I(t.$$.fragment, r), i = !1;
+      U(t.$$.fragment, r), i = !1;
     },
     d(r) {
-      r && re(e), He(t), s = !1, o();
+      r && ce(e), Xe(t), s = !1, o();
     }
   };
 }
-function rn(n) {
+function fn(n) {
   let e, t;
-  return e = new kn({
+  return e = new pn({
     props: {
       choices: (
         /*choices*/
@@ -2725,7 +2725,7 @@ function rn(n) {
         /*selectedBox*/
         n[7] >= 0 && /*selectedBox*/
         n[7] < /*value*/
-        n[0].boxes.length ? Ye(
+        n[0].boxes.length ? qe(
           /*value*/
           n[0].boxes[
             /*selectedBox*/
@@ -2741,13 +2741,13 @@ function rn(n) {
   ), e.$on(
     "enter{onModalEditChange}",
     /*enter_onModalEditChange_handler*/
-    n[32]
+    n[33]
   ), {
     c() {
-      Re(e.$$.fragment);
+      He(e.$$.fragment);
     },
     m(i, s) {
-      Xe(e, i, s), t = !0;
+      Ye(e, i, s), t = !0;
     },
     p(i, s) {
       const o = {};
@@ -2769,7 +2769,7 @@ function rn(n) {
       129 && (o.color = /*selectedBox*/
       i[7] >= 0 && /*selectedBox*/
       i[7] < /*value*/
-      i[0].boxes.length ? Ye(
+      i[0].boxes.length ? qe(
         /*value*/
         i[0].boxes[
           /*selectedBox*/
@@ -2778,19 +2778,19 @@ function rn(n) {
       ) : ""), e.$set(o);
     },
     i(i) {
-      t || (Y(e.$$.fragment, i), t = !0);
+      t || (q(e.$$.fragment, i), t = !0);
     },
     o(i) {
-      I(e.$$.fragment, i), t = !1;
+      U(e.$$.fragment, i), t = !1;
     },
     d(i) {
-      He(e, i);
+      Xe(e, i);
     }
   };
 }
-function fn(n) {
+function cn(n) {
   let e, t;
-  return e = new kn({
+  return e = new pn({
     props: {
       choices: (
         /*choices*/
@@ -2817,7 +2817,7 @@ function fn(n) {
         /*selectedBox*/
         n[7] >= 0 && /*selectedBox*/
         n[7] < /*value*/
-        n[0].boxes.length ? Ye(
+        n[0].boxes.length ? qe(
           /*value*/
           n[0].boxes[
             /*selectedBox*/
@@ -2833,13 +2833,13 @@ function fn(n) {
   ), e.$on(
     "enter{onModalNewChange}",
     /*enter_onModalNewChange_handler*/
-    n[33]
+    n[34]
   ), {
     c() {
-      Re(e.$$.fragment);
+      He(e.$$.fragment);
     },
     m(i, s) {
-      Xe(e, i, s), t = !0;
+      Ye(e, i, s), t = !0;
     },
     p(i, s) {
       const o = {};
@@ -2861,7 +2861,7 @@ function fn(n) {
       129 && (o.color = /*selectedBox*/
       i[7] >= 0 && /*selectedBox*/
       i[7] < /*value*/
-      i[0].boxes.length ? Ye(
+      i[0].boxes.length ? qe(
         /*value*/
         i[0].boxes[
           /*selectedBox*/
@@ -2870,58 +2870,58 @@ function fn(n) {
       ) : ""), e.$set(o);
     },
     i(i) {
-      t || (Y(e.$$.fragment, i), t = !0);
+      t || (q(e.$$.fragment, i), t = !0);
     },
     o(i) {
-      I(e.$$.fragment, i), t = !1;
+      U(e.$$.fragment, i), t = !1;
     },
     d(i) {
-      He(e, i);
+      Xe(e, i);
     }
   };
 }
 function Tl(n) {
   let e, t, i, s, o, r, a, l, u, c = (
     /*interactive*/
-    n[2] && on(n)
+    n[2] && an(n)
   ), f = (
     /*editModalVisible*/
-    n[9] && rn(n)
+    n[9] && fn(n)
   ), d = (
     /*newModalVisible*/
-    n[10] && fn(n)
+    n[10] && cn(n)
   );
   return {
     c() {
-      e = ye("div"), t = ye("canvas"), i = Me(), c && c.c(), s = Me(), f && f.c(), o = Me(), d && d.c(), r = Ml(), J(t, "class", "canvas-annotator svelte-10jprmi"), J(e, "class", "canvas-container svelte-10jprmi"), J(e, "tabindex", "-1");
+      e = ve("div"), t = ve("canvas"), i = Re(), c && c.c(), s = Re(), f && f.c(), o = Re(), d && d.c(), r = Rl(), G(t, "class", "canvas-annotator svelte-3rql59"), G(e, "class", "canvas-container svelte-3rql59"), G(e, "tabindex", "-1");
     },
-    m(g, k) {
-      fe(g, e, k), Ee(e, t), n[28](t), fe(g, i, k), c && c.m(g, k), fe(g, s, k), f && f.m(g, k), fe(g, o, k), d && d.m(g, k), fe(g, r, k), a = !0, l || (u = [
-        se(
+    m(g, y) {
+      ue(g, e, y), Ee(e, t), n[29](t), ue(g, i, y), c && c.m(g, y), ue(g, s, y), f && f.m(g, y), ue(g, o, y), d && d.m(g, y), ue(g, r, y), a = !0, l || (u = [
+        le(
           t,
-          "mousedown",
-          /*handleMouseDown*/
+          "pointerdown",
+          /*handlePointerDown*/
           n[11]
         ),
-        se(
+        le(
           t,
-          "mouseup",
-          /*handleMouseUp*/
+          "pointerup",
+          /*handlePointerUp*/
           n[12]
         ),
-        se(
+        le(
           t,
           "dblclick",
           /*handleDoubleClick*/
           n[15]
         ),
-        se(
+        le(
           e,
           "focusin",
           /*handleCanvasFocus*/
           n[19]
         ),
-        se(
+        le(
           e,
           "focusout",
           /*handleCanvasBlur*/
@@ -2929,248 +2929,249 @@ function Tl(n) {
         )
       ], l = !0);
     },
-    p(g, k) {
+    p(g, y) {
       /*interactive*/
-      g[2] ? c ? (c.p(g, k), k[0] & /*interactive*/
-      4 && Y(c, 1)) : (c = on(g), c.c(), Y(c, 1), c.m(s.parentNode, s)) : c && (Ze(), I(c, 1, 1, () => {
+      g[2] ? c ? (c.p(g, y), y[0] & /*interactive*/
+      4 && q(c, 1)) : (c = an(g), c.c(), q(c, 1), c.m(s.parentNode, s)) : c && (Qe(), U(c, 1, 1, () => {
         c = null;
-      }), Je()), /*editModalVisible*/
-      g[9] ? f ? (f.p(g, k), k[0] & /*editModalVisible*/
-      512 && Y(f, 1)) : (f = rn(g), f.c(), Y(f, 1), f.m(o.parentNode, o)) : f && (Ze(), I(f, 1, 1, () => {
+      }), Ze()), /*editModalVisible*/
+      g[9] ? f ? (f.p(g, y), y[0] & /*editModalVisible*/
+      512 && q(f, 1)) : (f = fn(g), f.c(), q(f, 1), f.m(o.parentNode, o)) : f && (Qe(), U(f, 1, 1, () => {
         f = null;
-      }), Je()), /*newModalVisible*/
-      g[10] ? d ? (d.p(g, k), k[0] & /*newModalVisible*/
-      1024 && Y(d, 1)) : (d = fn(g), d.c(), Y(d, 1), d.m(r.parentNode, r)) : d && (Ze(), I(d, 1, 1, () => {
+      }), Ze()), /*newModalVisible*/
+      g[10] ? d ? (d.p(g, y), y[0] & /*newModalVisible*/
+      1024 && q(d, 1)) : (d = cn(g), d.c(), q(d, 1), d.m(r.parentNode, r)) : d && (Qe(), U(d, 1, 1, () => {
         d = null;
-      }), Je());
+      }), Ze());
     },
     i(g) {
-      a || (Y(c), Y(f), Y(d), a = !0);
+      a || (q(c), q(f), q(d), a = !0);
     },
     o(g) {
-      I(c), I(f), I(d), a = !1;
+      U(c), U(f), U(d), a = !1;
     },
     d(g) {
-      g && (re(e), re(i), re(s), re(o), re(r)), n[28](null), c && c.d(g), f && f.d(g), d && d.d(g), l = !1, pn(u);
+      g && (ce(e), ce(i), ce(s), ce(o), ce(r)), n[29](null), c && c.d(g), f && f.d(g), d && d.d(g), l = !1, xn(u);
     }
   };
 }
-function gt(n) {
+function wt(n) {
   var e = parseInt(n.slice(1, 3), 16), t = parseInt(n.slice(3, 5), 16), i = parseInt(n.slice(5, 7), 16);
   return "rgb(" + e + ", " + t + ", " + i + ")";
 }
-function Ye(n) {
+function qe(n) {
   const e = n.match(/(\d+(\.\d+)?)/g), t = parseInt(e[0]), i = parseInt(e[1]), s = parseInt(e[2]);
   return "#" + (1 << 24 | t << 16 | i << 8 | s).toString(16).slice(1);
 }
-function ql(n, e, t) {
+function Il(n, e, t) {
   var i;
-  (function(w) {
-    w[w.creation = 0] = "creation", w[w.drag = 1] = "drag";
+  (function(b) {
+    b[b.creation = 0] = "creation", b[b.drag = 1] = "drag";
   })(i || (i = {}));
-  let { imageUrl: s = null } = e, { interactive: o } = e, { boxAlpha: r = 0.5 } = e, { boxMinSize: a = 25 } = e, { handleSize: l } = e, { boxThickness: u } = e, { boxSelectedThickness: c } = e, { value: f } = e, { choices: d = [] } = e, { choicesColors: g = [] } = e, { disableEditBoxes: k = !1 } = e, { showRemoveButton: y = null } = e;
-  y === null && (y = k);
-  let m, _, v = null, h = -1, b = i.drag;
-  f !== null && f.boxes.length == 0 && (b = i.creation);
-  let p = 0, A = 0, B = 0, C = 0, M = 1, D = 0, V = 0, z = !1, Z = !1;
-  const N = Ll();
-  function j() {
-    if (_) {
-      _.clearRect(0, 0, m.width, m.height), v !== null && _.drawImage(v, p, A, D, V);
-      for (const w of f.boxes.slice().reverse())
-        w.render(_);
+  let { imageUrl: s = null } = e, { interactive: o } = e, { boxAlpha: r = 0.5 } = e, { boxMinSize: a = 25 } = e, { handleSize: l } = e, { boxThickness: u } = e, { boxSelectedThickness: c } = e, { value: f } = e, { choices: d = [] } = e, { choicesColors: g = [] } = e, { disableEditBoxes: y = !1 } = e, { singleBox: v = !1 } = e, { showRemoveButton: w = null } = e;
+  w === null && (w = y);
+  let h, x, m = null, k = -1, _ = i.drag;
+  f !== null && f.boxes.length == 0 && (_ = i.creation);
+  let A = 0, B = 0, C = 0, M = 0, Y = 1, j = 0, S = 0, J = !1, Q = !1;
+  const $ = Ll();
+  function W() {
+    if (x) {
+      x.clearRect(0, 0, h.width, h.height), m !== null && x.drawImage(m, A, B, j, S);
+      for (const b of f.boxes.slice().reverse())
+        b.render(x);
     }
   }
-  function le(w) {
-    t(7, h = w), f.boxes.forEach((E) => {
+  function oe(b) {
+    t(7, k = b), f.boxes.forEach((E) => {
       E.setSelected(!1);
-    }), w >= 0 && w < f.boxes.length && f.boxes[w].setSelected(!0), j();
+    }), b >= 0 && b < f.boxes.length && f.boxes[b].setSelected(!0), W();
   }
-  function st(w) {
-    o && (b === i.creation ? Bt(w) : b === i.drag && lt(w));
+  function lt(b) {
+    o && (b.target instanceof Element && b.target.hasPointerCapture(b.pointerId) && b.target.releasePointerCapture(b.pointerId), _ === i.creation ? at(b) : _ === i.drag && ot(b));
   }
-  function lt(w) {
-    const E = m.getBoundingClientRect(), H = w.clientX - E.left, U = w.clientY - E.top;
-    for (const [W, L] of f.boxes.entries()) {
-      const Ht = L.indexOfPointInsideHandle(H, U);
-      if (Ht >= 0) {
-        le(W), L.startResize(Ht, w);
+  function ot(b) {
+    const E = h.getBoundingClientRect(), H = b.clientX - E.left, V = b.clientY - E.top;
+    for (const [L, D] of f.boxes.entries()) {
+      const Xt = D.indexOfPointInsideHandle(H, V);
+      if (Xt >= 0) {
+        oe(L), D.startResize(Xt, b);
         return;
       }
     }
-    for (const [W, L] of f.boxes.entries())
-      if (L.isPointInsideBox(H, U)) {
-        le(W), L.startDrag(w);
+    for (const [L, D] of f.boxes.entries())
+      if (D.isPointInsideBox(H, V)) {
+        oe(L), D.startDrag(b);
         return;
       }
-    le(-1);
+    oe(-1);
   }
-  function ot(w) {
-    N("change");
+  function z(b) {
+    $("change");
   }
-  function S(w) {
+  function Oe(b) {
     if (o)
-      switch (w.key) {
+      switch (b.key) {
         case "Delete":
-          ce();
+          he();
           break;
       }
   }
-  function Bt(w) {
-    const E = m.getBoundingClientRect(), H = (w.clientX - E.left - p) / M, U = (w.clientY - E.top - A) / M;
-    let W;
-    g.length > 0 ? W = gt(g[0]) : W = de[f.boxes.length % de.length];
-    let L = new bt(j, Mt, p, A, B, C, "", H, U, H, U, W, r, a, l, u, c);
-    L.startCreating(w, E.left, E.top), t(0, f.boxes = [L, ...f.boxes], f), le(0), j(), N("change");
-  }
-  function Oe() {
-    t(8, b = i.creation), t(6, m.style.cursor = "crosshair", m);
+  function at(b) {
+    const E = h.getBoundingClientRect(), H = (b.clientX - E.left - A) / Y, V = (b.clientY - E.top - B) / Y;
+    let L;
+    g.length > 0 ? L = wt(g[0]) : v ? f.boxes.length > 0 ? L = f.boxes[0].color : L = re[0] : L = re[f.boxes.length % re.length];
+    let D = new gt(W, Rt, A, B, C, M, "", H, V, H, V, L, r, a, l, u, c);
+    D.startCreating(b, E.left, E.top), v ? t(0, f.boxes = [D], f) : t(0, f.boxes = [D, ...f.boxes], f), oe(0), W(), $("change");
   }
   function At() {
-    t(8, b = i.drag), t(6, m.style.cursor = "default", m);
+    t(8, _ = i.creation), t(6, h.style.cursor = "crosshair", h);
   }
   function Mt() {
-    h >= 0 && h < f.boxes.length && (f.boxes[h].getArea() < 1 ? ce() : k || t(10, Z = !0));
+    t(8, _ = i.drag), t(6, h.style.cursor = "default", h);
+  }
+  function Rt() {
+    k >= 0 && k < f.boxes.length && (f.boxes[k].getArea() < 1 ? he() : y || t(10, Q = !0));
   }
-  function xn() {
-    h >= 0 && h < f.boxes.length && !k && t(9, z = !0);
+  function Cn() {
+    k >= 0 && k < f.boxes.length && !y && t(9, J = !0);
   }
-  function Cn(w) {
-    o && xn();
+  function Sn(b) {
+    o && Cn();
   }
-  function Sn(w) {
-    t(9, z = !1);
-    const { detail: E } = w;
-    let H = E.label, U = E.color, W = E.ret;
-    if (h >= 0 && h < f.boxes.length) {
-      let L = f.boxes[h];
-      W == 1 ? (L.label = H, L.color = gt(U), j(), N("change")) : W == -1 && ce();
+  function zn(b) {
+    t(9, J = !1);
+    const { detail: E } = b;
+    let H = E.label, V = E.color, L = E.ret;
+    if (k >= 0 && k < f.boxes.length) {
+      let D = f.boxes[k];
+      L == 1 ? (D.label = H, D.color = wt(V), W(), $("change")) : L == -1 && he();
     }
   }
-  function zn(w) {
-    t(10, Z = !1);
-    const { detail: E } = w;
-    let H = E.label, U = E.color, W = E.ret;
-    if (h >= 0 && h < f.boxes.length) {
-      let L = f.boxes[h];
-      W == 1 ? (L.label = H, L.color = gt(U), j(), N("change")) : ce();
+  function Bn(b) {
+    t(10, Q = !1);
+    const { detail: E } = b;
+    let H = E.label, V = E.color, L = E.ret;
+    if (k >= 0 && k < f.boxes.length) {
+      let D = f.boxes[k];
+      L == 1 ? (D.label = H, D.color = wt(V), W(), $("change")) : he();
     }
   }
-  function ce() {
-    h >= 0 && h < f.boxes.length && (f.boxes.splice(h, 1), le(-1), N("change"));
+  function he() {
+    k >= 0 && k < f.boxes.length && (f.boxes.splice(k, 1), oe(-1), $("change"));
   }
-  function Ie() {
-    if (m) {
-      if (M = 1, t(6, m.width = m.clientWidth, m), v !== null)
-        if (v.width > m.width)
-          M = m.width / v.width, D = v.width * M, V = v.height * M, p = 0, A = 0, B = D, C = V, t(6, m.height = V, m);
+  function Ue() {
+    if (h) {
+      if (Y = 1, t(6, h.width = h.clientWidth, h), m !== null)
+        if (m.width > h.width)
+          Y = h.width / m.width, j = m.width * Y, S = m.height * Y, A = 0, B = 0, C = j, M = S, t(6, h.height = S, h);
         else {
-          D = v.width, V = v.height;
-          var w = (m.width - D) / 2;
-          p = w, A = 0, B = w + D, C = v.height, t(6, m.height = V, m);
+          j = m.width, S = m.height;
+          var b = (h.width - j) / 2;
+          A = b, B = 0, C = b + j, M = m.height, t(6, h.height = S, h);
         }
       else
-        p = 0, A = 0, B = m.width, C = m.height, t(6, m.height = m.clientHeight, m);
-      if (B > 0 && C > 0)
+        A = 0, B = 0, C = h.width, M = h.height, t(6, h.height = h.clientHeight, h);
+      if (C > 0 && M > 0)
         for (const E of f.boxes)
-          E.canvasXmin = p, E.canvasYmin = A, E.canvasXmax = B, E.canvasYmax = C, E.setScaleFactor(M);
-      j(), N("change");
+          E.canvasXmin = A, E.canvasYmin = B, E.canvasXmax = C, E.canvasYmax = M, E.setScaleFactor(Y);
+      W(), $("change");
     }
   }
-  const En = new ResizeObserver(Ie);
-  function Bn() {
-    for (let w = 0; w < f.boxes.length; w++) {
-      let E = f.boxes[w];
-      if (!(E instanceof bt)) {
-        let H = "", U = "";
-        E.hasOwnProperty("color") ? (H = E.color, Array.isArray(H) && H.length === 3 && (H = `rgb(${H[0]}, ${H[1]}, ${H[2]})`)) : H = de[w % de.length], E.hasOwnProperty("label") && (U = E.label), E = new bt(j, Mt, p, A, B, C, U, E.xmin, E.ymin, E.xmax, E.ymax, H, r, a, l, u, c), t(0, f.boxes[w] = E, f);
+  const En = new ResizeObserver(Ue);
+  function An() {
+    for (let b = 0; b < f.boxes.length; b++) {
+      let E = f.boxes[b];
+      if (!(E instanceof gt)) {
+        let H = "", V = "";
+        E.hasOwnProperty("color") ? (H = E.color, Array.isArray(H) && H.length === 3 && (H = `rgb(${H[0]}, ${H[1]}, ${H[2]})`)) : H = re[b % re.length], E.hasOwnProperty("label") && (V = E.label), E = new gt(W, Rt, A, B, C, M, V, E.xmin, E.ymin, E.xmax, E.ymax, H, r, a, l, u, c), t(0, f.boxes[b] = E, f);
       }
     }
   }
-  function Rt() {
-    s !== null && (v === null || v.src != s) && (v = new Image(), v.src = s, v.onload = function() {
-      Ie(), j();
+  function Ht() {
+    s !== null && (m === null || m.src != s) && (m = new Image(), m.src = s, m.onload = function() {
+      Ue(), W();
     });
   }
-  Yl(() => {
+  ql(() => {
     if (Array.isArray(d) && d.length > 0 && (!Array.isArray(g) || g.length == 0))
-      for (let w = 0; w < d.length; w++) {
-        let E = de[w % de.length];
-        g.push(Ye(E));
+      for (let b = 0; b < d.length; b++) {
+        let E = re[b % re.length];
+        g.push(qe(E));
       }
-    _ = m.getContext("2d"), En.observe(m), Rt(), Ie(), j();
+    x = h.getContext("2d"), En.observe(h), Ht(), Ue(), W();
   });
-  function An() {
-    document.addEventListener("keydown", S);
-  }
   function Mn() {
-    document.removeEventListener("keydown", S);
+    document.addEventListener("keydown", Oe);
+  }
+  function Rn() {
+    document.removeEventListener("keydown", Oe);
   }
   Dl(() => {
-    document.removeEventListener("keydown", S);
+    document.removeEventListener("keydown", Oe);
   });
-  function Rn(w) {
-    Al[w ? "unshift" : "push"](() => {
-      m = w, t(6, m);
+  function Hn(b) {
+    Ml[b ? "unshift" : "push"](() => {
+      h = b, t(6, h);
     });
   }
-  const Hn = () => Oe(), Xn = () => At(), Yn = () => ce();
-  function Dn(w) {
-    ln.call(this, n, w);
+  const Xn = () => At(), Yn = () => Mt(), qn = () => he();
+  function Dn(b) {
+    on.call(this, n, b);
   }
-  function Ln(w) {
-    ln.call(this, n, w);
+  function Ln(b) {
+    on.call(this, n, b);
   }
-  return n.$$set = (w) => {
-    "imageUrl" in w && t(21, s = w.imageUrl), "interactive" in w && t(2, o = w.interactive), "boxAlpha" in w && t(22, r = w.boxAlpha), "boxMinSize" in w && t(23, a = w.boxMinSize), "handleSize" in w && t(24, l = w.handleSize), "boxThickness" in w && t(25, u = w.boxThickness), "boxSelectedThickness" in w && t(26, c = w.boxSelectedThickness), "value" in w && t(0, f = w.value), "choices" in w && t(3, d = w.choices), "choicesColors" in w && t(4, g = w.choicesColors), "disableEditBoxes" in w && t(27, k = w.disableEditBoxes), "showRemoveButton" in w && t(1, y = w.showRemoveButton);
+  return n.$$set = (b) => {
+    "imageUrl" in b && t(21, s = b.imageUrl), "interactive" in b && t(2, o = b.interactive), "boxAlpha" in b && t(22, r = b.boxAlpha), "boxMinSize" in b && t(23, a = b.boxMinSize), "handleSize" in b && t(24, l = b.handleSize), "boxThickness" in b && t(25, u = b.boxThickness), "boxSelectedThickness" in b && t(26, c = b.boxSelectedThickness), "value" in b && t(0, f = b.value), "choices" in b && t(3, d = b.choices), "choicesColors" in b && t(4, g = b.choicesColors), "disableEditBoxes" in b && t(27, y = b.disableEditBoxes), "singleBox" in b && t(28, v = b.singleBox), "showRemoveButton" in b && t(1, w = b.showRemoveButton);
   }, n.$$.update = () => {
     n.$$.dirty[0] & /*value*/
-    1 && (Rt(), Bn(), Ie(), j());
+    1 && (Ht(), An(), Ue(), W());
   }, [
     f,
-    y,
+    w,
     o,
     d,
     g,
     i,
-    m,
     h,
-    b,
+    k,
+    _,
+    J,
+    Q,
+    lt,
     z,
-    Z,
-    st,
-    ot,
-    Oe,
     At,
-    Cn,
+    Mt,
     Sn,
     zn,
-    ce,
-    An,
+    Bn,
+    he,
     Mn,
+    Rn,
     s,
     r,
     a,
     l,
     u,
     c,
-    k,
-    Rn,
+    y,
+    v,
     Hn,
     Xn,
     Yn,
+    qn,
     Dn,
     Ln
   ];
 }
-class Ol extends Bl {
+class Ol extends Al {
   constructor(e) {
-    super(), Rl(
+    super(), Hl(
       this,
       e,
-      ql,
+      Il,
       Tl,
-      Xl,
+      Yl,
       {
         imageUrl: 21,
         interactive: 2,
@@ -3183,6 +3184,7 @@ class Ol extends Bl {
         choices: 3,
         choicesColors: 4,
         disableEditBoxes: 27,
+        singleBox: 28,
         showRemoveButton: 1
       },
       null,
@@ -3191,22 +3193,22 @@ class Ol extends Bl {
   }
 }
 const {
-  SvelteComponent: Il,
-  add_flush_callback: jl,
-  bind: Ul,
-  binding_callbacks: Wl,
-  create_component: Vl,
-  destroy_component: Nl,
+  SvelteComponent: Ul,
+  add_flush_callback: Wl,
+  bind: Vl,
+  binding_callbacks: jl,
+  create_component: Nl,
+  destroy_component: Pl,
   init: Fl,
-  mount_component: Pl,
-  safe_not_equal: Kl,
-  transition_in: Gl,
-  transition_out: Jl
-} = window.__gradio__svelte__internal, { createEventDispatcher: Zl } = window.__gradio__svelte__internal;
-function Ql(n) {
+  mount_component: Kl,
+  safe_not_equal: Gl,
+  transition_in: Jl,
+  transition_out: Zl
+} = window.__gradio__svelte__internal, { createEventDispatcher: Ql } = window.__gradio__svelte__internal;
+function $l(n) {
   let e, t, i;
   function s(r) {
-    n[15](r);
+    n[16](r);
   }
   let o = {
     interactive: (
@@ -3245,28 +3247,32 @@ function Ql(n) {
       /*disableEditBoxes*/
       n[9]
     ),
+    singleBox: (
+      /*singleBox*/
+      n[10]
+    ),
     showRemoveButton: (
       /*showRemoveButton*/
-      n[10]
+      n[11]
     ),
     imageUrl: (
       /*resolved_src*/
-      n[11]
+      n[12]
     )
   };
   return (
     /*value*/
     n[0] !== void 0 && (o.value = /*value*/
-    n[0]), e = new Ol({ props: o }), Wl.push(() => Ul(e, "value", s)), e.$on(
+    n[0]), e = new Ol({ props: o }), jl.push(() => Vl(e, "value", s)), e.$on(
       "change",
       /*change_handler*/
-      n[16]
+      n[17]
     ), {
       c() {
-        Vl(e.$$.fragment);
+        Nl(e.$$.fragment);
       },
       m(r, a) {
-        Pl(e, r, a), i = !0;
+        Kl(e, r, a), i = !0;
       },
       p(r, [a]) {
         const l = {};
@@ -3288,42 +3294,44 @@ function Ql(n) {
         256 && (l.boxSelectedThickness = /*boxSelectedThickness*/
         r[8]), a & /*disableEditBoxes*/
         512 && (l.disableEditBoxes = /*disableEditBoxes*/
-        r[9]), a & /*showRemoveButton*/
-        1024 && (l.showRemoveButton = /*showRemoveButton*/
-        r[10]), a & /*resolved_src*/
-        2048 && (l.imageUrl = /*resolved_src*/
-        r[11]), !t && a & /*value*/
+        r[9]), a & /*singleBox*/
+        1024 && (l.singleBox = /*singleBox*/
+        r[10]), a & /*showRemoveButton*/
+        2048 && (l.showRemoveButton = /*showRemoveButton*/
+        r[11]), a & /*resolved_src*/
+        4096 && (l.imageUrl = /*resolved_src*/
+        r[12]), !t && a & /*value*/
         1 && (t = !0, l.value = /*value*/
-        r[0], jl(() => t = !1)), e.$set(l);
+        r[0], Wl(() => t = !1)), e.$set(l);
       },
       i(r) {
-        i || (Gl(e.$$.fragment, r), i = !0);
+        i || (Jl(e.$$.fragment, r), i = !0);
       },
       o(r) {
-        Jl(e.$$.fragment, r), i = !1;
+        Zl(e.$$.fragment, r), i = !1;
       },
       d(r) {
-        Nl(e, r);
+        Pl(e, r);
       }
     }
   );
 }
-function $l(n, e, t) {
-  let { src: i = void 0 } = e, { interactive: s } = e, { boxesAlpha: o } = e, { labelList: r } = e, { labelColors: a } = e, { boxMinSize: l } = e, { handleSize: u } = e, { boxThickness: c } = e, { boxSelectedThickness: f } = e, { value: d } = e, { disableEditBoxes: g } = e, { showRemoveButton: k } = e, y, m;
-  const _ = Zl();
-  function v(b) {
-    d = b, t(0, d);
+function eo(n, e, t) {
+  let { src: i = void 0 } = e, { interactive: s } = e, { boxesAlpha: o } = e, { labelList: r } = e, { labelColors: a } = e, { boxMinSize: l } = e, { handleSize: u } = e, { boxThickness: c } = e, { boxSelectedThickness: f } = e, { value: d } = e, { disableEditBoxes: g } = e, { singleBox: y } = e, { showRemoveButton: v } = e, w, h;
+  const x = Ql();
+  function m(_) {
+    d = _, t(0, d);
   }
-  const h = () => _("change");
-  return n.$$set = (b) => {
-    "src" in b && t(13, i = b.src), "interactive" in b && t(1, s = b.interactive), "boxesAlpha" in b && t(2, o = b.boxesAlpha), "labelList" in b && t(3, r = b.labelList), "labelColors" in b && t(4, a = b.labelColors), "boxMinSize" in b && t(5, l = b.boxMinSize), "handleSize" in b && t(6, u = b.handleSize), "boxThickness" in b && t(7, c = b.boxThickness), "boxSelectedThickness" in b && t(8, f = b.boxSelectedThickness), "value" in b && t(0, d = b.value), "disableEditBoxes" in b && t(9, g = b.disableEditBoxes), "showRemoveButton" in b && t(10, k = b.showRemoveButton);
+  const k = () => x("change");
+  return n.$$set = (_) => {
+    "src" in _ && t(14, i = _.src), "interactive" in _ && t(1, s = _.interactive), "boxesAlpha" in _ && t(2, o = _.boxesAlpha), "labelList" in _ && t(3, r = _.labelList), "labelColors" in _ && t(4, a = _.labelColors), "boxMinSize" in _ && t(5, l = _.boxMinSize), "handleSize" in _ && t(6, u = _.handleSize), "boxThickness" in _ && t(7, c = _.boxThickness), "boxSelectedThickness" in _ && t(8, f = _.boxSelectedThickness), "value" in _ && t(0, d = _.value), "disableEditBoxes" in _ && t(9, g = _.disableEditBoxes), "singleBox" in _ && t(10, y = _.singleBox), "showRemoveButton" in _ && t(11, v = _.showRemoveButton);
   }, n.$$.update = () => {
     if (n.$$.dirty & /*src, latest_src*/
-    24576) {
-      t(11, y = i), t(14, m = i);
-      const b = i;
-      Wn(b).then((p) => {
-        m === b && t(11, y = p);
+    49152) {
+      t(12, w = i), t(15, h = i);
+      const _ = i;
+      jn(_).then((A) => {
+        h === _ && t(12, w = A);
       });
     }
   }, [
@@ -3337,19 +3345,20 @@ function $l(n, e, t) {
     c,
     f,
     g,
-    k,
     y,
-    _,
+    v,
+    w,
+    x,
     i,
+    h,
     m,
-    v,
-    h
+    k
   ];
 }
-class eo extends Il {
+class to extends Ul {
   constructor(e) {
-    super(), Fl(this, e, $l, Ql, Kl, {
-      src: 13,
+    super(), Fl(this, e, eo, $l, Gl, {
+      src: 14,
       interactive: 1,
       boxesAlpha: 2,
       labelList: 3,
@@ -3360,30 +3369,31 @@ class eo extends Il {
       boxSelectedThickness: 8,
       value: 0,
       disableEditBoxes: 9,
-      showRemoveButton: 10
+      singleBox: 10,
+      showRemoveButton: 11
     });
   }
 }
 const {
-  SvelteComponent: to,
-  attr: no,
-  check_outros: io,
-  create_component: so,
-  destroy_component: lo,
-  detach: oo,
-  element: ao,
-  group_outros: ro,
-  init: fo,
-  insert: co,
-  mount_component: uo,
-  safe_not_equal: ho,
-  toggle_class: te,
-  transition_in: Qe,
-  transition_out: Ct
+  SvelteComponent: no,
+  attr: io,
+  check_outros: so,
+  create_component: lo,
+  destroy_component: oo,
+  detach: ao,
+  element: ro,
+  group_outros: fo,
+  init: co,
+  insert: uo,
+  mount_component: ho,
+  safe_not_equal: mo,
+  toggle_class: ne,
+  transition_in: $e,
+  transition_out: St
 } = window.__gradio__svelte__internal;
-function cn(n) {
+function un(n) {
   let e, t;
-  return e = new eo({
+  return e = new to({
     props: {
       src: (
         /*samples_dir*/
@@ -3394,10 +3404,10 @@ function cn(n) {
     }
   }), {
     c() {
-      so(e.$$.fragment);
+      lo(e.$$.fragment);
     },
     m(i, s) {
-      uo(e, i, s), t = !0;
+      ho(e, i, s), t = !0;
     },
     p(i, s) {
       const o = {};
@@ -3407,39 +3417,39 @@ function cn(n) {
       i[0].path), e.$set(o);
     },
     i(i) {
-      t || (Qe(e.$$.fragment, i), t = !0);
+      t || ($e(e.$$.fragment, i), t = !0);
     },
     o(i) {
-      Ct(e.$$.fragment, i), t = !1;
+      St(e.$$.fragment, i), t = !1;
     },
     d(i) {
-      lo(e, i);
+      oo(e, i);
     }
   };
 }
-function mo(n) {
+function _o(n) {
   let e, t, i = (
     /*value*/
-    n[0] && cn(n)
+    n[0] && un(n)
   );
   return {
     c() {
-      e = ao("div"), i && i.c(), no(e, "class", "container svelte-1sgcyba"), te(
+      e = ro("div"), i && i.c(), io(e, "class", "container svelte-1sgcyba"), ne(
         e,
         "table",
         /*type*/
         n[2] === "table"
-      ), te(
+      ), ne(
         e,
         "gallery",
         /*type*/
         n[2] === "gallery"
-      ), te(
+      ), ne(
         e,
         "selected",
         /*selected*/
         n[3]
-      ), te(
+      ), ne(
         e,
         "border",
         /*value*/
@@ -3447,33 +3457,33 @@ function mo(n) {
       );
     },
     m(s, o) {
-      co(s, e, o), i && i.m(e, null), t = !0;
+      uo(s, e, o), i && i.m(e, null), t = !0;
     },
     p(s, [o]) {
       /*value*/
       s[0] ? i ? (i.p(s, o), o & /*value*/
-      1 && Qe(i, 1)) : (i = cn(s), i.c(), Qe(i, 1), i.m(e, null)) : i && (ro(), Ct(i, 1, 1, () => {
+      1 && $e(i, 1)) : (i = un(s), i.c(), $e(i, 1), i.m(e, null)) : i && (fo(), St(i, 1, 1, () => {
         i = null;
-      }), io()), (!t || o & /*type*/
-      4) && te(
+      }), so()), (!t || o & /*type*/
+      4) && ne(
         e,
         "table",
         /*type*/
         s[2] === "table"
       ), (!t || o & /*type*/
-      4) && te(
+      4) && ne(
         e,
         "gallery",
         /*type*/
         s[2] === "gallery"
       ), (!t || o & /*selected*/
-      8) && te(
+      8) && ne(
         e,
         "selected",
         /*selected*/
         s[3]
       ), (!t || o & /*value*/
-      1) && te(
+      1) && ne(
         e,
         "border",
         /*value*/
@@ -3481,25 +3491,25 @@ function mo(n) {
       );
     },
     i(s) {
-      t || (Qe(i), t = !0);
+      t || ($e(i), t = !0);
     },
     o(s) {
-      Ct(i), t = !1;
+      St(i), t = !1;
     },
     d(s) {
-      s && oo(e), i && i.d();
+      s && ao(e), i && i.d();
     }
   };
 }
-function _o(n, e, t) {
+function bo(n, e, t) {
   let { value: i } = e, { samples_dir: s } = e, { type: o } = e, { selected: r = !1 } = e;
   return n.$$set = (a) => {
     "value" in a && t(0, i = a.value), "samples_dir" in a && t(1, s = a.samples_dir), "type" in a && t(2, o = a.type), "selected" in a && t(3, r = a.selected);
   }, [i, s, o, r];
 }
-class go extends to {
+class wo extends no {
   constructor(e) {
-    super(), fo(this, e, _o, mo, ho, {
+    super(), co(this, e, bo, _o, mo, {
       value: 0,
       samples_dir: 1,
       type: 2,
@@ -3508,5 +3518,5 @@ class go extends to {
   }
 }
 export {
-  go as default
+  wo as default
 };