@openc3/vue-common 6.10.3 → 6.10.4

package/dist/tools/admin.js

@@ -1,10 +1,10 @@
-import { a as Fe } from "../index-3k1IXN1T.js";
-import { resolveComponent as p, createBlock as T, openBlock as L, withCtx as g, createVNode as f, createElementVNode as R, createElementBlock as V, createTextVNode as w, Fragment as P, renderList as G, createCommentVNode as ee, toDisplayString as O, withKeys as xe, withModifiers as X, toRaw as He } from "vue";
-import { _ as W } from "../CustomIcon-B9m73Gqm.js";
-import { f as Pe, a as N } from "../UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-D9LFRi0t.js";
+import { a as Pt } from "../index-3k1IXN1T.js";
+import { resolveComponent as p, createBlock as x, openBlock as C, withCtx as h, createVNode as f, createElementVNode as R, createElementBlock as M, createTextVNode as S, Fragment as P, renderList as B, createCommentVNode as et, toDisplayString as V, withKeys as It, withModifiers as Z, mergeProps as Bt, toRaw as Ut } from "vue";
+import { _ as K } from "../CustomIcon-B9m73Gqm.js";
+import { f as qt, a as N } from "../UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-NXWdTcR2.js";
 import "single-spa";
-import { T as Ge, A as q } from "../TopBar-BkwvK0oj.js";
-const Be = {
+import { T as jt, A as q } from "../TopBar-DzxJ69Tt.js";
+const Wt = {
   props: {
     modelValue: Boolean
   },
@@ -24,8 +24,8 @@ const Be = {
       get() {
         return this.modelValue;
       },
-      set(t) {
-        this.$emit("update:modelValue", t);
+      set(e) {
+        this.$emit("update:modelValue", e);
       }
     },
     listData: function() {
@@ -34,15 +34,15 @@ const Be = {
   },
   methods: {
     parseGithub: function() {
-      const t = /\w+.gem/;
-      return this.response.tree.filter((e) => t.exec(e.path)).map((e) => ({
-        name: e.path,
-        url: `https://raw.github.com/OpenC3/openc3-tools/main/${e.path}`
+      const e = /\w+.gem/;
+      return this.response.tree.filter((t) => e.exec(t.path)).map((t) => ({
+        name: t.path,
+        url: `https://raw.github.com/OpenC3/openc3-tools/main/${t.path}`
       }));
     },
     getResponse: function() {
-      this.disableSearch = !0, Fe.get(this.url).then((t) => {
-        this.response = t.data;
+      this.disableSearch = !0, Pt.get(this.url).then((e) => {
+        this.response = e.data;
       }), setTimeout(() => {
         this.disableSearch = !1;
       }, 1e4);
@@ -50,65 +50,65 @@ const Be = {
     searchGithub: function() {
       this.type = "github", this.url = "https://api.github.com/repos/OpenC3/openc3-tools/git/trees/main?recursive=1", this.getResponse();
     },
-    downloadGem: function(t) {
-      const e = document.createElement("a");
-      e.href = t.url, e.setAttribute("download", t.name), e.click(), e.remove();
+    downloadGem: function(e) {
+      const t = document.createElement("a");
+      t.href = e.url, t.setAttribute("download", e.name), t.click(), t.remove();
     }
   }
-}, qe = { class: "pa-3" }, Ue = { class: "px-2" }, je = {
+}, Yt = { class: "pa-3" }, zt = { class: "px-2" }, Kt = {
   key: 0,
   class: "mt-4"
-}, Ye = {
+}, Qt = {
   key: 1,
   class: "mt-4"
 };
-function ze(t, e, n, o, i, l) {
-  const r = p("v-spacer"), s = p("v-toolbar"), a = p("v-row"), c = p("v-icon"), u = p("v-btn"), d = p("v-col"), h = p("v-list-item-title"), m = p("v-progress-circular"), v = p("v-list-item"), x = p("v-divider"), C = p("v-card-text"), b = p("v-card"), S = p("v-dialog");
-  return L(), T(S, {
-    modelValue: l.show,
-    "onUpdate:modelValue": e[0] || (e[0] = (_) => l.show = _),
+function Jt(e, t, n, r, i, s) {
+  const o = p("v-spacer"), l = p("v-toolbar"), a = p("v-row"), c = p("v-icon"), u = p("v-btn"), d = p("v-col"), g = p("v-list-item-title"), m = p("v-progress-circular"), b = p("v-list-item"), D = p("v-divider"), E = p("v-card-text"), v = p("v-card"), $ = p("v-dialog");
+  return C(), x($, {
+    modelValue: s.show,
+    "onUpdate:modelValue": t[0] || (t[0] = (_) => s.show = _),
     width: "600"
   }, {
-    default: g(() => [
-      f(b, null, {
-        default: g(() => [
-          f(s, { height: "24" }, {
-            default: g(() => [
-              f(r),
-              e[1] || (e[1] = R("span", null, " Download Gems ", -1)),
-              f(r)
+    default: h(() => [
+      f(v, null, {
+        default: h(() => [
+          f(l, { height: "24" }, {
+            default: h(() => [
+              f(o),
+              t[1] || (t[1] = R("span", null, " Download Gems ", -1)),
+              f(o)
             ]),
             _: 1
           }),
-          f(C, null, {
-            default: g(() => [
-              R("div", qe, [
+          f(E, null, {
+            default: h(() => [
+              R("div", Yt, [
                 f(a, { class: "my-2" }, {
-                  default: g(() => [...e[2] || (e[2] = [
-                    w(" Select a download option ", -1)
+                  default: h(() => [...t[2] || (t[2] = [
+                    S(" Select a download option ", -1)
                   ])]),
                   _: 1
                 }),
                 f(a, null, {
-                  default: g(() => [
+                  default: h(() => [
                     f(d, null, {
-                      default: g(() => [
-                        R("div", Ue, [
+                      default: h(() => [
+                        R("div", zt, [
                           f(u, {
                             block: "",
                             "data-test": "searchGithub",
                             color: "primary",
                             disabled: i.disableSearch,
-                            onClick: l.searchGithub
+                            onClick: s.searchGithub
                           }, {
-                            default: g(() => [
-                              e[4] || (e[4] = w(" Github ", -1)),
+                            default: h(() => [
+                              t[4] || (t[4] = S(" Github ", -1)),
                               f(c, {
                                 end: "",
                                 theme: "dark"
                               }, {
-                                default: g(() => [...e[3] || (e[3] = [
-                                  w(" mdi-github ", -1)
+                                default: h(() => [...t[3] || (t[3] = [
+                                  S(" mdi-github ", -1)
                                 ])]),
                                 _: 1
                               })
@@ -123,40 +123,40 @@ function ze(t, e, n, o, i, l) {
                   _: 1
                 }),
                 f(a, { class: "mt-5" }, {
-                  default: g(() => [...e[5] || (e[5] = [
-                    w(" Community Gems ", -1)
+                  default: h(() => [...t[5] || (t[5] = [
+                    S(" Community Gems ", -1)
                   ])]),
                   _: 1
                 }),
-                l.listData.length < 1 ? (L(), V("div", je, [
+                s.listData.length < 1 ? (C(), M("div", Kt, [
                   f(a, { class: "mx-2" }, {
-                    default: g(() => [...e[6] || (e[6] = [
+                    default: h(() => [...t[6] || (t[6] = [
                       R("span", null, " I’m sorry, Dave. No gems available.... ", -1)
                     ])]),
                     _: 1
                   })
-                ])) : (L(), V("div", Ye, [
-                  (L(!0), V(P, null, G(l.listData, (_, E) => (L(), V("div", { key: E }, [
-                    f(v, null, {
-                      default: g(() => [
-                        f(h, null, {
-                          default: g(() => [
-                            w(O(_.name), 1)
+                ])) : (C(), M("div", Qt, [
+                  (C(!0), M(P, null, B(s.listData, (_, y) => (C(), M("div", { key: y }, [
+                    f(b, null, {
+                      default: h(() => [
+                        f(g, null, {
+                          default: h(() => [
+                            S(V(_.name), 1)
                           ]),
                           _: 2
                         }, 1024),
-                        f(v, { icon: "" }, {
-                          default: g(() => [
-                            i.activeDownload ? (L(), T(m, {
+                        f(b, { icon: "" }, {
+                          default: h(() => [
+                            i.activeDownload ? (C(), x(m, {
                               key: 0,
                               indeterminate: "",
                               color: "primary"
-                            })) : (L(), T(u, {
+                            })) : (C(), x(u, {
                               key: 1,
                               icon: "mdi-cloud-download",
                               variant: "text",
                               disabled: i.activeDownload,
-                              onClick: (I) => l.downloadGem(_)
+                              onClick: (k) => s.downloadGem(_)
                             }, null, 8, ["disabled", "onClick"]))
                           ]),
                           _: 2
@@ -164,7 +164,7 @@ function ze(t, e, n, o, i, l) {
                       ]),
                       _: 2
                     }, 1024),
-                    E < l.listData.length - 1 ? (L(), T(x, { key: E })) : ee("", !0)
+                    y < s.listData.length - 1 ? (C(), x(D, { key: y })) : et("", !0)
                   ]))), 128))
                 ]))
               ])
@@ -178,7 +178,7 @@ function ze(t, e, n, o, i, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const qt = /* @__PURE__ */ W(Be, [["render", ze]]), Ke = {
+const je = /* @__PURE__ */ K(Wt, [["render", Jt]]), Xt = {
   props: {
     modelValue: Boolean,
     plugin: {
@@ -203,18 +203,18 @@ const qt = /* @__PURE__ */ W(Be, [["render", ze]]), Ke = {
       get() {
         return this.modelValue;
       },
-      set(t) {
-        this.$emit("update:modelValue", t);
+      set(e) {
+        this.$emit("update:modelValue", e);
       }
     }
   },
   created() {
-    for (const t of this.targets)
-      Pe.get(`/openc3-api/targets/${t.name}/modified_files`).then(
-        (e) => {
-          e.data.length !== 0 && this.modifiedTargets.push({
-            name: t.name,
-            files: e.data
+    for (const e of this.targets)
+      qt.get(`/openc3-api/targets/${e.name}/modified_files`).then(
+        (t) => {
+          t.data.length !== 0 && this.modifiedTargets.push({
+            name: e.name,
+            files: t.data
           });
         }
       );
@@ -224,45 +224,45 @@ const qt = /* @__PURE__ */ W(Be, [["render", ze]]), Ke = {
       this.show = !1, this.$emit("cancel");
     }
   }
-}, We = { class: "file-list-container" };
-function Qe(t, e, n, o, i, l) {
-  const r = p("v-spacer"), s = p("v-toolbar"), a = p("v-list-item-title"), c = p("v-list-item-subtitle"), u = p("v-list-item"), d = p("v-checkbox"), h = p("v-card-text"), m = p("v-btn"), v = p("v-card-actions"), x = p("v-card"), C = p("v-dialog");
-  return L(), T(C, {
-    modelValue: l.show,
-    "onUpdate:modelValue": e[2] || (e[2] = (b) => l.show = b),
+}, Zt = { class: "file-list-container" };
+function te(e, t, n, r, i, s) {
+  const o = p("v-spacer"), l = p("v-toolbar"), a = p("v-list-item-title"), c = p("v-list-item-subtitle"), u = p("v-list-item"), d = p("v-checkbox"), g = p("v-card-text"), m = p("v-btn"), b = p("v-card-actions"), D = p("v-card"), E = p("v-dialog");
+  return C(), x(E, {
+    modelValue: s.show,
+    "onUpdate:modelValue": t[2] || (t[2] = (v) => s.show = v),
     persistent: "",
     width: "600",
-    onKeydown: xe(l.cancel, ["esc"])
+    onKeydown: It(s.cancel, ["esc"])
   }, {
-    default: g(() => [
-      f(x, null, {
-        default: g(() => [
-          f(s, { height: "24" }, {
-            default: g(() => [
-              f(r),
-              e[3] || (e[3] = R("span", null, " Modified Plugin ", -1)),
-              f(r)
+    default: h(() => [
+      f(D, null, {
+        default: h(() => [
+          f(l, { height: "24" }, {
+            default: h(() => [
+              f(o),
+              t[3] || (t[3] = R("span", null, " Modified Plugin ", -1)),
+              f(o)
             ]),
             _: 1
           }),
-          f(h, { class: "pa-3 card-container" }, {
-            default: g(() => [
-              R("div", null, " Plugin " + O(n.plugin) + " was modified. Would you like to delete the existing modified files? ", 1),
-              (L(!0), V(P, null, G(i.modifiedTargets, (b, S) => (L(), T(u, {
-                key: S,
+          f(g, { class: "pa-3 card-container" }, {
+            default: h(() => [
+              R("div", null, " Plugin " + V(n.plugin) + " was modified. Would you like to delete the existing modified files? ", 1),
+              (C(!0), M(P, null, B(i.modifiedTargets, (v, $) => (C(), x(u, {
+                key: $,
                 lines: "two"
               }, {
-                default: g(() => [
+                default: h(() => [
                   f(a, null, {
-                    default: g(() => [
-                      w(O(b.name), 1)
+                    default: h(() => [
+                      S(V(v.name), 1)
                     ]),
                     _: 2
                   }, 1024),
-                  R("div", We, [
-                    (L(!0), V(P, null, G(b.files, (_, E) => (L(), T(c, { key: E }, {
-                      default: g(() => [
-                        w(O(_), 1)
+                  R("div", Zt, [
+                    (C(!0), M(P, null, B(v.files, (_, y) => (C(), x(c, { key: y }, {
+                      default: h(() => [
+                        S(V(_), 1)
                       ]),
                       _: 2
                     }, 1024))), 128))
@@ -272,7 +272,7 @@ function Qe(t, e, n, o, i, l) {
               }, 1024))), 128)),
               f(d, {
                 modelValue: i.deleteModified,
-                "onUpdate:modelValue": e[0] || (e[0] = (b) => i.deleteModified = b),
+                "onUpdate:modelValue": t[0] || (t[0] = (v) => i.deleteModified = v),
                 label: "DELETE MODIFIED! THIS CAN NOT BE UNDONE!!!",
                 color: "error",
                 "data-test": "modified-plugin-delete-checkbox"
@@ -280,28 +280,28 @@ function Qe(t, e, n, o, i, l) {
             ]),
             _: 1
           }),
-          f(v, { class: "px-2" }, {
-            default: g(() => [
-              f(r),
+          f(b, { class: "px-2" }, {
+            default: h(() => [
+              f(o),
               f(m, {
                 variant: "outlined",
                 "data-test": "modified-plugin-cancel",
-                onClick: l.cancel
+                onClick: s.cancel
               }, {
-                default: g(() => [...e[4] || (e[4] = [
-                  w(" Cancel ", -1)
+                default: h(() => [...t[4] || (t[4] = [
+                  S(" Cancel ", -1)
                 ])]),
                 _: 1
               }, 8, ["onClick"]),
               f(m, {
                 variant: "flat",
                 "data-test": "modified-plugin-submit",
-                onClick: e[1] || (e[1] = () => {
-                  l.show = !1, t.$emit("submit", i.deleteModified);
+                onClick: t[1] || (t[1] = () => {
+                  s.show = !1, e.$emit("submit", i.deleteModified);
                 })
               }, {
-                default: g(() => [...e[5] || (e[5] = [
-                  w(" Confirm ", -1)
+                default: h(() => [...t[5] || (t[5] = [
+                  S(" Confirm ", -1)
                 ])]),
                 _: 1
               })
@@ -315,70 +315,70 @@ function Qe(t, e, n, o, i, l) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const Ut = /* @__PURE__ */ W(Ke, [["render", Qe], ["__scopeId", "data-v-fb16376a"]]), Je = [
+const We = /* @__PURE__ */ K(Xt, [["render", te], ["__scopeId", "data-v-fb16376a"]]), ee = [
   {
     displayName: "Plugins",
     name: "PluginsTab",
     path: "plugins",
-    component: () => import("../PluginsTab-zR9eZuvc.js")
+    component: () => import("../PluginsTab-Dff_0j26.js")
   },
   {
     displayName: "Targets",
     name: "TargetsTab",
     path: "targets",
-    component: () => import("../TargetsTab-b35HgnRl.js")
+    component: () => import("../TargetsTab-C7Pn5-19.js")
   },
   {
     displayName: "Interfaces",
     name: "InterfacesTab",
     path: "interfaces",
-    component: () => import("../InterfacesTab-B9ApLB5q.js")
+    component: () => import("../InterfacesTab-C310FRIP.js")
   },
   {
     displayName: "Routers",
     name: "RoutersTab",
     path: "routers",
-    component: () => import("../RoutersTab-C0UHSj-S.js")
+    component: () => import("../RoutersTab-DaWde6np.js")
   },
   {
     displayName: "Microservices",
     name: "MicroservicesTab",
     path: "microservices",
-    component: () => import("../MicroservicesTab-DG3rdksb.js")
+    component: () => import("../MicroservicesTab-xpDXKoa-.js")
   },
   {
     displayName: "Packages",
     name: "PackagesTab",
     path: "packages",
-    component: () => import("../PackagesTab-Bui5q3rX.js")
+    component: () => import("../PackagesTab-rzc4hqOb.js")
   },
   {
     displayName: "Tools",
     name: "ToolsTab",
     path: "tools",
-    component: () => import("../ToolsTab-7qOQPnN3.js")
+    component: () => import("../ToolsTab-D5yhjVM0.js")
   },
   {
     displayName: "Redis",
     name: "RedisTab",
     path: "redis",
-    component: () => import("../RedisTab-DuO-zUV3.js")
+    component: () => import("../RedisTab-C3yjh0JX.js")
   },
   {
     displayName: "Secrets",
     name: "SecretsTab",
     path: "secrets",
-    component: () => import("../SecretsTab-c5g8Zk4g.js")
+    component: () => import("../SecretsTab-Dhal1RCq.js")
   },
   {
     displayName: "Settings",
     name: "SettingsTab",
     path: "settings",
-    component: () => import("../SettingsTab-CTd3_Ipy.js")
+    component: () => import("../SettingsTab-Dtj_AlEW.js")
   }
-], Xe = {
+], ne = {
   components: {
-    TopBar: Ge
+    TopBar: jt
   },
   data() {
     return {
@@ -388,31 +388,31 @@ const Ut = /* @__PURE__ */ W(Ke, [["render", Qe], ["__scopeId", "data-v-fb16376a
   },
   computed: {
     tabs: function() {
-      return Je.map((t) => ({
-        displayName: t.displayName,
-        path: { name: t.name }
+      return ee.map((e) => ({
+        displayName: e.displayName,
+        path: { name: e.name }
       }));
     }
   }
 };
-function Ze(t, e, n, o, i, l) {
-  const r = p("top-bar"), s = p("v-tab"), a = p("v-tabs"), c = p("router-view"), u = p("v-card");
-  return L(), V("div", null, [
-    f(r, { title: i.title }, null, 8, ["title"]),
+function ie(e, t, n, r, i, s) {
+  const o = p("top-bar"), l = p("v-tab"), a = p("v-tabs"), c = p("router-view"), u = p("v-card");
+  return C(), M("div", null, [
+    f(o, { title: i.title }, null, 8, ["title"]),
     f(u, null, {
-      default: g(() => [
+      default: h(() => [
         f(a, {
           modelValue: i.curTab,
-          "onUpdate:modelValue": e[0] || (e[0] = (d) => i.curTab = d),
+          "onUpdate:modelValue": t[0] || (t[0] = (d) => i.curTab = d),
           "fixed-tabs": ""
         }, {
-          default: g(() => [
-            (L(!0), V(P, null, G(l.tabs, (d, h) => (L(), T(s, {
-              key: h,
+          default: h(() => [
+            (C(!0), M(P, null, B(s.tabs, (d, g) => (C(), x(l, {
+              key: g,
               to: d.path
             }, {
-              default: g(() => [
-                w(O(d.displayName), 1)
+              default: h(() => [
+                S(V(d.displayName), 1)
               ]),
               _: 2
             }, 1032, ["to"]))), 128))
@@ -425,432 +425,432 @@ function Ze(t, e, n, o, i, l) {
     })
   ]);
 }
-const jt = /* @__PURE__ */ W(Xe, [["render", Ze]]);
-function te(t) {
-  const [e, n] = t;
-  return [e, n];
+const Ye = /* @__PURE__ */ K(ne, [["render", ie]]);
+function it(e) {
+  const [t, n] = e;
+  return [t, n];
 }
-function le(t, e) {
-  let n = t, o = e;
-  const i = n.length, l = o.length;
-  if (i === 0 || l === 0)
+function lt(e, t) {
+  let n = e, r = t;
+  const i = n.length, s = r.length;
+  if (i === 0 || s === 0)
     return 0;
-  i > l ? n = n.substring(i - l) : i < l && (o = o.substring(0, i));
-  const r = Math.min(i, l);
-  if (n === o)
-    return r;
-  let s = 0, a = 1;
+  i > s ? n = n.substring(i - s) : i < s && (r = r.substring(0, i));
+  const o = Math.min(i, s);
+  if (n === r)
+    return o;
+  let l = 0, a = 1;
   for (let c = 0; c !== -1; ) {
-    const u = n.substring(r - a);
-    if (c = o.indexOf(u), c === -1)
-      return s;
-    a += c, (c === 0 || n.substring(r - a) === o.substring(0, a)) && (s = a, a++);
+    const u = n.substring(o - a);
+    if (c = r.indexOf(u), c === -1)
+      return l;
+    a += c, (c === 0 || n.substring(o - a) === r.substring(0, a)) && (l = a, a++);
   }
-  return s;
+  return l;
 }
-function ne(t, e) {
-  if (!t || !e || t[0] !== e[0])
+function ot(e, t) {
+  if (!e || !t || e[0] !== t[0])
     return 0;
-  let n = 0, o = Math.min(t.length, e.length), i = o, l = 0;
+  let n = 0, r = Math.min(e.length, t.length), i = r, s = 0;
   for (; n < i; )
-    t.substring(l, i) === e.substring(l, i) ? (n = i, l = n) : o = i, i = Math.floor((o - n) / 2 + n);
+    e.substring(s, i) === t.substring(s, i) ? (n = i, s = n) : r = i, i = Math.floor((r - n) / 2 + n);
   return i;
 }
-function Q(t, e) {
-  if (!t || !e || t[t.length - 1] !== e[e.length - 1])
+function Q(e, t) {
+  if (!e || !t || e[e.length - 1] !== t[t.length - 1])
     return 0;
-  let n = 0, o = Math.min(t.length, e.length), i = o, l = 0;
+  let n = 0, r = Math.min(e.length, t.length), i = r, s = 0;
   for (; n < i; )
-    t.substring(t.length - i, t.length - l) === e.substring(e.length - i, e.length - l) ? (n = i, l = n) : o = i, i = Math.floor((o - n) / 2 + n);
+    e.substring(e.length - i, e.length - s) === t.substring(t.length - i, t.length - s) ? (n = i, s = n) : r = i, i = Math.floor((r - n) / 2 + n);
   return i;
 }
-function et(t) {
-  const e = t.charCodeAt(0);
-  return e >= 55296 && e <= 56319;
-}
-function tt(t) {
-  const e = t.charCodeAt(0);
-  return e >= 56320 && e <= 57343;
-}
-function nt(t, e, n) {
-  const o = t.length, i = e.length, l = Math.ceil((o + i) / 2), r = l, s = 2 * l, a = new Array(s), c = new Array(s);
-  for (let C = 0; C < s; C++)
-    a[C] = -1, c[C] = -1;
-  a[r + 1] = 0, c[r + 1] = 0;
-  const u = o - i, d = u % 2 !== 0;
-  let h = 0, m = 0, v = 0, x = 0;
-  for (let C = 0; C < l && !(Date.now() > n); C++) {
-    for (let b = -C + h; b <= C - m; b += 2) {
-      const S = r + b;
+function oe(e) {
+  const t = e.charCodeAt(0);
+  return t >= 55296 && t <= 56319;
+}
+function re(e) {
+  const t = e.charCodeAt(0);
+  return t >= 56320 && t <= 57343;
+}
+function se(e, t, n) {
+  const r = e.length, i = t.length, s = Math.ceil((r + i) / 2), o = s, l = 2 * s, a = new Array(l), c = new Array(l);
+  for (let E = 0; E < l; E++)
+    a[E] = -1, c[E] = -1;
+  a[o + 1] = 0, c[o + 1] = 0;
+  const u = r - i, d = u % 2 !== 0;
+  let g = 0, m = 0, b = 0, D = 0;
+  for (let E = 0; E < s && !(Date.now() > n); E++) {
+    for (let v = -E + g; v <= E - m; v += 2) {
+      const $ = o + v;
       let _;
-      b === -C || b !== C && a[S - 1] < a[S + 1] ? _ = a[S + 1] : _ = a[S - 1] + 1;
-      let E = _ - b;
-      for (; _ < o && E < i && t.charAt(_) === e.charAt(E); )
-        _++, E++;
-      if (a[S] = _, _ > o)
+      v === -E || v !== E && a[$ - 1] < a[$ + 1] ? _ = a[$ + 1] : _ = a[$ - 1] + 1;
+      let y = _ - v;
+      for (; _ < r && y < i && e.charAt(_) === t.charAt(y); )
+        _++, y++;
+      if (a[$] = _, _ > r)
         m += 2;
-      else if (E > i)
-        h += 2;
+      else if (y > i)
+        g += 2;
       else if (d) {
-        const I = r + u - b;
-        if (I >= 0 && I < s && c[I] !== -1) {
-          const A = o - c[I];
+        const k = o + u - v;
+        if (k >= 0 && k < l && c[k] !== -1) {
+          const A = r - c[k];
           if (_ >= A)
-            return re(t, e, _, E, n);
+            return at(e, t, _, y, n);
         }
       }
     }
-    for (let b = -C + v; b <= C - x; b += 2) {
-      const S = r + b;
+    for (let v = -E + b; v <= E - D; v += 2) {
+      const $ = o + v;
       let _;
-      b === -C || b !== C && c[S - 1] < c[S + 1] ? _ = c[S + 1] : _ = c[S - 1] + 1;
-      let E = _ - b;
-      for (; _ < o && E < i && t.charAt(o - _ - 1) === e.charAt(i - E - 1); )
-        _++, E++;
-      if (c[S] = _, _ > o)
-        x += 2;
-      else if (E > i)
-        v += 2;
+      v === -E || v !== E && c[$ - 1] < c[$ + 1] ? _ = c[$ + 1] : _ = c[$ - 1] + 1;
+      let y = _ - v;
+      for (; _ < r && y < i && e.charAt(r - _ - 1) === t.charAt(i - y - 1); )
+        _++, y++;
+      if (c[$] = _, _ > r)
+        D += 2;
+      else if (y > i)
+        b += 2;
       else if (!d) {
-        const I = r + u - b;
-        if (I >= 0 && I < s && a[I] !== -1) {
-          const A = a[I], J = r + A - I;
-          if (_ = o - _, A >= _)
-            return re(t, e, A, J, n);
+        const k = o + u - v;
+        if (k >= 0 && k < l && a[k] !== -1) {
+          const A = a[k], J = o + A - k;
+          if (_ = r - _, A >= _)
+            return at(e, t, A, J, n);
         }
       }
     }
   }
   return [
-    [k, t],
-    [D, e]
+    [O, e],
+    [I, t]
   ];
 }
-function re(t, e, n, o, i) {
-  const l = t.substring(0, n), r = e.substring(0, o), s = t.substring(n), a = e.substring(o), c = F(l, r, { checkLines: !1, deadline: i }), u = F(s, a, { checkLines: !1, deadline: i });
+function at(e, t, n, r, i) {
+  const s = e.substring(0, n), o = t.substring(0, r), l = e.substring(n), a = t.substring(r), c = H(s, o, { checkLines: !1, deadline: i }), u = H(l, a, { checkLines: !1, deadline: i });
   return c.concat(u);
 }
-function it(t, e, n = 1) {
+function le(e, t, n = 1) {
   if (n <= 0)
     return null;
-  const o = t.length > e.length ? t : e, i = t.length > e.length ? e : t;
-  if (o.length < 4 || i.length * 2 < o.length)
+  const r = e.length > t.length ? e : t, i = e.length > t.length ? t : e;
+  if (r.length < 4 || i.length * 2 < r.length)
     return null;
-  const l = se(o, i, Math.ceil(o.length / 4)), r = se(o, i, Math.ceil(o.length / 2));
-  let s;
-  if (l && r)
-    s = l[4].length > r[4].length ? l : r;
+  const s = ct(r, i, Math.ceil(r.length / 4)), o = ct(r, i, Math.ceil(r.length / 2));
+  let l;
+  if (s && o)
+    l = s[4].length > o[4].length ? s : o;
   else {
-    if (!l && !r)
+    if (!s && !o)
       return null;
-    r ? l || (s = r) : s = l;
+    o ? s || (l = o) : l = s;
   }
-  if (!s)
+  if (!l)
     throw new Error("Unable to find a half match.");
   let a, c, u, d;
-  t.length > e.length ? (a = s[0], c = s[1], u = s[2], d = s[3]) : (u = s[0], d = s[1], a = s[2], c = s[3]);
-  const h = s[4];
-  return [a, c, u, d, h];
-}
-function se(t, e, n) {
-  const o = t.slice(n, n + Math.floor(t.length / 4));
-  let i = -1, l = "", r, s, a, c;
-  for (; (i = e.indexOf(o, i + 1)) !== -1; ) {
-    const u = ne(t.slice(n), e.slice(i)), d = Q(t.slice(0, n), e.slice(0, i));
-    l.length < d + u && (l = e.slice(i - d, i) + e.slice(i, i + u), r = t.slice(0, n - d), s = t.slice(n + u), a = e.slice(0, i - d), c = e.slice(i + u));
+  e.length > t.length ? (a = l[0], c = l[1], u = l[2], d = l[3]) : (u = l[0], d = l[1], a = l[2], c = l[3]);
+  const g = l[4];
+  return [a, c, u, d, g];
+}
+function ct(e, t, n) {
+  const r = e.slice(n, n + Math.floor(e.length / 4));
+  let i = -1, s = "", o, l, a, c;
+  for (; (i = t.indexOf(r, i + 1)) !== -1; ) {
+    const u = ot(e.slice(n), t.slice(i)), d = Q(e.slice(0, n), t.slice(0, i));
+    s.length < d + u && (s = t.slice(i - d, i) + t.slice(i, i + u), o = e.slice(0, n - d), l = e.slice(n + u), a = t.slice(0, i - d), c = t.slice(i + u));
   }
-  return l.length * 2 >= t.length ? [
-    r || "",
-    s || "",
+  return s.length * 2 >= e.length ? [
+    o || "",
+    l || "",
     a || "",
     c || "",
-    l || ""
+    s || ""
   ] : null;
 }
-function ot(t, e) {
-  for (let n = 0; n < t.length; n++) {
-    const o = t[n][1], i = [];
-    for (let l = 0; l < o.length; l++)
-      i[l] = e[o.charCodeAt(l)];
-    t[n][1] = i.join("");
+function ae(e, t) {
+  for (let n = 0; n < e.length; n++) {
+    const r = e[n][1], i = [];
+    for (let s = 0; s < r.length; s++)
+      i[s] = t[r.charCodeAt(s)];
+    e[n][1] = i.join("");
   }
 }
-function lt(t, e) {
-  const n = [], o = {};
+function ce(e, t) {
+  const n = [], r = {};
   n[0] = "";
   function i(a) {
-    let c = "", u = 0, d = -1, h = n.length;
+    let c = "", u = 0, d = -1, g = n.length;
     for (; d < a.length - 1; ) {
       d = a.indexOf(`
 `, u), d === -1 && (d = a.length - 1);
       let m = a.slice(u, d + 1);
-      (o.hasOwnProperty ? o.hasOwnProperty(m) : o[m] !== void 0) ? c += String.fromCharCode(o[m]) : (h === l && (m = a.slice(u), d = a.length), c += String.fromCharCode(h), o[m] = h, n[h++] = m), u = d + 1;
+      (r.hasOwnProperty ? r.hasOwnProperty(m) : r[m] !== void 0) ? c += String.fromCharCode(r[m]) : (g === s && (m = a.slice(u), d = a.length), c += String.fromCharCode(g), r[m] = g, n[g++] = m), u = d + 1;
     }
     return c;
   }
-  let l = 4e4;
-  const r = i(t);
-  l = 65535;
-  const s = i(e);
-  return { chars1: r, chars2: s, lineArray: n };
-}
-function rt(t, e, n) {
-  let o = t, i = e;
-  const l = lt(o, i);
-  o = l.chars1, i = l.chars2;
-  const r = l.lineArray;
-  let s = F(o, i, {
+  let s = 4e4;
+  const o = i(e);
+  s = 65535;
+  const l = i(t);
+  return { chars1: o, chars2: l, lineArray: n };
+}
+function ue(e, t, n) {
+  let r = e, i = t;
+  const s = ce(r, i);
+  r = s.chars1, i = s.chars2;
+  const o = s.lineArray;
+  let l = H(r, i, {
     checkLines: !1,
     deadline: n.deadline
   });
-  ot(s, r), s = Ie(s), s.push([$, ""]);
-  let a = 0, c = 0, u = 0, d = "", h = "";
-  for (; a < s.length; ) {
-    switch (s[a][0]) {
-      case D:
-        u++, h += s[a][1];
+  ae(l, o), l = Ot(l), l.push([w, ""]);
+  let a = 0, c = 0, u = 0, d = "", g = "";
+  for (; a < l.length; ) {
+    switch (l[a][0]) {
+      case I:
+        u++, g += l[a][1];
         break;
-      case k:
-        c++, d += s[a][1];
+      case O:
+        c++, d += l[a][1];
         break;
-      case $:
+      case w:
         if (c >= 1 && u >= 1) {
-          s.splice(a - c - u, c + u), a = a - c - u;
-          const m = F(d, h, {
+          l.splice(a - c - u, c + u), a = a - c - u;
+          const m = H(d, g, {
             checkLines: !1,
             deadline: n.deadline
           });
-          for (let v = m.length - 1; v >= 0; v--)
-            s.splice(a, 0, m[v]);
+          for (let b = m.length - 1; b >= 0; b--)
+            l.splice(a, 0, m[b]);
           a += m.length;
         }
-        u = 0, c = 0, d = "", h = "";
+        u = 0, c = 0, d = "", g = "";
         break;
       default:
         throw new Error("Unknown diff operation.");
     }
     a++;
   }
-  return s.pop(), s;
+  return l.pop(), l;
 }
-function st(t, e, n) {
-  let o;
-  if (!t)
-    return [[D, e]];
+function de(e, t, n) {
+  let r;
   if (!e)
-    return [[k, t]];
-  const i = t.length > e.length ? t : e, l = t.length > e.length ? e : t, r = i.indexOf(l);
-  if (r !== -1)
-    return o = [
-      [D, i.substring(0, r)],
-      [$, l],
-      [D, i.substring(r + l.length)]
-    ], t.length > e.length && (o[0][0] = k, o[2][0] = k), o;
-  if (l.length === 1)
+    return [[I, t]];
+  if (!t)
+    return [[O, e]];
+  const i = e.length > t.length ? e : t, s = e.length > t.length ? t : e, o = i.indexOf(s);
+  if (o !== -1)
+    return r = [
+      [I, i.substring(0, o)],
+      [w, s],
+      [I, i.substring(o + s.length)]
+    ], e.length > t.length && (r[0][0] = O, r[2][0] = O), r;
+  if (s.length === 1)
     return [
-      [k, t],
-      [D, e]
+      [O, e],
+      [I, t]
     ];
-  const s = it(t, e);
-  if (s) {
-    const a = s[0], c = s[1], u = s[2], d = s[3], h = s[4], m = F(a, u, n), v = F(c, d, n);
-    return m.concat([[$, h]], v);
+  const l = le(e, t);
+  if (l) {
+    const a = l[0], c = l[1], u = l[2], d = l[3], g = l[4], m = H(a, u, n), b = H(c, d, n);
+    return m.concat([[w, g]], b);
   }
-  return n.checkLines && t.length > 100 && e.length > 100 ? rt(t, e, n) : nt(t, e, n.deadline);
-}
-var at = Object.defineProperty, ae = Object.getOwnPropertySymbols, ct = Object.prototype.hasOwnProperty, ut = Object.prototype.propertyIsEnumerable, ce = (t, e, n) => e in t ? at(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, dt = (t, e) => {
-  for (var n in e || (e = {}))
-    ct.call(e, n) && ce(t, n, e[n]);
-  if (ae)
-    for (var n of ae(e))
-      ut.call(e, n) && ce(t, n, e[n]);
-  return t;
+  return n.checkLines && e.length > 100 && t.length > 100 ? ue(e, t, n) : se(e, t, n.deadline);
+}
+var he = Object.defineProperty, ut = Object.getOwnPropertySymbols, ge = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable, dt = (e, t, n) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, pe = (e, t) => {
+  for (var n in t || (t = {}))
+    ge.call(t, n) && dt(e, n, t[n]);
+  if (ut)
+    for (var n of ut(t))
+      fe.call(t, n) && dt(e, n, t[n]);
+  return e;
 };
-const k = -1, D = 1, $ = 0;
-function ht(t, e, n) {
-  if (t === null || e === null)
+const O = -1, I = 1, w = 0;
+function me(e, t, n) {
+  if (e === null || t === null)
     throw new Error("Null input. (diff)");
-  const o = F(t, e, ft(n || {}));
-  return mt(o), o;
-}
-function F(t, e, n) {
-  let o = t, i = e;
-  if (o === i)
-    return o ? [[$, o]] : [];
-  let l = ne(o, i);
-  const r = o.substring(0, l);
-  o = o.substring(l), i = i.substring(l), l = Q(o, i);
-  const s = o.substring(o.length - l);
-  o = o.substring(0, o.length - l), i = i.substring(0, i.length - l);
-  let a = st(o, i, n);
-  return r && a.unshift([$, r]), s && a.push([$, s]), a = ie(a), a;
-}
-function gt(t) {
-  let e = 1;
-  return typeof t < "u" && (e = t <= 0 ? Number.MAX_VALUE : t), Date.now() + e * 1e3;
-}
-function ft(t) {
-  return dt({
+  const r = H(e, t, be(n || {}));
+  return Ce(r), r;
+}
+function H(e, t, n) {
+  let r = e, i = t;
+  if (r === i)
+    return r ? [[w, r]] : [];
+  let s = ot(r, i);
+  const o = r.substring(0, s);
+  r = r.substring(s), i = i.substring(s), s = Q(r, i);
+  const l = r.substring(r.length - s);
+  r = r.substring(0, r.length - s), i = i.substring(0, i.length - s);
+  let a = de(r, i, n);
+  return o && a.unshift([w, o]), l && a.push([w, l]), a = rt(a), a;
+}
+function _e(e) {
+  let t = 1;
+  return typeof e < "u" && (t = e <= 0 ? Number.MAX_VALUE : e), Date.now() + t * 1e3;
+}
+function be(e) {
+  return pe({
     checkLines: !0,
-    deadline: gt(t.timeout || 1)
-  }, t);
+    deadline: _e(e.timeout || 1)
+  }, e);
 }
-function U(t, e, n) {
-  return n === 1 ? t + e : e + t;
+function j(e, t, n) {
+  return n === 1 ? e + t : t + e;
 }
-function j(t, e) {
-  return e === 1 ? [t.substring(0, t.length - 1), t[t.length - 1]] : [t.substring(1), t[0]];
+function W(e, t) {
+  return t === 1 ? [e.substring(0, e.length - 1), e[e.length - 1]] : [e.substring(1), e[0]];
 }
-function pt(t, e, n, o) {
-  return o === 1 ? t[e][1][t[e][1].length - 1] === t[n][1][t[n][1].length - 1] : t[e][1][0] === t[n][1][0];
+function ve(e, t, n, r) {
+  return r === 1 ? e[t][1][e[t][1].length - 1] === e[n][1][e[n][1].length - 1] : e[t][1][0] === e[n][1][0];
 }
-function ue(t, e, n) {
-  const o = n === 1 ? -1 : 1;
-  let i = null, l = null, r = e + n;
-  for (; r >= 0 && r < t.length && (i === null || l === null); r += n) {
-    const [c, u] = t[r];
+function ht(e, t, n) {
+  const r = n === 1 ? -1 : 1;
+  let i = null, s = null, o = t + n;
+  for (; o >= 0 && o < e.length && (i === null || s === null); o += n) {
+    const [c, u] = e[o];
     if (u.length !== 0) {
-      if (c === D) {
-        i === null && (i = r);
+      if (c === I) {
+        i === null && (i = o);
         continue;
-      } else if (c === k) {
-        l === null && (l = r);
+      } else if (c === O) {
+        s === null && (s = o);
         continue;
-      } else if (c === $) {
-        if (i === null && l === null) {
-          const [d, h] = j(t[e][1], n);
-          t[e][1] = d, t[r][1] = U(t[r][1], h, o);
+      } else if (c === w) {
+        if (i === null && s === null) {
+          const [d, g] = W(e[t][1], n);
+          e[t][1] = d, e[o][1] = j(e[o][1], g, r);
           return;
         }
         break;
       }
     }
   }
-  if (i !== null && l !== null && pt(t, i, l, n)) {
-    const [c, u] = j(t[i][1], o), [d] = j(t[l][1], o);
-    t[i][1] = c, t[l][1] = d, t[e][1] = U(t[e][1], u, n);
+  if (i !== null && s !== null && ve(e, i, s, n)) {
+    const [c, u] = W(e[i][1], r), [d] = W(e[s][1], r);
+    e[i][1] = c, e[s][1] = d, e[t][1] = j(e[t][1], u, n);
     return;
   }
-  const [s, a] = j(t[e][1], n);
-  t[e][1] = s, i === null ? (t.splice(r, 0, [D, a]), l !== null && l >= r && l++) : t[i][1] = U(t[i][1], a, o), l === null ? t.splice(r, 0, [k, a]) : t[l][1] = U(t[l][1], a, o);
-}
-function mt(t) {
-  for (let e = 0; e < t.length; e++) {
-    const [n, o] = t[e];
-    if (o.length === 0) continue;
-    const i = o[0], l = o[o.length - 1];
-    et(l) && n === $ && ue(t, e, 1), tt(i) && n === $ && ue(t, e, -1);
+  const [l, a] = W(e[t][1], n);
+  e[t][1] = l, i === null ? (e.splice(o, 0, [I, a]), s !== null && s >= o && s++) : e[i][1] = j(e[i][1], a, r), s === null ? e.splice(o, 0, [O, a]) : e[s][1] = j(e[s][1], a, r);
+}
+function Ce(e) {
+  for (let t = 0; t < e.length; t++) {
+    const [n, r] = e[t];
+    if (r.length === 0) continue;
+    const i = r[0], s = r[r.length - 1];
+    oe(s) && n === w && ht(e, t, 1), re(i) && n === w && ht(e, t, -1);
   }
-  for (let e = 0; e < t.length; e++)
-    t[e][1].length === 0 && t.splice(e, 1);
-}
-function Ie(t) {
-  let e = t.map((d) => te(d)), n = !1;
-  const o = [];
-  let i = 0, l = null, r = 0, s = 0, a = 0, c = 0, u = 0;
-  for (; r < e.length; )
-    e[r][0] === $ ? (o[i++] = r, s = c, a = u, c = 0, u = 0, l = e[r][1]) : (e[r][0] === D ? c += e[r][1].length : u += e[r][1].length, l && l.length <= Math.max(s, a) && l.length <= Math.max(c, u) && (e.splice(o[i - 1], 0, [k, l]), e[o[i - 1] + 1][0] = D, i--, i--, r = i > 0 ? o[i - 1] : -1, s = 0, a = 0, c = 0, u = 0, l = null, n = !0)), r++;
-  for (n && (e = ie(e)), e = vt(e), r = 1; r < e.length; ) {
-    if (e[r - 1][0] === k && e[r][0] === D) {
-      const d = e[r - 1][1], h = e[r][1], m = le(d, h), v = le(h, d);
-      m >= v ? (m >= d.length / 2 || m >= h.length / 2) && (e.splice(r, 0, [$, h.substring(0, m)]), e[r - 1][1] = d.substring(0, d.length - m), e[r + 1][1] = h.substring(m), r++) : (v >= d.length / 2 || v >= h.length / 2) && (e.splice(r, 0, [$, d.substring(0, v)]), e[r - 1][0] = D, e[r - 1][1] = h.substring(0, h.length - v), e[r + 1][0] = k, e[r + 1][1] = d.substring(v), r++), r++;
+  for (let t = 0; t < e.length; t++)
+    e[t][1].length === 0 && e.splice(t, 1);
+}
+function Ot(e) {
+  let t = e.map((d) => it(d)), n = !1;
+  const r = [];
+  let i = 0, s = null, o = 0, l = 0, a = 0, c = 0, u = 0;
+  for (; o < t.length; )
+    t[o][0] === w ? (r[i++] = o, l = c, a = u, c = 0, u = 0, s = t[o][1]) : (t[o][0] === I ? c += t[o][1].length : u += t[o][1].length, s && s.length <= Math.max(l, a) && s.length <= Math.max(c, u) && (t.splice(r[i - 1], 0, [O, s]), t[r[i - 1] + 1][0] = I, i--, i--, o = i > 0 ? r[i - 1] : -1, l = 0, a = 0, c = 0, u = 0, s = null, n = !0)), o++;
+  for (n && (t = rt(t)), t = Se(t), o = 1; o < t.length; ) {
+    if (t[o - 1][0] === O && t[o][0] === I) {
+      const d = t[o - 1][1], g = t[o][1], m = lt(d, g), b = lt(g, d);
+      m >= b ? (m >= d.length / 2 || m >= g.length / 2) && (t.splice(o, 0, [w, g.substring(0, m)]), t[o - 1][1] = d.substring(0, d.length - m), t[o + 1][1] = g.substring(m), o++) : (b >= d.length / 2 || b >= g.length / 2) && (t.splice(o, 0, [w, d.substring(0, b)]), t[o - 1][0] = I, t[o - 1][1] = g.substring(0, g.length - b), t[o + 1][0] = O, t[o + 1][1] = d.substring(b), o++), o++;
     }
-    r++;
+    o++;
   }
-  return e;
+  return t;
 }
-const de = /[^a-zA-Z0-9]/, he = /\s/, ge = /[\r\n]/, _t = /\n\r?\n$/, bt = /^\r?\n\r?\n/;
-function vt(t) {
-  const e = t.map((i) => te(i));
-  function n(i, l) {
-    if (!i || !l)
+const gt = /[^a-zA-Z0-9]/, ft = /\s/, pt = /[\r\n]/, Ee = /\n\r?\n$/, Le = /^\r?\n\r?\n/;
+function Se(e) {
+  const t = e.map((i) => it(i));
+  function n(i, s) {
+    if (!i || !s)
       return 6;
-    const r = i.charAt(i.length - 1), s = l.charAt(0), a = r.match(de), c = s.match(de), u = a && r.match(he), d = c && s.match(he), h = u && r.match(ge), m = d && s.match(ge), v = h && i.match(_t), x = m && l.match(bt);
-    return v || x ? 5 : h || m ? 4 : a && !u && d ? 3 : u || d ? 2 : a || c ? 1 : 0;
+    const o = i.charAt(i.length - 1), l = s.charAt(0), a = o.match(gt), c = l.match(gt), u = a && o.match(ft), d = c && l.match(ft), g = u && o.match(pt), m = d && l.match(pt), b = g && i.match(Ee), D = m && s.match(Le);
+    return b || D ? 5 : g || m ? 4 : a && !u && d ? 3 : u || d ? 2 : a || c ? 1 : 0;
   }
-  let o = 1;
-  for (; o < e.length - 1; ) {
-    if (e[o - 1][0] === $ && e[o + 1][0] === $) {
-      let i = e[o - 1][1], l = e[o][1], r = e[o + 1][1];
-      const s = Q(i, l);
-      if (s) {
-        const h = l.substring(l.length - s);
-        i = i.substring(0, i.length - s), l = h + l.substring(0, l.length - s), r = h + r;
+  let r = 1;
+  for (; r < t.length - 1; ) {
+    if (t[r - 1][0] === w && t[r + 1][0] === w) {
+      let i = t[r - 1][1], s = t[r][1], o = t[r + 1][1];
+      const l = Q(i, s);
+      if (l) {
+        const g = s.substring(s.length - l);
+        i = i.substring(0, i.length - l), s = g + s.substring(0, s.length - l), o = g + o;
       }
-      let a = i, c = l, u = r, d = n(i, l) + n(l, r);
-      for (; l.charAt(0) === r.charAt(0); ) {
-        i += l.charAt(0), l = l.substring(1) + r.charAt(0), r = r.substring(1);
-        const h = n(i, l) + n(l, r);
-        h >= d && (d = h, a = i, c = l, u = r);
+      let a = i, c = s, u = o, d = n(i, s) + n(s, o);
+      for (; s.charAt(0) === o.charAt(0); ) {
+        i += s.charAt(0), s = s.substring(1) + o.charAt(0), o = o.substring(1);
+        const g = n(i, s) + n(s, o);
+        g >= d && (d = g, a = i, c = s, u = o);
       }
-      e[o - 1][1] !== a && (a ? e[o - 1][1] = a : (e.splice(o - 1, 1), o--), e[o][1] = c, u ? e[o + 1][1] = u : (e.splice(o + 1, 1), o--));
+      t[r - 1][1] !== a && (a ? t[r - 1][1] = a : (t.splice(r - 1, 1), r--), t[r][1] = c, u ? t[r + 1][1] = u : (t.splice(r + 1, 1), r--));
     }
-    o++;
+    r++;
   }
-  return e;
+  return t;
 }
-function ie(t) {
-  let e = t.map((c) => te(c));
-  e.push([$, ""]);
-  let n = 0, o = 0, i = 0, l = "", r = "", s;
-  for (; n < e.length; )
-    switch (e[n][0]) {
-      case D:
-        i++, r += e[n][1], n++;
+function rt(e) {
+  let t = e.map((c) => it(c));
+  t.push([w, ""]);
+  let n = 0, r = 0, i = 0, s = "", o = "", l;
+  for (; n < t.length; )
+    switch (t[n][0]) {
+      case I:
+        i++, o += t[n][1], n++;
         break;
-      case k:
-        o++, l += e[n][1], n++;
+      case O:
+        r++, s += t[n][1], n++;
         break;
-      case $:
-        o + i > 1 ? (o !== 0 && i !== 0 && (s = ne(r, l), s !== 0 && (n - o - i > 0 && e[n - o - i - 1][0] === $ ? e[n - o - i - 1][1] += r.substring(
+      case w:
+        r + i > 1 ? (r !== 0 && i !== 0 && (l = ot(o, s), l !== 0 && (n - r - i > 0 && t[n - r - i - 1][0] === w ? t[n - r - i - 1][1] += o.substring(
           0,
-          s
-        ) : (e.splice(0, 0, [$, r.substring(0, s)]), n++), r = r.substring(s), l = l.substring(s)), s = Q(r, l), s !== 0 && (e[n][1] = r.substring(r.length - s) + e[n][1], r = r.substring(0, r.length - s), l = l.substring(0, l.length - s))), n -= o + i, e.splice(n, o + i), l.length && (e.splice(n, 0, [k, l]), n++), r.length && (e.splice(n, 0, [D, r]), n++), n++) : n !== 0 && e[n - 1][0] === $ ? (e[n - 1][1] += e[n][1], e.splice(n, 1)) : n++, i = 0, o = 0, l = "", r = "";
+          l
+        ) : (t.splice(0, 0, [w, o.substring(0, l)]), n++), o = o.substring(l), s = s.substring(l)), l = Q(o, s), l !== 0 && (t[n][1] = o.substring(o.length - l) + t[n][1], o = o.substring(0, o.length - l), s = s.substring(0, s.length - l))), n -= r + i, t.splice(n, r + i), s.length && (t.splice(n, 0, [O, s]), n++), o.length && (t.splice(n, 0, [I, o]), n++), n++) : n !== 0 && t[n - 1][0] === w ? (t[n - 1][1] += t[n][1], t.splice(n, 1)) : n++, i = 0, r = 0, s = "", o = "";
         break;
       default:
         throw new Error("Unknown diff operation");
     }
-  e[e.length - 1][1] === "" && e.pop();
+  t[t.length - 1][1] === "" && t.pop();
   let a = !1;
-  for (n = 1; n < e.length - 1; )
-    e[n - 1][0] === $ && e[n + 1][0] === $ && (e[n][1].substring(e[n][1].length - e[n - 1][1].length) === e[n - 1][1] ? (e[n][1] = e[n - 1][1] + e[n][1].substring(0, e[n][1].length - e[n - 1][1].length), e[n + 1][1] = e[n - 1][1] + e[n + 1][1], e.splice(n - 1, 1), a = !0) : e[n][1].substring(0, e[n + 1][1].length) === e[n + 1][1] && (e[n - 1][1] += e[n + 1][1], e[n][1] = e[n][1].substring(e[n + 1][1].length) + e[n + 1][1], e.splice(n + 1, 1), a = !0)), n++;
-  return a && (e = ie(e)), e;
+  for (n = 1; n < t.length - 1; )
+    t[n - 1][0] === w && t[n + 1][0] === w && (t[n][1].substring(t[n][1].length - t[n - 1][1].length) === t[n - 1][1] ? (t[n][1] = t[n - 1][1] + t[n][1].substring(0, t[n][1].length - t[n - 1][1].length), t[n + 1][1] = t[n - 1][1] + t[n + 1][1], t.splice(n - 1, 1), a = !0) : t[n][1].substring(0, t[n + 1][1].length) === t[n + 1][1] && (t[n - 1][1] += t[n + 1][1], t[n][1] = t[n][1].substring(t[n + 1][1].length) + t[n + 1][1], t.splice(n + 1, 1), a = !0)), n++;
+  return a && (t = rt(t)), t;
 }
-function Y(t) {
-  return t && typeof t == "object" && !Array.isArray(t) && t !== null;
+function Y(e) {
+  return e && typeof e == "object" && !Array.isArray(e) && e !== null;
 }
-function oe(t, e) {
-  return Y(t) && Y(e) && Object.keys(e).forEach((n) => {
-    n === "__proto__" || n === "constructor" || (Y(e[n]) ? ((!t[n] || !Y(t[n])) && (t[n] = e[n]), oe(t[n], e[n])) : Object.assign(t, {
-      [n]: e[n]
+function st(e, t) {
+  return Y(e) && Y(t) && Object.keys(t).forEach((n) => {
+    n === "__proto__" || n === "constructor" || (Y(t[n]) ? ((!e[n] || !Y(e[n])) && (e[n] = t[n]), e[n] != t[n] && st(e[n], t[n])) : Object.assign(e, {
+      [n]: t[n]
     }));
-  }), t;
+  }), e;
 }
-function fe(t, e, n = !1) {
-  let o = null, i = !0;
-  return (...l) => {
-    const r = n && i, s = () => {
-      t.apply(this, l), o = null;
+function mt(e, t, n = !1) {
+  let r = null, i = !0;
+  return (...s) => {
+    const o = n && i, l = () => {
+      e.apply(this, s), r = null;
     };
-    r && (i = !1, s()), o || (o = setTimeout(s, e));
+    o && (i = !1, l()), r || (r = setTimeout(l, t));
   };
 }
-function Lt(t, e) {
+function ye(e, t) {
   let n;
-  return (...o) => {
+  return (...r) => {
     const i = this;
-    clearTimeout(n), n = setTimeout(() => t.apply(i, o), e);
+    clearTimeout(n), n = setTimeout(() => e.apply(i, r), t);
   };
 }
-function pe(t = "") {
-  return t.replace(/\r\n/g, `
+function _t(e = "") {
+  return e.replace(/\r\n/g, `
 `);
 }
-function me(t, e, n, o) {
-  const i = n - t, l = t + i / 2;
-  return `M ${t} ${e} C ${l},${e} ${l},${o} ${n},${o}`;
+function bt(e, t, n, r) {
+  const i = n - e, s = e + i / 2;
+  return `M ${e} ${t} C ${s},${t} ${s},${r} ${n},${r}`;
 }
-var y = {
+var L = {
   DIFF_EQUAL: 0,
   DIFF_DELETE: -1,
   DIFF_INSERT: 1,
@@ -862,67 +862,68 @@ var y = {
   DIFF_GRANULARITY_SPECIFIC: "specific",
   DIFF_GRANULARITY_BROAD: "broad"
 };
-function _e(t, e) {
-  let { mode: n } = t.options;
-  return e === y.EDITOR_LEFT && t.options.left.mode !== null && (n = t.options.left.mode), e === y.EDITOR_RIGHT && t.options.right.mode !== null && (n = t.options.right.mode), n;
-}
-function be(t, e) {
-  let { theme: n } = t.options;
-  return e === y.EDITOR_LEFT && t.options.left.theme !== null && (n = t.options.left.theme), e === y.EDITOR_RIGHT && t.options.right.theme !== null && (n = t.options.right.theme), n;
-}
-function ke(t, e) {
-  return t.ace.getSession().doc.getLine(e);
-}
-function yt(t) {
-  return document.getElementById(t.options.left.id).offsetHeight;
-}
-function ve(t) {
-  const e = document.createElement("div"), n = {
-    class: t.className,
-    style: `top:${t.topOffset}px`,
-    title: t.tooltip,
-    "data-diff-index": t.diffIndex
+function vt(e, t) {
+  let { mode: n } = e.options;
+  return t === L.EDITOR_LEFT && e.options.left.mode !== null && (n = e.options.left.mode), t === L.EDITOR_RIGHT && e.options.right.mode !== null && (n = e.options.right.mode), n;
+}
+function Ct(e, t) {
+  let { theme: n } = e.options;
+  return t === L.EDITOR_LEFT && e.options.left.theme !== null && (n = e.options.left.theme), t === L.EDITOR_RIGHT && e.options.right.theme !== null && (n = e.options.right.theme), n;
+}
+function we(e, t) {
+  return e.ace.getSession().doc.getLine(t);
+}
+function $e(e) {
+  return document.getElementById(e.options.left.id).offsetHeight;
+}
+function Et(e) {
+  const t = document.createElement("div"), n = {
+    class: e.className,
+    style: `top:${e.topOffset}px`,
+    title: e.tooltip,
+    "data-diff-index": e.diffIndex
   };
-  for (const o in n) e.setAttribute(o, n[o]);
-  return e.innerHTML = t.arrowContent, e;
+  for (const r in n) t.setAttribute(r, n[r]);
+  return t.innerHTML = e.arrowContent, t;
 }
-function Z(t, e) {
-  const n = Math.random().toString(36).substr(2, 5), o = `js-${e}-${n}`, i = t.querySelector(`.${e}`);
+function tt(e, t) {
+  const n = Math.random().toString(36).substr(2, 5), r = `js-${t}-${n}`, i = e.querySelector(`.${t}`);
   if (i)
-    return i.id = i.id || o, i.id;
-  const l = document.createElement("div");
-  return t.appendChild(l), l.className = e, l.id = o, l.id;
-}
-function Le(t, e, n, o) {
-  const i = t === "document" ? document : document.querySelector(t);
-  i.addEventListener(e, (l) => {
-    const r = i.querySelectorAll(n), { target: s } = l;
-    for (let a = 0, c = r.length; a < c; a += 1) {
-      let u = s;
-      const d = r[a];
+    return i.id = i.id || r, i.id;
+  const s = document.createElement("div");
+  return e.appendChild(s), s.className = t, s.id = r, s.id;
+}
+function Lt(e, t, n, r) {
+  const i = e === "document" ? document : document.querySelector(e);
+  i.addEventListener(t, (s) => {
+    const o = i.querySelectorAll(n), { target: l } = s;
+    for (let a = 0, c = o.length; a < c; a += 1) {
+      let u = l;
+      const d = o[a];
       for (; u && u !== i; )
-        u === d && o.call(d, l), u = u.parentNode;
+        u === d && r.call(d, s), u = u.parentNode;
     }
   });
 }
-let z;
-function Et(t) {
-  if (t.Range) return t.Range;
-  const e = t.acequire || t.require;
-  return e ? e("ace/range") : !1;
+let U;
+function Te(e) {
+  if (e.Range) return e.Range;
+  const t = e.acequire || e.require;
+  return t ? t("ace/range") : !1;
 }
-function K(t = {}) {
-  if (!(this instanceof K)) return new K(t);
-  const e = this, n = () => window ? window.ace : void 0;
-  e.options = oe({
+function z(e = {}) {
+  if (!(this instanceof z)) return new z(e);
+  const t = this, n = () => window ? window.ace : void 0;
+  t.options = st({
     ace: n(),
     mode: null,
     theme: null,
     element: null,
-    diffGranularity: y.DIFF_GRANULARITY_BROAD,
-    lockScrolling: !1,
+    diffGranularity: L.DIFF_GRANULARITY_BROAD,
+    lockScrolling: !0,
     showDiffs: !0,
     showConnectors: !0,
+    charDiffs: !0,
     maxDiffs: 5e3,
     left: {
       id: null,
@@ -943,6 +944,8 @@ function K(t = {}) {
     classes: {
       gutterID: "acediff__gutter",
       diff: "acediff__diffLine",
+      diffChar: "acediff__diffChar",
+      diffGutter: "acediff__diffGutter",
       connector: "acediff__connector",
       newCodeConnectorLink: "acediff__newCodeConnector",
       newCodeConnectorLinkContent: "&#8594;",
@@ -951,45 +954,48 @@ function K(t = {}) {
       copyRightContainer: "acediff__copy--right",
       copyLeftContainer: "acediff__copy--left"
     },
-    connectorYOffset: 0
-  }, t);
-  const { ace: o } = e.options;
-  if (!o) {
+    connectorYOffset: 0,
+    onDiffReady: null
+  }, e);
+  const { ace: r } = t.options;
+  if (!r) {
     const i = "No ace editor found nor supplied - `options.ace` or `window.ace` is missing";
     return console.error(i), new Error(i);
   }
-  if (z = Et(o), !z) {
+  if (U = Te(r), !U) {
     const i = "Could not require Range module for Ace. Depends on your bundling strategy, but it usually comes with Ace itself. See https://ace.c9.io/api/range.html, open an issue on GitHub ace-diff/ace-diff";
     return console.error(i), new Error(i);
   }
-  if (e.options.element === null) {
+  if (t.options.element === null) {
     const i = "You need to specify an element for Ace-diff - `options.element` is missing";
     return console.error(i), new Error(i);
   }
-  if (e.options.element instanceof HTMLElement ? e.el = e.options.element : e.el = document.body.querySelector(e.options.element), !e.el) {
-    const i = `Can't find the specified element ${e.options.element}`;
+  if (t.options.element instanceof HTMLElement ? t.el = t.options.element : t.el = document.body.querySelector(t.options.element), !t.el) {
+    const i = `Can't find the specified element ${t.options.element}`;
     return console.error(i), new Error(i);
   }
-  e.options.left.id = Z(e.el, "acediff__left"), e.options.classes.gutterID = Z(e.el, "acediff__gutter"), e.options.right.id = Z(e.el, "acediff__right"), e.el.innerHTML = `<div class="acediff__wrap">${e.el.innerHTML}</div>`, e.editors = {
+  t.options.left.id = tt(t.el, "acediff__left"), t.options.classes.gutterID = tt(t.el, "acediff__gutter"), t.options.right.id = tt(t.el, "acediff__right"), t.el.innerHTML = `<div class="acediff acediff__wrap">${t.el.innerHTML}</div>`, t.editors = {
     left: {
-      ace: o.edit(e.options.left.id),
+      ace: r.edit(t.options.left.id),
       markers: [],
-      lineLengths: []
+      lineLengths: [],
+      diffGutters: []
     },
     right: {
-      ace: o.edit(e.options.right.id),
+      ace: r.edit(t.options.right.id),
       markers: [],
-      lineLengths: []
+      lineLengths: [],
+      diffGutters: []
     },
     editorHeight: null
-  }, e.editors.left.ace.getSession().setMode(_e(e, y.EDITOR_LEFT)), e.editors.right.ace.getSession().setMode(_e(e, y.EDITOR_RIGHT)), e.editors.left.ace.setReadOnly(!e.options.left.editable), e.editors.right.ace.setReadOnly(!e.options.right.editable), e.editors.left.ace.setTheme(be(e, y.EDITOR_LEFT)), e.editors.right.ace.setTheme(be(e, y.EDITOR_RIGHT)), e.editors.left.ace.setValue(pe(e.options.left.content), -1), e.editors.right.ace.setValue(pe(e.options.right.content), -1), e.editors.editorHeight = yt(e), setTimeout(() => {
-    e.lineHeight = e.editors.left.ace.renderer.lineHeight, Ct(e), Tt(e), Re(e), e.diff();
+  }, t.editors.left.ace.getSession().setMode(vt(t, L.EDITOR_LEFT)), t.editors.right.ace.getSession().setMode(vt(t, L.EDITOR_RIGHT)), t.editors.left.ace.setReadOnly(!t.options.left.editable), t.editors.right.ace.setReadOnly(!t.options.right.editable), t.editors.left.ace.setShowFoldWidgets(!1), t.editors.right.ace.setShowFoldWidgets(!1), t.editors.left.ace.setTheme(Ct(t, L.EDITOR_LEFT)), t.editors.right.ace.setTheme(Ct(t, L.EDITOR_RIGHT)), t.editors.left.ace.setValue(_t(t.options.left.content), -1), t.editors.right.ace.setValue(_t(t.options.right.content), -1), t.editors.editorHeight = $e(t), setTimeout(() => {
+    t.lineHeight = t.editors.left.ace.renderer.lineHeight, De(t), Oe(t), Mt(t), t.diff();
   }, 1);
 }
-K.prototype = {
+z.prototype = {
   // allows on-the-fly changes to the AceDiff instance settings
-  setOptions(t) {
-    oe(this.options, t), this.diff();
+  setOptions(e) {
+    st(this.options, e), this.diff();
   },
   getNumDiffs() {
     return this.diffs.length;
@@ -1004,222 +1010,287 @@ K.prototype = {
   // our main diffing function. I actually don't think this needs to exposed:
   // it's called automatically, but just to be safe, it's included
   diff() {
-    const t = this.editors.left.ace.getSession().getValue(), e = this.editors.right.ace.getSession().getValue(), n = Ie(ht(e, t));
-    this.editors.left.lineLengths = Ee(this.editors.left), this.editors.right.lineLengths = Ee(this.editors.right);
-    const o = [], i = {
+    const e = this.editors.left.ace.getSession().getValue(), t = this.editors.right.ace.getSession().getValue(), n = Ot(me(t, e));
+    this.editors.left.lineLengths = yt(this.editors.left), this.editors.right.lineLengths = yt(this.editors.right);
+    const r = [], i = {
       left: 0,
       right: 0
     };
-    n.forEach((l) => {
-      const r = l[0];
-      let s = l[1];
-      s.length !== 0 && (r === y.DIFF_EQUAL ? (i.left += s.length, i.right += s.length) : r === y.DIFF_DELETE ? (o.push($e(this, y.DIFF_DELETE, i.left, i.right, s)), i.right += s.length) : r === y.DIFF_INSERT && (o.push($e(this, y.DIFF_INSERT, i.left, i.right, s)), i.left += s.length));
-    }, this), this.diffs = It(this, o), !(this.diffs.length > this.options.maxDiffs) && (Me(this), Ve(this));
+    n.forEach((s) => {
+      const o = s[0];
+      let l = s[1];
+      l.length !== 0 && (o === L.DIFF_EQUAL ? (i.left += l.length, i.right += l.length) : o === L.DIFF_DELETE ? (r.push(Tt(this, L.DIFF_DELETE, i.left, i.right, l)), i.right += l.length) : o === L.DIFF_INSERT && (r.push(Tt(this, L.DIFF_INSERT, i.left, i.right, l)), i.left += l.length));
+    }, this), this.diffs = Me(this, r), !(this.diffs.length > this.options.maxDiffs) && (nt(this), At(this), typeof this.options.onDiffReady == "function" && this.options.onDiffReady(this.diffs));
+  },
+  clear() {
+    nt(this), Vt(this), Rt(this);
   },
   destroy() {
-    const t = this.editors.left.ace.getValue();
+    const e = this.editors.left.ace.getValue();
     this.editors.left.ace.destroy();
-    let e = this.editors.left.ace.container, n = e.cloneNode(!1);
-    n.textContent = t, e.parentNode.replaceChild(n, e);
-    const o = this.editors.right.ace.getValue();
-    this.editors.right.ace.destroy(), e = this.editors.right.ace.container, n = e.cloneNode(!1), n.textContent = o, e.parentNode.replaceChild(n, e);
+    let t = this.editors.left.ace.container, n = t.cloneNode(!1);
+    n.textContent = e, t.parentNode.replaceChild(n, t);
+    const r = this.editors.right.ace.getValue();
+    this.editors.right.ace.destroy(), t = this.editors.right.ace.container, n = t.cloneNode(!1), n.textContent = r, t.parentNode.replaceChild(n, t);
     const i = document.getElementById(this.options.classes.gutterID);
     i && (i.innerHTML = ""), this.removeEventHandlers();
   }
 };
-function Ct(t) {
-  t.editors.left.ace.getSession().on("changeScrollTop", fe(() => {
-    we(t);
-  }, 16)), t.editors.right.ace.getSession().on("changeScrollTop", fe(() => {
-    we(t);
+function De(e) {
+  let t = !1;
+  function n(s, o) {
+    if (!e.options.lockScrolling || t) return;
+    const l = s.ace.getSession(), a = o.ace.getSession(), c = l.getScrollTop(), d = l.getLength() * e.lineHeight, g = s.ace.renderer.$size.scrollerHeight, m = Math.max(0, d - g), b = m > 0 ? c / m : 0, E = a.getLength() * e.lineHeight, v = o.ace.renderer.$size.scrollerHeight, $ = Math.max(0, E - v), _ = b * $;
+    t = !0, a.setScrollTop(_), t = !1;
+  }
+  e.editors.left.ace.getSession().on("changeScrollTop", mt(() => {
+    n(e.editors.left, e.editors.right), $t(e);
+  }, 16)), e.editors.right.ace.getSession().on("changeScrollTop", mt(() => {
+    n(e.editors.right, e.editors.left), $t(e);
   }, 16));
-  const e = t.diff.bind(t);
-  t.editors.left.ace.on("change", e), t.editors.right.ace.on("change", e), t.options.left.copyLinkEnabled && Le(`#${t.options.classes.gutterID}`, "click", `.${t.options.classes.newCodeConnectorLink}`, (o) => {
-    ye(t, o, y.LTR);
-  }), t.options.right.copyLinkEnabled && Le(`#${t.options.classes.gutterID}`, "click", `.${t.options.classes.deletedCodeConnectorLink}`, (o) => {
-    ye(t, o, y.RTL);
+  const r = e.diff.bind(e);
+  e.editors.left.ace.on("change", r), e.editors.right.ace.on("change", r), e.options.left.copyLinkEnabled && Lt(`#${e.options.classes.gutterID}`, "click", `.${e.options.classes.newCodeConnectorLink}`, (s) => {
+    St(e, s, L.LTR);
+  }), e.options.right.copyLinkEnabled && Lt(`#${e.options.classes.gutterID}`, "click", `.${e.options.classes.deletedCodeConnectorLink}`, (s) => {
+    St(e, s, L.RTL);
   });
-  const n = Lt(() => {
-    t.editors.availableHeight = document.getElementById(t.options.left.id).offsetHeight, t.diff();
+  const i = ye(() => {
+    e.editors.availableHeight = document.getElementById(e.options.left.id).offsetHeight, e.diff();
   }, 250);
-  window.addEventListener("resize", n), t.removeEventHandlers = () => {
-    window.removeEventListener("resize", n);
+  window.addEventListener("resize", i), e.removeEventHandlers = () => {
+    window.removeEventListener("resize", i);
   };
 }
-function ye(t, e, n) {
-  const o = parseInt(e.target.getAttribute("data-diff-index"), 10), i = t.diffs[o];
-  let l, r, s, a, c, u;
-  n === y.LTR ? (l = t.editors.left, r = t.editors.right, s = i.leftStartLine, a = i.leftEndLine, c = i.rightStartLine, u = i.rightEndLine) : (l = t.editors.right, r = t.editors.left, s = i.rightStartLine, a = i.rightEndLine, c = i.leftStartLine, u = i.leftEndLine);
-  let d = "";
-  for (let m = s; m < a; m += 1)
-    d += ke(l, m), m < l.ace.getSession().getLength() - 1 && (d += `
-`);
-  const h = r.ace.getSession().getScrollTop();
-  r.ace.getSession().replace(new z(c, 0, u, 0), d), r.ace.getSession().setScrollTop(parseInt(h, 10)), t.diff();
-}
-function Ee(t) {
-  const e = t.ace.getSession().doc.getAllLines(), n = [];
-  return e.forEach((o) => {
-    n.push(o.length + 1);
+function St(e, t, n) {
+  const r = parseInt(t.target.getAttribute("data-diff-index"), 10), i = e.diffs[r];
+  let s, o, l, a, c, u;
+  n === L.LTR ? (s = e.editors.left, o = e.editors.right, l = i.leftStartOffset, a = i.leftEndOffset, c = i.rightStartOffset, u = i.rightEndOffset) : (s = e.editors.right, o = e.editors.left, l = i.rightStartOffset, a = i.rightEndOffset, c = i.leftStartOffset, u = i.leftEndOffset);
+  const g = s.ace.getValue().substring(l, a), m = o.ace.getSession().doc, b = m.indexToPosition(c), D = m.indexToPosition(u), E = o.ace.getSession().getScrollTop();
+  o.ace.getSession().replace(new U(b.row, b.column, D.row, D.column), g), o.ace.getSession().setScrollTop(parseInt(E, 10)), e.diff();
+}
+function yt(e) {
+  const t = e.ace.getSession().doc.getAllLines(), n = [];
+  return t.forEach((r) => {
+    n.push(r.length + 1);
   }), n;
 }
-function Ce(t, e, n, o, i) {
-  const l = t.editors[e];
-  o < n && (o = n);
-  const r = `${i} ${o > n ? "lines" : "targetOnly"}`;
-  o > n && (o -= 1), l.markers.push(l.ace.session.addMarker(new z(n, 0, o, 1), r, "fullLine"));
-}
-function we(t) {
-  Me(t), Ve(t), St(t);
-}
-function Me(t) {
-  t.editors.left.markers.forEach((e) => {
-    t.editors.left.ace.getSession().removeMarker(e);
-  }, t), t.editors.right.markers.forEach((e) => {
-    t.editors.right.ace.getSession().removeMarker(e);
-  }, t);
-}
-function wt(t, e, n, o, i) {
-  const l = t.editors.left.ace.getSession().getScrollTop(), r = t.editors.right.ace.getSession().getScrollTop();
-  t.connectorYOffset = 1;
-  const s = -1, a = e * t.lineHeight - l + 0.5, c = t.gutterWidth + 1, u = o * t.lineHeight - r + 0.5, d = -1, h = n * t.lineHeight - l + t.connectorYOffset + 0.5, m = t.gutterWidth + 1, v = i * t.lineHeight - r + t.connectorYOffset + 0.5, x = me(s, a, c, u), C = me(m, v, d, h), b = `L${c},${u} ${m},${v}`, S = `L${d},${h} ${s},${a}`, _ = `${x} ${b} ${C} ${S}`, E = document.createElementNS(y.SVG_NS, "path");
-  E.setAttribute("d", _), E.setAttribute("class", t.options.classes.connector), t.gutterSVG.appendChild(E);
-}
-function $t(t, e, n) {
-  if (e.leftEndLine > e.leftStartLine && t.options.left.copyLinkEnabled) {
-    const o = ve({
-      className: t.options.classes.newCodeConnectorLink,
-      topOffset: e.leftStartLine * t.lineHeight,
+function wt(e, t, n, r, i, s) {
+  const o = e.editors[t];
+  r < n && (r = n);
+  const l = `${s} ${r > n ? "lines" : "targetOnly"} ${t}`;
+  let a = r;
+  if (a > n && (a -= 1), o.markers.push(o.ace.session.addMarker(new U(n, 0, a, 1), l, "fullLine")), e.options.charDiffs && i && i.length > 0) {
+    const u = `${e.options.classes.diffChar} ${t}`;
+    i.forEach((d) => {
+      o.markers.push(o.ace.session.addMarker(new U(d.lineStart, d.start, d.lineEnd - 1, d.end), u, "text"));
+    });
+  }
+  const c = `${e.options.classes.diffGutter} ${t}`;
+  for (let u = n; u < r; u += 1)
+    o.ace.session.addGutterDecoration(u, c), o.diffGutters.push({
+      line: u,
+      className: c
+    });
+}
+function $t(e) {
+  nt(e), At(e), Ie(e);
+}
+function nt(e) {
+  e.editors.left.markers.forEach((t) => {
+    e.editors.left.ace.getSession().removeMarker(t);
+  }, e), e.editors.right.markers.forEach((t) => {
+    e.editors.right.ace.getSession().removeMarker(t);
+  }, e), e.editors.left.markers = [], e.editors.right.markers = [], e.editors.left.diffGutters.forEach((t) => {
+    e.editors.left.ace.session.removeGutterDecoration(t.line, t.className);
+  }, e), e.editors.right.diffGutters.forEach((t) => {
+    e.editors.right.ace.session.removeGutterDecoration(t.line, t.className);
+  }, e), e.editors.left.diffGutters = [], e.editors.right.diffGutters = [];
+}
+function xe(e, t, n, r, i) {
+  const s = e.editors.left.ace.getSession().getScrollTop(), o = e.editors.right.ace.getSession().getScrollTop();
+  e.connectorYOffset = 1;
+  const l = -1, a = t * e.lineHeight - s + 0.5, c = e.gutterWidth + 1, u = r * e.lineHeight - o + 0.5, d = -1, g = n * e.lineHeight - s + e.connectorYOffset + 0.5, m = e.gutterWidth + 1, b = i * e.lineHeight - o + e.connectorYOffset + 0.5, D = bt(l, a, c, u), E = bt(m, b, d, g), v = `L${c},${u} ${m},${b}`, $ = `L${d},${g} ${l},${a}`, _ = `${D} ${v} ${E} ${$}`, y = document.createElementNS(L.SVG_NS, "path");
+  y.setAttribute("d", _), y.setAttribute("class", e.options.classes.connector), e.gutterSVG.appendChild(y);
+}
+function ke(e, t, n) {
+  if (t.leftEndLine > t.leftStartLine && e.options.left.copyLinkEnabled) {
+    const r = Et({
+      className: e.options.classes.newCodeConnectorLink,
+      topOffset: t.leftStartLine * e.lineHeight,
       tooltip: "Copy to right",
       diffIndex: n,
-      arrowContent: t.options.classes.newCodeConnectorLinkContent
+      arrowContent: e.options.classes.newCodeConnectorLinkContent
     });
-    t.copyRightContainer.appendChild(o);
+    e.copyRightContainer.appendChild(r);
   }
-  if (e.rightEndLine > e.rightStartLine && t.options.right.copyLinkEnabled) {
-    const o = ve({
-      className: t.options.classes.deletedCodeConnectorLink,
-      topOffset: e.rightStartLine * t.lineHeight,
+  if (t.rightEndLine > t.rightStartLine && e.options.right.copyLinkEnabled) {
+    const r = Et({
+      className: e.options.classes.deletedCodeConnectorLink,
+      topOffset: t.rightStartLine * e.lineHeight,
       tooltip: "Copy to left",
       diffIndex: n,
-      arrowContent: t.options.classes.deletedCodeConnectorLinkContent
+      arrowContent: e.options.classes.deletedCodeConnectorLinkContent
     });
-    t.copyLeftContainer.appendChild(o);
+    e.copyLeftContainer.appendChild(r);
   }
 }
-function St(t) {
-  const e = t.editors.left.ace.getSession().getScrollTop(), n = t.editors.right.ace.getSession().getScrollTop();
-  t.copyRightContainer.style.cssText = `top: ${-e}px`, t.copyLeftContainer.style.cssText = `top: ${-n}px`;
+function Ie(e) {
+  const t = e.editors.left.ace.getSession().getScrollTop(), n = e.editors.right.ace.getSession().getScrollTop();
+  e.copyRightContainer.style.cssText = `top: ${-t}px`, e.copyLeftContainer.style.cssText = `top: ${-n}px`;
 }
-function $e(t, e, n, o, i) {
-  let l = {};
-  if (e === y.DIFF_INSERT) {
-    let r = Se(t.editors.left, n, i), s = Te(t.editors.right, o), a = H(t.editors.right, s);
-    const c = H(t.editors.left, r.startLine);
-    let u = s, d = r.startLine === r.endLine, h = 0;
+function Tt(e, t, n, r, i) {
+  let s = {};
+  if (t === L.DIFF_INSERT) {
+    let o = Dt(e.editors.left, n, i), l = xt(e.editors.right, r), a = G(e.editors.right, l);
+    const c = G(e.editors.left, o.startLine);
+    let u = l, d = o.startLine === o.endLine, g = 0;
     // dense, but this accommodates two scenarios:
     // 1. where a completely fresh new line is being inserted in left editor, we want the line on right to stay a 1px line
     // 2. where a new character is inserted at the start of a newline on the left but the line contains other stuff,
     //    we DO want to make it a full line
-    (r.startChar > 0 || d && i.length < c) && // if the right editor line was empty, it's ALWAYS a single line insert [not an OR above?]
+    (o.startChar > 0 || d && i.length < c) && // if the right editor line was empty, it's ALWAYS a single line insert [not an OR above?]
     a > 0 && // if the text being inserted starts mid-line
-    r.startChar < c && h++, l = {
-      leftStartLine: r.startLine,
-      leftEndLine: r.endLine + 1,
+    o.startChar < c && g++, s = {
+      leftStartLine: o.startLine,
+      leftEndLine: o.endLine + 1,
       rightStartLine: u,
-      rightEndLine: u + h
+      rightEndLine: u + g,
+      // Store character offsets for precise copy operations
+      leftStartOffset: n,
+      leftEndOffset: n + i.length,
+      rightStartOffset: r,
+      rightEndOffset: r,
+      // Store character positions for charDiffs highlighting
+      leftStartChar: o.startChar,
+      leftEndChar: o.endChar
     };
   } else {
-    let r = Se(t.editors.right, o, i), s = Te(t.editors.left, n), a = H(t.editors.left, s);
-    const c = H(t.editors.right, r.startLine);
-    let u = s, d = r.startLine === r.endLine, h = 0;
+    let o = Dt(e.editors.right, r, i), l = xt(e.editors.left, n), a = G(e.editors.left, l);
+    const c = G(e.editors.right, o.startLine);
+    let u = l, d = o.startLine === o.endLine, g = 0;
     // dense, but this accommodates two scenarios:
     // 1. where a completely fresh new line is being inserted in left editor, we want the line on right to stay a 1px line
     // 2. where a new character is inserted at the start of a newline on the left but the line contains other stuff,
     //    we DO want to make it a full line
-    (r.startChar > 0 || d && i.length < c) && // if the right editor line was empty, it's ALWAYS a single line insert [not an OR above?]
+    (o.startChar > 0 || d && i.length < c) && // if the right editor line was empty, it's ALWAYS a single line insert [not an OR above?]
     a > 0 && // if the text being inserted starts mid-line
-    r.startChar < c && h++, l = {
+    o.startChar < c && g++, s = {
       leftStartLine: u,
-      leftEndLine: u + h,
-      rightStartLine: r.startLine,
-      rightEndLine: r.endLine + 1
+      leftEndLine: u + g,
+      rightStartLine: o.startLine,
+      rightEndLine: o.endLine + 1,
+      // Store character offsets for precise copy operations
+      leftStartOffset: n,
+      leftEndOffset: n,
+      rightStartOffset: r,
+      rightEndOffset: r + i.length,
+      // Store character positions for charDiffs highlighting
+      rightStartChar: o.startChar,
+      rightEndChar: o.endChar
     };
   }
-  return l;
+  return s;
 }
-function Se(t, e, n) {
-  const o = {
+function Dt(e, t, n) {
+  const r = {
     startLine: 0,
     startChar: 0,
     endLine: 0,
     endChar: 0
-  }, i = e + n.length;
-  let l = 0, r = !1, s = !1;
-  t.lineLengths.forEach((c, u) => {
-    l += c, !r && e < l && (o.startLine = u, o.startChar = e - l + c, r = !0), !s && i <= l && (o.endLine = u, o.endChar = i - l + c, s = !0);
-  }), o.startChar > 0 && H(t, o.startLine) === o.startChar && (o.startLine++, o.startChar = 0), o.endChar === 0 && o.endLine--;
+  }, i = t + n.length;
+  let s = 0, o = !1, l = !1;
+  e.lineLengths.forEach((c, u) => {
+    s += c, !o && t < s && (r.startLine = u, r.startChar = t - s + c, o = !0), !l && i <= s && (r.endLine = u, r.endChar = i - s + c, l = !0);
+  }), r.startChar > 0 && G(e, r.startLine) === r.startChar && (r.startLine++, r.startChar = 0), r.endChar === 0 && r.endLine--;
   const a = /\n$/.test(n);
-  return o.startChar > 0 && a && o.endLine++, o;
+  return r.startChar > 0 && a && r.endLine++, r;
 }
-function H(t, e) {
-  return ke(t, e).length;
+function G(e, t) {
+  return we(e, t).length;
 }
-function Te(t, e) {
-  const n = t.ace.getSession().doc.getAllLines();
-  let o = 0, i = 0;
-  for (let l = 0; l < n.length; l += 1)
-    if (i += n[l].length + 1, e <= i) {
-      o = l, e === i && l < n.length - 1 && (o += 1);
+function xt(e, t) {
+  const n = e.ace.getSession().doc.getAllLines();
+  let r = 0, i = 0;
+  for (let s = 0; s < n.length; s += 1)
+    if (i += n[s].length + 1, t <= i) {
+      r = s, t === i && s < n.length - 1 && (r += 1);
       break;
     }
-  return i >= t.ace.getSession().getValue().length && (o += 1), o;
+  return i >= e.ace.getSession().getValue().length && (r += 1), r;
 }
-function Re(t) {
-  t.gutterHeight = document.getElementById(t.options.classes.gutterID).clientHeight, t.gutterWidth = document.getElementById(t.options.classes.gutterID).clientWidth;
-  const e = De(t, y.EDITOR_LEFT), n = De(t, y.EDITOR_RIGHT), o = Math.max(e, n, t.gutterHeight);
-  t.gutterSVG = document.createElementNS(y.SVG_NS, "svg"), t.gutterSVG.setAttribute("width", t.gutterWidth), t.gutterSVG.setAttribute("height", o), document.getElementById(t.options.classes.gutterID).appendChild(t.gutterSVG);
+function Mt(e) {
+  e.gutterHeight = document.getElementById(e.options.classes.gutterID).clientHeight, e.gutterWidth = document.getElementById(e.options.classes.gutterID).clientWidth;
+  const t = kt(e, L.EDITOR_LEFT), n = kt(e, L.EDITOR_RIGHT), r = Math.max(t, n, e.gutterHeight);
+  e.gutterSVG = document.createElementNS(L.SVG_NS, "svg"), e.gutterSVG.setAttribute("width", e.gutterWidth), e.gutterSVG.setAttribute("height", r), document.getElementById(e.options.classes.gutterID).appendChild(e.gutterSVG);
 }
-function De(t, e) {
-  return (e === y.EDITOR_LEFT ? t.editors.left : t.editors.right).ace.getSession().getLength() * t.lineHeight;
+function kt(e, t) {
+  return (t === L.EDITOR_LEFT ? e.editors.left : e.editors.right).ace.getSession().getLength() * e.lineHeight;
 }
-function Tt(t) {
-  t.copyRightContainer = document.createElement("div"), t.copyRightContainer.setAttribute("class", t.options.classes.copyRightContainer), t.copyLeftContainer = document.createElement("div"), t.copyLeftContainer.setAttribute("class", t.options.classes.copyLeftContainer), document.getElementById(t.options.classes.gutterID).appendChild(t.copyRightContainer), document.getElementById(t.options.classes.gutterID).appendChild(t.copyLeftContainer);
+function Oe(e) {
+  e.copyRightContainer = document.createElement("div"), e.copyRightContainer.setAttribute("class", e.options.classes.copyRightContainer), e.copyLeftContainer = document.createElement("div"), e.copyLeftContainer.setAttribute("class", e.options.classes.copyLeftContainer), document.getElementById(e.options.classes.gutterID).appendChild(e.copyRightContainer), document.getElementById(e.options.classes.gutterID).appendChild(e.copyLeftContainer);
 }
-function Dt(t) {
-  document.getElementById(t.options.classes.gutterID).removeChild(t.gutterSVG), Re(t);
+function Vt(e) {
+  const t = document.getElementById(e.options.classes.gutterID);
+  e.gutterSVG && t.removeChild(e.gutterSVG), Mt(e);
 }
-function xt(t) {
-  t.copyLeftContainer.innerHTML = "", t.copyRightContainer.innerHTML = "";
+function Rt(e) {
+  e.copyLeftContainer && (e.copyLeftContainer.innerHTML = ""), e.copyRightContainer && (e.copyRightContainer.innerHTML = "");
 }
-function It(t, e) {
+function Me(e, t) {
   const n = [];
-  function o(l) {
-    return t.options.diffGranularity === y.DIFF_GRANULARITY_SPECIFIC ? l < 1 : l <= 1;
+  function r(o) {
+    return e.options.diffGranularity === L.DIFF_GRANULARITY_SPECIFIC ? o < 1 : o <= 1;
   }
-  e.forEach((l, r) => {
-    if (r === 0) {
-      n.push(l);
+  function i(o) {
+    const l = Object.assign({}, o, {
+      leftChars: [],
+      rightChars: []
+    });
+    return o.leftEndChar !== void 0 && l.leftChars.push({
+      start: o.leftStartChar,
+      end: o.leftEndChar,
+      lineStart: o.leftStartLine,
+      lineEnd: o.leftEndLine
+    }), o.rightEndChar !== void 0 && l.rightChars.push({
+      start: o.rightStartChar,
+      end: o.rightEndChar,
+      lineStart: o.rightStartLine,
+      lineEnd: o.rightEndLine
+    }), l;
+  }
+  t.forEach((o, l) => {
+    if (l === 0) {
+      n.push(i(o));
       return;
     }
-    let s = !1;
-    for (let a = 0; a < n.length; a += 1) if (o(Math.abs(l.leftStartLine - n[a].leftEndLine)) && o(Math.abs(l.rightStartLine - n[a].rightEndLine))) {
-      n[a].leftStartLine = Math.min(l.leftStartLine, n[a].leftStartLine), n[a].rightStartLine = Math.min(l.rightStartLine, n[a].rightStartLine), n[a].leftEndLine = Math.max(l.leftEndLine, n[a].leftEndLine), n[a].rightEndLine = Math.max(l.rightEndLine, n[a].rightEndLine), s = !0;
+    let a = !1;
+    for (let c = 0; c < n.length; c += 1) if (r(Math.abs(o.leftStartLine - n[c].leftEndLine)) && r(Math.abs(o.rightStartLine - n[c].rightEndLine))) {
+      n[c].leftStartLine = Math.min(o.leftStartLine, n[c].leftStartLine), n[c].rightStartLine = Math.min(o.rightStartLine, n[c].rightStartLine), n[c].leftEndLine = Math.max(o.leftEndLine, n[c].leftEndLine), n[c].rightEndLine = Math.max(o.rightEndLine, n[c].rightEndLine), n[c].leftStartOffset = Math.min(o.leftStartOffset, n[c].leftStartOffset), n[c].leftEndOffset = Math.max(o.leftEndOffset, n[c].leftEndOffset), n[c].rightStartOffset = Math.min(o.rightStartOffset, n[c].rightStartOffset), n[c].rightEndOffset = Math.max(o.rightEndOffset, n[c].rightEndOffset), o.leftEndChar !== void 0 && n[c].leftChars.push({
+        start: o.leftStartChar,
+        end: o.leftEndChar,
+        lineStart: o.leftStartLine,
+        lineEnd: o.leftEndLine
+      }), o.rightEndChar !== void 0 && n[c].rightChars.push({
+        start: o.rightStartChar,
+        end: o.rightEndChar,
+        lineStart: o.rightStartLine,
+        lineEnd: o.rightEndLine
+      }), a = !0;
       break;
     }
-    s || n.push(l);
+    a || n.push(i(o));
   });
-  const i = [];
-  return n.forEach((l) => {
-    l.leftStartLine === l.leftEndLine && l.rightStartLine === l.rightEndLine || i.push(l);
-  }), i;
+  const s = [];
+  return n.forEach((o) => {
+    o.leftStartLine === o.leftEndLine && o.rightStartLine === o.rightEndLine || s.push(o);
+  }), s;
 }
-function Ve(t) {
-  Dt(t), xt(t), t.diffs.forEach((e, n) => {
-    t.options.showDiffs && (Ce(t, y.EDITOR_LEFT, e.leftStartLine, e.leftEndLine, t.options.classes.diff), Ce(t, y.EDITOR_RIGHT, e.rightStartLine, e.rightEndLine, t.options.classes.diff), t.options.showConnectors && wt(t, e.leftStartLine, e.leftEndLine, e.rightStartLine, e.rightEndLine), $t(t, e, n));
-  }, t);
+function At(e) {
+  Vt(e), Rt(e), e.diffs.forEach((t, n) => {
+    e.options.showDiffs && (wt(e, L.EDITOR_LEFT, t.leftStartLine, t.leftEndLine, t.leftChars, e.options.classes.diff), wt(e, L.EDITOR_RIGHT, t.rightStartLine, t.rightEndLine, t.rightChars, e.options.classes.diff), e.options.showConnectors && xe(e, t.leftStartLine, t.leftEndLine, t.rightStartLine, t.rightEndLine), ke(e, t, n));
+  }, e);
 }
-const kt = {
+const Ve = {
   props: {
     pluginName: {
       type: String,
@@ -1250,7 +1321,7 @@ const kt = {
   data() {
     return {
       tab: 0,
-      localVariables: [],
+      localVariables: {},
       localPluginTxt: "",
       localExistingPluginTxt: null,
       editor: null,
@@ -1265,8 +1336,8 @@ const kt = {
       get() {
         return this.modelValue;
       },
-      set(t) {
-        this.$emit("update:modelValue", t);
+      set(e) {
+        this.$emit("update:modelValue", e);
       }
     }
   },
@@ -1274,15 +1345,19 @@ const kt = {
     value: {
       immediate: !0,
       handler: function() {
-        this.localVariables = JSON.parse(JSON.stringify(this.variables)), this.localPluginTxt = this.pluginTxt.slice(), this.existingPluginTxt !== null && (this.localExistingPluginTxt = this.existingPluginTxt.slice());
+        const e = JSON.parse(JSON.stringify(this.variables));
+        this.localVariables = {};
+        for (const [t, n] of Object.entries(e))
+          typeof n == "string" ? this.localVariables[t] = { value: n } : this.localVariables[t] = n;
+        this.localPluginTxt = this.pluginTxt.slice(), this.existingPluginTxt !== null && (this.localExistingPluginTxt = this.existingPluginTxt.slice());
       }
     }
   },
   mounted() {
-    const t = this.buildPluginMode();
-    this.existingPluginTxt === null ? (this.editor = N.edit(this.$refs.editor), this.editor.setTheme("ace/theme/twilight"), this.editor.session.setMode(new t()), this.editor.session.setTabSize(2), this.editor.session.setUseWrapMode(!0), this.editor.$blockScrolling = 1 / 0, this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.localPluginTxt), this.editor.clearSelection(), q.applyVimModeIfEnabled(this.editor), this.editor.focus()) : (this.tab = 1, this.differ = new K({
+    const e = this.buildPluginMode();
+    this.existingPluginTxt === null ? (this.editor = N.edit(this.$refs.editor), this.editor.setTheme("ace/theme/twilight"), this.editor.session.setMode(new e()), this.editor.session.setTabSize(2), this.editor.session.setUseWrapMode(!0), this.editor.$blockScrolling = 1 / 0, this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.localPluginTxt), this.editor.clearSelection(), q.applyVimModeIfEnabled(this.editor), this.editor.focus()) : (this.tab = 1, this.differ = new z({
       element: this.$refs.editor,
-      mode: new t(),
+      mode: new e(),
       theme: "ace/theme/twilight",
       left: {
         content: this.localExistingPluginTxt,
@@ -1306,29 +1381,29 @@ const kt = {
     },
     scrollToCurDiff() {
       if (this.differ.diffs.length === 0) return;
-      let t = this.differ.diffs[this.curDiff].leftStartLine, e = this.differ.diffs[this.curDiff].rightStartLine;
-      t > 5 && (t -= 5), e > 5 && (e -= 5), this.differ.getEditors().left.scrollToLine(t), this.differ.getEditors().right.scrollToLine(e);
+      let e = this.differ.diffs[this.curDiff].leftStartLine, t = this.differ.diffs[this.curDiff].rightStartLine;
+      e > 5 && (e -= 5), t > 5 && (t -= 5), this.differ.getEditors().left.scrollToLine(e), this.differ.getEditors().right.scrollToLine(t);
     },
     buildPluginMode() {
-      let t = N.require("ace/lib/oop"), e = N.require(
+      let e = N.require("ace/lib/oop"), t = N.require(
         "ace/mode/ruby_highlight_rules"
-      ).RubyHighlightRules, n = ["VARIABLE"], o = new RegExp(`(\\b${n.join("\\b|\\b")}\\b)`), i = function() {
-        e.call(this);
+      ).RubyHighlightRules, n = ["VARIABLE", "VARIABLE_DESCRIPTION", "VARIABLE_STATE"], r = new RegExp(`(\\b${n.join("\\b|\\b")}\\b)`), i = function() {
+        t.call(this);
         for (let u in this.$rules)
           this.$rules[u].unshift({
-            regex: o,
+            regex: r,
             token: "support.function"
           });
       };
-      t.inherits(i, e);
-      let l = N.require(
+      e.inherits(i, t);
+      let s = N.require(
         "ace/mode/matching_brace_outdent"
-      ).MatchingBraceOutdent, r = N.require(
+      ).MatchingBraceOutdent, o = N.require(
         "ace/mode/behaviour/cstyle"
-      ).CstyleBehaviour, s = N.require("ace/mode/folding/ruby").FoldMode, a = function() {
-        this.HighlightRules = i, this.$outdent = new l(), this.$behaviour = new r(), this.foldingRules = new s(), this.indentKeywords = this.foldingRules.indentKeywords;
+      ).CstyleBehaviour, l = N.require("ace/mode/folding/ruby").FoldMode, a = function() {
+        this.HighlightRules = i, this.$outdent = new s(), this.$behaviour = new o(), this.foldingRules = new l(), this.indentKeywords = this.foldingRules.indentKeywords;
       }, c = N.require("ace/mode/ruby").Mode;
-      return t.inherits(a, c), (function() {
+      return e.inherits(a, c), (function() {
         this.$id = "ace/mode/openc3";
       }).call(a.prototype), a;
     },
@@ -1341,156 +1416,193 @@ const kt = {
           okText: "Install",
           cancelText: "Cancel"
         }
-      ).then((t) => {
+      ).then((e) => {
         this.emitSubmit(
           this.differ.getEditors().left.getValue().split(`
 `)
         );
-      }).catch((t) => {
+      }).catch((e) => {
       });
     },
-    emitSubmit(t) {
-      let e = {
+    emitSubmit(e) {
+      let t = {
         name: this.pluginName,
-        variables: He(this.localVariables),
-        plugin_txt_lines: t,
+        variables: Ut(this.localVariables),
+        plugin_txt_lines: e,
         store_id: this.storeId
       };
-      this.$emit("callback", e);
+      this.$emit("callback", t);
     },
     close: function() {
       this.show = !this.show;
     },
-    showContextMenu: function(t) {
-      this.menuX = t.pageX, this.menuY = t.pageY;
-      let e = this.editor.getCursorPosition(), n = this.editor.session.getTokenAt(e.row, e.column);
+    showContextMenu: function(e) {
+      this.menuX = e.pageX, this.menuY = e.pageY;
+      let t = this.editor.getCursorPosition(), n = this.editor.session.getTokenAt(t.row, t.column);
       if (n) {
-        let o = n.value.trim();
-        o.includes(" ") ? this.docsKeyword = o.split(" ")[0] : this.docsKeyword = o, this.contextMenu = !0;
+        let r = n.value.trim();
+        r.includes(" ") ? this.docsKeyword = r.split(" ")[0] : this.docsKeyword = r, this.contextMenu = !0;
       }
     },
     toggleVimMode: function() {
       this.editor && q.toggleVimMode(this.editor);
+    },
+    // Helper methods for variable display
+    hasOptions(e) {
+      return e.options && e.options.length > 0;
+    },
+    getDescription(e) {
+      return e.description || "";
+    },
+    getOptionItems(e) {
+      return e.options ? e.options.map((t) => ({
+        text: t.text || t.value,
+        value: t.value
+      })) : [];
     }
   }
-}, Mt = { style: { flex: "1" } }, Rt = { class: "pa-3" }, Vt = {
+}, Re = {
+  key: 0,
+  class: "text-body-1 text-medium-emphasis pa-3"
+}, Ae = {
   ref: "editor",
   class: "editor"
-}, Ot = { key: 0 };
-function At(t, e, n, o, i, l) {
-  const r = p("v-card-title"), s = p("v-icon"), a = p("v-row"), c = p("v-tab"), u = p("v-tabs"), d = p("v-text-field"), h = p("v-col"), m = p("v-window-item"), v = p("v-list-item-title"), x = p("v-list-item"), C = p("v-divider"), b = p("v-list"), S = p("v-menu"), _ = p("v-window"), E = p("v-btn"), I = p("v-spacer"), A = p("v-card-actions"), J = p("v-card-text"), Oe = p("v-card"), Ae = p("v-dialog");
-  return L(), T(Ae, {
-    modelValue: l.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (M) => l.show = M),
+}, Ne = { key: 0 };
+function He(e, t, n, r, i, s) {
+  const o = p("v-card-title"), l = p("v-alert"), a = p("v-tab"), c = p("v-tabs"), u = p("v-list-item"), d = p("v-combobox"), g = p("v-text-field"), m = p("v-col"), b = p("v-row"), D = p("v-window-item"), E = p("v-list-item-title"), v = p("v-divider"), $ = p("v-list"), _ = p("v-menu"), y = p("v-window"), k = p("v-btn"), A = p("v-spacer"), J = p("v-card-actions"), Nt = p("v-card-text"), Ht = p("v-card"), Ft = p("v-dialog");
+  return C(), x(Ft, {
+    modelValue: s.show,
+    "onUpdate:modelValue": t[5] || (t[5] = (T) => s.show = T),
     persistent: "",
     width: "80vw",
-    onKeydown: xe(l.close, ["esc"])
+    onKeydown: It(s.close, ["esc"])
   }, {
-    default: g(() => [
-      f(Oe, null, {
-        default: g(() => [
-          f(J, null, {
-            default: g(() => [
-              f(r, null, {
-                default: g(() => [
-                  w(O(n.pluginName), 1)
+    default: h(() => [
+      f(Ht, null, {
+        default: h(() => [
+          f(o, null, {
+            default: h(() => [
+              S(V(n.pluginName), 1)
+            ]),
+            _: 1
+          }),
+          f(Nt, { class: "pt-0" }, {
+            default: h(() => [
+              n.existingPluginTxt !== null ? (C(), x(l, {
+                key: 0,
+                type: "warning",
+                variant: "tonal",
+                class: "mb-3"
+              }, {
+                default: h(() => [
+                  S(" The existing plugin.txt is different from the " + V(n.pluginName) + "'s plugin.txt. Navigate the diffs making whatever edits you want before installing. You may want to update " + V(n.pluginName) + "'s plugin.txt going forward. ", 1)
                 ]),
                 _: 1
-              }),
-              n.existingPluginTxt !== null ? (L(), T(a, {
-                key: 0,
-                class: "notice d-flex flex-row"
+              })) : et("", !0),
+              f(c, {
+                modelValue: i.tab,
+                "onUpdate:modelValue": t[0] || (t[0] = (T) => i.tab = T),
+                class: "mb-3"
               }, {
-                default: g(() => [
-                  f(s, {
-                    size: "x-large",
-                    start: "",
-                    color: "yellow"
-                  }, {
-                    default: g(() => [...e[6] || (e[6] = [
-                      w(" mdi-alert-box ", -1)
+                default: h(() => [
+                  (C(), x(a, { key: 0 }, {
+                    default: h(() => [...t[6] || (t[6] = [
+                      S(" Variables ", -1)
                     ])]),
                     _: 1
-                  }),
-                  R("div", Mt, " The existing plugin.txt is different from the " + O(n.pluginName) + "'s plugin.txt. Navigate the diffs making whatever edits you want before installing. You may want to update " + O(n.pluginName) + "'s plugin.txt going forward. ", 1)
-                ]),
-                _: 1
-              })) : ee("", !0),
-              f(a, { class: "pb-3 pr-3" }, {
-                default: g(() => [
-                  f(u, {
-                    modelValue: i.tab,
-                    "onUpdate:modelValue": e[0] || (e[0] = (M) => i.tab = M),
-                    class: "ml-3"
-                  }, {
-                    default: g(() => [
-                      (L(), T(c, { key: 0 }, {
-                        default: g(() => [...e[7] || (e[7] = [
-                          w(" Variables ", -1)
-                        ])]),
-                        _: 1
-                      })),
-                      (L(), T(c, { key: 1 }, {
-                        default: g(() => [...e[8] || (e[8] = [
-                          w(" plugin.txt ", -1)
-                        ])]),
-                        _: 1
-                      }))
-                    ]),
+                  })),
+                  (C(), x(a, { key: 1 }, {
+                    default: h(() => [...t[7] || (t[7] = [
+                      S(" plugin.txt ", -1)
+                    ])]),
                     _: 1
-                  }, 8, ["modelValue"])
+                  }))
                 ]),
                 _: 1
-              }),
+              }, 8, ["modelValue"]),
               R("form", {
-                onSubmit: e[4] || (e[4] = X((...M) => t.onSubmit && t.onSubmit(...M), ["prevent"]))
+                onSubmit: t[4] || (t[4] = Z((...T) => e.onSubmit && e.onSubmit(...T), ["prevent"]))
               }, [
-                f(_, {
+                f(y, {
                   modelValue: i.tab,
-                  "onUpdate:modelValue": e[3] || (e[3] = (M) => i.tab = M)
+                  "onUpdate:modelValue": t[3] || (t[3] = (T) => i.tab = T)
                 }, {
-                  default: g(() => [
-                    (L(), T(m, {
-                      key: 0,
+                  default: h(() => [
+                    f(D, {
+                      value: 0,
                       eager: "true",
                       class: "tab"
                     }, {
-                      default: g(() => [
-                        R("div", Rt, [
-                          f(a, { class: "mt-3" }, {
-                            default: g(() => [
-                              (L(!0), V(P, null, G(i.localVariables, (M, B) => (L(), V("div", { key: B }, [
-                                f(h, { style: { width: "220px" } }, {
-                                  default: g(() => [
-                                    f(d, {
-                                      modelValue: i.localVariables[B],
-                                      "onUpdate:modelValue": (Ne) => i.localVariables[B] = Ne,
-                                      clearable: "",
-                                      type: "text",
-                                      label: B
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])
+                      default: h(() => [
+                        Object.keys(i.localVariables).length === 0 ? (C(), M("div", Re, " No variables defined for this plugin. ")) : (C(), x(b, {
+                          key: 1,
+                          class: "pt-2"
+                        }, {
+                          default: h(() => [
+                            (C(!0), M(P, null, B(i.localVariables, (T, X) => (C(), x(m, {
+                              key: X,
+                              cols: "12",
+                              sm: "6",
+                              md: "3"
+                            }, {
+                              default: h(() => [
+                                s.hasOptions(T) ? (C(), x(d, {
+                                  key: 0,
+                                  modelValue: T.value,
+                                  "onUpdate:modelValue": (F) => T.value = F,
+                                  items: s.getOptionItems(T),
+                                  "item-title": "text",
+                                  "item-value": "value",
+                                  "return-object": !1,
+                                  label: X,
+                                  hint: s.getDescription(T),
+                                  "persistent-hint": "",
+                                  density: "comfortable",
+                                  variant: "outlined",
+                                  "data-test": "variable-combobox"
+                                }, {
+                                  item: h(({ item: F, props: Gt }) => [
+                                    f(u, Bt({ ref_for: !0 }, Gt), {
+                                      title: h(() => [
+                                        S(V(F.raw.text), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1040)
                                   ]),
-                                  _: 2
-                                }, 1024)
-                              ]))), 128))
-                            ]),
-                            _: 1
-                          })
-                        ])
+                                  _: 1
+                                }, 8, ["modelValue", "onUpdate:modelValue", "items", "label", "hint"])) : (C(), x(g, {
+                                  key: 1,
+                                  modelValue: T.value,
+                                  "onUpdate:modelValue": (F) => T.value = F,
+                                  label: X,
+                                  hint: s.getDescription(T),
+                                  "persistent-hint": "",
+                                  clearable: "",
+                                  density: "comfortable",
+                                  variant: "outlined",
+                                  "data-test": "variable-text"
+                                }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "hint"]))
+                              ]),
+                              _: 2
+                            }, 1024))), 128))
+                          ]),
+                          _: 1
+                        }))
                       ]),
                       _: 1
-                    })),
-                    n.existingPluginTxt === null ? (L(), T(m, {
-                      key: "1-new",
+                    }),
+                    n.existingPluginTxt === null ? (C(), x(D, {
+                      key: 0,
+                      value: 1,
                       eager: "true",
                       class: "tab"
                     }, {
-                      default: g(() => [
-                        f(a, { class: "pa-3" }, {
-                          default: g(() => [
-                            f(h, null, {
-                              default: g(() => [...e[9] || (e[9] = [
-                                w(" This can be edited before installation. ", -1)
+                      default: h(() => [
+                        f(b, { class: "pa-3" }, {
+                          default: h(() => [
+                            f(m, null, {
+                              default: h(() => [...t[8] || (t[8] = [
+                                S(" This can be edited before installation. ", -1)
                               ])]),
                               _: 1
                             })
@@ -1500,32 +1612,32 @@ function At(t, e, n, o, i, l) {
                         R("pre", {
                           ref: "editor",
                           class: "editor",
-                          onContextmenu: e[1] || (e[1] = X((...M) => l.showContextMenu && l.showContextMenu(...M), ["prevent"]))
+                          onContextmenu: t[1] || (t[1] = Z((...T) => s.showContextMenu && s.showContextMenu(...T), ["prevent"]))
                         }, null, 544),
-                        f(S, {
+                        f(_, {
                           modelValue: i.contextMenu,
-                          "onUpdate:modelValue": e[2] || (e[2] = (M) => i.contextMenu = M),
+                          "onUpdate:modelValue": t[2] || (t[2] = (T) => i.contextMenu = T),
                           target: [i.menuX, i.menuY]
                         }, {
-                          default: g(() => [
-                            f(b, null, {
-                              default: g(() => [
-                                f(x, { link: "" }, {
-                                  default: g(() => [
-                                    f(v, { onClick: t.openDocumentation }, {
-                                      default: g(() => [
-                                        w(O(t.docsKeyword) + " documentation ", 1)
+                          default: h(() => [
+                            f($, null, {
+                              default: h(() => [
+                                f(u, { link: "" }, {
+                                  default: h(() => [
+                                    f(E, { onClick: e.openDocumentation }, {
+                                      default: h(() => [
+                                        S(V(e.docsKeyword) + " documentation ", 1)
                                       ]),
                                       _: 1
                                     }, 8, ["onClick"])
                                   ]),
                                   _: 1
                                 }),
-                                f(C),
-                                f(x, {
+                                f(v),
+                                f(u, {
                                   title: "Toggle Vim mode",
                                   "prepend-icon": "extras:vim",
-                                  onClick: l.toggleVimMode
+                                  onClick: s.toggleVimMode
                                 }, null, 8, ["onClick"])
                               ]),
                               _: 1
@@ -1535,76 +1647,77 @@ function At(t, e, n, o, i, l) {
                         }, 8, ["modelValue", "target"])
                       ]),
                       _: 1
-                    })) : (L(), T(m, {
-                      key: "1-existing",
+                    })) : (C(), x(D, {
+                      key: 1,
+                      value: 1,
                       eager: "true",
                       class: "tab"
                     }, {
-                      default: g(() => [
-                        f(a, { class: "pa-3" }, {
-                          default: g(() => [
-                            f(h, null, {
-                              default: g(() => [...e[10] || (e[10] = [
-                                w(" Existing plugin.txt. This can be edited before installation. ", -1)
+                      default: h(() => [
+                        f(b, { class: "pa-3" }, {
+                          default: h(() => [
+                            f(m, null, {
+                              default: h(() => [...t[9] || (t[9] = [
+                                S(" Existing plugin.txt. This can be edited before installation. ", -1)
                               ])]),
                               _: 1
                             }),
-                            f(h, { class: "ml-6" }, {
-                              default: g(() => [...e[11] || (e[11] = [
-                                w(" Uneditable plugin.txt from the new plugin. ", -1)
+                            f(m, { class: "ml-6" }, {
+                              default: h(() => [...t[10] || (t[10] = [
+                                S(" Uneditable plugin.txt from the new plugin. ", -1)
                               ])]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }),
-                        R("pre", Vt, null, 512)
+                        R("pre", Ae, null, 512)
                       ]),
                       _: 1
                     }))
                   ]),
                   _: 1
                 }, 8, ["modelValue"]),
-                f(A, { class: "px-2 mt-2" }, {
-                  default: g(() => [
-                    n.existingPluginTxt !== null ? (L(), V("div", Ot, [
-                      f(E, {
+                f(J, { class: "px-2 mt-2" }, {
+                  default: h(() => [
+                    n.existingPluginTxt !== null ? (C(), M("div", Ne, [
+                      f(k, {
                         variant: "text",
-                        onClick: l.nextDiff
+                        onClick: s.nextDiff
                       }, {
-                        default: g(() => [...e[12] || (e[12] = [
-                          w(" Next Diff ", -1)
+                        default: h(() => [...t[11] || (t[11] = [
+                          S(" Next Diff ", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"]),
-                      f(E, {
+                      f(k, {
                         variant: "text",
-                        onClick: l.previousDiff
+                        onClick: s.previousDiff
                       }, {
-                        default: g(() => [...e[13] || (e[13] = [
-                          w(" Previous Diff ", -1)
+                        default: h(() => [...t[12] || (t[12] = [
+                          S(" Previous Diff ", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"])
-                    ])) : ee("", !0),
-                    f(I),
-                    f(E, {
+                    ])) : et("", !0),
+                    f(A),
+                    f(k, {
                       variant: "outlined",
                       "data-test": "edit-cancel",
-                      onClick: X(l.close, ["prevent"])
+                      onClick: Z(s.close, ["prevent"])
                     }, {
-                      default: g(() => [...e[14] || (e[14] = [
-                        w(" Cancel ", -1)
+                      default: h(() => [...t[13] || (t[13] = [
+                        S(" Cancel ", -1)
                       ])]),
                       _: 1
                     }, 8, ["onClick"]),
-                    f(E, {
+                    f(k, {
                       variant: "flat",
                       "data-test": "edit-submit",
-                      onClick: l.submit
+                      onClick: s.submit
                     }, {
-                      default: g(() => [...e[15] || (e[15] = [
-                        w(" Install ", -1)
+                      default: h(() => [...t[14] || (t[14] = [
+                        S(" Install ", -1)
                       ])]),
                       _: 1
                     }, 8, ["onClick"])
@@ -1622,12 +1735,12 @@ function At(t, e, n, o, i, l) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const Yt = /* @__PURE__ */ W(kt, [["render", At], ["__scopeId", "data-v-3b685c50"]]);
+const ze = /* @__PURE__ */ K(Ve, [["render", He], ["__scopeId", "data-v-6fd60d2d"]]);
 export {
-  qt as DownloadDialog,
-  Ut as ModifiedPluginDialog,
-  jt as OpenC3Admin,
-  Yt as PluginDialog,
-  Je as TabsList
+  je as DownloadDialog,
+  We as ModifiedPluginDialog,
+  Ye as OpenC3Admin,
+  ze as PluginDialog,
+  ee as TabsList
 };
 //# sourceMappingURL=admin.js.map