x-block-lib 0.4.11 → 0.4.13

package/dist/components/blockly/index.vue.d.ts

@@ -9,6 +9,7 @@ type __VLS_PublicProps = {
     'scale': number;
 } & typeof __VLS_typeProps;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
+    loading: import("vue").Ref<boolean, boolean>;
     resize: () => void;
     load: (state: object) => void;
     save: () => {

package/dist/index.js

@@ -1,14 +1,14 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.id="x-block-lib",o.appendChild(document.createTextNode(".blocklyToolboxDiv{overflow-x:hidden;width:56px}.blocklyMainBackground{stroke-width:0}.blocklyToolboxCategory{margin-bottom:10px}.blocklyTreeRow{height:28px;display:flex;align-items:center;border-left-width:6px!important;border-right-width:6px!important}.blocklyTreeIcon{display:none!important}.blocklyFlyout{z-index:21}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-var qe = Object.defineProperty;
-var Ze = (e, o, t) => o in e ? qe(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var v = (e, o, t) => Ze(e, typeof o != "symbol" ? o + "" : o, t);
-import { defineComponent as X, resolveComponent as C, openBlock as L, createBlock as V, unref as A, useModel as ue, ref as ee, onMounted as Me, onUnmounted as et, withCtx as Y, createElementBlock as j, Fragment as tt, renderList as ot, createVNode as B, createTextVNode as nt, toDisplayString as pe, computed as K, isRef as it, withKeys as st, withModifiers as le, mergeProps as lt, createElementVNode as S, normalizeStyle as F, createCommentVNode as te, mergeModels as Ce, onBeforeUnmount as at, watch as W, resolveDirective as rt, withDirectives as ct } from "vue";
-import { d as _, j as s, O as l, u, X as _t, B as y, E, M as m, i as ie, a as M, b as f, C as Ue, F as fe, c as ut, P as Te, N as Ee, V as oe, e as pt, f as Ve, s as Tt, g as H, S as g, h as ae, k as D, l as J, m as re, n as G, o as U, p as ve, G as ce, q as dt, r as ft, t as _e, U as z, D as Q, v as x, w as Et, T as se, x as Pe, y as ht, z as Ae, A as mt } from "./blockly-d7r2qvsx.js";
-import { storeToRefs as Ot } from "pinia";
-import { openConfirmDlg as gt, openPromptDlg as It, eventBus as be, useSystem as Lt, useColor as yt, useViewStack as xe, useGlobalStore as Ct } from "x-essential-lib";
-import { useDisplay as vt } from "vuetify";
+var ot = Object.defineProperty;
+var nt = (e, o, t) => o in e ? ot(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var v = (e, o, t) => nt(e, typeof o != "symbol" ? o + "" : o, t);
+import { defineComponent as X, resolveComponent as C, openBlock as L, createBlock as P, unref as A, useModel as ue, ref as ee, onMounted as Me, onUnmounted as it, withCtx as Y, createElementBlock as j, Fragment as st, renderList as lt, createVNode as B, createTextVNode as at, toDisplayString as pe, computed as K, isRef as rt, withKeys as ct, withModifiers as le, mergeProps as _t, createElementVNode as M, normalizeStyle as F, createCommentVNode as te, mergeModels as Ce, onBeforeUnmount as ut, watch as W, resolveDirective as pt, withDirectives as Tt } from "vue";
+import { d as _, j as s, O as l, u, X as dt, B as y, E, M as m, i as ie, a as U, b as f, C as Ue, F as fe, c as ft, P as Te, N as Ee, V as oe, e as Et, f as Ve, s as ht, g as H, S as g, h as ae, k as D, l as J, m as re, n as G, o as V, p as ve, G as ce, q as mt, r as Ot, t as _e, U as z, D as Q, v as x, w as gt, T as se, x as Pe, y as It, z as Ae, A as Lt } from "./blockly-d7r2qvsx.js";
+import { storeToRefs as yt } from "pinia";
+import { openConfirmDlg as Ct, openPromptDlg as vt, eventBus as be, useSystem as At, useColor as bt, useViewStack as xe, useGlobalStore as kt } from "x-essential-lib";
+import { useDisplay as Nt } from "vuetify";
 import { useI18n as De } from "vue-i18n";
-var At = "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", bt = "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", kt = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z", Nt = "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", Bt = "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", Rt = "M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z";
+var Bt = "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", Rt = "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", St = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z", Mt = "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", Vt = "M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z";
 _([
   {
     type: "color_blend_v1",
@@ -151,7 +151,7 @@ function ${s.FUNCTION_NAME_PLACEHOLDER_}(r, g, b) {
 `
   )}(${o}, ${t}, ${n})`, l.FUNCTION_CALL];
 };
-const St = function() {
+const Pt = function() {
   if (!window.blocklyState) {
     const e = {
       runtime: {
@@ -197,10 +197,10 @@ function q(e) {
   return u.xml.textToDom(o);
 }
 function Ye(e, o, t) {
-  const n = `<xml><block type="parameter_v1"><mutation key="${o}" name="${t}"/></block></xml>`, i = u.xml.textToDom(n), a = _t.domToWorkspace(i, e);
+  const n = `<xml><block type="parameter_v1"><mutation key="${o}" name="${t}"/></block></xml>`, i = u.xml.textToDom(n), a = dt.domToWorkspace(i, e);
   return e.getBlockById(a[0]);
 }
-const Mt = u.xml, Ut = [
+const xt = u.xml, Dt = [
   {
     type: "call_func_v1",
     prefixInputs: ["OUTPUT"]
@@ -230,17 +230,17 @@ const Mt = u.xml, Ut = [
     prefixInputs: ["ARG"]
   }
 ];
-function Vt(e, o) {
+function Yt(e, o) {
   var n, i;
-  const t = Ut.find((a) => a.type === e);
+  const t = Dt.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 Pt = {
+const Kt = {
   init: function() {
     this.key = "", this.name = "", this.appendDummyInput().appendField("", "LABEL"), this.setOutput(!0), this.setColour(220);
   },
   mutationToDom: function() {
-    const e = Mt.createElement("mutation");
+    const e = xt.createElement("mutation");
     return e.setAttribute("key", this.key), e.setAttribute("name", this.name), e;
   },
   domToMutation: function(e) {
@@ -269,7 +269,7 @@ const Pt = {
   tryDuplicate_: function(e) {
     var t;
     const o = this.workspace.getBlockById(e.oldParentId);
-    if (o && Vt(o.type, e.oldInputName))
+    if (o && Yt(o.type, e.oldInputName))
       try {
         E.disable();
         const n = (t = o.getInput(e.oldInputName)) == null ? void 0 : t.connection;
@@ -285,23 +285,23 @@ const Pt = {
     this.name ? this.setFieldValue(m[this.name], "LABEL") : this.setFieldValue(this.key, "LABEL");
   }
 };
-y.parameter_v1 = Pt;
+y.parameter_v1 = Kt;
 s.forBlock.parameter_v1 = function(e) {
   return [e.key, l.ATOMIC];
 };
-const xt = u.xml, Dt = {
+const Ft = u.xml, Ht = {
   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 = Dt;
-const Yt = {
+y.list_create_container_v1 = Ht;
+const wt = {
   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 = Yt;
-const Kt = {
+y.list_create_item_v1 = wt;
+const Gt = {
   init: function() {
     this.itemCount_ = 0, this.setMutator(
       new ie.MutatorIcon(
@@ -311,7 +311,7 @@ const Kt = {
     ), 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 = xt.createElement("mutation");
+    const e = Ft.createElement("mutation");
     return e.setAttribute("items", String(this.itemCount_)), e;
   },
   domToMutation: function(e) {
@@ -379,13 +379,13 @@ const Kt = {
     for (let e = 0; e < this.itemCount_; e++)
       if (!this.getInput("ADD" + e)) {
         const o = this.appendValueInput("ADD" + e);
-        e === 0 && (o.setAlign(M.Align.RIGHT), o.appendField("%{BKY_LIST_V1_CREATE_TITLE}"));
+        e === 0 && (o.setAlign(U.Align.RIGHT), o.appendField("%{BKY_LIST_V1_CREATE_TITLE}"));
       }
     for (let e = this.itemCount_; this.getInput("ADD" + e); e++)
       this.removeInput("ADD" + e);
   }
 };
-y.list_create_v1 = Kt;
+y.list_create_v1 = Gt;
 s.forBlock.list_create_v1 = function(e) {
   const o = e, t = new Array(o.itemCount_);
   for (let i = 0; i < o.itemCount_; i++)
@@ -601,7 +601,7 @@ s.forBlock.list_set_v1 = function(e) {
   return `${o}[${t}] = ${n};
 `;
 };
-const Ft = {
+const $t = {
   // logic_compare
   EQ: "%{BKY_LOGIC_V1_COMPARE_TOOLTIP_EQ}",
   NEQ: "%{BKY_LOGIC_V1_COMPARE_TOOLTIP_NEQ}",
@@ -615,7 +615,7 @@ const Ft = {
 };
 f.register(
   "logic_op_tooltip_v1",
-  f.buildTooltipForDropdown("OP", Ft)
+  f.buildTooltipForDropdown("OP", $t)
 );
 _([
   {
@@ -640,7 +640,7 @@ _([
 s.forBlock.logic_boolean_v1 = function(e) {
   return [e.getFieldValue("BOOL") === "TRUE" ? "true" : "false", l.ATOMIC];
 };
-const Ht = {
+const jt = {
   onchange: function(e) {
     this.prevBlocks_ || (this.prevBlocks_ = [null, null]);
     const o = this.getInputTargetBlock("A"), t = this.getInputTargetBlock("B");
@@ -660,7 +660,7 @@ const Ht = {
 f.register(
   "logic_compare_v1",
   function() {
-    this.mixin(Ht);
+    this.mixin(jt);
   }
 );
 _([
@@ -710,7 +710,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 wt = {
+const Xt = {
   elseIfCount_: 0,
   hasElse_: !1,
   mutationToDom: function() {
@@ -838,7 +838,7 @@ const wt = {
 };
 f.registerMutator(
   "logic_if_v1_mutator",
-  wt,
+  Xt,
   void 0,
   ["logic_if_else_if_v1", "logic_if_else_v1"]
 );
@@ -984,7 +984,7 @@ s.forBlock.logic_operation_v1 = function(e) {
   }
   return [`${n} ${o} ${i}`, t];
 };
-const Gt = {
+const Wt = {
   prevParentConnection_: null,
   onchange: function(e) {
     const o = this.getInputTargetBlock("THEN"), t = this.getInputTargetBlock("ELSE"), n = this.outputConnection.targetConnection;
@@ -999,7 +999,7 @@ const Gt = {
     this.prevParentConnection_ = n;
   }
 };
-f.registerMixin("logic_ternary_v1", Gt);
+f.registerMixin("logic_ternary_v1", Wt);
 _([
   {
     type: "logic_ternary_v1",
@@ -1036,7 +1036,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 $t = {
+const Jt = {
   customContextMenu: function(e) {
     if (this.isInFlyout)
       return;
@@ -1058,7 +1058,7 @@ const $t = {
 };
 f.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
-  $t
+  Jt
 );
 f.register(
   "flow_control_tooltip_v1",
@@ -1067,16 +1067,16 @@ f.register(
     CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
   })
 );
-const jt = /* @__PURE__ */ new Set([
+const zt = /* @__PURE__ */ new Set([
   "repeat_v1",
   "for_each_v1",
   "for_v1",
   "while_until_v1"
-]), Xt = {
+]), Qt = {
   getSurroundLoop: function() {
     let e = this;
     do {
-      if (jt.has(e.type))
+      if (zt.has(e.type))
         return !0;
       e = e == null ? void 0 : e.getSurroundParent();
     } while (e);
@@ -1099,7 +1099,7 @@ const jt = /* @__PURE__ */ new Set([
 };
 f.registerMixin(
   "flow_control_in_loop_check_v1",
-  Xt
+  Qt
 );
 _([
   {
@@ -1264,7 +1264,7 @@ ${n}
 }
 `;
 };
-const Wt = {
+const qt = {
   // math_arithmetic
   ADD: "%{BKY_MATH_V1_ARITHMETIC_TOOLTIP_ADD}",
   SUBTRACT: "%{BKY_MATH_V1_ARITHMETIC_TOOLTIP_SUBTRACT}",
@@ -1298,7 +1298,7 @@ const Wt = {
 };
 f.register(
   "math_op_tooltip_v1",
-  f.buildTooltipForDropdown("OP", Wt)
+  f.buildTooltipForDropdown("OP", qt)
 );
 _([
   {
@@ -1901,21 +1901,21 @@ s.forBlock.math_trig_v1 = function(e) {
   }
   return [n, l.DIVISION];
 };
-const Jt = u.xml, zt = {
+const Zt = u.xml, eo = {
   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 = zt;
-const Qt = {
+y.object_create_container_v1 = eo;
+const to = {
   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 = Qt;
-const qt = {
+y.object_create_item_v1 = to;
+const oo = {
   init: function() {
     this.itemCount_ = 0, this.appendDummyInput().appendField("%{BKY_OBJECT_V1_CREATE_TITLE}"), this.setMutator(
       new ie.MutatorIcon(
@@ -1925,7 +1925,7 @@ const qt = {
     ), 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 = Jt.createElement("mutation");
+    const e = Zt.createElement("mutation");
     return e.setAttribute("items", String(this.itemCount_)), e;
   },
   domToMutation: function(e) {
@@ -1990,12 +1990,12 @@ const qt = {
   },
   updateShape_: function() {
     for (let e = 0; e < this.itemCount_; e++)
-      this.getInput("ADD" + e) || this.appendValueInput("ADD" + e).setAlign(M.Align.RIGHT).appendField(new fe("key"), "KEY" + e);
+      this.getInput("ADD" + e) || this.appendValueInput("ADD" + e).setAlign(U.Align.RIGHT).appendField(new fe("key"), "KEY" + e);
     for (let e = this.itemCount_; this.getInput("ADD" + e); e++)
       this.removeInput("ADD" + e);
   }
 };
-y.object_create_v1 = qt;
+y.object_create_v1 = oo;
 s.forBlock.object_create_v1 = function(e) {
   const o = e;
   let t = "{";
@@ -2253,13 +2253,13 @@ _([
 s.forBlock.object_to_json_v1 = function(e) {
   return [`__jsonStringifyV1__(${s.valueToCode(e, "OBJECT", l.NONE) || "null"})`, l.FUNCTION_CALL];
 };
-const ke = u.xml, Zt = {
+const ke = u.xml, no = {
   init: function() {
-    this.appendDummyInput().appendField("%{BKY_PROCEDURE_V1_DEF_CONTAINER_TITLE}").appendField(new ut(!1), "WITHRETURN"), this.appendStatementInput("STACK"), this.setStyle("procedure_blocks"), this.contextMenu = !1;
+    this.appendDummyInput().appendField("%{BKY_PROCEDURE_V1_DEF_CONTAINER_TITLE}").appendField(new ft(!1), "WITHRETURN"), this.appendStatementInput("STACK"), this.setStyle("procedure_blocks"), this.contextMenu = !1;
   }
 };
-y.procedure_def_container_v1 = Zt;
-const eo = {
+y.procedure_def_container_v1 = no;
+const io = {
   init: function() {
     const e = new fe(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;
@@ -2281,8 +2281,8 @@ const eo = {
     return e;
   }
 };
-y.procedure_def_item_v1 = eo;
-const to = {
+y.procedure_def_item_v1 = io;
+const so = {
   init: function() {
     this.withReturn = !1, this.args = [];
     const e = new fe(
@@ -2382,13 +2382,13 @@ const to = {
       }
   }
 };
-y.procedure_def_v1 = to;
-const oo = u.xml, no = {
+y.procedure_def_v1 = so;
+const lo = u.xml, ao = {
   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 = oo.createElement("mutation");
+    const e = lo.createElement("mutation");
     return e.setAttribute("withreturn", this.withReturn ? "TRUE" : "FALSE"), e;
   },
   domToMutation: function(e) {
@@ -2439,7 +2439,7 @@ const oo = u.xml, no = {
     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 = no;
+y.procedure_return_v1 = ao;
 s.forBlock.procedure_return_v1 = function(e) {
   const o = e;
   return o.withReturn ? `return ${s.valueToCode(o, "VALUE", l.NONE) || "null"};
@@ -2467,9 +2467,9 @@ _([
 s.forBlock.text_v1 = function(e) {
   return [s.quote_(e.getFieldValue("TEXT")), l.ATOMIC];
 };
-const io = /^\s*'([^']|\\')*'\s*$/;
+const ro = /^\s*'([^']|\\')*'\s*$/;
 function ne(e) {
-  return io.test(e) ? [e, l.ATOMIC] : [`String(${e})`, l.FUNCTION_CALL];
+  return ro.test(e) ? [e, l.ATOMIC] : [`String(${e})`, l.FUNCTION_CALL];
 }
 f.register(
   "text_append_tooltip_v1",
@@ -2674,10 +2674,10 @@ _([
 s.forBlock.text_is_empty_v1 = function(e) {
   return [`!${s.valueToCode(e, "VALUE", l.MEMBER) || "''"}.length`, l.LOGICAL_NOT];
 };
-const so = u.xml, lo = {
+const co = u.xml, _o = {
   itemCount_: 0,
   mutationToDom: function() {
-    const e = so.createElement("mutation");
+    const e = co.createElement("mutation");
     return e.setAttribute("items", `${this.itemCount_}`), e;
   },
   domToMutation: function(e) {
@@ -2742,20 +2742,20 @@ const so = u.xml, lo = {
     for (let e = 0; e < this.itemCount_; e++)
       if (!this.getInput("ADD" + e)) {
         const o = this.appendValueInput("ADD" + e).setAlign(
-          M.Align.RIGHT
+          U.Align.RIGHT
         );
         e === 0 && o.appendField("%{BKY_TEXT_V1_JOIN_TITLE}");
       }
     for (let e = this.itemCount_; this.getInput("ADD" + e); e++)
       this.removeInput("ADD" + e);
   }
-}, ao = function() {
+}, uo = function() {
   this.itemCount_ = 2, this.updateShape_(), this.setMutator(new ie.MutatorIcon(["text_join_item_v1"], this));
 };
 f.registerMutator(
   "text_join_mutator_v1",
-  lo,
-  ao
+  _o,
+  uo
 );
 _([
   {
@@ -2987,7 +2987,7 @@ s.forBlock.text_trim_v1 = function(e) {
   }[e.getFieldValue("MODE")];
   return [`__trimV1__(${o}, ${n})`, l.ATOMIC];
 };
-const ro = {
+const po = {
   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}");
   },
@@ -2998,7 +2998,7 @@ const ro = {
     this.updateShape_(), this.updateShadow_();
   },
   updateShape_: function() {
-    this.getInput("CALLBACK") || this.appendStatementInput("CALLBACK").appendField("%{BKY_TIME_DO}"), this.getInput("IMMEDIATE") || (this.appendValueInput("IMMEDIATE").setCheck("Boolean").setAlign(M.Align.RIGHT).appendField("%{BKY_TIME_IMMEDIATE}"), this.moveInputBefore("IMMEDIATE", "CALLBACK")), this.getInput("COUNT") || (this.appendValueInput("COUNT").setCheck("Number").setAlign(M.Align.RIGHT).appendField("%{BKY_TIME_COUNT}"), this.moveInputBefore("COUNT", "IMMEDIATE")), this.getInput("LOOP") || (this.appendValueInput("LOOP").setCheck("Boolean").setAlign(M.Align.RIGHT).appendField("%{BKY_TIME_LOOP}"), this.moveInputBefore("LOOP", "COUNT")), this.getInput("INTERVAL") || (this.appendValueInput("INTERVAL").setCheck("Number").setAlign(M.Align.RIGHT).appendField("%{BKY_TIME_INTERVAL_MS}"), this.moveInputBefore("INTERVAL", "LOOP"));
+    this.getInput("CALLBACK") || this.appendStatementInput("CALLBACK").appendField("%{BKY_TIME_DO}"), this.getInput("IMMEDIATE") || (this.appendValueInput("IMMEDIATE").setCheck("Boolean").setAlign(U.Align.RIGHT).appendField("%{BKY_TIME_IMMEDIATE}"), this.moveInputBefore("IMMEDIATE", "CALLBACK")), this.getInput("COUNT") || (this.appendValueInput("COUNT").setCheck("Number").setAlign(U.Align.RIGHT).appendField("%{BKY_TIME_COUNT}"), this.moveInputBefore("COUNT", "IMMEDIATE")), this.getInput("LOOP") || (this.appendValueInput("LOOP").setCheck("Boolean").setAlign(U.Align.RIGHT).appendField("%{BKY_TIME_LOOP}"), this.moveInputBefore("LOOP", "COUNT")), this.getInput("INTERVAL") || (this.appendValueInput("INTERVAL").setCheck("Number").setAlign(U.Align.RIGHT).appendField("%{BKY_TIME_INTERVAL_MS}"), this.moveInputBefore("INTERVAL", "LOOP"));
   },
   updateShadow_: function() {
     var e, o, t, n, i, a, r, c;
@@ -3013,7 +3013,7 @@ const ro = {
     ));
   }
 };
-y.create_timer_v1 = ro;
+y.create_timer_v1 = po;
 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() {
@@ -3043,18 +3043,18 @@ s.forBlock.delay_v1 = function(e) {
   return `__delayV1__(${s.valueToCode(e, "MS", l.ATOMIC) || "0"});
 `;
 };
-const co = {
+const To = {
   customContextMenu: function(e) {
     if (this.isInFlyout) {
       if (this.type === "variables_get_v1" || this.type === "variables_get_v1_reporter") {
         const o = {
           text: m.RENAME_VARIABLE,
           enabled: !0,
-          callback: _o(this)
+          callback: fo(this)
         }, t = this.getField("VAR").getText(), n = {
           text: m.DELETE_VARIABLE.replace("%1", t),
           enabled: !0,
-          callback: uo(this)
+          callback: Eo(this)
         };
         e.unshift(o), e.unshift(n);
       }
@@ -3072,12 +3072,12 @@ const co = {
       });
     }
   }
-}, _o = function(e) {
+}, fo = function(e) {
   return function() {
     const o = e.workspace, n = e.getField("VAR").getVariable();
     oe.renameVariable(o, n);
   };
-}, uo = function(e) {
+}, Eo = function(e) {
   return function() {
     const o = e.workspace, n = e.getField("VAR").getVariable();
     o.deleteVariableById(n.getId()), o.refreshToolboxSelection();
@@ -3085,7 +3085,7 @@ const co = {
 };
 f.registerMixin(
   "context_menu_variable_v1",
-  co
+  To
 );
 _([
   {
@@ -3142,7 +3142,7 @@ s.forBlock.variable_set_v1 = function(e) {
 `;
 };
 const Ne = u.xml;
-function po() {
+function ho() {
   const e = [];
   {
     const o = Ne.createElement("label");
@@ -3154,11 +3154,11 @@ function po() {
   }
   return e;
 }
-const To = {
+const mo = {
   name: "INTERFACE_CATEGORY",
-  callback: po
+  callback: ho
 }, $ = u.xml;
-function fo() {
+function Oo() {
   const e = [];
   {
     const o = $.createElement("label");
@@ -3185,18 +3185,18 @@ function fo() {
 }
 const k = {
   name: "PROCEDURE_CATEGORY",
-  callback: fo
+  callback: Oo
 };
-function Eo() {
-  const { args: e } = St.app.view, o = [];
+function go() {
+  const { args: e } = Pt.app.view, o = [];
   return e == null || e.forEach(({ id: t, name: n, type: i }) => {
     o.push({ id: t, name: n, type: i });
   }), o;
 }
 const Be = u.xml;
-function ho() {
+function Io() {
   const e = [];
-  if (Eo().length > 0) {
+  if (go().length > 0) {
     {
       const o = Be.createElement("label");
       o.setAttribute("text", "%{BKY_LABEL_ARGUMENT}"), e.push(o);
@@ -3210,9 +3210,9 @@ function ho() {
 }
 const de = {
   name: "UI_CATEGORY",
-  callback: ho
+  callback: Io
 }, Z = u.xml;
-function mo(e) {
+function Lo(e) {
   const o = [];
   {
     const n = Z.createElement("label");
@@ -3232,7 +3232,7 @@ function mo(e) {
   const t = e.getVariablesOfType("");
   if (t.length <= 0)
     return o;
-  t.sort(pt.compareByName);
+  t.sort(Et.compareByName);
   {
     const n = Z.createElement("label");
     n.setAttribute("text", m.LABEL_CREATED), o.push(n);
@@ -3250,17 +3250,17 @@ function mo(e) {
 }
 const N = {
   name: "VARIABLE_CATEGORY",
-  callback: mo
+  callback: Lo
 };
 Ve.setConfirm(async (e, o) => {
-  const t = await gt({
+  const t = await Ct({
     title: "",
     text: e
   });
   o(!!t);
 });
 Ve.setPrompt(async (e, o, t) => {
-  const n = await It({
+  const n = await vt({
     title: "",
     value: o
   });
@@ -3281,7 +3281,7 @@ const Ke = (e, o, t) => {
 };
 async function Re(e) {
   const o = await Ke(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./msg-en-kge4l75d.js"), "./msg/zhHans.ts": () => import("./msg-zhHans-hfznrf5k.js") }), `./msg/${e}.ts`, 3);
-  Tt(o.default);
+  ht(o.default);
 }
 function Fe(e) {
   const o = H();
@@ -3296,7 +3296,7 @@ function Fe(e) {
   const i = n.getRelativeToSurfaceXY(), a = i.x * o.scale, r = i.y * o.scale;
   o.scroll(-a, -r);
 }
-function Oo() {
+function yo() {
   var t;
   const e = H();
   if (!e)
@@ -3304,7 +3304,7 @@ function Oo() {
   const o = (t = e.getTopBlocks(!0)) == null ? void 0 : t[0];
   o && Fe(o.id);
 }
-class go {
+class Co {
   init({ contextMenu: o = !0, shortcut: t = !0 } = {
     contextMenu: !0,
     shortcut: !0
@@ -3333,11 +3333,11 @@ class go {
           JSON.stringify((n = t.block) == null ? void 0 : n.toCopyData())
         );
       },
-      scopeType: U.ScopeType.BLOCK,
+      scopeType: V.ScopeType.BLOCK,
       id: "blockCopyToStorage",
       weight: 0
     };
-    U.registry.register(o);
+    V.registry.register(o);
   }
   blockPasteFromStorageContextMenu() {
     const o = {
@@ -3359,11 +3359,11 @@ class go {
         const i = JSON.parse(n);
         i && t.workspace && ve.paste(i, t.workspace);
       },
-      scopeType: U.ScopeType.WORKSPACE,
+      scopeType: V.ScopeType.WORKSPACE,
       id: "blockPasteFromStorage",
       weight: 0
     };
-    U.registry.register(o);
+    V.registry.register(o);
   }
   blockCopyToStorageShortcut() {
     const o = g.registry.createSerializedKey(
@@ -3419,7 +3419,7 @@ class go {
         if (!c || !J(c) || !c.isDeletable() || !G(c))
           return !1;
         const p = c.toCopyData();
-        return p ? (localStorage.setItem("blocklyStash", JSON.stringify(p)), c instanceof dt ? c.checkAndDelete() : c.dispose(), !0) : !1;
+        return p ? (localStorage.setItem("blocklyStash", JSON.stringify(p)), c instanceof mt ? c.checkAndDelete() : c.dispose(), !0) : !1;
       },
       keyCodes: [o, t, n]
     };
@@ -3459,9 +3459,9 @@ class go {
     g.registry.register(i);
   }
 }
-class Io {
+class vo {
   init() {
-    const o = U.registry.getItem("cleanWorkspace");
+    const o = V.registry.getItem("cleanWorkspace");
     o && (o.callback = function(t) {
       const n = t.workspace;
       if (!n)
@@ -3483,9 +3483,9 @@ function He(e) {
   const o = e.getParent();
   return o && He(o) ? !0 : !o && !!(e.outputConnection || e.previousConnection);
 }
-class Lo {
+class Ao {
   init() {
-    const o = U.registry.getItem("blockDisable");
+    const o = V.registry.getItem("blockDisable");
     o && (o.preconditionFn = function(t) {
       const n = t.block;
       return n && !n.isInFlyout && n.workspace.options.disable && n.isEditable() ? n.getInheritedDisabled() || He(n) ? "disabled" : "enabled" : "hidden";
@@ -4310,7 +4310,7 @@ class we extends _e {
   }
 }
 we.prototype.DEFAULT_VALUE = "#ffffff";
-ft.register(`
+Ot.register(`
 .blocklyColourTable {
   border-collapse: collapse;
   display: block;
@@ -4337,16 +4337,16 @@ ft.register(`
   position: relative;
 }
 `);
-function yo() {
-  Et.register("field_colour", we);
+function bo() {
+  gt.register("field_colour", we);
 }
-const Co = new go();
-Co.init({ contextMenu: !0, shortcut: !0 });
-const vo = new Io();
-vo.init();
-const Ao = new Lo();
-Ao.init();
-yo();
+const ko = new Co();
+ko.init({ contextMenu: !0, shortcut: !0 });
+const No = new vo();
+No.init();
+const Bo = new Ao();
+Bo.init();
+bo();
 se.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
@@ -4471,7 +4471,7 @@ se.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const bo = Pe.defineTheme("light", {
+const Ro = Pe.defineTheme("light", {
   name: "light",
   base: se.Classic,
   componentStyles: {
@@ -4487,7 +4487,7 @@ const bo = Pe.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), ko = Pe.defineTheme("dark", {
+}), So = Pe.defineTheme("dark", {
   name: "dark",
   base: se.Classic,
   componentStyles: {
@@ -4504,14 +4504,14 @@ const bo = Pe.defineTheme("light", {
     cursorColour: ""
   }
 });
-function No(e) {
+function Mo(e) {
   const o = H();
   switch (console.log(o), e) {
     case "light":
-      o.setTheme(bo);
+      o.setTheme(Ro);
       break;
     case "dark":
-      o.setTheme(ko);
+      o.setTheme(So);
       break;
   }
 }
@@ -5154,7 +5154,7 @@ const he = {
       type: "text_reverse_v1"
     }
   ]
-}, Bo = {
+}, Uo = {
   kind: "category",
   name: "%{BKY_CATEGORY_TIME}",
   categorystyle: "time_category",
@@ -5178,7 +5178,7 @@ const he = {
       }
     }
   ]
-}, Ro = {
+}, Vo = {
   kind: "categoryToolbox",
   contents: [
     {
@@ -5194,7 +5194,7 @@ const he = {
     me,
     Le,
     he,
-    Bo,
+    Uo,
     {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
@@ -5211,10 +5211,10 @@ const he = {
       kind: "category",
       name: "%{BKY_CATEGORY_INTERFACE}",
       categorystyle: "interface_category",
-      custom: To.name
+      custom: mo.name
     }
   ]
-}, So = {
+}, Po = {
   kind: "categoryToolbox",
   contents: [
     ge,
@@ -5237,7 +5237,7 @@ const he = {
       custom: k.name
     }
   ]
-}, Mo = {
+}, xo = {
   kind: "categoryToolbox",
   contents: [
     ge,
@@ -5260,28 +5260,28 @@ const he = {
       custom: k.name
     }
   ]
-}, Uo = /* @__PURE__ */ X({
+}, Do = /* @__PURE__ */ X({
   __name: "index",
   setup(e) {
     const o = () => {
       const t = H();
       if (!t)
         return;
-      const n = U.registry.getItem("cleanWorkspace");
+      const n = V.registry.getItem("cleanWorkspace");
       n && n.callback({ workspace: t }, new PointerEvent("dummy"));
     };
     return (t, n) => {
       const i = C("v-btn");
-      return L(), V(i, {
+      return L(), P(i, {
         class: "mr-3",
         variant: "outlined",
         density: "comfortable",
-        icon: A(At),
+        icon: A(Bt),
         onClick: o
       }, null, 8, ["icon"]);
     };
   }
-}), Vo = /* @__PURE__ */ X({
+}), Yo = /* @__PURE__ */ X({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -5292,19 +5292,19 @@ const he = {
     const o = ue(e, "modelValue");
     return (t, n) => {
       const i = C("v-btn");
-      return L(), V(i, {
+      return L(), P(i, {
         class: "mr-3",
         variant: "outlined",
         density: "comfortable",
-        icon: o.value ? A(Nt) : A(Bt),
+        icon: o.value ? A(Mt) : A(Ut),
         onClick: n[0] || (n[0] = (a) => o.value = !o.value)
       }, null, 8, ["icon"]);
     };
   }
-}), Po = {
+}), Ko = {
   key: 1,
   class: "text-caption text-grey"
-}, xo = /* @__PURE__ */ X({
+}, Fo = /* @__PURE__ */ X({
   __name: "index",
   setup(e) {
     const { t: o } = De(), t = ee([]), n = () => {
@@ -5335,7 +5335,7 @@ const he = {
     };
     Me(() => {
       be.on("codeUpdate", n);
-    }), et(() => {
+    }), it(() => {
       be.off("codeUpdate", n);
     });
     const i = (a) => {
@@ -5347,9 +5347,9 @@ const he = {
     };
     return (a, r) => {
       const c = C("v-list-item-title"), p = C("v-list-item"), O = C("v-list");
-      return t.value.length > 0 ? (L(), V(O, { key: 0 }, {
+      return t.value.length > 0 ? (L(), P(O, { key: 0 }, {
         default: Y(() => [
-          (L(!0), j(tt, null, ot(t.value, (T) => (L(), V(p, {
+          (L(!0), j(st, null, lt(t.value, (T) => (L(), P(p, {
             key: T.id,
             class: "d-flex justify-start",
             active: T.active,
@@ -5358,7 +5358,7 @@ const he = {
             default: Y(() => [
               B(c, null, {
                 default: Y(() => [
-                  nt(pe(T.name), 1)
+                  at(pe(T.name), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -5367,13 +5367,13 @@ const he = {
           }, 1032, ["active", "onClick"]))), 128))
         ]),
         _: 1
-      })) : (L(), j("span", Po, pe(A(o)("x-block-lib.noOption")), 1));
+      })) : (L(), j("span", Ko, pe(A(o)("x-block-lib.noOption")), 1));
     };
   }
-}), Do = { class: "text-subtitle-1 ml-3" }, Yo = /* @__PURE__ */ X({
+}), Ho = { class: "text-subtitle-1 ml-3" }, wo = /* @__PURE__ */ X({
   __name: "index",
   setup(e) {
-    const { t: o } = De(), t = vt(), { sysBarAvail: n } = Lt(), { backgroundColor1: i } = yt(), a = K(() => {
+    const { t: o } = De(), t = Nt(), { sysBarAvail: n } = At(), { backgroundColor1: i } = bt(), a = K(() => {
       let O = "100%";
       return t.mdAndUp.value && (O = "400px"), {
         background: i.value,
@@ -5391,34 +5391,34 @@ const he = {
       height: "60px"
     })), { open: p } = xe("selectNodeDlg");
     return (O, T) => {
-      const I = C("v-btn"), d = C("v-sheet"), P = C("v-icon"), w = C("v-dialog");
-      return L(), V(w, {
+      const I = C("v-btn"), d = C("v-sheet"), S = C("v-icon"), w = C("v-dialog");
+      return L(), P(w, {
         modelValue: A(p),
-        "onUpdate:modelValue": T[3] || (T[3] = (b) => it(p) ? p.value = b : null),
+        "onUpdate:modelValue": T[3] || (T[3] = (b) => rt(p) ? p.value = b : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: T[4] || (T[4] = st(le((b) => p.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: T[4] || (T[4] = ct(le((b) => p.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: Y(({ props: b }) => [
-          B(I, lt(b, {
+          B(I, _t(b, {
             variant: "outlined",
             density: "comfortable",
-            icon: A(Rt)
+            icon: A(Vt)
           }), null, 16, ["icon"])
         ]),
         default: Y(() => [
-          S("div", {
+          M("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
             onClick: T[1] || (T[1] = le((b) => p.value = !1, ["self"])),
             onContextmenu: T[2] || (T[2] = le((b) => p.value = !1, ["self", "prevent"]))
           }, [
-            S("div", {
+            M("div", {
               class: "elevation-2",
               style: F(a.value)
             }, [
-              A(n) ? (L(), V(d, {
+              A(n) ? (L(), P(d, {
                 key: 0,
                 color: "transparent",
                 height: 24
@@ -5429,20 +5429,20 @@ const he = {
                 height: 48
               }, {
                 default: Y(() => [
-                  B(P, {
-                    icon: A(bt),
+                  B(S, {
+                    icon: A(Rt),
                     onClick: T[0] || (T[0] = (b) => p.value = !1)
                   }, null, 8, ["icon"]),
-                  S("span", Do, pe(A(o)("x-block-lib.navigator")), 1)
+                  M("span", Ho, pe(A(o)("x-block-lib.navigator")), 1)
                 ]),
                 _: 1
               }),
-              S("div", {
+              M("div", {
                 class: "overflow-y-auto",
                 style: F(r.value)
               }, [
-                B(xo),
-                S("div", {
+                B(Fo),
+                M("div", {
                   style: F(c.value)
                 }, null, 4)
               ], 4)
@@ -5476,10 +5476,10 @@ const he = {
     wheel: !0
   }
 };
-function Ko(e, o, t) {
+function Go(e, o, t) {
   let n;
-  o === "app" ? t === "v1" && (n = Ro) : o === "func" ? t === "v1" && (n = Mo) : o === "flow" && t === "v1" && (n = So), console.assert(!!n), Se.toolbox = n;
-  const i = ht(e, Se);
+  o === "app" ? t === "v1" && (n = Vo) : o === "func" ? t === "v1" && (n = xo) : o === "flow" && t === "v1" && (n = Po), console.assert(!!n), Se.toolbox = n;
+  const i = It(e, Se);
   return o === "app" ? t === "v1" && (i.registerToolboxCategoryCallback(
     de.name,
     de.callback
@@ -5503,7 +5503,7 @@ function Ko(e, o, t) {
     N.callback
   )), i;
 }
-const Fo = { class: "position-relative w-100 h-100" }, Ho = /* @__PURE__ */ X({
+const $o = { class: "position-relative w-100 h-100" }, jo = /* @__PURE__ */ X({
   __name: "index",
   props: /* @__PURE__ */ Ce({
     type: {},
@@ -5516,9 +5516,9 @@ const Fo = { class: "position-relative w-100 h-100" }, Ho = /* @__PURE__ */ X({
   }),
   emits: /* @__PURE__ */ Ce(["ready", "change"], ["update:lock", "update:scale"]),
   setup(e, { expose: o, emit: t }) {
-    const n = Ct(), { locale: i, dark: a } = Ot(n), { open: r } = xe("blocklyEditorFlyout"), c = ue(e, "lock"), p = ue(e, "scale"), O = e, T = t, I = ee();
+    const n = kt(), { locale: i, dark: a } = yt(n), { open: r } = xe("blocklyEditorFlyout"), c = ue(e, "lock"), p = ue(e, "scale"), O = e, T = t, I = ee();
     let d;
-    const P = ee(!1), w = ee(!1), b = K(() => ({
+    const S = ee(!1), w = ee(!1), b = K(() => ({
       position: "absolute",
       background: a.value ? "#0000007f" : "#ffffff7f",
       top: "1px",
@@ -5540,29 +5540,29 @@ const Fo = { class: "position-relative w-100 h-100" }, Ho = /* @__PURE__ */ X({
       top: "0px",
       right: "0px",
       zIndex: 20
-    }));
-    o({ resize: () => {
-      d == null || d.resize();
-    }, load: (h) => {
-      P.value = !0, Ae.workspaces.load(h, d);
-    }, save: () => Ae.workspaces.save(d), generateCode: () => s.workspaceToCode(d) }), Me(async () => {
+    })), je = () => {
+      console.log("blockly resize"), d == null || d.resize();
+    }, Xe = (h) => {
+      console.log("blockly load"), S.value = !0, Ae.workspaces.load(h, d);
+    }, We = () => (console.log("blockly save"), Ae.workspaces.save(d)), Je = () => (console.log("blockly generateCode"), s.workspaceToCode(d));
+    Me(async () => {
       if (!I.value) {
         console.assert(!1);
         return;
       }
-      await Re(i.value), d = Ko(I.value, O.type, O.version), d.addChangeListener(E.disableOrphans), d.addChangeListener(Xe), d.setScale(p.value), T("ready");
-    }), at(() => {
+      await Re(i.value), d = Go(I.value, O.type, O.version), d.addChangeListener(E.disableOrphans), d.addChangeListener(Qe), d.setScale(p.value), T("ready");
+    }), ut(() => {
       r.value = !1;
     });
-    function je() {
-      d && mt(d);
+    function ze() {
+      d && Lt(d);
     }
-    function Xe(h) {
+    function Qe(h) {
       if (h.type === E.FINISHED_LOADING) {
-        Oo(), P.value = !1;
+        yo(), S.value = !1;
         return;
       }
-      if (!P.value) {
+      if (!S.value) {
         if (h.type === E.VIEWPORT_CHANGE) {
           p.value = d.getScale();
           return;
@@ -5573,30 +5573,30 @@ const Fo = { class: "position-relative w-100 h-100" }, Ho = /* @__PURE__ */ X({
     return W(i, (h) => {
       Re(h);
     }), W(a, (h) => {
-      No(h ? "dark" : "light");
+      Mo(h ? "dark" : "light");
     }), W(r, (h) => {
       var R;
       h || (R = d.getToolbox()) == null || R.clearSelection();
     }), W(p, (h) => {
       d.setScale(h);
-    }), (h, R) => {
-      const We = C("v-icon"), Je = C("x-loading"), ze = rt("resize");
-      return L(), j("div", Fo, [
-        ct(S("div", {
+    }), o({ loading: S, resize: je, load: Xe, save: We, generateCode: Je }), (h, R) => {
+      const qe = C("v-icon"), Ze = C("x-loading"), et = pt("resize");
+      return L(), j("div", $o, [
+        Tt(M("div", {
           id: "blocklyEditor",
           ref_key: "blocklyDiv",
           ref: I,
           class: "w-100 h-100"
         }, null, 512), [
-          [ze, je]
+          [et, ze]
         ]),
         w.value ? (L(), j("div", {
           key: 0,
           class: "d-flex flex-column align-center justify-center",
           style: F(b.value)
         }, [
-          B(We, {
-            icon: A(kt),
+          B(qe, {
+            icon: A(St),
             size: "x-large"
           }, null, 8, ["icon"])
         ], 4)) : te("", !0),
@@ -5604,34 +5604,34 @@ const Fo = { class: "position-relative w-100 h-100" }, Ho = /* @__PURE__ */ X({
           key: 1,
           style: F(Ge.value)
         }, null, 4)) : te("", !0),
-        S("div", {
+        M("div", {
           class: "d-flex align-end pt-3 pr-3",
           style: F($e.value)
         }, [
-          B(Uo),
-          B(Vo, {
+          B(Do),
+          B(Yo, {
             modelValue: c.value,
-            "onUpdate:modelValue": R[0] || (R[0] = (Qe) => c.value = Qe)
+            "onUpdate:modelValue": R[0] || (R[0] = (tt) => c.value = tt)
           }, null, 8, ["modelValue"]),
-          B(Yo)
+          B(wo)
         ], 4),
-        P.value ? (L(), V(Je, {
+        S.value ? (L(), P(Ze, {
           key: 2,
           "z-index": 99
         })) : te("", !0)
       ]);
     };
   }
-}), wo = (e) => {
-  e.component("XBlockly", Ho);
+}), Xo = (e) => {
+  e.component("XBlockly", jo);
 };
 async function tn(e) {
   return (await Ke(/* @__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 on = { install: wo };
+const on = { install: Xo };
 export {
-  Ho as XBlockly,
+  jo as XBlockly,
   on as default,
-  wo as install,
+  Xo as install,
   tn as loadLocaleMessageBlock
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.4.11",
+  "version": "0.4.13",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -31,7 +31,7 @@
     "vue": "^3.5.12",
     "vuetify": "^3.7.3",
     "x-essential-lib": "^0.7.3",
-    "x-runtime-lib": "^0.4.3"
+    "x-runtime-lib": "^0.4.4"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.0",