Update v0.0.4

README.md

@@ -6,7 +6,7 @@ tags:
 - textbox
 - editing
 - color
-title: gradio_highlightedtextbox V0.0.3
+title: gradio_highlightedtextbox V0.0.4
 colorFrom: indigo
 colorTo: green
 sdk: docker

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

@@ -1,28 +1,28 @@
 const {
-  SvelteComponent: nl,
-  assign: il,
-  create_slot: ol,
-  detach: sl,
-  element: fl,
-  get_all_dirty_from_scope: rl,
-  get_slot_changes: al,
-  get_spread_update: _l,
-  init: ul,
-  insert: cl,
-  safe_not_equal: dl,
+  SvelteComponent: ll,
+  assign: nl,
+  create_slot: il,
+  detach: ol,
+  element: sl,
+  get_all_dirty_from_scope: fl,
+  get_slot_changes: rl,
+  get_spread_update: al,
+  init: _l,
+  insert: ul,
+  safe_not_equal: cl,
   set_dynamic_element_data: et,
   set_style: A,
   toggle_class: te,
   transition_in: Ot,
   transition_out: It,
-  update_slot_base: ml
+  update_slot_base: dl
 } = window.__gradio__svelte__internal;
-function bl(n) {
+function ml(n) {
   let e, t, l;
   const i = (
     /*#slots*/
     n[18].default
-  ), o = ol(
+  ), o = il(
     i,
     n,
     /*$$scope*/
@@ -44,10 +44,10 @@ function bl(n) {
     }
   ], r = {};
   for (let f = 0; f < s.length; f += 1)
-    r = il(r, s[f]);
+    r = nl(r, s[f]);
   return {
     c() {
-      e = fl(
+      e = sl(
         /*tag*/
         n[14]
       ), o && o.c(), et(
@@ -105,23 +105,23 @@ function bl(n) {
       n[13]}px, 100%))`), A(e, "border-width", "var(--block-border-width)");
     },
     m(f, a) {
-      cl(f, e, a), o && o.m(e, null), l = !0;
+      ul(f, e, a), o && o.m(e, null), l = !0;
     },
     p(f, a) {
       o && o.p && (!l || a & /*$$scope*/
-      131072) && ml(
+      131072) && dl(
         o,
         i,
         f,
         /*$$scope*/
         f[17],
-        l ? al(
+        l ? rl(
           i,
           /*$$scope*/
           f[17],
           a,
           null
-        ) : rl(
+        ) : fl(
           /*$$scope*/
           f[17]
         ),
@@ -129,7 +129,7 @@ function bl(n) {
       ), et(
         /*tag*/
         f[14]
-      )(e, r = _l(s, [
+      )(e, r = al(s, [
         (!l || a & /*test_id*/
         128) && { "data-testid": (
           /*test_id*/
@@ -207,14 +207,14 @@ function bl(n) {
       It(o, f), l = !1;
     },
     d(f) {
-      f && sl(e), o && o.d(f);
+      f && ol(e), o && o.d(f);
     }
   };
 }
-function gl(n) {
+function bl(n) {
   let e, t = (
     /*tag*/
-    n[14] && bl(n)
+    n[14] && ml(n)
   );
   return {
     c() {
@@ -238,7 +238,7 @@ function gl(n) {
     }
   };
 }
-function hl(n, e, t) {
+function gl(n, e, t) {
   let { $$slots: l = {}, $$scope: i } = e, { height: o = void 0 } = e, { width: s = void 0 } = e, { elem_id: r = "" } = e, { elem_classes: f = [] } = e, { variant: a = "solid" } = e, { border_mode: _ = "base" } = e, { padding: u = !0 } = e, { type: c = "normal" } = e, { test_id: m = void 0 } = e, { explicit_call: p = !1 } = e, { container: T = !0 } = e, { visible: S = !0 } = e, { allow_overflow: L = !0 } = e, { scale: C = null } = e, { min_width: d = 0 } = e, y = c === "fieldset" ? "fieldset" : "div";
   const M = (g) => {
     if (g !== void 0) {
@@ -272,9 +272,9 @@ function hl(n, e, t) {
     l
   ];
 }
-class wl extends nl {
+class hl extends ll {
   constructor(e) {
-    super(), ul(this, e, hl, gl, dl, {
+    super(), _l(this, e, gl, bl, cl, {
       height: 0,
       width: 1,
       elem_id: 2,
@@ -294,26 +294,26 @@ class wl extends nl {
   }
 }
 const {
-  SvelteComponent: pl,
-  attr: kl,
-  create_slot: vl,
-  detach: yl,
-  element: Cl,
-  get_all_dirty_from_scope: ql,
-  get_slot_changes: Sl,
-  init: Ll,
-  insert: Tl,
-  safe_not_equal: Fl,
-  transition_in: Ml,
-  transition_out: Nl,
-  update_slot_base: Hl
+  SvelteComponent: wl,
+  attr: pl,
+  create_slot: kl,
+  detach: vl,
+  element: yl,
+  get_all_dirty_from_scope: Cl,
+  get_slot_changes: ql,
+  init: Sl,
+  insert: Ll,
+  safe_not_equal: Tl,
+  transition_in: Fl,
+  transition_out: Ml,
+  update_slot_base: Nl
 } = window.__gradio__svelte__internal;
-function jl(n) {
+function Hl(n) {
   let e, t;
   const l = (
     /*#slots*/
     n[1].default
-  ), i = vl(
+  ), i = kl(
     l,
     n,
     /*$$scope*/
@@ -322,26 +322,26 @@ function jl(n) {
   );
   return {
     c() {
-      e = Cl("div"), i && i.c(), kl(e, "class", "svelte-1hnfib2");
+      e = yl("div"), i && i.c(), pl(e, "class", "svelte-1hnfib2");
     },
     m(o, s) {
-      Tl(o, e, s), i && i.m(e, null), t = !0;
+      Ll(o, e, s), i && i.m(e, null), t = !0;
     },
     p(o, [s]) {
       i && i.p && (!t || s & /*$$scope*/
-      1) && Hl(
+      1) && Nl(
         i,
         l,
         o,
         /*$$scope*/
         o[0],
-        t ? Sl(
+        t ? ql(
           l,
           /*$$scope*/
           o[0],
           s,
           null
-        ) : ql(
+        ) : Cl(
           /*$$scope*/
           o[0]
         ),
@@ -349,65 +349,65 @@ function jl(n) {
       );
     },
     i(o) {
-      t || (Ml(i, o), t = !0);
+      t || (Fl(i, o), t = !0);
     },
     o(o) {
-      Nl(i, o), t = !1;
+      Ml(i, o), t = !1;
     },
     d(o) {
-      o && yl(e), i && i.d(o);
+      o && vl(e), i && i.d(o);
     }
   };
 }
-function Vl(n, e, t) {
+function jl(n, e, t) {
   let { $$slots: l = {}, $$scope: i } = e;
   return n.$$set = (o) => {
     "$$scope" in o && t(0, i = o.$$scope);
   }, [i, l];
 }
-class Al extends pl {
+class Vl extends wl {
   constructor(e) {
-    super(), Ll(this, e, Vl, jl, Fl, {});
+    super(), Sl(this, e, jl, Hl, Tl, {});
   }
 }
 const {
-  SvelteComponent: zl,
+  SvelteComponent: Al,
   attr: tt,
-  check_outros: El,
-  create_component: Pl,
-  create_slot: Zl,
-  destroy_component: Bl,
+  check_outros: zl,
+  create_component: El,
+  create_slot: Pl,
+  destroy_component: Zl,
   detach: je,
-  element: Rl,
-  empty: Dl,
-  get_all_dirty_from_scope: Ol,
-  get_slot_changes: Il,
-  group_outros: Ul,
-  init: Wl,
+  element: Bl,
+  empty: Rl,
+  get_all_dirty_from_scope: Dl,
+  get_slot_changes: Ol,
+  group_outros: Il,
+  init: Ul,
   insert: Ve,
-  mount_component: Xl,
-  safe_not_equal: Yl,
-  set_data: Gl,
-  space: Jl,
-  text: Kl,
+  mount_component: Wl,
+  safe_not_equal: Xl,
+  set_data: Yl,
+  space: Gl,
+  text: Jl,
   toggle_class: ge,
   transition_in: Se,
   transition_out: Ae,
-  update_slot_base: Ql
+  update_slot_base: Kl
 } = window.__gradio__svelte__internal;
 function lt(n) {
   let e, t;
-  return e = new Al({
+  return e = new Vl({
     props: {
-      $$slots: { default: [xl] },
+      $$slots: { default: [Ql] },
       $$scope: { ctx: n }
     }
   }), {
     c() {
-      Pl(e.$$.fragment);
+      El(e.$$.fragment);
     },
     m(l, i) {
-      Xl(e, l, i), t = !0;
+      Wl(e, l, i), t = !0;
     },
     p(l, i) {
       const o = {};
@@ -421,15 +421,15 @@ function lt(n) {
       Ae(e.$$.fragment, l), t = !1;
     },
     d(l) {
-      Bl(e, l);
+      Zl(e, l);
     }
   };
 }
-function xl(n) {
+function Ql(n) {
   let e;
   return {
     c() {
-      e = Kl(
+      e = Jl(
         /*info*/
         n[1]
       );
@@ -439,7 +439,7 @@ function xl(n) {
     },
     p(t, l) {
       l & /*info*/
-      2 && Gl(
+      2 && Yl(
         e,
         /*info*/
         t[1]
@@ -450,12 +450,12 @@ function xl(n) {
     }
   };
 }
-function $l(n) {
+function xl(n) {
   let e, t, l, i;
   const o = (
     /*#slots*/
     n[2].default
-  ), s = Zl(
+  ), s = Pl(
     o,
     n,
     /*$$scope*/
@@ -468,7 +468,7 @@ function $l(n) {
   );
   return {
     c() {
-      e = Rl("span"), s && s.c(), t = Jl(), r && r.c(), l = Dl(), tt(e, "data-testid", "block-info"), tt(e, "class", "svelte-22c38v"), ge(e, "sr-only", !/*show_label*/
+      e = Bl("span"), s && s.c(), t = Gl(), r && r.c(), l = Rl(), tt(e, "data-testid", "block-info"), tt(e, "class", "svelte-22c38v"), ge(e, "sr-only", !/*show_label*/
       n[0]), ge(e, "hide", !/*show_label*/
       n[0]), ge(
         e,
@@ -482,19 +482,19 @@ function $l(n) {
     },
     p(f, [a]) {
       s && s.p && (!i || a & /*$$scope*/
-      8) && Ql(
+      8) && Kl(
         s,
         o,
         f,
         /*$$scope*/
         f[3],
-        i ? Il(
+        i ? Ol(
           o,
           /*$$scope*/
           f[3],
           a,
           null
-        ) : Ol(
+        ) : Dl(
           /*$$scope*/
           f[3]
         ),
@@ -511,9 +511,9 @@ function $l(n) {
         f[1] != null
       ), /*info*/
       f[1] ? r ? (r.p(f, a), a & /*info*/
-      2 && Se(r, 1)) : (r = lt(f), r.c(), Se(r, 1), r.m(l.parentNode, l)) : r && (Ul(), Ae(r, 1, 1, () => {
+      2 && Se(r, 1)) : (r = lt(f), r.c(), Se(r, 1), r.m(l.parentNode, l)) : r && (Il(), Ae(r, 1, 1, () => {
         r = null;
-      }), El());
+      }), zl());
     },
     i(f) {
       i || (Se(s, f), Se(r), i = !0);
@@ -526,81 +526,81 @@ function $l(n) {
     }
   };
 }
-function en(n, e, t) {
+function $l(n, e, t) {
   let { $$slots: l = {}, $$scope: i } = e, { show_label: o = !0 } = e, { info: s = void 0 } = e;
   return n.$$set = (r) => {
     "show_label" in r && t(0, o = r.show_label), "info" in r && t(1, s = r.info), "$$scope" in r && t(3, i = r.$$scope);
   }, [o, s, l, i];
 }
-class tn extends zl {
+class en extends Al {
   constructor(e) {
-    super(), Wl(this, e, en, $l, Yl, { show_label: 0, info: 1 });
+    super(), Ul(this, e, $l, xl, Xl, { show_label: 0, info: 1 });
   }
 }
 const {
-  SvelteComponent: ln,
-  append: nn,
+  SvelteComponent: tn,
+  append: ln,
   attr: le,
-  detach: on,
-  init: sn,
-  insert: fn,
+  detach: nn,
+  init: on,
+  insert: sn,
   noop: Be,
-  safe_not_equal: rn,
+  safe_not_equal: fn,
   svg_element: nt
 } = window.__gradio__svelte__internal;
-function an(n) {
+function rn(n) {
   let e, t;
   return {
     c() {
       e = nt("svg"), t = nt("polyline"), le(t, "points", "20 6 9 17 4 12"), le(e, "xmlns", "http://www.w3.org/2000/svg"), le(e, "viewBox", "2 0 20 20"), le(e, "fill", "none"), le(e, "stroke", "currentColor"), le(e, "stroke-width", "3"), le(e, "stroke-linecap", "round"), le(e, "stroke-linejoin", "round");
     },
     m(l, i) {
-      fn(l, e, i), nn(e, t);
+      sn(l, e, i), ln(e, t);
     },
     p: Be,
     i: Be,
     o: Be,
     d(l) {
-      l && on(e);
+      l && nn(e);
     }
   };
 }
-class _n extends ln {
+class an extends tn {
   constructor(e) {
-    super(), sn(this, e, null, an, rn, {});
+    super(), on(this, e, null, rn, fn, {});
   }
 }
 const {
-  SvelteComponent: un,
+  SvelteComponent: _n,
   append: it,
   attr: ae,
-  detach: cn,
-  init: dn,
-  insert: mn,
+  detach: un,
+  init: cn,
+  insert: dn,
   noop: Re,
-  safe_not_equal: bn,
+  safe_not_equal: mn,
   svg_element: De
 } = window.__gradio__svelte__internal;
-function gn(n) {
+function bn(n) {
   let e, t, l;
   return {
     c() {
       e = De("svg"), t = De("path"), l = De("path"), ae(t, "fill", "currentColor"), ae(t, "d", "M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z"), ae(l, "fill", "currentColor"), ae(l, "d", "M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z"), ae(e, "xmlns", "http://www.w3.org/2000/svg"), ae(e, "viewBox", "0 0 33 33"), ae(e, "color", "currentColor");
     },
     m(i, o) {
-      mn(i, e, o), it(e, t), it(e, l);
+      dn(i, e, o), it(e, t), it(e, l);
     },
     p: Re,
     i: Re,
     o: Re,
     d(i) {
-      i && cn(e);
+      i && un(e);
     }
   };
 }
-class hn extends un {
+class gn extends _n {
   constructor(e) {
-    super(), dn(this, e, null, gn, bn, {});
+    super(), cn(this, e, null, bn, mn, {});
   }
 }
 const ot = [
@@ -614,7 +614,7 @@ const ot = [
   "cyan",
   "lime",
   "pink"
-], wn = [
+], hn = [
   { color: "red", primary: 600, secondary: 100 },
   { color: "green", primary: 600, secondary: 100 },
   { color: "blue", primary: 600, secondary: 100 },
@@ -917,7 +917,7 @@ const ot = [
     900: "#881337",
     950: "#4c0519"
   }
-}, ft = wn.reduce(
+}, ft = hn.reduce(
   (n, { color: e, primary: t, secondary: l }) => ({
     ...n,
     [e]: {
@@ -926,33 +926,33 @@ const ot = [
     }
   }),
   {}
-), pn = (n) => ot[n % ot.length];
+), wn = (n) => ot[n % ot.length];
 function ze() {
 }
-const kn = (n) => n;
-function vn(n, e) {
+const pn = (n) => n;
+function kn(n, e) {
   return n != n ? e == e : n !== e || n && typeof n == "object" || typeof n == "function";
 }
 const Ut = typeof window < "u";
 let rt = Ut ? () => window.performance.now() : () => Date.now(), Wt = Ut ? (n) => requestAnimationFrame(n) : ze;
-const ve = /* @__PURE__ */ new Set();
+const ke = /* @__PURE__ */ new Set();
 function Xt(n) {
-  ve.forEach((e) => {
-    e.c(n) || (ve.delete(e), e.f());
-  }), ve.size !== 0 && Wt(Xt);
+  ke.forEach((e) => {
+    e.c(n) || (ke.delete(e), e.f());
+  }), ke.size !== 0 && Wt(Xt);
 }
-function yn(n) {
+function vn(n) {
   let e;
-  return ve.size === 0 && Wt(Xt), {
+  return ke.size === 0 && Wt(Xt), {
     promise: new Promise((t) => {
-      ve.add(e = { c: n, f: t });
+      ke.add(e = { c: n, f: t });
     }),
     abort() {
-      ve.delete(e);
+      ke.delete(e);
     }
   };
 }
-function Cn(n, { delay: e = 0, duration: t = 400, easing: l = kn } = {}) {
+function yn(n, { delay: e = 0, duration: t = 400, easing: l = pn } = {}) {
   const i = +getComputedStyle(n).opacity;
   return {
     delay: e,
@@ -962,11 +962,11 @@ function Cn(n, { delay: e = 0, duration: t = 400, easing: l = kn } = {}) {
   };
 }
 const he = [];
-function qn(n, e = ze) {
+function Cn(n, e = ze) {
   let t;
   const l = /* @__PURE__ */ new Set();
   function i(r) {
-    if (vn(n, r) && (n = r, t)) {
+    if (kn(n, r) && (n = r, t)) {
       const f = !he.length;
       for (const a of l)
         a[1](), he.push(a, n);
@@ -1010,12 +1010,12 @@ function Ie(n, e, t, l) {
   }
 }
 function _t(n, e = {}) {
-  const t = qn(n), { stiffness: l = 0.15, damping: i = 0.8, precision: o = 0.01 } = e;
+  const t = Cn(n), { stiffness: l = 0.15, damping: i = 0.8, precision: o = 0.01 } = e;
   let s, r, f, a = n, _ = n, u = 1, c = 0, m = !1;
   function p(S, L = {}) {
     _ = S;
     const C = f = {};
-    return n == null || L.hard || T.stiffness >= 1 && T.damping >= 1 ? (m = !0, s = rt(), a = S, t.set(n = _), Promise.resolve()) : (L.soft && (c = 1 / ((L.soft === !0 ? 0.5 : +L.soft) * 60), u = 0), r || (s = rt(), m = !1, r = yn((d) => {
+    return n == null || L.hard || T.stiffness >= 1 && T.damping >= 1 ? (m = !0, s = rt(), a = S, t.set(n = _), Promise.resolve()) : (L.soft && (c = 1 / ((L.soft === !0 ? 0.5 : +L.soft) * 60), u = 0), r || (s = rt(), m = !1, r = vn((d) => {
       if (m)
         return m = !1, r = null, !1;
       u = Math.min(u + c, 1);
@@ -1051,7 +1051,7 @@ function ut(n, e, t) {
   const [i, o, s] = t.getImageData(0, 0, 1, 1).data;
   return t.clearRect(0, 0, 1, 1), `rgba(${i}, ${o}, ${s}, ${255 / e})`;
 }
-function Sn(n, e, t) {
+function qn(n, e, t) {
   var l = {};
   for (const i in n) {
     const o = n[i].trim();
@@ -1062,13 +1062,13 @@ function Sn(n, e, t) {
   }
   return l;
 }
-function Ln(n, e) {
+function Sn(n, e) {
   let t = [], l = null, i = null;
   for (const [o, s] of n)
     e === "empty" && s === null || e === "equal" && i === s ? l = l ? l + o : o : (l !== null && t.push([l, i]), l = o, i = s);
   return l !== null && t.push([l, i]), t;
 }
-function Tn(n) {
+function Ln(n) {
   const e = window.getSelection();
   if (e.rangeCount > 0) {
     const t = document.createRange();
@@ -1076,7 +1076,7 @@ function Tn(n) {
   }
   return -1;
 }
-function Fn(n, e) {
+function Tn(n, e) {
   var t = document.createTreeWalker(n, NodeFilter.SHOW_TEXT), l = t.nextNode();
   if (!l || !l.textContent)
     return null;
@@ -1089,39 +1089,39 @@ function Fn(n, e) {
   return { node: l, offset: o };
 }
 const {
-  SvelteComponent: Mn,
+  SvelteComponent: Fn,
   add_render_callback: We,
   append: ue,
   attr: H,
   binding_callbacks: ct,
-  bubble: we,
+  bubble: qe,
   check_outros: Yt,
   create_component: Xe,
-  create_in_transition: Nn,
+  create_in_transition: Mn,
   destroy_component: Ye,
-  destroy_each: Hn,
+  destroy_each: Nn,
   detach: J,
   element: oe,
-  empty: jn,
+  empty: Hn,
   ensure_array_like: dt,
   group_outros: Gt,
-  init: Vn,
+  init: jn,
   insert: K,
-  listen: V,
+  listen: X,
   mount_component: Ge,
   noop: Jt,
-  run_all: An,
-  safe_not_equal: zn,
+  run_all: Vn,
+  safe_not_equal: An,
   set_data: Je,
   space: Le,
   text: Ke,
   toggle_class: mt,
   transition_in: ne,
   transition_out: ce
-} = window.__gradio__svelte__internal, { beforeUpdate: En, afterUpdate: Pn, createEventDispatcher: Zn, tick: Wi } = window.__gradio__svelte__internal;
+} = window.__gradio__svelte__internal, { beforeUpdate: zn, afterUpdate: En, createEventDispatcher: Pn, tick: Ui } = window.__gradio__svelte__internal;
 function bt(n, e, t) {
   const l = n.slice();
-  return l[40] = e[t][0], l[41] = e[t][1], l[43] = t, l;
+  return l[39] = e[t][0], l[40] = e[t][1], l[42] = t, l;
 }
 function gt(n) {
   let e, t, l = (
@@ -1164,7 +1164,7 @@ function gt(n) {
       }
     },
     d(s) {
-      s && J(e), l && l.d(), Hn(o, s);
+      s && J(e), l && l.d(), Nn(o, s);
     }
   };
 }
@@ -1196,12 +1196,12 @@ function ht(n) {
 function wt(n) {
   let e, t = (
     /*category*/
-    n[40] + ""
+    n[39] + ""
   ), l, i, o;
   return {
     c() {
       e = oe("div"), l = Ke(t), i = Le(), H(e, "class", "category-label svelte-1u11ied"), H(e, "style", o = "background-color:" + /*color*/
-      n[41].secondary);
+      n[40].secondary);
     },
     m(s, r) {
       K(s, e, r), ue(e, l), ue(e, i);
@@ -1209,16 +1209,16 @@ function wt(n) {
     p(s, r) {
       r[0] & /*_color_map*/
       4096 && t !== (t = /*category*/
-      s[40] + "") && Je(l, t), r[0] & /*_color_map*/
+      s[39] + "") && Je(l, t), r[0] & /*_color_map*/
       4096 && o !== (o = "background-color:" + /*color*/
-      s[41].secondary) && H(e, "style", o);
+      s[40].secondary) && H(e, "style", o);
     },
     d(s) {
       s && J(e);
     }
   };
 }
-function Bn(n) {
+function Zn(n) {
   let e;
   return {
     c() {
@@ -1245,7 +1245,7 @@ function Bn(n) {
 }
 function pt(n) {
   let e, t, l, i;
-  const o = [Dn, Rn], s = [];
+  const o = [Rn, Bn], s = [];
   function r(f, a) {
     return (
       /*copied*/
@@ -1254,7 +1254,7 @@ function pt(n) {
   }
   return e = r(n), t = s[e] = o[e](n), {
     c() {
-      t.c(), l = jn();
+      t.c(), l = Hn();
     },
     m(f, a) {
       s[e].m(f, a), K(f, l, a), i = !0;
@@ -1276,14 +1276,14 @@ function pt(n) {
     }
   };
 }
-function Rn(n) {
+function Bn(n) {
   let e, t, l, i, o;
-  return t = new hn({}), {
+  return t = new gn({}), {
     c() {
       e = oe("button"), Xe(t.$$.fragment), H(e, "aria-label", "Copy"), H(e, "aria-roledescription", "Copy text"), H(e, "class", "svelte-1u11ied");
     },
     m(s, r) {
-      K(s, e, r), Ge(t, e, null), l = !0, i || (o = V(
+      K(s, e, r), Ge(t, e, null), l = !0, i || (o = X(
         e,
         "click",
         /*handle_copy*/
@@ -1302,9 +1302,9 @@ function Rn(n) {
     }
   };
 }
-function Dn(n) {
+function Rn(n) {
   let e, t, l, i;
-  return t = new _n({}), {
+  return t = new an({}), {
     c() {
       e = oe("button"), Xe(t.$$.fragment), H(e, "aria-label", "Copied"), H(e, "aria-roledescription", "Text copied"), H(e, "class", "svelte-1u11ied");
     },
@@ -1314,7 +1314,7 @@ function Dn(n) {
     p: Jt,
     i(o) {
       i || (ne(t.$$.fragment, o), o && (l || We(() => {
-        l = Nn(e, Cn, { duration: 300 }), l.start();
+        l = Mn(e, yn, { duration: 300 }), l.start();
       })), i = !0);
     },
     o(o) {
@@ -1325,7 +1325,7 @@ function Dn(n) {
     }
   };
 }
-function On(n) {
+function Dn(n) {
   let e, t, l;
   return {
     c() {
@@ -1333,84 +1333,60 @@ function On(n) {
       (n[11] === void 0 || /*marked_el_text*/
       n[9] === void 0) && We(() => (
         /*div_input_handler_1*/
-        n[29].call(e)
+        n[28].call(e)
       ));
     },
     m(i, o) {
-      K(i, e, o), n[28](e), /*el_text*/
+      K(i, e, o), n[27](e), /*el_text*/
       n[11] !== void 0 && (e.textContent = /*el_text*/
       n[11]), /*marked_el_text*/
       n[9] !== void 0 && (e.innerHTML = /*marked_el_text*/
       n[9]), t || (l = [
-        V(
+        X(
           e,
           "input",
           /*div_input_handler_1*/
-          n[29]
+          n[28]
         ),
-        V(
+        X(
           e,
           "blur",
           /*handle_blur*/
           n[14]
         ),
-        V(
+        X(
           e,
           "keypress",
           /*keypress_handler*/
           n[20]
         ),
-        V(
+        X(
           e,
           "select",
           /*select_handler*/
           n[21]
         ),
-        V(
+        X(
           e,
           "scroll",
           /*scroll_handler*/
           n[22]
         ),
-        V(
+        X(
           e,
           "input",
           /*input_handler*/
           n[23]
         ),
-        V(
+        X(
           e,
           "focus",
           /*focus_handler*/
           n[24]
         ),
-        V(
+        X(
           e,
           "change",
-          /*change_handler*/
-          n[25]
-        ),
-        V(
-          e,
-          "mousedown",
-          /*checkAndRemoveHighlight*/
-          n[16]
-        ),
-        V(
-          e,
-          "keydown",
-          /*checkAndRemoveHighlight*/
-          n[16]
-        ),
-        V(
-          e,
-          "mouseup",
-          /*checkAndRemoveHighlight*/
-          n[16]
-        ),
-        V(
-          e,
-          "keyup",
           /*checkAndRemoveHighlight*/
           n[16]
         )
@@ -1426,11 +1402,11 @@ function On(n) {
       i[9]);
     },
     d(i) {
-      i && J(e), n[28](null), t = !1, An(l);
+      i && J(e), n[27](null), t = !1, Vn(l);
     }
   };
 }
-function In(n) {
+function On(n) {
   let e, t, l;
   return {
     c() {
@@ -1438,19 +1414,19 @@ function In(n) {
       (n[11] === void 0 || /*marked_el_text*/
       n[9] === void 0) && We(() => (
         /*div_input_handler*/
-        n[27].call(e)
+        n[26].call(e)
       ));
     },
     m(i, o) {
-      K(i, e, o), n[26](e), /*el_text*/
+      K(i, e, o), n[25](e), /*el_text*/
       n[11] !== void 0 && (e.textContent = /*el_text*/
       n[11]), /*marked_el_text*/
       n[9] !== void 0 && (e.innerHTML = /*marked_el_text*/
-      n[9]), t || (l = V(
+      n[9]), t || (l = X(
         e,
         "input",
         /*div_input_handler*/
-        n[27]
+        n[26]
       ), t = !0);
     },
     p(i, o) {
@@ -1463,16 +1439,16 @@ function In(n) {
       i[9]);
     },
     d(i) {
-      i && J(e), n[26](null), t = !1, l();
+      i && J(e), n[25](null), t = !1, l();
     }
   };
 }
-function Un(n) {
+function In(n) {
   let e, t, l, i, o, s, r = (
     /*show_legend*/
     n[4] && gt(n)
   );
-  l = new tn({
+  l = new en({
     props: {
       show_label: (
         /*show_label*/
@@ -1482,7 +1458,7 @@ function Un(n) {
         /*info*/
         n[2]
       ),
-      $$slots: { default: [Bn] },
+      $$slots: { default: [Zn] },
       $$scope: { ctx: n }
     }
   });
@@ -1493,7 +1469,7 @@ function Un(n) {
   function a(c, m) {
     return (
       /*disabled*/
-      c[8] ? In : On
+      c[8] ? On : Dn
     );
   }
   let _ = a(n), u = _(n);
@@ -1519,7 +1495,7 @@ function Un(n) {
       4 && (p.info = /*info*/
       c[2]), m[0] & /*label*/
       1 | m[1] & /*$$scope*/
-      8192 && (p.$$scope = { dirty: m, ctx: c }), l.$set(p), /*show_copy_button*/
+      4096 && (p.$$scope = { dirty: m, ctx: c }), l.$set(p), /*show_copy_button*/
       c[7] ? f ? (f.p(c, m), m[0] & /*show_copy_button*/
       128 && ne(f, 1)) : (f = pt(c), f.c(), ne(f, 1), f.m(e, o)) : f && (Gt(), ce(f, 1, 1, () => {
         f = null;
@@ -1542,7 +1518,7 @@ function Un(n) {
     }
   };
 }
-function Wn(n) {
+function Un(n) {
   let e, t = n[0], l = 1;
   for (; l < n.length; ) {
     const i = n[l], o = n[l + 1];
@@ -1552,113 +1528,110 @@ function Wn(n) {
   }
   return t;
 }
-function Xn(n, e, t) {
+function Wn(n, e, t) {
   const l = typeof document < "u";
-  let { value: i = [] } = e, { value_is_output: o = !1 } = e, { label: s } = e, { legend_label: r } = e, { info: f = void 0 } = e, { show_label: a = !0 } = e, { show_legend: _ = !1 } = e, { show_legend_label: u = !1 } = e, { container: c = !0 } = e, { color_map: m = {} } = e, { show_copy_button: p = !1 } = e, { disabled: T } = e, S, L = "", C = "", d, y = {}, M = {}, g = !1, R;
+  let { value: i = [] } = e, { value_is_output: o = !1 } = e, { label: s } = e, { legend_label: r } = e, { info: f = void 0 } = e, { show_label: a = !0 } = e, { show_legend: _ = !1 } = e, { show_legend_label: u = !1 } = e, { container: c = !0 } = e, { color_map: m = {} } = e, { show_copy_button: p = !1 } = e, { disabled: T } = e, S, L = "", C = "", d, y = {}, M = {}, g = !1, B;
   function Q() {
     if (!m || Object.keys(m).length === 0 ? y = {} : y = m, i.length > 0) {
       for (let [b, j] of i)
         if (j !== null && !(j in y)) {
-          let P = pn(Object.keys(y).length);
-          y[j] = P;
+          let E = wn(Object.keys(y).length);
+          y[j] = E;
         }
     }
-    t(12, M = Sn(y, l, d));
+    t(12, M = qn(y, l, d));
   }
   function z() {
     i.length > 0 && o && (t(11, L = i.map(([b, j]) => b).join(" ")), t(9, C = i.map(([b, j]) => j !== null ? `<mark class="hl ${j}" style="background-color:${M[j].secondary}">${b}</mark>` : b).join(" ") + " "));
   }
-  const D = Zn();
-  En(() => {
+  const R = Pn();
+  zn(() => {
     S && S.offsetHeight + S.scrollTop > S.scrollHeight - 100;
   });
-  function W() {
-    D("change", C), o || D("input");
+  function U() {
+    R("change", C), o || R("input"), V();
   }
-  Pn(() => {
+  En(() => {
     Q(), z(), t(18, o = !1);
   });
   function se() {
-    let b = [], j = "", P = null, ee = !1, be = "";
+    let b = [], j = "", E = null, ee = !1, be = "";
     for (let fe = 0; fe < C.length; fe++) {
       let re = C[fe];
-      re === "<" ? (ee = !0, j && b.push([j, P]), j = "", P = null) : re === ">" ? (ee = !1, be.startsWith("mark") && (P = Wn([
+      re === "<" ? (ee = !0, j && b.push([j, E]), j = "", E = null) : re === ">" ? (ee = !1, be.startsWith("mark") && (E = Un([
         be,
         "access",
-        (X) => X.match,
+        (W) => W.match,
         "call",
-        (X) => X(/class="hl ([^"]+)"/),
+        (W) => W(/class="hl ([^"]+)"/),
         "optionalAccess",
-        (X) => X[1]
+        (W) => W[1]
       ]) || null), be = "") : ee ? be += re : j += re;
     }
-    j && b.push([j, P]), t(17, i = b);
+    j && b.push([j, E]), t(17, i = b);
   }
-  async function O() {
+  async function D() {
     "clipboard" in navigator && (await navigator.clipboard.writeText(L), x());
   }
   function x() {
-    t(13, g = !0), R && clearTimeout(R), R = setTimeout(
+    t(13, g = !0), B && clearTimeout(B), B = setTimeout(
       () => {
         t(13, g = !1);
       },
       1e3
     );
   }
-  function E() {
+  function V() {
     const b = window.getSelection(), j = b.anchorOffset;
     if (b.rangeCount > 0) {
-      var P = b.getRangeAt(0).commonAncestorContainer.parentElement;
-      if (P && P.tagName.toLowerCase() === "mark") {
-        const tl = P.textContent;
-        var ee = P.parentElement, be = document.createTextNode(tl);
-        ee.replaceChild(be, P), t(9, C = ee.innerHTML);
+      var E = b.getRangeAt(0).commonAncestorContainer.parentElement;
+      if (E && E.tagName.toLowerCase() === "mark") {
+        const el = E.textContent;
+        var ee = E.parentElement, be = document.createTextNode(el);
+        ee.replaceChild(be, E), t(9, C = ee.innerHTML);
         var fe = document.createRange(), re = window.getSelection();
-        const ll = j + Tn(ee);
-        var X = Fn(ee, ll);
-        fe.setStart(X.node, X.offset), fe.setEnd(X.node, X.offset), re.removeAllRanges(), re.addRange(fe), se();
+        const tl = j + Ln(ee);
+        var W = Tn(ee, tl);
+        fe.setStart(W.node, W.offset), fe.setEnd(W.node, W.offset), re.removeAllRanges(), re.addRange(fe), se();
       }
     }
   }
   function de(b) {
-    we.call(this, n, b);
+    qe.call(this, n, b);
   }
   function h(b) {
-    we.call(this, n, b);
+    qe.call(this, n, b);
   }
   function Fe(b) {
-    we.call(this, n, b);
+    qe.call(this, n, b);
   }
   function Me(b) {
-    we.call(this, n, b);
+    qe.call(this, n, b);
   }
   function me(b) {
-    we.call(this, n, b);
+    qe.call(this, n, b);
   }
   function Pe(b) {
-    we.call(this, n, b);
-  }
-  function Ze(b) {
     ct[b ? "unshift" : "push"](() => {
       S = b, t(10, S);
     });
   }
-  function w() {
+  function Ze() {
     L = this.textContent, C = this.innerHTML, t(11, L), t(9, C);
   }
-  function $t(b) {
+  function w(b) {
     ct[b ? "unshift" : "push"](() => {
       S = b, t(10, S);
     });
   }
-  function el() {
+  function $t() {
     L = this.textContent, C = this.innerHTML, t(11, L), t(9, C);
   }
   return n.$$set = (b) => {
     "value" in b && t(17, i = b.value), "value_is_output" in b && t(18, o = b.value_is_output), "label" in b && t(0, s = b.label), "legend_label" in b && t(1, r = b.legend_label), "info" in b && t(2, f = b.info), "show_label" in b && t(3, a = b.show_label), "show_legend" in b && t(4, _ = b.show_legend), "show_legend_label" in b && t(5, u = b.show_legend_label), "container" in b && t(6, c = b.container), "color_map" in b && t(19, m = b.color_map), "show_copy_button" in b && t(7, p = b.show_copy_button), "disabled" in b && t(8, T = b.disabled);
   }, n.$$.update = () => {
     n.$$.dirty[0] & /*marked_el_text*/
-    512 && W();
+    512 && U();
   }, z(), Q(), [
     s,
     r,
@@ -1675,8 +1648,8 @@ function Xn(n, e, t) {
     M,
     g,
     se,
-    O,
-    E,
+    D,
+    V,
     i,
     o,
     m,
@@ -1688,18 +1661,17 @@ function Xn(n, e, t) {
     Pe,
     Ze,
     w,
-    $t,
-    el
+    $t
   ];
 }
-class Yn extends Mn {
+class Xn extends Fn {
   constructor(e) {
-    super(), Vn(
+    super(), jn(
       this,
       e,
-      Xn,
-      Un,
-      zn,
+      Wn,
+      In,
+      An,
       {
         value: 17,
         value_is_output: 18,
@@ -1719,7 +1691,7 @@ class Yn extends Mn {
     );
   }
 }
-function pe(n) {
+function we(n) {
   let e = ["", "k", "M", "G", "T", "P", "E", "Z"], t = 0;
   for (; n > 1e3 && t < e.length - 1; )
     n /= 1e3, t++;
@@ -1727,25 +1699,25 @@ function pe(n) {
   return (Number.isInteger(n) ? n : n.toFixed(1)) + l;
 }
 const {
-  SvelteComponent: Gn,
-  append: I,
+  SvelteComponent: Yn,
+  append: O,
   attr: q,
   component_subscribe: kt,
-  detach: Jn,
-  element: Kn,
-  init: Qn,
-  insert: xn,
+  detach: Gn,
+  element: Jn,
+  init: Kn,
+  insert: Qn,
   noop: vt,
-  safe_not_equal: $n,
+  safe_not_equal: xn,
   set_style: Ne,
-  svg_element: U,
+  svg_element: I,
   toggle_class: yt
-} = window.__gradio__svelte__internal, { onMount: ei } = window.__gradio__svelte__internal;
-function ti(n) {
+} = window.__gradio__svelte__internal, { onMount: $n } = window.__gradio__svelte__internal;
+function ei(n) {
   let e, t, l, i, o, s, r, f, a, _, u, c;
   return {
     c() {
-      e = Kn("div"), t = U("svg"), l = U("g"), i = U("path"), o = U("path"), s = U("path"), r = U("path"), f = U("g"), a = U("path"), _ = U("path"), u = U("path"), c = U("path"), q(i, "d", "M255.926 0.754768L509.702 139.936V221.027L255.926 81.8465V0.754768Z"), q(i, "fill", "#FF7C00"), q(i, "fill-opacity", "0.4"), q(i, "class", "svelte-43sxxs"), q(o, "d", "M509.69 139.936L254.981 279.641V361.255L509.69 221.55V139.936Z"), q(o, "fill", "#FF7C00"), q(o, "class", "svelte-43sxxs"), q(s, "d", "M0.250138 139.937L254.981 279.641V361.255L0.250138 221.55V139.937Z"), q(s, "fill", "#FF7C00"), q(s, "fill-opacity", "0.4"), q(s, "class", "svelte-43sxxs"), q(r, "d", "M255.923 0.232622L0.236328 139.936V221.55L255.923 81.8469V0.232622Z"), q(r, "fill", "#FF7C00"), q(r, "class", "svelte-43sxxs"), Ne(l, "transform", "translate(" + /*$top*/
+      e = Jn("div"), t = I("svg"), l = I("g"), i = I("path"), o = I("path"), s = I("path"), r = I("path"), f = I("g"), a = I("path"), _ = I("path"), u = I("path"), c = I("path"), q(i, "d", "M255.926 0.754768L509.702 139.936V221.027L255.926 81.8465V0.754768Z"), q(i, "fill", "#FF7C00"), q(i, "fill-opacity", "0.4"), q(i, "class", "svelte-43sxxs"), q(o, "d", "M509.69 139.936L254.981 279.641V361.255L509.69 221.55V139.936Z"), q(o, "fill", "#FF7C00"), q(o, "class", "svelte-43sxxs"), q(s, "d", "M0.250138 139.937L254.981 279.641V361.255L0.250138 221.55V139.937Z"), q(s, "fill", "#FF7C00"), q(s, "fill-opacity", "0.4"), q(s, "class", "svelte-43sxxs"), q(r, "d", "M255.923 0.232622L0.236328 139.936V221.55L255.923 81.8469V0.232622Z"), q(r, "fill", "#FF7C00"), q(r, "class", "svelte-43sxxs"), Ne(l, "transform", "translate(" + /*$top*/
       n[1][0] + "px, " + /*$top*/
       n[1][1] + "px)"), q(a, "d", "M255.926 141.5L509.702 280.681V361.773L255.926 222.592V141.5Z"), q(a, "fill", "#FF7C00"), q(a, "fill-opacity", "0.4"), q(a, "class", "svelte-43sxxs"), q(_, "d", "M509.69 280.679L254.981 420.384V501.998L509.69 362.293V280.679Z"), q(_, "fill", "#FF7C00"), q(_, "class", "svelte-43sxxs"), q(u, "d", "M0.250138 280.681L254.981 420.386V502L0.250138 362.295V280.681Z"), q(u, "fill", "#FF7C00"), q(u, "fill-opacity", "0.4"), q(u, "class", "svelte-43sxxs"), q(c, "d", "M255.923 140.977L0.236328 280.68V362.294L255.923 222.591V140.977Z"), q(c, "fill", "#FF7C00"), q(c, "class", "svelte-43sxxs"), Ne(f, "transform", "translate(" + /*$bottom*/
       n[2][0] + "px, " + /*$bottom*/
@@ -1757,7 +1729,7 @@ function ti(n) {
       );
     },
     m(m, p) {
-      xn(m, e, p), I(e, t), I(t, l), I(l, i), I(l, o), I(l, s), I(l, r), I(t, f), I(f, a), I(f, _), I(f, u), I(f, c);
+      Qn(m, e, p), O(e, t), O(t, l), O(l, i), O(l, o), O(l, s), O(l, r), O(t, f), O(f, a), O(f, _), O(f, u), O(f, c);
     },
     p(m, [p]) {
       p & /*$top*/
@@ -1777,11 +1749,11 @@ function ti(n) {
     i: vt,
     o: vt,
     d(m) {
-      m && Jn(e);
+      m && Gn(e);
     }
   };
 }
-function li(n, e, t) {
+function ti(n, e, t) {
   let l, i, { margin: o = !0 } = e;
   const s = _t([0, 0]);
   kt(n, s, (c) => t(1, l = c));
@@ -1797,46 +1769,46 @@ function li(n, e, t) {
   async function u() {
     await Promise.all([s.set([125, 0]), r.set([-125, 0])]), _();
   }
-  return ei(() => (u(), () => f = !0)), n.$$set = (c) => {
+  return $n(() => (u(), () => f = !0)), n.$$set = (c) => {
     "margin" in c && t(0, o = c.margin);
   }, [o, l, i, s, r];
 }
-class ni extends Gn {
+class li extends Yn {
   constructor(e) {
-    super(), Qn(this, e, li, ti, $n, { margin: 0 });
+    super(), Kn(this, e, ti, ei, xn, { margin: 0 });
   }
 }
 const {
-  SvelteComponent: ii,
+  SvelteComponent: ni,
   append: _e,
   attr: Y,
   binding_callbacks: Ct,
   check_outros: Kt,
-  create_component: oi,
-  create_slot: si,
-  destroy_component: fi,
+  create_component: ii,
+  create_slot: oi,
+  destroy_component: si,
   destroy_each: Qt,
   detach: k,
   element: $,
-  empty: qe,
+  empty: Ce,
   ensure_array_like: Ee,
-  get_all_dirty_from_scope: ri,
-  get_slot_changes: ai,
+  get_all_dirty_from_scope: fi,
+  get_slot_changes: ri,
   group_outros: xt,
-  init: _i,
+  init: ai,
   insert: v,
-  mount_component: ui,
+  mount_component: _i,
   noop: Ue,
-  safe_not_equal: ci,
-  set_data: B,
+  safe_not_equal: ui,
+  set_data: Z,
   set_style: ie,
   space: G,
   text: F,
-  toggle_class: Z,
-  transition_in: ye,
-  transition_out: Ce,
-  update_slot_base: di
-} = window.__gradio__svelte__internal, { tick: mi } = window.__gradio__svelte__internal, { onDestroy: bi } = window.__gradio__svelte__internal, gi = (n) => ({}), qt = (n) => ({});
+  toggle_class: P,
+  transition_in: ve,
+  transition_out: ye,
+  update_slot_base: ci
+} = window.__gradio__svelte__internal, { tick: di } = window.__gradio__svelte__internal, { onDestroy: mi } = window.__gradio__svelte__internal, bi = (n) => ({}), qt = (n) => ({});
 function St(n, e, t) {
   const l = n.slice();
   return l[38] = e[t], l[40] = t, l;
@@ -1845,7 +1817,7 @@ function Lt(n, e, t) {
   const l = n.slice();
   return l[38] = e[t], l;
 }
-function hi(n) {
+function gi(n) {
   let e, t = (
     /*i18n*/
     n[1]("common.error") + ""
@@ -1853,7 +1825,7 @@ function hi(n) {
   const s = (
     /*#slots*/
     n[29].error
-  ), r = si(
+  ), r = oi(
     s,
     n,
     /*$$scope*/
@@ -1870,20 +1842,20 @@ function hi(n) {
     p(f, a) {
       (!o || a[0] & /*i18n*/
       2) && t !== (t = /*i18n*/
-      f[1]("common.error") + "") && B(l, t), r && r.p && (!o || a[0] & /*$$scope*/
-      268435456) && di(
+      f[1]("common.error") + "") && Z(l, t), r && r.p && (!o || a[0] & /*$$scope*/
+      268435456) && ci(
         r,
         s,
         f,
         /*$$scope*/
         f[28],
-        o ? ai(
+        o ? ri(
           s,
           /*$$scope*/
           f[28],
           a,
-          gi
-        ) : ri(
+          bi
+        ) : fi(
           /*$$scope*/
           f[28]
         ),
@@ -1891,17 +1863,17 @@ function hi(n) {
       );
     },
     i(f) {
-      o || (ye(r, f), o = !0);
+      o || (ve(r, f), o = !0);
     },
     o(f) {
-      Ce(r, f), o = !1;
+      ye(r, f), o = !1;
     },
     d(f) {
       f && (k(e), k(i)), r && r.d(f);
     }
   };
 }
-function wi(n) {
+function hi(n) {
   let e, t, l, i, o, s, r, f, a, _ = (
     /*variant*/
     n[8] === "default" && /*show_eta_bar*/
@@ -1913,25 +1885,25 @@ function wi(n) {
       /*progress*/
       d[7]
     )
-      return vi;
+      return ki;
     if (
       /*queue_position*/
       d[2] !== null && /*queue_size*/
       d[3] !== void 0 && /*queue_position*/
       d[2] >= 0
     )
-      return ki;
+      return pi;
     if (
       /*queue_position*/
       d[2] === 0
     )
-      return pi;
+      return wi;
   }
   let c = u(n), m = c && c(n), p = (
     /*timer*/
     n[5] && Nt(n)
   );
-  const T = [Si, qi], S = [];
+  const T = [qi, Ci], S = [];
   function L(d, y) {
     return (
       /*last_progress_level*/
@@ -1946,12 +1918,12 @@ function wi(n) {
   n[5] && Pt(n);
   return {
     c() {
-      _ && _.c(), e = G(), t = $("div"), m && m.c(), l = G(), p && p.c(), i = G(), s && s.c(), r = G(), C && C.c(), f = qe(), Y(t, "class", "progress-text svelte-1txqlrd"), Z(
+      _ && _.c(), e = G(), t = $("div"), m && m.c(), l = G(), p && p.c(), i = G(), s && s.c(), r = G(), C && C.c(), f = Ce(), Y(t, "class", "progress-text svelte-1txqlrd"), P(
         t,
         "meta-text-center",
         /*variant*/
         n[8] === "center"
-      ), Z(
+      ), P(
         t,
         "meta-text",
         /*variant*/
@@ -1967,29 +1939,29 @@ function wi(n) {
       d[18] && /*show_progress*/
       d[6] === "full" ? _ ? _.p(d, y) : (_ = Tt(d), _.c(), _.m(e.parentNode, e)) : _ && (_.d(1), _ = null), c === (c = u(d)) && m ? m.p(d, y) : (m && m.d(1), m = c && c(d), m && (m.c(), m.m(t, l))), /*timer*/
       d[5] ? p ? p.p(d, y) : (p = Nt(d), p.c(), p.m(t, null)) : p && (p.d(1), p = null), (!a || y[0] & /*variant*/
-      256) && Z(
+      256) && P(
         t,
         "meta-text-center",
         /*variant*/
         d[8] === "center"
       ), (!a || y[0] & /*variant*/
-      256) && Z(
+      256) && P(
         t,
         "meta-text",
         /*variant*/
         d[8] === "default"
       );
       let M = o;
-      o = L(d), o === M ? ~o && S[o].p(d, y) : (s && (xt(), Ce(S[M], 1, 1, () => {
+      o = L(d), o === M ? ~o && S[o].p(d, y) : (s && (xt(), ye(S[M], 1, 1, () => {
         S[M] = null;
-      }), Kt()), ~o ? (s = S[o], s ? s.p(d, y) : (s = S[o] = T[o](d), s.c()), ye(s, 1), s.m(r.parentNode, r)) : s = null), /*timer*/
+      }), Kt()), ~o ? (s = S[o], s ? s.p(d, y) : (s = S[o] = T[o](d), s.c()), ve(s, 1), s.m(r.parentNode, r)) : s = null), /*timer*/
       d[5] ? C && (C.d(1), C = null) : C ? C.p(d, y) : (C = Pt(d), C.c(), C.m(f.parentNode, f));
     },
     i(d) {
-      a || (ye(s), a = !0);
+      a || (ve(s), a = !0);
     },
     o(d) {
-      Ce(s), a = !1;
+      ye(s), a = !1;
     },
     d(d) {
       d && (k(e), k(t), k(i), k(r), k(f)), _ && _.d(d), m && m.d(), p && p.d(), ~o && S[o].d(d), C && C.d(d);
@@ -2016,7 +1988,7 @@ function Tt(n) {
     }
   };
 }
-function pi(n) {
+function wi(n) {
   let e;
   return {
     c() {
@@ -2031,7 +2003,7 @@ function pi(n) {
     }
   };
 }
-function ki(n) {
+function pi(n) {
   let e, t = (
     /*queue_position*/
     n[2] + 1 + ""
@@ -2049,8 +2021,8 @@ function ki(n) {
     p(r, f) {
       f[0] & /*queue_position*/
       4 && t !== (t = /*queue_position*/
-      r[2] + 1 + "") && B(l, t), f[0] & /*queue_size*/
-      8 && B(
+      r[2] + 1 + "") && Z(l, t), f[0] & /*queue_size*/
+      8 && Z(
         o,
         /*queue_size*/
         r[3]
@@ -2061,7 +2033,7 @@ function ki(n) {
     }
   };
 }
-function vi(n) {
+function ki(n) {
   let e, t = Ee(
     /*progress*/
     n[7]
@@ -2072,7 +2044,7 @@ function vi(n) {
     c() {
       for (let i = 0; i < l.length; i += 1)
         l[i].c();
-      e = qe();
+      e = Ce();
     },
     m(i, o) {
       for (let s = 0; s < l.length; s += 1)
@@ -2109,7 +2081,7 @@ function Ft(n) {
   function r(_, u) {
     return (
       /*p*/
-      _[38].length != null ? Ci : yi
+      _[38].length != null ? yi : vi
     );
   }
   let f = r(n), a = f(n);
@@ -2123,15 +2095,15 @@ function Ft(n) {
     p(_, u) {
       f === (f = r(_)) && a ? a.p(_, u) : (a.d(1), a = f(_), a && (a.c(), a.m(e.parentNode, e))), u[0] & /*progress*/
       128 && t !== (t = /*p*/
-      _[38].unit + "") && B(l, t);
+      _[38].unit + "") && Z(l, t);
     },
     d(_) {
       _ && (k(e), k(l), k(i), k(s)), a.d(_);
     }
   };
 }
-function yi(n) {
-  let e = pe(
+function vi(n) {
+  let e = we(
     /*p*/
     n[38].index || 0
   ) + "", t;
@@ -2144,21 +2116,21 @@ function yi(n) {
     },
     p(l, i) {
       i[0] & /*progress*/
-      128 && e !== (e = pe(
+      128 && e !== (e = we(
         /*p*/
         l[38].index || 0
-      ) + "") && B(t, e);
+      ) + "") && Z(t, e);
     },
     d(l) {
       l && k(t);
     }
   };
 }
-function Ci(n) {
-  let e = pe(
+function yi(n) {
+  let e = we(
     /*p*/
     n[38].index || 0
-  ) + "", t, l, i = pe(
+  ) + "", t, l, i = we(
     /*p*/
     n[38].length
   ) + "", o;
@@ -2171,14 +2143,14 @@ function Ci(n) {
     },
     p(s, r) {
       r[0] & /*progress*/
-      128 && e !== (e = pe(
+      128 && e !== (e = we(
         /*p*/
         s[38].index || 0
-      ) + "") && B(t, e), r[0] & /*progress*/
-      128 && i !== (i = pe(
+      ) + "") && Z(t, e), r[0] & /*progress*/
+      128 && i !== (i = we(
         /*p*/
         s[38].length
-      ) + "") && B(o, i);
+      ) + "") && Z(o, i);
     },
     d(s) {
       s && (k(t), k(l), k(o));
@@ -2192,7 +2164,7 @@ function Mt(n) {
   );
   return {
     c() {
-      t && t.c(), e = qe();
+      t && t.c(), e = Ce();
     },
     m(l, i) {
       t && t.m(l, i), v(l, e, i);
@@ -2224,33 +2196,33 @@ function Nt(n) {
     },
     p(o, s) {
       s[0] & /*formatted_timer*/
-      1048576 && B(
+      1048576 && Z(
         e,
         /*formatted_timer*/
         o[20]
       ), s[0] & /*eta, formatted_eta*/
       524289 && t !== (t = /*eta*/
       o[0] ? `/${/*formatted_eta*/
-      o[19]}` : "") && B(l, t);
+      o[19]}` : "") && Z(l, t);
     },
     d(o) {
       o && (k(e), k(l), k(i));
     }
   };
 }
