x-block-lib 0.3.22 → 0.3.23

package/dist/{blockly-kru4jhu1.js → blockly-ijxiuski.js}

@@ -15856,15 +15856,15 @@ export {
   _b as b,
   I_ as c,
   mb as d,
-  Db as e,
-  Sb as f,
-  vb as g,
-  xm as h,
+  vb as e,
+  Db as f,
+  Tb as g,
+  Sb as h,
   Rb as i,
   Zb as j,
-  ab as k,
-  x_ as l,
-  Tb as m,
+  xm as k,
+  ab as l,
+  x_ as m,
   yb as n,
   Wb as o,
   Gb as s,

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

@@ -2,6 +2,7 @@ interface Props {
     type: 'app';
     version: 'v1';
     active: boolean;
+    scale: number;
 }
 declare let __VLS_typeProps: Props;
 type __VLS_PublicProps = {

package/dist/core/index.d.ts

@@ -1,6 +1,7 @@
 import './blocks';
 import './dialog';
 export * from './locale';
+export * from './misc';
 import './plugins';
 export * from './theme';
 export * from './toolbox';

package/dist/core/misc/index.d.ts

@@ -0,0 +1,3 @@
+export declare function jumpBlock(id: string): void;
+export declare function jumpRootBlock(id: string): void;
+export declare function jumpFirstRootBlock(): void;

package/dist/index.js

@@ -1,10 +1,10 @@
 (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)}})();
