x-block-lib 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,57 +1,472 @@
-import { getCurrentInstance as b, inject as m, defineComponent as h, ref as C, onMounted as k, nextTick as T, onBeforeUnmount as _, watch as d, openBlock as v, createElementBlock as R, withDirectives as K, createElementVNode as M } from "vue";
-import { openConfirmDlg as P, openPromptDlg as w, useViewStack as x } from "x-essential-lib";
+(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";
 import * as e from "blockly/core";
-function B(r, t) {
-  const o = b();
-  if (!o)
-    throw new Error(`[Vuetify] ${r} must be called from inside a setup function`);
-  return o;
+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 O = Symbol.for("vuetify:locale");
-function z() {
-  const r = m(O);
-  if (!r)
+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 r;
+  return o;
 }
-const E = Symbol.for("vuetify:theme");
-function I() {
-  B("useTheme");
-  const r = m(E, null);
-  if (!r)
+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 r;
+  return o;
 }
-e.dialog.setConfirm(async (r, t) => {
-  const o = await P({
+e.defineBlocksWithJsonArray([
+  {
+    type: "boolean_v1",
+    message0: "%1",
+    args0: [
+      {
+        type: "field_dropdown",
+        name: "BOOL",
+        options: [
+          ["%{BKY_LOGIC_BOOLEAN_FALSE}", "FALSE"],
+          ["%{BKY_LOGIC_BOOLEAN_TRUE}", "TRUE"]
+        ]
+      }
+    ],
+    output: "Boolean",
+    style: "logic_blocks",
+    tooltip: "%{BKY_LOGIC_V1_BOOLEAN_TOOLTIP}",
+    helpUrl: "%{BKY_LOGIC_V1_BOOLEAN_HELPURL}"
+  }
+]);
+P.forBlock.boolean_v1 = function(o) {
+  return [o.getFieldValue("BOOL") === "TRUE" ? "true" : "false", w.ATOMIC];
+};
+const N = {
+  elseIfCount_: 0,
+  hasElse_: !1,
+  mutationToDom: function() {
+    if (this.elseIfCount_ <= 0 && !this.hasElse_)
+      return null;
+    const o = e.utils.xml.createElement("mutation");
+    return this.elseIfCount_ > 0 && o.setAttribute("elseIf", String(this.elseIfCount_)), this.hasElse_ && o.setAttribute("else", "TRUE"), o;
+  },
+  domToMutation: function(o) {
+    this.elseIfCount_ = parseInt(o.getAttribute("elseif"), 10) || 0, this.hasElse_ = o.getAttribute("else") === "TRUE", this.rebuildShape_();
+  },
+  saveExtraState: function() {
+    if (this.elseIfCount_ <= 0 && !this.hasElse_)
+      return null;
+    const o = /* @__PURE__ */ Object.create(null);
+    return this.elseIfCount_ > 0 && (o.elseIfCount = this.elseIfCount_), this.hasElse_ && (o.hasElse = !0), o;
+  },
+  loadExtraState: function(o) {
+    this.elseIfCount_ = o.elseIfCount || 0, this.hasElse_ = !!o.hasElse, this.updateShape_();
+  },
+  decompose: function(o) {
+    const t = o.newBlock("if_if_v1");
+    t.initSvg();
+    let n = t.nextConnection;
+    for (let r = 0; r < this.elseIfCount_; r++) {
+      const s = o.newBlock(
+        "if_else_if_v1"
+      );
+      s.initSvg(), n.connect(s.previousConnection), n = s.nextConnection;
+    }
+    if (this.hasElse_) {
+      const r = o.newBlock("if_else_v1");
+      r.initSvg(), n.connect(r.previousConnection);
+    }
+    return t;
+  },
+  compose: function(o) {
+    let t = o.nextConnection.targetBlock();
+    this.elseIfCount_ = 0, this.hasElse_ = !1;
+    const n = [null], r = [null];
+    let s = null;
+    for (; t; ) {
+      if (t.isInsertionMarker()) {
+        t = t.getNextBlock();
+        continue;
+      }
+      switch (t.type) {
+        case "if_else_if_v1":
+          this.elseIfCount_++, n.push(
+            t.valueConnection_
+          ), r.push(
+            t.statementConnection_
+          );
+          break;
+        case "if_else_v1":
+          this.hasElse_ = !0, s = t.statementConnection_;
+          break;
+        default:
+          throw TypeError("Unknown block type: " + t.type);
+      }
+      t = t.getNextBlock();
+    }
+    this.updateShape_(), this.reconnectChildBlocks_(
+      n,
+      r,
+      s
+    );
+  },
+  saveConnections: function(o) {
+    let t = o.nextConnection.targetBlock(), n = 1;
+    for (; t; ) {
+      if (t.isInsertionMarker()) {
+        t = t.getNextBlock();
+        continue;
+      }
+      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++;
+          break;
+        }
+        case "if_else_v1": {
+          const r = this.getInput("ELSE");
+          t.statementConnection_ = r && r.connection.targetConnection;
+          break;
+        }
+        default:
+          throw TypeError("Unknown block type: " + t.type);
+      }
+      t = t.getNextBlock();
+    }
+  },
+  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);
+    }
+    this.updateShape_(), this.reconnectChildBlocks_(
+      o,
+      t,
+      n
+    );
+  },
+  updateShape_: function() {
+    this.getInput("ELSE") && this.removeInput("ELSE");
+    for (let o = 1; this.getInput("IF" + o); o++)
+      this.removeInput("IF" + o), this.removeInput("DO" + o);
+    for (let o = 1; o <= this.elseIfCount_; o++)
+      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");
+  }
+};
+e.Extensions.registerMutator(
+  "if_v1_mutator",
+  N,
+  void 0,
+  ["if_else_if_v1", "if_else_v1"]
+);
+e.defineBlocksWithJsonArray([
+  {
+    type: "if_v1",
+    message0: "%{BKY_LOGIC_IF} %1",
+    args0: [
+      {
+        type: "input_value",
+        name: "IF0",
+        check: "Boolean"
+      }
+    ],
+    message1: "%{BKY_LOGIC_DO} %1",
+    args1: [
+      {
+        type: "input_statement",
+        name: "DO0"
+      }
+    ],
+    previousStatement: null,
+    nextStatement: null,
+    style: "logic_blocks",
+    helpUrl: "%{BKY_LOGIC_V1_IF_HELPURL",
+    suppressPrefixSuffix: !0,
+    mutator: "if_v1_mutator"
+  },
+  {
+    type: "if_if_v1",
+    message0: "%{BKY_LOGIC_IF}",
+    nextStatement: null,
+    enableContextMenu: !1,
+    style: "logic_blocks"
+  },
+  {
+    type: "if_else_if_v1",
+    message0: "%{BKY_LOGIC_ELSE_IF}",
+    previousStatement: null,
+    nextStatement: null,
+    enableContextMenu: !1,
+    style: "logic_blocks"
+  },
+  {
+    type: "if_else_v1",
+    message0: "%{BKY_LOGIC_ELSE}",
+    previousStatement: null,
+    enableContextMenu: !1,
+    style: "logic_blocks"
+  }
+]);
+const V = {
+  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 s = {
+        type: "variables_get",
+        fields: {
+          VAR: t.saveState(!0)
+        }
+      };
+      o.push({
+        enabled: !0,
+        text: e.Msg.VARIABLES_SET_CREATE_GET.replace("%1", r),
+        callback: e.ContextMenu.callbackFactory(this, s)
+      });
+    }
+  }
+};
+e.Extensions.registerMixin(
+  "contextMenu_newGetVariableBlock_v1",
+  V
+);
+e.Extensions.register(
+  "flow_control_tooltip_v1",
+  e.Extensions.buildTooltipForDropdown("MODE", {
+    BREAK: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_BREAK}",
+    CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
+  })
+);
+const U = /* @__PURE__ */ new Set([
+  "repeat_v1",
+  "for_each_v1",
+  "for_v1",
+  "while_until_v1"
+]), Y = {
+  getSurroundLoop: function() {
+    let o = this;
+    do {
+      if (U.has(o.type))
+        return !0;
+      o = o == null ? void 0 : o.getSurroundParent();
+    } while (o);
+    return !1;
+  },
+  onchange: function(o) {
+    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
+    ), !this.isInFlyout)
+      try {
+        e.Events.setRecordUndo(!1), this.setDisabledReason(!n, "FLOW_CONTROL_NOT_IN_LOOP");
+      } finally {
+        e.Events.setRecordUndo(!0);
+      }
+  }
+};
+e.Extensions.registerMixin(
+  "flow_control_in_loop_check_v1",
+  Y
+);
+e.defineBlocksWithJsonArray([
+  {
+    type: "flow_control_v1",
+    message0: "%1",
+    args0: [
+      {
+        type: "field_dropdown",
+        name: "MODE",
+        options: [
+          ["%{BKY_LOOP_V1_FLOW_CONTROL_OPERATOR_BREAK}", "BREAK"],
+          ["%{BKY_LOOP_V1_FLOW_CONTROL_OPERATOR_CONTINUE}", "CONTINUE"]
+        ]
+      }
+    ],
+    previousStatement: null,
+    style: "loop_blocks",
+    helpurl: "%{BKY_LOOP_V1_FLOW_CONTROL_HELPURL}",
+    suppressPrefixSuffix: !0,
+    extensions: ["flow_control_tooltip_v1", "flow_control_in_loop_check_v1"]
+  }
+]);
+e.Extensions.register(
+  "for_tooltip_v1",
+  e.Extensions.buildTooltipWithFieldText(
+    "%{BKY_LOOP_V1_FOR_TOOLTIP}",
+    "VAR"
+  )
+);
+e.defineBlocksWithJsonArray([
+  {
+    type: "for_v1",
+    message0: "%{BKY_LOOP_V1_FOR_TITLE}",
+    args0: [
+      {
+        type: "field_variable",
+        name: "VAR",
+        variable: null
+      },
+      {
+        type: "input_value",
+        name: "FROM",
+        check: "Number",
+        align: "RIGHT"
+      },
+      {
+        type: "input_value",
+        name: "TO",
+        check: "Number",
+        align: "RIGHT"
+      },
+      {
+        type: "input_value",
+        name: "BY",
+        check: "Number",
+        align: "RIGHT"
+      }
+    ],
+    message1: "%{BKY_LOOP_DO} %1",
+    args1: [
+      {
+        type: "input_statement",
+        name: "DO"
+      }
+    ],
+    inputsInline: !0,
+    previousStatement: null,
+    nextStatement: null,
+    style: "loop_blocks",
+    helpUrl: "%{BKY_LOOP_V1_FOR_HELPURL}",
+    extensions: ["contextMenu_newGetVariableBlock_v1", "for_tooltip_v1"]
+  }
+]);
+e.Extensions.register(
+  "for_each_tooltip_v1",
+  e.Extensions.buildTooltipWithFieldText(
+    "%{BKY_LOOP_V1_FOR_EACH_TOOLTIP}",
+    "VAR"
+  )
+);
+e.defineBlocksWithJsonArray([
+  {
+    type: "for_each_v1",
+    message0: "%{BKY_LOOP_V1_FOR_EACH_TITLE}",
+    args0: [
+      {
+        type: "field_variable",
+        name: "VAR",
+        variable: null
+      },
+      {
+        type: "input_value",
+        name: "LIST",
+        check: "Array"
+      }
+    ],
+    message1: "%{BKY_LOOP_DO} %1",
+    args1: [
+      {
+        type: "input_statement",
+        name: "DO"
+      }
+    ],
+    previousStatement: null,
+    nextStatement: null,
+    style: "loop_blocks",
+    helpUrl: "%{BKY_LOOP_V1_FOR_EACH_HELPURL}",
+    extensions: ["contextMenu_newGetVariableBlock_v1", "for_each_tooltip_v1"]
+  }
+]);
+e.Extensions.register(
+  "while_until_tooltip_v1",
+  e.Extensions.buildTooltipForDropdown("MODE", {
+    WHILE: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_WHILE}",
+    UNTIL: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_UNTIL}"
+  })
+);
+e.defineBlocksWithJsonArray([
+  {
+    type: "while_until_v1",
+    message0: "%1 %2",
+    args0: [
+      {
+        type: "field_dropdown",
+        name: "MODE",
+        options: [
+          ["%{BKY_LOOP_V1_WHILE_UNTIL_OPERATOR_WHILE}", "WHILE"],
+          ["%{BKY_LOOP_V1_WHILE_UNTIL_OPERATOR_UNTIL}", "UNTIL"]
+        ]
+      },
+      {
+        type: "input_value",
+        name: "BOOL",
+        check: "Boolean"
+      }
+    ],
+    message1: "%{BKY_LOOP_DO} %1",
+    args1: [
+      {
+        type: "input_statement",
+        name: "DO"
+      }
+    ],
+    previousStatement: null,
+    nextStatement: null,
+    style: "loop_blocks",
+    helpUrl: "%{BKY_LOOP_V1_WHILE_UNTIL_HELPURL}",
+    extensions: ["while_until_tooltip_v1"]
+  }
+]);
+e.dialog.setConfirm(async (o, t) => {
+  const n = await B({
     title: "",
-    text: r
+    text: o
   });
-  t(!!o);
+  t(!!n);
 });
