x-block-lib 0.3.19 → 0.3.22

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

@@ -3,12 +3,18 @@ interface Props {
     version: 'v1';
     active: boolean;
 }
-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/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 B, resolveComponent as b, openBlock as O, createBlock as F, unref as S, useModel as X, computed as I, withCtx as U, createVNode as h, mergeProps as se, createElementVNode as V, normalizeStyle as E, mergeModels as H, ref as Y, onMounted as le, onBeforeUnmount as ae, watch as L, resolveDirective as ie, createElementBlock as R, withDirectives as ce, createCommentVNode as G } from "vue";
+import { storeToRefs as ue } from "pinia";
+import { openConfirmDlg as _e, openPromptDlg as pe, useGlobalStore as fe, useViewStack as de } from "x-essential-lib";
+import { d as C, j as ye, O as ge, E as p, u as i, M as f, C as me, a as y, b as j, s as he, S as u, c as w, g as k, i as T, e as K, f as v, h as m, k as W, G as M, B as be, T as x, l as J, m as $, n as Oe, o as Ce } from "./blockly-kru4jhu1.js";
+var ke = "M19.36,2.72L20.78,4.14L15.06,9.85C16.13,11.39 16.28,13.24 15.38,14.44L9.06,8.12C10.26,7.22 12.11,7.37 13.65,8.44L19.36,2.72M5.93,17.57C3.92,15.56 2.69,13.16 2.35,10.92L7.23,8.83L14.67,16.27L12.58,21.15C10.34,20.81 7.94,19.58 5.93,17.57Z", ve = "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z", Se = "M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z", Le = "M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z", Te = "M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z";
+C([
   {
     type: "boolean_v1",
     message0: "%1",
@@ -23,10 +24,10 @@ h([
     helpUrl: "%{BKY_LOGIC_V1_BOOLEAN_HELPURL}"
   }
 ]);
-$.forBlock.boolean_v1 = function(t) {
-  return [t.getFieldValue("BOOL") === "TRUE" ? "true" : "false", q.ATOMIC];
+ye.forBlock.boolean_v1 = function(t) {
+  return [t.getFieldValue("BOOL") === "TRUE" ? "true" : "false", ge.ATOMIC];
 };
-const re = {
+const Ie = {
   elseIfCount_: 0,
   hasElse_: !1,
   mutationToDom: function() {
@@ -150,11 +151,11 @@ const re = {
 };
 p.registerMutator(
   "if_v1_mutator",
-  re,
+  Ie,
   void 0,
   ["if_else_if_v1", "if_else_v1"]
 );
-h([
+C([
   {
     type: "if_v1",
     message0: "%{BKY_LOGIC_IF} %1",
@@ -202,7 +203,7 @@ h([
     style: "logic_blocks"
   }
 ]);
-const se = {
+const Ee = {
   customContextMenu: function(t) {
     if (this.isInFlyout)
       return;
@@ -217,14 +218,14 @@ const se = {
       t.push({
         enabled: !0,
         text: f.VARIABLES_SET_CREATE_GET.replace("%1", o),
-        callback: Q.callbackFactory(this, r)
+        callback: me.callbackFactory(this, r)
       });
     }
   }
 };
 p.registerMixin(
   "contextMenu_newGetVariableBlock_v1",
-  se
+  Ee
 );
 p.register(
   "flow_control_tooltip_v1",
@@ -233,16 +234,16 @@ p.register(
     CONTINUE: "%{BKY_LOOP_V1_FLOW_CONTROL_TOOLTIP_CONTINUE}"
   })
 );
-const ae = /* @__PURE__ */ new Set([
+const Be = /* @__PURE__ */ new Set([
   "repeat_v1",
   "for_each_v1",
   "for_v1",
   "while_until_v1"
-]), le = {
+]), xe = {
   getSurroundLoop: function() {
     let t = this;
     do {
-      if (ae.has(t.type))
+      if (Be.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 !== y.BLOCK_MOVE && t.type !== y.BLOCK_CREATE)
       return;
     const n = this.getSurroundLoop();
     if (console.log(t.type, n), this.setWarningText(
       n ? null : f.LOOP_FLOW_CONTROL_WARNING
     ), !this.isInFlyout)
       try {
-        d.setRecordUndo(!1), this.setDisabledReason(!n, "FLOW_CONTROL_NOT_IN_LOOP");
+        y.setRecordUndo(!1), this.setDisabledReason(!n, "FLOW_CONTROL_NOT_IN_LOOP");
       } finally {
-        d.setRecordUndo(!0);
+        y.setRecordUndo(!0);
       }
   }
 };
 p.registerMixin(
   "flow_control_in_loop_check_v1",
-  le
+  xe
 );
-h([
+C([
   {
     type: "flow_control_v1",
     message0: "%1",
@@ -295,7 +296,7 @@ p.register(
     "VAR"
   )
 );
-h([
+C([
   {
     type: "for_v1",
     message0: "%{BKY_LOOP_V1_FOR_TITLE}",
@@ -346,7 +347,7 @@ p.register(
     "VAR"
   )
 );
-h([
+C([
   {
     type: "for_each_v1",
     message0: "%{BKY_LOOP_V1_FOR_EACH_TITLE}",
@@ -383,7 +384,7 @@ p.register(
     UNTIL: "%{BKY_LOOP_V1_WHILE_UNTIL_TOOLTIP_UNTIL}"
   })
 );
-h([
+C([
   {
     type: "while_until_v1",
     message0: "%1 %2",
@@ -416,21 +417,21 @@ h([
     extensions: ["while_until_tooltip_v1"]
   }
 ]);
-R.setConfirm(async (t, e) => {
-  const n = await z({
+j.setConfirm(async (t, e) => {
+  const n = await _e({
     title: "",
     text: t
   });
   e(!!n);
 });
-R.setPrompt(async (t, e, n) => {
-  const o = await X({
+j.setPrompt(async (t, e, n) => {
+  const o = await pe({
     title: "",
     value: e
   });
   n(o);
 });
-const ie = (t, e, n) => {
+const Ae = (t, e, n) => {
   const o = t[e];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((r, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -443,21 +444,21 @@ const ie = (t, e, n) => {
     );
   });
 };
-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 z(t) {
+  const e = await Ae(/* @__PURE__ */ Object.assign({ "./msg/en/index.ts": () => import("./en-jrrs2wmb.js"), "./msg/zhHans/index.ts": () => import("./zhHans-jrrs2wmb.js") }), `./msg/${t}/index.ts`, 4);
+  he(e.default);
 }
-class ce {
+class Pe {
   init({ contextMenu: e = !0, shortcut: n = !0 } = {
     contextMenu: !0,
     shortcut: !0
   }) {
     e && (this.blockCopyToStorageContextMenu(), this.blockPasteFromStorageContextMenu()), n && (u.registry.unregister(
-      L.names.COPY
+      w.names.COPY
     ), u.registry.unregister(
-      L.names.CUT
+      w.names.CUT
     ), u.registry.unregister(
-      L.names.PASTE
+      w.names.PASTE
     ), this.blockCopyToStorageShortcut(), this.blockCutToStorageShortcut(), this.blockPasteFromStorageShortcut());
   }
   blockCopyToStorageContextMenu() {
@@ -466,8 +467,8 @@ class ce {
         return f.CROSS_TAB_COPY ? f.CROSS_TAB_COPY : "Copy";
       },
       preconditionFn: function() {
-        const n = O();
-        return !n || !m(n) || !n.isDeletable() || !I(n) || !n.isMovable() || !b(n) ? "disabled" : "enabled";
+        const n = k();
+        return !n || !T(n) || !n.isDeletable() || !K(n) || !n.isMovable() || !v(n) ? "disabled" : "enabled";
       },
       callback: function(n) {
         var o;
@@ -476,11 +477,11 @@ class ce {
           JSON.stringify((o = n.block) == null ? void 0 : o.toCopyData())
         );
       },
-      scopeType: g.ScopeType.BLOCK,
+      scopeType: m.ScopeType.BLOCK,
       id: "blockCopyToStorage",
       weight: 0
     };
-    g.registry.register(e);
+    m.registry.register(e);
   }
   blockPasteFromStorageContextMenu() {
     const e = {
@@ -500,13 +501,13 @@ class ce {
         if (!o)
           return;
         const r = JSON.parse(o);
-        r && n.workspace && B.paste(r, n.workspace);
+        r && n.workspace && W.paste(r, n.workspace);
       },
-      scopeType: g.ScopeType.WORKSPACE,
+      scopeType: m.ScopeType.WORKSPACE,
       id: "blockPasteFromStorage",
       weight: 0
     };
-    g.registry.register(e);
+    m.registry.register(e);
   }
   blockCopyToStorageShortcut() {
     const e = u.registry.createSerializedKey(
@@ -521,18 +522,18 @@ class ce {
     ), r = {
       name: "copy",
       preconditionFn: function(s) {
-        if (s.options.readOnly || v.inProgress())
+        if (s.options.readOnly || M.inProgress())
           return !1;
-        const a = O();
-        return !(!a || !m(a) || !a.isDeletable() || !I(a) || !a.isMovable() || !b(a));
+        const l = k();
+        return !(!l || !T(l) || !l.isDeletable() || !K(l) || !l.isMovable() || !v(l));
       },
-      callback: function(s, a) {
-        a.preventDefault();
-        const l = O();
-        if (!l || !b(l))
+      callback: function(s, l) {
+        l.preventDefault();
+        const a = k();
+        if (!a || !v(a))
           return !1;
-        const c = l.toCopyData();
-        return c ? (s.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(c)), !0) : !1;
+        const _ = a.toCopyData();
+        return _ ? (s.hideChaff(), localStorage.setItem("blocklyStash", JSON.stringify(_)), !0) : !1;
       },
       keyCodes: [e, n, o]
     };
@@ -551,18 +552,18 @@ class ce {
     ), r = {
       name: "cut",
       preconditionFn: function(s) {
-        if (s.options.readOnly || v.inProgress())
+        if (s.options.readOnly || M.inProgress())
           return !1;
-        const a = O();
-        return !(!a || !m(a) || !a.isDeletable() || !I(a) || !a.isMovable() || !b(a) || a.workspace.isFlyout);
+        const l = k();
+        return !(!l || !T(l) || !l.isDeletable() || !K(l) || !l.isMovable() || !v(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 = k();
+        if (!a || !T(a) || !a.isDeletable() || !v(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 _ = a.toCopyData();
+        return _ ? (localStorage.setItem("blocklyStash", JSON.stringify(_)), a instanceof be ? a.checkAndDelete() : a.dispose(), !0) : !1;
       },
       keyCodes: [e, n, o]
     };
@@ -581,67 +582,67 @@ class ce {
     ), r = {
       name: "paste",
       preconditionFn: function(s) {
-        if (s.options.readOnly || v.inProgress())
+        if (s.options.readOnly || M.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 _ = JSON.parse(a);
+        return _ ? (W.paste(_, s), !0) : !1;
       },
       keyCodes: [e, n, o]
     };
     u.registry.register(r);
   }
 }
-class ue {
+class Re {
   init() {
-    const e = g.registry.getItem("cleanWorkspace");
+    const e = m.registry.getItem("cleanWorkspace");
     e && (e.callback = function(n) {
       const o = n.workspace;
       if (!o)
         return;
-      o.setResizesEnabled(!1), d.setGroup(!0);
+      o.setResizesEnabled(!1), y.setGroup(!0);
       const r = o.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 _ = a.getRelativeToSurfaceXY();
+        a.moveBy(-_.x, s - _.y, ["cleanup"]), a.snapToGrid(), s = a.getRelativeToSurfaceXY().y + a.getHeightWidth().height + 100;
       }
-      d.setGroup(!1), o.setResizesEnabled(!0);
+      y.setGroup(!1), o.setResizesEnabled(!0);
     });
   }
 }
-function K(t) {
+function Z(t) {
   const e = t.getParent();
-  return e && K(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
+  return e && Z(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
 }
-class _e {
+class we {
   init() {
-    const e = g.registry.getItem("blockDisable");
+    const e = m.registry.getItem("blockDisable");
     e && (e.preconditionFn = function(n) {
       const o = n.block;
-      return o && !o.isInFlyout && o.workspace.options.disable && o.isEditable() ? o.getInheritedDisabled() || K(o) ? "disabled" : "enabled" : "hidden";
+      return o && !o.isInFlyout && o.workspace.options.disable && o.isEditable() ? o.getInheritedDisabled() || Z(o) ? "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 Ke = new Pe();
+Ke.init({ contextMenu: !0, shortcut: !0 });
+const Me = new Re();
+Me.init();
+const Ve = new we();
+Ve.init();
+x.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
     colourSecondary: "#ede3de",
@@ -715,7 +716,7 @@ k.Classic.blockStyles = {
     hat: ""
   }
 };
-k.Classic.categoryStyles = {
+x.Classic.categoryStyles = {
   calc_category: {
     colour: "#757575"
   },
@@ -765,9 +766,9 @@ k.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const de = x.defineTheme("light", {
+const Fe = J.defineTheme("light", {
   name: "light",
-  base: k.Classic,
+  base: x.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#ffffff",
     toolboxBackgroundColour: "#eeeeee",
@@ -781,9 +782,9 @@ const de = x.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), ge = x.defineTheme("dark", {
+}), Ne = J.defineTheme("dark", {
   name: "dark",
-  base: k.Classic,
+  base: x.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#1e1e1e",
     toolboxBackgroundColour: "#272727",
@@ -798,18 +799,18 @@ const de = x.defineTheme("light", {
     cursorColour: ""
   }
 });
-function he(t) {
-  const e = te();
+function De(t) {
+  const e = $();
   switch (console.log(e), t) {
     case "light":
-      e.setTheme(de);
+      e.setTheme(Fe);
       break;
     case "dark":
-      e.setTheme(ge);
+      e.setTheme(Ne);
       break;
   }
 }
-const Oe = {
+const Ue = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOGIC}",
   categorystyle: "logic_category",
@@ -827,7 +828,7 @@ const Oe = {
       type: "if_v1"
     }
   ]
-}, be = {
+}, He = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOOP}",
   categorystyle: "loop_category",
@@ -849,21 +850,95 @@ const Oe = {
       type: "for_each_v1"
     }
   ]
-}, Ce = {
+}, Ye = {
   kind: "categoryToolbox",
-  contents: [Oe, be]
-}, me = { class: "position-relative w-100 h-100" }, ke = /* @__PURE__ */ A({
-  __name: "index",
+  contents: [Ue, He]
+}, Ge = /* @__PURE__ */ B({
+  __name: "cleanup",
+  setup(t) {
+    const e = () => {
+      const n = $();
+      if (!n)
+        return;
+      const o = m.registry.getItem("cleanWorkspace");
+      o && o.callback({ workspace: n }, new PointerEvent("dummy"));
+    };
+    return (n, o) => {
+      const r = b("v-btn");
+      return O(), F(r, {
+        onClick: e,
+        class: "mr-3",
+        variant: "outlined",
+        density: "comfortable",
+        icon: S(ke)
+      }, null, 8, ["icon"]);
+    };
+  }
+}), We = /* @__PURE__ */ B({
+  __name: "lock",
   props: {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = X(t, "modelValue");
+    return (n, o) => {
+      const r = b("v-btn");
+      return O(), F(r, {
+        onClick: o[0] || (o[0] = (s) => e.value = !e.value),
+        class: "mr-3",
+        variant: "outlined",
+        density: "comfortable",
+        icon: e.value ? S(Se) : S(Le)
+      }, null, 8, ["icon"]);
+    };
+  }
+}), ze = /* @__PURE__ */ B({
+  __name: "navigator",
+  setup(t) {
+    const e = I(() => ({
+      maxHeight: "calc(100vh - 200px)"
+    }));
+    return (n, o) => {
+      const r = b("v-btn"), s = b("v-list"), l = b("v-menu");
+      return O(), F(l, {
+        "close-on-content-click": !1,
+        transition: "slide-y-transition",
+        "offset-y": ""
+      }, {
+        activator: U(({ props: a }) => [
+          h(r, se(a, {
+            variant: "outlined",
+            density: "comfortable",
+            icon: S(Te)
+          }), null, 16, ["icon"])
+        ]),
+        default: U(() => [
+          V("div", {
+            class: "overflow-auto",
+            style: E(e.value)
+          }, [
+            h(s)
+          ], 4)
+        ]),
+        _: 1
+      });
+    };
+  }
+}), Xe = { class: "position-relative w-100 h-100" }, je = /* @__PURE__ */ B({
+  __name: "index",
+  props: /* @__PURE__ */ H({
     type: {},
     version: {},
     active: { type: Boolean }
-  },
-  emits: ["ready", "change"],
+  }, {
+    lock: { type: Boolean, required: !0 },
+    lockModifiers: {}
+  }),
+  emits: /* @__PURE__ */ H(["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 n = fe(), { locale: o, dark: r } = ue(n), { open: s } = de("blocklyEditorFlyout"), l = t, a = X(t, "lock"), _ = e, A = Y(), N = {
       grid: {
         length: 2,
         snap: !0,
@@ -886,48 +961,99 @@ const Oe = {
         wheel: !0
       }
     };
-    D(async () => {
-      if (!c.value)
+    let g;
+    const P = Y(!1), q = I(() => ({
+      position: "absolute",
+      background: r.value ? "#0000007f" : "#ffffff7f",
+      top: "1px",
+      left: "0px",
+      width: "56px",
+      height: "100%",
+      pointerEvents: "none",
+      zIndex: 999
+    })), Q = I(() => ({
+      position: "absolute",
+      background: r.value ? "#0000007f" : "#ffffff7f",
+      top: "0px",
+      left: "0px",
+      width: "100%",
+      height: "100%",
+      pointerEvents: "none"
+    })), ee = I(() => ({
+      position: "absolute",
+      top: "0px",
+      right: "0px",
+      zIndex: 20
+    }));
+    le(async () => {
+      if (!A.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 z(o.value);
+      let c;
+      l.type === "app" && l.version === "v1" && (c = Ye), N.toolbox = c, g = Oe(A.value, N), g.addChangeListener(y.disableOrphans), g.addChangeListener(te), _("ready", g);
+    }), ae(() => {
       s.value = !1;
     });
-    function S() {
-      y && ne(y);
+    function D() {
+      g && Ce(g);
     }
-    function F(_) {
-      l("change", _);
+    function te(c) {
+      c.type === y.BLOCK_DRAG && (c.isStart ? P.value = !0 : P.value = !1), _("change", c);
     }
-    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 L(o, (c) => {
+      z(c);
+    }), L(r, (c) => {
+      De(c ? "dark" : "light");
+    }), L(s, (c) => {
+      var d;
+      c || (d = g.getToolbox()) == null || d.clearSelection();
+    }), L(
+      () => l.active,
+      (c) => {
+        c && setTimeout(() => D(), 0);
+      }
+    ), (c, d) => {
+      const oe = b("v-icon"), ne = ie("resize");
+      return O(), R("div", Xe, [
+        ce(V("div", {
           class: "w-100 h-100",
           ref_key: "blocklyDiv",
-          ref: c
+          ref: A,
+          id: "blocklyEditor"
         }, null, 512), [
-          [w, S]
-        ])
+          [ne, D]
+        ]),
+        P.value ? (O(), R("div", {
+          key: 0,
+          class: "d-flex flex-column align-center justify-center",
+          style: E(q.value)
+        }, [
+          h(oe, {
+            icon: S(ve),
+            size: "x-large"
+          }, null, 8, ["icon"])
+        ], 4)) : G("", !0),
+        a.value ? (O(), R("div", {
+          key: 1,
+          style: E(Q.value)
+        }, null, 4)) : G("", !0),
+        V("div", {
+          class: "d-flex align-end pt-3 pr-3",
+          style: E(ee.value)
+        }, [
+          h(Ge),
+          h(We, {
+            modelValue: a.value,
+            "onUpdate:modelValue": d[0] || (d[0] = (re) => a.value = re)
+          }, null, 8, ["modelValue"]),
+          h(ze)
+        ], 4)
       ]);
     };
   }
-}), Se = (t) => {
-  t.component("x-blockly", ke);
-}, Ee = { install: Se };
+}), Je = (t) => {
+  t.component("x-blockly", je);
+}, et = { install: Je };
 export {
-  Ee as default
+  et as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.3.19",
+  "version": "0.3.22",
   "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"
   }
 }