x-block-lib 0.3.4 → 0.3.19

package/dist/index.js

@@ -1,9 +1,9 @@
 (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 F, ref as A, onMounted as D, nextTick as N, onBeforeUnmount as M, watch as k, resolveDirective as V, openBlock as U, createElementBlock as Y, withDirectives as G, createElementVNode as W } from "vue";
-import { useLocale as H, useTheme as z } from "vuetify";
-import { openConfirmDlg as X, openPromptDlg as J, useViewStack as j } from "x-essential-lib";
-import { d as g, j as $, O as q, E as p, u as c, M as f, C as Q, a as y, b as B, s as Z, S as u, c as S, g as h, i as b, e as T, f as O, h as d, k as v, G as L, B as ee, T as C, l as P, m as te, n as oe, o as ne } from "./blockly-gskixv9t.js";
-g([
+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([
   {
     type: "boolean_v1",
     message0: "%1",
@@ -32,7 +32,7 @@ const re = {
   mutationToDom: function() {
     if (this.elseIfCount_ <= 0 && !this.hasElse_)
       return null;
-    const t = c.xml.createElement("mutation");
+    const t = i.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 +50,23 @@ const re = {
   decompose: function(t) {
     const e = t.newBlock("if_if_v1");
     e.initSvg();
-    let o = e.nextConnection;
-    for (let n = 0; n < this.elseIfCount_; n++) {
+    let n = e.nextConnection;
+    for (let o = 0; o < this.elseIfCount_; o++) {
       const r = t.newBlock(
         "if_else_if_v1"
       );
-      r.initSvg(), o.connect(r.previousConnection), o = r.nextConnection;
+      r.initSvg(), n.connect(r.previousConnection), n = r.nextConnection;
     }
     if (this.hasElse_) {
-      const n = t.newBlock("if_else_v1");
-      n.initSvg(), o.connect(n.previousConnection);
+      const o = t.newBlock("if_else_v1");
+      o.initSvg(), n.connect(o.previousConnection);
     }
     return e;
   },
   compose: function(t) {
     let e = t.nextConnection.targetBlock();
     this.elseIfCount_ = 0, this.hasElse_ = !1;
-    const o = [null], n = [null];
+    const n = [null], o = [null];
     let r = null;
     for (; e; ) {
       if (e.isInsertionMarker()) {
@@ -75,9 +75,9 @@ const re = {
       }
       switch (e.type) {
         case "if_else_if_v1":
-          this.elseIfCount_++, o.push(
+          this.elseIfCount_++, n.push(
             e.valueConnection_
-          ), n.push(
+          ), o.push(
             e.statementConnection_
           );
           break;
@@ -90,13 +90,13 @@ const re = {
       e = e.getNextBlock();
     }
     this.updateShape_(), this.reconnectChildBlocks_(
-      o,
       n,
+      o,
       r
     );
   },
   saveConnections: function(t) {
-    let e = t.nextConnection.targetBlock(), o = 1;
+    let e = t.nextConnection.targetBlock(), n = 1;
     for (; e; ) {
       if (e.isInsertionMarker()) {
         e = e.getNextBlock();
@@ -104,13 +104,13 @@ const re = {
       }
       switch (e.type) {
         case "if_else_if_v1": {
-          const n = this.getInput("IF" + o), r = this.getInput("DO" + o);
-          e.valueConnection_ = n && n.connection.targetConnection, e.statementConnection_ = r && r.connection.targetConnection, o++;
+          const o = this.getInput("IF" + n), r = this.getInput("DO" + n);
+          e.valueConnection_ = o && o.connection.targetConnection, e.statementConnection_ = r && r.connection.targetConnection, n++;
           break;
         }
         case "if_else_v1": {
-          const n = this.getInput("ELSE");
-          e.statementConnection_ = n && n.connection.targetConnection;
+          const o = this.getInput("ELSE");
+          e.statementConnection_ = o && o.connection.targetConnection;
           break;
         }
         default:
@@ -121,16 +121,16 @@ const re = {
   },
   rebuildShape_: function() {
     const t = [null], e = [null];
-    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), a = this.getInput("DO" + n);
-      t.push(r.connection.targetConnection), e.push(a.connection.targetConnection);
+    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);
+      t.push(r.connection.targetConnection), e.push(s.connection.targetConnection);
     }
     this.updateShape_(), this.reconnectChildBlocks_(
       t,
       e,
-      o
+      n
     );
   },
   updateShape_: function() {
@@ -141,11 +141,11 @@ const re = {
       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);
   },
-  reconnectChildBlocks_: function(t, e, o) {
-    var n, r;
-    for (let a = 1; a <= this.elseIfCount_; a++)
-      (n = t[a]) == null || n.reconnect(this, "IF" + a), (r = e[a]) == null || r.reconnect(this, "DO" + a);
-    o == null || o.reconnect(this, "ELSE");
+  reconnectChildBlocks_: function(t, e, n) {
+    var o, 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");
   }
 };
 p.registerMutator(
@@ -154,7 +154,7 @@ p.registerMutator(
   void 0,
   ["if_else_if_v1", "if_else_v1"]
 );
-g([
+h([
   {
     type: "if_v1",
     message0: "%{BKY_LOGIC_IF} %1",
@@ -206,8 +206,8 @@ const se = {
   customContextMenu: function(t) {
     if (this.isInFlyout)
       return;
-    const e = this.getField("VAR"), o = e.getVariable(), n = o == null ? void 0 : o.name;
-    if (!this.isCollapsed() && n) {
+    const e = this.getField("VAR"), n = e.getVariable(), o = n == null ? void 0 : n.name;
+    if (!this.isCollapsed() && o) {
       const r = {
         type: "variables_get",
         fields: {
@@ -216,7 +216,7 @@ const se = {
       };
       t.push({
         enabled: !0,
-        text: f.VARIABLES_SET_CREATE_GET.replace("%1", n),
+        text: f.VARIABLES_SET_CREATE_GET.replace("%1", o),
         callback: Q.callbackFactory(this, r)
       });
     }
@@ -250,16 +250,16 @@ const ae = /* @__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 !== d.BLOCK_MOVE && t.type !== d.BLOCK_CREATE)
       return;
-    const o = this.getSurroundLoop();
-    if (console.log(t.type, o), this.setWarningText(
-      o ? null : f.LOOP_FLOW_CONTROL_WARNING
+    const n = this.getSurroundLoop();
+    if (console.log(t.type, n), this.setWarningText(
+      n ? null : f.LOOP_FLOW_CONTROL_WARNING
     ), !this.isInFlyout)
       try {
-        y.setRecordUndo(!1), this.setDisabledReason(!o, "FLOW_CONTROL_NOT_IN_LOOP");
+        d.setRecordUndo(!1), this.setDisabledReason(!n, "FLOW_CONTROL_NOT_IN_LOOP");
       } finally {
-        y.setRecordUndo(!0);
+        d.setRecordUndo(!0);
       }
   }
 };
@@ -267,7 +267,7 @@ p.registerMixin(
   "flow_control_in_loop_check_v1",
   le
 );
-g([
+h([
   {
     type: "flow_control_v1",
     message0: "%1",
@@ -295,7 +295,7 @@ p.register(
     "VAR"
   )
 );
-g([
+h([
   {
     type: "for_v1",
     message0: "%{BKY_LOOP_V1_FOR_TITLE}",
@@ -346,7 +346,7 @@ p.register(
     "VAR"
   )
 );
-g([
+h([
   {
     type: "for_each_v1",
     message0: "%{BKY_LOOP_V1_FOR_EACH_TITLE}",
@@ -383,7 +383,7 @@ p.register(
     UNTIL: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_UNTIL}"
   })
 );
-g([
+h([
   {
     type: "while_until_v1",
     message0: "%1 %2",
@@ -416,41 +416,48 @@ g([
     extensions: ["while_until_tooltip_v1"]
   }
 ]);
-B.setConfirm(async (t, e) => {
-  const o = await X({
+R.setConfirm(async (t, e) => {
+  const n = await z({
     title: "",
     text: t
   });
-  e(!!o);
+  e(!!n);
 });
-B.setPrompt(async (t, e, o) => {
-  const n = await J({
+R.setPrompt(async (t, e, n) => {
+  const o = await X({
     title: "",
     value: e
   });
-  o(n);
+  n(o);
 });
-const ie = (t, e) => {
+const ie = (t, e, n) => {
   const o = t[e];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((n, r) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, new Error("Unknown variable dynamic import: " + e)));
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : 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." : "")
+        )
+      )
+    );
   });
 };
-async function E(t) {
-  const e = await ie(/* @__PURE__ */ Object.assign({ "./msg/en/index.ts": () => import("./en-c75t6n0y.js"), "./msg/zhHans/index.ts": () => import("./zhHans-dmzotd2n.js") }), `./msg/${t}/index.ts`);
+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);
 }
 class ce {
-  init({ contextMenu: e = !0, shortcut: o = !0 } = {
+  init({ contextMenu: e = !0, shortcut: n = !0 } = {
     contextMenu: !0,
     shortcut: !0
   }) {
-    e && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), o && (u.registry.unregister(
-      S.names.COPY
+    e && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), n && (u.registry.unregister(
+      L.names.COPY
     ), u.registry.unregister(
-      S.names.CUT
+      L.names.CUT
     ), u.registry.unregister(
-      S.names.PASTE
+      L.names.PASTE
     ), this.blockCopyToStorageShortcut(), this.blockCutToStorageShortcut(), this.blockPasteFromStorageShortcut());
   }
   blockCopyToStorageContextMenu() {
@@ -459,172 +466,172 @@ class ce {
         return f.CROSS_TAB_COPY ? f.CROSS_TAB_COPY : "Copy";
       },
       preconditionFn: function() {
-        const o = h();
-        return !o || !b(o) || !o.isDeletable() || !T(o) || !o.isMovable() || !O(o) ? "disabled" : "enabled";
+        const n = O();
+        return !n || !m(n) || !n.isDeletable() || !I(n) || !n.isMovable() || !b(n) ? "disabled" : "enabled";
       },
-      callback: function(o) {
-        var n;
+      callback: function(n) {
+        var o;
         localStorage.setItem(
           "blocklyStash",
-          JSON.stringify((n = o.block) == null ? void 0 : n.toCopyData())
+          JSON.stringify((o = n.block) == null ? void 0 : o.toCopyData())
         );
       },
-      scopeType: d.ScopeType.BLOCK,
+      scopeType: g.ScopeType.BLOCK,
       id: "blockCopyToStorage",
       weight: 0
     };
-    d.registry.register(e);
+    g.registry.register(e);
   }
   blockPasteFromStorageContextMenu() {
     const e = {
       displayText: function() {
         return f.CROSS_TAB_PASTE ? f.CROSS_TAB_PASTE : "Paste";
       },
-      preconditionFn: function(o) {
-        var a;
-        const n = localStorage.getItem("blocklyStash");
-        if (!n)
+      preconditionFn: function(n) {
+        var s;
+        const o = localStorage.getItem("blocklyStash");
+        if (!o)
           return "disabled";
-        const r = JSON.parse(n);
-        return !r || !((a = o.workspace) != null && a.isCapacityAvailable(r.typeCounts)) ? "disabled" : "enabled";
+        const r = JSON.parse(o);
+        return !r || !((s = n.workspace) != null && s.isCapacityAvailable(r.typeCounts)) ? "disabled" : "enabled";
       },
-      callback: function(o) {
-        const n = localStorage.getItem("blocklyStash");
-        if (!n)
+      callback: function(n) {
+        const o = localStorage.getItem("blocklyStash");
+        if (!o)
           return;
-        const r = JSON.parse(n);
-        r && o.workspace && v.paste(r, o.workspace);
+        const r = JSON.parse(o);
+        r && n.workspace && B.paste(r, n.workspace);
       },
-      scopeType: d.ScopeType.WORKSPACE,
+      scopeType: g.ScopeType.WORKSPACE,
       id: "blockPasteFromStorage",
       weight: 0
     };
-    d.registry.register(e);
+    g.registry.register(e);
   }
   blockCopyToStorageShortcut() {
     const e = u.registry.createSerializedKey(
-      c.KeyCodes.C,
-      [c.KeyCodes.CTRL]
-    ), o = u.registry.createSerializedKey(
-      c.KeyCodes.C,
-      [c.KeyCodes.ALT]
+      i.KeyCodes.C,
+      [i.KeyCodes.CTRL]
     ), n = u.registry.createSerializedKey(
-      c.KeyCodes.C,
-      [c.KeyCodes.META]
+      i.KeyCodes.C,
+      [i.KeyCodes.ALT]
+    ), o = u.registry.createSerializedKey(
+      i.KeyCodes.C,
+      [i.KeyCodes.META]
     ), r = {
       name: "copy",
-      preconditionFn: function(a) {
-        if (a.options.readOnly || L.inProgress())
+      preconditionFn: function(s) {
+        if (s.options.readOnly || v.inProgress())
           return !1;
-        const l = h();
-        return !(!l || !b(l) || !l.isDeletable() || !T(l) || !l.isMovable() || !O(l));
+        const a = O();
+        return !(!a || !m(a) || !a.isDeletable() || !I(a) || !a.isMovable() || !b(a));
       },
-      callback: function(a, l) {
-        l.preventDefault();
-        const s = h();
-        if (!s || !O(s))
+      callback: function(s, a) {
+        a.preventDefault();
+        const l = O();
+        if (!l || !b(l))
           return !1;
-        const i = s.toCopyData();
-        return i ? (a.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(i)), !0) : !1;
+        const c = l.toCopyData();
+        return c ? (s.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(c)), !0) : !1;
       },
-      keyCodes: [e, o, n]
+      keyCodes: [e, n, o]
     };
     u.registry.register(r);
   }
   blockCutToStorageShortcut() {
     const e = u.registry.createSerializedKey(
-      c.KeyCodes.X,
-      [c.KeyCodes.CTRL]
-    ), o = u.registry.createSerializedKey(
-      c.KeyCodes.X,
-      [c.KeyCodes.ALT]
+      i.KeyCodes.X,
+      [i.KeyCodes.CTRL]
     ), n = u.registry.createSerializedKey(
-      c.KeyCodes.X,
-      [c.KeyCodes.META]
+      i.KeyCodes.X,
+      [i.KeyCodes.ALT]
+    ), o = u.registry.createSerializedKey(
+      i.KeyCodes.X,
+      [i.KeyCodes.META]
     ), r = {
       name: "cut",
-      preconditionFn: function(a) {
-        if (a.options.readOnly || L.inProgress())
+      preconditionFn: function(s) {
+        if (s.options.readOnly || v.inProgress())
           return !1;
-        const l = h();
-        return !(!l || !b(l) || !l.isDeletable() || !T(l) || !l.isMovable() || !O(l) || l.workspace.isFlyout);
+        const a = O();
+        return !(!a || !m(a) || !a.isDeletable() || !I(a) || !a.isMovable() || !b(a) || a.workspace.isFlyout);
       },
-      callback: function(a, l) {
-        l.preventDefault();
-        const s = h();
-        if (!s || !b(s) || !s.isDeletable() || !O(s))
+      callback: function(s, a) {
+        a.preventDefault();
+        const l = O();
+        if (!l || !m(l) || !l.isDeletable() || !b(l))
           return !1;
-        const i = s.toCopyData();
-        return i ? (localStorage.setItem("blocklyStash", JSON.stringify(i)), s instanceof ee ? s.checkAndDelete() : s.dispose(), !0) : !1;
+        const c = l.toCopyData();
+        return c ? (localStorage.setItem("blocklyStash", JSON.stringify(c)), l instanceof ee ? l.checkAndDelete() : l.dispose(), !0) : !1;
       },
-      keyCodes: [e, o, n]
+      keyCodes: [e, n, o]
     };
     u.registry.register(r);
   }
   blockPasteFromStorageShortcut() {
     const e = u.registry.createSerializedKey(
-      c.KeyCodes.V,
-      [c.KeyCodes.CTRL]
-    ), o = u.registry.createSerializedKey(
-      c.KeyCodes.V,
-      [c.KeyCodes.ALT]
+      i.KeyCodes.V,
+      [i.KeyCodes.CTRL]
     ), n = u.registry.createSerializedKey(
-      c.KeyCodes.V,
-      [c.KeyCodes.META]
+      i.KeyCodes.V,
+      [i.KeyCodes.ALT]
+    ), o = u.registry.createSerializedKey(
+      i.KeyCodes.V,
+      [i.KeyCodes.META]
     ), r = {
       name: "paste",
-      preconditionFn: function(a) {
-        if (a.options.readOnly || L.inProgress())
+      preconditionFn: function(s) {
+        if (s.options.readOnly || v.inProgress())
           return !1;
-        const l = localStorage.getItem("blocklyStash");
-        if (!l)
+        const a = localStorage.getItem("blocklyStash");
+        if (!a)
           return !1;
-        const s = JSON.parse(l);
-        return !(!s || !a.isCapacityAvailable(s.typeCounts));
+        const l = JSON.parse(a);
+        return !(!l || !s.isCapacityAvailable(l.typeCounts));
       },
-      callback: function(a, l) {
-        l.preventDefault();
-        const s = localStorage.getItem("blocklyStash");
-        if (!s)
+      callback: function(s, a) {
+        a.preventDefault();
+        const l = localStorage.getItem("blocklyStash");
+        if (!l)
           return !1;
-        const i = JSON.parse(s);
-        return i ? (v.paste(i, a), !0) : !1;
+        const c = JSON.parse(l);
+        return c ? (B.paste(c, s), !0) : !1;
       },
-      keyCodes: [e, o, n]
+      keyCodes: [e, n, o]
     };
     u.registry.register(r);
   }
 }
 class ue {
   init() {
-    const e = d.registry.getItem("cleanWorkspace");
-    e && (e.callback = function(o) {
-      const n = o.workspace;
-      if (!n)
+    const e = g.registry.getItem("cleanWorkspace");
+    e && (e.callback = function(n) {
+      const o = n.workspace;
+      if (!o)
         return;
-      n.setResizesEnabled(!1), y.setGroup(!0);
-      const r = n.getTopBlocks(!0);
-      let a = 0;
-      for (let l = 0, s; s = r[l]; l++) {
-        if (!s.isMovable())
+      o.setResizesEnabled(!1), d.setGroup(!0);
+      const r = o.getTopBlocks(!0);
+      let s = 0;
+      for (let a = 0, l; l = r[a]; a++) {
+        if (!l.isMovable())
           continue;
-        const i = s.getRelativeToSurfaceXY();
-        s.moveBy(-i.x, a - i.y, ["cleanup"]), s.snapToGrid(), a = s.getRelativeToSurfaceXY().y + s.getHeightWidth().height + 100;
+        const c = l.getRelativeToSurfaceXY();
+        l.moveBy(-c.x, s - c.y, ["cleanup"]), l.snapToGrid(), s = l.getRelativeToSurfaceXY().y + l.getHeightWidth().height + 100;
       }
-      y.setGroup(!1), n.setResizesEnabled(!0);
+      d.setGroup(!1), o.setResizesEnabled(!0);
     });
   }
 }
-function R(t) {
+function K(t) {
   const e = t.getParent();
-  return e && R(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
+  return e && K(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
 }
 class _e {
   init() {
-    const e = d.registry.getItem("blockDisable");
-    e && (e.preconditionFn = function(o) {
-      const n = o.block;
-      return n && !n.isInFlyout && n.workspace.options.disable && n.isEditable() ? n.getInheritedDisabled() || R(n) ? "disabled" : "enabled" : "hidden";
+    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";
     });
   }
 }
@@ -634,7 +641,7 @@ const fe = new ue();
 fe.init();
 const ye = new _e();
 ye.init();
-C.Classic.blockStyles = {
+k.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
     colourSecondary: "#ede3de",
@@ -708,7 +715,7 @@ C.Classic.blockStyles = {
     hat: ""
   }
 };
-C.Classic.categoryStyles = {
+k.Classic.categoryStyles = {
   calc_category: {
     colour: "#757575"
   },
@@ -758,9 +765,9 @@ C.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const de = P.defineTheme("light", {
+const de = x.defineTheme("light", {
   name: "light",
-  base: C.Classic,
+  base: k.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#ffffff",
     toolboxBackgroundColour: "#eeeeee",
@@ -774,9 +781,9 @@ const de = P.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), ge = P.defineTheme("dark", {
+}), ge = x.defineTheme("dark", {
   name: "dark",
-  base: C.Classic,
+  base: k.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#1e1e1e",
     toolboxBackgroundColour: "#272727",
@@ -845,17 +852,18 @@ const Oe = {
 }, Ce = {
   kind: "categoryToolbox",
   contents: [Oe, be]
-}, me = { class: "position-relative w-100 h-100" }, ke = /* @__PURE__ */ F({
+}, me = { class: "position-relative w-100 h-100" }, ke = /* @__PURE__ */ A({
   __name: "index",
   props: {
     type: {},
-    version: {}
+    version: {},
+    active: { type: Boolean }
   },
   emits: ["ready", "change"],
   setup(t, { emit: e }) {
-    const o = H(), n = z(), { open: r } = j("blocklyEditorFlyout"), a = t, l = e, s = A(null);
-    let i;
-    const I = {
+    const n = J(), { locale: o, dark: r } = H(n), { open: s } = j("blocklyEditorFlyout"), a = t, l = e, c = N();
+    let y;
+    const E = {
       grid: {
         length: 2,
         snap: !0,
@@ -868,7 +876,7 @@ const Oe = {
         wheel: !0
       },
       readOnly: !1,
-      theme: n.current.value.dark ? "dark" : "light",
+      theme: r.value ? "dark" : "light",
       trashcan: !1,
       zoom: {
         maxScale: 1,
@@ -879,43 +887,40 @@ const Oe = {
       }
     };
     D(async () => {
-      if (!s.value)
+      if (!c.value)
         return;
-      await E(o.current.value);
+      await P(o.value);
       let _;
-      a.type === "app" && a.version === "v1" && (_ = Ce), I.toolbox = _, i = oe(s.value, I), i.addChangeListener(y.disableOrphans), i.addChangeListener(K), await N(), l("ready", i);
+      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(() => {
+      s.value = !1;
     });
-    function x() {
-      i && ne(i);
+    function S() {
+      y && ne(y);
     }
-    function K(_) {
+    function F(_) {
       l("change", _);
     }
-    return M(() => {
-      r.value = !1;
-    }), k(r, (_) => {
-      var m;
-      _ || (m = i.getToolbox()) == null || m.clearSelection();
-    }), k(
-      () => o.current.value,
-      (_) => {
-        E(_);
-      }
-    ), k(
-      () => n.current.value.dark,
-      (_) => {
-        he(_ ? "dark" : "light");
-      }
-    ), (_, m) => {
+    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", {
           class: "w-100 h-100",
           ref_key: "blocklyDiv",
-          ref: s,
-          id: "blocklyEditor"
+          ref: c
         }, null, 512), [
-          [w, x]
+          [w, S]
         ])
       ]);
     };