-import { defineComponent as B, resolveComponent as b, openBlock as O, createBlock as F, unref as S, useModel as X, computed as I, withCtx as U, createVNode as h, mergeProps as se, createElementVNode as V, normalizeStyle as E, mergeModels as H, ref as Y, onMounted as le, onBeforeUnmount as ae, watch as L, resolveDirective as ie, createElementBlock as R, withDirectives as ce, createCommentVNode as G } from "vue";
-import { storeToRefs as ue } from "pinia";
-import { openConfirmDlg as _e, openPromptDlg as pe, useGlobalStore as fe, useViewStack as de } from "x-essential-lib";
-import { d as C, j as ye, O as ge, E as p, u as i, M as f, C as me, a as y, b as j, s as he, S as u, c as w, g as k, i as T, e as K, f as v, h as m, k as W, G as M, B as be, T as x, l as J, m as $, n as Oe, o as Ce } from "./blockly-kru4jhu1.js";
-var ke = "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", ve = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z", Se = "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", Le = "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", Te = "M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z";
-C([
+import { defineComponent as M, resolveComponent as m, openBlock as d, createBlock as L, unref as R, useModel as $, computed as w, ref as K, onMounted as Z, onUnmounted as ue, withCtx as E, createVNode as S, mergeProps as _e, createElementVNode as G, normalizeStyle as V, createElementBlock as A, Fragment as pe, renderList as fe, createTextVNode as de, toDisplayString as ye, mergeModels as X, onBeforeUnmount as ge, watch as B, resolveDirective as me, withDirectives as he, createCommentVNode as D } from "vue";
+import { d as I, j as be, O as ke, E as y, u as c, M as g, C as Ce, a as h, b as q, s as Oe, g as T, S as p, c as U, e as v, i as P, f as Y, h as x, k as C, l as j, G as H, B as ve, T as F, m as Q, n as Se, o as Le } from "./blockly-ijxiuski.js";
+import { storeToRefs as Te } from "pinia";
+import { openConfirmDlg as Ie, openPromptDlg as Ee, eventBus as W, useGlobalStore as Be, useViewStack as xe } from "x-essential-lib";
+var Ae = "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", Re = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z", Pe = "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", we = "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", Ke = "M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z";
+I([
   {
     type: "boolean_v1",
     message0: "%1",
@@ -24,16 +24,16 @@ C([
     helpUrl: "%{BKY_LOGIC_V1_BOOLEAN_HELPURL}"
   }
 ]);
-ye.forBlock.boolean_v1 = function(t) {
-  return [t.getFieldValue("BOOL") === "TRUE" ? "true" : "false", ge.ATOMIC];
+be.forBlock.boolean_v1 = function(t) {
+  return [t.getFieldValue("BOOL") === "TRUE" ? "true" : "false", ke.ATOMIC];
 };
-const Ie = {
+const Ve = {
   elseIfCount_: 0,
   hasElse_: !1,
   mutationToDom: function() {
     if (this.elseIfCount_ <= 0 && !this.hasElse_)
       return null;
-    const t = i.xml.createElement("mutation");
+    const t = c.xml.createElement("mutation");
     return this.elseIfCount_ > 0 && t.setAttribute("elseIf", String(this.elseIfCount_)), this.hasElse_ && t.setAttribute("else", "TRUE"), t;
   },
   domToMutation: function(t) {
@@ -51,23 +51,23 @@ const Ie = {
   decompose: function(t) {
     const e = t.newBlock("if_if_v1");
     e.initSvg();
-    let n = e.nextConnection;
-    for (let o = 0; o < this.elseIfCount_; o++) {
+    let o = e.nextConnection;
+    for (let n = 0; n < this.elseIfCount_; n++) {
       const r = t.newBlock(
         "if_else_if_v1"
       );
-      r.initSvg(), n.connect(r.previousConnection), n = r.nextConnection;
+      r.initSvg(), o.connect(r.previousConnection), o = r.nextConnection;
     }
     if (this.hasElse_) {
-      const o = t.newBlock("if_else_v1");
-      o.initSvg(), n.connect(o.previousConnection);
+      const n = t.newBlock("if_else_v1");
+      n.initSvg(), o.connect(n.previousConnection);
     }
     return e;
   },
   compose: function(t) {
     let e = t.nextConnection.targetBlock();
     this.elseIfCount_ = 0, this.hasElse_ = !1;
-    const n = [null], o = [null];
+    const o = [null], n = [null];
     let r = null;
     for (; e; ) {
       if (e.isInsertionMarker()) {
@@ -76,9 +76,9 @@ const Ie = {
       }
       switch (e.type) {
         case "if_else_if_v1":
-          this.elseIfCount_++, n.push(
+          this.elseIfCount_++, o.push(
             e.valueConnection_
-          ), o.push(
+          ), n.push(
             e.statementConnection_
           );
           break;
@@ -91,13 +91,13 @@ const Ie = {
       e = e.getNextBlock();
     }
     this.updateShape_(), this.reconnectChildBlocks_(
-      n,
       o,
+      n,
       r
     );
   },
   saveConnections: function(t) {
-    let e = t.nextConnection.targetBlock(), n = 1;
+    let e = t.nextConnection.targetBlock(), o = 1;
     for (; e; ) {
       if (e.isInsertionMarker()) {
         e = e.getNextBlock();
@@ -105,13 +105,13 @@ const Ie = {
       }
       switch (e.type) {
         case "if_else_if_v1": {
-          const o = this.getInput("IF" + n), r = this.getInput("DO" + n);
-          e.valueConnection_ = o && o.connection.targetConnection, e.statementConnection_ = r && r.connection.targetConnection, n++;
+          const n = this.getInput("IF" + o), r = this.getInput("DO" + o);
+          e.valueConnection_ = n && n.connection.targetConnection, e.statementConnection_ = r && r.connection.targetConnection, o++;
           break;
         }
         case "if_else_v1": {
-          const o = this.getInput("ELSE");
-          e.statementConnection_ = o && o.connection.targetConnection;
+          const n = this.getInput("ELSE");
+          e.statementConnection_ = n && n.connection.targetConnection;
           break;
         }
         default:
@@ -122,16 +122,16 @@ const Ie = {
   },
   rebuildShape_: function() {
     const t = [null], e = [null];
-    let n = null;
-    this.getInput("ELSE") && (n = this.getInput("ELSE").connection.targetConnection);
-    for (let o = 1; this.getInput("IF" + o); o++) {
-      const r = this.getInput("IF" + o), s = this.getInput("DO" + o);
+    let o = null;
+    this.getInput("ELSE") && (o = this.getInput("ELSE").connection.targetConnection);
+    for (let n = 1; this.getInput("IF" + n); n++) {
+      const r = this.getInput("IF" + n), s = this.getInput("DO" + n);
       t.push(r.connection.targetConnection), e.push(s.connection.targetConnection);
     }
     this.updateShape_(), this.reconnectChildBlocks_(
       t,
       e,
-      n
+      o
     );
   },
   updateShape_: function() {
@@ -139,23 +139,23 @@ const Ie = {
     for (let t = 1; this.getInput("IF" + t); t++)
       this.removeInput("IF" + t), this.removeInput("DO" + t);
     for (let t = 1; t <= this.elseIfCount_; t++)
-      this.appendValueInput("IF" + t).setCheck("Boolean").appendField(f.LOGIC_ELSE_IF), this.appendStatementInput("DO" + t).appendField(f.LOGIC_DO);
-    this.hasElse_ && this.appendStatementInput("ELSE").appendField(f.LOGIC_ELSE);
+      this.appendValueInput("IF" + t).setCheck("Boolean").appendField(g.LOGIC_ELSE_IF), this.appendStatementInput("DO" + t).appendField(g.LOGIC_DO);
+    this.hasElse_ && this.appendStatementInput("ELSE").appendField(g.LOGIC_ELSE);
   },
-  reconnectChildBlocks_: function(t, e, n) {
-    var o, r;
+  reconnectChildBlocks_: function(t, e, o) {
+    var n, r;
     for (let s = 1; s <= this.elseIfCount_; s++)
-      (o = t[s]) == null || o.reconnect(this, "IF" + s), (r = e[s]) == null || r.reconnect(this, "DO" + s);
-    n == null || n.reconnect(this, "ELSE");
+      (n = t[s]) == null || n.reconnect(this, "IF" + s), (r = e[s]) == null || r.reconnect(this, "DO" + s);
+    o == null || o.reconnect(this, "ELSE");
   }
 };
-p.registerMutator(
+y.registerMutator(
   "if_v1_mutator",
-  Ie,
+  Ve,
   void 0,
   ["if_else_if_v1", "if_else_v1"]
 );
-C([
+I([
   {
     type: "if_v1",
     message0: "%{BKY_LOGIC_IF} %1",
@@ -203,12 +203,12 @@ C([
     style: "logic_blocks"
   }
 ]);
-const Ee = {
+const Me = {
   customContextMenu: function(t) {
     if (this.isInFlyout)
       return;
-    const e = this.getField("VAR"), n = e.getVariable(), o = n == null ? void 0 : n.name;
-    if (!this.isCollapsed() && o) {
+    const e = this.getField("VAR"), o = e.getVariable(), n = o == null ? void 0 : o.name;
+    if (!this.isCollapsed() && n) {
       const r = {
         type: "variables_get",
         fields: {
@@ -217,33 +217,33 @@ const Ee = {
       };
       t.push({
         enabled: !0,
-        text: f.VARIABLES_SET_CREATE_GET.replace("%1", o),
-        callback: me.callbackFactory(this, r)
+        text: g.VARIABLES_SET_CREATE_GET.replace("%1", n),
+        callback: Ce.callbackFactory(this, r)
       });
     }
   }
 };
-p.registerMixin(
+y.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
-  Ee
+  Me
 );
-p.register(
+y.register(
   "flow_control_tooltip_v1",
-  p.buildTooltipForDropdown("MODE", {
+  y.buildTooltipForDropdown("MODE", {
     BREAK: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_BREAK}",
     CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
   })
 );
-const Be = /* @__PURE__ */ new Set([
+const Fe = /* @__PURE__ */ new Set([
   "repeat_v1",
   "for_each_v1",
   "for_v1",
   "while_until_v1"
-]), xe = {
+]), Ne = {
   getSurroundLoop: function() {
     let t = this;
     do {
-      if (Be.has(t.type))
+      if (Fe.has(t.type))
         return !0;
       t = t == null ? void 0 : t.getSurroundParent();
     } while (t);
@@ -251,24 +251,24 @@ const Be = /* @__PURE__ */ new Set([
   },
   onchange: function(t) {
     const e = this.workspace;
-    if (!e.isDragging || e.isDragging() || t.type !== y.BLOCK_MOVE && t.type !== y.BLOCK_CREATE)
+    if (!e.isDragging || e.isDragging() || t.type !== h.BLOCK_MOVE && t.type !== h.BLOCK_CREATE)
       return;
-    const n = this.getSurroundLoop();
-    if (console.log(t.type, n), this.setWarningText(
-      n ? null : f.LOOP_FLOW_CONTROL_WARNING
+    const o = this.getSurroundLoop();
+    if (console.log(t.type, o), this.setWarningText(
+      o ? null : g.LOOP_FLOW_CONTROL_WARNING
     ), !this.isInFlyout)
       try {
-        y.setRecordUndo(!1), this.setDisabledReason(!n, "FLOW_CONTROL_NOT_IN_LOOP");
+        h.setRecordUndo(!1), this.setDisabledReason(!o, "FLOW_CONTROL_NOT_IN_LOOP");
       } finally {
-        y.setRecordUndo(!0);
+        h.setRecordUndo(!0);
       }
   }
 };
-p.registerMixin(
+y.registerMixin(
   "flow_control_in_loop_check_v1",
-  xe
+  Ne
 );
-C([
+I([
   {
     type: "flow_control_v1",
     message0: "%1",
@@ -289,14 +289,14 @@ C([
     extensions: ["flow_control_tooltip_v1", "flow_control_in_loop_check_v1"]
   }
 ]);
-p.register(
+y.register(
   "for_tooltip_v1",
-  p.buildTooltipWithFieldText(
+  y.buildTooltipWithFieldText(
     "%{BKY_LOOP_V1_FOR_TOOLTIP}",
     "VAR"
   )
 );
-C([
+I([
   {
     type: "for_v1",
     message0: "%{BKY_LOOP_V1_FOR_TITLE}",
@@ -340,14 +340,14 @@ C([
     extensions: ["contextMenu_newGetVariableBlock_v1", "for_tooltip_v1"]
   }
 ]);
-p.register(
+y.register(
   "for_each_tooltip_v1",
-  p.buildTooltipWithFieldText(
+  y.buildTooltipWithFieldText(
     "%{BKY_LOOP_V1_FOR_EACH_TOOLTIP}",
     "VAR"
   )
 );
-C([
+I([
   {
     type: "for_each_v1",
     message0: "%{BKY_LOOP_V1_FOR_EACH_TITLE}",
@@ -377,14 +377,14 @@ C([
     extensions: ["contextMenu_newGetVariableBlock_v1", "for_each_tooltip_v1"]
   }
 ]);
-p.register(
+y.register(
   "while_until_tooltip_v1",
-  p.buildTooltipForDropdown("MODE", {
+  y.buildTooltipForDropdown("MODE", {
     WHILE: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_WHILE}",
     UNTIL: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_UNTIL}"
   })
 );
-C([
+I([
   {
     type: "while_until_v1",
     message0: "%1 %2",
@@ -417,172 +417,193 @@ C([
     extensions: ["while_until_tooltip_v1"]
   }
 ]);
-j.setConfirm(async (t, e) => {
-  const n = await _e({
+q.setConfirm(async (t, e) => {
+  const o = await Ie({
     title: "",
     text: t
   });
-  e(!!n);
+  e(!!o);
 });
-j.setPrompt(async (t, e, n) => {
-  const o = await pe({
+q.setPrompt(async (t, e, o) => {
+  const n = await Ee({
     title: "",
     value: e
   });
-  n(o);
+  o(n);
 });
-const Ae = (t, e, n) => {
-  const o = t[e];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((r, s) => {
+const De = (t, e, o) => {
+  const n = t[e];
+  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((r, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
       s.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + e + (e.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + e + (e.split("/").length !== o ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
   });
 };
-async function z(t) {
-  const e = await Ae(/* @__PURE__ */ Object.assign({ "./msg/en/index.ts": () => import("./en-jrrs2wmb.js"), "./msg/zhHans/index.ts": () => import("./zhHans-jrrs2wmb.js") }), `./msg/${t}/index.ts`, 4);
-  he(e.default);
+async function J(t) {
+  const e = await De(/* @__PURE__ */ Object.assign({ "./msg/en/index.ts": () => import("./en-jrrs2wmb.js"), "./msg/zhHans/index.ts": () => import("./zhHans-jrrs2wmb.js") }), `./msg/${t}/index.ts`, 4);
+  Oe(e.default);
+}
+function ee(t) {
+  const e = T();
+  if (!e)
+    return;
+  const o = e.getBlockById(t);
+  if (!o)
+    return;
+  const n = o.getRootBlock();
+  if (!n)
+    return;
+  const r = n.getRelativeToSurfaceXY(), s = r.x * e.scale, l = r.y * e.scale;
+  e.scroll(-s, -l);
 }
-class Pe {
-  init({ contextMenu: e = !0, shortcut: n = !0 } = {
+function Ue() {
+  var o;
+  const t = T();
+  if (!t)
+    return;
+  const e = (o = t.getTopBlocks(!0)) == null ? void 0 : o[0];
+  e && ee(e.id);
+}
+class Ye {
+  init({ contextMenu: e = !0, shortcut: o = !0 } = {
     contextMenu: !0,
     shortcut: !0
   }) {
-    e && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), n && (u.registry.unregister(
-      w.names.COPY
-    ), u.registry.unregister(
-      w.names.CUT
-    ), u.registry.unregister(
-      w.names.PASTE
+    e && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), o && (p.registry.unregister(
+      U.names.COPY
+    ), p.registry.unregister(
+      U.names.CUT
+    ), p.registry.unregister(
+      U.names.PASTE
     ), this.blockCopyToStorageShortcut(), this.blockCutToStorageShortcut(), this.blockPasteFromStorageShortcut());
   }
   blockCopyToStorageContextMenu() {
     const e = {
       displayText: function() {
-        return f.CROSS_TAB_COPY ? f.CROSS_TAB_COPY : "Copy";
+        return g.CROSS_TAB_COPY ? g.CROSS_TAB_COPY : "Copy";
       },
       preconditionFn: function() {
-        const n = k();
-        return !n || !T(n) || !n.isDeletable() || !K(n) || !n.isMovable() || !v(n) ? "disabled" : "enabled";
+        const o = v();
+        return !o || !P(o) || !o.isDeletable() || !Y(o) || !o.isMovable() || !x(o) ? "disabled" : "enabled";
       },
-      callback: function(n) {
-        var o;
+      callback: function(o) {
+        var n;
         localStorage.setItem(
           "blocklyStash",
-          JSON.stringify((o = n.block) == null ? void 0 : o.toCopyData())
+          JSON.stringify((n = o.block) == null ? void 0 : n.toCopyData())
         );
       },
-      scopeType: m.ScopeType.BLOCK,
+      scopeType: C.ScopeType.BLOCK,
       id: "blockCopyToStorage",
       weight: 0
     };
-    m.registry.register(e);
+    C.registry.register(e);
   }
   blockPasteFromStorageContextMenu() {
     const e = {
       displayText: function() {
-        return f.CROSS_TAB_PASTE ? f.CROSS_TAB_PASTE : "Paste";
+        return g.CROSS_TAB_PASTE ? g.CROSS_TAB_PASTE : "Paste";
       },
-      preconditionFn: function(n) {
+      preconditionFn: function(o) {
         var s;
-        const o = localStorage.getItem("blocklyStash");
-        if (!o)
+        const n = localStorage.getItem("blocklyStash");
+        if (!n)
           return "disabled";
-        const r = JSON.parse(o);
-        return !r || !((s = n.workspace) != null && s.isCapacityAvailable(r.typeCounts)) ? "disabled" : "enabled";
+        const r = JSON.parse(n);
+        return !r || !((s = o.workspace) != null && s.isCapacityAvailable(r.typeCounts)) ? "disabled" : "enabled";
       },
-      callback: function(n) {
-        const o = localStorage.getItem("blocklyStash");
-        if (!o)
+      callback: function(o) {
+        const n = localStorage.getItem("blocklyStash");
+        if (!n)
           return;
-        const r = JSON.parse(o);
-        r && n.workspace && W.paste(r, n.workspace);
+        const r = JSON.parse(n);
+        r && o.workspace && j.paste(r, o.workspace);
       },
-      scopeType: m.ScopeType.WORKSPACE,
+      scopeType: C.ScopeType.WORKSPACE,
       id: "blockPasteFromStorage",
       weight: 0
     };
-    m.registry.register(e);
+    C.registry.register(e);
   }
   blockCopyToStorageShortcut() {
-    const e = u.registry.createSerializedKey(
-      i.KeyCodes.C,
-      [i.KeyCodes.CTRL]
-    ), n = u.registry.createSerializedKey(
-      i.KeyCodes.C,
-      [i.KeyCodes.ALT]
-    ), o = u.registry.createSerializedKey(
-      i.KeyCodes.C,
-      [i.KeyCodes.META]
+    const e = p.registry.createSerializedKey(
+      c.KeyCodes.C,
+      [c.KeyCodes.CTRL]
+    ), o = p.registry.createSerializedKey(
+      c.KeyCodes.C,
+      [c.KeyCodes.ALT]
+    ), n = p.registry.createSerializedKey(
+      c.KeyCodes.C,
+      [c.KeyCodes.META]
     ), r = {
       name: "copy",
       preconditionFn: function(s) {
-        if (s.options.readOnly || M.inProgress())
+        if (s.options.readOnly || H.inProgress())
           return !1;
-        const l = k();
-        return !(!l || !T(l) || !l.isDeletable() || !K(l) || !l.isMovable() || !v(l));
+        const l = v();
+        return !(!l || !P(l) || !l.isDeletable() || !Y(l) || !l.isMovable() || !x(l));
       },
       callback: function(s, l) {
         l.preventDefault();
-        const a = k();
-        if (!a || !v(a))
+        const a = v();
+        if (!a || !x(a))
           return !1;
-        const _ = a.toCopyData();
-        return _ ? (s.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(_)), !0) : !1;
+        const u = a.toCopyData();
+        return u ? (s.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(u)), !0) : !1;
       },
-      keyCodes: [e, n, o]
+      keyCodes: [e, o, n]
     };
-    u.registry.register(r);
+    p.registry.register(r);
   }
   blockCutToStorageShortcut() {
-    const e = u.registry.createSerializedKey(
-      i.KeyCodes.X,
-      [i.KeyCodes.CTRL]
-    ), n = u.registry.createSerializedKey(
-      i.KeyCodes.X,
-      [i.KeyCodes.ALT]
-    ), o = u.registry.createSerializedKey(
-      i.KeyCodes.X,
-      [i.KeyCodes.META]
+    const e = p.registry.createSerializedKey(
+      c.KeyCodes.X,
+      [c.KeyCodes.CTRL]
+    ), o = p.registry.createSerializedKey(
+      c.KeyCodes.X,
+      [c.KeyCodes.ALT]
+    ), n = p.registry.createSerializedKey(
+      c.KeyCodes.X,
+      [c.KeyCodes.META]
     ), r = {
       name: "cut",
       preconditionFn: function(s) {
-        if (s.options.readOnly || M.inProgress())
+        if (s.options.readOnly || H.inProgress())
           return !1;
-        const l = k();
-        return !(!l || !T(l) || !l.isDeletable() || !K(l) || !l.isMovable() || !v(l) || l.workspace.isFlyout);
+        const l = v();
+        return !(!l || !P(l) || !l.isDeletable() || !Y(l) || !l.isMovable() || !x(l) || l.workspace.isFlyout);
       },
       callback: function(s, l) {
         l.preventDefault();
-        const a = k();
-        if (!a || !T(a) || !a.isDeletable() || !v(a))
+        const a = v();
+        if (!a || !P(a) || !a.isDeletable() || !x(a))
           return !1;
-        const _ = a.toCopyData();
-        return _ ? (localStorage.setItem("blocklyStash", JSON.stringify(_)), a instanceof be ? a.checkAndDelete() : a.dispose(), !0) : !1;
+        const u = a.toCopyData();
+        return u ? (localStorage.setItem("blocklyStash", JSON.stringify(u)), a instanceof ve ? a.checkAndDelete() : a.dispose(), !0) : !1;
       },
-      keyCodes: [e, n, o]
+      keyCodes: [e, o, n]
     };
-    u.registry.register(r);
+    p.registry.register(r);
   }
   blockPasteFromStorageShortcut() {
-    const e = u.registry.createSerializedKey(
-      i.KeyCodes.V,
-      [i.KeyCodes.CTRL]
-    ), n = u.registry.createSerializedKey(
-      i.KeyCodes.V,
-      [i.KeyCodes.ALT]
-    ), o = u.registry.createSerializedKey(
-      i.KeyCodes.V,
-      [i.KeyCodes.META]
+    const e = p.registry.createSerializedKey(
+      c.KeyCodes.V,
+      [c.KeyCodes.CTRL]
+    ), o = p.registry.createSerializedKey(
+      c.KeyCodes.V,
+      [c.KeyCodes.ALT]
+    ), n = p.registry.createSerializedKey(
+      c.KeyCodes.V,
+      [c.KeyCodes.META]
     ), r = {
       name: "paste",
       preconditionFn: function(s) {
-        if (s.options.readOnly || M.inProgress())
+        if (s.options.readOnly || H.inProgress())
           return !1;
         const l = localStorage.getItem("blocklyStash");
         if (!l)
@@ -595,54 +616,54 @@ class Pe {
         const a = localStorage.getItem("blocklyStash");
         if (!a)
           return !1;
-        const _ = JSON.parse(a);
-        return _ ? (W.paste(_, s), !0) : !1;
+        const u = JSON.parse(a);
+        return u ? (j.paste(u, s), !0) : !1;
       },
-      keyCodes: [e, n, o]
+      keyCodes: [e, o, n]
     };
-    u.registry.register(r);
+    p.registry.register(r);
   }
 }
-class Re {
+class He {
   init() {
-    const e = m.registry.getItem("cleanWorkspace");
-    e && (e.callback = function(n) {
-      const o = n.workspace;
-      if (!o)
+    const e = C.registry.getItem("cleanWorkspace");
+    e && (e.callback = function(o) {
+      const n = o.workspace;
+      if (!n)
         return;
-      o.setResizesEnabled(!1), y.setGroup(!0);
-      const r = o.getTopBlocks(!0);
+      n.setResizesEnabled(!1), h.setGroup(!0);
+      const r = n.getTopBlocks(!0);
       let s = 0;
       for (let l = 0, a; a = r[l]; l++) {
         if (!a.isMovable())
           continue;
-        const _ = a.getRelativeToSurfaceXY();
-        a.moveBy(-_.x, s - _.y, ["cleanup"]), a.snapToGrid(), s = a.getRelativeToSurfaceXY().y + a.getHeightWidth().height + 100;
+        const u = a.getRelativeToSurfaceXY();
+        a.moveBy(-u.x, s - u.y, ["cleanup"]), a.snapToGrid(), s = a.getRelativeToSurfaceXY().y + a.getHeightWidth().height + 100;
       }
-      y.setGroup(!1), o.setResizesEnabled(!0);
+      h.setGroup(!1), n.setResizesEnabled(!0);
     });
   }
 }
-function Z(t) {
+function te(t) {
   const e = t.getParent();
-  return e && Z(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
+  return e && te(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
 }
-class we {
+class Ge {
   init() {
-    const e = m.registry.getItem("blockDisable");
-    e && (e.preconditionFn = function(n) {
-      const o = n.block;
-      return o && !o.isInFlyout && o.workspace.options.disable && o.isEditable() ? o.getInheritedDisabled() || Z(o) ? "disabled" : "enabled" : "hidden";
+    const e = C.registry.getItem("blockDisable");
+    e && (e.preconditionFn = function(o) {
+      const n = o.block;
+      return n && !n.isInFlyout && n.workspace.options.disable && n.isEditable() ? n.getInheritedDisabled() || te(n) ? "disabled" : "enabled" : "hidden";
     });
   }
 }
-const Ke = new Pe();
-Ke.init({ contextMenu: !0, shortcut: !0 });
-const Me = new Re();
-Me.init();
-const Ve = new we();
-Ve.init();
-x.Classic.blockStyles = {
+const We = new Ye();
+We.init({ contextMenu: !0, shortcut: !0 });
+const ze = new He();
+ze.init();
+const Xe = new Ge();
+Xe.init();
+F.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
     colourSecondary: "#ede3de",
@@ -716,7 +737,7 @@ x.Classic.blockStyles = {
     hat: ""
   }
 };
-x.Classic.categoryStyles = {
+F.Classic.categoryStyles = {
   calc_category: {
     colour: "#757575"
   },
@@ -766,9 +787,9 @@ x.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const Fe = J.defineTheme("light", {
+const je = Q.defineTheme("light", {
   name: "light",
-  base: x.Classic,
+  base: F.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#ffffff",
     toolboxBackgroundColour: "#eeeeee",
@@ -782,9 +803,9 @@ const Fe = J.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), Ne = J.defineTheme("dark", {
+}), Je = Q.defineTheme("dark", {
   name: "dark",
-  base: x.Classic,
+  base: F.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#1e1e1e",
     toolboxBackgroundColour: "#272727",
@@ -799,18 +820,18 @@ const Fe = J.defineTheme("light", {
     cursorColour: ""
   }
 });
-function De(t) {
-  const e = $();
+function $e(t) {
+  const e = T();
   switch (console.log(e), t) {
     case "light":
-      e.setTheme(Fe);
+      e.setTheme(je);
       break;
     case "dark":
-      e.setTheme(Ne);
+      e.setTheme(Je);
       break;
   }
 }
-const Ue = {
+const Ze = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOGIC}",
   categorystyle: "logic_category",
@@ -828,7 +849,7 @@ const Ue = {
       type: "if_v1"
     }
   ]
-}, He = {
+}, qe = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOOP}",
   categorystyle: "loop_category",
@@ -850,31 +871,31 @@ const Ue = {
       type: "for_each_v1"
     }
   ]
-}, Ye = {
+}, Qe = {
   kind: "categoryToolbox",
-  contents: [Ue, He]
-}, Ge = /* @__PURE__ */ B({
+  contents: [Ze, qe]
+}, et = /* @__PURE__ */ M({
   __name: "cleanup",
   setup(t) {
     const e = () => {
-      const n = $();
-      if (!n)
+      const o = T();
+      if (!o)
         return;
-      const o = m.registry.getItem("cleanWorkspace");
-      o && o.callback({ workspace: n }, new PointerEvent("dummy"));
+      const n = C.registry.getItem("cleanWorkspace");
+      n && n.callback({ workspace: o }, new PointerEvent("dummy"));
     };
-    return (n, o) => {
-      const r = b("v-btn");
-      return O(), F(r, {
+    return (o, n) => {
+      const r = m("v-btn");
+      return d(), L(r, {
         onClick: e,
         class: "mr-3",
         variant: "outlined",
         density: "comfortable",
-        icon: S(ke)
+        icon: R(Ae)
       }, null, 8, ["icon"]);
     };
   }
-}), We = /* @__PURE__ */ B({
+}), tt = /* @__PURE__ */ M({
   __name: "lock",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -882,63 +903,122 @@ const Ue = {
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const e = X(t, "modelValue");
-    return (n, o) => {
-      const r = b("v-btn");
-      return O(), F(r, {
-        onClick: o[0] || (o[0] = (s) => e.value = !e.value),
+    const e = $(t, "modelValue");
+    return (o, n) => {
+      const r = m("v-btn");
+      return d(), L(r, {
+        onClick: n[0] || (n[0] = (s) => e.value = !e.value),
         class: "mr-3",
         variant: "outlined",
         density: "comfortable",
-        icon: e.value ? S(Se) : S(Le)
+        icon: e.value ? R(Pe) : R(we)
       }, null, 8, ["icon"]);
     };
   }
-}), ze = /* @__PURE__ */ B({
+}), ot = {
+  key: 1,
+  class: "text-caption text-grey"
+}, nt = /* @__PURE__ */ M({
   __name: "navigator",
   setup(t) {
-    const e = I(() => ({
+    const e = w(() => ({
       maxHeight: "calc(100vh - 200px)"
-    }));
-    return (n, o) => {
-      const r = b("v-btn"), s = b("v-list"), l = b("v-menu");
-      return O(), F(l, {
+    })), o = K([]), n = () => {
+      var b;
+      const s = T();
+      if (!s) {
+        o.value = [];
+        return;
+      }
+      const l = [], a = s.getTopBlocks(!0), u = ((b = v()) == null ? void 0 : b.id) ?? "";
+      a.forEach((O) => {
+        const _ = O;
+        if (_.type.startsWith("on_node_event_v"))
+          console.log("1");
+        else if (_.type.startsWith("procedure_def_v"))
+          console.log("2");
+        else {
+          const f = _.getRelativeToSurfaceXY();
+          l.push({
+            id: _.id,
+            name: g.fffff,
+            x: f.x,
+            y: f.y,
+            active: _.id === u
+          });
+        }
+      }), o.value = l;
+    }, r = (s) => {
+      const l = T();
+      if (!l)
+        return;
+      const a = l.getBlockById(s.id);
+      a && (ee(s.id), a.select());
+    };
+    return Z(() => {
+      W.on("codeUpdate", n);
+    }), ue(() => {
+      W.off("codeUpdate", n);
+    }), (s, l) => {
+      const a = m("v-btn"), u = m("v-list-item-title"), b = m("v-list-item"), O = m("v-list"), _ = m("v-menu");
+      return d(), L(_, {
         "close-on-content-click": !1,
         transition: "slide-y-transition",
         "offset-y": ""
       }, {
-        activator: U(({ props: a }) => [
-          h(r, se(a, {
+        activator: E(({ props: f }) => [
+          S(a, _e(f, {
             variant: "outlined",
             density: "comfortable",
-            icon: S(Te)
+            icon: R(Ke)
           }), null, 16, ["icon"])
         ]),
-        default: U(() => [
-          V("div", {
+        default: E(() => [
+          G("div", {
             class: "overflow-auto",
-            style: E(e.value)
+            style: V(e.value)
           }, [
-            h(s)
+            o.value.length > 0 ? (d(), L(O, { key: 0 }, {
+              default: E(() => [
+                (d(!0), A(pe, null, fe(o.value, (f) => (d(), L(b, {
+                  key: f.id,
+                  onClick: r,
+                  class: "d-flex justify-start",
+                  active: f.active
+                }, {
+                  default: E(() => [
+                    S(u, null, {
+                      default: E(() => [
+                        de(ye(f.name), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1032, ["active"]))), 128))
+              ]),
+              _: 1
+            })) : (d(), A("span", ot, "xxxxxxxxxx"))
           ], 4)
         ]),
         _: 1
       });
     };
   }
-}), Xe = { class: "position-relative w-100 h-100" }, je = /* @__PURE__ */ B({
+}), rt = { class: "position-relative w-100 h-100" }, st = /* @__PURE__ */ M({
   __name: "index",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ X({
     type: {},
     version: {},
-    active: { type: Boolean }
+    active: { type: Boolean },
+    scale: {}
   }, {
     lock: { type: Boolean, required: !0 },
     lockModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["ready", "change"], ["update:lock"]),
+  emits: /* @__PURE__ */ X(["ready", "change"], ["update:lock"]),
   setup(t, { emit: e }) {
-    const n = fe(), { locale: o, dark: r } = ue(n), { open: s } = de("blocklyEditorFlyout"), l = t, a = X(t, "lock"), _ = e, A = Y(), N = {
+    const o = Be(), { locale: n, dark: r } = Te(o), { open: s } = xe("blocklyEditorFlyout"), l = t, a = $(t, "lock"), u = e, b = K(), O = {
       grid: {
         length: 2,
         snap: !0,
@@ -961,8 +1041,8 @@ const Ue = {
         wheel: !0
       }
     };
-    let g;
-    const P = Y(!1), q = I(() => ({
+    let _;
+    const f = K(!0), N = K(!1), oe = w(() => ({
       position: "absolute",
       background: r.value ? "#0000007f" : "#ffffff7f",
       top: "1px",
@@ -971,7 +1051,7 @@ const Ue = {
       height: "100%",
       pointerEvents: "none",
       zIndex: 999
-    })), Q = I(() => ({
+    })), ne = w(() => ({
       position: "absolute",
       background: r.value ? "#0000007f" : "#ffffff7f",
       top: "0px",
@@ -979,81 +1059,94 @@ const Ue = {
       width: "100%",
       height: "100%",
       pointerEvents: "none"
-    })), ee = I(() => ({
+    })), re = w(() => ({
       position: "absolute",
       top: "0px",
       right: "0px",
       zIndex: 20
     }));
-    le(async () => {
-      if (!A.value)
+    Z(async () => {
+      if (!b.value)
         return;
-      await z(o.value);
-      let c;
-      l.type === "app" && l.version === "v1" && (c = Ye), N.toolbox = c, g = Oe(A.value, N), g.addChangeListener(y.disableOrphans), g.addChangeListener(te), _("ready", g);
-    }), ae(() => {
+      await J(n.value);
+      let i;
+      l.type === "app" && l.version === "v1" && (i = Qe), O.toolbox = i, _ = Se(b.value, O), _.addChangeListener(h.disableOrphans), _.addChangeListener(se), u("ready", _);
+    }), ge(() => {
       s.value = !1;
     });
-    function D() {
-      g && Ce(g);
+    function z() {
+      _ && Le(_);
     }
-    function te(c) {
-      c.type === y.BLOCK_DRAG && (c.isStart ? P.value = !0 : P.value = !1), _("change", c);
+    function se(i) {
+      if (i.type === h.FINISHED_LOADING) {
+        Ue(), W.emit("codeUpdate"), f.value = !1;
+        return;
+      }
+      f.value || (i.type === h.BLOCK_DRAG && (i.isStart ? N.value = !0 : N.value = !1), u("change", i));
     }
-    return L(o, (c) => {
-      z(c);
-    }), L(r, (c) => {
-      De(c ? "dark" : "light");
-    }), L(s, (c) => {
-      var d;
-      c || (d = g.getToolbox()) == null || d.clearSelection();
-    }), L(
+    return B(n, (i) => {
+      J(i);
+    }), B(r, (i) => {
+      $e(i ? "dark" : "light");
+    }), B(s, (i) => {
+      var k;
+      i || (k = _.getToolbox()) == null || k.clearSelection();
+    }), B(
       () => l.active,
-      (c) => {
-        c && setTimeout(() => D(), 0);
+      (i) => {
+        i && setTimeout(() => z(), 1);
+      }
+    ), B(
+      () => l.scale,
+      (i) => {
+        _.setScale(i);
       }
-    ), (c, d) => {
-      const oe = b("v-icon"), ne = ie("resize");
-      return O(), R("div", Xe, [
-        ce(V("div", {
+    ), (i, k) => {
+      const le = m("v-icon"), ae = m("x-loading"), ie = me("resize");
+      return d(), A("div", rt, [
+        he(G("div", {
           class: "w-100 h-100",
           ref_key: "blocklyDiv",
-          ref: A,
+          ref: b,
           id: "blocklyEditor"
         }, null, 512), [
-          [ne, D]
+          [ie, z]
         ]),
-        P.value ? (O(), R("div", {
+        N.value ? (d(), A("div", {
           key: 0,
           class: "d-flex flex-column align-center justify-center",
-          style: E(q.value)
+          style: V(oe.value)
         }, [
-          h(oe, {
-            icon: S(ve),
+          S(le, {
+            icon: R(Re),
             size: "x-large"
           }, null, 8, ["icon"])
-        ], 4)) : G("", !0),
-        a.value ? (O(), R("div", {
+        ], 4)) : D("", !0),
+        a.value ? (d(), A("div", {
           key: 1,
-          style: E(Q.value)
-        }, null, 4)) : G("", !0),
-        V("div", {
+          style: V(ne.value)
+        }, null, 4)) : D("", !0),
+        G("div", {
           class: "d-flex align-end pt-3 pr-3",
-          style: E(ee.value)
+          style: V(re.value)
         }, [
-          h(Ge),
-          h(We, {
+          S(et),
+          S(tt, {
             modelValue: a.value,
-            "onUpdate:modelValue": d[0] || (d[0] = (re) => a.value = re)
+            "onUpdate:modelValue": k[0] || (k[0] = (ce) => a.value = ce)
           }, null, 8, ["modelValue"]),
-          h(ze)
-        ], 4)
+          S(nt)
+        ], 4),
+        f.value ? (d(), L(ae, {
+          key: 2,
+          zIndex: 99
+        })) : D("", !0)
       ]);
     };
   }
-}), Je = (t) => {
-  t.component("x-blockly", je);
-}, et = { install: Je };
+}), lt = (t) => {
+  t.component("x-blockly", st);
+}, _t = { install: lt };
 export {
-  et as default
+  _t as default
 };

package/package.json

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