x-block-lib 0.6.0 → 0.6.1

package/dist/index.js

@@ -10,8 +10,8 @@
 var Ll = Object.defineProperty;
 var Sl = (e, t, n) => t in e ? Ll(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var tt = (e, t, n) => Sl(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentScope as Bl, onScopeDispose as Rl, computed as Se, toValue as Na, watch as Lt, shallowRef as Dl, getCurrentInstance as xo, onMounted as dn, defineComponent as ht, onBeforeUnmount as Oo, resolveComponent as De, createBlock as ut, openBlock as Be, unref as X, withCtx as pt, createVNode as Ne, mergeProps as Zi, useModel as Di, toRefs as Ml, ref as Mt, reactive as Pl, h as Mi, nextTick as es, onUnmounted as Ul, isRef as kn, resolveDirective as xl, withDirectives as wl, createElementBlock as Et, normalizeStyle as lt, createElementVNode as st, toDisplayString as wo, withModifiers as Ln, Fragment as ka, renderList as Vl, withKeys as La, createCommentVNode as cn, mergeModels as Ns } from "vue";
-import { d as C, j as r, O as p, E as w, u as k, X as Fl, M as T, B as U, i as pe, F as $, a as Wt, b as Vo, c as be, C as Sa, e as Yl, P as Pi, N as ts, V as po, g as Pt, f as Kl, h as Ba, s as Hl, S as Ye, k as _o, l as $t, m as sn, n as no, o as ui, p as On, q as ks, G as pi, r as $l, t as Gl, v as _i, U as oo, D as io, w as en, x as jl, T as Fo, y as Ra, z as Wl, A as Xl, H as Ls, I as zl, J as ql } from "./blockly-o2yt2sz2.js";
+import { getCurrentScope as Bl, onScopeDispose as Rl, computed as Se, toValue as Na, watch as Lt, shallowRef as Dl, getCurrentInstance as xo, onMounted as dn, defineComponent as ht, onBeforeUnmount as Oo, resolveComponent as De, createBlock as ut, openBlock as Be, unref as X, withCtx as pt, createVNode as be, mergeProps as Zi, useModel as Di, toRefs as Ml, ref as Mt, reactive as Pl, h as Mi, nextTick as es, onUnmounted as Ul, isRef as kn, resolveDirective as xl, withDirectives as wl, createElementBlock as Et, normalizeStyle as lt, createElementVNode as st, toDisplayString as wo, withModifiers as Ln, Fragment as ka, renderList as Vl, withKeys as La, createCommentVNode as cn, mergeModels as Ns } from "vue";
+import { d as C, j as r, O as p, E as w, u as k, X as Fl, M as T, B as U, i as pe, F as $, a as Wt, b as Vo, c as Ie, C as Sa, e as Yl, P as Pi, N as ts, V as po, g as Pt, f as Kl, h as Ba, s as Hl, S as Ye, k as _o, l as $t, m as sn, n as no, o as ui, p as On, q as ks, G as pi, r as $l, t as Gl, v as _i, U as oo, D as io, w as en, x as jl, T as Fo, y as Ra, z as Wl, A as Xl, H as Ls, I as zl, J as ql } from "./blockly-o2yt2sz2.js";
 import { openConfirmDlg as Jl, openPromptDlg as Ql, eventBus as ct, messageWarning as Da, useColor as Yo, useViewStack as Ko, useSystem as Ma, injectDark as Zl, injectLocale as ec } from "x-essential-lib";
 import { pkgs as tc, elements as Ke, getPropTag as Ho } from "x-runtime-lib";
 import { globalState as V } from "x-state-lib";
@@ -4983,9 +4983,9 @@ const gh = {
   AND: "%{BKY_LOGIC_V1_OPERATION_TOOLTIP_AND}",
   OR: "%{BKY_LOGIC_V1_OPERATION_TOOLTIP_OR}"
 };
-be.register(
+Ie.register(
   "logic_op_tooltip_v1",
-  be.buildTooltipForDropdown("OP", gh)
+  Ie.buildTooltipForDropdown("OP", gh)
 );
 C([
   {
@@ -5027,7 +5027,7 @@ const mh = {
     this.prevBlocks_[0] = this.getInputTargetBlock("A"), this.prevBlocks_[1] = this.getInputTargetBlock("B");
   }
 };
-be.register(
+Ie.register(
   "logic_compare_v1",
   function() {
     this.mixin(mh);
@@ -5206,7 +5206,7 @@ const Th = {
     n == null || n.reconnect(this, "ELSE");
   }
 };
-be.registerMutator(
+Ie.registerMutator(
   "logic_if_v1_mutator",
   Th,
   void 0,
@@ -5369,7 +5369,7 @@ const Eh = {
     this.prevParentConnection_ = o;
   }
 };
-be.registerMixin("logic_ternary_v1", Eh);
+Ie.registerMixin("logic_ternary_v1", Eh);
 C([
   {
     type: "logic_ternary_v1",
@@ -5426,13 +5426,13 @@ const Ah = {
     }
   }
 };
-be.registerMixin(
+Ie.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
   Ah
 );
-be.register(
+Ie.register(
   "flow_control_tooltip_v1",
-  be.buildTooltipForDropdown("MODE", {
+  Ie.buildTooltipForDropdown("MODE", {
     BREAK: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_BREAK}",
     CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
   })
@@ -5467,7 +5467,7 @@ const vh = /* @__PURE__ */ new Set([
       }
   }
 };
-be.registerMixin(
+Ie.registerMixin(
   "flow_control_in_loop_check_v1",
   Oh
 );
@@ -5492,9 +5492,9 @@ C([
     extensions: ["flow_control_tooltip_v1", "flow_control_in_loop_check_v1"]
   }
 ]);
-be.register(
+Ie.register(
   "for_tooltip_v1",
-  be.buildTooltipWithFieldText(
+  Ie.buildTooltipWithFieldText(
     "%{BKY_LOOP_V1_FOR_TOOLTIP}",
     "VAR"
   )
@@ -5543,9 +5543,9 @@ C([
     extensions: ["contextMenu_newGetVariableBlock_v1", "for_tooltip_v1"]
   }
 ]);
-be.register(
+Ie.register(
   "for_each_tooltip_v1",
-  be.buildTooltipWithFieldText(
+  Ie.buildTooltipWithFieldText(
     "%{BKY_LOOP_V1_FOR_EACH_TOOLTIP}",
     "VAR"
   )
@@ -5580,9 +5580,9 @@ C([
     extensions: ["contextMenu_newGetVariableBlock_v1", "for_each_tooltip_v1"]
   }
 ]);
-be.register(
+Ie.register(
   "loop_while_until_tooltip_v1",
-  be.buildTooltipForDropdown("MODE", {
+  Ie.buildTooltipForDropdown("MODE", {
     WHILE: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_WHILE}",
     UNTIL: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_UNTIL}"
   })
@@ -5666,9 +5666,9 @@ const bh = {
   STD_DEV: "%{BKY_MATH_V1_ON_LIST_TOOLTIP_STD_DEV}",
   RANDOM: "%{BKY_MATH_V1_ON_LIST_TOOLTIP_RANDOM}"
 };
-be.register(
+Ie.register(
   "math_op_tooltip_v1",
-  be.buildTooltipForDropdown("OP", bh)
+  Ie.buildTooltipForDropdown("OP", bh)
 );
 C([
   {
@@ -6842,9 +6842,9 @@ const Dh = /^\s*'([^']|\\')*'\s*$/;
 function fo(e) {
   return Dh.test(e) ? [e, p.ATOMIC] : [`String(${e})`, p.FUNCTION_CALL];
 }
-be.register(
+Ie.register(
   "text_append_tooltip_v1",
-  be.buildTooltipWithFieldText(
+  Ie.buildTooltipWithFieldText(
     "%{BKY_TEXT_V1_APPEND_TOOLTIP}",
     "VAR"
   )
@@ -7123,7 +7123,7 @@ const Mh = k.xml, Ph = {
 }, Uh = function() {
   this.itemCount_ = 2, this.updateShape_(), this.setMutator(new Wt.MutatorIcon(["text_join_item_v1"], this));
 };
-be.registerMutator(
+Ie.registerMutator(
   "text_join_mutator_v1",
   Ph,
   Uh
@@ -7453,7 +7453,7 @@ const wh = {
     t.deleteVariableById(o.getId()), t.refreshToolboxSelection();
   };
 };
-be.registerMixin(
+Ie.registerMixin(
   "context_menu_variable_v1",
   wh
 );
@@ -10079,8 +10079,7 @@ const zo = {
         text: X(t)("x-block-lib.tip.hotkeyCtrlQ")
       }, {
         activator: pt(({ props: c }) => [
-          Ne(a, Zi(c, {
-            class: "mr-3",
+          be(a, Zi(c, {
             variant: "outlined",
             density: "comfortable",
             icon: X(oc),
@@ -10106,8 +10105,7 @@ const zo = {
         text: X(t)("x-block-lib.tip.hotkeyCtrlW")
       }, {
         activator: pt(({ props: l }) => [
-          Ne(s, Zi(l, {
-            class: "mr-3",
+          be(s, Zi(l, {
             variant: "outlined",
             density: "comfortable",
             icon: n.value ? X(ac) : X(rc),
@@ -10361,7 +10359,7 @@ function _t() {
   var e = document.scrollingElement;
   return e || document.documentElement;
 }
-function Ce(e, t, n, o, i) {
+function Ne(e, t, n, o, i) {
   if (!(!e.getBoundingClientRect && e !== window)) {
     var s, a, l, c, _, d, h;
     if (e !== window && e.parentNode && e !== _t() ? (s = e.getBoundingClientRect(), a = s.top, l = s.left, c = s.bottom, _ = s.right, d = s.height, h = s.width) : (a = 0, l = 0, c = window.innerHeight, _ = window.innerWidth, d = window.innerHeight, h = window.innerWidth), (t || n) && e !== window && (i = i || e.parentNode, !yt))
@@ -10387,8 +10385,8 @@ function Ce(e, t, n, o, i) {
   }
 }
 function ga(e, t, n) {
-  for (var o = Dt(e, !0), i = Ce(e)[t]; o; ) {
-    var s = Ce(o)[n], a = void 0;
+  for (var o = Dt(e, !0), i = Ne(e)[t]; o; ) {
+    var s = Ne(o)[n], a = void 0;
     if (a = i >= s, !a)
       return o;
     if (o === _t())
@@ -10492,7 +10490,7 @@ function Nr(e, t, n) {
   return Array.from(e.children).forEach(function(i) {
     var s, a, l, c;
     if (!(!ot(i, t.draggable, e, !1) || i.animated || i === n)) {
-      var _ = Ce(i);
+      var _ = Ne(i);
       o.left = Math.min((s = o.left) !== null && s !== void 0 ? s : 1 / 0, _.left), o.top = Math.min((a = o.top) !== null && a !== void 0 ? a : 1 / 0, _.top), o.right = Math.max((l = o.right) !== null && l !== void 0 ? l : -1 / 0, _.right), o.bottom = Math.max((c = o.bottom) !== null && c !== void 0 ? c : -1 / 0, _.bottom);
     }
   }), o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
@@ -10508,7 +10506,7 @@ function Bf() {
           if (!(M(o, "display") === "none" || o === P.ghost)) {
             e.push({
               target: o,
-              rect: Ce(o)
+              rect: Ne(o)
             });
             var i = dt({}, e[e.length - 1].rect);
             if (o.thisAnimationDuration) {
@@ -10536,7 +10534,7 @@ function Bf() {
       }
       var i = !1, s = 0;
       e.forEach(function(a) {
-        var l = 0, c = a.target, _ = c.fromRect, d = Ce(c), h = c.prevFromRect, g = c.prevToRect, m = a.rect, I = _n(c, !0);
+        var l = 0, c = a.target, _ = c.fromRect, d = Ne(c), h = c.prevFromRect, g = c.prevToRect, m = a.rect, I = _n(c, !0);
         I && (d.top -= I.f, d.left -= I.e), c.toRect = d, c.thisAnimationDuration && bi(h, d) && !bi(_, d) && // Make sure animatingRect is on line between toRect & fromRect
         (m.top - d.top) / (m.left - d.left) === (_.top - d.top) / (_.left - d.left) && (l = Df(m, h, g, o.options)), bi(d, _) || (c.prevFromRect = _, c.prevToRect = d, l || (l = o.options.animation), o.animate(c, m, d, l)), l && (i = !0, s = Math.max(s, l), clearTimeout(c.animationResetTimer), c.animationResetTimer = setTimeout(function() {
           c.animationTime = 0, c.prevFromRect = null, c.fromRect = null, c.prevToRect = null, c.thisAnimationDuration = null;
@@ -10684,7 +10682,7 @@ var A, me, K, de, Ht, mo, he, St, ln, Je, Dn, kt, ro, Ue, an = !1, Do = !1, Mo =
     return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
   }
 }(), Lr = function(e, t) {
-  var n = M(e), o = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = mn(e, 0, t), s = mn(e, 1, t), a = i && M(i), l = s && M(s), c = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + Ce(i).width, _ = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + Ce(s).width;
+  var n = M(e), o = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = mn(e, 0, t), s = mn(e, 1, t), a = i && M(i), l = s && M(s), c = a && parseInt(a.marginLeft) + parseInt(a.marginRight) + Ne(i).width, _ = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + Ne(s).width;
   if (n.display === "flex")
     return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (n.display === "grid")
@@ -10702,7 +10700,7 @@ var A, me, K, de, Ht, mo, he, St, ln, Je, Dn, kt, ro, Ue, an = !1, Do = !1, Mo =
   return Mo.some(function(o) {
     var i = o[Qe].options.emptyInsertThreshold;
     if (!(!i || ls(o))) {
-      var s = Ce(o), a = e >= s.left - i && e <= s.right + i, l = t >= s.top - i && t <= s.bottom + i;
+      var s = Ne(o), a = e >= s.left - i && e <= s.right + i, l = t >= s.top - i && t <= s.bottom + i;
       if (a && l)
         return n = o;
     }
@@ -10857,7 +10855,7 @@ P.prototype = /** @lends Sortable.prototype */
   _prepareDragStart: function(e, t, n) {
     var o = this, i = o.el, s = o.options, a = i.ownerDocument, l;
     if (n && !A && n.parentNode === i) {
-      var c = Ce(n);
+      var c = Ne(n);
       if (de = i, A = n, me = A.parentNode, Ht = A.nextSibling, mo = n, ro = s.group, P.dragged = A, Yt = {
         target: A,
         clientX: (t || e).clientX,
@@ -10969,7 +10967,7 @@ P.prototype = /** @lends Sortable.prototype */
   },
   _appendGhost: function() {
     if (!K) {
-      var e = this.options.fallbackOnBody ? document.body : de, t = Ce(A, !0, co, !0, e), n = this.options;
+      var e = this.options.fallbackOnBody ? document.body : de, t = Ne(A, !0, co, !0, e), n = this.options;
       if (co) {
         for (Fe = e; M(Fe, "position") === "static" && M(Fe, "transform") === "none" && Fe !== document; )
           Fe = Fe.parentNode;
@@ -11011,7 +11009,7 @@ P.prototype = /** @lends Sortable.prototype */
         target: n,
         completed: D,
         onMove: function(Xe, gt) {
-          return uo(de, t, A, o, Xe, Ce(Xe), e, gt);
+          return uo(de, t, A, o, Xe, Ne(Xe), e, gt);
         },
         changed: j
       }, re));
@@ -11041,7 +11039,7 @@ P.prototype = /** @lends Sortable.prototype */
     if (A.contains(e.target) || n.animated && n.animatingX && n.animatingY || m._ignoreWhileAnimating === n)
       return D(!1);
     if (Do = !1, c && !a.disabled && (_ ? d || (s = me !== de) : Ue === this || (this.lastPutMode = ro.checkPull(this, c, A, e)) && l.checkPut(this, c, A, e))) {
-      if (g = this._getDirection(e, n) === "vertical", o = Ce(A), O("dragOverValid"), P.eventCanceled)
+      if (g = this._getDirection(e, n) === "vertical", o = Ne(A), O("dragOverValid"), P.eventCanceled)
         return I;
       if (s)
         return me = de, G(), this._hideClone(), O("revert"), P.eventCanceled || (Ht ? de.insertBefore(A, Ht) : de.appendChild(A)), D(!0);
@@ -11049,16 +11047,16 @@ P.prototype = /** @lends Sortable.prototype */
       if (!ee || Hf(e, g, this) && !ee.animated) {
         if (ee === A)
           return D(!1);
-        if (ee && t === e.target && (n = ee), n && (i = Ce(n)), uo(de, t, A, o, n, i, e, !!n) !== !1)
+        if (ee && t === e.target && (n = ee), n && (i = Ne(n)), uo(de, t, A, o, n, i, e, !!n) !== !1)
           return G(), ee && ee.nextSibling ? t.insertBefore(A, ee.nextSibling) : t.appendChild(A), me = t, j(), D(!0);
       } else if (ee && Kf(e, g, this)) {
         var fe = mn(t, 0, a, !0);
         if (fe === A)
           return D(!1);
-        if (n = fe, i = Ce(n), uo(de, t, A, o, n, i, e, !1) !== !1)
+        if (n = fe, i = Ne(n), uo(de, t, A, o, n, i, e, !1) !== !1)
           return G(), t.insertBefore(A, fe), me = t, j(), D(!0);
       } else if (n.parentNode === t) {
-        i = Ce(n);
+        i = Ne(n);
         var J = 0, ke, $e = A.parentNode !== t, B = !xf(A.animated && A.toRect || o, n.animated && n.toRect || i, g), F = g ? "top" : "left", ie = ga(n, "top", "top") || ga(A, "top", "top"), ge = ie ? ie.scrollTop : void 0;
         on !== n && (ke = i[F], Pn = !1, lo = !B && a.invertSwap || $e), J = $f(e, n, i, g, B ? 1 : a.swapThreshold, a.invertedSwapThreshold == null ? a.swapThreshold : a.invertedSwapThreshold, lo, on === n);
         var Q;
@@ -11075,7 +11073,7 @@ P.prototype = /** @lends Sortable.prototype */
         R = J === 1;
         var ae = uo(de, t, A, o, n, i, e, R);
         if (ae !== !1)
-          return (ae === 1 || ae === -1) && (R = ae === 1), Xi = !0, setTimeout(Yf, 30), G(), R && !oe ? t.appendChild(A) : n.parentNode.insertBefore(A, R ? oe : n), ie && yr(ie, 0, ge - ie.scrollTop), me = A.parentNode, ke !== void 0 && !lo && (To = Math.abs(ke - Ce(n)[F])), j(), D(!0);
+          return (ae === 1 || ae === -1) && (R = ae === 1), Xi = !0, setTimeout(Yf, 30), G(), R && !oe ? t.appendChild(A) : n.parentNode.insertBefore(A, R ? oe : n), ie && yr(ie, 0, ge - ie.scrollTop), me = A.parentNode, ke !== void 0 && !lo && (To = Math.abs(ke - Ne(n)[F])), j(), D(!0);
       }
       if (t.contains(A))
         return D(!1);
@@ -11252,7 +11250,7 @@ function uo(e, t, n, o, i, s, a, l) {
   return window.CustomEvent && !yt && !jn ? c = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
-  }) : (c = document.createEvent("Event"), c.initEvent("move", !0, !0)), c.to = t, c.from = e, c.dragged = n, c.draggedRect = o, c.related = i || t, c.relatedRect = s || Ce(t), c.willInsertAfter = l, c.originalEvent = a, e.dispatchEvent(c), d && (h = d.call(_, c, a)), h;
+  }) : (c = document.createEvent("Event"), c.initEvent("move", !0, !0)), c.to = t, c.from = e, c.dragged = n, c.draggedRect = o, c.related = i || t, c.relatedRect = s || Ne(t), c.willInsertAfter = l, c.originalEvent = a, e.dispatchEvent(c), d && (h = d.call(_, c, a)), h;
 }
 function ki(e) {
   e.draggable = !1;
@@ -11261,11 +11259,11 @@ function Yf() {
   Xi = !1;
 }
 function Kf(e, t, n) {
-  var o = Ce(mn(n.el, 0, n.options, !0)), i = Nr(n.el, n.options, K), s = 10;
+  var o = Ne(mn(n.el, 0, n.options, !0)), i = Nr(n.el, n.options, K), s = 10;
   return t ? e.clientX < i.left - s || e.clientY < o.top && e.clientX < o.right : e.clientY < i.top - s || e.clientY < o.bottom && e.clientX < o.left;
 }
 function Hf(e, t, n) {
-  var o = Ce(ls(n.el, n.options.draggable)), i = Nr(n.el, n.options, K), s = 10;
+  var o = Ne(ls(n.el, n.options.draggable)), i = Nr(n.el, n.options, K), s = 10;
   return t ? e.clientX > i.right + s || e.clientY > o.bottom && e.clientX > o.left : e.clientY > i.bottom + s || e.clientX > o.right && e.clientY > o.top;
 }
 function $f(e, t, n, o, i, s, a, l) {
@@ -11340,7 +11338,7 @@ P.create = function(e, t) {
   return new P(e, t);
 };
 P.version = Cf;
-var ye = [], Cn, qi, Ji = !1, Li, Si, Uo, Nn;
+var Ce = [], Cn, qi, Ji = !1, Li, Si, Uo, Nn;
 function Xf() {
   function e() {
     this.defaults = {
@@ -11366,7 +11364,7 @@ function Xf() {
       this.sortable.nativeDraggable ? Z(document, "dragover", this._handleAutoScroll) : (Z(document, "pointermove", this._handleFallbackAutoScroll), Z(document, "touchmove", this._handleFallbackAutoScroll), Z(document, "mousemove", this._handleFallbackAutoScroll)), va(), Ao(), Sf();
     },
     nulling: function() {
-      Uo = qi = Cn = Ji = Nn = Li = Si = null, ye.length = 0;
+      Uo = qi = Cn = Ji = Nn = Li = Si = null, Ce.length = 0;
     },
     _handleFallbackAutoScroll: function(t) {
       this._handleAutoScroll(t, !0);
@@ -11394,9 +11392,9 @@ function Xf() {
   });
 }
 function Ao() {
-  ye.forEach(function(e) {
+  Ce.forEach(function(e) {
     clearInterval(e.pid);
-  }), ye = [];
+  }), Ce = [];
 }
 function va() {
   clearInterval(Nn);
@@ -11407,16 +11405,16 @@ var Bi = Ir(function(e, t, n, o) {
     qi !== n && (qi = n, Ao(), Cn = t.scroll, d = t.scrollFn, Cn === !0 && (Cn = Dt(n, !0)));
     var h = 0, g = Cn;
     do {
-      var m = g, I = Ce(m), O = I.top, G = I.bottom, D = I.left, j = I.right, ee = I.width, fe = I.height, J = void 0, ke = void 0, $e = m.scrollWidth, B = m.scrollHeight, F = M(m), ie = m.scrollLeft, ge = m.scrollTop;
+      var m = g, I = Ne(m), O = I.top, G = I.bottom, D = I.left, j = I.right, ee = I.width, fe = I.height, J = void 0, ke = void 0, $e = m.scrollWidth, B = m.scrollHeight, F = M(m), ie = m.scrollLeft, ge = m.scrollTop;
       m === c ? (J = ee < $e && (F.overflowX === "auto" || F.overflowX === "scroll" || F.overflowX === "visible"), ke = fe < B && (F.overflowY === "auto" || F.overflowY === "scroll" || F.overflowY === "visible")) : (J = ee < $e && (F.overflowX === "auto" || F.overflowX === "scroll"), ke = fe < B && (F.overflowY === "auto" || F.overflowY === "scroll"));
       var Q = J && (Math.abs(j - i) <= a && ie + ee < $e) - (Math.abs(D - i) <= a && !!ie), se = ke && (Math.abs(G - s) <= a && ge + fe < B) - (Math.abs(O - s) <= a && !!ge);
-      if (!ye[h])
+      if (!Ce[h])
         for (var oe = 0; oe <= h; oe++)
-          ye[oe] || (ye[oe] = {});
-      (ye[h].vx != Q || ye[h].vy != se || ye[h].el !== m) && (ye[h].el = m, ye[h].vx = Q, ye[h].vy = se, clearInterval(ye[h].pid), (Q != 0 || se != 0) && (_ = !0, ye[h].pid = setInterval((function() {
+          Ce[oe] || (Ce[oe] = {});
+      (Ce[h].vx != Q || Ce[h].vy != se || Ce[h].el !== m) && (Ce[h].el = m, Ce[h].vx = Q, Ce[h].vy = se, clearInterval(Ce[h].pid), (Q != 0 || se != 0) && (_ = !0, Ce[h].pid = setInterval((function() {
         o && this.layer === 0 && P.active._onTouchMove(Uo);
-        var R = ye[this.layer].vy ? ye[this.layer].vy * l : 0, ae = ye[this.layer].vx ? ye[this.layer].vx * l : 0;
-        typeof d == "function" && d.call(P.dragged.parentNode[Qe], ae, R, e, Uo, ye[this.layer].el) !== "continue" || yr(ye[this.layer].el, ae, R);
+        var R = Ce[this.layer].vy ? Ce[this.layer].vy * l : 0, ae = Ce[this.layer].vx ? Ce[this.layer].vx * l : 0;
+        typeof d == "function" && d.call(P.dragged.parentNode[Qe], ae, R, e, Uo, Ce[this.layer].el) !== "continue" || yr(Ce[this.layer].el, ae, R);
       }).bind({
         layer: h
       }), 24))), h++;
@@ -11744,8 +11742,8 @@ const Qi = [
         onMouseout: h[3] || (h[3] = (O) => l.value = !1)
       }, [
         st("span", ng, wo(s.title), 1),
-        Ne(g),
-        Ne(m, {
+        be(g),
+        be(m, {
           class: "x-handle cursor-move mr-3",
           icon: X(sc),
           onMousedown: h[0] || (h[0] = Ln(() => {
@@ -11869,7 +11867,7 @@ const Qi = [
 function lg(e, t) {
   return Be(), Et("div", null, "blockTree");
 }
-const cg = /* @__PURE__ */ Ur(rg, [["render", lg]]), ug = { class: "text-subtitle-1 ml-3" }, pg = /* @__PURE__ */ ht({
+const cg = /* @__PURE__ */ Ur(rg, [["render", lg]]), ug = { class: "text-subtitle-1" }, pg = /* @__PURE__ */ ht({
   __name: "index",
   props: {
     type: {},
@@ -11894,9 +11892,9 @@ const cg = /* @__PURE__ */ Ur(rg, [["render", lg]]), ug = { class: "text-subtitl
       height: "60px"
     })), { open: _ } = Ko("blocklyNavigatorDlg");
     return (d, h) => {
-      const g = De("v-sheet"), m = De("v-icon"), I = De("v-dialog"), O = De("v-btn"), G = De("v-tooltip");
+      const g = De("v-sheet"), m = De("v-btn"), I = De("v-spacer"), O = De("v-dialog"), G = De("v-tooltip");
       return Be(), Et(ka, null, [
-        Ne(I, {
+        be(O, {
           modelValue: X(_),
           "onUpdate:modelValue": h[3] || (h[3] = (D) => kn(_) ? _.value = D : null),
           transition: "scroll-x-reverse-transition",
@@ -11921,17 +11919,20 @@ const cg = /* @__PURE__ */ Ur(rg, [["render", lg]]), ug = { class: "text-subtitl
                   color: "transparent",
                   height: 24
                 })) : cn("", !0),
-                Ne(g, {
-                  class: "d-flex align-center px-3",
+                be(g, {
+                  class: "d-flex align-center px-2",
                   color: "transparent",
                   height: 48
                 }, {
                   default: pt(() => [
-                    Ne(m, {
+                    be(m, {
+                      variant: "text",
+                      density: "comfortable",
                       icon: X(Pa),
                       onClick: h[0] || (h[0] = (D) => _.value = !1)
                     }, null, 8, ["icon"]),
-                    st("span", ug, wo(X(t)("x-block-lib.navigator")), 1)
+                    st("span", ug, wo(X(t)("x-block-lib.navigator")), 1),
+                    be(I)
                   ]),
                   _: 1
                 }),
@@ -11952,11 +11953,11 @@ const cg = /* @__PURE__ */ Ur(rg, [["render", lg]]), ug = { class: "text-subtitl
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        Ne(G, {
+        be(G, {
           text: X(t)("x-block-lib.tip.hotkeyCtrlE")
         }, {
           activator: pt(({ props: D }) => [
-            Ne(O, Zi(D, {
+            be(m, Zi(D, {
               variant: "outlined",
               density: "comfortable",
               icon: X(lc),
@@ -12165,21 +12166,21 @@ const gg = { class: "position-relative w-100 h-100" }, mg = /* @__PURE__ */ ht({
           class: "d-flex flex-column justify-center align-center",
           style: lt(I.value)
         }, [
-          Ne(Me, {
+          be(Me, {
             size: "x-large",
             icon: X(ic)
           }, null, 8, ["icon"])
         ], 4)) : cn("", !0),
         st("div", {
-          class: "d-flex align-end pt-3 pr-3",
+          class: "d-flex align-end ga-3 pt-3 pr-3",
           style: lt(O.value)
         }, [
-          Ne(lf, { lock: s.value }, null, 8, ["lock"]),
-          Ne(cf, {
+          be(lf, { lock: s.value }, null, 8, ["lock"]),
+          be(cf, {
             modelValue: s.value,
             "onUpdate:modelValue": ae[0] || (ae[0] = (Xe) => s.value = Xe)
           }, null, 8, ["modelValue"]),
-          Ne(pg, {
+          be(pg, {
             type: m.value,
             lock: s.value
           }, null, 8, ["type", "lock"])
@@ -12192,7 +12193,7 @@ const gg = { class: "position-relative w-100 h-100" }, mg = /* @__PURE__ */ ht({
           key: 2,
           style: lt(G.value)
         }, null, 4)) : cn("", !0),
-        Ne(re, {
+        be(re, {
           open: h.value,
           "z-index": 99
         }, null, 8, ["open"])
@@ -12752,8 +12753,8 @@ function Tg() {
         const x = this.matcherRe.exec(y);
         if (!x)
           return null;
-        const Re = x.findIndex((vn, ii) => ii > 0 && vn !== void 0), Ie = this.matchIndexes[Re];
-        return x.splice(0, Re), Object.assign(x, Ie);
+        const Re = x.findIndex((vn, ii) => ii > 0 && vn !== void 0), ye = this.matchIndexes[Re];
+        return x.splice(0, Re), Object.assign(x, ye);
       }
     }
     class Y {
@@ -12764,7 +12765,7 @@ function Tg() {
       getMatcher(y) {
         if (this.multiRegexes[y]) return this.multiRegexes[y];
         const x = new v();
-        return this.rules.slice(y).forEach(([Re, Ie]) => x.addRule(Re, Ie)), x.compile(), this.multiRegexes[y] = x, x;
+        return this.rules.slice(y).forEach(([Re, ye]) => x.addRule(Re, ye)), x.compile(), this.multiRegexes[y] = x, x;
       }
       resumingScanAtSamePosition() {
         return this.regexIndex !== 0;
@@ -12782,8 +12783,8 @@ function Tg() {
         x.lastIndex = this.lastIndex;
         let Re = x.exec(y);
         if (this.resumingScanAtSamePosition() && !(Re && Re.index === this.lastIndex)) {
-          const Ie = this.getMatcher(0);
-          Ie.lastIndex = this.lastIndex + 1, Re = Ie.exec(y);
+          const ye = this.getMatcher(0);
+          ye.lastIndex = this.lastIndex + 1, Re = ye.exec(y);
         }
         return Re && (this.regexIndex += Re.position + 1, this.regexIndex === this.count && this.considerAll()), Re;
       }
@@ -12805,24 +12806,24 @@ function Tg() {
         zr,
         sl,
         Jr
-      ].forEach((Ie) => Ie(N, y)), u.compilerExtensions.forEach((Ie) => Ie(N, y)), N.__beforeBegin = null, [
+      ].forEach((ye) => ye(N, y)), u.compilerExtensions.forEach((ye) => ye(N, y)), N.__beforeBegin = null, [
         Wr,
         // do this later so compiler extensions that come earlier have access to the
         // raw array if they wanted to perhaps manipulate it, etc.
         Xr,
         // default to 1 relevance if not specified
         qr
-      ].forEach((Ie) => Ie(N, y)), N.isCompiled = !0;
+      ].forEach((ye) => ye(N, y)), N.isCompiled = !0;
       let Re = null;
       return typeof N.keywords == "object" && N.keywords.$pattern && (N.keywords = Object.assign({}, N.keywords), Re = N.keywords.$pattern, delete N.keywords.$pattern), Re = Re || /\w+/, N.keywords && (N.keywords = ps(N.keywords, u.case_insensitive)), x.keywordPatternRe = f(Re, !0), y && (N.begin || (N.begin = /\B|\b/), x.beginRe = f(x.begin), !N.end && !N.endsWithParent && (N.end = /\B|\b/), N.end && (x.endRe = f(x.end)), x.terminatorEnd = h(x.end) || "", N.endsWithParent && y.terminatorEnd && (x.terminatorEnd += (N.end ? "|" : "") + y.terminatorEnd)), N.illegal && (x.illegalRe = f(
         /** @type {RegExp | string} */
         N.illegal
-      )), N.contains || (N.contains = []), N.contains = [].concat(...N.contains.map(function(Ie) {
-        return rl(Ie === "self" ? N : Ie);
-      })), N.contains.forEach(function(Ie) {
+      )), N.contains || (N.contains = []), N.contains = [].concat(...N.contains.map(function(ye) {
+        return rl(ye === "self" ? N : ye);
+      })), N.contains.forEach(function(ye) {
         ve(
           /** @type Mode */
-          Ie,
+          ye,
           x
         );
       }), N.starts && ve(N.starts, y), x.matcher = Ae(x), x;
@@ -12877,7 +12878,7 @@ function Tg() {
       }
       return S.split(/\s+/).find((le) => x(le) || Ct(le));
     }
-    function Ie(E, S, z) {
+    function ye(E, S, z) {
       let le = "", Le = "";
       typeof S == "object" ? (le = E, z = S.ignoreIllegals, Le = S.language) : (Qt("10.7.0", "highlight(lang, code, ...args) has been deprecated."), Qt("10.7.0", `Please use highlight(code, options) instead.
 https://github.com/highlightjs/highlight.js/issues/2277`), Le = E, le = S), z === void 0 && (z = !0);
@@ -13133,7 +13134,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), Le = E, le = S), z ==
           E.innerHTML
         );
       S = E;
-      const le = S.textContent, Le = z ? Ie(le, { language: z, ignoreIllegals: !0 }) : si(le);
+      const le = S.textContent, Le = z ? ye(le, { language: z, ignoreIllegals: !0 }) : si(le);
       E.innerHTML = Le.value, E.dataset.highlighted = "yes", pl(E, z, Le.language), E.result = {
         language: Le.language,
         // TODO: remove with version 11.0
@@ -13225,7 +13226,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`), Le = E, le = S), z ==
       return Qt("10.7.0", "highlightBlock will be removed entirely in v12.0"), Qt("10.7.0", "Please use highlightElement now."), ai(E);
     }
     Object.assign(u, {
-      highlight: Ie,
+      highlight: ye,
       highlightAuto: si,
       highlightAll: Jn,
       highlightElement: ai,
@@ -13959,7 +13960,7 @@ const Ng = /* @__PURE__ */ ht({
         height: "100%"
       }, {
         default: pt(() => [
-          Ne(X(n), {
+          be(X(n), {
             language: "js",
             code: t.code
           }, null, 8, ["code"])
@@ -13986,14 +13987,14 @@ const Ng = /* @__PURE__ */ ht({
       return Be(), ut(I, {
         modelValue: X(c),
         "onUpdate:modelValue": d[1] || (d[1] = (O) => kn(c) ? c.value = O : null),
-        transition: "fade-transition",
+        transition: "dialog-bottom-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
         onKeydown: d[2] || (d[2] = La(Ln((O) => c.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         default: pt(() => [
-          Ne(h, {
+          be(h, {
             color: X(o),
             width: "100%",
             height: "100%"
@@ -14004,25 +14005,25 @@ const Ng = /* @__PURE__ */ ht({
                 color: X(i),
                 height: 24
               }, null, 8, ["color"])) : cn("", !0),
-              Ne(h, {
+              be(h, {
                 class: "d-flex align-center px-3",
                 color: X(i),
                 height: 48
               }, {
                 default: pt(() => [
-                  Ne(g, {
+                  be(g, {
                     icon: X(Pa),
                     onClick: d[0] || (d[0] = (O) => c.value = !1)
                   }, null, 8, ["icon"]),
                   st("span", kg, wo(X(t)("x-block-lib.dlg.source.title")), 1),
-                  Ne(m)
+                  be(m)
                 ]),
                 _: 1
               }, 8, ["color"]),
               st("div", {
                 style: lt(a.value)
               }, [
-                Ne(Ng, { code: s.value }, null, 8, ["code"])
+                be(Ng, { code: s.value }, null, 8, ["code"])
               ], 4)
             ]),
             _: 1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.6.0",
+  "version": "0.6.1",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -31,7 +31,7 @@
     "vue": "^3.5.13",
     "vue-draggable-plus": "^0.6.0",
     "vuetify": "^3.7.13",
-    "x-essential-lib": "^0.8.0",
+    "x-essential-lib": "^0.8.2",
     "x-runtime-lib": "^0.6.0",
     "x-state-lib": "^0.2.0"
   },