-function qi(n) {
+function Ci(n) {
   let e, t;
-  return e = new ni({
+  return e = new li({
     props: { margin: (
       /*variant*/
       n[8] === "default"
     ) }
   }), {
     c() {
-      oi(e.$$.fragment);
+      ii(e.$$.fragment);
     },
     m(l, i) {
-      ui(e, l, i), t = !0;
+      _i(e, l, i), t = !0;
     },
     p(l, i) {
       const o = {};
@@ -2259,17 +2231,17 @@ function qi(n) {
       l[8] === "default"), e.$set(o);
     },
     i(l) {
-      t || (ye(e.$$.fragment, l), t = !0);
+      t || (ve(e.$$.fragment, l), t = !0);
     },
     o(l) {
-      Ce(e.$$.fragment, l), t = !1;
+      ye(e.$$.fragment, l), t = !1;
     },
     d(l) {
-      fi(e, l);
+      si(e, l);
     }
   };
 }
-function Si(n) {
+function qi(n) {
   let e, t, l, i, o, s = `${/*last_progress_level*/
   n[15] * 100}%`, r = (
     /*progress*/
@@ -2306,7 +2278,7 @@ function Ht(n) {
     c() {
       for (let i = 0; i < l.length; i += 1)
         l[i].c();
-      e = qe();
+      e = Ce();
     },
     m(i, o) {
       for (let s = 0; s < l.length; s += 1)
@@ -2338,7 +2310,7 @@ function Ht(n) {
 function jt(n) {
   let e, t, l, i, o = (
     /*i*/
-    n[40] !== 0 && Li()
+    n[40] !== 0 && Si()
   ), s = (
     /*p*/
     n[38].desc != null && Vt(n)
@@ -2356,7 +2328,7 @@ function jt(n) {
   );
   return {
     c() {
-      o && o.c(), e = G(), s && s.c(), t = G(), r && r.c(), l = G(), f && f.c(), i = qe();
+      o && o.c(), e = G(), s && s.c(), t = G(), r && r.c(), l = G(), f && f.c(), i = Ce();
     },
     m(a, _) {
       o && o.m(a, _), v(a, e, _), s && s.m(a, _), v(a, t, _), r && r.m(a, _), v(a, l, _), f && f.m(a, _), v(a, i, _);
@@ -2377,7 +2349,7 @@ function jt(n) {
     }
   };
 }
-function Li(n) {
+function Si(n) {
   let e;
   return {
     c() {
@@ -2406,7 +2378,7 @@ function Vt(n) {
     p(l, i) {
       i[0] & /*progress*/
       128 && e !== (e = /*p*/
-      l[38].desc + "") && B(t, e);
+      l[38].desc + "") && Z(t, e);
     },
     d(l) {
       l && k(t);
@@ -2446,7 +2418,7 @@ function zt(n) {
       (i[14][
         /*i*/
         i[40]
-      ] || 0)).toFixed(1) + "") && B(t, e);
+      ] || 0)).toFixed(1) + "") && Z(t, e);
     },
     d(i) {
       i && (k(t), k(l));
@@ -2465,7 +2437,7 @@ function Et(n) {
   );
   return {
     c() {
-      t && t.c(), e = qe();
+      t && t.c(), e = Ce();
     },
     m(l, i) {
       t && t.m(l, i), v(l, e, i);
@@ -2498,7 +2470,7 @@ function Pt(n) {
     },
     p(l, i) {
       i[0] & /*loading_text*/
-      512 && B(
+      512 && Z(
         t,
         /*loading_text*/
         l[9]
@@ -2509,9 +2481,9 @@ function Pt(n) {
     }
   };
 }
-function Ti(n) {
+function Li(n) {
   let e, t, l, i, o;
-  const s = [wi, hi], r = [];
+  const s = [hi, gi], r = [];
   function f(a, _) {
     return (
       /*status*/
@@ -2525,10 +2497,10 @@ function Ti(n) {
     c() {
       e = $("div"), l && l.c(), Y(e, "class", i = "wrap " + /*variant*/
       n[8] + " " + /*show_progress*/
-      n[6] + " svelte-1txqlrd"), Z(e, "hide", !/*status*/
+      n[6] + " svelte-1txqlrd"), P(e, "hide", !/*status*/
       n[4] || /*status*/
       n[4] === "complete" || /*show_progress*/
-      n[6] === "hidden"), Z(
+      n[6] === "hidden"), P(
         e,
         "translucent",
         /*variant*/
@@ -2537,12 +2509,12 @@ function Ti(n) {
         n[4] === "error") || /*translucent*/
         n[11] || /*show_progress*/
         n[6] === "minimal"
-      ), Z(
+      ), P(
         e,
         "generating",
         /*status*/
         n[4] === "generating"
-      ), Z(
+      ), P(
         e,
         "border",
         /*border*/
@@ -2564,17 +2536,17 @@ function Ti(n) {
     },
     p(a, _) {
       let u = t;
-      t = f(a), t === u ? ~t && r[t].p(a, _) : (l && (xt(), Ce(r[u], 1, 1, () => {
+      t = f(a), t === u ? ~t && r[t].p(a, _) : (l && (xt(), ye(r[u], 1, 1, () => {
         r[u] = null;
-      }), Kt()), ~t ? (l = r[t], l ? l.p(a, _) : (l = r[t] = s[t](a), l.c()), ye(l, 1), l.m(e, null)) : l = null), (!o || _[0] & /*variant, show_progress*/
+      }), Kt()), ~t ? (l = r[t], l ? l.p(a, _) : (l = r[t] = s[t](a), l.c()), ve(l, 1), l.m(e, null)) : l = null), (!o || _[0] & /*variant, show_progress*/
       320 && i !== (i = "wrap " + /*variant*/
       a[8] + " " + /*show_progress*/
       a[6] + " svelte-1txqlrd")) && Y(e, "class", i), (!o || _[0] & /*variant, show_progress, status, show_progress*/
-      336) && Z(e, "hide", !/*status*/
+      336) && P(e, "hide", !/*status*/
       a[4] || /*status*/
       a[4] === "complete" || /*show_progress*/
       a[6] === "hidden"), (!o || _[0] & /*variant, show_progress, variant, status, translucent, show_progress*/
-      2384) && Z(
+      2384) && P(
         e,
         "translucent",
         /*variant*/
@@ -2584,13 +2556,13 @@ function Ti(n) {
         a[11] || /*show_progress*/
         a[6] === "minimal"
       ), (!o || _[0] & /*variant, show_progress, status*/
-      336) && Z(
+      336) && P(
         e,
         "generating",
         /*status*/
         a[4] === "generating"
       ), (!o || _[0] & /*variant, show_progress, border*/
-      4416) && Z(
+      4416) && P(
         e,
         "border",
         /*border*/
@@ -2610,10 +2582,10 @@ function Ti(n) {
       );
     },
     i(a) {
-      o || (ye(l), o = !0);
+      o || (ve(l), o = !0);
     },
     o(a) {
-      Ce(l), o = !1;
+      ye(l), o = !1;
     },
     d(a) {
       a && k(e), ~t && r[t].d(), n[31](null);
@@ -2621,13 +2593,13 @@ function Ti(n) {
   };
 }
 let He = [], Oe = !1;
-async function Fi(n, e = !0) {
+async function Ti(n, e = !0) {
   if (!(window.__gradio_mode__ === "website" || window.__gradio_mode__ !== "app" && e !== !0)) {
     if (He.push(n), !Oe)
       Oe = !0;
     else
       return;
-    await mi(), requestAnimationFrame(() => {
+    await di(), requestAnimationFrame(() => {
       let t = [0, 0];
       for (let l = 0; l < He.length; l++) {
         const o = He[l].getBoundingClientRect();
@@ -2637,26 +2609,26 @@ async function Fi(n, e = !0) {
     });
   }
 }
-function Mi(n, e, t) {
-  let l, { $$slots: i = {}, $$scope: o } = e, { i18n: s } = e, { eta: r = null } = e, { queue_position: f } = e, { queue_size: a } = e, { status: _ } = e, { scroll_to_output: u = !1 } = e, { timer: c = !0 } = e, { show_progress: m = "full" } = e, { message: p = null } = e, { progress: T = null } = e, { variant: S = "default" } = e, { loading_text: L = "Loading..." } = e, { absolute: C = !0 } = e, { translucent: d = !1 } = e, { border: y = !1 } = e, { autoscroll: M } = e, g, R = !1, Q = 0, z = 0, D = null, W = null, se = 0, O = null, x, E = null, de = !0;
+function Fi(n, e, t) {
+  let l, { $$slots: i = {}, $$scope: o } = e, { i18n: s } = e, { eta: r = null } = e, { queue_position: f } = e, { queue_size: a } = e, { status: _ } = e, { scroll_to_output: u = !1 } = e, { timer: c = !0 } = e, { show_progress: m = "full" } = e, { message: p = null } = e, { progress: T = null } = e, { variant: S = "default" } = e, { loading_text: L = "Loading..." } = e, { absolute: C = !0 } = e, { translucent: d = !1 } = e, { border: y = !1 } = e, { autoscroll: M } = e, g, B = !1, Q = 0, z = 0, R = null, U = null, se = 0, D = null, x, V = null, de = !0;
   const h = () => {
-    t(0, r = t(26, D = t(19, me = null))), t(24, Q = performance.now()), t(25, z = 0), R = !0, Fe();
+    t(0, r = t(26, R = t(19, me = null))), t(24, Q = performance.now()), t(25, z = 0), B = !0, Fe();
   };
   function Fe() {
     requestAnimationFrame(() => {
-      t(25, z = (performance.now() - Q) / 1e3), R && Fe();
+      t(25, z = (performance.now() - Q) / 1e3), B && Fe();
     });
   }
   function Me() {
-    t(25, z = 0), t(0, r = t(26, D = t(19, me = null))), R && (R = !1);
+    t(25, z = 0), t(0, r = t(26, R = t(19, me = null))), B && (B = !1);
   }
-  bi(() => {
-    R && Me();
+  mi(() => {
+    B && Me();
   });
   let me = null;
   function Pe(w) {
     Ct[w ? "unshift" : "push"](() => {
-      E = w, t(16, E), t(7, T), t(14, O), t(15, x);
+      V = w, t(16, V), t(7, T), t(14, D), t(15, x);
     });
   }
   function Ze(w) {
@@ -2668,17 +2640,17 @@ function Mi(n, e, t) {
     "i18n" in w && t(1, s = w.i18n), "eta" in w && t(0, r = w.eta), "queue_position" in w && t(2, f = w.queue_position), "queue_size" in w && t(3, a = w.queue_size), "status" in w && t(4, _ = w.status), "scroll_to_output" in w && t(21, u = w.scroll_to_output), "timer" in w && t(5, c = w.timer), "show_progress" in w && t(6, m = w.show_progress), "message" in w && t(22, p = w.message), "progress" in w && t(7, T = w.progress), "variant" in w && t(8, S = w.variant), "loading_text" in w && t(9, L = w.loading_text), "absolute" in w && t(10, C = w.absolute), "translucent" in w && t(11, d = w.translucent), "border" in w && t(12, y = w.border), "autoscroll" in w && t(23, M = w.autoscroll), "$$scope" in w && t(28, o = w.$$scope);
   }, n.$$.update = () => {
     n.$$.dirty[0] & /*eta, old_eta, timer_start, eta_from_start*/
-    218103809 && (r === null && t(0, r = D), r != null && D !== r && (t(27, W = (performance.now() - Q) / 1e3 + r), t(19, me = W.toFixed(1)), t(26, D = r))), n.$$.dirty[0] & /*eta_from_start, timer_diff*/
-    167772160 && t(17, se = W === null || W <= 0 || !z ? null : Math.min(z / W, 1)), n.$$.dirty[0] & /*progress*/
+    218103809 && (r === null && t(0, r = R), r != null && R !== r && (t(27, U = (performance.now() - Q) / 1e3 + r), t(19, me = U.toFixed(1)), t(26, R = r))), n.$$.dirty[0] & /*eta_from_start, timer_diff*/
+    167772160 && t(17, se = U === null || U <= 0 || !z ? null : Math.min(z / U, 1)), n.$$.dirty[0] & /*progress*/
     128 && T != null && t(18, de = !1), n.$$.dirty[0] & /*progress, progress_level, progress_bar, last_progress_level*/
-    114816 && (T != null ? t(14, O = T.map((w) => {
+    114816 && (T != null ? t(14, D = T.map((w) => {
       if (w.index != null && w.length != null)
         return w.index / w.length;
       if (w.progress != null)
         return w.progress;
-    })) : t(14, O = null), O ? (t(15, x = O[O.length - 1]), E && (x === 0 ? t(16, E.style.transition = "0", E) : t(16, E.style.transition = "150ms", E))) : t(15, x = void 0)), n.$$.dirty[0] & /*status*/
+    })) : t(14, D = null), D ? (t(15, x = D[D.length - 1]), V && (x === 0 ? t(16, V.style.transition = "0", V) : t(16, V.style.transition = "150ms", V))) : t(15, x = void 0)), n.$$.dirty[0] & /*status*/
     16 && (_ === "pending" ? h() : Me()), n.$$.dirty[0] & /*el, scroll_to_output, status, autoscroll*/
-    10493968 && g && u && (_ === "pending" || _ === "complete") && Fi(g, M), n.$$.dirty[0] & /*status, message*/
+    10493968 && g && u && (_ === "pending" || _ === "complete") && Ti(g, M), n.$$.dirty[0] & /*status, message*/
     4194320, n.$$.dirty[0] & /*timer_diff*/
     33554432 && t(20, l = z.toFixed(1));
   }, [
@@ -2696,9 +2668,9 @@ function Mi(n, e, t) {
     d,
     y,
     g,
-    O,
+    D,
     x,
-    E,
+    V,
     se,
     de,
     me,
@@ -2708,22 +2680,22 @@ function Mi(n, e, t) {
     M,
     Q,
     z,
-    D,
-    W,
+    R,
+    U,
     o,
     i,
     Pe,
     Ze
   ];
 }
-class Ni extends ii {
+class Mi extends ni {
   constructor(e) {
-    super(), _i(
+    super(), ai(
       this,
       e,
-      Mi,
-      Ti,
-      ci,
+      Fi,
+      Li,
+      ui,
       {
         i18n: 1,
         eta: 0,
@@ -2748,25 +2720,25 @@ class Ni extends ii {
   }
 }
 const {
-  SvelteComponent: Hi,
+  SvelteComponent: Ni,
   add_flush_callback: Zt,
-  assign: ji,
+  assign: Hi,
   bind: Bt,
   binding_callbacks: Rt,
-  check_outros: Vi,
+  check_outros: ji,
   create_component: Qe,
   destroy_component: xe,
-  detach: Ai,
+  detach: Vi,
   flush: N,
-  get_spread_object: zi,
-  get_spread_update: Ei,
-  group_outros: Pi,
-  init: Zi,
-  insert: Bi,
+  get_spread_object: Ai,
+  get_spread_update: zi,
+  group_outros: Ei,
+  init: Pi,
+  insert: Zi,
   mount_component: $e,
-  safe_not_equal: Ri,
-  space: Di,
-  transition_in: ke,
+  safe_not_equal: Bi,
+  space: Ri,
+  transition_in: pe,
   transition_out: Te
 } = window.__gradio__svelte__internal;
 function Dt(n) {
@@ -2785,8 +2757,8 @@ function Dt(n) {
   ];
   let i = {};
   for (let o = 0; o < l.length; o += 1)
-    i = ji(i, l[o]);
-  return e = new Ni({ props: i }), {
+    i = Hi(i, l[o]);
+  return e = new Mi({ props: i }), {
     c() {
       Qe(e.$$.fragment);
     },
@@ -2795,7 +2767,7 @@ function Dt(n) {
     },
     p(o, s) {
       const r = s & /*gradio, loading_status*/
-      131080 ? Ei(l, [
+      131080 ? zi(l, [
         s & /*gradio*/
         8 && { autoscroll: (
           /*gradio*/
@@ -2807,7 +2779,7 @@ function Dt(n) {
           o[3].i18n
         ) },
         s & /*loading_status*/
-        131072 && zi(
+        131072 && Ai(
           /*loading_status*/
           o[17]
         )
@@ -2815,7 +2787,7 @@ function Dt(n) {
       e.$set(r);
     },
     i(o) {
-      t || (ke(e.$$.fragment, o), t = !0);
+      t || (pe(e.$$.fragment, o), t = !0);
     },
     o(o) {
       Te(e.$$.fragment, o), t = !1;
@@ -2825,7 +2797,7 @@ function Dt(n) {
     }
   };
 }
-function Oi(n) {
+function Di(n) {
   let e, t, l, i, o, s = (
     /*loading_status*/
     n[17] && Dt(n)
@@ -2881,7 +2853,7 @@ function Oi(n) {
     n[0] !== void 0 && (a.value = /*value*/
     n[0]), /*value_is_output*/
     n[2] !== void 0 && (a.value_is_output = /*value_is_output*/
-    n[2]), t = new Yn({ props: a }), Rt.push(() => Bt(t, "value", r)), Rt.push(() => Bt(t, "value_is_output", f)), t.$on(
+    n[2]), t = new Xn({ props: a }), Rt.push(() => Bt(t, "value", r)), Rt.push(() => Bt(t, "value_is_output", f)), t.$on(
       "change",
       /*change_handler*/
       n[24]
@@ -2907,17 +2879,17 @@ function Oi(n) {
       n[29]
     ), {
       c() {
-        s && s.c(), e = Di(), Qe(t.$$.fragment);
+        s && s.c(), e = Ri(), Qe(t.$$.fragment);
       },
       m(_, u) {
-        s && s.m(_, u), Bi(_, e, u), $e(t, _, u), o = !0;
+        s && s.m(_, u), Zi(_, e, u), $e(t, _, u), o = !0;
       },
       p(_, u) {
         /*loading_status*/
         _[17] ? s ? (s.p(_, u), u & /*loading_status*/
-        131072 && ke(s, 1)) : (s = Dt(_), s.c(), ke(s, 1), s.m(e.parentNode, e)) : s && (Pi(), Te(s, 1, 1, () => {
+        131072 && pe(s, 1)) : (s = Dt(_), s.c(), pe(s, 1), s.m(e.parentNode, e)) : s && (Ei(), Te(s, 1, 1, () => {
           s = null;
-        }), Vi());
+        }), ji());
         const c = {};
         u & /*label*/
         16 && (c.label = /*label*/
@@ -2946,20 +2918,20 @@ function Oi(n) {
         _[2], Zt(() => i = !1)), t.$set(c);
       },
       i(_) {
-        o || (ke(s), ke(t.$$.fragment, _), o = !0);
+        o || (pe(s), pe(t.$$.fragment, _), o = !0);
       },
       o(_) {
         Te(s), Te(t.$$.fragment, _), o = !1;
       },
       d(_) {
-        _ && Ai(e), s && s.d(_), xe(t, _);
+        _ && Vi(e), s && s.d(_), xe(t, _);
       }
     }
   );
 }
-function Ii(n) {
+function Oi(n) {
   let e, t;
-  return e = new wl({
+  return e = new hl({
     props: {
       visible: (
         /*visible*/
@@ -2986,7 +2958,7 @@ function Ii(n) {
         /*container*/
         n[13]
       ),
-      $$slots: { default: [Oi] },
+      $$slots: { default: [Di] },
       $$scope: { ctx: n }
     }
   }), {
@@ -3014,7 +2986,7 @@ function Ii(n) {
       1074216063 && (o.$$scope = { dirty: i, ctx: l }), e.$set(o);
     },
     i(l) {
-      t || (ke(e.$$.fragment, l), t = !0);
+      t || (pe(e.$$.fragment, l), t = !0);
     },
     o(l) {
       Te(e.$$.fragment, l), t = !1;
@@ -3024,22 +2996,22 @@ function Ii(n) {
     }
   };
 }
-function Ui(n, e, t) {
+function Ii(n, e, t) {
   let { gradio: l } = e, { label: i = "Highlighted Textbox" } = e, { legend_label: o = "Highlights:" } = e, { info: s = void 0 } = e, { elem_id: r = "" } = e, { elem_classes: f = [] } = e, { visible: a = !0 } = e, { value: _ } = e, { show_label: u } = e, { show_legend: c } = e, { show_legend_label: m } = e, { color_map: p = {} } = e, { container: T = !0 } = e, { scale: S = null } = e, { min_width: L = void 0 } = e, { show_copy_button: C = !1 } = e, { loading_status: d = void 0 } = e, { value_is_output: y = !1 } = e, { combine_adjacent: M = !1 } = e, { interactive: g = !0 } = e;
-  const R = !1, Q = !0;
+  const B = !1, Q = !0;
   function z(h) {
     _ = h, t(0, _), t(19, M);
   }
-  function D(h) {
+  function R(h) {
     y = h, t(2, y);
   }
-  const W = () => l.dispatch("change"), se = () => l.dispatch("input"), O = () => l.dispatch("submit"), x = () => l.dispatch("blur"), E = (h) => l.dispatch("select", h.detail), de = () => l.dispatch("focus");
+  const U = () => l.dispatch("change"), se = () => l.dispatch("input"), D = () => l.dispatch("submit"), x = () => l.dispatch("blur"), V = (h) => l.dispatch("select", h.detail), de = () => l.dispatch("focus");
   return n.$$set = (h) => {
     "gradio" in h && t(3, l = h.gradio), "label" in h && t(4, i = h.label), "legend_label" in h && t(5, o = h.legend_label), "info" in h && t(6, s = h.info), "elem_id" in h && t(7, r = h.elem_id), "elem_classes" in h && t(8, f = h.elem_classes), "visible" in h && t(9, a = h.visible), "value" in h && t(0, _ = h.value), "show_label" in h && t(10, u = h.show_label), "show_legend" in h && t(11, c = h.show_legend), "show_legend_label" in h && t(12, m = h.show_legend_label), "color_map" in h && t(1, p = h.color_map), "container" in h && t(13, T = h.container), "scale" in h && t(14, S = h.scale), "min_width" in h && t(15, L = h.min_width), "show_copy_button" in h && t(16, C = h.show_copy_button), "loading_status" in h && t(17, d = h.loading_status), "value_is_output" in h && t(2, y = h.value_is_output), "combine_adjacent" in h && t(19, M = h.combine_adjacent), "interactive" in h && t(18, g = h.interactive);
   }, n.$$.update = () => {
     n.$$.dirty & /*color_map*/
     2 && !p && Object.keys(p).length && t(1, p), n.$$.dirty & /*value, combine_adjacent*/
-    524289 && _ && M && t(0, _ = Ln(_, "equal"));
+    524289 && _ && M && t(0, _ = Sn(_, "equal"));
   }, [
     _,
     p,
@@ -3061,21 +3033,21 @@ function Ui(n, e, t) {
     d,
     g,
     M,
-    R,
+    B,
     Q,
     z,
-    D,
-    W,
+    R,
+    U,
     se,
-    O,
+    D,
     x,
-    E,
+    V,
     de
   ];
 }
-class Xi extends Hi {
+class Wi extends Ni {
   constructor(e) {
-    super(), Zi(this, e, Ui, Ii, Ri, {
+    super(), Pi(this, e, Ii, Oi, Bi, {
       gradio: 3,
       label: 4,
       legend_label: 5,
@@ -3228,5 +3200,5 @@ class Xi extends Hi {
   }
 }
 export {
-  Xi as default
+  Wi as default
 };

src/frontend/HighlightedTextbox.svelte

@@ -88,6 +88,7 @@
 		if (!value_is_output) {
 			dispatch("input");
 		}
+		checkAndRemoveHighlight();
 	}
 	afterUpdate(() => {
 		set_color_map();
@@ -234,11 +235,7 @@
             on:scroll
             on:input
             on:focus
-            on:change
-			on:mousedown={checkAndRemoveHighlight}
-			on:keydown={checkAndRemoveHighlight}
-			on:mouseup={checkAndRemoveHighlight}
-			on:keyup={checkAndRemoveHighlight}
+            on:change={checkAndRemoveHighlight}
         />
     {/if}
 </label>

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_highlightedtextbox"
-version = "0.0.3"
+version = "0.0.4"
 description = "Editable Gradio textarea supporting highlighting"
 readme = "README.md"
 license = "mit"
@@ -36,7 +36,7 @@ classifiers = [
 dev = ["build", "twine"]
 
 [tool.hatch.build]
-artifacts = ["/backend/gradio_highlightedtextbox/templates", "*.pyi", "backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates", "Users/gsarti/Documents/projects/highlightedtextbox/backend/gradio_highlightedtextbox/templates", "Users/gsarti/Documents/projects/highlightedtextbox/backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates"]
+artifacts = ["/backend/gradio_highlightedtextbox/templates", "*.pyi", "backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates", "Users/gsarti/Documents/projects/highlightedtextbox/backend/gradio_highlightedtextbox/templates", "Users/gsarti/Documents/projects/highlightedtextbox/backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates", "backend/gradio_highlightedtextbox/templates"]
 
 [tool.hatch.build.targets.wheel]
 packages = ["/backend/gradio_highlightedtextbox"]