x-block-lib 0.2.3 → 0.3.1

package/dist/index.js

@@ -1,29 +1,9 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");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 { getCurrentInstance as b, inject as d, defineComponent as m, ref as C, onMounted as k, nextTick as S, onBeforeUnmount as T, watch as y, openBlock as L, createElementBlock as E, withDirectives as I, createElementVNode as v } from "vue";
-import { openConfirmDlg as B, openPromptDlg as R, useViewStack as x } from "x-essential-lib";
+(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 b, ref as C, onMounted as m, nextTick as k, onBeforeUnmount as S, watch as p, resolveDirective as T, openBlock as L, createElementBlock as E, withDirectives as I, createElementVNode as v } from "vue";
+import { useLocale as B, useTheme as R } from "vuetify";
+import { openConfirmDlg as x, openPromptDlg as P, useViewStack as F } from "x-essential-lib";
 import * as e from "blockly/core";
-import { javascriptGenerator as P, Order as w } from "blockly/javascript";
-function F(o, t) {
-  const n = b();
-  if (!n)
-    throw new Error(`[Vuetify] ${o} must be called from inside a setup function`);
-  return n;
-}
-const M = Symbol.for("vuetify:locale");
-function K() {
-  const o = d(M);
-  if (!o)
-    throw new Error("[Vuetify] Could not find injected locale instance");
-  return o;
-}
-const A = Symbol.for("vuetify:theme");
-function D() {
-  F("useTheme");
-  const o = d(A, null);
-  if (!o)
-    throw new Error("Could not find Vuetify theme injection");
-  return o;
-}
+import { javascriptGenerator as M, Order as K } from "blockly/javascript";
 e.defineBlocksWithJsonArray([
   {
     type: "boolean_v1",
@@ -44,10 +24,10 @@ e.defineBlocksWithJsonArray([
     helpUrl: "%{BKY_LOGIC_V1_BOOLEAN_HELPURL}"
   }
 ]);
-P.forBlock.boolean_v1 = function(o) {
-  return [o.getFieldValue("BOOL") === "TRUE" ? "true" : "false", w.ATOMIC];
+M.forBlock.boolean_v1 = function(o) {
+  return [o.getFieldValue("BOOL") === "TRUE" ? "true" : "false", K.ATOMIC];
 };
-const N = {
+const A = {
   elseIfCount_: 0,
   hasElse_: !1,
   mutationToDom: function() {
@@ -71,23 +51,23 @@ const N = {
   decompose: function(o) {
     const t = o.newBlock("if_if_v1");
     t.initSvg();
-    let n = t.nextConnection;
-    for (let r = 0; r < this.elseIfCount_; r++) {
+    let r = t.nextConnection;
+    for (let n = 0; n < this.elseIfCount_; n++) {
       const s = o.newBlock(
         "if_else_if_v1"
       );
-      s.initSvg(), n.connect(s.previousConnection), n = s.nextConnection;
+      s.initSvg(), r.connect(s.previousConnection), r = s.nextConnection;
     }
     if (this.hasElse_) {
-      const r = o.newBlock("if_else_v1");
-      r.initSvg(), n.connect(r.previousConnection);
+      const n = o.newBlock("if_else_v1");
+      n.initSvg(), r.connect(n.previousConnection);
     }
     return t;
   },
   compose: function(o) {
     let t = o.nextConnection.targetBlock();
     this.elseIfCount_ = 0, this.hasElse_ = !1;
-    const n = [null], r = [null];
+    const r = [null], n = [null];
     let s = null;
     for (; t; ) {
       if (t.isInsertionMarker()) {
@@ -96,9 +76,9 @@ const N = {
       }
       switch (t.type) {
         case "if_else_if_v1":
-          this.elseIfCount_++, n.push(
+          this.elseIfCount_++, r.push(
             t.valueConnection_
-          ), r.push(
+          ), n.push(
             t.statementConnection_
           );
           break;
@@ -111,13 +91,13 @@ const N = {
       t = t.getNextBlock();
     }
     this.updateShape_(), this.reconnectChildBlocks_(
-      n,
       r,
+      n,
       s
     );
   },
   saveConnections: function(o) {
-    let t = o.nextConnection.targetBlock(), n = 1;
+    let t = o.nextConnection.targetBlock(), r = 1;
     for (; t; ) {
       if (t.isInsertionMarker()) {
         t = t.getNextBlock();
@@ -125,13 +105,13 @@ const N = {
       }
       switch (t.type) {
         case "if_else_if_v1": {
-          const r = this.getInput("IF" + n), s = this.getInput("DO" + n);
-          t.valueConnection_ = r && r.connection.targetConnection, t.statementConnection_ = s && s.connection.targetConnection, n++;
+          const n = this.getInput("IF" + r), s = this.getInput("DO" + r);
+          t.valueConnection_ = n && n.connection.targetConnection, t.statementConnection_ = s && s.connection.targetConnection, r++;
           break;
         }
         case "if_else_v1": {
-          const r = this.getInput("ELSE");
-          t.statementConnection_ = r && r.connection.targetConnection;
+          const n = this.getInput("ELSE");
+          t.statementConnection_ = n && n.connection.targetConnection;
           break;
         }
         default:
@@ -142,16 +122,16 @@ const N = {
   },
   rebuildShape_: function() {
     const o = [null], t = [null];
-    let n = null;
-    this.getInput("ELSE") && (n = this.getInput("ELSE").connection.targetConnection);
-    for (let r = 1; this.getInput("IF" + r); r++) {
-      const s = this.getInput("IF" + r), i = this.getInput("DO" + r);
-      o.push(s.connection.targetConnection), t.push(i.connection.targetConnection);
+    let r = null;
+    this.getInput("ELSE") && (r = this.getInput("ELSE").connection.targetConnection);
+    for (let n = 1; this.getInput("IF" + n); n++) {
+      const s = this.getInput("IF" + n), l = this.getInput("DO" + n);
+      o.push(s.connection.targetConnection), t.push(l.connection.targetConnection);
     }
     this.updateShape_(), this.reconnectChildBlocks_(
       o,
       t,
-      n
+      r
     );
   },
   updateShape_: function() {
@@ -162,16 +142,16 @@ const N = {
       this.appendValueInput("IF" + o).setCheck("Boolean").appendField(e.Msg.LOGIC_ELSE_IF), this.appendStatementInput("DO" + o).appendField(e.Msg.LOGIC_DO);
     this.hasElse_ && this.appendStatementInput("ELSE").appendField(e.Msg.LOGIC_ELSE);
   },
-  reconnectChildBlocks_: function(o, t, n) {
-    var r, s;
-    for (let i = 1; i <= this.elseIfCount_; i++)
-      (r = o[i]) == null || r.reconnect(this, "IF" + i), (s = t[i]) == null || s.reconnect(this, "DO" + i);
-    n == null || n.reconnect(this, "ELSE");
+  reconnectChildBlocks_: function(o, t, r) {
+    var n, s;
+    for (let l = 1; l <= this.elseIfCount_; l++)
+      (n = o[l]) == null || n.reconnect(this, "IF" + l), (s = t[l]) == null || s.reconnect(this, "DO" + l);
+    r == null || r.reconnect(this, "ELSE");
   }
 };
 e.Extensions.registerMutator(
   "if_v1_mutator",
-  N,
+  A,
   void 0,
   ["if_else_if_v1", "if_else_v1"]
 );
@@ -223,12 +203,12 @@ e.defineBlocksWithJsonArray([
     style: "logic_blocks"
   }
 ]);
-const V = {
+const w = {
   customContextMenu: function(o) {
     if (this.isInFlyout)
       return;
-    const t = this.getField("VAR"), n = t.getVariable(), r = n == null ? void 0 : n.name;
-    if (!this.isCollapsed() && r) {
+    const t = this.getField("VAR"), r = t.getVariable(), n = r == null ? void 0 : r.name;
+    if (!this.isCollapsed() && n) {
       const s = {
         type: "variables_get",
         fields: {
@@ -237,7 +217,7 @@ const V = {
       };
       o.push({
         enabled: !0,
-        text: e.Msg.VARIABLES_SET_CREATE_GET.replace("%1", r),
+        text: e.Msg.VARIABLES_SET_CREATE_GET.replace("%1", n),
         callback: e.ContextMenu.callbackFactory(this, s)
       });
     }
@@ -245,7 +225,7 @@ const V = {
 };
 e.Extensions.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
-  V
+  w
 );
 e.Extensions.register(
   "flow_control_tooltip_v1",
@@ -254,16 +234,16 @@ e.Extensions.register(
     CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
   })
 );
-const U = /* @__PURE__ */ new Set([
+const D = /* @__PURE__ */ new Set([
   "repeat_v1",
   "for_each_v1",
   "for_v1",
   "while_until_v1"
-]), Y = {
+]), N = {
   getSurroundLoop: function() {
     let o = this;
     do {
-      if (U.has(o.type))
+      if (D.has(o.type))
         return !0;
       o = o == null ? void 0 : o.getSurroundParent();
     } while (o);
@@ -273,12 +253,12 @@ const U = /* @__PURE__ */ new Set([
     const t = this.workspace;
     if (!t.isDragging || t.isDragging() || o.type !== e.Events.BLOCK_MOVE && o.type !== e.Events.BLOCK_CREATE)
       return;
-    const n = this.getSurroundLoop();
-    if (console.log(o.type, n), this.setWarningText(
-      n ? null : e.Msg.LOOP_FLOW_CONTROL_WARNING
+    const r = this.getSurroundLoop();
+    if (console.log(o.type, r), this.setWarningText(
+      r ? null : e.Msg.LOOP_FLOW_CONTROL_WARNING
     ), !this.isInFlyout)
       try {
-        e.Events.setRecordUndo(!1), this.setDisabledReason(!n, "FLOW_CONTROL_NOT_IN_LOOP");
+        e.Events.setRecordUndo(!1), this.setDisabledReason(!r, "FLOW_CONTROL_NOT_IN_LOOP");
       } finally {
         e.Events.setRecordUndo(!0);
       }
@@ -286,7 +266,7 @@ const U = /* @__PURE__ */ new Set([
 };
 e.Extensions.registerMixin(
   "flow_control_in_loop_check_v1",
-  Y
+  N
 );
 e.defineBlocksWithJsonArray([
   {
@@ -438,35 +418,35 @@ e.defineBlocksWithJsonArray([
   }
 ]);
 e.dialog.setConfirm(async (o, t) => {
-  const n = await B({
+  const r = await x({
     title: "",
     text: o
   });
-  t(!!n);
+  t(!!r);
 });
-e.dialog.setPrompt(async (o, t, n) => {
-  const r = await R({
+e.dialog.setPrompt(async (o, t, r) => {
+  const n = await P({
     title: "",
     value: t
   });
-  n(r);
+  r(n);
 });
-const W = (o, t) => {
-  const n = o[t];
-  return n ? typeof n == "function" ? n() : Promise.resolve(n) : new Promise((r, s) => {
+const U = (o, t) => {
+  const r = o[t];
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((n, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(s.bind(null, new Error("Unknown variable dynamic import: " + t)));
   });
 };
 async function f(o) {
-  const t = await W(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./en-Djut8W3R.js"), "./msg/zhHans.ts": () => import("./zhHans-D_qcn_1f.js") }), `./msg/${o}.ts`);
+  const t = await U(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./en-Djut8W3R.js"), "./msg/zhHans.ts": () => import("./zhHans-D_qcn_1f.js") }), `./msg/${o}.ts`);
   e.setLocale(t.default);
 }
-class G {
-  init({ contextMenu: t = !0, shortcut: n = !0 } = {
+class V {
+  init({ contextMenu: t = !0, shortcut: r = !0 } = {
     contextMenu: !0,
     shortcut: !0
   }) {
-    t && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), n && (e.ShortcutRegistry.registry.unregister(
+    t && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), r && (e.ShortcutRegistry.registry.unregister(
       e.ShortcutItems.names.COPY
     ), e.ShortcutRegistry.registry.unregister(
       e.ShortcutItems.names.CUT
@@ -480,14 +460,14 @@ class G {
         return e.Msg.CROSS_TAB_COPY ? e.Msg.CROSS_TAB_COPY : "Copy";
       },
       preconditionFn: function() {
-        const n = e.getSelected();
-        return !n || !e.isDeletable(n) || !n.isDeletable() || !e.isDraggable(n) || !n.isMovable() || !e.isCopyable(n) ? "disabled" : "enabled";
+        const r = e.getSelected();
+        return !r || !e.isDeletable(r) || !r.isDeletable() || !e.isDraggable(r) || !r.isMovable() || !e.isCopyable(r) ? "disabled" : "enabled";
       },
-      callback: function(n) {
-        var r;
+      callback: function(r) {
+        var n;
         localStorage.setItem(
           "blocklyStash",
-          JSON.stringify((r = n.block) == null ? void 0 : r.toCopyData())
+          JSON.stringify((n = r.block) == null ? void 0 : n.toCopyData())
         );
       },
       scopeType: e.ContextMenuRegistry.ScopeType.BLOCK,
@@ -501,20 +481,20 @@ class G {
       displayText: function() {
         return e.Msg.CROSS_TAB_PASTE ? e.Msg.CROSS_TAB_PASTE : "Paste";
       },
-      preconditionFn: function(n) {
-        var i;
-        const r = localStorage.getItem("blocklyStash");
-        if (!r)
+      preconditionFn: function(r) {
+        var l;
+        const n = localStorage.getItem("blocklyStash");
+        if (!n)
           return "disabled";
-        const s = JSON.parse(r);
-        return !s || !((i = n.workspace) != null && i.isCapacityAvailable(s.typeCounts)) ? "disabled" : "enabled";
+        const s = JSON.parse(n);
+        return !s || !((l = r.workspace) != null && l.isCapacityAvailable(s.typeCounts)) ? "disabled" : "enabled";
       },
-      callback: function(n) {
-        const r = localStorage.getItem("blocklyStash");
-        if (!r)
+      callback: function(r) {
+        const n = localStorage.getItem("blocklyStash");
+        if (!n)
           return;
-        const s = JSON.parse(r);
-        s && n.workspace && e.clipboard.paste(s, n.workspace);
+        const s = JSON.parse(n);
+        s && r.workspace && e.clipboard.paste(s, r.workspace);
       },
       scopeType: e.ContextMenuRegistry.ScopeType.WORKSPACE,
       id: "blockPasteFromStorage",
@@ -526,29 +506,29 @@ class G {
     const t = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.C,
       [e.utils.KeyCodes.CTRL]
-    ), n = e.ShortcutRegistry.registry.createSerializedKey(
+    ), r = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.C,
       [e.utils.KeyCodes.ALT]
-    ), r = e.ShortcutRegistry.registry.createSerializedKey(
+    ), n = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.C,
       [e.utils.KeyCodes.META]
     ), s = {
       name: "copy",
-      preconditionFn: function(i) {
-        if (i.options.readOnly || e.Gesture.inProgress())
+      preconditionFn: function(l) {
+        if (l.options.readOnly || e.Gesture.inProgress())
           return !1;
         const a = e.getSelected();
         return !(!a || !e.isDeletable(a) || !a.isDeletable() || !e.isDraggable(a) || !a.isMovable() || !e.isCopyable(a));
       },
-      callback: function(i, a) {
+      callback: function(l, a) {
         a.preventDefault();
-        const l = e.getSelected();
-        if (!l || !e.isCopyable(l))
+        const i = e.getSelected();
+        if (!i || !e.isCopyable(i))
           return !1;
-        const c = l.toCopyData();
-        return c ? (i.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(c)), !0) : !1;
+        const c = i.toCopyData();
+        return c ? (l.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(c)), !0) : !1;
       },
-      keyCodes: [t, n, r]
+      keyCodes: [t, r, n]
     };
     e.ShortcutRegistry.registry.register(s);
   }
@@ -556,29 +536,29 @@ class G {
     const t = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.X,
       [e.utils.KeyCodes.CTRL]
-    ), n = e.ShortcutRegistry.registry.createSerializedKey(
+    ), r = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.X,
       [e.utils.KeyCodes.ALT]
-    ), r = e.ShortcutRegistry.registry.createSerializedKey(
+    ), n = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.X,
       [e.utils.KeyCodes.META]
     ), s = {
       name: "cut",
-      preconditionFn: function(i) {
-        if (i.options.readOnly || e.Gesture.inProgress())
+      preconditionFn: function(l) {
+        if (l.options.readOnly || e.Gesture.inProgress())
           return !1;
         const a = e.getSelected();
         return !(!a || !e.isDeletable(a) || !a.isDeletable() || !e.isDraggable(a) || !a.isMovable() || !e.isCopyable(a) || a.workspace.isFlyout);
       },
-      callback: function(i, a) {
+      callback: function(l, a) {
         a.preventDefault();
-        const l = e.getSelected();
-        if (!l || !e.isDeletable(l) || !l.isDeletable() || !e.isCopyable(l))
+        const i = e.getSelected();
+        if (!i || !e.isDeletable(i) || !i.isDeletable() || !e.isCopyable(i))
           return !1;
-        const c = l.toCopyData();
-        return c ? (localStorage.setItem("blocklyStash", JSON.stringify(c)), l instanceof e.BlockSvg ? l.checkAndDelete() : l.dispose(), !0) : !1;
+        const c = i.toCopyData();
+        return c ? (localStorage.setItem("blocklyStash", JSON.stringify(c)), i instanceof e.BlockSvg ? i.checkAndDelete() : i.dispose(), !0) : !1;
       },
-      keyCodes: [t, n, r]
+      keyCodes: [t, r, n]
     };
     e.ShortcutRegistry.registry.register(s);
   }
@@ -586,101 +566,101 @@ class G {
     const t = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.V,
       [e.utils.KeyCodes.CTRL]
-    ), n = e.ShortcutRegistry.registry.createSerializedKey(
+    ), r = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.V,
       [e.utils.KeyCodes.ALT]
-    ), r = e.ShortcutRegistry.registry.createSerializedKey(
+    ), n = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.V,
       [e.utils.KeyCodes.META]
     ), s = {
       name: "paste",
-      preconditionFn: function(i) {
-        if (i.options.readOnly || e.Gesture.inProgress())
+      preconditionFn: function(l) {
+        if (l.options.readOnly || e.Gesture.inProgress())
           return !1;
         const a = localStorage.getItem("blocklyStash");
         if (!a)
           return !1;
-        const l = JSON.parse(a);
-        return !(!l || !i.isCapacityAvailable(l.typeCounts));
+        const i = JSON.parse(a);
+        return !(!i || !l.isCapacityAvailable(i.typeCounts));
       },
-      callback: function(i, a) {
+      callback: function(l, a) {
         a.preventDefault();
-        const l = localStorage.getItem("blocklyStash");
-        if (!l)
+        const i = localStorage.getItem("blocklyStash");
+        if (!i)
           return !1;
-        const c = JSON.parse(l);
-        return c ? (e.clipboard.paste(c, i), !0) : !1;
+        const c = JSON.parse(i);
+        return c ? (e.clipboard.paste(c, l), !0) : !1;
       },
-      keyCodes: [t, n, r]
+      keyCodes: [t, r, n]
     };
     e.ShortcutRegistry.registry.register(s);
   }
 }
-class H {
+class Y {
   init() {
     const t = e.ContextMenuRegistry.registry.getItem("cleanWorkspace");
-    t && (t.callback = function(n) {
-      const r = n.workspace;
-      if (!r)
+    t && (t.callback = function(r) {
+      const n = r.workspace;
+      if (!n)
         return;
-      r.setResizesEnabled(!1), e.Events.setGroup(!0);
-      const s = r.getTopBlocks(!0);
-      let i = 0;
-      for (let a = 0, l; l = s[a]; a++) {
-        if (!l.isMovable())
+      n.setResizesEnabled(!1), e.Events.setGroup(!0);
+      const s = n.getTopBlocks(!0);
+      let l = 0;
+      for (let a = 0, i; i = s[a]; a++) {
+        if (!i.isMovable())
           continue;
-        const c = l.getRelativeToSurfaceXY();
-        l.moveBy(-c.x, i - c.y, ["cleanup"]), l.snapToGrid(), i = l.getRelativeToSurfaceXY().y + l.getHeightWidth().height + 100;
+        const c = i.getRelativeToSurfaceXY();
+        i.moveBy(-c.x, l - c.y, ["cleanup"]), i.snapToGrid(), l = i.getRelativeToSurfaceXY().y + i.getHeightWidth().height + 100;
       }
-      e.Events.setGroup(!1), r.setResizesEnabled(!0);
+      e.Events.setGroup(!1), n.setResizesEnabled(!0);
     });
   }
 }
-function g(o) {
+function d(o) {
   const t = o.getParent();
-  return t && g(t) ? !0 : !t && !!(o.outputConnection || o.previousConnection);
+  return t && d(t) ? !0 : !t && !!(o.outputConnection || o.previousConnection);
 }
-class z {
+class W {
   init() {
     const t = e.ContextMenuRegistry.registry.getItem("blockDisable");
-    t && (t.preconditionFn = function(n) {
-      const r = n.block;
-      return r && !r.isInFlyout && r.workspace.options.disable && r.isEditable() ? r.getInheritedDisabled() || g(r) ? "disabled" : "enabled" : "hidden";
+    t && (t.preconditionFn = function(r) {
+      const n = r.block;
+      return n && !n.isInFlyout && n.workspace.options.disable && n.isEditable() ? n.getInheritedDisabled() || d(n) ? "disabled" : "enabled" : "hidden";
     });
   }
 }
-class X extends e.HorizontalFlyout {
-  addBlockListeners_(t, n, r) {
-    e.getMainWorkspace().options.readOnly || super.addBlockListeners_(t, n, r);
+class G extends e.HorizontalFlyout {
+  addBlockListeners_(t, r, n) {
+    e.getMainWorkspace().options.readOnly || super.addBlockListeners_(t, r, n);
   }
   isBlockCreatable(t) {
     return e.getMainWorkspace().options.readOnly ? !1 : super.isBlockCreatable(t);
   }
 }
-class J extends e.VerticalFlyout {
-  addBlockListeners_(t, n, r) {
-    e.getMainWorkspace().options.readOnly || super.addBlockListeners_(t, n, r);
+class H extends e.VerticalFlyout {
+  addBlockListeners_(t, r, n) {
+    e.getMainWorkspace().options.readOnly || super.addBlockListeners_(t, r, n);
   }
   isBlockCreatable(t) {
     return e.getMainWorkspace().options.readOnly ? !1 : super.isBlockCreatable(t);
   }
 }
-const j = new G();
-j.init({ contextMenu: !0, shortcut: !0 });
-const $ = new H();
-$.init();
-const q = new z();
-q.init();
+const z = new V();
+z.init({ contextMenu: !0, shortcut: !0 });
+const X = new Y();
+X.init();
+const J = new W();
+J.init();
 e.registry.register(
   e.registry.Type.FLYOUTS_HORIZONTAL_TOOLBOX,
   e.registry.DEFAULT,
-  X,
+  G,
   !0
 );
 e.registry.register(
   e.registry.Type.FLYOUTS_VERTICAL_TOOLBOX,
   e.registry.DEFAULT,
-  J,
+  H,
   !0
 );
 e.Themes.Classic.blockStyles = {
@@ -807,7 +787,7 @@ e.Themes.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const Z = e.Theme.defineTheme("light", {
+const j = e.Theme.defineTheme("light", {
   name: "light",
   base: e.Themes.Classic,
   componentStyles: {
@@ -823,7 +803,7 @@ const Z = e.Theme.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), Q = e.Theme.defineTheme("dark", {
+}), q = e.Theme.defineTheme("dark", {
   name: "dark",
   base: e.Themes.Classic,
   componentStyles: {
@@ -840,18 +820,18 @@ const Z = e.Theme.defineTheme("light", {
     cursorColour: ""
   }
 });
-function ee(o) {
+function $(o) {
   const t = e.getMainWorkspace();
   switch (console.log(t), o) {
     case "light":
-      t.setTheme(Z);
+      t.setTheme(j);
       break;
     case "dark":
-      t.setTheme(Q);
+      t.setTheme(q);
       break;
   }
 }
-const te = {
+const Z = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOGIC}",
   categorystyle: "logic_category",
@@ -869,7 +849,7 @@ const te = {
       type: "if_v1"
     }
   ]
-}, oe = {
+}, Q = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOOP}",
   categorystyle: "loop_category",
@@ -891,34 +871,10 @@ const te = {
       type: "for_each_v1"
     }
   ]
-}, ne = {
+}, ee = {
   kind: "categoryToolbox",
-  contents: [te, oe]
-};
-function re(o, t) {
-  var s, i;
-  const n = t.value, r = {
-    passive: !((s = t.modifiers) != null && s.active)
-  };
-  window.addEventListener("resize", n, r), o._onResize = Object(o._onResize), o._onResize[t.instance.$.uid] = {
-    handler: n,
-    options: r
-  }, (i = t.modifiers) != null && i.quiet || n();
-}
-function se(o, t) {
-  var s;
-  if (!((s = o._onResize) != null && s[t.instance.$.uid]))
-    return;
-  const {
-    handler: n,
-    options: r
-  } = o._onResize[t.instance.$.uid];
-  window.removeEventListener("resize", n, r), delete o._onResize[t.instance.$.uid];
-}
-const ie = {
-  mounted: re,
-  unmounted: se
-}, le = { class: "position-relative w-100 h-100" }, ae = /* @__PURE__ */ m({
+  contents: [Z, Q]
+}, te = { class: "position-relative w-100 h-100" }, oe = /* @__PURE__ */ b({
   __name: "index",
   props: {
     type: {},
@@ -926,9 +882,9 @@ const ie = {
   },
   emits: ["ready", "change"],
   setup(o, { emit: t }) {
-    const n = K(), r = D(), { open: s } = x("blocklyEditorFlyout"), i = o, a = t, l = C(null);
+    const r = B(), n = R(), { open: s } = F("blocklyEditorFlyout"), l = o, a = t, i = C(null);
     let c;
-    const p = {
+    const y = {
       grid: {
         length: 2,
         snap: !0,
@@ -941,7 +897,7 @@ const ie = {
         wheel: !0
       },
       readOnly: !1,
-      theme: r.current.value.dark ? "dark" : "light",
+      theme: n.current.value.dark ? "dark" : "light",
       trashcan: !1,
       zoom: {
         maxScale: 1,
@@ -951,48 +907,51 @@ const ie = {
         wheel: !0
       }
     };
-    k(async () => {
-      if (!l.value)
+    m(async () => {
+      if (!i.value)
         return;
-      await f(n.current.value);
+      await f(r.current.value);
       let u;
-      i.type === "app" && i.version === "v1" && (u = ne), p.toolbox = u, c = e.inject(l.value, p), c.addChangeListener(e.Events.disableOrphans), c.addChangeListener(O), await S(), a("ready", c);
+      l.type === "app" && l.version === "v1" && (u = ee), y.toolbox = u, c = e.inject(i.value, y), c.addChangeListener(e.Events.disableOrphans), c.addChangeListener(h), await k(), a("ready", c);
     });
-    function h() {
+    function g() {
       c && e.svgResize(c);
     }
-    function O(u) {
+    function h(u) {
       a("change", u);
     }
-    return T(() => {
+    return S(() => {
       s.value = !1;
-    }), y(s, (u) => {
+    }), p(s, (u) => {
       var _;
       u || (_ = c.getToolbox()) == null || _.clearSelection();
-    }), y(
-      () => n.current.value,
+    }), p(
+      () => r.current.value,
       (u) => {
         f(u);
       }
-    ), y(
-      () => r.current.value.dark,
+    ), p(
+      () => n.current.value.dark,
       (u) => {
-        ee(u ? "dark" : "light");
+        $(u ? "dark" : "light");
       }
-    ), (u, _) => (L(), E("div", le, [
-      I(v("div", {
-        class: "w-100 h-100",
-        ref_key: "blocklyDiv",
-        ref: l,
-        id: "blocklyEditor"
-      }, null, 512), [
-        [ie, h]
-      ])
-    ]));
+    ), (u, _) => {
+      const O = T("resize");
+      return L(), E("div", te, [
+        I(v("div", {
+          class: "w-100 h-100",
+          ref_key: "blocklyDiv",
+          ref: i,
+          id: "blocklyEditor"
+        }, null, 512), [
+          [O, g]
+        ])
+      ]);
+    };
   }
-}), ce = (o) => {
-  o.component("x-blockly", ae);
-}, pe = { install: ce };
+}), re = (o) => {
+  o.component("x-blockly", oe);
+}, ae = { install: re };
 export {
-  pe as default
+  ae as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.2.3",
+  "version": "0.3.1",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,7 +25,7 @@
     "blockly": "^11.1.0",
     "vue": "^3.4.27",
     "vuetify": "^3.6.8",
-    "x-essential-lib": "^0.3.19"
+    "x-essential-lib": "^0.4.2"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",