x-block-lib 0.3.19 → 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/cleanup.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -2,13 +2,20 @@ interface Props {
     type: 'app';
     version: 'v1';
     active: boolean;
+    scale: number;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare let __VLS_typeProps: Props;
+type __VLS_PublicProps = {
+    'lock': boolean;
+} & typeof __VLS_typeProps;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:lock": (lock: boolean) => void;
     ready: (...args: any[]) => void;
     change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
-    onReady?: ((...args: any[]) => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onReady?: ((...args: any[]) => any) | undefined;
+    "onUpdate:lock"?: ((lock: boolean) => any) | undefined;
 }, {}, {}>;
 export default _default;
 

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

@@ -0,0 +1,18 @@
+type __VLS_PublicProps = {
+    modelValue: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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,9 +1,10 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.id="x-block-lib",e.appendChild(document.createTextNode(".blocklyToolboxDiv{overflow-x:hidden;width:56px}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
-import { defineComponent as A, ref as N, onMounted as D, onBeforeUnmount as M, watch as C, resolveDirective as V, openBlock as U, createElementBlock as Y, withDirectives as G, createElementVNode as W } from "vue";
-import { storeToRefs as H } from "pinia";
-import { openConfirmDlg as z, openPromptDlg as X, useGlobalStore as J, useViewStack as j } from "x-essential-lib";
-import { d as h, j as $, O as q, E as p, u as i, M as f, C as Q, a as d, b as R, s as Z, S as u, c as L, g as O, i as m, e as I, f as b, h as g, k as B, G as v, B as ee, T as k, l as x, m as te, n as oe, o as ne } from "./blockly-kru4jhu1.js";
-h([
+(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 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",
@@ -23,16 +24,16 @@ h([
     helpUrl: "%{BKY_LOGIC_V1_BOOLEAN_HELPURL}"
   }
 ]);
-$.forBlock.boolean_v1 = function(t) {
-  return [t.getFieldValue("BOOL") === "TRUE" ? "true" : "false", q.ATOMIC];
+be.forBlock.boolean_v1 = function(t) {
+  return [t.getFieldValue("BOOL") === "TRUE" ? "true" : "false", ke.ATOMIC];
 };
-const re = {
+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) {
@@ -50,23 +51,23 @@ const re = {
   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()) {
@@ -75,9 +76,9 @@ const re = {
       }
       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;
@@ -90,13 +91,13 @@ const re = {
       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();
@@ -104,13 +105,13 @@ const re = {
       }
       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:
@@ -121,16 +122,16 @@ const re = {
   },
   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() {
@@ -138,23 +139,23 @@ const re = {
     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",
-  re,
+  Ve,
   void 0,
   ["if_else_if_v1", "if_else_v1"]
 );
-h([
+I([
   {
     type: "if_v1",
     message0: "%{BKY_LOGIC_IF} %1",
@@ -202,12 +203,12 @@ h([
     style: "logic_blocks"
   }
 ]);
-const se = {
+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: {
@@ -216,33 +217,33 @@ const se = {
       };
       t.push({
         enabled: !0,
-        text: f.VARIABLES_SET_CREATE_GET.replace("%1", o),
-        callback: Q.callbackFactory(this, r)
+        text: g.VARIABLES_SET_CREATE_GET.replace("%1", n),
+        callback: Ce.callbackFactory(this, r)
       });
     }
   }
 };
-p.registerMixin(
+y.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
-  se
+  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 ae = /* @__PURE__ */ new Set([
+const Fe = /* @__PURE__ */ new Set([
   "repeat_v1",
   "for_each_v1",
   "for_v1",
   "while_until_v1"
-]), le = {
+]), Ne = {
   getSurroundLoop: function() {
     let t = this;
     do {
-      if (ae.has(t.type))
+      if (Fe.has(t.type))
         return !0;
       t = t == null ? void 0 : t.getSurroundParent();
     } while (t);
@@ -250,24 +251,24 @@ const ae = /* @__PURE__ */ new Set([
   },
   onchange: function(t) {
     const e = this.workspace;
-    if (!e.isDragging || e.isDragging() || t.type !== d.BLOCK_MOVE && t.type !== d.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 {
-        d.setRecordUndo(!1), this.setDisabledReason(!n, "FLOW_CONTROL_NOT_IN_LOOP");
+        h.setRecordUndo(!1), this.setDisabledReason(!o, "FLOW_CONTROL_NOT_IN_LOOP");
       } finally {
-        d.setRecordUndo(!0);
+        h.setRecordUndo(!0);
       }
   }
 };
-p.registerMixin(
+y.registerMixin(
   "flow_control_in_loop_check_v1",
-  le
+  Ne
 );
-h([
+I([
   {
     type: "flow_control_v1",
     message0: "%1",
@@ -288,14 +289,14 @@ h([
     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"
   )
 );
-h([
+I([
   {
     type: "for_v1",
     message0: "%{BKY_LOOP_V1_FOR_TITLE}",
@@ -339,14 +340,14 @@ h([
     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"
   )
 );
-h([
+I([
   {
     type: "for_each_v1",
     message0: "%{BKY_LOOP_V1_FOR_EACH_TITLE}",
@@ -376,14 +377,14 @@ h([
     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}"
   })
 );
-h([
+I([
   {
     type: "while_until_v1",
     message0: "%1 %2",
@@ -416,232 +417,253 @@ h([
     extensions: ["while_until_tooltip_v1"]
   }
 ]);
-R.setConfirm(async (t, e) => {
-  const n = await z({
+q.setConfirm(async (t, e) => {
+  const o = await Ie({
     title: "",
     text: t
   });
-  e(!!n);
+  e(!!o);
 });
-R.setPrompt(async (t, e, n) => {
-  const o = await X({
+q.setPrompt(async (t, e, o) => {
+  const n = await Ee({
     title: "",
     value: e
   });
-  n(o);
+  o(n);
 });
-const ie = (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 P(t) {
-  const e = await ie(/* @__PURE__ */ Object.assign({ "./msg/en/index.ts": () => import("./en-jrrs2wmb.js"), "./msg/zhHans/index.ts": () => import("./zhHans-jrrs2wmb.js") }), `./msg/${t}/index.ts`, 4);
-  Z(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 ce {
-  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(
-      L.names.COPY
-    ), u.registry.unregister(
-      L.names.CUT
-    ), u.registry.unregister(
-      L.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 = O();
-        return !n || !m(n) || !n.isDeletable() || !I(n) || !n.isMovable() || !b(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: g.ScopeType.BLOCK,
+      scopeType: C.ScopeType.BLOCK,
       id: "blockCopyToStorage",
       weight: 0
     };
-    g.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 && B.paste(r, n.workspace);
+        const r = JSON.parse(n);
+        r && o.workspace && j.paste(r, o.workspace);
       },
-      scopeType: g.ScopeType.WORKSPACE,
+      scopeType: C.ScopeType.WORKSPACE,
       id: "blockPasteFromStorage",
       weight: 0
     };
-    g.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 || v.inProgress())
+        if (s.options.readOnly || H.inProgress())
           return !1;
-        const a = O();
-        return !(!a || !m(a) || !a.isDeletable() || !I(a) || !a.isMovable() || !b(a));
+        const l = v();
+        return !(!l || !P(l) || !l.isDeletable() || !Y(l) || !l.isMovable() || !x(l));
       },
-      callback: function(s, a) {
-        a.preventDefault();
-        const l = O();
-        if (!l || !b(l))
+      callback: function(s, l) {
+        l.preventDefault();
+        const a = v();
+        if (!a || !x(a))
           return !1;
-        const c = l.toCopyData();
-        return c ? (s.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(c)), !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 || v.inProgress())
+        if (s.options.readOnly || H.inProgress())
           return !1;
-        const a = O();
-        return !(!a || !m(a) || !a.isDeletable() || !I(a) || !a.isMovable() || !b(a) || a.workspace.isFlyout);
+        const l = v();
+        return !(!l || !P(l) || !l.isDeletable() || !Y(l) || !l.isMovable() || !x(l) || l.workspace.isFlyout);
       },
-      callback: function(s, a) {
-        a.preventDefault();
-        const l = O();
-        if (!l || !m(l) || !l.isDeletable() || !b(l))
+      callback: function(s, l) {
+        l.preventDefault();
+        const a = v();
+        if (!a || !P(a) || !a.isDeletable() || !x(a))
           return !1;
-        const c = l.toCopyData();
-        return c ? (localStorage.setItem("blocklyStash", JSON.stringify(c)), l instanceof ee ? l.checkAndDelete() : l.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 || v.inProgress())
+        if (s.options.readOnly || H.inProgress())
           return !1;
-        const a = localStorage.getItem("blocklyStash");
-        if (!a)
-          return !1;
-        const l = JSON.parse(a);
-        return !(!l || !s.isCapacityAvailable(l.typeCounts));
-      },
-      callback: function(s, a) {
-        a.preventDefault();
         const l = localStorage.getItem("blocklyStash");
         if (!l)
           return !1;
-        const c = JSON.parse(l);
-        return c ? (B.paste(c, s), !0) : !1;
+        const a = JSON.parse(l);
+        return !(!a || !s.isCapacityAvailable(a.typeCounts));
+      },
+      callback: function(s, l) {
+        l.preventDefault();
+        const a = localStorage.getItem("blocklyStash");
+        if (!a)
+          return !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 ue {
+class He {
   init() {
-    const e = g.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), d.setGroup(!0);
-      const r = o.getTopBlocks(!0);
+      n.setResizesEnabled(!1), h.setGroup(!0);
+      const r = n.getTopBlocks(!0);
       let s = 0;
-      for (let a = 0, l; l = r[a]; a++) {
-        if (!l.isMovable())
+      for (let l = 0, a; a = r[l]; l++) {
+        if (!a.isMovable())
           continue;
-        const c = l.getRelativeToSurfaceXY();
-        l.moveBy(-c.x, s - c.y, ["cleanup"]), l.snapToGrid(), s = l.getRelativeToSurfaceXY().y + l.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;
       }
-      d.setGroup(!1), o.setResizesEnabled(!0);
+      h.setGroup(!1), n.setResizesEnabled(!0);
     });
   }
 }
-function K(t) {
+function te(t) {
   const e = t.getParent();
-  return e && K(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
+  return e && te(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
 }
-class _e {
+class Ge {
   init() {
-    const e = g.registry.getItem("blockDisable");
-    e && (e.preconditionFn = function(n) {
-      const o = n.block;
-      return o && !o.isInFlyout && o.workspace.options.disable && o.isEditable() ? o.getInheritedDisabled() || K(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 pe = new ce();
-pe.init({ contextMenu: !0, shortcut: !0 });
-const fe = new ue();
-fe.init();
-const ye = new _e();
-ye.init();
-k.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",
@@ -715,7 +737,7 @@ k.Classic.blockStyles = {
     hat: ""
   }
 };
-k.Classic.categoryStyles = {
+F.Classic.categoryStyles = {
   calc_category: {
     colour: "#757575"
   },
@@ -765,9 +787,9 @@ k.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const de = x.defineTheme("light", {
+const je = Q.defineTheme("light", {
   name: "light",
-  base: k.Classic,
+  base: F.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#ffffff",
     toolboxBackgroundColour: "#eeeeee",
@@ -781,9 +803,9 @@ const de = x.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), ge = x.defineTheme("dark", {
+}), Je = Q.defineTheme("dark", {
   name: "dark",
-  base: k.Classic,
+  base: F.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#1e1e1e",
     toolboxBackgroundColour: "#272727",
@@ -798,18 +820,18 @@ const de = x.defineTheme("light", {
     cursorColour: ""
   }
 });
-function he(t) {
-  const e = te();
+function $e(t) {
+  const e = T();
   switch (console.log(e), t) {
     case "light":
-      e.setTheme(de);
+      e.setTheme(je);
       break;
     case "dark":
-      e.setTheme(ge);
+      e.setTheme(Je);
       break;
   }
 }
-const Oe = {
+const Ze = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOGIC}",
   categorystyle: "logic_category",
@@ -827,7 +849,7 @@ const Oe = {
       type: "if_v1"
     }
   ]
-}, be = {
+}, qe = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOOP}",
   categorystyle: "loop_category",
@@ -849,21 +871,154 @@ const Oe = {
       type: "for_each_v1"
     }
   ]
-}, Ce = {
+}, Qe = {
   kind: "categoryToolbox",
-  contents: [Oe, be]
-}, me = { class: "position-relative w-100 h-100" }, ke = /* @__PURE__ */ A({
-  __name: "index",
+  contents: [Ze, qe]
+}, et = /* @__PURE__ */ M({
+  __name: "cleanup",
+  setup(t) {
+    const e = () => {
+      const o = T();
+      if (!o)
+        return;
+      const n = C.registry.getItem("cleanWorkspace");
+      n && n.callback({ workspace: o }, new PointerEvent("dummy"));
+    };
+    return (o, n) => {
+      const r = m("v-btn");
+      return d(), L(r, {
+        onClick: e,
+        class: "mr-3",
+        variant: "outlined",
+        density: "comfortable",
+        icon: R(Ae)
+      }, null, 8, ["icon"]);
+    };
+  }
+}), tt = /* @__PURE__ */ M({
+  __name: "lock",
   props: {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    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 ? R(Pe) : R(we)
+      }, null, 8, ["icon"]);
+    };
+  }
+}), ot = {
+  key: 1,
+  class: "text-caption text-grey"
+}, nt = /* @__PURE__ */ M({
+  __name: "navigator",
+  setup(t) {
+    const e = w(() => ({
+      maxHeight: "calc(100vh - 200px)"
+    })), 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: E(({ props: f }) => [
+          S(a, _e(f, {
+            variant: "outlined",
+            density: "comfortable",
+            icon: R(Ke)
+          }), null, 16, ["icon"])
+        ]),
+        default: E(() => [
+          G("div", {
+            class: "overflow-auto",
+            style: V(e.value)
+          }, [
+            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
+      });
+    };
+  }
+}), rt = { class: "position-relative w-100 h-100" }, st = /* @__PURE__ */ M({
+  __name: "index",
+  props: /* @__PURE__ */ X({
     type: {},
     version: {},
-    active: { type: Boolean }
-  },
-  emits: ["ready", "change"],
+    active: { type: Boolean },
+    scale: {}
+  }, {
+    lock: { type: Boolean, required: !0 },
+    lockModifiers: {}
+  }),
+  emits: /* @__PURE__ */ X(["ready", "change"], ["update:lock"]),
   setup(t, { emit: e }) {
-    const n = J(), { locale: o, dark: r } = H(n), { open: s } = j("blocklyEditorFlyout"), a = t, l = e, c = N();
-    let y;
-    const E = {
+    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,
@@ -886,48 +1041,112 @@ const Oe = {
         wheel: !0
       }
     };
-    D(async () => {
-      if (!c.value)
+    let _;
+    const f = K(!0), N = K(!1), oe = w(() => ({
+      position: "absolute",
+      background: r.value ? "#0000007f" : "#ffffff7f",
+      top: "1px",
+      left: "0px",
+      width: "56px",
+      height: "100%",
+      pointerEvents: "none",
+      zIndex: 999
+    })), ne = w(() => ({
+      position: "absolute",
+      background: r.value ? "#0000007f" : "#ffffff7f",
+      top: "0px",
+      left: "0px",
+      width: "100%",
+      height: "100%",
+      pointerEvents: "none"
+    })), re = w(() => ({
+      position: "absolute",
+      top: "0px",
+      right: "0px",
+      zIndex: 20
+    }));
+    Z(async () => {
+      if (!b.value)
         return;
-      await P(o.value);
-      let _;
-      a.type === "app" && a.version === "v1" && (_ = Ce), E.toolbox = _, y = oe(c.value, E), y.addChangeListener(d.disableOrphans), y.addChangeListener(F), setTimeout(() => {
-        S(), l("ready", y);
-      }, 1);
-    }), M(() => {
+      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 S() {
-      y && ne(y);
+    function z() {
+      _ && Le(_);
     }
-    function F(_) {
-      l("change", _);
+    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 C(o, (_) => {
-      P(_);
-    }), C(r, (_) => {
-      he(_ ? "dark" : "light");
-    }), C(s, (_) => {
-      var T;
-      _ || (T = y.getToolbox()) == null || T.clearSelection();
-    }), C(() => a.active, (_) => {
-      _ && setTimeout(() => S(), 0);
-    }), (_, T) => {
-      const w = V("resize");
-      return U(), Y("div", me, [
-        G(W("div", {
+    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,
+      (i) => {
+        i && setTimeout(() => z(), 1);
+      }
+    ), B(
+      () => l.scale,
+      (i) => {
+        _.setScale(i);
+      }
+    ), (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: c
+          ref: b,
+          id: "blocklyEditor"
         }, null, 512), [
-          [w, S]
-        ])
+          [ie, z]
+        ]),
+        N.value ? (d(), A("div", {
+          key: 0,
+          class: "d-flex flex-column align-center justify-center",
+          style: V(oe.value)
+        }, [
+          S(le, {
+            icon: R(Re),
+            size: "x-large"
+          }, null, 8, ["icon"])
+        ], 4)) : D("", !0),
+        a.value ? (d(), A("div", {
+          key: 1,
+          style: V(ne.value)
+        }, null, 4)) : D("", !0),
+        G("div", {
+          class: "d-flex align-end pt-3 pr-3",
+          style: V(re.value)
+        }, [
+          S(et),
+          S(tt, {
+            modelValue: a.value,
+            "onUpdate:modelValue": k[0] || (k[0] = (ce) => a.value = ce)
+          }, null, 8, ["modelValue"]),
+          S(nt)
+        ], 4),
+        f.value ? (d(), L(ae, {
+          key: 2,
+          zIndex: 99
+        })) : D("", !0)
       ]);
     };
   }
-}), Se = (t) => {
-  t.component("x-blockly", ke);
-}, Ee = { install: Se };
+}), lt = (t) => {
+  t.component("x-blockly", st);
+}, _t = { install: lt };
 export {
-  Ee as default
+  _t as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.3.19",
+  "version": "0.3.23",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -49,5 +49,8 @@
     "vue-i18n": "^9.13.1",
     "vue-router": "4.4.0",
     "vue-tsc": "^2.0.26"
+  },
+  "dependencies": {
+    "@mdi/js": "^7.4.47"
   }
 }