x-block-lib 0.4.16 → 0.4.18

package/dist/index.js

@@ -2,41 +2,41 @@
 var tt = Object.defineProperty;
 var ot = (e, o, t) => o in e ? tt(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
 var A = (e, o, t) => ot(e, typeof o != "symbol" ? o + "" : o, t);
-import { getCurrentScope as nt, onScopeDispose as it, unref as C, computed as S, watch as j, ref as ne, getCurrentInstance as st, onMounted as fe, defineComponent as W, resolveComponent as v, openBlock as L, createBlock as x, useModel as ue, onUnmounted as lt, withCtx as K, createElementBlock as X, Fragment as at, renderList as rt, createVNode as B, createTextVNode as ct, toDisplayString as pe, isRef as _t, withKeys as ut, withModifiers as le, mergeProps as pt, createElementVNode as V, normalizeStyle as F, createCommentVNode as ee, mergeModels as ve, useTemplateRef as Tt, onBeforeUnmount as dt } from "vue";
-import { d as _, j as s, O as l, u, X as ft, B as y, E, M as O, i as ie, a as U, b as f, C as Ue, F as Ee, c as Et, P as Te, N as he, V as te, e as ht, f as Pe, s as mt, g as w, S as I, h as ae, k as Y, l as J, m as re, n as G, o as P, p as Ae, G as ce, q as Ot, r as gt, t as _e, U as z, D as Q, v as D, w as It, T as se, x as xe, y as Lt, z as be, A as yt } from "./blockly-d7r2qvsx.js";
-import { storeToRefs as Ct } from "pinia";
-import { openConfirmDlg as vt, openPromptDlg as At, eventBus as ke, useSystem as bt, useColor as kt, useViewStack as De, useGlobalStore as Nt } from "x-essential-lib";
-import { useDisplay as Bt } from "vuetify";
+import { getCurrentScope as nt, onScopeDispose as it, unref as C, computed as S, watch as j, ref as ne, getCurrentInstance as st, onMounted as fe, defineComponent as W, resolveComponent as v, openBlock as L, createBlock as x, useModel as ue, onUnmounted as lt, withCtx as K, createElementBlock as X, Fragment as at, renderList as rt, createVNode as B, createTextVNode as ct, toDisplayString as pe, isRef as _t, withKeys as ut, withModifiers as le, mergeProps as pt, createElementVNode as V, normalizeStyle as F, createCommentVNode as ee, mergeModels as ve, useTemplateRef as Tt, nextTick as dt, onBeforeUnmount as ft } from "vue";
+import { d as _, j as s, O as l, u, X as Et, B as y, E, M as O, i as ie, a as U, b as f, C as Ue, F as Ee, c as ht, P as Te, N as he, V as te, e as mt, f as Pe, s as Ot, g as w, S as I, h as ae, k as Y, l as J, m as re, n as G, o as P, p as Ae, G as ce, q as gt, r as It, t as _e, U as z, D as Q, v as D, w as Lt, T as se, x as xe, y as yt, z as be, A as Ct } from "./blockly-d7r2qvsx.js";
+import { storeToRefs as vt } from "pinia";
+import { openConfirmDlg as At, openPromptDlg as bt, eventBus as ke, useSystem as kt, useColor as Nt, useViewStack as De, useGlobalStore as Bt, waitMs as Rt } from "x-essential-lib";
+import { useDisplay as St } from "vuetify";
 import { useI18n as Ye } from "vue-i18n";
-var Rt = "M19.36,2.72L20.78,4.14L15.06,9.85C16.13,11.39 16.28,13.24 15.38,14.44L9.06,8.12C10.26,7.22 12.11,7.37 13.65,8.44L19.36,2.72M5.93,17.57C3.92,15.56 2.69,13.16 2.35,10.92L7.23,8.83L14.67,16.27L12.58,21.15C10.34,20.81 7.94,19.58 5.93,17.57Z", St = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", Mt = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z", Vt = "M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z", Ut = "M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z", Pt = "M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z";
-function xt(e) {
+var Mt = "M19.36,2.72L20.78,4.14L15.06,9.85C16.13,11.39 16.28,13.24 15.38,14.44L9.06,8.12C10.26,7.22 12.11,7.37 13.65,8.44L19.36,2.72M5.93,17.57C3.92,15.56 2.69,13.16 2.35,10.92L7.23,8.83L14.67,16.27L12.58,21.15C10.34,20.81 7.94,19.58 5.93,17.57Z", Vt = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", Ut = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z", Pt = "M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z", xt = "M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z", Dt = "M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z";
+function Yt(e) {
   return nt() ? (it(e), !0) : !1;
 }
-function Dt(e) {
+function Kt(e) {
   return typeof e == "function" ? e() : C(e);
 }
-const Yt = typeof window < "u" && typeof document < "u";
+const Ft = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 function Ne(e) {
   var o;
-  const t = Dt(e);
+  const t = Kt(e);
   return (o = t == null ? void 0 : t.$el) != null ? o : t;
 }
-const Kt = Yt ? window : void 0;
-function Ft() {
+const wt = Ft ? window : void 0;
+function Ht() {
   const e = ne(!1), o = st();
   return o && fe(() => {
     e.value = !0;
   }, o), e;
 }
-function wt(e) {
-  const o = Ft();
+function Gt(e) {
+  const o = Ht();
   return S(() => (o.value, !!e()));
 }
-function Ht(e, o, t = {}) {
-  const { window: n = Kt, ...i } = t;
+function $t(e, o, t = {}) {
+  const { window: n = wt, ...i } = t;
   let a;
-  const r = wt(() => n && "ResizeObserver" in n), c = () => {
+  const r = Gt(() => n && "ResizeObserver" in n), c = () => {
     a && (a.disconnect(), a = void 0);
   }, p = S(() => Array.isArray(e) ? e.map((g) => Ne(g)) : [Ne(e)]), h = j(
     p,
@@ -51,7 +51,7 @@ function Ht(e, o, t = {}) {
   ), T = () => {
     c(), h();
   };
-  return xt(T), {
+  return Yt(T), {
     isSupported: r,
     stop: T
   };
@@ -198,7 +198,7 @@ function ${s.FUNCTION_NAME_PLACEHOLDER_}(r, g, b) {
 `
   )}(${o}, ${t}, ${n})`, l.FUNCTION_CALL];
 };
-const Gt = function() {
+const jt = function() {
   if (!window.blocklyState) {
     const e = {
       runtime: {
@@ -244,10 +244,10 @@ function q(e) {
   return u.xml.textToDom(o);
 }
 function Ke(e, o, t) {
-  const n = `<xml><block type="parameter_v1"><mutation key="${o}" name="${t}"/></block></xml>`, i = u.xml.textToDom(n), a = ft.domToWorkspace(i, e);
+  const n = `<xml><block type="parameter_v1"><mutation key="${o}" name="${t}"/></block></xml>`, i = u.xml.textToDom(n), a = Et.domToWorkspace(i, e);
   return e.getBlockById(a[0]);
 }
-const $t = u.xml, jt = [
+const Xt = u.xml, Wt = [
   {
     type: "call_func_v1",
     prefixInputs: ["OUTPUT"]
@@ -277,17 +277,17 @@ const $t = u.xml, jt = [
     prefixInputs: ["ARG"]
   }
 ];
-function Xt(e, o) {
+function Jt(e, o) {
   var n, i;
-  const t = jt.find((a) => a.type === e);
+  const t = Wt.find((a) => a.type === e);
   return t ? !!((n = t.prefixInputs) != null && n.some((a) => o.startsWith(a)) || (i = t.inputs) != null && i.some((a) => a === o)) : !1;
 }
-const Wt = {
+const zt = {
   init: function() {
     this.key = "", this.name = "", this.appendDummyInput().appendField("", "LABEL"), this.setOutput(!0), this.setColour(220);
   },
   mutationToDom: function() {
-    const e = $t.createElement("mutation");
+    const e = Xt.createElement("mutation");
     return e.setAttribute("key", this.key), e.setAttribute("name", this.name), e;
   },
   domToMutation: function(e) {
@@ -316,7 +316,7 @@ const Wt = {
   tryDuplicate_: function(e) {
     var t;
     const o = this.workspace.getBlockById(e.oldParentId);
-    if (o && Xt(o.type, e.oldInputName))
+    if (o && Jt(o.type, e.oldInputName))
       try {
         E.disable();
         const n = (t = o.getInput(e.oldInputName)) == null ? void 0 : t.connection;
@@ -332,23 +332,23 @@ const Wt = {
     this.name ? this.setFieldValue(O[this.name], "LABEL") : this.setFieldValue(this.key, "LABEL");
   }
 };
-y.parameter_v1 = Wt;
+y.parameter_v1 = zt;
 s.forBlock.parameter_v1 = function(e) {
   return [e.key, l.ATOMIC];
 };
-const Jt = u.xml, zt = {
+const Qt = u.xml, qt = {
   init: function() {
     this.appendDummyInput().appendField("%{BKY_LIST_V1_CREATE_CONTAINER_TITLE}"), this.appendStatementInput("STACK"), this.setStyle("list_blocks"), this.contextMenu = !1;
   }
 };
-y.list_create_container_v1 = zt;
-const Qt = {
+y.list_create_container_v1 = qt;
+const Zt = {
   init: function() {
     this.appendDummyInput().appendField("%{BKY_LIST_V1_CREATE_ITEM_TITLE}"), this.setPreviousStatement(!0), this.setNextStatement(!0), this.setStyle("list_blocks"), this.contextMenu = !1;
   }
 };
-y.list_create_item_v1 = Qt;
-const qt = {
+y.list_create_item_v1 = Zt;
+const eo = {
   init: function() {
     this.itemCount_ = 0, this.setMutator(
       new ie.MutatorIcon(
@@ -358,7 +358,7 @@ const qt = {
     ), this.setOutput(!0, "Array"), this.setStyle("list_blocks"), this.setTooltip("%{BKY_LIST_V1_CREATE_TOOLTIP}"), this.setHelpUrl("%{BKY_LIST_V1_CREATE_HELPURL}");
   },
   mutationToDom: function() {
-    const e = Jt.createElement("mutation");
+    const e = Qt.createElement("mutation");
     return e.setAttribute("items", String(this.itemCount_)), e;
   },
   domToMutation: function(e) {
@@ -432,7 +432,7 @@ const qt = {
       this.removeInput("ADD" + e);
   }
 };
-y.list_create_v1 = qt;
+y.list_create_v1 = eo;
 s.forBlock.list_create_v1 = function(e) {
   const o = e, t = new Array(o.itemCount_);
   for (let i = 0; i < o.itemCount_; i++)
@@ -648,7 +648,7 @@ s.forBlock.list_set_v1 = function(e) {
   return `${o}[${t}] = ${n};
 `;
 };
-const Zt = {
+const to = {
   // logic_compare
   EQ: "%{BKY_LOGIC_V1_COMPARE_TOOLTIP_EQ}",
   NEQ: "%{BKY_LOGIC_V1_COMPARE_TOOLTIP_NEQ}",
@@ -662,7 +662,7 @@ const Zt = {
 };
 f.register(
   "logic_op_tooltip_v1",
-  f.buildTooltipForDropdown("OP", Zt)
+  f.buildTooltipForDropdown("OP", to)
 );
 _([
   {
@@ -687,7 +687,7 @@ _([
 s.forBlock.logic_boolean_v1 = function(e) {
   return [e.getFieldValue("BOOL") === "TRUE" ? "true" : "false", l.ATOMIC];
 };
-const eo = {
+const oo = {
   onchange: function(e) {
     this.prevBlocks_ || (this.prevBlocks_ = [null, null]);
     const o = this.getInputTargetBlock("A"), t = this.getInputTargetBlock("B");
@@ -707,7 +707,7 @@ const eo = {
 f.register(
   "logic_compare_v1",
   function() {
-    this.mixin(eo);
+    this.mixin(oo);
   }
 );
 _([
@@ -757,7 +757,7 @@ s.forBlock.logic_compare_v1 = function(e) {
   const i = s.valueToCode(e, "A", n) || "0", a = s.valueToCode(e, "B", n) || "0";
   return [`${i} ${t} ${a}`, n];
 };
-const to = {
+const no = {
   elseIfCount_: 0,
   hasElse_: !1,
   mutationToDom: function() {
@@ -885,7 +885,7 @@ const to = {
 };
 f.registerMutator(
   "logic_if_v1_mutator",
-  to,
+  no,
   void 0,
   ["logic_if_else_if_v1", "logic_if_else_v1"]
 );
@@ -1031,7 +1031,7 @@ s.forBlock.logic_operation_v1 = function(e) {
   }
   return [`${n} ${o} ${i}`, t];
 };
-const oo = {
+const io = {
   prevParentConnection_: null,
   onchange: function(e) {
     const o = this.getInputTargetBlock("THEN"), t = this.getInputTargetBlock("ELSE"), n = this.outputConnection.targetConnection;
@@ -1046,7 +1046,7 @@ const oo = {
     this.prevParentConnection_ = n;
   }
 };
-f.registerMixin("logic_ternary_v1", oo);
+f.registerMixin("logic_ternary_v1", io);
 _([
   {
     type: "logic_ternary_v1",
@@ -1083,7 +1083,7 @@ s.forBlock.logic_ternary_v1 = function(e) {
   const o = s.valueToCode(e, "IF", l.CONDITIONAL) || "false", t = s.valueToCode(e, "THEN", l.CONDITIONAL) || "null", n = s.valueToCode(e, "ELSE", l.CONDITIONAL) || "null";
   return [o + " ? " + t + " : " + n, l.CONDITIONAL];
 };
-const no = {
+const so = {
   customContextMenu: function(e) {
     if (this.isInFlyout)
       return;
@@ -1105,7 +1105,7 @@ const no = {
 };
 f.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
-  no
+  so
 );
 f.register(
   "flow_control_tooltip_v1",
@@ -1114,16 +1114,16 @@ f.register(
     CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
   })
 );
-const io = /* @__PURE__ */ new Set([
+const lo = /* @__PURE__ */ new Set([
   "repeat_v1",
   "for_each_v1",
   "for_v1",
   "while_until_v1"
-]), so = {
+]), ao = {
   getSurroundLoop: function() {
     let e = this;
     do {
-      if (io.has(e.type))
+      if (lo.has(e.type))
         return !0;
       e = e == null ? void 0 : e.getSurroundParent();
     } while (e);
@@ -1146,7 +1146,7 @@ const io = /* @__PURE__ */ new Set([
 };
 f.registerMixin(
   "flow_control_in_loop_check_v1",
-  so
+  ao
 );
 _([
   {
@@ -1311,7 +1311,7 @@ ${n}
 }
 `;
 };
-const lo = {
+const ro = {
   // math_arithmetic
   ADD: "%{BKY_MATH_V1_ARITHMETIC_TOOLTIP_ADD}",
   SUBTRACT: "%{BKY_MATH_V1_ARITHMETIC_TOOLTIP_SUBTRACT}",
@@ -1345,7 +1345,7 @@ const lo = {
 };
 f.register(
   "math_op_tooltip_v1",
-  f.buildTooltipForDropdown("OP", lo)
+  f.buildTooltipForDropdown("OP", ro)
 );
 _([
   {
@@ -1948,21 +1948,21 @@ s.forBlock.math_trig_v1 = function(e) {
   }
   return [n, l.DIVISION];
 };
-const ao = u.xml, ro = {
+const co = u.xml, _o = {
   init: function() {
     this.appendDummyInput().appendField(
       "%{BKY_OBJECT_V1_CREATE_CONTAINER_TITLE}"
     ), this.appendStatementInput("STACK"), this.setStyle("object_blocks"), this.contextMenu = !1;
   }
 };
-y.object_create_container_v1 = ro;
-const co = {
+y.object_create_container_v1 = _o;
+const uo = {
   init: function() {
     this.appendDummyInput().appendField("%{BKY_OBJECT_V1_CREATE_ITEM_TITLE}"), this.setPreviousStatement(!0), this.setNextStatement(!0), this.setStyle("object_blocks"), this.contextMenu = !1;
   }
 };
-y.object_create_item_v1 = co;
-const _o = {
+y.object_create_item_v1 = uo;
+const po = {
   init: function() {
     this.itemCount_ = 0, this.appendDummyInput().appendField("%{BKY_OBJECT_V1_CREATE_TITLE}"), this.setMutator(
       new ie.MutatorIcon(
@@ -1972,7 +1972,7 @@ const _o = {
     ), this.setOutput(!0, "Object"), this.setStyle("object_blocks"), this.setTooltip("%{BKY_OBJECT_V1_CREATE_TOOLTIP}"), this.setHelpUrl("%{BKY_OBJECT_V1_CREATE_HELPURL}");
   },
   mutationToDom: function() {
-    const e = ao.createElement("mutation");
+    const e = co.createElement("mutation");
     return e.setAttribute("items", String(this.itemCount_)), e;
   },
   domToMutation: function(e) {
@@ -2042,7 +2042,7 @@ const _o = {
       this.removeInput("ADD" + e);
   }
 };
-y.object_create_v1 = _o;
+y.object_create_v1 = po;
 s.forBlock.object_create_v1 = function(e) {
   const o = e;
   let t = "{";
@@ -2300,13 +2300,13 @@ _([
 s.forBlock.object_to_json_v1 = function(e) {
   return [`__jsonStringifyV1__(${s.valueToCode(e, "OBJECT", l.NONE) || "null"})`, l.FUNCTION_CALL];
 };
-const Be = u.xml, uo = {
+const Be = u.xml, To = {
   init: function() {
-    this.appendDummyInput().appendField("%{BKY_PROCEDURE_V1_DEF_CONTAINER_TITLE}").appendField(new Et(!1), "WITHRETURN"), this.appendStatementInput("STACK"), this.setStyle("procedure_blocks"), this.contextMenu = !1;
+    this.appendDummyInput().appendField("%{BKY_PROCEDURE_V1_DEF_CONTAINER_TITLE}").appendField(new ht(!1), "WITHRETURN"), this.appendStatementInput("STACK"), this.setStyle("procedure_blocks"), this.contextMenu = !1;
   }
 };
-y.procedure_def_container_v1 = uo;
-const po = {
+y.procedure_def_container_v1 = To;
+const fo = {
   init: function() {
     const e = new Ee(Te.DEFAULT_ARG);
     e.setValidator(this.validator_), this.appendDummyInput().appendField("%{BKY_PROCEDURE_V1_DEF_ITEM_TITLE}").appendField(e, "NAME"), this.setPreviousStatement(!0), this.setNextStatement(!0), this.setStyle("procedure_blocks"), this.contextMenu = !1;
@@ -2328,8 +2328,8 @@ const po = {
     return e;
   }
 };
-y.procedure_def_item_v1 = po;
-const To = {
+y.procedure_def_item_v1 = fo;
+const Eo = {
   init: function() {
     this.withReturn = !1, this.args = [];
     const e = new Ee(
@@ -2429,13 +2429,13 @@ const To = {
       }
   }
 };
-y.procedure_def_v1 = To;
-const fo = u.xml, Eo = {
+y.procedure_def_v1 = Eo;
+const ho = u.xml, mo = {
   init: function() {
     this.withReturn = !1, this.appendDummyInput("DUMMY").appendField("%{BKY_PROCEDURE_RETURN}"), this.appendValueInput("VALUE").appendField("%{BKY_PROCEDURE_RETURN}").setVisible(!1), this.setPreviousStatement(!0), this.setStyle("procedure_blocks"), this.setTooltip("%{BKY_PROCEDURE_V1_RETURN_TOOLTIP}"), this.setHelpUrl("%{BKY_PROCEDURE_V1_RETURN_HELPURL}");
   },
   mutationToDom: function() {
-    const e = fo.createElement("mutation");
+    const e = ho.createElement("mutation");
     return e.setAttribute("withreturn", this.withReturn ? "TRUE" : "FALSE"), e;
   },
   domToMutation: function(e) {
@@ -2486,7 +2486,7 @@ const fo = u.xml, Eo = {
     e.type === "procedure_def_v1" || e.type === "func_entry_v1" ? this.setWarningText(null) : this.setWarningText("the block can only be used in procedure block");
   }
 };
-y.procedure_return_v1 = Eo;
+y.procedure_return_v1 = mo;
 s.forBlock.procedure_return_v1 = function(e) {
   const o = e;
   return o.withReturn ? `return ${s.valueToCode(o, "VALUE", l.NONE) || "null"};
@@ -2514,9 +2514,9 @@ _([
 s.forBlock.text_v1 = function(e) {
   return [s.quote_(e.getFieldValue("TEXT")), l.ATOMIC];
 };
-const ho = /^\s*'([^']|\\')*'\s*$/;
+const Oo = /^\s*'([^']|\\')*'\s*$/;
 function oe(e) {
-  return ho.test(e) ? [e, l.ATOMIC] : [`String(${e})`, l.FUNCTION_CALL];
+  return Oo.test(e) ? [e, l.ATOMIC] : [`String(${e})`, l.FUNCTION_CALL];
 }
 f.register(
   "text_append_tooltip_v1",
@@ -2721,10 +2721,10 @@ _([
 s.forBlock.text_is_empty_v1 = function(e) {
   return [`!${s.valueToCode(e, "VALUE", l.MEMBER) || "''"}.length`, l.LOGICAL_NOT];
 };
-const mo = u.xml, Oo = {
+const go = u.xml, Io = {
   itemCount_: 0,
   mutationToDom: function() {
-    const e = mo.createElement("mutation");
+    const e = go.createElement("mutation");
     return e.setAttribute("items", `${this.itemCount_}`), e;
   },
   domToMutation: function(e) {
@@ -2796,13 +2796,13 @@ const mo = u.xml, Oo = {
     for (let e = this.itemCount_; this.getInput("ADD" + e); e++)
       this.removeInput("ADD" + e);
   }
-}, go = function() {
+}, Lo = function() {
   this.itemCount_ = 2, this.updateShape_(), this.setMutator(new ie.MutatorIcon(["text_join_item_v1"], this));
 };
 f.registerMutator(
   "text_join_mutator_v1",
-  Oo,
-  go
+  Io,
+  Lo
 );
 _([
   {
@@ -3034,7 +3034,7 @@ s.forBlock.text_trim_v1 = function(e) {
   }[e.getFieldValue("MODE")];
   return [`__trimV1__(${o}, ${n})`, l.ATOMIC];
 };
-const Io = {
+const yo = {
   init: function() {
     this.appendDummyInput().appendField("%{BKY_TIME_V1_CREATE_TIMER_TITLE}"), this.setPreviousStatement(!0, null), this.setNextStatement(!0, null), this.setStyle("time_blocks"), this.setTooltip("%{BKY_TIME_V1_CREATE_TIMER_TOOLTIP}"), this.setHelpUrl("%{BKY_TIME_V1_CREATE_TIMER_HELPURL}");
   },
@@ -3060,7 +3060,7 @@ const Io = {
     ));
   }
 };
-y.create_timer_v1 = Io;
+y.create_timer_v1 = yo;
 s.forBlock.create_timer_v1 = function(e) {
   const o = s.valueToCode(e, "INTERVAL", l.ATOMIC) || "1000", t = s.valueToCode(e, "LOOP", l.ATOMIC) || "false", n = s.valueToCode(e, "COUNT", l.ATOMIC) || "1", i = s.valueToCode(e, "IMMEDIATE", l.ATOMIC) || "false", a = s.statementToCode(e, "CALLBACK");
   return `__createTimerV1__(${o}, ${t}, ${n}, ${i}, function() {
@@ -3090,18 +3090,18 @@ s.forBlock.delay_v1 = function(e) {
   return `__delayV1__(${s.valueToCode(e, "MS", l.ATOMIC) || "0"});
 `;
 };
-const Lo = {
+const Co = {
   customContextMenu: function(e) {
     if (this.isInFlyout) {
       if (this.type === "variables_get_v1" || this.type === "variables_get_v1_reporter") {
         const o = {
           text: O.RENAME_VARIABLE,
           enabled: !0,
-          callback: yo(this)
+          callback: vo(this)
         }, t = this.getField("VAR").getText(), n = {
           text: O.DELETE_VARIABLE.replace("%1", t),
           enabled: !0,
-          callback: Co(this)
+          callback: Ao(this)
         };
         e.unshift(o), e.unshift(n);
       }
@@ -3119,12 +3119,12 @@ const Lo = {
       });
     }
   }
-}, yo = function(e) {
+}, vo = function(e) {
   return function() {
     const o = e.workspace, n = e.getField("VAR").getVariable();
     te.renameVariable(o, n);
   };
-}, Co = function(e) {
+}, Ao = function(e) {
   return function() {
     const o = e.workspace, n = e.getField("VAR").getVariable();
     o.deleteVariableById(n.getId()), o.refreshToolboxSelection();
@@ -3132,7 +3132,7 @@ const Lo = {
 };
 f.registerMixin(
   "context_menu_variable_v1",
-  Lo
+  Co
 );
 _([
   {
@@ -3189,7 +3189,7 @@ s.forBlock.variable_set_v1 = function(e) {
 `;
 };
 const Re = u.xml;
-function vo() {
+function bo() {
   const e = [];
   {
     const o = Re.createElement("label");
@@ -3201,11 +3201,11 @@ function vo() {
   }
   return e;
 }
-const Ao = {
+const ko = {
   name: "INTERFACE_CATEGORY",
-  callback: vo
+  callback: bo
 }, $ = u.xml;
-function bo() {
+function No() {
   const e = [];
   {
     const o = $.createElement("label");
@@ -3232,18 +3232,18 @@ function bo() {
 }
 const k = {
   name: "PROCEDURE_CATEGORY",
-  callback: bo
+  callback: No
 };
-function ko() {
-  const { args: e } = Gt.app.view, o = [];
+function Bo() {
+  const { args: e } = jt.app.view, o = [];
   return e == null || e.forEach(({ id: t, name: n, type: i }) => {
     o.push({ id: t, name: n, type: i });
   }), o;
 }
 const Se = u.xml;
-function No() {
+function Ro() {
   const e = [];
-  if (ko().length > 0) {
+  if (Bo().length > 0) {
     {
       const o = Se.createElement("label");
       o.setAttribute("text", "%{BKY_LABEL_ARGUMENT}"), e.push(o);
@@ -3257,9 +3257,9 @@ function No() {
 }
 const de = {
   name: "UI_CATEGORY",
-  callback: No
+  callback: Ro
 }, Z = u.xml;
-function Bo(e) {
+function So(e) {
   const o = [];
   {
     const n = Z.createElement("label");
@@ -3279,7 +3279,7 @@ function Bo(e) {
   const t = e.getVariablesOfType("");
   if (t.length <= 0)
     return o;
-  t.sort(ht.compareByName);
+  t.sort(mt.compareByName);
   {
     const n = Z.createElement("label");
     n.setAttribute("text", O.LABEL_CREATED), o.push(n);
@@ -3297,17 +3297,17 @@ function Bo(e) {
 }
 const N = {
   name: "VARIABLE_CATEGORY",
-  callback: Bo
+  callback: So
 };
 Pe.setConfirm(async (e, o) => {
-  const t = await vt({
+  const t = await At({
     title: "",
     text: e
   });
   o(!!t);
 });
 Pe.setPrompt(async (e, o, t) => {
-  const n = await At({
+  const n = await bt({
     title: "",
     value: o
   });
@@ -3328,7 +3328,7 @@ const Fe = (e, o, t) => {
 };
 async function Me(e) {
   const o = await Fe(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./msg-en-kge4l75d.js"), "./msg/zhHans.ts": () => import("./msg-zhHans-hfznrf5k.js") }), `./msg/${e}.ts`, 3);
-  mt(o.default);
+  Ot(o.default);
 }
 function we(e) {
   const o = w();
@@ -3343,7 +3343,7 @@ function we(e) {
   const i = n.getRelativeToSurfaceXY(), a = i.x * o.scale, r = i.y * o.scale;
   o.scroll(-a, -r);
 }
-function Ro() {
+function Mo() {
   var t;
   const e = w();
   if (!e)
@@ -3351,7 +3351,7 @@ function Ro() {
   const o = (t = e.getTopBlocks(!0)) == null ? void 0 : t[0];
   o && we(o.id);
 }
-class So {
+class Vo {
   init({ contextMenu: o = !0, shortcut: t = !0 } = {
     contextMenu: !0,
     shortcut: !0
@@ -3466,7 +3466,7 @@ class So {
         if (!c || !J(c) || !c.isDeletable() || !G(c))
           return !1;
         const p = c.toCopyData();
-        return p ? (localStorage.setItem("blocklyStash", JSON.stringify(p)), c instanceof Ot ? c.checkAndDelete() : c.dispose(), !0) : !1;
+        return p ? (localStorage.setItem("blocklyStash", JSON.stringify(p)), c instanceof gt ? c.checkAndDelete() : c.dispose(), !0) : !1;
       },
       keyCodes: [o, t, n]
     };
@@ -3506,7 +3506,7 @@ class So {
     I.registry.register(i);
   }
 }
-class Mo {
+class Uo {
   init() {
     const o = P.registry.getItem("cleanWorkspace");
     o && (o.callback = function(t) {
@@ -3530,7 +3530,7 @@ function He(e) {
   const o = e.getParent();
   return o && He(o) ? !0 : !o && !!(e.outputConnection || e.previousConnection);
 }
-class Vo {
+class Po {
   init() {
     const o = P.registry.getItem("blockDisable");
     o && (o.preconditionFn = function(t) {
@@ -4357,7 +4357,7 @@ class Ge extends _e {
   }
 }
 Ge.prototype.DEFAULT_VALUE = "#ffffff";
-gt.register(`
+It.register(`
 .blocklyColourTable {
   border-collapse: collapse;
   display: block;
@@ -4384,16 +4384,16 @@ gt.register(`
   position: relative;
 }
 `);
-function Uo() {
-  It.register("field_colour", Ge);
+function xo() {
+  Lt.register("field_colour", Ge);
 }
-const Po = new So();
-Po.init({ contextMenu: !0, shortcut: !0 });
-const xo = new Mo();
-xo.init();
 const Do = new Vo();
-Do.init();
-Uo();
+Do.init({ contextMenu: !0, shortcut: !0 });
+const Yo = new Uo();
+Yo.init();
+const Ko = new Po();
+Ko.init();
+xo();
 se.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
@@ -4518,7 +4518,7 @@ se.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const Yo = xe.defineTheme("light", {
+const Fo = xe.defineTheme("light", {
   name: "light",
   base: se.Classic,
   componentStyles: {
@@ -4534,7 +4534,7 @@ const Yo = xe.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), Ko = xe.defineTheme("dark", {
+}), wo = xe.defineTheme("dark", {
   name: "dark",
   base: se.Classic,
   componentStyles: {
@@ -4551,14 +4551,14 @@ const Yo = xe.defineTheme("light", {
     cursorColour: ""
   }
 });
-function Fo(e) {
+function Ho(e) {
   const o = w();
   switch (console.log(o), e) {
     case "light":
-      o.setTheme(Yo);
+      o.setTheme(Fo);
       break;
     case "dark":
-      o.setTheme(Ko);
+      o.setTheme(wo);
       break;
   }
 }
@@ -5201,7 +5201,7 @@ const me = {
       type: "text_reverse_v1"
     }
   ]
-}, wo = {
+}, Go = {
   kind: "category",
   name: "%{BKY_CATEGORY_TIME}",
   categorystyle: "time_category",
@@ -5225,7 +5225,7 @@ const me = {
       }
     }
   ]
-}, Ho = {
+}, $o = {
   kind: "categoryToolbox",
   contents: [
     {
@@ -5241,7 +5241,7 @@ const me = {
     Oe,
     ye,
     me,
-    wo,
+    Go,
     {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
@@ -5258,10 +5258,10 @@ const me = {
       kind: "category",
       name: "%{BKY_CATEGORY_INTERFACE}",
       categorystyle: "interface_category",
-      custom: Ao.name
+      custom: ko.name
     }
   ]
-}, Go = {
+}, jo = {
   kind: "categoryToolbox",
   contents: [
     Ie,
@@ -5284,7 +5284,7 @@ const me = {
       custom: k.name
     }
   ]
-}, $o = {
+}, Xo = {
   kind: "categoryToolbox",
   contents: [
     Ie,
@@ -5307,7 +5307,7 @@ const me = {
       custom: k.name
     }
   ]
-}, jo = /* @__PURE__ */ W({
+}, Wo = /* @__PURE__ */ W({
   __name: "index",
   setup(e) {
     const o = () => {
@@ -5323,12 +5323,12 @@ const me = {
         class: "mr-3",
         variant: "outlined",
         density: "comfortable",
-        icon: C(Rt),
+        icon: C(Mt),
         onClick: o
       }, null, 8, ["icon"]);
     };
   }
-}), Xo = /* @__PURE__ */ W({
+}), Jo = /* @__PURE__ */ W({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -5343,15 +5343,15 @@ const me = {
         class: "mr-3",
         variant: "outlined",
         density: "comfortable",
-        icon: o.value ? C(Vt) : C(Ut),
+        icon: o.value ? C(Pt) : C(xt),
         onClick: n[0] || (n[0] = (a) => o.value = !o.value)
       }, null, 8, ["icon"]);
     };
   }
-}), Wo = {
+}), zo = {
   key: 1,
   class: "text-caption text-grey"
-}, Jo = /* @__PURE__ */ W({
+}, Qo = /* @__PURE__ */ W({
   __name: "index",
   setup(e) {
     const { t: o } = Ye(), t = ne([]), n = () => {
@@ -5414,13 +5414,13 @@ const me = {
           }, 1032, ["active", "onClick"]))), 128))
         ]),
         _: 1
-      })) : (L(), X("span", Wo, pe(C(o)("x-block-lib.noOption")), 1));
+      })) : (L(), X("span", zo, pe(C(o)("x-block-lib.noOption")), 1));
     };
   }
-}), zo = { class: "text-subtitle-1 ml-3" }, Qo = /* @__PURE__ */ W({
+}), qo = { class: "text-subtitle-1 ml-3" }, Zo = /* @__PURE__ */ W({
   __name: "index",
   setup(e) {
-    const { t: o } = Ye(), t = Bt(), { sysBarAvail: n } = bt(), { backgroundColor1: i } = kt(), a = S(() => {
+    const { t: o } = Ye(), t = St(), { sysBarAvail: n } = kt(), { backgroundColor1: i } = Nt(), a = S(() => {
       let h = "100%";
       return t.mdAndUp.value && (h = "400px"), {
         background: i.value,
@@ -5452,7 +5452,7 @@ const me = {
           B(g, pt(b, {
             variant: "outlined",
             density: "comfortable",
-            icon: C(Pt)
+            icon: C(Dt)
           }), null, 16, ["icon"])
         ]),
         default: K(() => [
@@ -5477,10 +5477,10 @@ const me = {
               }, {
                 default: K(() => [
                   B(M, {
-                    icon: C(St),
+                    icon: C(Vt),
                     onClick: T[0] || (T[0] = (b) => p.value = !1)
                   }, null, 8, ["icon"]),
-                  V("span", zo, pe(C(o)("x-block-lib.navigator")), 1)
+                  V("span", qo, pe(C(o)("x-block-lib.navigator")), 1)
                 ]),
                 _: 1
               }),
@@ -5488,7 +5488,7 @@ const me = {
                 class: "overflow-y-auto",
                 style: F(r.value)
               }, [
-                B(Jo),
+                B(Qo),
                 V("div", {
                   style: F(c.value)
                 }, null, 4)
@@ -5523,10 +5523,10 @@ const me = {
     wheel: !0
   }
 };
-function qo(e, o, t) {
+function en(e, o, t) {
   let n;
-  o === "app" ? t === "v1" && (n = Ho) : o === "func" ? t === "v1" && (n = $o) : o === "flow" && t === "v1" && (n = Go), console.assert(!!n), Ve.toolbox = n;
-  const i = Lt(e, Ve);
+  o === "app" ? t === "v1" && (n = $o) : o === "func" ? t === "v1" && (n = Xo) : o === "flow" && t === "v1" && (n = jo), console.assert(!!n), Ve.toolbox = n;
+  const i = yt(e, Ve);
   return o === "app" ? t === "v1" && (i.registerToolboxCategoryCallback(
     de.name,
     de.callback
@@ -5550,7 +5550,7 @@ function qo(e, o, t) {
     N.callback
   )), i;
 }
-const Zo = { class: "position-relative w-100 h-100" }, en = /* @__PURE__ */ W({
+const tn = { class: "position-relative w-100 h-100" }, on = /* @__PURE__ */ W({
   __name: "index",
   props: /* @__PURE__ */ ve({
     type: {},
@@ -5563,7 +5563,7 @@ const Zo = { class: "position-relative w-100 h-100" }, en = /* @__PURE__ */ W({
   }),
   emits: /* @__PURE__ */ ve(["ready", "change"], ["update:lock", "update:scale"]),
   setup(e, { expose: o, emit: t }) {
-    const n = Nt(), { locale: i, dark: a } = Ct(n), { open: r } = De("blocklyEditorFlyout"), c = ue(e, "lock"), p = ue(e, "scale"), h = e, T = t, g = Tt("blocklyDiv");
+    const n = Bt(), { locale: i, dark: a } = vt(n), { open: r } = De("blocklyEditorFlyout"), c = ue(e, "lock"), p = ue(e, "scale"), h = e, T = t, g = Tt("blocklyDiv");
     let d;
     const M = ne(!1), H = ne(!1), b = S(() => ({
       position: "absolute",
@@ -5593,15 +5593,15 @@ const Zo = { class: "position-relative w-100 h-100" }, en = /* @__PURE__ */ W({
       M.value = !0, be.workspaces.load(m, d);
     }, Je = () => be.workspaces.save(d), ze = () => s.workspaceToCode(d);
     fe(async () => {
-      await Me(i.value), d = qo(g.value, h.type, h.version), d.addChangeListener(E.disableOrphans), d.addChangeListener(Qe), d.setScale(p.value), T("ready");
-    }), dt(() => {
+      await Me(i.value), d = en(g.value, h.type, h.version), d.addChangeListener(E.disableOrphans), d.addChangeListener(Qe), d.setScale(p.value), await dt(), T("ready");
+    }), ft(() => {
       r.value = !1;
-    }), Ht(g, () => {
-      d && yt(d);
+    }), $t(g, () => {
+      d && Ct(d);
     });
-    function Qe(m) {
+    async function Qe(m) {
       if (m.type === E.FINISHED_LOADING) {
-        Ro(), M.value = !1;
+        Mo(), await Rt(100), M.value = !1;
         return;
       }
       M.value || (m.type === E.VIEWPORT_CHANGE && (p.value = d.getScale()), m.type === E.BLOCK_DRAG && (m.isStart ? H.value = !0 : H.value = !1), T("change"));
@@ -5609,7 +5609,7 @@ const Zo = { class: "position-relative w-100 h-100" }, en = /* @__PURE__ */ W({
     return j(i, (m) => {
       Me(m);
     }), j(a, (m) => {
-      Fo(m ? "dark" : "light");
+      Ho(m ? "dark" : "light");
     }), j(r, (m) => {
       var R;
       m || (R = d.getToolbox()) == null || R.clearSelection();
@@ -5617,7 +5617,7 @@ const Zo = { class: "position-relative w-100 h-100" }, en = /* @__PURE__ */ W({
       d.setScale(m);
     }), o({ loading: M, resize: Xe, load: We, save: Je, generateCode: ze }), (m, R) => {
       const qe = v("v-icon"), Ze = v("x-loading");
-      return L(), X("div", Zo, [
+      return L(), X("div", tn, [
         V("div", {
           id: "blocklyEditor",
           ref_key: "blocklyDiv",
@@ -5630,7 +5630,7 @@ const Zo = { class: "position-relative w-100 h-100" }, en = /* @__PURE__ */ W({
           style: F(b.value)
         }, [
           B(qe, {
-            icon: C(Mt),
+            icon: C(Ut),
             size: "x-large"
           }, null, 8, ["icon"])
         ], 4)) : ee("", !0),
@@ -5642,12 +5642,12 @@ const Zo = { class: "position-relative w-100 h-100" }, en = /* @__PURE__ */ W({
           class: "d-flex align-end pt-3 pr-3",
           style: F(je.value)
         }, [
-          B(jo),
-          B(Xo, {
+          B(Wo),
+          B(Jo, {
             modelValue: c.value,
             "onUpdate:modelValue": R[0] || (R[0] = (et) => c.value = et)
           }, null, 8, ["modelValue"]),
-          B(Qo)
+          B(Zo)
         ], 4),
         M.value ? (L(), x(Ze, {
           key: 2,
@@ -5656,16 +5656,16 @@ const Zo = { class: "position-relative w-100 h-100" }, en = /* @__PURE__ */ W({
       ]);
     };
   }
-}), tn = (e) => {
-  e.component("XBlockly", en);
+}), nn = (e) => {
+  e.component("XBlockly", on);
 };
-async function _n(e) {
+async function pn(e) {
   return (await Fe(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en-hf8d9jpk.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans-kicfou8k.js") }), `./locales/${e}/index.ts`, 4)).default;
 }
-const un = { install: tn };
+const Tn = { install: nn };
 export {
-  en as XBlockly,
-  un as default,
-  tn as install,
-  _n as loadLocaleMessageBlock
+  on as XBlockly,
+  Tn as default,
+  nn as install,
+  pn as loadLocaleMessageBlock
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.4.16",
+  "version": "0.4.18",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",