x-block-lib 0.1.3 → 0.1.5

package/dist/index.js

@@ -1,646 +1,173 @@
-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 { B as h } from "./blockly-ByC0ID0H.js";
+import { openConfirmDlg as k, openPromptDlg as T, useViewStack as C } from "x-essential-lib";
+import { getCurrentInstance as E, inject as m, defineComponent as S, ref as v, onMounted as M, nextTick as O, onBeforeUnmount as A, watch as d, openBlock as P, createElementBlock as w, withDirectives as B, createElementVNode as R } from "vue";
 const {
-  ASTNode: mt,
-  BasicCursor: yt,
-  Block: ht,
-  BlockSvg: pt,
-  Blocks: bt,
-  COLLAPSED_FIELD_NAME: gt,
-  COLLAPSED_INPUT_NAME: _t,
-  COLLAPSE_CHARS: vt,
-  CodeGenerator: Et,
-  CollapsibleToolboxCategory: kt,
-  ComponentManager: Ot,
-  Connection: Nt,
-  ConnectionChecker: Ct,
-  ConnectionDB: St,
-  ConnectionType: Tt,
-  ContextMenu: Pt,
-  ContextMenuItems: wt,
-  ContextMenuRegistry: Dt,
-  Css: Vt,
-  Cursor: xt,
-  DELETE_VARIABLE_ID: Mt,
-  DeleteArea: At,
-  DragTarget: Rt,
-  DropDownDiv: It,
-  Events: Ae,
-  Extensions: jt,
-  Field: Lt,
-  FieldCheckbox: Bt,
-  FieldDropdown: Ft,
-  FieldImage: $t,
-  FieldLabel: zt,
-  FieldLabelSerializable: Ut,
-  FieldNumber: Wt,
-  FieldTextInput: qt,
-  FieldVariable: Gt,
-  Flyout: Ht,
-  FlyoutButton: Xt,
-  FlyoutMetricsManager: Yt,
-  Generator: Jt,
-  Gesture: Qt,
-  Grid: Zt,
-  HorizontalFlyout: Kt,
-  INPUT_VALUE: eo,
-  Input: to,
-  InsertionMarkerManager: oo,
-  InsertionMarkerPreviewer: ro,
-  Marker: no,
-  MarkerManager: ao,
-  Menu: so,
-  MenuItem: co,
-  MetricsManager: io,
-  Msg: lo,
-  NEXT_STATEMENT: uo,
-  Names: fo,
-  OPPOSITE_TYPE: mo,
-  OUTPUT_VALUE: yo,
-  Options: ho,
-  PREVIOUS_STATEMENT: po,
-  PROCEDURE_CATEGORY_NAME: bo,
-  Procedures: go,
-  RENAME_VARIABLE_ID: _o,
-  RenderedConnection: vo,
-  Scrollbar: Eo,
-  ScrollbarPair: ko,
-  ShortcutItems: Oo,
-  ShortcutRegistry: No,
-  TOOLBOX_AT_BOTTOM: Co,
-  TOOLBOX_AT_LEFT: So,
-  TOOLBOX_AT_RIGHT: To,
-  TOOLBOX_AT_TOP: Po,
-  TabNavigateCursor: wo,
-  Theme: le,
-  ThemeManager: Do,
-  Themes: B,
-  Toolbox: Vo,
-  ToolboxCategory: xo,
-  ToolboxItem: Mo,
-  ToolboxSeparator: Ao,
-  Tooltip: Ro,
-  Touch: Io,
-  Trashcan: jo,
-  UnattachedFieldError: Lo,
-  VARIABLE_CATEGORY_NAME: Bo,
-  VARIABLE_DYNAMIC_CATEGORY_NAME: Fo,
-  VERSION: $o,
-  VariableMap: zo,
-  VariableModel: Uo,
-  Variables: Wo,
-  VariablesDynamic: qo,
-  VerticalFlyout: Go,
-  WidgetDiv: Ho,
-  Workspace: Xo,
-  WorkspaceAudio: Yo,
-  WorkspaceDragger: Jo,
-  WorkspaceSvg: Qo,
-  Xml: Zo,
-  ZoomControls: Ko,
-  blockAnimations: er,
-  blockRendering: tr,
-  browserEvents: or,
-  bubbles: rr,
-  bumpObjects: nr,
-  clipboard: ar,
-  comments: sr,
-  common: cr,
-  config: ir,
-  constants: lr,
-  defineBlocksWithJsonArray: ur,
-  dialog: ue,
-  dragging: dr,
-  fieldRegistry: fr,
-  geras: mr,
-  getMainWorkspace: Re,
-  getSelected: yr,
-  hasBubble: hr,
-  hideChaff: pr,
-  icons: br,
-  inject: Ie,
-  inputs: gr,
-  isCopyable: _r,
-  isDeletable: vr,
-  isDraggable: Er,
-  isIcon: kr,
-  isObservable: Or,
-  isPaster: Nr,
-  isRenderedElement: Cr,
-  isSelectable: Sr,
-  isSerializable: Tr,
-  isVariableBackedParameterModel: Pr,
-  procedures: wr,
-  registry: Dr,
-  renderManagement: Vr,
-  serialization: xr,
-  setLocale: je,
-  setParentContainer: Mr,
-  svgResize: Le,
-  thrasos: Ar,
-  uiPosition: Rr,
-  utils: Ir,
-  zelos: jr
-} = ke;
-function Be(e, r) {
-  const o = se();
-  if (!o)
-    throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
-  return o;
-}
-const Fe = Symbol.for("vuetify:locale");
-function $e() {
-  const e = G(Fe);
-  if (!e)
-    throw new Error("[Vuetify] Could not find injected locale instance");
-  return e;
-}
-const ze = Symbol.for("vuetify:theme");
-function de() {
-  Be("useTheme");
-  const e = G(ze, null);
-  if (!e)
-    throw new Error("Could not find Vuetify theme injection");
-  return e;
-}
-var Ue = !1;
-function j(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) {
-  if (Array.isArray(e)) {
-    e.splice(r, 1);
-    return;
-  }
-  delete e[r];
-}
-var u = {};
-let x;
-const L = (e) => x = e, We = u.NODE_ENV !== "production" ? Symbol("pinia") : (
-  /* istanbul ignore next */
-  Symbol()
-);
-function T(e) {
-  return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
-}
-var A;
-(function(e) {
-  e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
-})(A || (A = {}));
-const Y = typeof window < "u", z = (u.NODE_ENV !== "production" || !1) && u.NODE_ENV !== "test" && Y;
-function fe(e, r) {
-  for (const o in r) {
-    const t = r[o];
-    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;
-  }
-  return e;
-}
-const me = () => {
-};
-function te(e, r, o, t = me) {
-  e.push(r);
-  const n = () => {
-    const i = e.indexOf(r);
-    i > -1 && (e.splice(i, 1), t());
-  };
-  return !o && Te() && Pe(n), n;
-}
-function P(e, ...r) {
-  e.slice().forEach((o) => {
-    o(...r);
-  });
-}
-const qe = (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;
-  }
-  return e;
-}
-const Ge = u.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
-  /* istanbul ignore next */
-  Symbol()
-);
-function He(e) {
-  return !T(e) || !e.hasOwnProperty(Ge);
-}
-const { assign: k } = Object;
-function oe(e) {
-  return !!(R(e) && e.effect);
-}
-function re(e, r, o, t) {
-  const { state: n, actions: i, getters: h } = r, l = o.state.value[e];
-  let m;
-  function y() {
-    !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(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 m = q(e, y, r, o, t, !0), m;
-}
-function q(e, r, o = {}, t, n, i) {
-  let h;
-  const l = k({ actions: {} }, o);
-  if (u.NODE_ENV !== "production" && !t._e.active)
-    throw new Error("Pinia destroyed");
-  const m = {
-    deep: !0
-    // 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."));
-  });
-  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 J;
-  function Q(s) {
-    let a;
-    y = b = !1, u.NODE_ENV !== "production" && (d = []), typeof s == "function" ? (s(t.state.value[e]), a = {
-      type: A.patchFunction,
-      storeId: e,
-      events: d
-    }) : (W(t.state.value[e], s), a = {
-      type: A.patchObject,
-      payload: s,
-      storeId: e,
-      events: d
-    });
-    const f = J = Symbol();
-    U().then(() => {
-      J === f && (y = !0);
-    }), b = !0, P(p, a, t.state.value[e]);
-  }
-  const ge = i ? function() {
-    const { state: a } = o, f = a ? a() : {};
-    this.$patch((v) => {
-      k(v, f);
-    });
-  } : (
-    /* istanbul ignore next */
-    u.NODE_ENV !== "production" ? () => {
-      throw new Error(`🍍: Store "${e}" is built using the setup syntax and does not implement $reset().`);
-    } : me
-  );
-  function _e() {
-    h.stop(), p = [], g = [], 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);
-      }
-      function Ee(E) {
-        w.push(E);
-      }
-      P(g, {
-        args: f,
-        name: s,
-        store: c,
-        after: ve,
-        onError: Ee
-      });
-      let D;
-      try {
-        D = a.apply(this && this.$id === e ? this : c, f);
-      } catch (E) {
-        throw P(w, E), E;
-      }
-      return D instanceof Promise ? D.then((E) => (P(v, E), E)).catch((E) => (P(w, E), Promise.reject(E))) : (P(v, D), D);
-    };
-  }
-  const I = /* @__PURE__ */ V({
-    actions: {},
-    getters: {},
-    state: [],
-    hotState: S
-  }), K = {
-    _p: t,
-    // _s: scope,
-    $id: e,
-    $onAction: te.bind(null, g),
-    $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({
-          storeId: e,
-          type: A.direct,
-          events: d
-        }, w);
-      }, k({}, m, a)));
-      return f;
-    },
-    $dispose: _e
-  }, c = Ne(u.NODE_ENV !== "production" || z ? k(
-    {
-      _hmrPayload: I,
-      _customProperties: V(/* @__PURE__ */ new Set())
-      // devtools custom properties
-    },
-    K
-    // must be added later
-    // 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);
-    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;
-    } else
-      u.NODE_ENV !== "production" && oe(a) && (I.getters[s] = i ? (
-        // @ts-expect-error
-        o.getters[s]
-      ) : a, Y && (N._getters || // @ts-expect-error: same
-      (N._getters = V([]))).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],
-    set: (s) => {
-      if (u.NODE_ENV !== "production" && n)
-        throw new Error("cannot set hotState");
-      Q((a) => {
-        k(a, s);
-      });
-    }
-  }), u.NODE_ENV !== "production" && (c._hotUpdate = V((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;
-      }
-      j(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;
-    });
-    for (const a in s._hmrPayload.actions) {
-      const f = s[a];
-      j(c, a, Z(a, f));
-    }
-    for (const a in s._hmrPayload.getters) {
-      const f = s._hmrPayload.getters[a], v = i ? (
-        // special handling of options api
-        X(() => (L(t), f.call(c, c)))
-      ) : f;
-      j(c, a, v);
-    }
-    Object.keys(c._hmrPayload.getters).forEach((a) => {
-      a in s._hmrPayload.getters || $(c, a);
-    }), Object.keys(c._hmrPayload.actions).forEach((a) => {
-      a in s._hmrPayload.actions || $(c, a);
-    }), c._hmrPayload = s._hmrPayload, c._getters = s._getters, c._hotUpdating = !1;
-  })), z) {
-    const s = {
-      writable: !0,
-      configurable: !0,
-      // avoid warning on devtools trying to display this property
-      enumerable: !1
-    };
-    ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((a) => {
-      Object.defineProperty(c, a, k({ value: c[a] }, s));
-    });
-  }
-  return t._p.forEach((s) => {
-    if (z) {
-      const a = h.run(() => s({
-        store: c,
-        app: t._a,
-        pinia: t,
-        options: l
-      }));
-      Object.keys(a || {}).forEach((f) => c._customProperties.add(f)), k(c, a);
-    } else
-      k(c, h.run(() => s({
-        store: c,
-        app: t._a,
-        pinia: t,
-        options: l
-      })));
-  }), 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;
-}
-function ye(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();
-    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)
-      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));
-    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);
-    }
-    if (u.NODE_ENV !== "production" && Y) {
-      const p = se();
-      if (p && p.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;
-      }
-    }
-    return b;
-  }
-  return h.$id = t, h;
-}
-(function() {
-  try {
-    if (typeof document < "u") {
-      var e = document.createElement("style");
-      e.appendChild(document.createTextNode('.inner-left-enter-active,.inner-right-enter-active{transition:transform .35s ease}.inner-left-enter-from{transform:translate(-100%)}.inner-right-enter-from{transform:translate(100%)}.inner-left-enter-to,.inner-right-enter-to{transform:translate(0)}.x-cont[data-v-a8f3d91f]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-a8f3d91f]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-a8f3d91f]{transform-origin:20px 20px;animation:lds-spinner-a8f3d91f 1.2s linear infinite}.lds-spinner div[data-v-a8f3d91f]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-a8f3d91f]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-a8f3d91f]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-a8f3d91f]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-a8f3d91f]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-a8f3d91f]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-a8f3d91f]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-a8f3d91f]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-a8f3d91f]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-a8f3d91f]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-a8f3d91f{0%{opacity:1}to{opacity:0}}.x-cont[data-v-70ed4b89]{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:9999}')), document.head.appendChild(e);
-    }
-  } catch (r) {
-    console.error("vite-plugin-css-injected-by-js", r);
-  }
-})();
-const Xe = ye("viewMgr", () => {
-  const e = O([]);
-  function r() {
-    return e.value.length <= 0;
-  }
-  function o() {
-    const m = e.value.length;
-    if (m > 0)
-      return e.value[m - 1];
-  }
-  function t(m) {
-    return e.value.find((y) => y === 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);
-  }
-  function h() {
-    e.value.pop();
-  }
-  function l() {
-    e.value = [];
-  }
-  return { isEmpty: r, lastView: o, hasView: t, addView: n, delView: i, popView: h, clearViews: l };
-});
-function Ye(e) {
-  return { all: e = e || /* @__PURE__ */ new Map(), on: function(r, o) {
-    var t = e.get(r);
-    t ? t.push(o) : e.set(r, [o]);
-  }, off: function(r, o) {
-    var t = e.get(r);
-    t && (o ? t.splice(t.indexOf(o) >>> 0, 1) : e.set(r, []));
-  }, emit: function(r, o) {
-    var t = e.get(r);
-    t && t.slice().map(function(n) {
-      n(o);
-    }), (t = e.get("*")) && t.slice().map(function(n) {
-      n(r, o);
-    });
-  } };
-}
-const C = Ye();
-async function he(e, r, o) {
-  return new Promise((t) => {
-    const n = async () => {
-      e() ? t(!0) : setTimeout(n, 30);
-    };
-    n();
-  });
-}
-function Je(e, r) {
-  const o = Xe(), t = X({
-    get() {
-      return o.hasView(e);
-    },
-    set(i) {
-      i ? o.addView(e) : o.delView(e);
-    }
-  }), n = (i) => {
-    t.value = !0;
-  };
-  return ce(() => {
-    C.on(e, n);
-  }), ie(() => {
-    C.off(e, n);
-  }), { open: t };
-}
-ye(
-  "global",
-  () => {
-    const e = de(), r = O();
-    M(
-      r,
-      (i) => {
-        e.global.name.value = i ? "dark" : "light";
-      },
-      {
-        immediate: !0
-      }
-    );
-    const o = O("en"), t = O({}), n = O("");
-    return {
-      dark: r,
-      locale: o,
-      permissionObjects: t,
-      permissionChecksum: n
-    };
-  },
-  {
-    persist: [
-      {
-        storage: localStorage,
-        paths: ["dark", "locale", "permissionObjects", "permissionChecksum"]
-      }
-    ]
-  }
-);
-require("js-cookie");
-let ne = Date.now();
-function pe() {
-  const e = Date.now();
-  return e - ne > 500 ? (ne = e, !0) : !1;
-}
-let Qe = 0;
-function be() {
-  return ++Qe;
-}
-async function Ze(e) {
-  if (!pe())
-    return;
-  let r = !1, o;
-  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;
-}
-async function Ke(e) {
-  if (!pe())
-    return;
-  let r = !1, o;
-  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;
-}
-require("js-cookie");
-O("");
-ue.setConfirm(async (e, r) => {
-  const o = await Ze({
+  ASTNode: re,
+  BasicCursor: te,
+  Block: ae,
+  BlockSvg: ce,
+  Blocks: ne,
+  COLLAPSED_FIELD_NAME: le,
+  COLLAPSED_INPUT_NAME: ie,
+  COLLAPSE_CHARS: se,
+  CodeGenerator: ue,
+  CollapsibleToolboxCategory: de,
+  ComponentManager: ye,
+  Connection: me,
+  ConnectionChecker: be,
+  ConnectionDB: ge,
+  ConnectionType: _e,
+  ContextMenu: fe,
+  ContextMenuItems: pe,
+  ContextMenuRegistry: he,
+  Css: ke,
+  Cursor: Te,
+  DELETE_VARIABLE_ID: Ce,
+  DeleteArea: Ee,
+  DragTarget: Se,
+  DropDownDiv: ve,
+  Events: L,
+  Extensions: Me,
+  Field: Oe,
+  FieldCheckbox: Ae,
+  FieldDropdown: Pe,
+  FieldImage: we,
+  FieldLabel: Be,
+  FieldLabelSerializable: Re,
+  FieldNumber: Le,
+  FieldTextInput: Ie,
+  FieldVariable: xe,
+  Flyout: De,
+  FlyoutButton: Fe,
+  FlyoutMetricsManager: Ve,
+  Generator: ze,
+  Gesture: Ne,
+  Grid: Ue,
+  HorizontalFlyout: je,
+  INPUT_VALUE: $e,
+  Input: Ge,
+  InsertionMarkerManager: We,
+  InsertionMarkerPreviewer: Xe,
+  Marker: He,
+  MarkerManager: Ye,
+  Menu: qe,
+  MenuItem: Je,
+  MetricsManager: Ze,
+  Msg: Ke,
+  NEXT_STATEMENT: Qe,
+  Names: eo,
+  OPPOSITE_TYPE: oo,
+  OUTPUT_VALUE: ro,
+  Options: to,
+  PREVIOUS_STATEMENT: ao,
+  PROCEDURE_CATEGORY_NAME: co,
+  Procedures: no,
+  RENAME_VARIABLE_ID: lo,
+  RenderedConnection: io,
+  Scrollbar: so,
+  ScrollbarPair: uo,
+  ShortcutItems: yo,
+  ShortcutRegistry: mo,
+  TOOLBOX_AT_BOTTOM: bo,
+  TOOLBOX_AT_LEFT: go,
+  TOOLBOX_AT_RIGHT: _o,
+  TOOLBOX_AT_TOP: fo,
+  TabNavigateCursor: po,
+  Theme: b,
+  ThemeManager: ho,
+  Themes: i,
+  Toolbox: ko,
+  ToolboxCategory: To,
+  ToolboxItem: Co,
+  ToolboxSeparator: Eo,
+  Tooltip: So,
+  Touch: vo,
+  Trashcan: Mo,
+  UnattachedFieldError: Oo,
+  VARIABLE_CATEGORY_NAME: Ao,
+  VARIABLE_DYNAMIC_CATEGORY_NAME: Po,
+  VERSION: wo,
+  VariableMap: Bo,
+  VariableModel: Ro,
+  Variables: Lo,
+  VariablesDynamic: Io,
+  VerticalFlyout: xo,
+  WidgetDiv: Do,
+  Workspace: Fo,
+  WorkspaceAudio: Vo,
+  WorkspaceDragger: zo,
+  WorkspaceSvg: No,
+  Xml: Uo,
+  ZoomControls: jo,
+  blockAnimations: $o,
+  blockRendering: Go,
+  browserEvents: Wo,
+  bubbles: Xo,
+  bumpObjects: Ho,
+  clipboard: Yo,
+  comments: qo,
+  common: Jo,
+  config: Zo,
+  constants: Ko,
+  defineBlocksWithJsonArray: Qo,
+  dialog: g,
+  dragging: er,
+  fieldRegistry: or,
+  geras: rr,
+  getMainWorkspace: I,
+  getSelected: tr,
+  hasBubble: ar,
+  hideChaff: cr,
+  icons: nr,
+  inject: x,
+  inputs: lr,
+  isCopyable: ir,
+  isDeletable: sr,
+  isDraggable: ur,
+  isIcon: dr,
+  isObservable: yr,
+  isPaster: mr,
+  isRenderedElement: br,
+  isSelectable: gr,
+  isSerializable: _r,
+  isVariableBackedParameterModel: fr,
+  procedures: pr,
+  registry: hr,
+  renderManagement: kr,
+  serialization: Tr,
+  setLocale: D,
+  setParentContainer: Cr,
+  svgResize: F,
+  thrasos: Er,
+  uiPosition: Sr,
+  utils: vr,
+  zelos: Mr
+} = h;
+g.setConfirm(async (e, o) => {
+  const r = await k({
     title: "",
     text: e
   });
-  r(!!o);
+  o(!!r);
 });
-ue.setPrompt(async (e, r, o) => {
-  const t = await Ke({
+g.setPrompt(async (e, o, r) => {
+  const t = await T({
     title: "",
-    value: r
+    value: o
   });
-  o(t);
+  r(t);
 });
-const et = (e, r) => {
-  const o = e[r];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((t, n) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(n.bind(null, new Error("Unknown variable dynamic import: " + r)));
+const V = (e, o) => {
+  const r = e[o];
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((t, a) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(a.bind(null, new Error("Unknown variable dynamic import: " + o)));
   });
 };
-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);
+async function y(e) {
+  const o = await V(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./en-DYxpcVy9.js"), "./msg/zhHans.ts": () => import("./zhHans-DjWw6Iqb.js") }), `./msg/${e}.ts`);
+  D(o);
 }
-B.Classic.blockStyles = {
+i.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
     colourSecondary: "#ede3de",
@@ -714,7 +241,7 @@ B.Classic.blockStyles = {
     hat: ""
   }
 };
-B.Classic.categoryStyles = {
+i.Classic.categoryStyles = {
   calc_category: {
     colour: "#757575"
   },
@@ -764,9 +291,9 @@ B.Classic.categoryStyles = {
     colour: "#a55b80"
   }
 };
-const tt = le.defineTheme("light", {
+const z = b.defineTheme("light", {
   name: "light",
-  base: B.Classic,
+  base: i.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#ffffff",
     toolboxBackgroundColour: "#eeeeee",
@@ -780,9 +307,9 @@ const tt = le.defineTheme("light", {
     scrollbarOpacity: 0.4,
     cursorColour: ""
   }
-}), ot = le.defineTheme("dark", {
+}), N = b.defineTheme("dark", {
   name: "dark",
-  base: B.Classic,
+  base: i.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#1e1e1e",
     toolboxBackgroundColour: "#272727",
@@ -797,47 +324,68 @@ const tt = le.defineTheme("light", {
     cursorColour: ""
   }
 });
-function rt(e) {
-  const r = Re();
-  switch (console.log(r), e) {
+function U(e) {
+  const o = I();
+  switch (console.log(o), e) {
     case "light":
-      r.setTheme(tt);
+      o.setTheme(z);
       break;
     case "dark":
-      r.setTheme(ot);
+      o.setTheme(N);
       break;
   }
 }
-function nt(e, r) {
-  var n, i;
-  const o = r.value, t = {
-    passive: !((n = r.modifiers) != null && n.active)
+function j(e, o) {
+  const r = E();
+  if (!r)
+    throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
+  return r;
+}
+const $ = Symbol.for("vuetify:locale");
+function G() {
+  const e = m($);
+  if (!e)
+    throw new Error("[Vuetify] Could not find injected locale instance");
+  return e;
+}
+const W = Symbol.for("vuetify:theme");
+function X() {
+  j("useTheme");
+  const e = m(W, null);
+  if (!e)
+    throw new Error("Could not find Vuetify theme injection");
+  return e;
+}
+function H(e, o) {
+  var a, l;
+  const r = o.value, t = {
+    passive: !((a = o.modifiers) != null && a.active)
   };
-  window.addEventListener("resize", o, t), e._onResize = Object(e._onResize), e._onResize[r.instance.$.uid] = {
-    handler: o,
+  window.addEventListener("resize", r, t), e._onResize = Object(e._onResize), e._onResize[o.instance.$.uid] = {
+    handler: r,
     options: t
-  }, (i = r.modifiers) != null && i.quiet || o();
+  }, (l = o.modifiers) != null && l.quiet || r();
 }
-function at(e, r) {
-  var n;
-  if (!((n = e._onResize) != null && n[r.instance.$.uid]))
+function Y(e, o) {
+  var a;
+  if (!((a = e._onResize) != null && a[o.instance.$.uid]))
     return;
   const {
-    handler: o,
+    handler: r,
     options: t
-  } = e._onResize[r.instance.$.uid];
-  window.removeEventListener("resize", o, t), delete e._onResize[r.instance.$.uid];
+  } = e._onResize[o.instance.$.uid];
+  window.removeEventListener("resize", r, t), delete e._onResize[o.instance.$.uid];
 }
-const st = {
-  mounted: nt,
-  unmounted: at
-}, ct = { class: "position-relative w-100 h-100" }, it = /* @__PURE__ */ we({
+const q = {
+  mounted: H,
+  unmounted: Y
+}, J = { class: "position-relative w-100 h-100" }, Z = /* @__PURE__ */ S({
   __name: "index",
   emits: ["ready", "change"],
-  setup(e, { emit: r }) {
-    const o = $e(), t = de(), { open: n } = Je("blocklyEditorFlyout"), i = r, h = O(null);
-    let l;
-    const m = {
+  setup(e, { emit: o }) {
+    const r = G(), t = X(), { open: a } = C("blocklyEditorFlyout"), l = o, s = v(null);
+    let n;
+    const _ = {
       grid: {
         length: 2,
         snap: !0,
@@ -859,195 +407,186 @@ const st = {
         wheel: !0
       }
     };
-    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));
+    M(async () => {
+      s.value && (await y(r.current.value), n = x(s.value, _), n.addChangeListener(L.disableOrphans), n.addChangeListener(p), await O(), l("ready", n));
     });
-    function y() {
-      l && Le(l);
+    function f() {
+      n && F(n);
     }
-    function b(d) {
-      i("change", d);
+    function p(c) {
+      l("change", c);
     }
-    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(
-      () => o.current.value,
-      (d) => {
-        ae(d);
+    return A(() => {
+      a.value = !1;
+    }), d(a, (c) => {
+      var u;
+      c || (u = n.getToolbox()) == null || u.clearSelection();
+    }), d(
+      () => r.current.value,
+      (c) => {
+        y(c);
       }
-    ), M(
+    ), d(
       () => t.current.value.dark,
-      (d) => {
-        rt(d ? "dark" : "light");
+      (c) => {
+        U(c ? "dark" : "light");
       }
-    ), (d, _) => (De(), Ve("div", ct, [
-      xe(Me("div", {
+    ), (c, u) => (P(), w("div", J, [
+      B(R("div", {
         class: "w-100 h-100",
         ref_key: "blocklyDiv",
-        ref: h,
+        ref: s,
         id: "blocklyEditor"
       }, null, 512), [
-        [st, y]
+        [q, f]
       ])
     ]));
   }
-}), lt = (e) => {
-  e.component("x-blockly", it);
-}, Lr = { install: lt };
+}), K = (e) => {
+  e.component("x-blockly", Z);
+}, Or = { install: K };
 export {
-  mt as ASTNode,
-  yt as BasicCursor,
-  ht as Block,
-  pt as BlockSvg,
-  bt as Blocks,
-  gt as COLLAPSED_FIELD_NAME,
-  _t as COLLAPSED_INPUT_NAME,
-  vt as COLLAPSE_CHARS,
-  Et as CodeGenerator,
-  kt as CollapsibleToolboxCategory,
-  Ot as ComponentManager,
-  Nt as Connection,
-  Ct as ConnectionChecker,
-  St as ConnectionDB,
-  Tt as ConnectionType,
-  Pt as ContextMenu,
-  wt as ContextMenuItems,
-  Dt as ContextMenuRegistry,
-  Vt as Css,
-  xt as Cursor,
-  Mt as DELETE_VARIABLE_ID,
-  At as DeleteArea,
-  Rt as DragTarget,
-  It as DropDownDiv,
-  Ae as Events,
-  jt as Extensions,
-  Lt as Field,
-  Bt as FieldCheckbox,
-  Ft as FieldDropdown,
-  $t as FieldImage,
-  zt as FieldLabel,
-  Ut as FieldLabelSerializable,
-  Wt as FieldNumber,
-  qt as FieldTextInput,
-  Gt as FieldVariable,
-  Ht as Flyout,
-  Xt as FlyoutButton,
-  Yt as FlyoutMetricsManager,
-  Jt as Generator,
-  Qt as Gesture,
-  Zt as Grid,
-  Kt as HorizontalFlyout,
-  eo as INPUT_VALUE,
-  to as Input,
-  oo as InsertionMarkerManager,
-  ro as InsertionMarkerPreviewer,
-  no as Marker,
-  ao as MarkerManager,
-  so as Menu,
-  co as MenuItem,
-  io as MetricsManager,
-  lo as Msg,
-  uo as NEXT_STATEMENT,
-  fo as Names,
-  mo as OPPOSITE_TYPE,
-  yo as OUTPUT_VALUE,
-  ho as Options,
-  po as PREVIOUS_STATEMENT,
-  bo as PROCEDURE_CATEGORY_NAME,
-  go as Procedures,
-  _o as RENAME_VARIABLE_ID,
-  vo as RenderedConnection,
-  Eo as Scrollbar,
-  ko as ScrollbarPair,
-  Oo as ShortcutItems,
-  No as ShortcutRegistry,
-  Co as TOOLBOX_AT_BOTTOM,
-  So as TOOLBOX_AT_LEFT,
-  To as TOOLBOX_AT_RIGHT,
-  Po as TOOLBOX_AT_TOP,
-  wo as TabNavigateCursor,
-  le as Theme,
-  Do as ThemeManager,
-  B as Themes,
-  Vo as Toolbox,
-  xo as ToolboxCategory,
-  Mo as ToolboxItem,
-  Ao as ToolboxSeparator,
-  Ro as Tooltip,
-  Io as Touch,
-  jo as Trashcan,
-  Lo as UnattachedFieldError,
-  Bo as VARIABLE_CATEGORY_NAME,
-  Fo as VARIABLE_DYNAMIC_CATEGORY_NAME,
-  $o as VERSION,
-  zo as VariableMap,
-  Uo as VariableModel,
-  Wo as Variables,
-  qo as VariablesDynamic,
-  Go as VerticalFlyout,
-  Ho as WidgetDiv,
-  Xo as Workspace,
-  Yo as WorkspaceAudio,
-  Jo as WorkspaceDragger,
-  Qo as WorkspaceSvg,
-  Zo as Xml,
-  Ko as ZoomControls,
-  er as blockAnimations,
-  tr as blockRendering,
-  or as browserEvents,
-  rr as bubbles,
-  nr as bumpObjects,
-  ar as clipboard,
-  sr as comments,
-  cr as common,
-  ir as config,
-  lr as constants,
-  Lr as default,
-  ur as defineBlocksWithJsonArray,
-  ue as dialog,
-  dr as dragging,
-  fr as fieldRegistry,
-  mr as geras,
-  Re as getMainWorkspace,
-  yr as getSelected,
-  hr as hasBubble,
-  pr as hideChaff,
-  br as icons,
-  Ie as inject,
-  gr as inputs,
-  _r as isCopyable,
-  vr as isDeletable,
-  Er as isDraggable,
-  kr as isIcon,
-  Or as isObservable,
-  Nr as isPaster,
-  Cr as isRenderedElement,
-  Sr as isSelectable,
-  Tr as isSerializable,
-  Pr as isVariableBackedParameterModel,
-  wr as procedures,
-  Dr as registry,
-  Vr as renderManagement,
-  xr as serialization,
-  je as setLocale,
-  ae as setLocaleAsync,
-  Mr as setParentContainer,
-  rt as setTheme,
-  Le as svgResize,
-  Ar as thrasos,
-  Rr as uiPosition,
-  Ir as utils,
-  jr as zelos
+  re as ASTNode,
+  te as BasicCursor,
+  ae as Block,
+  ce as BlockSvg,
+  ne as Blocks,
+  le as COLLAPSED_FIELD_NAME,
+  ie as COLLAPSED_INPUT_NAME,
+  se as COLLAPSE_CHARS,
+  ue as CodeGenerator,
+  de as CollapsibleToolboxCategory,
+  ye as ComponentManager,
+  me as Connection,
+  be as ConnectionChecker,
+  ge as ConnectionDB,
+  _e as ConnectionType,
+  fe as ContextMenu,
+  pe as ContextMenuItems,
+  he as ContextMenuRegistry,
+  ke as Css,
+  Te as Cursor,
+  Ce as DELETE_VARIABLE_ID,
+  Ee as DeleteArea,
+  Se as DragTarget,
+  ve as DropDownDiv,
+  L as Events,
+  Me as Extensions,
+  Oe as Field,
+  Ae as FieldCheckbox,
+  Pe as FieldDropdown,
+  we as FieldImage,
+  Be as FieldLabel,
+  Re as FieldLabelSerializable,
+  Le as FieldNumber,
+  Ie as FieldTextInput,
+  xe as FieldVariable,
+  De as Flyout,
+  Fe as FlyoutButton,
+  Ve as FlyoutMetricsManager,
+  ze as Generator,
+  Ne as Gesture,
+  Ue as Grid,
+  je as HorizontalFlyout,
+  $e as INPUT_VALUE,
+  Ge as Input,
+  We as InsertionMarkerManager,
+  Xe as InsertionMarkerPreviewer,
+  He as Marker,
+  Ye as MarkerManager,
+  qe as Menu,
+  Je as MenuItem,
+  Ze as MetricsManager,
+  Ke as Msg,
+  Qe as NEXT_STATEMENT,
+  eo as Names,
+  oo as OPPOSITE_TYPE,
+  ro as OUTPUT_VALUE,
+  to as Options,
+  ao as PREVIOUS_STATEMENT,
+  co as PROCEDURE_CATEGORY_NAME,
+  no as Procedures,
+  lo as RENAME_VARIABLE_ID,
+  io as RenderedConnection,
+  so as Scrollbar,
+  uo as ScrollbarPair,
+  yo as ShortcutItems,
+  mo as ShortcutRegistry,
+  bo as TOOLBOX_AT_BOTTOM,
+  go as TOOLBOX_AT_LEFT,
+  _o as TOOLBOX_AT_RIGHT,
+  fo as TOOLBOX_AT_TOP,
+  po as TabNavigateCursor,
+  b as Theme,
+  ho as ThemeManager,
+  i as Themes,
+  ko as Toolbox,
+  To as ToolboxCategory,
+  Co as ToolboxItem,
+  Eo as ToolboxSeparator,
+  So as Tooltip,
+  vo as Touch,
+  Mo as Trashcan,
+  Oo as UnattachedFieldError,
+  Ao as VARIABLE_CATEGORY_NAME,
+  Po as VARIABLE_DYNAMIC_CATEGORY_NAME,
+  wo as VERSION,
+  Bo as VariableMap,
+  Ro as VariableModel,
+  Lo as Variables,
+  Io as VariablesDynamic,
+  xo as VerticalFlyout,
+  Do as WidgetDiv,
+  Fo as Workspace,
+  Vo as WorkspaceAudio,
+  zo as WorkspaceDragger,
+  No as WorkspaceSvg,
+  Uo as Xml,
+  jo as ZoomControls,
+  $o as blockAnimations,
+  Go as blockRendering,
+  Wo as browserEvents,
+  Xo as bubbles,
+  Ho as bumpObjects,
+  Yo as clipboard,
+  qo as comments,
+  Jo as common,
+  Zo as config,
+  Ko as constants,
+  Or as default,
+  Qo as defineBlocksWithJsonArray,
+  g as dialog,
+  er as dragging,
+  or as fieldRegistry,
+  rr as geras,
+  I as getMainWorkspace,
+  tr as getSelected,
+  ar as hasBubble,
+  cr as hideChaff,
+  nr as icons,
+  x as inject,
+  lr as inputs,
+  ir as isCopyable,
+  sr as isDeletable,
+  ur as isDraggable,
+  dr as isIcon,
+  yr as isObservable,
+  mr as isPaster,
+  br as isRenderedElement,
+  gr as isSelectable,
+  _r as isSerializable,
+  fr as isVariableBackedParameterModel,
+  pr as procedures,
+  hr as registry,
+  kr as renderManagement,
+  Tr as serialization,
+  D as setLocale,
+  y as setLocaleAsync,
+  Cr as setParentContainer,
+  U as setTheme,
+  F as svgResize,
+  Er as thrasos,
+  Sr as uiPosition,
+  vr as utils,
+  Mr as zelos
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.1.3",
+  "version": "0.1.5",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -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",