-e.dialog.setPrompt(async (r, t, o) => {
-  const a = await w({
+e.dialog.setPrompt(async (o, t, n) => {
+  const r = await R({
     title: "",
     value: t
   });
-  o(a);
+  n(r);
 });
-const D = (r, t) => {
-  const o = r[t];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((a, c) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(c.bind(null, new Error("Unknown variable dynamic import: " + t)));
+const W = (o, t) => {
+  const n = o[t];
+  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: " + t)));
   });
 };
-async function f(r) {
-  const t = await D(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./en-DYxpcVy9.js"), "./msg/zhHans.ts": () => import("./zhHans-DjWw6Iqb.js") }), `./msg/${r}.ts`);
-  e.setLocale(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`);
+  e.setLocale(t.default);
 }
-class F {
-  init({ contextMenu: t = !0, shortcut: o = !0 } = {
+class G {
+  init({ contextMenu: t = !0, shortcut: n = !0 } = {
     contextMenu: !0,
     shortcut: !0
   }) {
-    t && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), o && (e.ShortcutRegistry.registry.unregister(
+    t && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), n && (e.ShortcutRegistry.registry.unregister(
       e.ShortcutItems.names.COPY
     ), e.ShortcutRegistry.registry.unregister(
       e.ShortcutItems.names.CUT
@@ -64,21 +479,15 @@ class F {
       displayText: function() {
         return e.Msg.CROSS_TAB_COPY ? e.Msg.CROSS_TAB_COPY : "Copy";
       },
-      preconditionFn: function(o) {
-        var s;
-        const a = e.getSelected();
-        if (!a)
-          return "disabled";
-        const c = (s = o.workspace) == null ? void 0 : s.getBlockById(
-          a.id
-        );
-        return !c || !c.isDeletable() || !c.isMovable() ? "disabled" : "enabled";
+      preconditionFn: function() {
+        const n = e.getSelected();
+        return !n || !e.isDeletable(n) || !n.isDeletable() || !e.isDraggable(n) || !n.isMovable() || !e.isCopyable(n) ? "disabled" : "enabled";
       },
-      callback: function(o) {
-        var a;
+      callback: function(n) {
+        var r;
         localStorage.setItem(
           "blocklyStash",
-          JSON.stringify((a = o.block) == null ? void 0 : a.toCopyData())
+          JSON.stringify((r = n.block) == null ? void 0 : r.toCopyData())
         );
       },
       scopeType: e.ContextMenuRegistry.ScopeType.BLOCK,
@@ -92,20 +501,20 @@ class F {
       displayText: function() {
         return e.Msg.CROSS_TAB_PASTE ? e.Msg.CROSS_TAB_PASTE : "Paste";
       },
-      preconditionFn: function(o) {
-        var s;
-        const a = localStorage.getItem("blocklyStash");
-        if (!a)
+      preconditionFn: function(n) {
+        var i;
+        const r = localStorage.getItem("blocklyStash");
+        if (!r)
           return "disabled";
-        const c = JSON.parse(a);
-        return !c || !((s = o.workspace) != null && s.isCapacityAvailable(c.typeCounts)) ? "disabled" : "enabled";
+        const s = JSON.parse(r);
+        return !s || !((i = n.workspace) != null && i.isCapacityAvailable(s.typeCounts)) ? "disabled" : "enabled";
       },
-      callback: function(o) {
-        const a = localStorage.getItem("blocklyStash");
-        if (!a)
+      callback: function(n) {
+        const r = localStorage.getItem("blocklyStash");
+        if (!r)
           return;
-        const c = JSON.parse(a);
-        c && o.workspace && e.clipboard.paste(c, o.workspace);
+        const s = JSON.parse(r);
+        s && n.workspace && e.clipboard.paste(s, n.workspace);
       },
       scopeType: e.ContextMenuRegistry.ScopeType.WORKSPACE,
       id: "blockPasteFromStorage",
@@ -114,136 +523,166 @@ class F {
     e.ContextMenuRegistry.registry.register(t);
   }
   blockCopyToStorageShortcut() {
-    const t = {
-      name: "copy",
-      preconditionFn: function(s) {
-        if (s.options.readOnly || e.Gesture.inProgress())
-          return !1;
-        const n = e.getSelected();
-        if (!n)
-          return !1;
-        const i = s.getBlockById(
-          n.id
-        );
-        return !(!i || !i.isDeletable() || !i.isMovable() || i.isInMutator);
-      },
-      callback: function(s, n) {
-        n.preventDefault();
-        const i = e.getSelected();
-        if (!i)
-          return !1;
-        const l = s.getBlockById(
-          i.id
-        );
-        return l ? (s.hideChaff(), localStorage.setItem(
-          "blocklyStash",
-          JSON.stringify(l.toCopyData())
-        ), !0) : !1;
-      }
-    };
-    e.ShortcutRegistry.registry.register(t);
-    const o = e.ShortcutRegistry.registry.createSerializedKey(
+    const t = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.C,
       [e.utils.KeyCodes.CTRL]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(o, t.name);
-    const a = e.ShortcutRegistry.registry.createSerializedKey(
+    ), n = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.C,
       [e.utils.KeyCodes.ALT]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(a, t.name);
-    const c = e.ShortcutRegistry.registry.createSerializedKey(
+    ), r = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.C,
       [e.utils.KeyCodes.META]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(c, t.name);
-  }
-  blockCutToStorageShortcut() {
-    const t = {
-      name: "cut",
-      preconditionFn: function(s) {
-        if (s.options.readOnly || e.Gesture.inProgress())
-          return !1;
-        const n = e.getSelected();
-        if (!n)
+    ), s = {
+      name: "copy",
+      preconditionFn: function(i) {
+        if (i.options.readOnly || e.Gesture.inProgress())
           return !1;
-        const i = s.getBlockById(
-          n.id
-        );
-        return !(!i || !i.isDeletable() || !i.isMovable() || s.isFlyout);
+        const a = e.getSelected();
+        return !(!a || !e.isDeletable(a) || !a.isDeletable() || !e.isDraggable(a) || !a.isMovable() || !e.isCopyable(a));
       },
-      callback: function(s, n) {
-        n.preventDefault();
-        const i = e.getSelected();
-        if (!i)
+      callback: function(i, a) {
+        a.preventDefault();
+        const l = e.getSelected();
+        if (!l || !e.isCopyable(l))
           return !1;
-        const l = s.getBlockById(
-          i.id
-        );
-        return l ? (localStorage.setItem(
-          "blocklyStash",
-          JSON.stringify(l.toCopyData())
-        ), e.Events.setGroup(!0), l.dispose(!0), e.Events.setGroup(!1), !0) : !1;
-      }
+        const c = l.toCopyData();
+        return c ? (i.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(c)), !0) : !1;
+      },
+      keyCodes: [t, n, r]
     };
-    e.ShortcutRegistry.registry.register(t);
-    const o = e.ShortcutRegistry.registry.createSerializedKey(
+    e.ShortcutRegistry.registry.register(s);
+  }
+  blockCutToStorageShortcut() {
+    const t = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.X,
       [e.utils.KeyCodes.CTRL]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(o, t.name);
-    const a = e.ShortcutRegistry.registry.createSerializedKey(
+    ), n = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.X,
       [e.utils.KeyCodes.ALT]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(a, t.name);
-    const c = e.ShortcutRegistry.registry.createSerializedKey(
+    ), r = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.X,
       [e.utils.KeyCodes.META]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(c, t.name);
-  }
-  blockPasteFromStorageShortcut() {
-    const t = {
-      name: "paste",
-      preconditionFn: function(s) {
-        if (s.options.readOnly || e.Gesture.inProgress())
-          return !1;
-        const n = localStorage.getItem("blocklyStash");
-        if (!n)
+    ), s = {
+      name: "cut",
+      preconditionFn: function(i) {
+        if (i.options.readOnly || e.Gesture.inProgress())
           return !1;
-        const i = JSON.parse(n);
-        return !(!i || !s.isCapacityAvailable(i.typeCounts));
+        const a = e.getSelected();
+        return !(!a || !e.isDeletable(a) || !a.isDeletable() || !e.isDraggable(a) || !a.isMovable() || !e.isCopyable(a) || a.workspace.isFlyout);
       },
-      callback: function(s, n) {
-        n.preventDefault();
-        const i = localStorage.getItem("blocklyStash");
-        if (!i)
+      callback: function(i, a) {
+        a.preventDefault();
+        const l = e.getSelected();
+        if (!l || !e.isDeletable(l) || !l.isDeletable() || !e.isCopyable(l))
           return !1;
-        const l = JSON.parse(i);
-        return l ? (e.clipboard.paste(l, s), !0) : !1;
-      }
+        const c = l.toCopyData();
+        return c ? (localStorage.setItem("blocklyStash", JSON.stringify(c)), l instanceof e.BlockSvg ? l.checkAndDelete() : l.dispose(), !0) : !1;
+      },
+      keyCodes: [t, n, r]
     };
-    e.ShortcutRegistry.registry.register(t);
-    const o = e.ShortcutRegistry.registry.createSerializedKey(
+    e.ShortcutRegistry.registry.register(s);
+  }
+  blockPasteFromStorageShortcut() {
+    const t = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.V,
       [e.utils.KeyCodes.CTRL]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(o, t.name);
-    const a = e.ShortcutRegistry.registry.createSerializedKey(
+    ), n = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.V,
       [e.utils.KeyCodes.ALT]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(a, t.name);
-    const c = e.ShortcutRegistry.registry.createSerializedKey(
+    ), r = e.ShortcutRegistry.registry.createSerializedKey(
       e.utils.KeyCodes.V,
       [e.utils.KeyCodes.META]
-    );
-    e.ShortcutRegistry.registry.addKeyMapping(c, t.name);
+    ), s = {
+      name: "paste",
+      preconditionFn: function(i) {
+        if (i.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));
+      },
+      callback: function(i, a) {
+        a.preventDefault();
+        const l = localStorage.getItem("blocklyStash");
+        if (!l)
+          return !1;
+        const c = JSON.parse(l);
+        return c ? (e.clipboard.paste(c, i), !0) : !1;
+      },
+      keyCodes: [t, n, r]
+    };
+    e.ShortcutRegistry.registry.register(s);
   }
 }
-const A = new F();
-A.init({ contextMenu: !0, shortcut: !0 });
+class H {
+  init() {
+    const t = e.ContextMenuRegistry.registry.getItem("cleanWorkspace");
+    t && (t.callback = function(n) {
+      const r = n.workspace;
+      if (!r)
+        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())
+          continue;
+        const c = l.getRelativeToSurfaceXY();
+        l.moveBy(-c.x, i - c.y, ["cleanup"]), l.snapToGrid(), i = l.getRelativeToSurfaceXY().y + l.getHeightWidth().height + 100;
+      }
+      e.Events.setGroup(!1), r.setResizesEnabled(!0);
+    });
+  }
+}
+function g(o) {
+  const t = o.getParent();
+  return t && g(t) ? !0 : !t && !!(o.outputConnection || o.previousConnection);
+}
+class z {
+  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";
+    });
+  }
+}
+class X extends e.HorizontalFlyout {
+  addBlockListeners_(t, n, r) {
+    e.getMainWorkspace().options.readOnly || super.addBlockListeners_(t, n, r);
+  }
+  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);
+  }
+  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();
+e.registry.register(
+  e.registry.Type.FLYOUTS_HORIZONTAL_TOOLBOX,
+  e.registry.DEFAULT,
+  X,
+  !0
+);
+e.registry.register(
+  e.registry.Type.FLYOUTS_VERTICAL_TOOLBOX,
+  e.registry.DEFAULT,
+  J,
+  !0
+);
 e.Themes.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
@@ -368,7 +807,7 @@ e.Themes.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const L = e.Theme.defineTheme("light", {
+const Z = e.Theme.defineTheme("light", {
   name: "light",
   base: e.Themes.Classic,
   componentStyles: {
@@ -384,7 +823,7 @@ const L = e.Theme.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), V = e.Theme.defineTheme("dark", {
+}), Q = e.Theme.defineTheme("dark", {
   name: "dark",
   base: e.Themes.Classic,
   componentStyles: {
@@ -401,55 +840,95 @@ const L = e.Theme.defineTheme("light", {
     cursorColour: ""
   }
 });
-function $(r) {
+function ee(o) {
   const t = e.getMainWorkspace();
-  switch (console.log(t), r) {
+  switch (console.log(t), o) {
     case "light":
-      t.setTheme(L);
+      t.setTheme(Z);
       break;
     case "dark":
-      t.setTheme(V);
+      t.setTheme(Q);
       break;
   }
 }
-const j = {
+const te = {
+  kind: "category",
+  name: "%{BKY_CATEGORY_LOGIC}",
+  categorystyle: "logic_category",
+  contents: [
+    {
+      kind: "label",
+      text: "%{BKY_LABEL_BOOLEAN}"
+    },
+    {
+      kind: "block",
+      type: "boolean_v1"
+    },
+    {
+      kind: "block",
+      type: "if_v1"
+    }
+  ]
+}, oe = {
+  kind: "category",
+  name: "%{BKY_CATEGORY_LOOP}",
+  categorystyle: "loop_category",
+  contents: [
+    {
+      kind: "block",
+      type: "while_until_v1"
+    },
+    {
+      kind: "block",
+      type: "flow_control_v1"
+    },
+    {
+      kind: "block",
+      type: "for_v1"
+    },
+    {
+      kind: "block",
+      type: "for_each_v1"
+    }
+  ]
+}, ne = {
   kind: "categoryToolbox",
-  contents: []
+  contents: [te, oe]
 };
-function N(r, t) {
-  var c, s;
-  const o = t.value, a = {
-    passive: !((c = t.modifiers) != null && c.active)
+function re(o, t) {
+  var s, i;
+  const n = t.value, r = {
+    passive: !((s = t.modifiers) != null && s.active)
   };
-  window.addEventListener("resize", o, a), r._onResize = Object(r._onResize), r._onResize[t.instance.$.uid] = {
-    handler: o,
-    options: a
-  }, (s = t.modifiers) != null && s.quiet || o();
+  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 J(r, t) {
-  var c;
-  if (!((c = r._onResize) != null && c[t.instance.$.uid]))
+function se(o, t) {
+  var s;
+  if (!((s = o._onResize) != null && s[t.instance.$.uid]))
     return;
   const {
-    handler: o,
-    options: a
-  } = r._onResize[t.instance.$.uid];
-  window.removeEventListener("resize", o, a), delete r._onResize[t.instance.$.uid];
+    handler: n,
+    options: r
+  } = o._onResize[t.instance.$.uid];
+  window.removeEventListener("resize", n, r), delete o._onResize[t.instance.$.uid];
 }
-const X = {
-  mounted: N,
-  unmounted: J
-}, G = { class: "position-relative w-100 h-100" }, q = /* @__PURE__ */ h({
+const ie = {
+  mounted: re,
+  unmounted: se
+}, le = { class: "position-relative w-100 h-100" }, ae = /* @__PURE__ */ m({
   __name: "index",
   props: {
     type: {},
     version: {}
   },
   emits: ["ready", "change"],
-  setup(r, { emit: t }) {
-    const o = z(), a = I(), { open: c } = x("blocklyEditorFlyout"), s = r, n = t, i = C(null);
-    let l;
-    const g = {
+  setup(o, { emit: t }) {
+    const n = K(), r = D(), { open: s } = x("blocklyEditorFlyout"), i = o, a = t, l = C(null);
+    let c;
+    const p = {
       grid: {
         length: 2,
         snap: !0,
@@ -461,7 +940,8 @@ const X = {
         scrollbars: !0,
         wheel: !0
       },
-      theme: a.current.value.dark ? "dark" : "light",
+      readOnly: !1,
+      theme: r.current.value.dark ? "dark" : "light",
       trashcan: !1,
       zoom: {
         maxScale: 1,
@@ -472,47 +952,47 @@ const X = {
       }
     };
     k(async () => {
-      if (!i.value)
+      if (!l.value)
         return;
-      await f(o.current.value);
+      await f(n.current.value);
       let u;
-      s.type === "app" && s.version === "v1" && (u = j), g.toolbox = u, l = e.inject(i.value, g), l.addChangeListener(e.Events.disableOrphans), l.addChangeListener(S), await T(), n("ready", l);
+      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);
     });
-    function p() {
-      l && e.svgResize(l);
+    function h() {
+      c && e.svgResize(c);
     }
-    function S(u) {
-      n("change", u);
+    function O(u) {
+      a("change", u);
     }
-    return _(() => {
-      c.value = !1;
-    }), d(c, (u) => {
-      var y;
-      u || (y = l.getToolbox()) == null || y.clearSelection();
-    }), d(
-      () => o.current.value,
+    return T(() => {
+      s.value = !1;
+    }), y(s, (u) => {
+      var _;
+      u || (_ = c.getToolbox()) == null || _.clearSelection();
+    }), y(
+      () => n.current.value,
       (u) => {
         f(u);
       }
-    ), d(
-      () => a.current.value.dark,
+    ), y(
+      () => r.current.value.dark,
       (u) => {
-        $(u ? "dark" : "light");
+        ee(u ? "dark" : "light");
       }
-    ), (u, y) => (v(), R("div", G, [
-      K(M("div", {
+    ), (u, _) => (L(), E("div", le, [
+      I(v("div", {
         class: "w-100 h-100",
         ref_key: "blocklyDiv",
-        ref: i,
+        ref: l,
         id: "blocklyEditor"
       }, null, 512), [
-        [X, p]
+        [ie, h]
       ])
     ]));
   }
-}), U = (r) => {
-  r.component("x-blockly", q);
-}, W = { install: U };
+}), ce = (o) => {
+  o.component("x-blockly", ae);
+}, pe = { install: ce };
 export {
-  W as default
+  pe as default
 };