x-block-lib 0.4.7 → 0.4.9

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

@@ -1,5 +1,6 @@
+import { Type } from './workspace';
 interface Props {
-    type: 'app' | 'func' | 'flow';
+    type: Type;
     version: string;
     active: boolean;
 }
@@ -10,7 +11,7 @@ type __VLS_PublicProps = {
 } & typeof __VLS_typeProps;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     load: () => void;
-    save: () => void;
+    resize: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     ready: (...args: any[]) => void;

package/dist/components/blockly/workspace.d.ts

@@ -0,0 +1,3 @@
+import * as Blockly from 'blockly/core';
+export type Type = 'app' | 'func' | 'flow';
+export declare function createWorkspace(container: HTMLDivElement, type: Type, version: string): Blockly.WorkspaceSvg;

package/dist/components/index.d.ts

@@ -1,2 +1,4 @@
 import { App } from 'vue';
-export declare const install: (app: App) => void;
+import XBlockly from './blockly/index.vue';
+declare const install: (app: App) => void;
+export { XBlockly, install };

package/dist/index.d.ts

@@ -2,4 +2,5 @@ declare const _default: {
     install: (app: import("vue").App) => void;
 };
 export default _default;
+export * from './components';
 export * from './i18n';

package/dist/index.js

@@ -1,13 +1,13 @@
 (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 qe = (e, o, t) => o in e ? Qe(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var A = (e, o, t) => qe(e, typeof o != "symbol" ? o + "" : o, t);
-import { defineComponent as W, resolveComponent as v, openBlock as L, createBlock as P, unref as b, useModel as ue, ref as ee, onMounted as Se, onUnmounted as Ze, withCtx as K, createElementBlock as X, Fragment as et, renderList as tt, createVNode as B, createTextVNode as ot, toDisplayString as pe, computed as F, isRef as nt, withKeys as it, withModifiers as le, mergeProps as st, createElementVNode as M, normalizeStyle as H, createCommentVNode as te, mergeModels as Ae, onBeforeUnmount as lt, watch as G, resolveDirective as at, withDirectives as rt } from "vue";
-import { d as _, j as s, O as l, u, X as ct, B as y, E as h, M as O, i as ie, a as U, b as E, C as Me, F as Ee, c as _t, P as Te, N as he, V as oe, e as ut, f as Ue, s as pt, g as w, S as g, h as ae, k as Y, l as J, m as re, n as $, o as V, p as be, G as ce, q as Tt, r as dt, t as _e, U as z, D as Q, v as D, w as ft, T as se, x as Ve, y as Et, z as ht } from "./blockly-jgwpd4oo.js";
+var v = (e, o, t) => qe(e, typeof o != "symbol" ? o + "" : o, t);
+import { defineComponent as W, resolveComponent as C, openBlock as L, createBlock as V, unref as A, useModel as ue, ref as ee, onMounted as Me, onUnmounted as Ze, withCtx as Y, createElementBlock as X, Fragment as et, renderList as tt, createVNode as B, createTextVNode as ot, toDisplayString as pe, computed as K, isRef as nt, withKeys as it, withModifiers as le, mergeProps as st, createElementVNode as S, normalizeStyle as F, createCommentVNode as te, mergeModels as Ae, onBeforeUnmount as lt, watch as G, resolveDirective as at, withDirectives as rt } from "vue";
+import { d as _, j as s, O as l, u, X as ct, B as y, E as f, M as m, i as ie, a as M, b as d, C as Ue, F as Ee, c as _t, P as Te, N as he, V as oe, e as ut, f as Ve, s as pt, g as H, S as g, h as ae, k as D, l as J, m as re, n as $, o as U, p as be, G as ce, q as Tt, r as dt, t as _e, U as z, D as Q, v as x, w as ft, T as se, x as Pe, y as Et, z as ht } from "./blockly-jgwpd4oo.js";
 import { storeToRefs as mt } from "pinia";
-import { openConfirmDlg as Ot, openPromptDlg as gt, eventBus as de, useSystem as It, useColor as Lt, useViewStack as Pe, useGlobalStore as yt } from "x-essential-lib";
+import { openConfirmDlg as Ot, openPromptDlg as gt, eventBus as de, useSystem as It, useColor as Lt, useViewStack as xe, useGlobalStore as yt } from "x-essential-lib";
 import { useDisplay as Ct } from "vuetify";
-import { useI18n as xe } from "vue-i18n";
+import { useI18n as De } from "vue-i18n";
 var vt = "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", At = "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", bt = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z", kt = "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", Nt = "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", Bt = "M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z";
 _([
   {
@@ -196,7 +196,7 @@ function q(e) {
     console.assert(!1, "invalid param type", e.type);
   return u.xml.textToDom(o);
 }
-function De(e, o, t) {
+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 = ct.domToWorkspace(i, e);
   return e.getBlockById(a[0]);
 }
@@ -259,7 +259,7 @@ const Vt = {
     this.key = e, this.name = o, this.updateShape_();
   },
   onchange: function(e) {
-    if (e.type === h.BLOCK_MOVE) {
+    if (e.type === f.BLOCK_MOVE) {
       const o = e;
       if (o.blockId !== this.id)
         return;
@@ -271,18 +271,18 @@ const Vt = {
     const o = this.workspace.getBlockById(e.oldParentId);
     if (o && Ut(o.type, e.oldInputName))
       try {
-        h.disable();
+        f.disable();
         const n = (t = o.getInput(e.oldInputName)) == null ? void 0 : t.connection;
         if (n) {
-          const i = De(this.workspace, this.key, this.name);
+          const i = Ye(this.workspace, this.key, this.name);
           n.connect(i.outputConnection);
         }
       } finally {
-        h.enable();
+        f.enable();
       }
   },
   updateShape_: function() {
-    this.name ? this.setFieldValue(O[this.name], "LABEL") : this.setFieldValue(this.key, "LABEL");
+    this.name ? this.setFieldValue(m[this.name], "LABEL") : this.setFieldValue(this.key, "LABEL");
   }
 };
 y.parameter_v1 = Vt;
@@ -379,7 +379,7 @@ const Yt = {
     for (let e = 0; e < this.itemCount_; e++)
       if (!this.getInput("ADD" + e)) {
         const o = this.appendValueInput("ADD" + e);
-        e === 0 && (o.setAlign(U.Align.RIGHT), o.appendField("%{BKY_LIST_V1_CREATE_TITLE}"));
+        e === 0 && (o.setAlign(M.Align.RIGHT), o.appendField("%{BKY_LIST_V1_CREATE_TITLE}"));
       }
     for (let e = this.itemCount_; this.getInput("ADD" + e); e++)
       this.removeInput("ADD" + e);
@@ -613,9 +613,9 @@ const Kt = {
   AND: "%{BKY_LOGIC_V1_OPERATION_TOOLTIP_AND}",
   OR: "%{BKY_LOGIC_V1_OPERATION_TOOLTIP_OR}"
 };
-E.register(
+d.register(
   "logic_op_tooltip_v1",
-  E.buildTooltipForDropdown("OP", Kt)
+  d.buildTooltipForDropdown("OP", Kt)
 );
 _([
   {
@@ -648,16 +648,16 @@ const Ft = {
       o.outputConnection,
       t.outputConnection
     )) {
-      h.setGroup(e.group);
+      f.setGroup(e.group);
       const n = this.prevBlocks_[0];
       n !== o && (o.unplug(), n && !n.isDisposed() && !n.isShadow() && this.getInput("A").connection.connect(n.outputConnection));
       const i = this.prevBlocks_[1];
-      i !== t && (t.unplug(), i && !i.isDisposed() && !i.isShadow() && this.getInput("B").connection.connect(i.outputConnection)), this.bumpNeighbours(), h.setGroup(!1);
+      i !== t && (t.unplug(), i && !i.isDisposed() && !i.isShadow() && this.getInput("B").connection.connect(i.outputConnection)), this.bumpNeighbours(), f.setGroup(!1);
     }
     this.prevBlocks_[0] = this.getInputTargetBlock("A"), this.prevBlocks_[1] = this.getInputTargetBlock("B");
   }
 };
-E.register(
+d.register(
   "logic_compare_v1",
   function() {
     this.mixin(Ft);
@@ -826,8 +826,8 @@ const Ht = {
     for (let e = 1; this.getInput("IF" + e); e++)
       this.removeInput("IF" + e), this.removeInput("DO" + e);
     for (let e = 1; e <= this.elseIfCount_; e++)
-      this.appendValueInput("IF" + e).setCheck("Boolean").appendField(O.LOGIC_ELSE_IF), this.appendStatementInput("DO" + e).appendField(O.LOGIC_DO);
-    this.hasElse_ && this.appendStatementInput("ELSE").appendField(O.LOGIC_ELSE);
+      this.appendValueInput("IF" + e).setCheck("Boolean").appendField(m.LOGIC_ELSE_IF), this.appendStatementInput("DO" + e).appendField(m.LOGIC_DO);
+    this.hasElse_ && this.appendStatementInput("ELSE").appendField(m.LOGIC_ELSE);
   },
   reconnectChildBlocks_: function(e, o, t) {
     var n, i;
@@ -836,7 +836,7 @@ const Ht = {
     t == null || t.reconnect(this, "ELSE");
   }
 };
-E.registerMutator(
+d.registerMutator(
   "logic_if_v1_mutator",
   Ht,
   void 0,
@@ -994,12 +994,12 @@ const wt = {
         a && !a.workspace.connectionChecker.doTypeChecks(
           a.outputConnection,
           n
-        ) && (h.setGroup(e.group), n === this.prevParentConnection_ ? (this.unplug(), n.getSourceBlock().bumpNeighbours()) : (a.unplug(), a.bumpNeighbours()), h.setGroup(!1));
+        ) && (f.setGroup(e.group), n === this.prevParentConnection_ ? (this.unplug(), n.getSourceBlock().bumpNeighbours()) : (a.unplug(), a.bumpNeighbours()), f.setGroup(!1));
       }
     this.prevParentConnection_ = n;
   }
 };
-E.registerMixin("logic_ternary_v1", wt);
+d.registerMixin("logic_ternary_v1", wt);
 _([
   {
     type: "logic_ternary_v1",
@@ -1050,19 +1050,19 @@ const Gt = {
       };
       e.push({
         enabled: !0,
-        text: O.VARIABLES_SET_CREATE_GET.replace("%1", n),
-        callback: Me.callbackFactory(this, i)
+        text: m.VARIABLES_SET_CREATE_GET.replace("%1", n),
+        callback: Ue.callbackFactory(this, i)
       });
     }
   }
 };
-E.registerMixin(
+d.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
   Gt
 );
-E.register(
+d.register(
   "flow_control_tooltip_v1",
-  E.buildTooltipForDropdown("MODE", {
+  d.buildTooltipForDropdown("MODE", {
     BREAK: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_BREAK}",
     CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
   })
@@ -1084,20 +1084,20 @@ const $t = /* @__PURE__ */ new Set([
   },
   onchange: function(e) {
     const o = this.workspace;
-    if (!o.isDragging || o.isDragging() || e.type !== h.BLOCK_MOVE && e.type !== h.BLOCK_CREATE)
+    if (!o.isDragging || o.isDragging() || e.type !== f.BLOCK_MOVE && e.type !== f.BLOCK_CREATE)
       return;
     const t = this.getSurroundLoop();
     if (console.log(e.type, t), this.setWarningText(
-      t ? null : O.LOOP_FLOW_CONTROL_WARNING
+      t ? null : m.LOOP_FLOW_CONTROL_WARNING
     ), !this.isInFlyout)
       try {
-        h.setRecordUndo(!1), this.setDisabledReason(!t, "FLOW_CONTROL_NOT_IN_LOOP");
+        f.setRecordUndo(!1), this.setDisabledReason(!t, "FLOW_CONTROL_NOT_IN_LOOP");
       } finally {
-        h.setRecordUndo(!0);
+        f.setRecordUndo(!0);
       }
   }
 };
-E.registerMixin(
+d.registerMixin(
   "flow_control_in_loop_check_v1",
   jt
 );
@@ -1122,9 +1122,9 @@ _([
     extensions: ["flow_control_tooltip_v1", "flow_control_in_loop_check_v1"]
   }
 ]);
-E.register(
+d.register(
   "for_tooltip_v1",
-  E.buildTooltipWithFieldText(
+  d.buildTooltipWithFieldText(
     "%{BKY_LOOP_V1_FOR_TOOLTIP}",
     "VAR"
   )
@@ -1173,9 +1173,9 @@ _([
     extensions: ["contextMenu_newGetVariableBlock_v1", "for_tooltip_v1"]
   }
 ]);
-E.register(
+d.register(
   "for_each_tooltip_v1",
-  E.buildTooltipWithFieldText(
+  d.buildTooltipWithFieldText(
     "%{BKY_LOOP_V1_FOR_EACH_TOOLTIP}",
     "VAR"
   )
@@ -1210,9 +1210,9 @@ _([
     extensions: ["contextMenu_newGetVariableBlock_v1", "for_each_tooltip_v1"]
   }
 ]);
-E.register(
+d.register(
   "loop_while_until_tooltip_v1",
-  E.buildTooltipForDropdown("MODE", {
+  d.buildTooltipForDropdown("MODE", {
     WHILE: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_WHILE}",
     UNTIL: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_UNTIL}"
   })
@@ -1296,9 +1296,9 @@ const Xt = {
   STD_DEV: "%{BKY_MATH_V1_ON_LIST_TOOLTIP_STD_DEV}",
   RANDOM: "%{BKY_MATH_V1_ON_LIST_TOOLTIP_RANDOM}"
 };
-E.register(
+d.register(
   "math_op_tooltip_v1",
-  E.buildTooltipForDropdown("OP", Xt)
+  d.buildTooltipForDropdown("OP", Xt)
 );
 _([
   {
@@ -1990,7 +1990,7 @@ const Qt = {
   },
   updateShape_: function() {
     for (let e = 0; e < this.itemCount_; e++)
-      this.getInput("ADD" + e) || this.appendValueInput("ADD" + e).setAlign(U.Align.RIGHT).appendField(new Ee("key"), "KEY" + e);
+      this.getInput("ADD" + e) || this.appendValueInput("ADD" + e).setAlign(M.Align.RIGHT).appendField(new Ee("key"), "KEY" + e);
     for (let e = this.itemCount_; this.getInput("ADD" + e); e++)
       this.removeInput("ADD" + e);
   }
@@ -2375,9 +2375,9 @@ const eo = {
           n.setKeyName(o.name, "");
         else
           try {
-            h.disable(), n = De(this.workspace, o.name, ""), n.outputConnection.connect(t);
+            f.disable(), n = Ye(this.workspace, o.name, ""), n.outputConnection.connect(t);
           } finally {
-            h.enable();
+            f.enable();
           }
       }
   }
@@ -2408,7 +2408,7 @@ const to = u.xml, oo = {
   },
   onchange: function(e) {
     var o;
-    if (e.type === h.BLOCK_DRAG) {
+    if (e.type === f.BLOCK_DRAG) {
       const t = e;
       if (t.isStart || !((o = t.blocks) != null && o.find((n) => n.id === this.id)))
         return;
@@ -2471,9 +2471,9 @@ const no = /^\s*'([^']|\\')*'\s*$/;
 function ne(e) {
   return no.test(e) ? [e, l.ATOMIC] : [`String(${e})`, l.FUNCTION_CALL];
 }
-E.register(
+d.register(
   "text_append_tooltip_v1",
-  E.buildTooltipWithFieldText(
+  d.buildTooltipWithFieldText(
     "%{BKY_TEXT_V1_APPEND_TOOLTIP}",
     "VAR"
   )
@@ -2742,7 +2742,7 @@ const io = u.xml, so = {
     for (let e = 0; e < this.itemCount_; e++)
       if (!this.getInput("ADD" + e)) {
         const o = this.appendValueInput("ADD" + e).setAlign(
-          U.Align.RIGHT
+          M.Align.RIGHT
         );
         e === 0 && o.appendField("%{BKY_TEXT_V1_JOIN_TITLE}");
       }
@@ -2752,7 +2752,7 @@ const io = u.xml, so = {
 }, lo = function() {
   this.itemCount_ = 2, this.updateShape_(), this.setMutator(new ie.MutatorIcon(["text_join_item_v1"], this));
 };
-E.registerMutator(
+d.registerMutator(
   "text_join_mutator_v1",
   so,
   lo
@@ -2998,7 +2998,7 @@ const ao = {
     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(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"));
+    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"));
   },
   updateShadow_: function() {
     var e, o, t, n, i, a, r, c;
@@ -3048,11 +3048,11 @@ const ro = {
     if (this.isInFlyout) {
       if (this.type === "variables_get_v1" || this.type === "variables_get_v1_reporter") {
         const o = {
-          text: O.RENAME_VARIABLE,
+          text: m.RENAME_VARIABLE,
           enabled: !0,
           callback: co(this)
         }, t = this.getField("VAR").getText(), n = {
-          text: O.DELETE_VARIABLE.replace("%1", t),
+          text: m.DELETE_VARIABLE.replace("%1", t),
           enabled: !0,
           callback: _o(this)
         };
@@ -3060,7 +3060,7 @@ const ro = {
       }
     } else {
       let o, t;
-      this.type === "variables_get_v1" ? (o = "variables_set_v1", t = O.VARIABLE_V1_GET_CREATE_SET) : this.type === "variables_set_v1" ? (o = "variables_get_v1", t = O.VARIABLE_V1_SET_CREATE_GET) : console.assert(!1);
+      this.type === "variables_get_v1" ? (o = "variables_set_v1", t = m.VARIABLE_V1_GET_CREATE_SET) : this.type === "variables_set_v1" ? (o = "variables_get_v1", t = m.VARIABLE_V1_SET_CREATE_GET) : console.assert(!1);
       const n = this.getField("VAR"), i = {
         type: o,
         fields: { VAR: n.saveState(!0) }
@@ -3068,7 +3068,7 @@ const ro = {
       e.push({
         enabled: this.workspace.remainingCapacity() > 0,
         text: t.replace("%1", n.getText()),
-        callback: Me.callbackFactory(this, i)
+        callback: Ue.callbackFactory(this, i)
       });
     }
   }
@@ -3083,7 +3083,7 @@ const ro = {
     o.deleteVariableById(n.getId()), o.refreshToolboxSelection();
   };
 };
-E.registerMixin(
+d.registerMixin(
   "context_menu_variable_v1",
   ro
 );
@@ -3146,7 +3146,7 @@ function uo() {
   const e = [];
   {
     const o = Ne.createElement("label");
-    o.setAttribute("text", O.LABEL_ASSET_LAYER), e.push(o);
+    o.setAttribute("text", m.LABEL_ASSET_LAYER), e.push(o);
   }
   {
     const o = Ne.createElement("block");
@@ -3171,7 +3171,7 @@ function To() {
       const t = j.createElement("field");
       t.setAttribute("name", "NAME");
       const n = j.createTextNode(
-        O.PROCEDURE_DEFAULT_NAME
+        m.PROCEDURE_DEFAULT_NAME
       );
       t.appendChild(n), o.appendChild(t);
     }
@@ -3235,7 +3235,7 @@ function ho(e) {
   t.sort(ut.compareByName);
   {
     const n = Z.createElement("label");
-    n.setAttribute("text", O.LABEL_CREATED), o.push(n);
+    n.setAttribute("text", m.LABEL_CREATED), o.push(n);
   }
   return t.forEach((n) => {
     {
@@ -3252,21 +3252,21 @@ const N = {
   name: "VARIABLE_CATEGORY",
   callback: ho
 };
-Ue.setConfirm(async (e, o) => {
+Ve.setConfirm(async (e, o) => {
   const t = await Ot({
     title: "",
     text: e
   });
   o(!!t);
 });
-Ue.setPrompt(async (e, o, t) => {
+Ve.setPrompt(async (e, o, t) => {
   const n = await gt({
     title: "",
     value: o
   });
   t(String(n));
 });
-const Ye = (e, o, t) => {
+const Ke = (e, o, t) => {
   const n = e[o];
   return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((i, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -3280,11 +3280,11 @@ const Ye = (e, o, t) => {
   });
 };
 async function Re(e) {
-  const o = await Ye(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./msg-en-kge4l75d.js"), "./msg/zhHans.ts": () => import("./msg-zhHans-hfznrf5k.js") }), `./msg/${e}.ts`, 3);
+  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);
   pt(o.default);
 }
-function Ke(e) {
-  const o = w();
+function Fe(e) {
+  const o = H();
   if (!o)
     return;
   const t = o.getBlockById(e);
@@ -3298,11 +3298,11 @@ function Ke(e) {
 }
 function mo() {
   var t;
-  const e = w();
+  const e = H();
   if (!e)
     return;
   const o = (t = e.getTopBlocks(!0)) == null ? void 0 : t[0];
-  o && Ke(o.id);
+  o && Fe(o.id);
 }
 class Oo {
   init({ contextMenu: o = !0, shortcut: t = !0 } = {
@@ -3320,10 +3320,10 @@ class Oo {
   blockCopyToStorageContextMenu() {
     const o = {
       displayText: function() {
-        return O.CROSS_TAB_COPY ? O.CROSS_TAB_COPY : "Copy";
+        return m.CROSS_TAB_COPY ? m.CROSS_TAB_COPY : "Copy";
       },
       preconditionFn: function() {
-        const t = Y();
+        const t = D();
         return !t || !J(t) || !t.isDeletable() || !re(t) || !t.isMovable() || !$(t) ? "disabled" : "enabled";
       },
       callback: function(t) {
@@ -3333,16 +3333,16 @@ class Oo {
           JSON.stringify((n = t.block) == null ? void 0 : n.toCopyData())
         );
       },
-      scopeType: V.ScopeType.BLOCK,
+      scopeType: U.ScopeType.BLOCK,
       id: "blockCopyToStorage",
       weight: 0
     };
-    V.registry.register(o);
+    U.registry.register(o);
   }
   blockPasteFromStorageContextMenu() {
     const o = {
       displayText: function() {
-        return O.CROSS_TAB_PASTE ? O.CROSS_TAB_PASTE : "Paste";
+        return m.CROSS_TAB_PASTE ? m.CROSS_TAB_PASTE : "Paste";
       },
       preconditionFn: function(t) {
         var a;
@@ -3359,11 +3359,11 @@ class Oo {
         const i = JSON.parse(n);
         i && t.workspace && be.paste(i, t.workspace);
       },
-      scopeType: V.ScopeType.WORKSPACE,
+      scopeType: U.ScopeType.WORKSPACE,
       id: "blockPasteFromStorage",
       weight: 0
     };
-    V.registry.register(o);
+    U.registry.register(o);
   }
   blockCopyToStorageShortcut() {
     const o = g.registry.createSerializedKey(
@@ -3380,12 +3380,12 @@ class Oo {
       preconditionFn: function(a) {
         if (a.options.readOnly || ce.inProgress())
           return !1;
-        const r = Y();
+        const r = D();
         return !(!r || !J(r) || !r.isDeletable() || !re(r) || !r.isMovable() || !$(r));
       },
       callback: function(a, r) {
         r.preventDefault();
-        const c = Y();
+        const c = D();
         if (!c || !$(c))
           return !1;
         const p = c.toCopyData();
@@ -3410,12 +3410,12 @@ class Oo {
       preconditionFn: function(a) {
         if (a.options.readOnly || ce.inProgress())
           return !1;
-        const r = Y();
+        const r = D();
         return !(!r || !J(r) || !r.isDeletable() || !re(r) || !r.isMovable() || !$(r) || r.workspace.isFlyout);
       },
       callback: function(a, r) {
         r.preventDefault();
-        const c = Y();
+        const c = D();
         if (!c || !J(c) || !c.isDeletable() || !$(c))
           return !1;
         const p = c.toCopyData();
@@ -3461,12 +3461,12 @@ class Oo {
 }
 class go {
   init() {
-    const o = V.registry.getItem("cleanWorkspace");
+    const o = U.registry.getItem("cleanWorkspace");
     o && (o.callback = function(t) {
       const n = t.workspace;
       if (!n)
         return;
-      n.setResizesEnabled(!1), h.setGroup(!0);
+      n.setResizesEnabled(!1), f.setGroup(!0);
       const i = n.getTopBlocks(!0);
       let a = 0;
       for (let r = 0, c; c = i[r]; r++) {
@@ -3475,54 +3475,54 @@ class go {
         const p = c.getRelativeToSurfaceXY();
         c.moveBy(-p.x, a - p.y, ["cleanup"]), c.snapToGrid(), a = c.getRelativeToSurfaceXY().y + c.getHeightWidth().height + 100;
       }
-      h.setGroup(!1), n.setResizesEnabled(!0);
+      f.setGroup(!1), n.setResizesEnabled(!0);
     });
   }
 }
-function Fe(e) {
+function He(e) {
   const o = e.getParent();
-  return o && Fe(o) ? !0 : !o && !!(e.outputConnection || e.previousConnection);
+  return o && He(o) ? !0 : !o && !!(e.outputConnection || e.previousConnection);
 }
 class Io {
   init() {
-    const o = V.registry.getItem("blockDisable");
+    const o = U.registry.getItem("blockDisable");
     o && (o.preconditionFn = function(t) {
       const n = t.block;
-      return n && !n.isInFlyout && n.workspace.options.disable && n.isEditable() ? n.getInheritedDisabled() || Fe(n) ? "disabled" : "enabled" : "hidden";
+      return n && !n.isInFlyout && n.workspace.options.disable && n.isEditable() ? n.getInheritedDisabled() || He(n) ? "disabled" : "enabled" : "hidden";
     });
   }
 }
-class He extends _e {
+class we extends _e {
   constructor(t, n, i) {
     super(_e.SKIP_SETUP);
     /** The field's colour picker element. */
-    A(this, "picker", null);
+    v(this, "picker", null);
     /** Index of the currently highlighted element. */
-    A(this, "highlightedIndex", null);
+    v(this, "highlightedIndex", null);
     /**
      * Array holding info needed to unbind events.
      * Used for disposing.
      * Ex: [[node, name, func], [node, name, func]].
      */
-    A(this, "boundEvents", []);
+    v(this, "boundEvents", []);
     /**
      * Serializable fields are saved by the serializer, non-serializable fields
      * are not.  Editable fields should also be serializable.
      */
-    A(this, "SERIALIZABLE", !0);
+    v(this, "SERIALIZABLE", !0);
     /** Mouse cursor style when over the hotspot that initiates the editor. */
-    A(this, "CURSOR", "default");
+    v(this, "CURSOR", "default");
     /**
      * Used to tell if the field needs to be rendered the next time the block is
      * rendered.  Colour fields are statically sized, and only need to be
      * rendered at initialization.
      */
-    A(this, "isDirty_", !1);
+    v(this, "isDirty_", !1);
     /**
      * An array of colour strings for the palette.
      * Copied from goog.ui.ColorPicker.SIMPLE_GRID_COLORS
      */
-    A(this, "colours", [
+    v(this, "colours", [
       // red
       "#F44336",
       // base
@@ -4084,11 +4084,11 @@ class He extends _e {
      * An array of tooltip strings for the palette.  If not the same length as
      * COLOURS, the colour's hex code will be used for any missing titles.
      */
-    A(this, "titles", ["%{BKY_COLOR_RED}"]);
+    v(this, "titles", ["%{BKY_COLOR_RED}"]);
     /**
      * Number of columns in the palette.
      */
-    A(this, "columns", 14);
+    v(this, "columns", 14);
     t !== _e.SKIP_SETUP && (i && this.configure_(i), this.setValue(t), n && this.setValidator(n));
   }
   configure_(t) {
@@ -4198,8 +4198,8 @@ class He extends _e {
     const i = this.colours, a = this.columns;
     let r = this.highlightedIndex % a, c = Math.floor(this.highlightedIndex / a);
     r += t, c += n, t < 0 ? r < 0 && c > 0 ? (r = a - 1, c--) : r < 0 && (r = 0) : t > 0 ? r > a - 1 && c < Math.floor(i.length / a) - 1 ? (r = 0, c++) : r > a - 1 && r-- : n < 0 ? c < 0 && (c = 0) : n > 0 && c > Math.floor(i.length / a) - 1 && (c = Math.floor(i.length / a) - 1);
-    const p = this.picker.childNodes[c].childNodes[r], T = c * a + r;
-    this.setHighlightedCell(p, T);
+    const p = this.picker.childNodes[c].childNodes[r], E = c * a + r;
+    this.setHighlightedCell(p, E);
   }
   onMouseMove(t) {
     const n = t.target, i = n && Number(n.getAttribute("data-index"));
@@ -4258,7 +4258,7 @@ class He extends _e {
       ), p.style.backgroundColor = n[c], n[c] === i && (p.className = "blocklyColourSelected", this.highlightedIndex = c);
     }
     this.boundEvents.push(
-      D.conditionalBind(
+      x.conditionalBind(
         a,
         "pointerdown",
         this,
@@ -4266,7 +4266,7 @@ class He extends _e {
         !0
       )
     ), this.boundEvents.push(
-      D.conditionalBind(
+      x.conditionalBind(
         a,
         "pointermove",
         this,
@@ -4274,7 +4274,7 @@ class He extends _e {
         !0
       )
     ), this.boundEvents.push(
-      D.conditionalBind(
+      x.conditionalBind(
         a,
         "pointerenter",
         this,
@@ -4282,7 +4282,7 @@ class He extends _e {
         !0
       )
     ), this.boundEvents.push(
-      D.conditionalBind(
+      x.conditionalBind(
         a,
         "pointerleave",
         this,
@@ -4290,7 +4290,7 @@ class He extends _e {
         !0
       )
     ), this.boundEvents.push(
-      D.conditionalBind(
+      x.conditionalBind(
         a,
         "keydown",
         this,
@@ -4302,14 +4302,14 @@ class He extends _e {
   /** Disposes of events and DOM-references belonging to the colour editor. */
   dropdownDispose() {
     for (const t of this.boundEvents)
-      D.unbind(t);
+      x.unbind(t);
     this.boundEvents.length = 0, this.picker = null, this.highlightedIndex = null;
   }
   static fromJson(t) {
     return new this(t.colour, void 0, t);
   }
 }
-He.prototype.DEFAULT_VALUE = "#ffffff";
+we.prototype.DEFAULT_VALUE = "#ffffff";
 dt.register(`
 .blocklyColourTable {
   border-collapse: collapse;
@@ -4338,7 +4338,7 @@ dt.register(`
 }
 `);
 function Lo() {
-  ft.register("field_colour", He);
+  ft.register("field_colour", we);
 }
 const yo = new Oo();
 yo.init({ contextMenu: !0, shortcut: !0 });
@@ -4471,7 +4471,7 @@ se.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const Ao = Ve.defineTheme("light", {
+const Ao = Pe.defineTheme("light", {
   name: "light",
   base: se.Classic,
   componentStyles: {
@@ -4487,7 +4487,7 @@ const Ao = Ve.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), bo = Ve.defineTheme("dark", {
+}), bo = Pe.defineTheme("dark", {
   name: "dark",
   base: se.Classic,
   componentStyles: {
@@ -4505,7 +4505,7 @@ const Ao = Ve.defineTheme("light", {
   }
 });
 function ko(e) {
-  const o = w();
+  const o = H();
   switch (console.log(o), e) {
     case "light":
       o.setTheme(Ao);
@@ -5261,28 +5261,28 @@ const me = {
     }
   ]
 }, Mo = /* @__PURE__ */ W({
-  __name: "cleanup",
+  __name: "index",
   setup(e) {
     const o = () => {
-      const t = w();
+      const t = H();
       if (!t)
         return;
-      const n = V.registry.getItem("cleanWorkspace");
+      const n = U.registry.getItem("cleanWorkspace");
       n && n.callback({ workspace: t }, new PointerEvent("dummy"));
     };
     return (t, n) => {
-      const i = v("v-btn");
-      return L(), P(i, {
+      const i = C("v-btn");
+      return L(), V(i, {
         class: "mr-3",
         variant: "outlined",
         density: "comfortable",
-        icon: b(vt),
+        icon: A(vt),
         onClick: o
       }, null, 8, ["icon"]);
     };
   }
 }), Uo = /* @__PURE__ */ W({
-  __name: "lock",
+  __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
     modelModifiers: {}
@@ -5291,12 +5291,12 @@ const me = {
   setup(e) {
     const o = ue(e, "modelValue");
     return (t, n) => {
-      const i = v("v-btn");
-      return L(), P(i, {
+      const i = C("v-btn");
+      return L(), V(i, {
         class: "mr-3",
         variant: "outlined",
         density: "comfortable",
-        icon: o.value ? b(kt) : b(Nt),
+        icon: o.value ? A(kt) : A(Nt),
         onClick: n[0] || (n[0] = (a) => o.value = !o.value)
       }, null, 8, ["icon"]);
     };
@@ -5307,58 +5307,58 @@ const me = {
 }, Po = /* @__PURE__ */ W({
   __name: "index",
   setup(e) {
-    const { t: o } = xe(), t = ee([]), n = () => {
-      var T;
-      const a = w();
+    const { t: o } = De(), t = ee([]), n = () => {
+      var E;
+      const a = H();
       if (!a) {
         t.value = [];
         return;
       }
-      const r = [], c = a.getTopBlocks(!0), p = ((T = Y()) == null ? void 0 : T.id) ?? "";
-      c.forEach((f) => {
-        const I = f;
+      const r = [], c = a.getTopBlocks(!0), p = ((E = D()) == null ? void 0 : E.id) ?? "";
+      c.forEach((T) => {
+        const I = T;
         if (I.type.startsWith("on_node_event_v"))
           console.log("1");
         else if (I.type.startsWith("procedure_def_v"))
           console.log("2");
         else {
-          const R = I.getRelativeToSurfaceXY();
+          const O = I.getRelativeToSurfaceXY();
           r.push({
             id: I.id,
-            name: O.fffff,
-            x: R.x,
-            y: R.y,
+            name: m.fffff,
+            x: O.x,
+            y: O.y,
             active: I.id === p
           });
         }
       }), t.value = r;
     };
-    Se(() => {
+    Me(() => {
       de.on("codeUpdate", n);
     }), Ze(() => {
       de.off("codeUpdate", n);
     });
     const i = (a) => {
-      const r = w();
+      const r = H();
       if (!r)
         return;
       const c = r.getBlockById(a.id);
-      c && (Ke(a.id), c.select());
+      c && (Fe(a.id), c.select());
     };
     return (a, r) => {
-      const c = v("v-list-item-title"), p = v("v-list-item"), T = v("v-list");
-      return t.value.length > 0 ? (L(), P(T, { key: 0 }, {
-        default: K(() => [
-          (L(!0), X(et, null, tt(t.value, (f) => (L(), P(p, {
-            key: f.id,
+      const c = C("v-list-item-title"), p = C("v-list-item"), E = C("v-list");
+      return t.value.length > 0 ? (L(), V(E, { key: 0 }, {
+        default: Y(() => [
+          (L(!0), X(et, null, tt(t.value, (T) => (L(), V(p, {
+            key: T.id,
             class: "d-flex justify-start",
-            active: f.active,
-            onClick: (I) => i(f)
+            active: T.active,
+            onClick: (I) => i(T)
           }, {
-            default: K(() => [
+            default: Y(() => [
               B(c, null, {
-                default: K(() => [
-                  ot(pe(f.name), 1)
+                default: Y(() => [
+                  ot(pe(T.name), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -5367,83 +5367,83 @@ const me = {
           }, 1032, ["active", "onClick"]))), 128))
         ]),
         _: 1
-      })) : (L(), X("span", Vo, pe(b(o)("x-block-lib.noOption")), 1));
+      })) : (L(), X("span", Vo, pe(A(o)("x-block-lib.noOption")), 1));
     };
   }
 }), xo = { class: "text-subtitle-1 ml-3" }, Do = /* @__PURE__ */ W({
   __name: "index",
   setup(e) {
-    const { t: o } = xe(), t = Ct(), { sysBarAvail: n } = It(), { backgroundColor1: i } = Lt(), a = F(() => {
-      let T = "100%";
-      return t.mdAndUp.value && (T = "400px"), {
+    const { t: o } = De(), t = Ct(), { sysBarAvail: n } = It(), { backgroundColor1: i } = Lt(), a = K(() => {
+      let E = "100%";
+      return t.mdAndUp.value && (E = "400px"), {
         background: i.value,
-        width: T,
+        width: E,
         height: "100%"
       };
-    }), r = F(() => {
-      let T = 48;
-      return n.value && (T += 24), {
+    }), r = K(() => {
+      let E = 48;
+      return n.value && (E += 24), {
         position: "relative",
         width: "100%",
-        height: `calc(100% - ${T}px)`
+        height: `calc(100% - ${E}px)`
       };
-    }), c = F(() => ({
+    }), c = K(() => ({
       height: "60px"
-    })), { open: p } = Pe("selectNodeDlg");
-    return (T, f) => {
-      const I = v("v-btn"), R = v("v-sheet"), m = v("v-icon"), x = v("v-dialog");
-      return L(), P(x, {
-        modelValue: b(p),
-        "onUpdate:modelValue": f[3] || (f[3] = (C) => nt(p) ? p.value = C : null),
+    })), { open: p } = xe("selectNodeDlg");
+    return (E, T) => {
+      const I = C("v-btn"), O = C("v-sheet"), P = C("v-icon"), w = C("v-dialog");
+      return L(), V(w, {
+        modelValue: A(p),
+        "onUpdate:modelValue": T[3] || (T[3] = (b) => nt(p) ? p.value = b : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: f[4] || (f[4] = it(le((C) => p.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: T[4] || (T[4] = it(le((b) => p.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: K(({ props: C }) => [
-          B(I, st(C, {
+        activator: Y(({ props: b }) => [
+          B(I, st(b, {
             variant: "outlined",
             density: "comfortable",
-            icon: b(Bt)
+            icon: A(Bt)
           }), null, 16, ["icon"])
         ]),
-        default: K(() => [
-          M("div", {
+        default: Y(() => [
+          S("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: f[1] || (f[1] = le((C) => p.value = !1, ["self"])),
-            onContextmenu: f[2] || (f[2] = le((C) => p.value = !1, ["self", "prevent"]))
+            onClick: T[1] || (T[1] = le((b) => p.value = !1, ["self"])),
+            onContextmenu: T[2] || (T[2] = le((b) => p.value = !1, ["self", "prevent"]))
           }, [
-            M("div", {
+            S("div", {
               class: "elevation-2",
-              style: H(a.value)
+              style: F(a.value)
             }, [
-              b(n) ? (L(), P(R, {
+              A(n) ? (L(), V(O, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : te("", !0),
-              B(R, {
+              B(O, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
-                default: K(() => [
-                  B(m, {
-                    icon: b(At),
-                    onClick: f[0] || (f[0] = (C) => p.value = !1)
+                default: Y(() => [
+                  B(P, {
+                    icon: A(At),
+                    onClick: T[0] || (T[0] = (b) => p.value = !1)
                   }, null, 8, ["icon"]),
-                  M("span", xo, pe(b(o)("x-block-lib.navigator")), 1)
+                  S("span", xo, pe(A(o)("x-block-lib.navigator")), 1)
                 ]),
                 _: 1
               }),
-              M("div", {
+              S("div", {
                 class: "overflow-y-auto",
-                style: H(r.value)
+                style: F(r.value)
               }, [
                 B(Po),
-                M("div", {
-                  style: H(c.value)
+                S("div", {
+                  style: F(c.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -5453,7 +5453,57 @@ const me = {
       }, 8, ["modelValue"]);
     };
   }
-}), Yo = { class: "position-relative w-100 h-100" }, Ko = /* @__PURE__ */ W({
+}), Se = {
+  grid: {
+    length: 2,
+    snap: !0,
+    spacing: 20
+  },
+  media: "https://cdn.z9os.com/lib/blockly/v11.0.0/media/",
+  move: {
+    drag: !0,
+    scrollbars: !0,
+    wheel: !0
+  },
+  readOnly: !1,
+  theme: "light",
+  trashcan: !1,
+  zoom: {
+    maxScale: 1,
+    minScale: 0.1,
+    scaleSpeed: 1.25,
+    startScale: 1,
+    wheel: !0
+  }
+};
+function Yo(e, o, t) {
+  let n;
+  o === "app" ? t === "v1" && (n = Bo) : o === "func" ? t === "v1" && (n = So) : o === "flow" && t === "v1" && (n = Ro), console.assert(!!n), Se.toolbox = n;
+  const i = Et(e, Se);
+  return o === "app" ? t === "v1" && (i.registerToolboxCategoryCallback(
+    fe.name,
+    fe.callback
+  ), i.registerToolboxCategoryCallback(
+    k.name,
+    k.callback
+  ), i.registerToolboxCategoryCallback(
+    N.name,
+    N.callback
+  )) : o === "func" ? t === "v1" && (i.registerToolboxCategoryCallback(
+    k.name,
+    k.callback
+  ), i.registerToolboxCategoryCallback(
+    N.name,
+    N.callback
+  )) : o === "flow" && t === "v1" && (i.registerToolboxCategoryCallback(
+    k.name,
+    k.callback
+  ), i.registerToolboxCategoryCallback(
+    N.name,
+    N.callback
+  )), i;
+}
+const Ko = { class: "position-relative w-100 h-100" }, Fo = /* @__PURE__ */ W({
   __name: "index",
   props: /* @__PURE__ */ Ae({
     type: {},
@@ -5467,31 +5517,9 @@ const me = {
   }),
   emits: /* @__PURE__ */ Ae(["ready", "change"], ["update:lock", "update:scale"]),
   setup(e, { expose: o, emit: t }) {
-    const n = yt(), { locale: i, dark: a } = mt(n), { open: r } = Pe("blocklyEditorFlyout"), c = ue(e, "lock"), p = ue(e, "scale"), T = e, f = t, I = ee(), R = {
-      grid: {
-        length: 2,
-        snap: !0,
-        spacing: 20
-      },
-      media: "https://cdn.z9os.com/lib/blockly/v11.0.0/media/",
-      move: {
-        drag: !0,
-        scrollbars: !0,
-        wheel: !0
-      },
-      readOnly: !1,
-      theme: a.value ? "dark" : "light",
-      trashcan: !1,
-      zoom: {
-        maxScale: 1,
-        minScale: 0.1,
-        scaleSpeed: 1.25,
-        startScale: 1,
-        wheel: !0
-      }
-    };
-    let m;
-    const x = ee(!1), C = ee(!1), we = F(() => ({
+    const n = yt(), { locale: i, dark: a } = mt(n), { open: r } = xe("blocklyEditorFlyout"), c = ue(e, "lock"), p = ue(e, "scale"), E = e, T = t, I = ee();
+    let O;
+    const P = ee(!1), w = ee(!1), b = K(() => ({
       position: "absolute",
       background: a.value ? "#0000007f" : "#ffffff7f",
       top: "1px",
@@ -5500,7 +5528,7 @@ const me = {
       height: "calc(100% - 1px)",
       pointerEvents: "none",
       zIndex: 999
-    })), Ge = F(() => ({
+    })), Ge = K(() => ({
       position: "absolute",
       background: a.value ? "#0000007f" : "#ffffff7f",
       top: "0px",
@@ -5508,73 +5536,52 @@ const me = {
       width: "100%",
       height: "100%",
       pointerEvents: "none"
-    })), $e = F(() => ({
+    })), $e = K(() => ({
       position: "absolute",
       top: "0px",
       right: "0px",
       zIndex: 20
     }));
-    Se(async () => {
-      if (!I.value)
+    Me(async () => {
+      if (!I.value) {
+        console.assert(!1);
         return;
-      await Re(i.value);
-      let d;
-      T.type === "app" ? T.version === "v1" && (d = Bo) : T.type === "func" ? T.version === "v1" && (d = So) : T.type === "flow" && T.version === "v1" && (d = Ro), R.toolbox = d, m = Et(I.value, R), T.type === "app" ? T.version === "v1" && (m.registerToolboxCategoryCallback(
-        fe.name,
-        fe.callback
-      ), m.registerToolboxCategoryCallback(
-        k.name,
-        k.callback
-      ), m.registerToolboxCategoryCallback(
-        N.name,
-        N.callback
-      )) : T.type === "func" ? T.version === "v1" && (m.registerToolboxCategoryCallback(
-        k.name,
-        k.callback
-      ), m.registerToolboxCategoryCallback(
-        N.name,
-        N.callback
-      )) : T.type === "flow" && T.version === "v1" && (m.registerToolboxCategoryCallback(
-        k.name,
-        k.callback
-      ), m.registerToolboxCategoryCallback(
-        N.name,
-        N.callback
-      )), m.addChangeListener(h.disableOrphans), m.addChangeListener(je), m.setScale(p.value), f("ready", m);
+      }
+      await Re(i.value), O = Yo(I.value, E.type, E.version), O.addChangeListener(f.disableOrphans), O.addChangeListener(je), O.setScale(p.value), T("ready", O);
     }), lt(() => {
       r.value = !1;
     });
     function ve() {
-      m && ht(m);
+      O && ht(O);
     }
-    function je(d) {
-      if (d.type === h.FINISHED_LOADING) {
-        mo(), de.emit("codeUpdate"), x.value = !1;
+    function je(h) {
+      if (h.type === f.FINISHED_LOADING) {
+        mo(), de.emit("codeUpdate"), P.value = !1;
         return;
       }
-      x.value || (d.type === h.BLOCK_DRAG && (d.isStart ? C.value = !0 : C.value = !1), f("change", d));
+      P.value || (h.type === f.BLOCK_DRAG && (h.isStart ? w.value = !0 : w.value = !1), T("change", h));
     }
     return o({ load: () => {
-      x.value = !0;
-    }, save: () => {
-    } }), G(i, (d) => {
-      Re(d);
-    }), G(a, (d) => {
-      ko(d ? "dark" : "light");
-    }), G(r, (d) => {
-      var S;
-      d || (S = m.getToolbox()) == null || S.clearSelection();
+      P.value = !0;
+    }, resize: () => {
+    } }), G(i, (h) => {
+      Re(h);
+    }), G(a, (h) => {
+      ko(h ? "dark" : "light");
+    }), G(r, (h) => {
+      var R;
+      h || (R = O.getToolbox()) == null || R.clearSelection();
     }), G(
-      () => T.active,
-      (d) => {
-        d && setTimeout(() => ve(), 1);
+      () => E.active,
+      (h) => {
+        h && setTimeout(() => ve(), 1);
       }
-    ), G(p, (d) => {
-      m.setScale(d);
-    }), (d, S) => {
-      const Xe = v("v-icon"), We = v("x-loading"), Je = at("resize");
-      return L(), X("div", Yo, [
-        rt(M("div", {
+    ), G(p, (h) => {
+      O.setScale(h);
+    }), (h, R) => {
+      const Xe = C("v-icon"), We = C("x-loading"), Je = at("resize");
+      return L(), X("div", Ko, [
+        rt(S("div", {
           id: "blocklyEditor",
           ref_key: "blocklyDiv",
           ref: I,
@@ -5582,46 +5589,48 @@ const me = {
         }, null, 512), [
           [Je, ve]
         ]),
-        C.value ? (L(), X("div", {
+        w.value ? (L(), X("div", {
           key: 0,
           class: "d-flex flex-column align-center justify-center",
-          style: H(we.value)
+          style: F(b.value)
         }, [
           B(Xe, {
-            icon: b(bt),
+            icon: A(bt),
             size: "x-large"
           }, null, 8, ["icon"])
         ], 4)) : te("", !0),
         c.value ? (L(), X("div", {
           key: 1,
-          style: H(Ge.value)
+          style: F(Ge.value)
         }, null, 4)) : te("", !0),
-        M("div", {
+        S("div", {
           class: "d-flex align-end pt-3 pr-3",
-          style: H($e.value)
+          style: F($e.value)
         }, [
           B(Mo),
           B(Uo, {
             modelValue: c.value,
-            "onUpdate:modelValue": S[0] || (S[0] = (ze) => c.value = ze)
+            "onUpdate:modelValue": R[0] || (R[0] = (ze) => c.value = ze)
           }, null, 8, ["modelValue"]),
           B(Do)
         ], 4),
-        x.value ? (L(), P(We, {
+        P.value ? (L(), V(We, {
           key: 2,
           "z-index": 99
         })) : te("", !0)
       ]);
     };
   }
-}), Fo = (e) => {
-  e.component("XBlockly", Ko);
+}), Ho = (e) => {
+  e.component("x-blockly", Fo);
 };
-async function Qo(e) {
-  return (await Ye(/* @__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;
+async function qo(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 qo = { install: Fo };
+const Zo = { install: Ho };
 export {
-  qo as default,
-  Qo as loadLocaleMessageBlock
+  Fo as XBlockly,
+  Zo as default,
+  Ho as install,
+  qo as loadLocaleMessageBlock
 };

package/package.json

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