@hep-code-runner/vue3 2.0.1 → 2.1.1

package/dist/index.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as le, useCssVars as be, ref as N, computed as B, onMounted as ge, watch as ue, openBlock as x, createElementBlock as _, normalizeClass as z, createElementVNode as y, normalizeStyle as J, withDirectives as ve, createCommentVNode as U, Fragment as Ee, renderList as ye, toDisplayString as H, vModelSelect as Ae, createTextVNode as ke, createStaticVNode as Se, createVNode as ie, createBlock as we, Teleport as Te, Transition as xe, withCtx as _e, normalizeProps as Ie, guardReactiveProps as Fe, renderSlot as Re } from "vue";
-var Le = Object.defineProperty, Ne = (i, g, n) => g in i ? Le(i, g, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[g] = n, de = (i, g, n) => Ne(i, typeof g != "symbol" ? g + "" : g, n);
-let ae = null;
-class Oe {
+import { defineComponent as le, useCssVars as be, ref as L, computed as B, onMounted as ge, watch as ue, onUnmounted as Ee, openBlock as x, createElementBlock as I, normalizeClass as z, createElementVNode as y, normalizeStyle as J, withDirectives as ve, createCommentVNode as U, Fragment as ye, renderList as Ae, toDisplayString as H, vModelSelect as ke, createTextVNode as Se, createStaticVNode as we, createVNode as ie, createBlock as Te, Teleport as xe, Transition as _e, withCtx as Ie, mergeProps as Fe, toHandlers as Re, renderSlot as Ne } from "vue";
+var Le = Object.defineProperty, Oe = (i, g, n) => g in i ? Le(i, g, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[g] = n, de = (i, g, n) => Oe(i, typeof g != "symbol" ? g + "" : g, n);
+let re = null;
+class Ce {
   constructor(g = {}) {
     de(this, "baseUrl"), de(this, "timeout"), this.baseUrl = g.pistonUrl || "/api/piston", this.timeout = g.timeout || 3e3;
   }
   async getRuntimes(g = !1) {
-    if (ae && !g)
-      return ae;
+    if (re && !g)
+      return re;
     try {
       const n = await fetch(`${this.baseUrl}/runtimes`, {
         method: "GET",
@@ -18,23 +18,23 @@ class Oe {
       if (!n.ok)
         throw new Error(`Failed to fetch runtimes: ${n.statusText}`);
       const l = await n.json();
-      return ae = l, l;
+      return re = l, l;
     } catch (n) {
       throw console.error("Failed to fetch runtimes:", n), n;
     }
   }
   async execute(g, n, l = {}) {
-    const v = (await this.getRuntimes()).find(
+    const b = (await this.getRuntimes()).find(
       (m) => {
-        var b;
-        return m.language.toLowerCase() === g.toLowerCase() || ((b = m.aliases) == null ? void 0 : b.some((I) => I.toLowerCase() === g.toLowerCase()));
+        var f;
+        return m.language.toLowerCase() === g.toLowerCase() || ((f = m.aliases) == null ? void 0 : f.some((_) => _.toLowerCase() === g.toLowerCase()));
       }
     );
-    if (!v)
+    if (!b)
       throw new Error(`Language '${g}' is not supported`);
-    const T = this.getFileName(g), A = {
-      language: v.language,
-      version: l.version || v.version,
+    const T = this.getFileName(g), k = {
+      language: b.language,
+      version: l.version || b.version,
       files: [
         {
           name: T,
@@ -52,21 +52,21 @@ class Oe {
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify(A)
+        body: JSON.stringify(k)
       });
       if (!m.ok)
         throw new Error(`Execute failed: ${m.statusText}`);
-      const b = await m.json(), I = Date.now() - s, D = b.run.stdout || "", O = b.run.stderr || "";
+      const f = await m.json(), _ = Date.now() - s, D = f.run.stdout || "", O = f.run.stderr || "";
       return {
-        success: b.run.code === 0,
+        success: f.run.code === 0,
         output: D,
         stderr: O,
-        code: b.run.code,
-        executionTime: I,
-        compile: b.compile ? {
-          stdout: b.compile.stdout || "",
-          stderr: b.compile.stderr || "",
-          code: b.compile.code
+        code: f.run.code,
+        executionTime: _,
+        compile: f.compile ? {
+          stdout: f.compile.stdout || "",
+          stderr: f.compile.stderr || "",
+          code: f.compile.code
         } : void 0
       };
     } catch (m) {
@@ -109,7 +109,7 @@ class Oe {
     }[g.toLowerCase()] || `main.${g}`;
   }
 }
-const Ce = {
+const De = {
   javascript: 'console.log("Hello, World!");',
   typescript: 'console.log("Hello, World!");',
   python: 'print("Hello, World!")',
@@ -209,11 +209,11 @@ This is a sample markdown document.`
 };
 function oe(i) {
   const g = i.toLowerCase();
-  return Ce[g] || `// ${i}
+  return De[g] || `// ${i}
 // Write your code here`;
 }
 var pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function De(i) {
+function Pe(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
 var he = { exports: {} };
@@ -228,7 +228,7 @@ var he = { exports: {} };
    * @public
    */
   var n = function(l) {
-    var v = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, T = 0, A = {}, s = {
+    var b = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i, T = 0, k = {}, s = {
       /**
        * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
        * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
@@ -283,8 +283,8 @@ var he = { exports: {} };
        * @memberof Prism
        */
       util: {
-        encode: function t(e) {
-          return e instanceof m ? new m(e.type, t(e.content), e.alias) : Array.isArray(e) ? e.map(t) : e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+        encode: function e(t) {
+          return t instanceof m ? new m(t.type, e(t.content), t.alias) : Array.isArray(t) ? t.map(e) : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
         },
         /**
          * Returns the name of the type of the given value.
@@ -302,8 +302,8 @@ var he = { exports: {} };
          * type(String)    === 'Function'
          * type(/abc+/)    === 'RegExp'
          */
-        type: function(t) {
-          return Object.prototype.toString.call(t).slice(8, -1);
+        type: function(e) {
+          return Object.prototype.toString.call(e).slice(8, -1);
         },
         /**
          * Returns a unique number for the given object. Later calls will still return the same number.
@@ -311,8 +311,8 @@ var he = { exports: {} };
          * @param {Object} obj
          * @returns {number}
          */
-        objId: function(t) {
-          return t.__id || Object.defineProperty(t, "__id", { value: ++T }), t.__id;
+        objId: function(e) {
+          return e.__id || Object.defineProperty(e, "__id", { value: ++T }), e.__id;
         },
         /**
          * Creates a deep clone of the given object.
@@ -324,30 +324,30 @@ var he = { exports: {} };
          * @returns {T}
          * @template T
          */
-        clone: function t(e, r) {
-          r = r || {};
-          var o, a;
-          switch (s.util.type(e)) {
+        clone: function e(t, a) {
+          a = a || {};
+          var r, o;
+          switch (s.util.type(t)) {
             case "Object":
-              if (a = s.util.objId(e), r[a])
-                return r[a];
-              o = /** @type {Record<string, any>} */
-              {}, r[a] = o;
-              for (var c in e)
-                e.hasOwnProperty(c) && (o[c] = t(e[c], r));
+              if (o = s.util.objId(t), a[o])
+                return a[o];
+              r = /** @type {Record<string, any>} */
+              {}, a[o] = r;
+              for (var c in t)
+                t.hasOwnProperty(c) && (r[c] = e(t[c], a));
               return (
                 /** @type {any} */
-                o
+                r
               );
             case "Array":
-              return a = s.util.objId(e), r[a] ? r[a] : (o = [], r[a] = o, /** @type {Array} */
+              return o = s.util.objId(t), a[o] ? a[o] : (r = [], a[o] = r, /** @type {Array} */
               /** @type {any} */
-              e.forEach(function(E, u) {
-                o[u] = t(E, r);
+              t.forEach(function(v, u) {
+                r[u] = e(v, a);
               }), /** @type {any} */
-              o);
+              r);
             default:
-              return e;
+              return t;
           }
         },
         /**
@@ -358,12 +358,12 @@ var he = { exports: {} };
          * @param {Element} element
          * @returns {string}
          */
-        getLanguage: function(t) {
-          for (; t; ) {
-            var e = v.exec(t.className);
-            if (e)
-              return e[1].toLowerCase();
-            t = t.parentElement;
+        getLanguage: function(e) {
+          for (; e; ) {
+            var t = b.exec(e.className);
+            if (t)
+              return t[1].toLowerCase();
+            e = e.parentElement;
           }
           return "none";
         },
@@ -374,8 +374,8 @@ var he = { exports: {} };
          * @param {string} language
          * @returns {void}
          */
-        setLanguage: function(t, e) {
-          t.className = t.className.replace(RegExp(v, "gi"), ""), t.classList.add("language-" + e);
+        setLanguage: function(e, t) {
+          e.className = e.className.replace(RegExp(b, "gi"), ""), e.classList.add("language-" + t);
         },
         /**
          * Returns the script element that is currently executing.
@@ -394,13 +394,13 @@ var he = { exports: {} };
             );
           try {
             throw new Error();
-          } catch (o) {
-            var t = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(o.stack) || [])[1];
-            if (t) {
-              var e = document.getElementsByTagName("script");
-              for (var r in e)
-                if (e[r].src == t)
-                  return e[r];
+          } catch (r) {
+            var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack) || [])[1];
+            if (e) {
+              var t = document.getElementsByTagName("script");
+              for (var a in t)
+                if (t[a].src == e)
+                  return t[a];
             }
             return null;
           }
@@ -424,16 +424,16 @@ var he = { exports: {} };
          * @param {boolean} [defaultActivation=false]
          * @returns {boolean}
          */
-        isActive: function(t, e, r) {
-          for (var o = "no-" + e; t; ) {
-            var a = t.classList;
-            if (a.contains(e))
+        isActive: function(e, t, a) {
+          for (var r = "no-" + t; e; ) {
+            var o = e.classList;
+            if (o.contains(t))
               return !0;
-            if (a.contains(o))
+            if (o.contains(r))
               return !1;
-            t = t.parentElement;
+            e = e.parentElement;
           }
-          return !!r;
+          return !!a;
         }
       },
       /**
@@ -447,10 +447,10 @@ var he = { exports: {} };
         /**
          * The grammar for plain, unformatted text.
          */
-        plain: A,
-        plaintext: A,
-        text: A,
-        txt: A,
+        plain: k,
+        plaintext: k,
+        text: k,
+        txt: k,
         /**
          * Creates a deep copy of the language with the given id and appends the given tokens.
          *
@@ -479,11 +479,11 @@ var he = { exports: {} };
          *     'color': /\b(?:red|green|blue)\b/
          * });
          */
-        extend: function(t, e) {
-          var r = s.util.clone(s.languages[t]);
-          for (var o in e)
-            r[o] = e[o];
-          return r;
+        extend: function(e, t) {
+          var a = s.util.clone(s.languages[e]);
+          for (var r in t)
+            a[r] = t[r];
+          return a;
         },
         /**
          * Inserts tokens _before_ another token in a language definition or any other grammar.
@@ -560,31 +560,31 @@ var he = { exports: {} };
          * @returns {Grammar} The new grammar object.
          * @public
          */
-        insertBefore: function(t, e, r, o) {
-          o = o || /** @type {any} */
+        insertBefore: function(e, t, a, r) {
+          r = r || /** @type {any} */
           s.languages;
-          var a = o[t], c = {};
-          for (var E in a)
-            if (a.hasOwnProperty(E)) {
-              if (E == e)
-                for (var u in r)
-                  r.hasOwnProperty(u) && (c[u] = r[u]);
-              r.hasOwnProperty(E) || (c[E] = a[E]);
+          var o = r[e], c = {};
+          for (var v in o)
+            if (o.hasOwnProperty(v)) {
+              if (v == t)
+                for (var u in a)
+                  a.hasOwnProperty(u) && (c[u] = a[u]);
+              a.hasOwnProperty(v) || (c[v] = o[v]);
             }
-          var S = o[t];
-          return o[t] = c, s.languages.DFS(s.languages, function(R, M) {
-            M === S && R != t && (this[R] = c);
+          var w = r[e];
+          return r[e] = c, s.languages.DFS(s.languages, function(R, M) {
+            M === w && R != e && (this[R] = c);
           }), c;
         },
         // Traverse a language definition with Depth First Search
-        DFS: function t(e, r, o, a) {
-          a = a || {};
+        DFS: function e(t, a, r, o) {
+          o = o || {};
           var c = s.util.objId;
-          for (var E in e)
-            if (e.hasOwnProperty(E)) {
-              r.call(e, E, e[E], o || E);
-              var u = e[E], S = s.util.type(u);
-              S === "Object" && !a[c(u)] ? (a[c(u)] = !0, t(u, r, null, a)) : S === "Array" && !a[c(u)] && (a[c(u)] = !0, t(u, r, E, a));
+          for (var v in t)
+            if (t.hasOwnProperty(v)) {
+              a.call(t, v, t[v], r || v);
+              var u = t[v], w = s.util.type(u);
+              w === "Object" && !o[c(u)] ? (o[c(u)] = !0, e(u, a, null, o)) : w === "Array" && !o[c(u)] && (o[c(u)] = !0, e(u, a, v, o));
             }
         }
       },
@@ -601,8 +601,8 @@ var he = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAll: function(t, e) {
-        s.highlightAllUnder(document, t, e);
+      highlightAll: function(e, t) {
+        s.highlightAllUnder(document, e, t);
       },
       /**
        * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -619,15 +619,15 @@ var he = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightAllUnder: function(t, e, r) {
-        var o = {
-          callback: r,
-          container: t,
+      highlightAllUnder: function(e, t, a) {
+        var r = {
+          callback: a,
+          container: e,
           selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
         };
-        s.hooks.run("before-highlightall", o), o.elements = Array.prototype.slice.apply(o.container.querySelectorAll(o.selector)), s.hooks.run("before-all-elements-highlight", o);
-        for (var a = 0, c; c = o.elements[a++]; )
-          s.highlightElement(c, e === !0, o.callback);
+        s.hooks.run("before-highlightall", r), r.elements = Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)), s.hooks.run("before-all-elements-highlight", r);
+        for (var o = 0, c; c = r.elements[o++]; )
+          s.highlightElement(c, t === !0, r.callback);
       },
       /**
        * Highlights the code inside a single element.
@@ -657,39 +657,39 @@ var he = { exports: {} };
        * @memberof Prism
        * @public
        */
-      highlightElement: function(t, e, r) {
-        var o = s.util.getLanguage(t), a = s.languages[o];
-        s.util.setLanguage(t, o);
-        var c = t.parentElement;
-        c && c.nodeName.toLowerCase() === "pre" && s.util.setLanguage(c, o);
-        var E = t.textContent, u = {
-          element: t,
-          language: o,
-          grammar: a,
-          code: E
+      highlightElement: function(e, t, a) {
+        var r = s.util.getLanguage(e), o = s.languages[r];
+        s.util.setLanguage(e, r);
+        var c = e.parentElement;
+        c && c.nodeName.toLowerCase() === "pre" && s.util.setLanguage(c, r);
+        var v = e.textContent, u = {
+          element: e,
+          language: r,
+          grammar: o,
+          code: v
         };
-        function S(M) {
-          u.highlightedCode = M, s.hooks.run("before-insert", u), u.element.innerHTML = u.highlightedCode, s.hooks.run("after-highlight", u), s.hooks.run("complete", u), r && r.call(u.element);
+        function w(M) {
+          u.highlightedCode = M, s.hooks.run("before-insert", u), u.element.innerHTML = u.highlightedCode, s.hooks.run("after-highlight", u), s.hooks.run("complete", u), a && a.call(u.element);
         }
         if (s.hooks.run("before-sanity-check", u), c = u.element.parentElement, c && c.nodeName.toLowerCase() === "pre" && !c.hasAttribute("tabindex") && c.setAttribute("tabindex", "0"), !u.code) {
-          s.hooks.run("complete", u), r && r.call(u.element);
+          s.hooks.run("complete", u), a && a.call(u.element);
           return;
         }
         if (s.hooks.run("before-highlight", u), !u.grammar) {
-          S(s.util.encode(u.code));
+          w(s.util.encode(u.code));
           return;
         }
-        if (e && l.Worker) {
+        if (t && l.Worker) {
           var R = new Worker(s.filename);
           R.onmessage = function(M) {
-            S(M.data);
+            w(M.data);
           }, R.postMessage(JSON.stringify({
             language: u.language,
             code: u.code,
             immediateClose: !0
           }));
         } else
-          S(s.highlight(u.code, u.grammar, u.language));
+          w(s.highlight(u.code, u.grammar, u.language));
       },
       /**
        * Low-level function, only use if you know what you’re doing. It accepts a string of text as input
@@ -711,15 +711,15 @@ var he = { exports: {} };
        * @example
        * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
        */
-      highlight: function(t, e, r) {
-        var o = {
-          code: t,
-          grammar: e,
-          language: r
+      highlight: function(e, t, a) {
+        var r = {
+          code: e,
+          grammar: t,
+          language: a
         };
-        if (s.hooks.run("before-tokenize", o), !o.grammar)
-          throw new Error('The language "' + o.language + '" has no grammar.');
-        return o.tokens = s.tokenize(o.code, o.grammar), s.hooks.run("after-tokenize", o), m.stringify(s.util.encode(o.tokens), o.language);
+        if (s.hooks.run("before-tokenize", r), !r.grammar)
+          throw new Error('The language "' + r.language + '" has no grammar.');
+        return r.tokens = s.tokenize(r.code, r.grammar), s.hooks.run("after-tokenize", r), m.stringify(s.util.encode(r.tokens), r.language);
       },
       /**
        * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
@@ -745,15 +745,15 @@ var he = { exports: {} };
        *     }
        * });
        */
-      tokenize: function(t, e) {
-        var r = e.rest;
-        if (r) {
-          for (var o in r)
-            e[o] = r[o];
-          delete e.rest;
+      tokenize: function(e, t) {
+        var a = t.rest;
+        if (a) {
+          for (var r in a)
+            t[r] = a[r];
+          delete t.rest;
         }
-        var a = new D();
-        return O(a, a.head, t), I(t, a, e, a.head, 0), P(a);
+        var o = new D();
+        return O(o, o.head, e), _(e, o, t, o.head, 0), P(o);
       },
       /**
        * @namespace
@@ -774,9 +774,9 @@ var he = { exports: {} };
          * @param {HookCallback} callback The callback function which is given environment variables.
          * @public
          */
-        add: function(t, e) {
-          var r = s.hooks.all;
-          r[t] = r[t] || [], r[t].push(e);
+        add: function(e, t) {
+          var a = s.hooks.all;
+          a[e] = a[e] || [], a[e].push(t);
         },
         /**
          * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -787,94 +787,94 @@ var he = { exports: {} };
          * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
          * @public
          */
-        run: function(t, e) {
-          var r = s.hooks.all[t];
-          if (!(!r || !r.length))
-            for (var o = 0, a; a = r[o++]; )
-              a(e);
+        run: function(e, t) {
+          var a = s.hooks.all[e];
+          if (!(!a || !a.length))
+            for (var r = 0, o; o = a[r++]; )
+              o(t);
         }
       },
       Token: m
     };
     l.Prism = s;
-    function m(t, e, r, o) {
-      this.type = t, this.content = e, this.alias = r, this.length = (o || "").length | 0;
+    function m(e, t, a, r) {
+      this.type = e, this.content = t, this.alias = a, this.length = (r || "").length | 0;
     }
-    m.stringify = function t(e, r) {
-      if (typeof e == "string")
-        return e;
-      if (Array.isArray(e)) {
-        var o = "";
-        return e.forEach(function(S) {
-          o += t(S, r);
-        }), o;
+    m.stringify = function e(t, a) {
+      if (typeof t == "string")
+        return t;
+      if (Array.isArray(t)) {
+        var r = "";
+        return t.forEach(function(w) {
+          r += e(w, a);
+        }), r;
       }
-      var a = {
-        type: e.type,
-        content: t(e.content, r),
+      var o = {
+        type: t.type,
+        content: e(t.content, a),
         tag: "span",
-        classes: ["token", e.type],
+        classes: ["token", t.type],
         attributes: {},
-        language: r
-      }, c = e.alias;
-      c && (Array.isArray(c) ? Array.prototype.push.apply(a.classes, c) : a.classes.push(c)), s.hooks.run("wrap", a);
-      var E = "";
-      for (var u in a.attributes)
-        E += " " + u + '="' + (a.attributes[u] || "").replace(/"/g, "&quot;") + '"';
-      return "<" + a.tag + ' class="' + a.classes.join(" ") + '"' + E + ">" + a.content + "</" + a.tag + ">";
+        language: a
+      }, c = t.alias;
+      c && (Array.isArray(c) ? Array.prototype.push.apply(o.classes, c) : o.classes.push(c)), s.hooks.run("wrap", o);
+      var v = "";
+      for (var u in o.attributes)
+        v += " " + u + '="' + (o.attributes[u] || "").replace(/"/g, "&quot;") + '"';
+      return "<" + o.tag + ' class="' + o.classes.join(" ") + '"' + v + ">" + o.content + "</" + o.tag + ">";
     };
-    function b(t, e, r, o) {
-      t.lastIndex = e;
-      var a = t.exec(r);
-      if (a && o && a[1]) {
-        var c = a[1].length;
-        a.index += c, a[0] = a[0].slice(c);
+    function f(e, t, a, r) {
+      e.lastIndex = t;
+      var o = e.exec(a);
+      if (o && r && o[1]) {
+        var c = o[1].length;
+        o.index += c, o[0] = o[0].slice(c);
       }
-      return a;
+      return o;
     }
-    function I(t, e, r, o, a, c) {
-      for (var E in r)
-        if (!(!r.hasOwnProperty(E) || !r[E])) {
-          var u = r[E];
+    function _(e, t, a, r, o, c) {
+      for (var v in a)
+        if (!(!a.hasOwnProperty(v) || !a[v])) {
+          var u = a[v];
           u = Array.isArray(u) ? u : [u];
-          for (var S = 0; S < u.length; ++S) {
-            if (c && c.cause == E + "," + S)
+          for (var w = 0; w < u.length; ++w) {
+            if (c && c.cause == v + "," + w)
               return;
-            var R = u[S], M = R.inside, Y = !!R.lookbehind, j = !!R.greedy, ee = R.alias;
+            var R = u[w], M = R.inside, Y = !!R.lookbehind, j = !!R.greedy, ee = R.alias;
             if (j && !R.pattern.global) {
               var X = R.pattern.toString().match(/[imsuy]*$/)[0];
               R.pattern = RegExp(R.pattern.source, X + "g");
             }
-            for (var W = R.pattern || R, L = o.next, d = a; L !== e.tail && !(c && d >= c.reach); d += L.value.length, L = L.next) {
-              var h = L.value;
-              if (e.length > t.length)
+            for (var W = R.pattern || R, N = r.next, d = o; N !== t.tail && !(c && d >= c.reach); d += N.value.length, N = N.next) {
+              var p = N.value;
+              if (t.length > e.length)
                 return;
-              if (!(h instanceof m)) {
-                var w = 1, F;
+              if (!(p instanceof m)) {
+                var A = 1, F;
                 if (j) {
-                  if (F = b(W, d, t, Y), !F || F.index >= t.length)
+                  if (F = f(W, d, e, Y), !F || F.index >= e.length)
                     break;
                   var Z = F.index, V = F.index + F[0].length, $ = d;
-                  for ($ += L.value.length; Z >= $; )
-                    L = L.next, $ += L.value.length;
-                  if ($ -= L.value.length, d = $, L.value instanceof m)
+                  for ($ += N.value.length; Z >= $; )
+                    N = N.next, $ += N.value.length;
+                  if ($ -= N.value.length, d = $, N.value instanceof m)
                     continue;
-                  for (var G = L; G !== e.tail && ($ < V || typeof G.value == "string"); G = G.next)
-                    w++, $ += G.value.length;
-                  w--, h = t.slice(d, $), F.index -= d;
-                } else if (F = b(W, 0, h, Y), !F)
+                  for (var G = N; G !== t.tail && ($ < V || typeof G.value == "string"); G = G.next)
+                    A++, $ += G.value.length;
+                  A--, p = e.slice(d, $), F.index -= d;
+                } else if (F = f(W, 0, p, Y), !F)
                   continue;
-                var Z = F.index, K = F[0], te = h.slice(0, Z), ce = h.slice(Z + K.length), ne = d + h.length;
+                var Z = F.index, K = F[0], te = p.slice(0, Z), ce = p.slice(Z + K.length), ne = d + p.length;
                 c && ne > c.reach && (c.reach = ne);
-                var q = L.prev;
-                te && (q = O(e, q, te), d += te.length), C(e, q, w);
-                var me = new m(E, M ? s.tokenize(K, M) : K, ee, K);
-                if (L = O(e, q, me), ce && O(e, L, ce), w > 1) {
-                  var re = {
-                    cause: E + "," + S,
+                var q = N.prev;
+                te && (q = O(t, q, te), d += te.length), C(t, q, A);
+                var fe = new m(v, M ? s.tokenize(K, M) : K, ee, K);
+                if (N = O(t, q, fe), ce && O(t, N, ce), A > 1) {
+                  var ae = {
+                    cause: v + "," + w,
                     reach: ne
                   };
-                  I(t, e, r, L.prev, d, re), c && re.reach > c.reach && (c.reach = re.reach);
+                  _(e, t, a, N.prev, d, ae), c && ae.reach > c.reach && (c.reach = ae.reach);
                 }
               }
             }
@@ -882,36 +882,36 @@ var he = { exports: {} };
         }
     }
     function D() {
-      var t = { value: null, prev: null, next: null }, e = { value: null, prev: t, next: null };
-      t.next = e, this.head = t, this.tail = e, this.length = 0;
+      var e = { value: null, prev: null, next: null }, t = { value: null, prev: e, next: null };
+      e.next = t, this.head = e, this.tail = t, this.length = 0;
     }
-    function O(t, e, r) {
-      var o = e.next, a = { value: r, prev: e, next: o };
-      return e.next = a, o.prev = a, t.length++, a;
+    function O(e, t, a) {
+      var r = t.next, o = { value: a, prev: t, next: r };
+      return t.next = o, r.prev = o, e.length++, o;
     }
-    function C(t, e, r) {
-      for (var o = e.next, a = 0; a < r && o !== t.tail; a++)
-        o = o.next;
-      e.next = o, o.prev = e, t.length -= a;
+    function C(e, t, a) {
+      for (var r = t.next, o = 0; o < a && r !== e.tail; o++)
+        r = r.next;
+      t.next = r, r.prev = t, e.length -= o;
     }
-    function P(t) {
-      for (var e = [], r = t.head.next; r !== t.tail; )
-        e.push(r.value), r = r.next;
-      return e;
+    function P(e) {
+      for (var t = [], a = e.head.next; a !== e.tail; )
+        t.push(a.value), a = a.next;
+      return t;
     }
     if (!l.document)
-      return l.addEventListener && (s.disableWorkerMessageHandler || l.addEventListener("message", function(t) {
-        var e = JSON.parse(t.data), r = e.language, o = e.code, a = e.immediateClose;
-        l.postMessage(s.highlight(o, s.languages[r], r)), a && l.close();
+      return l.addEventListener && (s.disableWorkerMessageHandler || l.addEventListener("message", function(e) {
+        var t = JSON.parse(e.data), a = t.language, r = t.code, o = t.immediateClose;
+        l.postMessage(s.highlight(r, s.languages[a], a)), o && l.close();
       }, !1)), s;
-    var f = s.util.currentScript();
-    f && (s.filename = f.src, f.hasAttribute("data-manual") && (s.manual = !0));
-    function p() {
+    var S = s.util.currentScript();
+    S && (s.filename = S.src, S.hasAttribute("data-manual") && (s.manual = !0));
+    function E() {
       s.manual || s.highlightAll();
     }
     if (!s.manual) {
-      var k = document.readyState;
-      k === "loading" || k === "interactive" && f && f.defer ? document.addEventListener("DOMContentLoaded", p) : window.requestAnimationFrame ? window.requestAnimationFrame(p) : window.setTimeout(p, 16);
+      var h = document.readyState;
+      h === "loading" || h === "interactive" && S && S.defer ? document.addEventListener("DOMContentLoaded", E) : window.requestAnimationFrame ? window.requestAnimationFrame(E) : window.setTimeout(E, 16);
     }
     return s;
   }(g);
@@ -1006,17 +1006,17 @@ var he = { exports: {} };
      * @example
      * addInlined('style', 'css');
      */
-    value: function(v, T) {
-      var A = {};
-      A["language-" + T] = {
+    value: function(b, T) {
+      var k = {};
+      k["language-" + T] = {
         pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
         lookbehind: !0,
         inside: n.languages[T]
-      }, A.cdata = /^<!\[CDATA\[|\]\]>$/i;
+      }, k.cdata = /^<!\[CDATA\[|\]\]>$/i;
       var s = {
         "included-cdata": {
           pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-          inside: A
+          inside: k
         }
       };
       s["language-" + T] = {
@@ -1024,9 +1024,9 @@ var he = { exports: {} };
         inside: n.languages[T]
       };
       var m = {};
-      m[v] = {
+      m[b] = {
         pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function() {
-          return v;
+          return b;
         }), "i"),
         lookbehind: !0,
         greedy: !0,
@@ -1045,7 +1045,7 @@ var he = { exports: {} };
      * @example
      * addAttribute('style', 'css');
      */
-    value: function(l, v) {
+    value: function(l, b) {
       n.languages.markup.tag.inside["special-attr"].push({
         pattern: RegExp(
           /(^|["'\s])/.source + "(?:" + l + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,
@@ -1060,8 +1060,8 @@ var he = { exports: {} };
               value: {
                 pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
                 lookbehind: !0,
-                alias: [v, "language-" + v],
-                inside: n.languages[v]
+                alias: [b, "language-" + b],
+                inside: n.languages[b]
               },
               punctuation: [
                 {
@@ -1076,11 +1076,11 @@ var he = { exports: {} };
       });
     }
   }), n.languages.html = n.languages.markup, n.languages.mathml = n.languages.markup, n.languages.svg = n.languages.markup, n.languages.xml = n.languages.extend("markup", {}), n.languages.ssml = n.languages.xml, n.languages.atom = n.languages.xml, n.languages.rss = n.languages.xml, function(l) {
-    var v = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
+    var b = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
     l.languages.css = {
       comment: /\/\*[\s\S]*?\*\//,
       atrule: {
-        pattern: RegExp("@[\\w-](?:" + /[^;{\s"']|\s+(?!\s)/.source + "|" + v.source + ")*?" + /(?:;|(?=\s*\{))/.source),
+        pattern: RegExp("@[\\w-](?:" + /[^;{\s"']|\s+(?!\s)/.source + "|" + b.source + ")*?" + /(?:;|(?=\s*\{))/.source),
         inside: {
           rule: /^@[\w-]+/,
           "selector-function-argument": {
@@ -1097,23 +1097,23 @@ var he = { exports: {} };
       },
       url: {
         // https://drafts.csswg.org/css-values-3/#urls
-        pattern: RegExp("\\burl\\((?:" + v.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", "i"),
+        pattern: RegExp("\\burl\\((?:" + b.source + "|" + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ")\\)", "i"),
         greedy: !0,
         inside: {
           function: /^url/i,
           punctuation: /^\(|\)$/,
           string: {
-            pattern: RegExp("^" + v.source + "$"),
+            pattern: RegExp("^" + b.source + "$"),
             alias: "url"
           }
         }
       },
       selector: {
-        pattern: RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + v.source + ")*(?=\\s*\\{)"),
+        pattern: RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|` + b.source + ")*(?=\\s*\\{)"),
         lookbehind: !0
       },
       string: {
-        pattern: v,
+        pattern: b,
         greedy: !0
       },
       property: {
@@ -1293,9 +1293,9 @@ var he = { exports: {} };
     if (typeof n > "u" || typeof document > "u")
       return;
     Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);
-    var l = "Loading…", v = function(f, p) {
-      return "✖ Error " + f + " while fetching file: " + p;
-    }, T = "✖ Error: File does not exist or is empty", A = {
+    var l = "Loading…", b = function(S, E) {
+      return "✖ Error " + S + " while fetching file: " + E;
+    }, T = "✖ Error: File does not exist or is empty", k = {
       js: "javascript",
       py: "python",
       rb: "ruby",
@@ -1305,52 +1305,52 @@ var he = { exports: {} };
       bat: "batch",
       h: "c",
       tex: "latex"
-    }, s = "data-src-status", m = "loading", b = "loaded", I = "failed", D = "pre[data-src]:not([" + s + '="' + b + '"]):not([' + s + '="' + m + '"])';
-    function O(f, p, k) {
-      var t = new XMLHttpRequest();
-      t.open("GET", f, !0), t.onreadystatechange = function() {
-        t.readyState == 4 && (t.status < 400 && t.responseText ? p(t.responseText) : t.status >= 400 ? k(v(t.status, t.statusText)) : k(T));
-      }, t.send(null);
+    }, s = "data-src-status", m = "loading", f = "loaded", _ = "failed", D = "pre[data-src]:not([" + s + '="' + f + '"]):not([' + s + '="' + m + '"])';
+    function O(S, E, h) {
+      var e = new XMLHttpRequest();
+      e.open("GET", S, !0), e.onreadystatechange = function() {
+        e.readyState == 4 && (e.status < 400 && e.responseText ? E(e.responseText) : e.status >= 400 ? h(b(e.status, e.statusText)) : h(T));
+      }, e.send(null);
     }
-    function C(f) {
-      var p = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(f || "");
-      if (p) {
-        var k = Number(p[1]), t = p[2], e = p[3];
-        return t ? e ? [k, Number(e)] : [k, void 0] : [k, k];
+    function C(S) {
+      var E = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(S || "");
+      if (E) {
+        var h = Number(E[1]), e = E[2], t = E[3];
+        return e ? t ? [h, Number(t)] : [h, void 0] : [h, h];
       }
     }
-    n.hooks.add("before-highlightall", function(f) {
-      f.selector += ", " + D;
-    }), n.hooks.add("before-sanity-check", function(f) {
-      var p = (
+    n.hooks.add("before-highlightall", function(S) {
+      S.selector += ", " + D;
+    }), n.hooks.add("before-sanity-check", function(S) {
+      var E = (
         /** @type {HTMLPreElement} */
-        f.element
+        S.element
       );
-      if (p.matches(D)) {
-        f.code = "", p.setAttribute(s, m);
-        var k = p.appendChild(document.createElement("CODE"));
-        k.textContent = l;
-        var t = p.getAttribute("data-src"), e = f.language;
-        if (e === "none") {
-          var r = (/\.(\w+)$/.exec(t) || [, "none"])[1];
-          e = A[r] || r;
+      if (E.matches(D)) {
+        S.code = "", E.setAttribute(s, m);
+        var h = E.appendChild(document.createElement("CODE"));
+        h.textContent = l;
+        var e = E.getAttribute("data-src"), t = S.language;
+        if (t === "none") {
+          var a = (/\.(\w+)$/.exec(e) || [, "none"])[1];
+          t = k[a] || a;
         }
-        n.util.setLanguage(k, e), n.util.setLanguage(p, e);
-        var o = n.plugins.autoloader;
-        o && o.loadLanguages(e), O(
-          t,
-          function(a) {
-            p.setAttribute(s, b);
-            var c = C(p.getAttribute("data-range"));
+        n.util.setLanguage(h, t), n.util.setLanguage(E, t);
+        var r = n.plugins.autoloader;
+        r && r.loadLanguages(t), O(
+          e,
+          function(o) {
+            E.setAttribute(s, f);
+            var c = C(E.getAttribute("data-range"));
             if (c) {
-              var E = a.split(/\r\n?|\n/g), u = c[0], S = c[1] == null ? E.length : c[1];
-              u < 0 && (u += E.length), u = Math.max(0, Math.min(u - 1, E.length)), S < 0 && (S += E.length), S = Math.max(0, Math.min(S, E.length)), a = E.slice(u, S).join(`
-`), p.hasAttribute("data-start") || p.setAttribute("data-start", String(u + 1));
+              var v = o.split(/\r\n?|\n/g), u = c[0], w = c[1] == null ? v.length : c[1];
+              u < 0 && (u += v.length), u = Math.max(0, Math.min(u - 1, v.length)), w < 0 && (w += v.length), w = Math.max(0, Math.min(w, v.length)), o = v.slice(u, w).join(`
+`), E.hasAttribute("data-start") || E.setAttribute("data-start", String(u + 1));
             }
-            k.textContent = a, n.highlightElement(k);
+            h.textContent = o, n.highlightElement(h);
           },
-          function(a) {
-            p.setAttribute(s, I), k.textContent = a;
+          function(o) {
+            E.setAttribute(s, _), h.textContent = o;
           }
         );
       }
@@ -1362,9 +1362,9 @@ var he = { exports: {} };
        *
        * @param {ParentNode} [container=document]
        */
-      highlight: function(p) {
-        for (var k = (p || document).querySelectorAll(D), t = 0, e; e = k[t++]; )
-          n.highlightElement(e);
+      highlight: function(E) {
+        for (var h = (E || document).querySelectorAll(D), e = 0, t; t = h[e++]; )
+          n.highlightElement(t);
       }
     };
     var P = !1;
@@ -1373,8 +1373,8 @@ var he = { exports: {} };
     };
   }();
 })(he);
-var Pe = he.exports;
-const se = /* @__PURE__ */ De(Pe);
+var $e = he.exports;
+const se = /* @__PURE__ */ Pe($e);
 Prism.languages.clike = {
   comment: [
     {
@@ -2170,7 +2170,7 @@ Prism.languages.sql = {
       lookbehind: !0
     }
   }, n.inside = i.languages.bash;
-  for (var v = [
+  for (var b = [
     "comment",
     "function-name",
     "for-or-select",
@@ -2186,8 +2186,8 @@ Prism.languages.sql = {
     "operator",
     "punctuation",
     "number"
-  ], T = l.variable[1].inside, A = 0; A < v.length; A++)
-    T[v[A]] = i.languages.bash[v[A]];
+  ], T = l.variable[1].inside, k = 0; k < b.length; k++)
+    T[b[k]] = i.languages.bash[b[k]];
   i.languages.sh = i.languages.bash, i.languages.shell = i.languages.bash;
 })(Prism);
 Prism.languages.json = {
@@ -2215,7 +2215,7 @@ Prism.languages.json = {
   }
 };
 Prism.languages.webmanifest = Prism.languages.json;
-const $e = `
+const Me = `
 /* 默认代码颜色 */
 .hep-cr-editor .hep-cr-highlight code,
 .hep-cr-editor .hep-cr-highlight pre {
@@ -2301,7 +2301,7 @@ const $e = `
 .hep-cr-editor .token.console {
   color: #f8f8f2 !important;
 }
-`, Me = `
+`, Ue = `
 /* 默认代码颜色 */
 .hep-cr-editor .hep-cr-highlight code,
 .hep-cr-editor .hep-cr-highlight pre {
@@ -2378,7 +2378,7 @@ const $e = `
 .hep-cr-editor .token.console {
   color: #333 !important;
 }
-`, Ue = ["innerHTML"], Be = ["value", "disabled"], He = /* @__PURE__ */ le({
+`, Be = ["innerHTML"], He = ["value", "disabled"], Ge = 500, ze = /* @__PURE__ */ le({
   __name: "CodeEditor",
   props: {
     modelValue: {},
@@ -2386,19 +2386,26 @@ const $e = `
     theme: { default: "dark" },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change"],
   setup(i, { emit: g }) {
-    be((f) => ({
-      v6d72dafb: b.value
+    be((h) => ({
+      v2b19bab6: D.value
     })), typeof window < "u" && (window.Prism = se);
-    function n(f) {
+    function n(h) {
       if (typeof document > "u") return;
-      const p = "hep-cr-prism-styles", k = document.getElementById(p), t = f === "dark" ? $e : Me;
-      k && k.remove();
-      const e = document.createElement("style");
-      e.id = p, e.textContent = t, document.head.appendChild(e);
+      const e = "hep-cr-prism-styles", t = document.getElementById(e), a = h === "dark" ? Me : Ue;
+      t && t.remove();
+      const r = document.createElement("style");
+      r.id = e, r.textContent = a, document.head.appendChild(r);
+    }
+    const l = i, b = g, T = L(null), k = L(null);
+    let s = null;
+    function m(h) {
+      s && clearTimeout(s), s = setTimeout(() => {
+        b("change", h);
+      }, Ge);
     }
-    const l = i, v = g, T = N(null), A = N(null), s = {
+    const f = {
       javascript: "javascript",
       js: "javascript",
       typescript: "typescript",
@@ -2429,47 +2436,49 @@ const $e = `
       yml: "yaml",
       markdown: "markdown",
       md: "markdown"
-    }, m = B(() => s[l.language.toLowerCase()] || "javascript"), b = B(() => l.theme === "dark" ? "#1e1e1e" : "#fafafa"), I = B(() => {
+    }, _ = B(() => f[l.language.toLowerCase()] || "javascript"), D = B(() => l.theme === "dark" ? "#1e1e1e" : "#fafafa"), O = B(() => {
       try {
-        const f = se.languages[m.value];
-        if (f)
-          return se.highlight(l.modelValue || "", f, m.value);
+        const h = se.languages[_.value];
+        if (h)
+          return se.highlight(l.modelValue || "", h, _.value);
       } catch {
       }
-      return D(l.modelValue || "");
+      return C(l.modelValue || "");
     });
-    function D(f) {
-      const p = document.createElement("div");
-      return p.textContent = f, p.innerHTML;
+    function C(h) {
+      const e = document.createElement("div");
+      return e.textContent = h, e.innerHTML;
     }
-    function O(f) {
-      const p = f.target;
-      v("update:modelValue", p.value);
+    function P(h) {
+      const e = h.target;
+      b("update:modelValue", e.value), m(e.value);
     }
-    function C() {
-      T.value && A.value && (A.value.scrollTop = T.value.scrollTop, A.value.scrollLeft = T.value.scrollLeft);
+    function S() {
+      T.value && k.value && (k.value.scrollTop = T.value.scrollTop, k.value.scrollLeft = T.value.scrollLeft);
     }
-    function P(f) {
-      if (f.key === "Tab") {
-        f.preventDefault();
-        const p = f.target, k = p.selectionStart, t = p.selectionEnd, e = p.value;
-        p.value = e.substring(0, k) + "  " + e.substring(t), p.selectionStart = p.selectionEnd = k + 2, v("update:modelValue", p.value);
+    function E(h) {
+      if (h.key === "Tab") {
+        h.preventDefault();
+        const e = h.target, t = e.selectionStart, a = e.selectionEnd, r = e.value;
+        e.value = r.substring(0, t) + "  " + r.substring(a), e.selectionStart = e.selectionEnd = t + 2, b("update:modelValue", e.value), m(e.value);
       }
     }
     return ge(() => {
       n(l.theme);
-    }), ue(() => l.theme, (f) => {
-      n(f);
-    }), (f, p) => (x(), _("div", {
+    }), ue(() => l.theme, (h) => {
+      n(h);
+    }), Ee(() => {
+      s && clearTimeout(s);
+    }), (h, e) => (x(), I("div", {
       class: z(["hep-cr-editor", `hep-cr-theme-${i.theme}`])
     }, [
       y("pre", {
         ref_key: "highlightRef",
-        ref: A,
-        class: z(["hep-cr-highlight", [`language-${m.value}`, `hep-cr-prism-${i.theme}`]]),
+        ref: k,
+        class: z(["hep-cr-highlight", [`language-${_.value}`, `hep-cr-prism-${i.theme}`]]),
         "aria-hidden": "true"
       }, [
-        y("code", { innerHTML: I.value }, null, 8, Ue)
+        y("code", { innerHTML: O.value }, null, 8, Be)
       ], 2),
       y("textarea", {
         ref_key: "codeRef",
@@ -2477,29 +2486,29 @@ const $e = `
         class: "hep-cr-input",
         value: i.modelValue,
         disabled: i.disabled,
-        onInput: O,
-        onScroll: C,
-        onKeydown: P,
+        onInput: P,
+        onScroll: S,
+        onKeydown: E,
         spellcheck: "false",
         placeholder: "Write your code here..."
-      }, null, 40, Be)
+      }, null, 40, He)
     ], 2));
   }
-}), fe = (i, g) => {
+}), me = (i, g) => {
   const n = i.__vccOpts || i;
-  for (const [l, v] of g)
-    n[l] = v;
+  for (const [l, b] of g)
+    n[l] = b;
   return n;
-}, Ge = /* @__PURE__ */ fe(He, [["__scopeId", "data-v-bf752fa5"]]), ze = { class: "hep-cr-header" }, je = { class: "hep-cr-controls" }, We = ["disabled"], Ve = {
+}, je = /* @__PURE__ */ me(ze, [["__scopeId", "data-v-a988ca2a"]]), We = { class: "hep-cr-header" }, Ve = { class: "hep-cr-controls" }, Ye = ["disabled"], Xe = {
   key: 0,
   value: ""
-}, Ye = ["value"], Xe = { class: "hep-cr-actions" }, Ze = ["disabled"], Ke = {
+}, Ze = ["value"], Ke = { class: "hep-cr-actions" }, qe = ["disabled"], Je = {
   key: 0,
   class: "hep-cr-spinner"
-}, qe = {
+}, Qe = {
   key: 1,
   class: "hep-cr-run-icon"
-}, Je = ["title"], Qe = {
+}, et = ["title"], tt = {
   key: 0,
   width: "16",
   height: "16",
@@ -2507,7 +2516,7 @@ const $e = `
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, et = {
+}, nt = {
   key: 1,
   width: "16",
   height: "16",
@@ -2515,10 +2524,10 @@ const $e = `
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, tt = {
+}, at = {
   key: 0,
   class: "hep-cr-error"
-}, nt = { class: "hep-cr-main" }, rt = { class: "hep-cr-panel-header" }, at = { class: "hep-cr-output-actions" }, ot = { class: "hep-cr-language-badge" }, st = ["disabled", "title"], it = {
+}, rt = { class: "hep-cr-main" }, ot = { class: "hep-cr-panel-header" }, st = { class: "hep-cr-output-actions" }, it = { class: "hep-cr-language-badge" }, lt = ["disabled", "title"], ut = {
   key: 0,
   width: "14",
   height: "14",
@@ -2526,13 +2535,13 @@ const $e = `
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, lt = {
+}, ct = {
   key: 1,
   class: "hep-cr-copied-text"
-}, ut = { class: "hep-cr-panel-header" }, ct = { class: "hep-cr-output-tabs" }, dt = { class: "hep-cr-output-actions" }, pt = {
+}, dt = { class: "hep-cr-panel-header" }, pt = { class: "hep-cr-output-tabs" }, gt = { class: "hep-cr-output-actions" }, ht = {
   key: 0,
   class: "hep-cr-execution-time"
-}, gt = ["disabled", "title"], ht = {
+}, mt = ["disabled", "title"], ft = {
   key: 0,
   width: "14",
   height: "14",
@@ -2540,13 +2549,13 @@ const $e = `
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "2"
-}, ft = {
+}, bt = {
   key: 1,
   class: "hep-cr-copied-text"
-}, mt = { class: "hep-cr-output-content" }, bt = { key: 0 }, vt = {
+}, Et = { class: "hep-cr-output-content" }, vt = { key: 0 }, yt = {
   key: 1,
   class: "hep-cr-stderr"
-}, Et = /* @__PURE__ */ le({
+}, At = /* @__PURE__ */ le({
   __name: "CodeRunner",
   props: {
     pistonUrl: { default: "/api/piston" },
@@ -2559,65 +2568,65 @@ const $e = `
     defaultCode: {},
     executorLabel: { default: "运行" }
   },
-  emits: ["execute-start", "execute-end", "language-change"],
+  emits: ["execute-start", "execute-end", "language-change", "change"],
   setup(i, { emit: g }) {
     const n = i, l = B(() => {
       if (!n.themeColor) return {};
-      const d = n.theme === "dark", h = n.themeColor, F = v(h) ? "#000" : "#fff";
+      const d = n.theme === "dark", p = n.themeColor, F = b(p) ? "#000" : "#fff";
       return {
-        "--hep-cr-theme-color": h,
-        "--hep-cr-theme-color-hover": d ? T(h, 20) : T(h, -20),
+        "--hep-cr-theme-color": p,
+        "--hep-cr-theme-color-hover": d ? T(p, 20) : T(p, -20),
         "--hep-cr-tab-active-color": F
       };
     });
-    function v(d) {
-      const h = parseInt(d.replace("#", ""), 16), w = h >> 16 & 255, F = h >> 8 & 255, V = h & 255;
-      return (0.299 * w + 0.587 * F + 0.114 * V) / 255 > 0.5;
+    function b(d) {
+      const p = parseInt(d.replace("#", ""), 16), A = p >> 16 & 255, F = p >> 8 & 255, V = p & 255;
+      return (0.299 * A + 0.587 * F + 0.114 * V) / 255 > 0.5;
     }
-    function T(d, h) {
-      const w = parseInt(d.replace("#", ""), 16), F = Math.round(2.55 * h), V = Math.min(255, Math.max(0, (w >> 16) + F)), $ = Math.min(255, Math.max(0, (w >> 8 & 255) + F)), G = Math.min(255, Math.max(0, (w & 255) + F));
+    function T(d, p) {
+      const A = parseInt(d.replace("#", ""), 16), F = Math.round(2.55 * p), V = Math.min(255, Math.max(0, (A >> 16) + F)), $ = Math.min(255, Math.max(0, (A >> 8 & 255) + F)), G = Math.min(255, Math.max(0, (A & 255) + F));
       return "#" + (16777216 + V * 65536 + $ * 256 + G).toString(16).slice(1);
     }
-    const A = g, s = N([]), m = N(n.language), b = N(n.theme), I = N(""), D = N(""), O = N(""), C = N(!1), P = N(null), f = N("stdout"), p = N(null), k = N(!1), t = N(60);
-    function e() {
-      b.value = b.value === "light" ? "dark" : "light";
+    const k = g, s = L([]), m = L(n.language), f = L(n.theme), _ = L(""), D = L(""), O = L(""), C = L(!1), P = L(null), S = L("stdout"), E = L(null), h = L(!1), e = L(60);
+    function t() {
+      f.value = f.value === "light" ? "dark" : "light";
     }
-    const r = B(
-      () => new Oe({ pistonUrl: n.pistonUrl })
-    ), o = B(() => s.value.map((d) => ({
+    const a = B(
+      () => new Ce({ pistonUrl: n.pistonUrl })
+    ), r = B(() => s.value.map((d) => ({
       value: `${d.language}:${d.version}`,
       label: `${d.language.charAt(0).toUpperCase() + d.language.slice(1)} ${d.version}`
-    }))), a = B(() => {
+    }))), o = B(() => {
       const d = m.value;
       return d.includes(":") ? d.split(":")[0] : d;
     });
     async function c() {
-      k.value = !0, p.value = null;
+      h.value = !0, E.value = null;
       try {
-        s.value = await r.value.getRuntimes();
-        const d = m.value.split(":")[0], h = s.value.find((w) => w.language === d);
-        h && !m.value.includes(":") && (m.value = `${d}:${h.version}`);
+        s.value = await a.value.getRuntimes();
+        const d = m.value.split(":")[0], p = s.value.find((A) => A.language === d);
+        p && !m.value.includes(":") && (m.value = `${d}:${p.version}`);
       } catch (d) {
-        p.value = d instanceof Error ? d.message : "Failed to load runtimes";
+        E.value = d instanceof Error ? d.message : "Failed to load runtimes";
       } finally {
-        k.value = !1;
+        h.value = !1;
       }
     }
     ue(m, (d) => {
-      const h = d.includes(":") ? d.split(":")[0] : d, w = oe(h);
-      I.value = w, A("language-change", h, w);
+      const p = d.includes(":") ? d.split(":")[0] : d, A = oe(p);
+      _.value = A, k("language-change", p, A);
     });
-    async function E() {
+    async function v() {
       if (!C.value) {
-        C.value = !0, D.value = "", O.value = "", P.value = null, p.value = null, f.value = "stdout", A("execute-start");
+        C.value = !0, D.value = "", O.value = "", P.value = null, E.value = null, S.value = "stdout", k("execute-start");
         try {
-          const d = await r.value.execute(a.value, I.value);
-          D.value = d.output, O.value = d.stderr, P.value = d.executionTime || null, f.value = d.stderr ? "stderr" : "stdout", A("execute-end", d);
+          const d = await a.value.execute(o.value, _.value);
+          D.value = d.output, O.value = d.stderr, P.value = d.executionTime || null, S.value = d.stderr ? "stderr" : "stdout", k("execute-end", d);
         } catch (d) {
-          p.value = d instanceof Error ? d.message : "Execution failed", A("execute-end", {
+          E.value = d instanceof Error ? d.message : "Execution failed", k("execute-end", {
             success: !1,
             output: "",
-            stderr: p.value,
+            stderr: E.value,
             code: -1
           });
         } finally {
@@ -2625,20 +2634,20 @@ const $e = `
         }
       }
     }
-    const u = N(!1), S = N(!1);
+    const u = L(!1), w = L(!1);
     async function R() {
-      await navigator.clipboard.writeText(I.value), u.value = !0, setTimeout(() => {
+      await navigator.clipboard.writeText(_.value), u.value = !0, setTimeout(() => {
         u.value = !1;
       }, 2e3);
     }
     async function M() {
-      const d = f.value === "stdout" ? D.value : O.value;
-      await navigator.clipboard.writeText(d), S.value = !0, setTimeout(() => {
-        S.value = !1;
+      const d = S.value === "stdout" ? D.value : O.value;
+      await navigator.clipboard.writeText(d), w.value = !0, setTimeout(() => {
+        w.value = !1;
       }, 2e3);
     }
     function Y() {
-      I.value = oe(a.value);
+      _.value = oe(o.value);
     }
     let j = !1;
     function ee(d) {
@@ -2646,86 +2655,86 @@ const $e = `
     }
     function X(d) {
       if (!j) return;
-      const h = document.querySelector(
+      const p = document.querySelector(
         ".hep-cr-main"
       );
-      if (!h) return;
-      const w = h.getBoundingClientRect(), F = (d.clientX - w.left) / w.width * 100;
-      t.value = Math.max(20, Math.min(80, F));
+      if (!p) return;
+      const A = p.getBoundingClientRect(), F = (d.clientX - A.left) / A.width * 100;
+      e.value = Math.max(20, Math.min(80, F));
     }
     function W() {
       j = !1, document.removeEventListener("mousemove", X), document.removeEventListener("mouseup", W), document.body.style.cursor = "", document.body.style.userSelect = "";
     }
     ge(async () => {
-      await c(), I.value || (I.value = n.defaultCode || oe(m.value));
+      await c(), _.value || (_.value = n.defaultCode || oe(m.value));
     });
-    const L = B(() => `hep-cr-runner-${b.value}`);
-    return (d, h) => (x(), _("div", {
-      class: z(["hep-cr-runner", L.value]),
+    const N = B(() => `hep-cr-runner-${f.value}`);
+    return (d, p) => (x(), I("div", {
+      class: z(["hep-cr-runner", N.value]),
       style: J(l.value)
     }, [
-      y("div", ze, [
-        y("div", je, [
-          i.showLanguageSelector ? ve((x(), _("select", {
+      y("div", We, [
+        y("div", Ve, [
+          i.showLanguageSelector ? ve((x(), I("select", {
             key: 0,
-            "onUpdate:modelValue": h[0] || (h[0] = (w) => m.value = w),
+            "onUpdate:modelValue": p[0] || (p[0] = (A) => m.value = A),
             class: "hep-cr-language-select",
             disabled: C.value
           }, [
-            k.value ? (x(), _("option", Ve, "加载中...")) : U("", !0),
-            (x(!0), _(Ee, null, ye(o.value, (w) => (x(), _("option", {
-              key: w.value,
-              value: w.value
-            }, H(w.label), 9, Ye))), 128))
-          ], 8, We)), [
-            [Ae, m.value]
+            h.value ? (x(), I("option", Xe, "加载中...")) : U("", !0),
+            (x(!0), I(ye, null, Ae(r.value, (A) => (x(), I("option", {
+              key: A.value,
+              value: A.value
+            }, H(A.label), 9, Ze))), 128))
+          ], 8, Ye)), [
+            [ke, m.value]
           ]) : U("", !0)
         ]),
-        y("div", Xe, [
+        y("div", Ke, [
           y("button", {
             class: "hep-cr-btn hep-cr-btn-run",
-            disabled: C.value || k.value,
-            onClick: E
+            disabled: C.value || h.value,
+            onClick: v
           }, [
-            C.value ? (x(), _("span", Ke)) : (x(), _("span", qe, "▶")),
-            ke(" " + H(C.value ? "运行中..." : i.executorLabel), 1)
-          ], 8, Ze),
-          i.showEditor && i.editable ? (x(), _("button", {
+            C.value ? (x(), I("span", Je)) : (x(), I("span", Qe, "▶")),
+            Se(" " + H(C.value ? "运行中..." : i.executorLabel), 1)
+          ], 8, qe),
+          i.showEditor && i.editable ? (x(), I("button", {
             key: 0,
             class: "hep-cr-btn hep-cr-btn-reset",
             onClick: Y
           }, " 重置 ")) : U("", !0),
           y("button", {
             class: "hep-cr-btn hep-cr-btn-theme",
-            onClick: e,
-            title: b.value === "light" ? "Switch to dark mode" : "Switch to light mode"
+            onClick: t,
+            title: f.value === "light" ? "Switch to dark mode" : "Switch to light mode"
           }, [
-            b.value === "light" ? (x(), _("svg", Qe, [...h[4] || (h[4] = [
+            f.value === "light" ? (x(), I("svg", tt, [...p[5] || (p[5] = [
               y("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }, null, -1)
-            ])])) : (x(), _("svg", et, [...h[5] || (h[5] = [
-              Se('<circle cx="12" cy="12" r="5" data-v-6f81b71d></circle><line x1="12" y1="1" x2="12" y2="3" data-v-6f81b71d></line><line x1="12" y1="21" x2="12" y2="23" data-v-6f81b71d></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64" data-v-6f81b71d></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78" data-v-6f81b71d></line><line x1="1" y1="12" x2="3" y2="12" data-v-6f81b71d></line><line x1="21" y1="12" x2="23" y2="12" data-v-6f81b71d></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36" data-v-6f81b71d></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22" data-v-6f81b71d></line>', 9)
+            ])])) : (x(), I("svg", nt, [...p[6] || (p[6] = [
+              we('<circle cx="12" cy="12" r="5" data-v-37101672></circle><line x1="12" y1="1" x2="12" y2="3" data-v-37101672></line><line x1="12" y1="21" x2="12" y2="23" data-v-37101672></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64" data-v-37101672></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78" data-v-37101672></line><line x1="1" y1="12" x2="3" y2="12" data-v-37101672></line><line x1="21" y1="12" x2="23" y2="12" data-v-37101672></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36" data-v-37101672></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22" data-v-37101672></line>', 9)
             ])]))
-          ], 8, Je)
+          ], 8, et)
         ])
       ]),
-      p.value ? (x(), _("div", tt, H(p.value), 1)) : U("", !0),
-      y("div", nt, [
-        i.showEditor ? (x(), _("div", {
+      E.value ? (x(), I("div", at, H(E.value), 1)) : U("", !0),
+      y("div", rt, [
+        i.showEditor ? (x(), I("div", {
           key: 0,
           class: "hep-cr-editor-panel",
-          style: J({ width: t.value + "%" })
+          style: J({ width: e.value + "%" })
         }, [
-          y("div", rt, [
-            h[7] || (h[7] = y("span", { class: "hep-cr-panel-title" }, "编辑器", -1)),
-            y("div", at, [
-              y("span", ot, H(a.value), 1),
+          y("div", ot, [
+            p[8] || (p[8] = y("span", { class: "hep-cr-panel-title" }, "编辑器", -1)),
+            y("div", st, [
+              y("span", it, H(o.value), 1),
               y("button", {
                 class: z(["hep-cr-btn-icon", { "hep-cr-btn-copied": u.value }]),
                 disabled: u.value,
                 onClick: R,
                 title: u.value ? "已复制" : "复制"
               }, [
-                u.value ? (x(), _("span", lt, "已复制")) : (x(), _("svg", it, [...h[6] || (h[6] = [
+                u.value ? (x(), I("span", ct, "已复制")) : (x(), I("svg", ut, [...p[7] || (p[7] = [
                   y("rect", {
                     x: "9",
                     y: "9",
@@ -2736,49 +2745,50 @@ const $e = `
                   }, null, -1),
                   y("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)
                 ])]))
-              ], 10, st)
+              ], 10, lt)
             ])
           ]),
-          ie(Ge, {
-            modelValue: I.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (w) => I.value = w),
-            language: a.value,
-            theme: b.value,
-            disabled: !i.editable || C.value
+          ie(je, {
+            modelValue: _.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (A) => _.value = A),
+            language: o.value,
+            theme: f.value,
+            disabled: !i.editable || C.value,
+            onChange: p[2] || (p[2] = (A) => k("change", A))
           }, null, 8, ["modelValue", "language", "theme", "disabled"])
         ], 4)) : U("", !0),
-        i.showEditor ? (x(), _("div", {
+        i.showEditor ? (x(), I("div", {
           key: 1,
           class: "hep-cr-resize-handle",
           onMousedown: ee
-        }, [...h[8] || (h[8] = [
+        }, [...p[9] || (p[9] = [
           y("div", { class: "hep-cr-resize-line" }, null, -1)
         ])], 32)) : U("", !0),
         y("div", {
           class: "hep-cr-output-panel",
-          style: J({ width: i.showEditor ? 100 - t.value + "%" : "100%" })
+          style: J({ width: i.showEditor ? 100 - e.value + "%" : "100%" })
         }, [
-          y("div", ut, [
-            y("div", ct, [
+          y("div", dt, [
+            y("div", pt, [
               y("button", {
-                class: z(["hep-cr-tab", { active: f.value === "stdout" }]),
-                onClick: h[2] || (h[2] = (w) => f.value = "stdout")
+                class: z(["hep-cr-tab", { active: S.value === "stdout" }]),
+                onClick: p[3] || (p[3] = (A) => S.value = "stdout")
               }, " 输出 ", 2),
-              O.value ? (x(), _("button", {
+              O.value ? (x(), I("button", {
                 key: 0,
-                class: z(["hep-cr-tab", "hep-cr-tab-error", { active: f.value === "stderr" }]),
-                onClick: h[3] || (h[3] = (w) => f.value = "stderr")
+                class: z(["hep-cr-tab", "hep-cr-tab-error", { active: S.value === "stderr" }]),
+                onClick: p[4] || (p[4] = (A) => S.value = "stderr")
               }, " 错误 ", 2)) : U("", !0)
             ]),
-            y("div", dt, [
-              P.value !== null ? (x(), _("span", pt, H(P.value) + "ms ", 1)) : U("", !0),
+            y("div", gt, [
+              P.value !== null ? (x(), I("span", ht, H(P.value) + "ms ", 1)) : U("", !0),
               y("button", {
-                class: z(["hep-cr-btn-icon", { "hep-cr-btn-copied": S.value }]),
-                disabled: S.value,
+                class: z(["hep-cr-btn-icon", { "hep-cr-btn-copied": w.value }]),
+                disabled: w.value,
                 onClick: M,
-                title: S.value ? "已复制" : "复制"
+                title: w.value ? "已复制" : "复制"
               }, [
-                S.value ? (x(), _("span", ft, "已复制")) : (x(), _("svg", ht, [...h[9] || (h[9] = [
+                w.value ? (x(), I("span", bt, "已复制")) : (x(), I("svg", ft, [...p[10] || (p[10] = [
                   y("rect", {
                     x: "9",
                     y: "9",
@@ -2789,20 +2799,20 @@ const $e = `
                   }, null, -1),
                   y("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)
                 ])]))
-              ], 10, gt)
+              ], 10, mt)
             ])
           ]),
-          y("div", mt, [
-            f.value === "stdout" ? (x(), _("pre", bt, H(C.value ? "代码执行中..." : D.value || '点击"运行"执行代码'), 1)) : (x(), _("pre", vt, H(O.value), 1))
+          y("div", Et, [
+            S.value === "stdout" ? (x(), I("pre", vt, H(C.value ? "代码执行中..." : D.value || '点击"运行"执行代码'), 1)) : (x(), I("pre", yt, H(O.value), 1))
           ])
         ], 4)
       ])
     ], 6));
   }
-}), Q = /* @__PURE__ */ fe(Et, [["__scopeId", "data-v-6f81b71d"]]), yt = { class: "hep-cr-dialog-header" }, At = { class: "hep-cr-dialog-title" }, kt = { class: "hep-cr-dialog-body" }, St = {
+}), Q = /* @__PURE__ */ me(At, [["__scopeId", "data-v-37101672"]]), kt = { class: "hep-cr-dialog-header" }, St = { class: "hep-cr-dialog-title" }, wt = { class: "hep-cr-dialog-body" }, Tt = {
   key: 0,
   class: "hep-cr-dialog-footer"
-}, Tt = /* @__PURE__ */ le({
+}, _t = /* @__PURE__ */ le({
   __name: "CodeRunnerDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -2811,33 +2821,34 @@ const $e = `
     pistonUrl: { default: "/api/piston" },
     language: { default: "javascript" },
     theme: { default: "light" },
+    themeColor: { default: "" },
     showLanguageSelector: { type: Boolean, default: !0 },
     showEditor: { type: Boolean, default: !0 },
     editable: { type: Boolean, default: !0 },
     defaultCode: {},
     executorLabel: { default: "运行" }
   },
-  emits: ["update:modelValue", "close"],
+  emits: ["update:modelValue", "close", "change"],
   setup(i, { expose: g, emit: n }) {
-    const l = i, v = n, T = N(l.modelValue), A = B(() => l.modelValue !== void 0 ? l.modelValue : T.value);
+    const l = i, b = n, T = L(l.modelValue), k = B(() => l.modelValue !== void 0 ? l.modelValue : T.value);
     ue(
       () => l.modelValue,
-      (b) => {
-        b !== void 0 && (T.value = b);
+      (f) => {
+        f !== void 0 && (T.value = f);
       }
     );
     function s() {
-      T.value = !1, v("update:modelValue", !1), v("close");
+      T.value = !1, b("update:modelValue", !1), b("close");
     }
-    function m(b) {
-      b.target === b.currentTarget && s();
+    function m(f) {
+      f.target === f.currentTarget && s();
     }
     return g({
       close: s
-    }), (b, I) => (x(), we(Te, { to: "body" }, [
-      ie(xe, { name: "hep-cr-dialog-fade" }, {
-        default: _e(() => [
-          A.value ? (x(), _("div", {
+    }), (f, _) => (x(), Te(xe, { to: "body" }, [
+      ie(_e, { name: "hep-cr-dialog-fade" }, {
+        default: Ie(() => [
+          k.value ? (x(), I("div", {
             key: 0,
             class: "hep-cr-dialog-overlay",
             onClick: m
@@ -2846,12 +2857,12 @@ const $e = `
               class: "hep-cr-dialog-container",
               style: J({ width: typeof i.width == "number" ? i.width + "px" : i.width })
             }, [
-              y("div", yt, [
-                y("h3", At, H(i.title), 1),
+              y("div", kt, [
+                y("h3", St, H(i.title), 1),
                 y("button", {
                   class: "hep-cr-dialog-close",
                   onClick: s
-                }, [...I[0] || (I[0] = [
+                }, [..._[0] || (_[0] = [
                   y("svg", {
                     width: "16",
                     height: "16",
@@ -2875,11 +2886,11 @@ const $e = `
                   ], -1)
                 ])])
               ]),
-              y("div", kt, [
-                ie(Q, Ie(Fe(b.$attrs)), null, 16)
+              y("div", wt, [
+                ie(Q, Fe(f.$attrs, Re(f.$attrs)), null, 16)
               ]),
-              b.$slots.footer ? (x(), _("div", St, [
-                Re(b.$slots, "footer", { close: s })
+              f.$slots.footer ? (x(), I("div", Tt, [
+                Ne(f.$slots, "footer", { close: s })
               ])) : U("", !0)
             ], 4)
           ])) : U("", !0)
@@ -2892,13 +2903,13 @@ const $e = `
 Q.install = (i) => {
   i.component("CodeRunner", Q);
 };
-const xt = {
+const It = {
   install(i) {
     i.component("CodeRunner", Q);
   }
 };
 export {
   Q as CodeRunner,
-  Tt as CodeRunnerDialog,
-  xt as default
+  _t as CodeRunnerDialog,
+  It as default
 };