x-block-lib 0.5.23 → 0.5.24

package/dist/index.js

@@ -10,9 +10,9 @@
 var Zr = Object.defineProperty;
 var el = (e, t, n) => t in e ? Zr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ke = (e, t, n) => el(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentScope as tl, onScopeDispose as nl, unref as Y, computed as Ee, watch as ht, ref as at, getCurrentInstance as Ao, onMounted as qt, defineComponent as tt, onBeforeUnmount as oo, resolveComponent as ve, openBlock as me, createBlock as je, withCtx as Qe, createVNode as Ae, mergeProps as Di, useModel as di, toRefs as ol, reactive as il, h as hi, onUnmounted as sl, nextTick as Mi, isRef as pn, resolveDirective as al, withDirectives as rl, createElementBlock as st, normalizeStyle as qe, createElementVNode as We, toDisplayString as vo, withModifiers as _n, Fragment as da, renderList as ll, withKeys as ha, createCommentVNode as Lt, mergeModels as is } from "vue";
+import { getCurrentScope as tl, onScopeDispose as nl, unref as Y, computed as Ae, watch as ht, ref as at, getCurrentInstance as Ao, onMounted as qt, defineComponent as tt, onBeforeUnmount as oo, resolveComponent as ve, openBlock as me, createBlock as je, withCtx as Xe, createVNode as Te, mergeProps as Di, useModel as di, toRefs as ol, reactive as il, h as hi, onUnmounted as sl, nextTick as Mi, isRef as pn, resolveDirective as al, withDirectives as rl, createElementBlock as st, normalizeStyle as Je, createElementVNode as We, toDisplayString as vo, withModifiers as _n, Fragment as da, renderList as ll, withKeys as ha, createCommentVNode as Lt, mergeModels as is } from "vue";
 import { d as b, j as r, O as u, M as g, u as I, X as cl, E as P, B as D, F as V, i as te, a as Dt, b as Oo, c as he, C as fa, e as ul, P as fi, N as Pi, V as jn, g as At, f as pl, h as ga, s as _l, S as Le, k as Xn, l as Ht, m as xn, n as $o, o as sn, p as kt, q as ss, G as Go, r as dl, t as hl, v as Wo, U as wn, D as Vn, w as wt, x as fl, T as bo, y as ma, z as gl, A as ml, H as Tl, I as as, J as El } from "./blockly-h1celjt4.js";
-import { openConfirmDlg as Al, openPromptDlg as vl, eventBus as Je, messageWarning as Ta, useColor as Io, useViewStack as yo, useSystem as Ea, injectDark as Ol, injectLocale as bl } from "x-essential-lib";
+import { openConfirmDlg as Al, openPromptDlg as vl, eventBus as Qe, messageWarning as Ta, useColor as Io, useViewStack as yo, useSystem as Ea, injectDark as Ol, injectLocale as bl } from "x-essential-lib";
 import { pkgs as Il, elements as ke, getPropTag as Co } from "x-runtime-lib";
 import { globalState as U } from "x-state-lib";
 import { useI18n as Nn } from "vue-i18n";
