x-block-lib 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,9 +1,9 @@
 import { B as ke } from "./blockly-ByC0ID0H.js";
-import { getCurrentInstance as se, inject as G, hasInjectionContext as Oe, ref as O, watch as M, reactive as Ne, markRaw as V, effectScope as Ce, isRef as R, isReactive as H, toRef as F, toRaw as Se, nextTick as U, computed as X, getCurrentScope as Te, onScopeDispose as Pe, toRefs as ee, onMounted as ce, onBeforeUnmount as ie, defineComponent as we, openBlock as De, createElementBlock as Ve, withDirectives as xe, createElementVNode as Me } from "vue";
+import { getCurrentInstance as se, inject as H, hasInjectionContext as Oe, ref as k, watch as x, reactive as Ne, markRaw as D, effectScope as Ce, isRef as M, isReactive as q, toRef as F, toRaw as Se, nextTick as U, computed as X, getCurrentScope as Te, onScopeDispose as Pe, toRefs as ee, onMounted as ce, onBeforeUnmount as ie, defineComponent as we, openBlock as De, createElementBlock as Ve, withDirectives as xe, createElementVNode as Ae } from "vue";
 const {
   ASTNode: mt,
-  BasicCursor: yt,
-  Block: ht,
+  BasicCursor: ht,
+  Block: yt,
   BlockSvg: pt,
   Blocks: bt,
   COLLAPSED_FIELD_NAME: gt,
@@ -21,11 +21,11 @@ const {
   ContextMenuRegistry: Dt,
   Css: Vt,
   Cursor: xt,
-  DELETE_VARIABLE_ID: Mt,
-  DeleteArea: At,
+  DELETE_VARIABLE_ID: At,
+  DeleteArea: Mt,
   DragTarget: Rt,
   DropDownDiv: It,
-  Events: Ae,
+  Events: Me,
   Extensions: jt,
   Field: Lt,
   FieldCheckbox: Bt,
@@ -34,9 +34,9 @@ const {
   FieldLabel: zt,
   FieldLabelSerializable: Ut,
   FieldNumber: Wt,
-  FieldTextInput: qt,
-  FieldVariable: Gt,
-  Flyout: Ht,
+  FieldTextInput: Gt,
+  FieldVariable: Ht,
+  Flyout: qt,
   FlyoutButton: Xt,
   FlyoutMetricsManager: Yt,
   Generator: Jt,
@@ -56,8 +56,8 @@ const {
   NEXT_STATEMENT: uo,
   Names: fo,
   OPPOSITE_TYPE: mo,
-  OUTPUT_VALUE: yo,
-  Options: ho,
+  OUTPUT_VALUE: ho,
+  Options: yo,
   PREVIOUS_STATEMENT: po,
   PROCEDURE_CATEGORY_NAME: bo,
   Procedures: go,
@@ -74,11 +74,11 @@ const {
   TabNavigateCursor: wo,
   Theme: le,
   ThemeManager: Do,
-  Themes: B,
+  Themes: L,
   Toolbox: Vo,
   ToolboxCategory: xo,
-  ToolboxItem: Mo,
-  ToolboxSeparator: Ao,
+  ToolboxItem: Ao,
+  ToolboxSeparator: Mo,
   Tooltip: Ro,
   Touch: Io,
   Trashcan: jo,
@@ -89,9 +89,9 @@ const {
   VariableMap: zo,
   VariableModel: Uo,
   Variables: Wo,
-  VariablesDynamic: qo,
-  VerticalFlyout: Go,
-  WidgetDiv: Ho,
+  VariablesDynamic: Go,
+  VerticalFlyout: Ho,
+  WidgetDiv: qo,
   Workspace: Xo,
   WorkspaceAudio: Yo,
   WorkspaceDragger: Jo,
@@ -114,8 +114,8 @@ const {
   fieldRegistry: fr,
   geras: mr,
   getMainWorkspace: Re,
-  getSelected: yr,
-  hasBubble: hr,
+  getSelected: hr,
+  hasBubble: yr,
   hideChaff: pr,
   icons: br,
   inject: Ie,
@@ -135,9 +135,9 @@ const {
   renderManagement: Vr,
   serialization: xr,
   setLocale: je,
-  setParentContainer: Mr,
+  setParentContainer: Ar,
   svgResize: Le,
-  thrasos: Ar,
+  thrasos: Mr,
   uiPosition: Rr,
   utils: Ir,
   zelos: jr
@@ -150,7 +150,7 @@ function Be(e, r) {
 }
 const Fe = Symbol.for("vuetify:locale");
 function $e() {
-  const e = G(Fe);
+  const e = H(Fe);
   if (!e)
     throw new Error("[Vuetify] Could not find injected locale instance");
   return e;
@@ -158,13 +158,13 @@ function $e() {
 const ze = Symbol.for("vuetify:theme");
 function de() {
   Be("useTheme");
-  const e = G(ze, null);
+  const e = H(ze, null);
   if (!e)
     throw new Error("Could not find Vuetify theme injection");
   return e;
 }
 var Ue = !1;
-function j(e, r, o) {
+function I(e, r, o) {
   return Array.isArray(e) ? (e.length = Math.max(e.length, r), e.splice(r, 1, o), o) : (e[r] = o, o);
 }
 function $(e, r) {
@@ -175,12 +175,12 @@ function $(e, r) {
   delete e[r];
 }
 var u = {};
-let x;
-const L = (e) => x = e, We = u.NODE_ENV !== "production" ? Symbol("pinia") : (
+let V;
+const j = (e) => V = e, We = u.NODE_ENV !== "production" ? Symbol("pinia") : (
   /* istanbul ignore next */
   Symbol()
 );
-function T(e) {
+function C(e) {
   return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
 }
 var A;
@@ -194,7 +194,7 @@ function fe(e, r) {
     if (!(o in e))
       continue;
     const n = e[o];
-    T(n) && T(t) && !R(t) && !H(t) ? e[o] = fe(n, t) : e[o] = t;
+    C(n) && C(t) && !M(t) && !q(t) ? e[o] = fe(n, t) : e[o] = t;
   }
   return e;
 }
@@ -208,53 +208,53 @@ function te(e, r, o, t = me) {
   };
   return !o && Te() && Pe(n), n;
 }
-function P(e, ...r) {
+function T(e, ...r) {
   e.slice().forEach((o) => {
     o(...r);
   });
 }
-const qe = (e) => e();
+const Ge = (e) => e();
 function W(e, r) {
   e instanceof Map && r instanceof Map && r.forEach((o, t) => e.set(t, o)), e instanceof Set && r instanceof Set && r.forEach(e.add, e);
   for (const o in r) {
     if (!r.hasOwnProperty(o))
       continue;
     const t = r[o], n = e[o];
-    T(n) && T(t) && e.hasOwnProperty(o) && !R(t) && !H(t) ? e[o] = W(n, t) : e[o] = t;
+    C(n) && C(t) && e.hasOwnProperty(o) && !M(t) && !q(t) ? e[o] = W(n, t) : e[o] = t;
   }
   return e;
 }
-const Ge = u.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+const He = u.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
   /* istanbul ignore next */
   Symbol()
 );
-function He(e) {
-  return !T(e) || !e.hasOwnProperty(Ge);
+function qe(e) {
+  return !C(e) || !e.hasOwnProperty(He);
 }
-const { assign: k } = Object;
+const { assign: E } = Object;
 function oe(e) {
-  return !!(R(e) && e.effect);
+  return !!(M(e) && e.effect);
 }
 function re(e, r, o, t) {
-  const { state: n, actions: i, getters: h } = r, l = o.state.value[e];
+  const { state: n, actions: i, getters: y } = r, l = o.state.value[e];
   let m;
-  function y() {
+  function h() {
     !l && (u.NODE_ENV === "production" || !t) && (o.state.value[e] = n ? n() : {});
     const b = u.NODE_ENV !== "production" && t ? (
       // use ref() to unwrap refs inside state TODO: check if this is still necessary
-      ee(O(n ? n() : {}).value)
+      ee(k(n ? n() : {}).value)
     ) : ee(o.state.value[e]);
-    return k(b, i, Object.keys(h || {}).reduce((p, g) => (u.NODE_ENV !== "production" && g in b && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${g}" in store "${e}".`), p[g] = V(X(() => {
-      L(o);
-      const d = o._s.get(e);
-      return h[g].call(d, d);
-    })), p), {}));
+    return E(b, i, Object.keys(y || {}).reduce((d, p) => (u.NODE_ENV !== "production" && p in b && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${p}" in store "${e}".`), d[p] = D(X(() => {
+      j(o);
+      const _ = o._s.get(e);
+      return y[p].call(_, _);
+    })), d), {}));
   }
-  return m = q(e, y, r, o, t, !0), m;
+  return m = G(e, h, r, o, t, !0), m;
 }
-function q(e, r, o = {}, t, n, i) {
-  let h;
-  const l = k({ actions: {} }, o);
+function G(e, r, o = {}, t, n, i) {
+  let y;
+  const l = E({ actions: {} }, o);
   if (u.NODE_ENV !== "production" && !t._e.active)
     throw new Error("Pinia destroyed");
   const m = {
@@ -262,34 +262,34 @@ function q(e, r, o = {}, t, n, i) {
     // flush: 'post',
   };
   u.NODE_ENV !== "production" && !Ue && (m.onTrigger = (s) => {
-    y ? d = s : y == !1 && !c._hotUpdating && (Array.isArray(d) ? d.push(s) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
+    h ? _ = s : h == !1 && !c._hotUpdating && (Array.isArray(_) ? _.push(s) : console.error("🍍 debuggerEvents should be an array. This is most likely an internal Pinia bug."));
   });
-  let y, b, p = [], g = [], d;
-  const _ = t.state.value[e];
-  !i && !_ && (u.NODE_ENV === "production" || !n) && (t.state.value[e] = {});
-  const S = O({});
+  let h, b, d = [], p = [], _;
+  const S = t.state.value[e];
+  !i && !S && (u.NODE_ENV === "production" || !n) && (t.state.value[e] = {});
+  const B = k({});
   let J;
   function Q(s) {
     let a;
-    y = b = !1, u.NODE_ENV !== "production" && (d = []), typeof s == "function" ? (s(t.state.value[e]), a = {
+    h = b = !1, u.NODE_ENV !== "production" && (_ = []), typeof s == "function" ? (s(t.state.value[e]), a = {
       type: A.patchFunction,
       storeId: e,
-      events: d
+      events: _
     }) : (W(t.state.value[e], s), a = {
       type: A.patchObject,
       payload: s,
       storeId: e,
-      events: d
+      events: _
     });
     const f = J = Symbol();
     U().then(() => {
-      J === f && (y = !0);
-    }), b = !0, P(p, a, t.state.value[e]);
+      J === f && (h = !0);
+    }), b = !0, T(d, a, t.state.value[e]);
   }
   const ge = i ? function() {
     const { state: a } = o, f = a ? a() : {};
-    this.$patch((v) => {
-      k(v, f);
+    this.$patch((g) => {
+      E(g, f);
     });
   } : (
     /* istanbul ignore next */
@@ -298,61 +298,61 @@ function q(e, r, o = {}, t, n, i) {
     } : me
   );
   function _e() {
-    h.stop(), p = [], g = [], t._s.delete(e);
+    y.stop(), d = [], p = [], t._s.delete(e);
   }
   function Z(s, a) {
     return function() {
-      L(t);
-      const f = Array.from(arguments), v = [], w = [];
-      function ve(E) {
-        v.push(E);
+      j(t);
+      const f = Array.from(arguments), g = [], P = [];
+      function ve(v) {
+        g.push(v);
       }
-      function Ee(E) {
-        w.push(E);
+      function Ee(v) {
+        P.push(v);
       }
-      P(g, {
+      T(p, {
         args: f,
         name: s,
         store: c,
         after: ve,
         onError: Ee
       });
-      let D;
+      let w;
       try {
-        D = a.apply(this && this.$id === e ? this : c, f);
-      } catch (E) {
-        throw P(w, E), E;
+        w = a.apply(this && this.$id === e ? this : c, f);
+      } catch (v) {
+        throw T(P, v), v;
       }
-      return D instanceof Promise ? D.then((E) => (P(v, E), E)).catch((E) => (P(w, E), Promise.reject(E))) : (P(v, D), D);
+      return w instanceof Promise ? w.then((v) => (T(g, v), v)).catch((v) => (T(P, v), Promise.reject(v))) : (T(g, w), w);
     };
   }
-  const I = /* @__PURE__ */ V({
+  const R = /* @__PURE__ */ D({
     actions: {},
     getters: {},
     state: [],
-    hotState: S
+    hotState: B
   }), K = {
     _p: t,
     // _s: scope,
     $id: e,
-    $onAction: te.bind(null, g),
+    $onAction: te.bind(null, p),
     $patch: Q,
     $reset: ge,
     $subscribe(s, a = {}) {
-      const f = te(p, s, a.detached, () => v()), v = h.run(() => M(() => t.state.value[e], (w) => {
-        (a.flush === "sync" ? b : y) && s({
+      const f = te(d, s, a.detached, () => g()), g = y.run(() => x(() => t.state.value[e], (P) => {
+        (a.flush === "sync" ? b : h) && s({
           storeId: e,
           type: A.direct,
-          events: d
-        }, w);
-      }, k({}, m, a)));
+          events: _
+        }, P);
+      }, E({}, m, a)));
       return f;
     },
     $dispose: _e
-  }, c = Ne(u.NODE_ENV !== "production" || z ? k(
+  }, c = Ne(u.NODE_ENV !== "production" || z ? E(
     {
-      _hmrPayload: I,
-      _customProperties: V(/* @__PURE__ */ new Set())
+      _hmrPayload: R,
+      _customProperties: D(/* @__PURE__ */ new Set())
       // devtools custom properties
     },
     K
@@ -360,52 +360,52 @@ function q(e, r, o = {}, t, n, i) {
     // setupStore
   ) : K);
   t._s.set(e, c);
-  const N = (t._a && t._a.runWithContext || qe)(() => t._e.run(() => (h = Ce()).run(r)));
-  for (const s in N) {
-    const a = N[s];
-    if (R(a) && !oe(a) || H(a))
-      u.NODE_ENV !== "production" && n ? j(S.value, s, F(N, s)) : i || (_ && He(a) && (R(a) ? a.value = _[s] : W(a, _[s])), t.state.value[e][s] = a), u.NODE_ENV !== "production" && I.state.push(s);
+  const O = (t._a && t._a.runWithContext || Ge)(() => t._e.run(() => (y = Ce()).run(r)));
+  for (const s in O) {
+    const a = O[s];
+    if (M(a) && !oe(a) || q(a))
+      u.NODE_ENV !== "production" && n ? I(B.value, s, F(O, s)) : i || (S && qe(a) && (M(a) ? a.value = S[s] : W(a, S[s])), t.state.value[e][s] = a), u.NODE_ENV !== "production" && R.state.push(s);
     else if (typeof a == "function") {
       const f = u.NODE_ENV !== "production" && n ? a : Z(s, a);
-      N[s] = f, u.NODE_ENV !== "production" && (I.actions[s] = a), l.actions[s] = a;
+      O[s] = f, u.NODE_ENV !== "production" && (R.actions[s] = a), l.actions[s] = a;
     } else
-      u.NODE_ENV !== "production" && oe(a) && (I.getters[s] = i ? (
+      u.NODE_ENV !== "production" && oe(a) && (R.getters[s] = i ? (
         // @ts-expect-error
         o.getters[s]
-      ) : a, Y && (N._getters || // @ts-expect-error: same
-      (N._getters = V([]))).push(s));
+      ) : a, Y && (O._getters || // @ts-expect-error: same
+      (O._getters = D([]))).push(s));
   }
-  if (k(c, N), k(Se(c), N), Object.defineProperty(c, "$state", {
-    get: () => u.NODE_ENV !== "production" && n ? S.value : t.state.value[e],
+  if (E(c, O), E(Se(c), O), Object.defineProperty(c, "$state", {
+    get: () => u.NODE_ENV !== "production" && n ? B.value : t.state.value[e],
     set: (s) => {
       if (u.NODE_ENV !== "production" && n)
         throw new Error("cannot set hotState");
       Q((a) => {
-        k(a, s);
+        E(a, s);
       });
     }
-  }), u.NODE_ENV !== "production" && (c._hotUpdate = V((s) => {
+  }), u.NODE_ENV !== "production" && (c._hotUpdate = D((s) => {
     c._hotUpdating = !0, s._hmrPayload.state.forEach((a) => {
       if (a in c.$state) {
-        const f = s.$state[a], v = c.$state[a];
-        typeof f == "object" && T(f) && T(v) ? fe(f, v) : s.$state[a] = v;
+        const f = s.$state[a], g = c.$state[a];
+        typeof f == "object" && C(f) && C(g) ? fe(f, g) : s.$state[a] = g;
       }
-      j(c, a, F(s.$state, a));
+      I(c, a, F(s.$state, a));
     }), Object.keys(c.$state).forEach((a) => {
       a in s.$state || $(c, a);
-    }), y = !1, b = !1, t.state.value[e] = F(s._hmrPayload, "hotState"), b = !0, U().then(() => {
-      y = !0;
+    }), h = !1, b = !1, t.state.value[e] = F(s._hmrPayload, "hotState"), b = !0, U().then(() => {
+      h = !0;
     });
     for (const a in s._hmrPayload.actions) {
       const f = s[a];
-      j(c, a, Z(a, f));
+      I(c, a, Z(a, f));
     }
     for (const a in s._hmrPayload.getters) {
-      const f = s._hmrPayload.getters[a], v = i ? (
+      const f = s._hmrPayload.getters[a], g = i ? (
         // special handling of options api
-        X(() => (L(t), f.call(c, c)))
+        X(() => (j(t), f.call(c, c)))
       ) : f;
-      j(c, a, v);
+      I(c, a, g);
     }
     Object.keys(c._hmrPayload.getters).forEach((a) => {
       a in s._hmrPayload.getters || $(c, a);
@@ -420,20 +420,20 @@ function q(e, r, o = {}, t, n, i) {
       enumerable: !1
     };
     ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((a) => {
-      Object.defineProperty(c, a, k({ value: c[a] }, s));
+      Object.defineProperty(c, a, E({ value: c[a] }, s));
     });
   }
   return t._p.forEach((s) => {
     if (z) {
-      const a = h.run(() => s({
+      const a = y.run(() => s({
         store: c,
         app: t._a,
         pinia: t,
         options: l
       }));
-      Object.keys(a || {}).forEach((f) => c._customProperties.add(f)), k(c, a);
+      Object.keys(a || {}).forEach((f) => c._customProperties.add(f)), E(c, a);
     } else
-      k(c, h.run(() => s({
+      E(c, y.run(() => s({
         store: c,
         app: t._a,
         pinia: t,
@@ -441,40 +441,40 @@ function q(e, r, o = {}, t, n, i) {
       })));
   }), u.NODE_ENV !== "production" && c.$state && typeof c.$state == "object" && typeof c.$state.constructor == "function" && !c.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
 	state: () => new MyClass()
-Found in store "${c.$id}".`), _ && i && o.hydrate && o.hydrate(c.$state, _), y = !0, b = !0, c;
+Found in store "${c.$id}".`), S && i && o.hydrate && o.hydrate(c.$state, S), h = !0, b = !0, c;
 }
-function ye(e, r, o) {
+function he(e, r, o) {
   let t, n;
   const i = typeof r == "function";
   if (typeof e == "string")
     t = e, n = i ? o : r;
   else if (n = e, t = e.id, u.NODE_ENV !== "production" && typeof t != "string")
     throw new Error('[🍍]: "defineStore()" must be passed a store id as its first argument.');
-  function h(l, m) {
-    const y = Oe();
+  function y(l, m) {
+    const h = Oe();
     if (l = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    (u.NODE_ENV === "test" && x && x._testing ? null : l) || (y ? G(We, null) : null), l && L(l), u.NODE_ENV !== "production" && !x)
+    (u.NODE_ENV === "test" && V && V._testing ? null : l) || (h ? H(We, null) : null), l && j(l), u.NODE_ENV !== "production" && !V)
       throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
 This will fail in production.`);
-    l = x, l._s.has(t) || (i ? q(t, r, n, l) : re(t, n, l), u.NODE_ENV !== "production" && (h._pinia = l));
+    l = V, l._s.has(t) || (i ? G(t, r, n, l) : re(t, n, l), u.NODE_ENV !== "production" && (y._pinia = l));
     const b = l._s.get(t);
     if (u.NODE_ENV !== "production" && m) {
-      const p = "__hot:" + t, g = i ? q(p, r, n, l, !0) : re(p, k({}, n), l, !0);
-      m._hotUpdate(g), delete l.state.value[p], l._s.delete(p);
+      const d = "__hot:" + t, p = i ? G(d, r, n, l, !0) : re(d, E({}, n), l, !0);
+      m._hotUpdate(p), delete l.state.value[d], l._s.delete(d);
     }
     if (u.NODE_ENV !== "production" && Y) {
-      const p = se();
-      if (p && p.proxy && // avoid adding stores that are just built for hot module replacement
+      const d = se();
+      if (d && d.proxy && // avoid adding stores that are just built for hot module replacement
       !m) {
-        const g = p.proxy, d = "_pStores" in g ? g._pStores : g._pStores = {};
-        d[t] = b;
+        const p = d.proxy, _ = "_pStores" in p ? p._pStores : p._pStores = {};
+        _[t] = b;
       }
     }
     return b;
   }
-  return h.$id = t, h;
+  return y.$id = t, y;
 }
 (function() {
   try {
@@ -486,8 +486,8 @@ This will fail in production.`);
     console.error("vite-plugin-css-injected-by-js", r);
   }
 })();
-const Xe = ye("viewMgr", () => {
-  const e = O([]);
+const Xe = he("viewMgr", () => {
+  const e = k([]);
   function r() {
     return e.value.length <= 0;
   }
@@ -497,22 +497,22 @@ const Xe = ye("viewMgr", () => {
       return e.value[m - 1];
   }
   function t(m) {
-    return e.value.find((y) => y === m) !== void 0;
+    return e.value.find((h) => h === m) !== void 0;
   }
   function n(m) {
     i(m), e.value.push(m);
   }
   function i(m) {
-    const y = e.value.findIndex((b) => b === m);
-    y !== -1 && e.value.splice(y, 1);
+    const h = e.value.findIndex((b) => b === m);
+    h !== -1 && e.value.splice(h, 1);
   }
-  function h() {
+  function y() {
     e.value.pop();
   }
   function l() {
     e.value = [];
   }
-  return { isEmpty: r, lastView: o, hasView: t, addView: n, delView: i, popView: h, clearViews: l };
+  return { isEmpty: r, lastView: o, hasView: t, addView: n, delView: i, popView: y, clearViews: l };
 });
 function Ye(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(r, o) {
@@ -530,8 +530,8 @@ function Ye(e) {
     });
   } };
 }
-const C = Ye();
-async function he(e, r, o) {
+const N = Ye();
+async function ye(e, r, o) {
   return new Promise((t) => {
     const n = async () => {
       e() ? t(!0) : setTimeout(n, 30);
@@ -551,30 +551,30 @@ function Je(e, r) {
     t.value = !0;
   };
   return ce(() => {
-    C.on(e, n);
+    N.on(e, n);
   }), ie(() => {
-    C.off(e, n);
+    N.off(e, n);
   }), { open: t };
 }
-ye(
+he(
   "global",
   () => {
-    const e = O();
-    M(
-      e,
-      (n) => {
-        de().global.name.value = n ? "dark" : "light";
+    const e = de(), r = k();
+    x(
+      r,
+      (i) => {
+        e.global.name.value = i ? "dark" : "light";
       },
       {
         immediate: !0
       }
     );
-    const r = O("en"), o = O({}), t = O("");
+    const o = k("en"), t = k({}), n = k("");
     return {
-      dark: e,
-      locale: r,
-      permissionObjects: o,
-      permissionChecksum: t
+      dark: r,
+      locale: o,
+      permissionObjects: t,
+      permissionChecksum: n
     };
   },
   {
@@ -603,7 +603,7 @@ async function Ze(e) {
   const t = (i) => {
     o = i, r = !0;
   }, n = be();
-  return C.on("confirmDlgResult" + n, t), C.emit("confirmDlg", { ...e, seq: n }), await he(() => r), C.off("confirmDlgResult" + n, t), o;
+  return N.on("confirmDlgResult" + n, t), N.emit("confirmDlg", { ...e, seq: n }), await ye(() => r), N.off("confirmDlgResult" + n, t), o;
 }
 async function Ke(e) {
   if (!pe())
@@ -612,10 +612,10 @@ async function Ke(e) {
   const t = (i) => {
     o = i, r = !0;
   }, n = be();
-  return C.on("promptDlgResult" + n, t), C.emit("promptDlg", { ...e, seq: n }), await he(() => r), C.off("promptDlgResult" + n, t), o;
+  return N.on("promptDlgResult" + n, t), N.emit("promptDlg", { ...e, seq: n }), await ye(() => r), N.off("promptDlgResult" + n, t), o;
 }
 require("js-cookie");
-O("");
+k("");
 ue.setConfirm(async (e, r) => {
   const o = await Ze({
     title: "",
@@ -640,7 +640,7 @@ async function ae(e) {
   const r = await et(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./en-DYxpcVy9.js"), "./msg/zhHans.ts": () => import("./zhHans-DjWw6Iqb.js") }), `./msg/${e}.ts`);
   je(r);
 }
-B.Classic.blockStyles = {
+L.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
     colourSecondary: "#ede3de",
@@ -714,7 +714,7 @@ B.Classic.blockStyles = {
     hat: ""
   }
 };
-B.Classic.categoryStyles = {
+L.Classic.categoryStyles = {
   calc_category: {
     colour: "#757575"
   },
@@ -766,7 +766,7 @@ B.Classic.categoryStyles = {
 };
 const tt = le.defineTheme("light", {
   name: "light",
-  base: B.Classic,
+  base: L.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#ffffff",
     toolboxBackgroundColour: "#eeeeee",
@@ -782,7 +782,7 @@ const tt = le.defineTheme("light", {
   }
 }), ot = le.defineTheme("dark", {
   name: "dark",
-  base: B.Classic,
+  base: L.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#1e1e1e",
     toolboxBackgroundColour: "#272727",
@@ -835,7 +835,7 @@ const st = {
   __name: "index",
   emits: ["ready", "change"],
   setup(e, { emit: r }) {
-    const o = $e(), t = de(), { open: n } = Je("blocklyEditorFlyout"), i = r, h = O(null);
+    const o = $e(), t = de(), { open: n } = Je("blocklyEditorFlyout"), i = r, y = k(null);
     let l;
     const m = {
       grid: {
@@ -860,46 +860,37 @@ const st = {
       }
     };
     ce(async () => {
-      h.value && (await ae(o.current.value), l = Ie(h.value, m), l.addChangeListener(Ae.disableOrphans), l.addChangeListener(b), await U(), i("ready", l));
+      y.value && (await ae(o.current.value), l = Ie(y.value, m), l.addChangeListener(Me.disableOrphans), l.addChangeListener(b), await U(), i("ready", l));
     });
-    function y() {
+    function h() {
       l && Le(l);
     }
     function b(d) {
       i("change", d);
     }
-    ie(() => {
+    return ie(() => {
       n.value = !1;
-    });
-    const p = new MutationObserver((d) => {
-      d.forEach((_) => {
-        if (_.type === "attributes" && _.attributeName === "style") {
-          const S = l.getFlyout();
-          n.value = (S == null ? void 0 : S.isVisible()) ?? !1;
-        }
-      });
-    }), g = document.querySelector("#blocklyEditor .blocklyFlyout");
-    return p.observe(g, { attributes: !0 }), M(n, (d) => {
-      var _;
-      d || (_ = l.getToolbox()) == null || _.clearSelection();
-    }), M(
+    }), x(n, (d) => {
+      var p;
+      d || (p = l.getToolbox()) == null || p.clearSelection();
+    }), x(
       () => o.current.value,
       (d) => {
         ae(d);
       }
-    ), M(
+    ), x(
       () => t.current.value.dark,
       (d) => {
         rt(d ? "dark" : "light");
       }
-    ), (d, _) => (De(), Ve("div", ct, [
-      xe(Me("div", {
+    ), (d, p) => (De(), Ve("div", ct, [
+      xe(Ae("div", {
         class: "w-100 h-100",
         ref_key: "blocklyDiv",
-        ref: h,
+        ref: y,
         id: "blocklyEditor"
       }, null, 512), [
-        [st, y]
+        [st, h]
       ])
     ]));
   }
@@ -908,8 +899,8 @@ const st = {
 }, Lr = { install: lt };
 export {
   mt as ASTNode,
-  yt as BasicCursor,
-  ht as Block,
+  ht as BasicCursor,
+  yt as Block,
   pt as BlockSvg,
   bt as Blocks,
   gt as COLLAPSED_FIELD_NAME,
@@ -927,11 +918,11 @@ export {
   Dt as ContextMenuRegistry,
   Vt as Css,
   xt as Cursor,
-  Mt as DELETE_VARIABLE_ID,
-  At as DeleteArea,
+  At as DELETE_VARIABLE_ID,
+  Mt as DeleteArea,
   Rt as DragTarget,
   It as DropDownDiv,
-  Ae as Events,
+  Me as Events,
   jt as Extensions,
   Lt as Field,
   Bt as FieldCheckbox,
@@ -940,9 +931,9 @@ export {
   zt as FieldLabel,
   Ut as FieldLabelSerializable,
   Wt as FieldNumber,
-  qt as FieldTextInput,
-  Gt as FieldVariable,
-  Ht as Flyout,
+  Gt as FieldTextInput,
+  Ht as FieldVariable,
+  qt as Flyout,
   Xt as FlyoutButton,
   Yt as FlyoutMetricsManager,
   Jt as Generator,
@@ -962,8 +953,8 @@ export {
   uo as NEXT_STATEMENT,
   fo as Names,
   mo as OPPOSITE_TYPE,
-  yo as OUTPUT_VALUE,
-  ho as Options,
+  ho as OUTPUT_VALUE,
+  yo as Options,
   po as PREVIOUS_STATEMENT,
   bo as PROCEDURE_CATEGORY_NAME,
   go as Procedures,
@@ -980,11 +971,11 @@ export {
   wo as TabNavigateCursor,
   le as Theme,
   Do as ThemeManager,
-  B as Themes,
+  L as Themes,
   Vo as Toolbox,
   xo as ToolboxCategory,
-  Mo as ToolboxItem,
-  Ao as ToolboxSeparator,
+  Ao as ToolboxItem,
+  Mo as ToolboxSeparator,
   Ro as Tooltip,
   Io as Touch,
   jo as Trashcan,
@@ -995,9 +986,9 @@ export {
   zo as VariableMap,
   Uo as VariableModel,
   Wo as Variables,
-  qo as VariablesDynamic,
-  Go as VerticalFlyout,
-  Ho as WidgetDiv,
+  Go as VariablesDynamic,
+  Ho as VerticalFlyout,
+  qo as WidgetDiv,
   Xo as Workspace,
   Yo as WorkspaceAudio,
   Jo as WorkspaceDragger,
@@ -1021,8 +1012,8 @@ export {
   fr as fieldRegistry,
   mr as geras,
   Re as getMainWorkspace,
-  yr as getSelected,
-  hr as hasBubble,
+  hr as getSelected,
+  yr as hasBubble,
   pr as hideChaff,
   br as icons,
   Ie as inject,
@@ -1043,10 +1034,10 @@ export {
   xr as serialization,
   je as setLocale,
   ae as setLocaleAsync,
-  Mr as setParentContainer,
+  Ar as setParentContainer,
   rt as setTheme,
   Le as svgResize,
-  Ar as thrasos,
+  Mr as thrasos,
   Rr as uiPosition,
   Ir as utils,
   jr as zelos

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,7 +27,7 @@
   "peerDependencies": {
     "vue": "^3.4.26",
     "vuetify": "^3.6.5",
-    "x-essential-lib": "^0.3.15"
+    "x-essential-lib": "^0.3.16"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",
@@ -39,6 +39,8 @@
     "eslint-plugin-vue": "^9.24.1",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
     "prettier": "3.2.5",
     "rollup-plugin-copy": "^3.5.0",
     "sass": "^1.74.1",