@@ -40,14 +40,14 @@ function Pl() {
 }
 function Ul(e) {
   const t = Pl();
-  return Ee(() => (t.value, !!e()));
+  return Ae(() => (t.value, !!e()));
 }
 function xl(e, t, n = {}) {
   const { window: o = Ml, ...i } = n;
   let s;
   const a = Ul(() => o && "ResizeObserver" in o), l = () => {
     s && (s.disconnect(), s = void 0);
-  }, c = Ee(() => {
+  }, c = Ae(() => {
     const d = va(e);
     return Array.isArray(d) ? d.map((h) => rs(h)) : [rs(d)];
   }), p = ht(
@@ -10144,21 +10144,21 @@ const Ro = {
       s && s.callback({ workspace: i }, new PointerEvent("dummy"));
     };
     return qt(() => {
-      Je.on("cleanWorkspace", o);
+      Qe.on("cleanWorkspace", o);
     }), oo(() => {
-      Je.off("cleanWorkspace", o);
+      Qe.off("cleanWorkspace", o);
     }), (i, s) => {
       const a = ve("v-btn"), l = ve("v-tooltip");
       return me(), je(l, {
         text: Y(t)("x-block-lib.tip.hotkeyCtrlQ")
       }, {
-        activator: Qe(({ props: c }) => [
-          Ae(a, Di(c, {
+        activator: Xe(({ props: c }) => [
+          Te(a, Di(c, {
             class: "mr-3",
             variant: "outlined",
             density: "comfortable",
             icon: Y(Cl),
-            onClick: s[0] || (s[0] = (p) => Y(Je).emit("cleanWorkspace"))
+            onClick: s[0] || (s[0] = (p) => Y(Qe).emit("cleanWorkspace"))
           }), null, 16, ["icon"])
         ]),
         _: 1
@@ -10179,8 +10179,8 @@ const Ro = {
       return me(), je(a, {
         text: Y(t)("x-block-lib.tip.hotkeyCtrlW")
       }, {
-        activator: Qe(({ props: l }) => [
-          Ae(s, Di(l, {
+        activator: Xe(({ props: l }) => [
+          Te(s, Di(l, {
             class: "mr-3",
             variant: "outlined",
             density: "comfortable",
@@ -11133,8 +11133,8 @@ R.prototype = /** @lends Sortable.prototype */
           return N(), t.insertBefore(T, ne), ue = t, K(), L(!0);
       } else if (n.parentNode === t) {
         i = ge(n);
-        var j = 0, Te, De = T.parentNode !== t, k = !pf(T.animated && T.toRect || o, n.animated && n.toRect || i, h), S = h ? "top" : "left", q = zs(n, "top", "top") || zs(T, "top", "top"), Q = q ? q.scrollTop : void 0;
-        Yt !== n && (Te = i[S], Tn = !1, Hn = !k && a.invertSwap || De), j = Tf(e, n, i, h, k ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Hn, Yt === n);
+        var j = 0, Ee, De = T.parentNode !== t, k = !pf(T.animated && T.toRect || o, n.animated && n.toRect || i, h), S = h ? "top" : "left", q = zs(n, "top", "top") || zs(T, "top", "top"), Q = q ? q.scrollTop : void 0;
+        Yt !== n && (Ee = i[S], Tn = !1, Hn = !k && a.invertSwap || De), j = Tf(e, n, i, h, k ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, Hn, Yt === n);
         var X;
         if (j !== 0) {
           var Z = Fe(T);
@@ -11149,7 +11149,7 @@ R.prototype = /** @lends Sortable.prototype */
         C = j === 1;
         var se = Gn(re, t, T, o, n, i, e, C);
         if (se !== !1)
-          return (se === 1 || se === -1) && (C = se === 1), Li = !0, setTimeout(ff, 30), N(), C && !ce ? t.appendChild(T) : n.parentNode.insertBefore(T, C ? ce : n), q && Er(q, 0, Q - q.scrollTop), ue = T.parentNode, Te !== void 0 && !Hn && (Zn = Math.abs(Te - ge(n)[S])), K(), L(!0);
+          return (se === 1 || se === -1) && (C = se === 1), Li = !0, setTimeout(ff, 30), N(), C && !ce ? t.appendChild(T) : n.parentNode.insertBefore(T, C ? ce : n), q && Er(q, 0, Q - q.scrollTop), ue = T.parentNode, Ee !== void 0 && !Hn && (Zn = Math.abs(Ee - ge(n)[S])), K(), L(!0);
       }
       if (t.contains(T))
         return L(!1);
@@ -11481,9 +11481,9 @@ var pi = Tr(function(e, t, n, o) {
     Si !== n && (Si = n, to(), cn = t.scroll, _ = t.scrollFn, cn === !0 && (cn = Tt(n, !0)));
     var d = 0, h = cn;
     do {
-      var m = h, O = ge(m), v = O.top, N = O.bottom, L = O.left, K = O.right, G = O.width, ne = O.height, j = void 0, Te = void 0, De = m.scrollWidth, k = m.scrollHeight, S = B(m), q = m.scrollLeft, Q = m.scrollTop;
-      m === c ? (j = G < De && (S.overflowX === "auto" || S.overflowX === "scroll" || S.overflowX === "visible"), Te = ne < k && (S.overflowY === "auto" || S.overflowY === "scroll" || S.overflowY === "visible")) : (j = G < De && (S.overflowX === "auto" || S.overflowX === "scroll"), Te = ne < k && (S.overflowY === "auto" || S.overflowY === "scroll"));
-      var X = j && (Math.abs(K - i) <= a && q + G < De) - (Math.abs(L - i) <= a && !!q), Z = Te && (Math.abs(N - s) <= a && Q + ne < k) - (Math.abs(v - s) <= a && !!Q);
+      var m = h, O = ge(m), v = O.top, N = O.bottom, L = O.left, K = O.right, G = O.width, ne = O.height, j = void 0, Ee = void 0, De = m.scrollWidth, k = m.scrollHeight, S = B(m), q = m.scrollLeft, Q = m.scrollTop;
+      m === c ? (j = G < De && (S.overflowX === "auto" || S.overflowX === "scroll" || S.overflowX === "visible"), Ee = ne < k && (S.overflowY === "auto" || S.overflowY === "scroll" || S.overflowY === "visible")) : (j = G < De && (S.overflowX === "auto" || S.overflowX === "scroll"), Ee = ne < k && (S.overflowY === "auto" || S.overflowY === "scroll"));
+      var X = j && (Math.abs(K - i) <= a && q + G < De) - (Math.abs(L - i) <= a && !!q), Z = Ee && (Math.abs(N - s) <= a && Q + ne < k) - (Math.abs(v - s) <= a && !!Q);
       if (!fe[d])
         for (var ce = 0; ce <= d; ce++)
           fe[ce] || (fe[ce] = {});
@@ -11687,10 +11687,10 @@ function Nf(...e) {
     save: () => c == null ? void 0 : c.save(),
     toArray: () => c == null ? void 0 : c.toArray(),
     closest: (...k) => c == null ? void 0 : c.closest(...k)
-  }, Te = () => j == null ? void 0 : j.option("disabled", !0), De = () => j == null ? void 0 : j.option("disabled", !1);
+  }, Ee = () => j == null ? void 0 : j.option("disabled", !0), De = () => j == null ? void 0 : j.option("disabled", !1);
   return yf(() => {
     p && ne();
-  }), If(j.destroy), Gt({ start: ne, pause: Te, resume: De }, j);
+  }), If(j.destroy), Gt({ start: ne, pause: Ee, resume: De }, j);
 }
 const Ri = [
   "update",
@@ -11762,13 +11762,13 @@ const Ri = [
     const s = Ri.reduce((_, d) => {
       const h = `on${d.replace(/^\S/, (m) => m.toUpperCase())}`;
       return _[h] = (...m) => n(d, ...m), _;
-    }, {}), a = Ee(() => {
+    }, {}), a = Ae(() => {
       const _ = ol(e), d = _r(_, ["modelValue"]), h = Object.entries(d).reduce((m, [O, v]) => {
         const N = Y(v);
         return N !== void 0 && (m[O] = N), m;
       }, {});
       return Gt(Gt({}, s), Yh(Gt(Gt({}, i), h)));
-    }), l = Ee({
+    }), l = Ae({
       get: () => e.modelValue,
       set: (_) => n("update:modelValue", _)
     }), c = at(), p = il(
@@ -11788,13 +11788,13 @@ const Ri = [
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { primaryColor: n, backgroundColor2: o, highlightColor: i } = Io(), s = e, a = t, l = at(!1), c = Ee(() => ({
+    const { primaryColor: n, backgroundColor2: o, highlightColor: i } = Io(), s = e, a = t, l = at(!1), c = Ae(() => ({
       position: "relative",
       background: l.value ? i.value : o.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
-    })), p = Ee(() => ({
+    })), p = Ae(() => ({
       display: s.select ? "block" : "none",
       position: "absolute",
       top: "0px",
@@ -11808,21 +11808,21 @@ const Ri = [
       const h = ve("v-spacer"), m = ve("v-icon"), O = al("ripple");
       return rl((me(), st("div", {
         class: "d-flex align-center cursor-pointer",
-        style: qe(c.value),
+        style: Je(c.value),
         onClick: d[1] || (d[1] = (v) => a("x-click", s.id)),
         onMouseover: d[2] || (d[2] = (v) => l.value = !0),
         onMouseout: d[3] || (d[3] = (v) => l.value = !1)
       }, [
         We("span", Sf, vo(s.title), 1),
-        Ae(h),
-        Ae(m, {
+        Te(h),
+        Te(m, {
           class: "x-handle cursor-move mr-3",
           icon: Y(Ll),
           onMousedown: d[0] || (d[0] = _n(() => {
           }, ["stop"]))
         }, null, 8, ["icon"]),
         We("div", {
-          style: qe(p.value)
+          style: Je(p.value)
         }, null, 4)
       ], 36)), [
         [O]
@@ -11861,9 +11861,9 @@ const Ri = [
       }), o.value = h;
     };
     qt(() => {
-      Je.on("codeUpdate", i);
+      Qe.on("codeUpdate", i);
     }), oo(() => {
-      Je.off("codeUpdate", i);
+      Qe.off("codeUpdate", i);
     });
     let s = [];
     const a = () => {
@@ -11897,7 +11897,7 @@ const Ri = [
       let N = -10;
       v !== "" && (N = h.getBlockById(v).getRelativeToSurfaceXY().y + 10);
       const L = O.getRelativeToSurfaceXY();
-      O.moveTo(new I.Coordinate(L.x, N)), Je.emit("cleanWorkspace"), sr();
+      O.moveTo(new I.Coordinate(L.x, N)), Qe.emit("cleanWorkspace"), sr();
     }, { open: p } = yo("blocklyNavigatorDlg"), _ = async (d) => {
       const h = At();
       if (!h) {
@@ -11918,7 +11918,7 @@ const Ri = [
       onMove: l,
       onEnd: c
     }, {
-      default: Qe(() => [
+      default: Xe(() => [
         (me(!0), st(da, null, ll(o.value, (m) => (me(), je(Bf, {
           id: m.id,
           key: m.id,
@@ -11946,27 +11946,27 @@ const xf = /* @__PURE__ */ Sr(Pf, [["render", Uf]]), wf = { class: "text-subtitl
     lock: { type: Boolean }
   },
   setup(e) {
-    const { t } = Nn(), n = yl(), { sysBarAvail: o } = Ea(), { backgroundColor1: i } = Io(), s = e, a = Ee(() => {
+    const { t } = Nn(), n = yl(), { sysBarAvail: o } = Ea(), { backgroundColor1: i } = Io(), s = e, a = Ae(() => {
       let _ = "100%";
       return n.mdAndUp.value && (_ = "400px"), {
         background: i.value,
         width: _,
         height: "100%"
       };
-    }), l = Ee(() => {
+    }), l = Ae(() => {
       let _ = 48;
       return o.value && (_ += 24), {
         position: "relative",
         width: "100%",
         height: `calc(100% - ${_}px)`
       };
-    }), c = Ee(() => ({
+    }), c = Ae(() => ({
       height: "60px"
     })), { open: p } = yo("blocklyNavigatorDlg");
     return (_, d) => {
       const h = ve("v-sheet"), m = ve("v-icon"), O = ve("v-dialog"), v = ve("v-btn"), N = ve("v-tooltip");
       return me(), st(da, null, [
-        Ae(O, {
+        Te(O, {
           modelValue: Y(p),
           "onUpdate:modelValue": d[3] || (d[3] = (L) => pn(p) ? p.value = L : null),
           transition: "scroll-x-reverse-transition",
@@ -11976,7 +11976,7 @@ const xf = /* @__PURE__ */ Sr(Pf, [["render", Uf]]), wf = { class: "text-subtitl
           eager: "",
           onKeydown: d[4] || (d[4] = ha(_n((L) => p.value = !1, ["stop", "prevent"]), ["esc"]))
         }, {
-          default: Qe(() => [
+          default: Xe(() => [
             We("div", {
               class: "w-100 h-100 d-flex flex-row-reverse",
               onClick: d[1] || (d[1] = _n((L) => p.value = !1, ["self"])),
@@ -11984,20 +11984,20 @@ const xf = /* @__PURE__ */ Sr(Pf, [["render", Uf]]), wf = { class: "text-subtitl
             }, [
               We("div", {
                 class: "elevation-2",
-                style: qe(a.value)
+                style: Je(a.value)
               }, [
                 Y(o) ? (me(), je(h, {
                   key: 0,
                   color: "transparent",
                   height: 24
                 })) : Lt("", !0),
-                Ae(h, {
+                Te(h, {
                   class: "d-flex align-center px-3",
                   color: "transparent",
                   height: 48
                 }, {
-                  default: Qe(() => [
-                    Ae(m, {
+                  default: Xe(() => [
+                    Te(m, {
                       icon: Y(Aa),
                       onClick: d[0] || (d[0] = (L) => p.value = !1)
                     }, null, 8, ["icon"]),
@@ -12007,14 +12007,14 @@ const xf = /* @__PURE__ */ Sr(Pf, [["render", Uf]]), wf = { class: "text-subtitl
                 }),
                 We("div", {
                   class: "overflow-y-auto",
-                  style: qe(l.value)
+                  style: Je(l.value)
                 }, [
                   s.type === "list" ? (me(), je(Mf, {
                     key: 0,
                     lock: s.lock
                   }, null, 8, ["lock"])) : s.type === "tree" ? (me(), je(xf, { key: 1 })) : Lt("", !0),
                   We("div", {
-                    style: qe(c.value)
+                    style: Je(c.value)
                   }, null, 4)
                 ], 4)
               ], 4)
@@ -12022,11 +12022,11 @@ const xf = /* @__PURE__ */ Sr(Pf, [["render", Uf]]), wf = { class: "text-subtitl
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        Ae(N, {
+        Te(N, {
           text: Y(t)("x-block-lib.tip.hotkeyCtrlE")
         }, {
-          activator: Qe(({ props: L }) => [
-            Ae(v, Di(L, {
+          activator: Xe(({ props: L }) => [
+            Te(v, Di(L, {
               variant: "outlined",
               density: "comfortable",
               icon: Y(Bl),
@@ -12112,7 +12112,7 @@ const $f = { class: "position-relative w-100 h-100" }, Gf = /* @__PURE__ */ tt({
   setup(e, { expose: t, emit: n }) {
     const o = Ol(), i = bl(), s = di(e, "lock"), a = di(e, "scale"), l = e, c = n, p = at();
     let _;
-    const d = at(!1), h = at(!1), m = Ee(() => l.type === "json" ? "tree" : "list"), O = Ee(() => ({
+    const d = at(!1), h = at(!1), m = Ae(() => l.type === "json" ? "tree" : "list"), O = Ae(() => ({
       position: "absolute",
       background: o.value ? "#0000007f" : "#ffffff7f",
       top: "1px",
@@ -12120,12 +12120,12 @@ const $f = { class: "position-relative w-100 h-100" }, Gf = /* @__PURE__ */ tt({
       width: "56px",
       height: "calc(100% - 1px)",
       zIndex: 999
-    })), v = Ee(() => ({
+    })), v = Ae(() => ({
       position: "absolute",
       top: "0px",
       right: "0px",
       zIndex: 20
-    })), N = Ee(() => ({
+    })), N = Ae(() => ({
       position: "absolute",
       background: o.value ? "#0000007f" : "#ffffff7f",
       top: "0px",
@@ -12133,7 +12133,7 @@ const $f = { class: "position-relative w-100 h-100" }, Gf = /* @__PURE__ */ tt({
       width: "100%",
       height: "100%",
       pointerEvents: "none"
-    })), L = Ee(() => ({
+    })), L = Ae(() => ({
       position: "absolute",
       background: o.value ? "#0000007f" : "#ffffff7f",
       top: "1px",
@@ -12161,7 +12161,7 @@ const $f = { class: "position-relative w-100 h-100" }, Gf = /* @__PURE__ */ tt({
     });
     async function G(C) {
       if (C.type === P.FINISHED_LOADING) {
-        sr(), Je.emit("codeUpdate"), d.value = !1;
+        sr(), Qe.emit("codeUpdate"), d.value = !1;
         return;
       }
       if (!d.value) {
@@ -12169,12 +12169,12 @@ const $f = { class: "position-relative w-100 h-100" }, Gf = /* @__PURE__ */ tt({
           a.value = _.getScale();
           return;
         }
-        C.type === P.BLOCK_DRAG && (C.isStart ? h.value = !0 : h.value = !1), Je.emit("codeUpdate");
+        C.type === P.BLOCK_DRAG && (C.isStart ? h.value = !0 : h.value = !1), Qe.emit("codeUpdate");
       }
     }
     const ne = (C) => {
       d.value = !0, as.workspaces.load(C, _);
-    }, j = () => as.workspaces.save(_), Te = () => r.workspaceToCode(_), De = () => {
+    }, j = () => as.workspaces.save(_), Ee = () => r.workspaceToCode(_), De = () => {
       _.options.readOnly = s.value, _.options.readOnly && (K.value = !1);
     }, k = () => {
       _.setScale(a.value);
@@ -12201,11 +12201,11 @@ const $f = { class: "position-relative w-100 h-100" }, Gf = /* @__PURE__ */ tt({
         return;
       }
     }, X = () => {
-      Je.emit("cleanWorkspace");
+      Qe.emit("cleanWorkspace");
     }, Z = () => {
       s.value = !s.value;
     }, ce = () => {
-      Je.emit("blocklyNavigatorDlg");
+      Qe.emit("blocklyNavigatorDlg");
     };
     return qt(() => {
       window.addEventListener("keydown", Q, !1);
@@ -12221,8 +12221,8 @@ const $f = { class: "position-relative w-100 h-100" }, Gf = /* @__PURE__ */ tt({
       De();
     }), ht(a, () => {
       k();
-    }), t({ loading: d, load: ne, save: j, generateCode: Te, fireStateChange: q }), (C, se) => {
-      const f = ve("v-icon"), E = ve("x-loading");
+    }), t({ loading: d, load: ne, save: j, generateCode: Ee, fireStateChange: q }), (C, se) => {
+      const f = ve("v-icon"), E = ve("x-loading"), M = ve("v-fade-transition");
       return me(), st("div", $f, [
         We("div", {
           id: "blocklyEditor",
@@ -12233,39 +12233,44 @@ const $f = { class: "position-relative w-100 h-100" }, Gf = /* @__PURE__ */ tt({
         h.value ? (me(), st("div", {
           key: 0,
           class: "d-flex flex-column justify-center align-center",
-          style: qe(O.value)
+          style: Je(O.value)
         }, [
-          Ae(f, {
+          Te(f, {
             size: "x-large",
             icon: Y(Nl)
           }, null, 8, ["icon"])
         ], 4)) : Lt("", !0),
         We("div", {
           class: "d-flex align-end pt-3 pr-3",
-          style: qe(v.value)
+          style: Je(v.value)
         }, [
-          Ae(Ph, { lock: s.value }, null, 8, ["lock"]),
-          Ae(Uh, {
+          Te(Ph, { lock: s.value }, null, 8, ["lock"]),
+          Te(Uh, {
             modelValue: s.value,
-            "onUpdate:modelValue": se[0] || (se[0] = (M) => s.value = M)
+            "onUpdate:modelValue": se[0] || (se[0] = (H) => s.value = H)
           }, null, 8, ["modelValue"]),
-          Ae(Vf, {
+          Te(Vf, {
             type: m.value,
             lock: s.value
           }, null, 8, ["type", "lock"])
         ], 4),
         s.value ? (me(), st("div", {
           key: 1,
-          style: qe(L.value)
+          style: Je(L.value)
         }, null, 4)) : Lt("", !0),
         s.value ? (me(), st("div", {
           key: 2,
-          style: qe(N.value)
+          style: Je(N.value)
         }, null, 4)) : Lt("", !0),
-        d.value ? (me(), je(E, {
-          key: 3,
-          "z-index": 99
-        })) : Lt("", !0)
+        Te(M, null, {
+          default: Xe(() => [
+            d.value ? (me(), je(E, {
+              key: 0,
+              "z-index": 99
+            })) : Lt("", !0)
+          ]),
+          _: 1
+        })
       ]);
     };
   }
@@ -12970,14 +12975,14 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
       let y = w.keywordPatternRe.exec(oe), F = "";
       for (; y; ) {
         F += oe.substring(A, y.index);
-        const J = ze.case_insensitive ? y[0].toLowerCase() : y[0], Ce = Be(w, J);
+        const J = qe.case_insensitive ? y[0].toLowerCase() : y[0], Ce = Be(w, J);
         if (Ce) {
           const [ot, Jr] = Ce;
           if (Oe.addText(F), F = "", ae[J] = (ae[J] || 0) + 1, ae[J] <= xg && (Un += Jr), ot.startsWith("_"))
             F += y[0];
           else {
-            const Qr = ze.classNameAliases[ot] || ot;
-            Xe(y[0], Qr);
+            const Qr = qe.classNameAliases[ot] || ot;
+            ze(y[0], Qr);
           }
         } else
           F += y[0];
@@ -13002,7 +13007,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
     function Ue() {
       w.subLanguage != null ? Mn() : Ye(), oe = "";
     }
-    function Xe(A, y) {
+    function ze(A, y) {
       A !== "" && (Oe.startScope(y), Oe.addText(A), Oe.endScope());
     }
     function Zi(A, y) {
@@ -13013,12 +13018,12 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
           F++;
           continue;
         }
-        const Ce = ze.classNameAliases[A[F]] || A[F], ot = y[F];
-        Ce ? Xe(ot, Ce) : (oe = ot, Ye(), oe = ""), F++;
+        const Ce = qe.classNameAliases[A[F]] || A[F], ot = y[F];
+        Ce ? ze(ot, Ce) : (oe = ot, Ye(), oe = ""), F++;
       }
     }
     function es(A, y) {
-      return A.scope && typeof A.scope == "string" && Oe.openNode(ze.classNameAliases[A.scope] || A.scope), A.beginScope && (A.beginScope._wrap ? (Xe(oe, ze.classNameAliases[A.beginScope._wrap] || A.beginScope._wrap), oe = "") : A.beginScope._multi && (Zi(A.beginScope, y), oe = "")), w = Object.create(A, { parent: { value: w } }), w;
+      return A.scope && typeof A.scope == "string" && Oe.openNode(qe.classNameAliases[A.scope] || A.scope), A.beginScope && (A.beginScope._wrap ? (ze(oe, qe.classNameAliases[A.beginScope._wrap] || A.beginScope._wrap), oe = "") : A.beginScope._multi && (Zi(A.beginScope, y), oe = "")), w = Object.create(A, { parent: { value: w } }), w;
     }
     function ts(A, y, F) {
       let J = Zf(A.endRe, F);
@@ -13051,7 +13056,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
       if (!J)
         return ua;
       const Ce = w;
-      w.endScope && w.endScope._wrap ? (Ue(), Xe(y, w.endScope._wrap)) : w.endScope && w.endScope._multi ? (Ue(), Zi(w.endScope, A)) : Ce.skip ? oe += y : (Ce.returnEnd || Ce.excludeEnd || (oe += y), Ue(), Ce.excludeEnd && (oe = y));
+      w.endScope && w.endScope._wrap ? (Ue(), ze(y, w.endScope._wrap)) : w.endScope && w.endScope._multi ? (Ue(), Zi(w.endScope, A)) : Ce.skip ? oe += y : (Ce.returnEnd || Ce.excludeEnd || (oe += y), Ue(), Ce.excludeEnd && (oe = y));
       do
         w.scope && Oe.closeNode(), !w.skip && !w.subLanguage && (Un += w.relevance), w = w.parent;
       while (w !== J.parent);
@@ -13059,7 +13064,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
     }
     function zr() {
       const A = [];
-      for (let y = w; y !== ze; y = y.parent)
+      for (let y = w; y !== qe; y = y.parent)
         y.scope && A.unshift(y.scope);
       A.forEach((y) => Oe.openNode(y));
     }
@@ -13091,17 +13096,17 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
         throw new Error("potential infinite loop, way more iterations than matches");
       return oe += F, F.length;
     }
-    const ze = S(f);
-    if (!ze)
+    const qe = S(f);
+    if (!qe)
       throw St(s.replace("{}", f)), new Error('Unknown language: "' + f + '"');
-    const qr = Dg(ze);
+    const qr = Dg(qe);
     let Yo = "", w = H || qr;
     const os = {}, Oe = new l.__emitter(l);
     zr();
     let oe = "", Un = 0, It = 0, Ko = 0, Ho = !1;
     try {
-      if (ze.__emitTokens)
-        ze.__emitTokens(E, Oe);
+      if (qe.__emitTokens)
+        qe.__emitTokens(E, Oe);
       else {
         for (w.matcher.considerAll(); ; ) {
           Ko++, Ho ? Ho = !1 : w.matcher.considerAll(), w.matcher.lastIndex = It;
@@ -13165,12 +13170,12 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
       (Ue) => d(Ue, f, !1)
     );
     H.unshift(M);
-    const ae = H.sort((Ue, Xe) => {
-      if (Ue.relevance !== Xe.relevance) return Xe.relevance - Ue.relevance;
-      if (Ue.language && Xe.language) {
-        if (S(Ue.language).supersetOf === Xe.language)
+    const ae = H.sort((Ue, ze) => {
+      if (Ue.relevance !== ze.relevance) return ze.relevance - Ue.relevance;
+      if (Ue.language && ze.language) {
+        if (S(Ue.language).supersetOf === ze.language)
           return 1;
-        if (S(Xe.language).supersetOf === Ue.language)
+        if (S(ze.language).supersetOf === Ue.language)
           return -1;
       }
       return 0;
@@ -13230,7 +13235,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
     G && ne();
   }
   typeof window < "u" && window.addEventListener && window.addEventListener("DOMContentLoaded", j, !1);
-  function Te(f, E) {
+  function Ee(f, E) {
     let M = null;
     try {
       M = E(e);
@@ -13300,7 +13305,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), ae = f, H = E), M ===
     configure: N,
     initHighlighting: L,
     initHighlightingOnLoad: K,
-    registerLanguage: Te,
+    registerLanguage: Ee,
     unregisterLanguage: De,
     listLanguages: k,
     getLanguage: S,
@@ -13662,7 +13667,7 @@ function Hg(e) {
       keywords: l,
       contains: ["self"].concat(ne)
     }
-  ]), Te = {
+  ]), Ee = {
     className: "params",
     // convert this to negative lookbehind in v12
     begin: /(\s*)\(/,
@@ -13757,7 +13762,7 @@ function Hg(e) {
       3: "title.function"
     },
     label: "func.def",
-    contains: [Te],
+    contains: [Ee],
     illegal: /%/
   }, Q = {
     relevance: 0,
@@ -13805,7 +13810,7 @@ function Hg(e) {
         // eat to avoid empty params
         begin: /\(\)/
       },
-      Te
+      Ee
     ]
   }, se = "(\\([^()]*(\\([^()]*(\\([^()]*\\)[^()]*)*\\)[^()]*)*\\)|" + e.UNDERSCORE_IDENT_RE + ")\\s*=>", f = {
     match: [
@@ -13824,7 +13829,7 @@ function Hg(e) {
       3: "title.function"
     },
     contains: [
-      Te
+      Ee
     ]
   };
   return {
@@ -13948,7 +13953,7 @@ function Hg(e) {
         returnBegin: !0,
         label: "func.def",
         contains: [
-          Te,
+          Ee,
           e.inherit(e.TITLE_MODE, { begin: o, className: "title.function" })
         ]
       },
@@ -13968,7 +13973,7 @@ function Hg(e) {
       {
         match: [/\bconstructor(?=\s*\()/],
         className: { 1: "title.function" },
-        contains: [Te]
+        contains: [Ee]
       },
       Z,
       Q,
@@ -13988,14 +13993,14 @@ var _a = tt({ props: { code: { type: String, required: !0 }, language: { type: S
   }, function(i) {
     t.value = i;
   });
-  var n = Ee(function() {
+  var n = Ae(function() {
     return e.autodetect || !t.value;
-  }), o = Ee(function() {
+  }), o = Ae(function() {
     return !n.value && !no.getLanguage(t.value);
   });
-  return { className: Ee(function() {
+  return { className: Ae(function() {
     return o.value ? "" : "hljs " + t.value;
-  }), highlightedCode: Ee(function() {
+  }), highlightedCode: Ae(function() {
     var i;
     if (o.value) return console.warn('The language "' + t.value + '" you specified could not be found.'), e.code.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
     if (n.value) {
@@ -14025,8 +14030,8 @@ const Gg = /* @__PURE__ */ tt({
         width: "100%",
         height: "100%"
       }, {
-        default: Qe(() => [
-          Ae(Y(n), {
+        default: Xe(() => [
+          Te(Y(n), {
             language: "js",
             code: t.code
           }, null, 8, ["code"])
@@ -14038,7 +14043,7 @@ const Gg = /* @__PURE__ */ tt({
 }), Wg = { class: "text-subtitle-1 ml-3" }, jg = /* @__PURE__ */ tt({
   __name: "index",
   setup(e) {
-    const { t } = Nn(), { sysBarAvail: n } = Ea(), { backgroundColor0: o, backgroundColor2: i } = Io(), s = at(""), a = Ee(() => {
+    const { t } = Nn(), { sysBarAvail: n } = Ea(), { backgroundColor0: o, backgroundColor2: i } = Io(), s = at(""), a = Ae(() => {
       let p = 48;
       return n.value && (p += 24), {
         position: "relative",
@@ -14059,37 +14064,37 @@ const Gg = /* @__PURE__ */ tt({
         fullscreen: "",
         onKeydown: _[2] || (_[2] = ha(_n((v) => c.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        default: Qe(() => [
-          Ae(d, {
+        default: Xe(() => [
+          Te(d, {
             color: Y(o),
             width: "100%",
             height: "100%"
           }, {
-            default: Qe(() => [
+            default: Xe(() => [
               Y(n) ? (me(), je(d, {
                 key: 0,
                 color: Y(i),
                 height: 24
               }, null, 8, ["color"])) : Lt("", !0),
-              Ae(d, {
+              Te(d, {
                 class: "d-flex align-center px-3",
                 color: Y(i),
                 height: 48
               }, {
-                default: Qe(() => [
-                  Ae(h, {
+                default: Xe(() => [
+                  Te(h, {
                     icon: Y(Aa),
                     onClick: _[0] || (_[0] = (v) => c.value = !1)
                   }, null, 8, ["icon"]),
                   We("span", Wg, vo(Y(t)("x-block-lib.dlg.source.title")), 1),
-                  Ae(m)
+                  Te(m)
                 ]),
                 _: 1
               }, 8, ["color"]),
               We("div", {
-                style: qe(a.value)
+                style: Je(a.value)
               }, [
-                Ae(Gg, { code: s.value }, null, 8, ["code"])
+                Te(Gg, { code: s.value }, null, 8, ["code"])
               ], 4)
             ]),
             _: 1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.5.23",
+  "version": "0.5.24",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -31,7 +31,7 @@
     "vue": "^3.5.12",
     "vue-draggable-plus": "^0.5.4",
     "vuetify": "^3.7.3",
-    "x-essential-lib": "^0.7.11",
+    "x-essential-lib": "^0.7.15",
     "x-runtime-lib": "^0.5.39",
     "x-state-lib": "^0.1.7"
   },