x-block-lib 0.8.30 → 0.8.31

package/dist/index.js

@@ -7,11 +7,11 @@
   License: see project LICENSE
   Touched: 2021
 */pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.ghost[data-v-6cb62cd6]{opacity:.4;pointer-events:none}.blocklyToolbox{overflow-x:hidden;width:56px}.blocklyMainBackground{stroke-width:0}.blocklyToolboxCategory{margin-bottom:12px!important}.blocklyToolboxCategoryIcon{display:none!important}.blocklyTreeRowContentContainer{height:28px;display:flex;align-items:center;justify-items:center;overflow:hidden}.blocklyFlyout{z-index:21}`)),document.head.appendChild(l)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { E as I, r as Tn, M as Rn, s as vo, a as Co, X as Dn, u as C, B as g, j as s, O as r, F as O, b as $e, i as v, c as Tt, d as ko, e as M, f as T, g as No, h as H, k as ht, p as Yt, l as ot, m as En, n as B, C as Mn, N as it, o as Lo, P as Ge, q as Ue, V as Nt, t as Un, W as So, v as Bo, w as bo, S as Po, x as Ro, y as Do, z as Wt, T as Ae, A as Vn, D as Mo, G as Uo, H as xn, I as Vo, J as xo, K as Yo, L as Fo, Q as wo, R as Ko, U as Ho, Y as $o } from "./vendor.txua272r.js";
+import { E as I, r as Tn, M as Rn, s as vo, a as Co, X as Dn, u as C, B as g, j as s, O as r, F as O, b as He, i as v, c as Tt, d as ko, e as M, f as T, g as No, h as H, k as ht, p as Yt, l as ot, m as En, n as B, C as Mn, N as it, o as Lo, P as $e, q as Me, V as Nt, t as Un, W as So, v as Bo, w as bo, S as Po, x as Ro, y as Do, z as Wt, T as Ae, A as Vn, D as Mo, G as Uo, H as xn, I as Vo, J as xo, K as Yo, L as Fo, Q as wo, R as Ko, U as Ho, Y as $o } from "./vendor.txua272r.js";
 import { globalState as E } from "x-state-lib";
-import { globalObjects as vt, openConfirmDlg as Go, openPromptDlg as Wo, messageWarning as Yn, useColor as jt, useSystem as Fn, useViewStack as en, eventBus as kt } from "x-essential-lib";
-import { pkgs as ie, parsePixelStr as jo, parsePercentStr as Xo, getPropertyTag as Mt, unwrapEventId as Ie, elements as tt, makeEventId as z, toEventName as Oe, unwrapMethodId as nn, makeMethodId as ee, toMethodName as on, unwrapPropertyId as Jo, makePropertyId as Zt, toPropertyName as wn, isLocaleOfMethodKind as Kn, makeTriggerId as Ot } from "x-runtime-lib";
-import { provide as qo, inject as Qo, defineComponent as ct, resolveComponent as D, createBlock as st, openBlock as S, unref as R, withCtx as at, createVNode as L, mergeProps as sn, useModel as Kt, ref as Lt, computed as F, resolveDirective as zo, withDirectives as Zo, createElementBlock as Z, normalizeStyle as W, createElementVNode as w, createCommentVNode as rt, toDisplayString as Ht, withModifiers as Ft, mergeModels as We, Fragment as Hn, renderList as ti, useId as je, onUnmounted as ei, useTemplateRef as wt, withKeys as $n, isRef as ne, onMounted as gn, nextTick as ni, onBeforeUnmount as An, watch as Vt, renderSlot as oi } from "vue";
+import { globalObjects as vt, openConfirmDlg as Go, openPromptDlg as Wo, messageWarning as Yn, useColor as jt, useSystem as Fn, useViewStack as tn, eventBus as kt } from "x-essential-lib";
+import { pkgs as ie, parsePixelStr as jo, parsePercentStr as Xo, getPropertyTag as Mt, unwrapEventId as en, elements as tt, makeEventId as z, toEventName as Ie, unwrapMethodId as nn, makeMethodId as ee, toMethodName as on, unwrapPropertyId as Jo, makePropertyId as Zt, toPropertyName as wn, isLocaleOfMethodKind as Kn, makeTriggerId as Ot } from "x-runtime-lib";
+import { provide as qo, inject as Qo, defineComponent as ct, resolveComponent as D, createBlock as st, openBlock as S, unref as R, withCtx as at, createVNode as L, mergeProps as sn, useModel as Kt, ref as Lt, computed as F, resolveDirective as zo, withDirectives as Zo, createElementBlock as Z, normalizeStyle as W, createElementVNode as w, createCommentVNode as rt, toDisplayString as Ht, withModifiers as Ft, mergeModels as Ge, Fragment as Hn, renderList as ti, useId as We, onUnmounted as ei, useTemplateRef as wt, withKeys as $n, isRef as ne, onMounted as gn, nextTick as ni, onBeforeUnmount as An, watch as Vt, renderSlot as oi } from "vue";
 import { useI18n as Xt } from "vue-i18n";
 import { useDisplay as ii } from "vuetify";
 var b = /* @__PURE__ */ ((t) => (t.STATE_CHANGE = "state_change", t))(b || {});
@@ -37,7 +37,7 @@ function f(t) {
   return Rn[t] ?? t;
 }
 const St = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTggMTBoLTR2LTRjMC0xLjEwNC0uODk2LTItMi0ycy0yIC44OTYtMiAybC4wNzEgNGgtNC4wNzFjLTEuMTA0IDAtMiAuODk2LTIgMnMuODk2IDIgMiAybDQuMDcxLS4wNzEtLjA3MSA0LjA3MWMwIDEuMTA0Ljg5NiAyIDIgMnMyLS44OTYgMi0ydi00LjA3MWw0IC4wNzFjMS4xMDQgMCAyLS44OTYgMi0ycy0uODk2LTItMi0yeiIgZmlsbD0id2hpdGUiIC8+PC9zdmc+Cg==", se = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTggMTFoLTEyYy0xLjEwNCAwLTIgLjg5Ni0yIDJzLjg5NiAyIDIgMmgxMmMxLjEwNCAwIDItLjg5NiAyLTJzLS44OTYtMi0yLTJ6IiBmaWxsPSJ3aGl0ZSIgLz48L3N2Zz4K";
-function ye(t) {
+function Oe(t) {
   const e = t.lastIndexOf("V");
   if (e <= 0 || e >= t.length - 1)
     return console.assert(!1, `invalid key=${t}`), "";
@@ -63,7 +63,7 @@ function si(t) {
 function jn(t) {
   return t.ui === "strInput" ? "string" : t.ui === "numInput" ? "number" : t.ui === "switch" ? "boolean" : "string";
 }
-function ve(t, e) {
+function ye(t, e) {
   return !!(t.startsWith("basic.") || !e.ui || e.readonly);
 }
 function K(t) {
@@ -75,7 +75,7 @@ function q(t) {
 function Q(t) {
   return t.startsWith("multiple_ref_v");
 }
-function Ve(t) {
+function Ue(t) {
   const e = `<block type="text_v1"><field name="TEXT">${t}</field></block>`;
   return C.xml.textToDom(e);
 }
@@ -86,9 +86,9 @@ function On(t) {
 function ai(t) {
   return C.xml.textToDom('<block type="logic_boolean_v1"><field name="BOOL">FALSE</field></block>');
 }
-function Xe(t, e) {
+function je(t, e) {
   let n = null;
-  return e === "string" ? n = Ve("") : e === "integer" || e === "decimal" ? n = On(0) : e === "boolean" ? n = ai() : e === "enum" || e === "dateTime" ? n = Ve("") : console.assert(!1), n ? Dn.domToBlock(n, t) : null;
+  return e === "string" ? n = Ue("") : e === "integer" || e === "decimal" ? n = On(0) : e === "boolean" ? n = ai() : e === "enum" || e === "dateTime" ? n = Ue("") : console.assert(!1), n ? Dn.domToBlock(n, t) : null;
 }
 function Et(t) {
   return t === "string" ? "String" : t === "number" ? "Number" : t === "boolean" ? "Boolean" : t === "array" ? "Array" : t === "object" ? "Object" : (console.assert(!1), null);
@@ -150,11 +150,11 @@ function ui() {
   return C.xml.textToDom('<shadow type="object_create_v1"></shadow>');
 }
 function li(t) {
-  const e = `<shadow type="${ye(t)}"></shadow>`;
+  const e = `<shadow type="${Oe(t)}"></shadow>`;
   return C.xml.textToDom(e);
 }
 function _i(t) {
-  const e = `<shadow type="${ye(t)}"></shadow>`;
+  const e = `<shadow type="${Oe(t)}"></shadow>`;
   return C.xml.textToDom(e);
 }
 function pi(t) {
@@ -261,7 +261,7 @@ s.forBlock.get_page_argument_v1 = function(t) {
   return [`__getPageArgumentV1__(${s.quote_(e.argument.key)})`, r.FUNCTION_CALL];
 };
 const Ei = (t, e) => {
-  const n = ye(t), o = ae(t);
+  const n = Oe(t), o = ae(t);
   g[n] = {
     init: function() {
       this.appendDummyInput().appendField(
@@ -286,7 +286,7 @@ for (const t in ie) {
     Ei(n, e.items[n]);
 }
 const gi = (t, e) => {
-  const n = ye(t), o = ae(t);
+  const n = Oe(t), o = ae(t);
   g[n] = {
     init: function() {
       this.value = e[0].default ?? "", this.appendDummyInput("DUMMY").appendField(
@@ -339,7 +339,7 @@ const gi = (t, e) => {
       let u, l;
       if (c.ui === "pixelInput") {
         const _ = jo(this.value) ?? 0;
-        u = new $e(
+        u = new He(
           _,
           c.min,
           c.max,
@@ -350,7 +350,7 @@ const gi = (t, e) => {
         ), l = "px";
       } else if (c.ui === "percentInput") {
         const _ = Xo(this.value) ?? 0;
-        u = new $e(
+        u = new He(
           _,
           c.min,
           c.max,
@@ -528,18 +528,18 @@ function vi() {
     t.push([o, n]);
   }), k(t);
 }
-function Je(t) {
+function Xe(t) {
   const e = E.app.appList.find((n) => n.id === t);
   return e ? e.pages : [];
 }
-function xe(t, e) {
+function Ve(t, e) {
   const n = E.app.appList.find((o) => o.id === t);
   if (n)
     return n.pages.find((o) => o.id === e);
 }
 function Ci(t) {
   const e = [];
-  return Je(t).forEach(({ id: o, name: i }) => {
+  return Xe(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
   }), k(e);
 }
@@ -575,7 +575,7 @@ function X(t) {
     { key: "oldValue", name: "x-runtime-lib.oldValue", type: t }
   ];
 }
-function qe(t) {
+function Je(t) {
   const { properties: e } = E.runtime, { activeObject: n, activePage: o, activeComp: i, depends: a } = E.app, c = [], u = Mt(n.type, n.subtype);
   if (!u)
     return c;
@@ -624,7 +624,7 @@ function qe(t) {
       });
   if (e[_.key] && e[_.key][u])
     for (const { keys: d, names: h, raw: p } of e[_.key][u])
-      ve(d, p) || c.push({
+      ye(d, p) || c.push({
         id: z("elementPropertyChangeEvent", t, d),
         kind: "elementPropertyChangeEvent",
         names: h,
@@ -680,11 +680,11 @@ function qe(t) {
   }
   return c;
 }
-function Ye(t) {
+function xe(t) {
   const { properties: e } = E.runtime, { activeObject: n, activePage: o, activeComp: i, depends: a } = E.app, c = Mt(n.type, n.subtype);
   if (!c)
     return;
-  const { kind: u, nodeId: l, eventKey: _ } = Ie(t), d = n.nodes.find((p) => p.id === l);
+  const { kind: u, nodeId: l, eventKey: _ } = en(t), d = n.nodes.find((p) => p.id === l);
   if (!d)
     return;
   const h = tt[d.key];
@@ -825,9 +825,9 @@ function Ye(t) {
   }
 }
 function Ni(t) {
-  const e = [], n = qe(t);
+  const e = [], n = Je(t);
   for (const { id: o, kind: i, names: a } of n)
-    e.push([Oe(i, a), o]);
+    e.push([Ie(i, a), o]);
   return k(e);
 }
 function zn() {
@@ -843,7 +843,7 @@ function zn() {
   return n;
 }
 function kn(t) {
-  const { activeObject: e, activeComp: n } = E.app, { kind: o, nodeId: i, eventKey: a } = Ie(t);
+  const { activeObject: e, activeComp: n } = E.app, { kind: o, nodeId: i, eventKey: a } = en(t);
   if (o === "customEvent" && i === "globality" && e.type === "comp") {
     const c = n.meta.events.find(
       (u) => u.id === a
@@ -860,7 +860,7 @@ function kn(t) {
 function Li() {
   const t = [], e = zn();
   for (const { id: n, kind: o, names: i } of e)
-    t.push([Oe(o, i), n]);
+    t.push([Ie(o, i), n]);
   return k(t);
 }
 function Pt(t) {
@@ -875,7 +875,7 @@ function Rt(t) {
     e.push({ key: n, name: o, type: i });
   return e;
 }
-function Qe(t) {
+function qe(t) {
   const { activeObject: e, depends: n } = E.app, o = [], i = e.nodes.find((c) => c.id === t);
   if (!i)
     return o;
@@ -916,7 +916,7 @@ function Qe(t) {
   }
   return K(a.key) && e.type, o;
 }
-function Fe(t) {
+function Ye(t) {
   const { activeObject: e, depends: n } = E.app, { kind: o, nodeId: i, methodKey: a } = nn(t), c = e.nodes.find((l) => l.id === i);
   if (!c)
     return;
@@ -970,7 +970,7 @@ function Fe(t) {
   }
 }
 function Si(t) {
-  const e = [], n = Qe(t);
+  const e = [], n = qe(t);
   for (const { id: o, kind: i, names: a } of n)
     e.push([on(i, a), o]);
   return k(e);
@@ -1010,17 +1010,17 @@ function Zn() {
     t.push([on(o, i), n]);
   return k(t);
 }
-function ze(t) {
+function Qe(t) {
   const e = Dt(t);
   return e ? e.outputs : [];
 }
-function we(t, e) {
+function Fe(t, e) {
   const n = Dt(t);
   if (n)
     return n.outputs.find((o) => o.key === e);
 }
 function Bi(t) {
-  const e = [], n = ze(t);
+  const e = [], n = Qe(t);
   for (const { name: o, key: i } of n)
     e.push([o, i]);
   return k(e);
@@ -1041,7 +1041,7 @@ function bi(t, e, n) {
   }
   if (o[t.key] && o[t.key][e]) {
     for (const { keys: l, raw: _ } of o[t.key][e])
-      if (!ve(l, _))
+      if (!ye(l, _))
         return !1;
   }
   if (K(t.key) && i.type === "comp" && c.meta.properties.length > 0)
@@ -1091,7 +1091,7 @@ function Di(t, e, n) {
   const { properties: o } = E.runtime, { activeObject: i, activeComp: a, depends: c } = E.app;
   if (o[t.key] && o[t.key][e]) {
     for (const { keys: u, raw: l } of o[t.key][e])
-      if (!ve(u, l))
+      if (!ye(u, l))
         return !1;
   }
   if (q(t.key) && n) {
@@ -1159,7 +1159,7 @@ function ft(t) {
     alias: n.alias
   };
 }
-function Ce(t) {
+function ve(t) {
   const { i18n: e } = vt, n = [], o = Jt(t);
   for (const { id: i, name: a, alias: c } of o) {
     let u = e.global.t(a);
@@ -1179,7 +1179,7 @@ function $t(t, e) {
     return console.assert(!1, "invalid element", l.key), c;
   if (n[_.key] && n[_.key][u])
     for (const { keys: d, names: h, raw: p } of n[_.key][u])
-      e === "write" && ve(d, p) || c.push({
+      e === "write" && ye(d, p) || c.push({
         id: Zt("elementProperty", t, d),
         kind: "elementProperty",
         names: h,
@@ -1353,7 +1353,7 @@ const Mi = {
     this.node.id = t.id, this.node.key = t.key, this.node.alias = t.alias;
     const e = this.getField("NODE");
     e.getOptions(!1), e.setValue(this.node.id);
-    const n = qe(this.node.id)?.[0];
+    const n = Je(this.node.id)?.[0];
     if (!n)
       return;
     this.event.id = n.id, this.event.kind = n.kind, this.event.names = n.names, this.event.params = n.params;
@@ -1372,7 +1372,7 @@ const Mi = {
     }, 0);
   },
   genNodeOpts_: function() {
-    return Ce("onEvent");
+    return ve("onEvent");
   },
   genEventOpts_: function() {
     return Ni(this.node.id);
@@ -1396,14 +1396,14 @@ const Mi = {
     const n = this.node.key !== e.key;
     this.node.id = e.id, this.node.key = e.key, this.node.alias = e.alias;
     const o = this.getField("EVENT");
-    if (o.getOptions(!1), n || !Ye(this.event.id)) {
-      const i = qe(this.node.id)?.[0];
+    if (o.getOptions(!1), n || !xe(this.event.id)) {
+      const i = Je(this.node.id)?.[0];
       o.setValue(i?.id ?? "");
     }
     this.onEventChange_(o.getValue());
   },
   onEventChange_: function(t) {
-    const e = Ye(t);
+    const e = xe(t);
     e ? (this.event.id = e.id, this.event.kind = e.kind, this.event.names = e.names, this.event.params = e.params) : (this.event.id = "", this.event.kind = "", this.event.names = [], this.event.params = []), this.updateShape_(), setTimeout(() => {
       this.ensureBlocks_();
     }, 0);
@@ -1415,7 +1415,7 @@ const Mi = {
     }
     for (let e = 0; e < this.event.params.length; e++)
       this.getInput("PARAM" + e) || (this.appendValueInput("PARAM" + e), this.moveInputBefore("PARAM" + e, "HANDLE"));
-    const { kind: t } = Ie(this.event.id);
+    const { kind: t } = en(this.event.id);
     if (t === "multipleRefEvent")
       this.getInput("REF_KEY") || this.appendValueInput("REF_KEY"), this.event.params.length > 0 ? this.moveInputBefore("REF_KEY", "PARAM0") : this.moveInputBefore("REF_KEY", "HANDLE");
     else if (this.getInput("REF_KEY")) {
@@ -1444,7 +1444,7 @@ const Mi = {
       return;
     }
     t.alias !== this.node.alias && (this.node.alias = t.alias);
-    const e = Ye(this.event.id);
+    const e = xe(this.event.id);
     if (!e) {
       this.setWarningText(f("WARN_EVENT_NOT_FOUND"));
       return;
@@ -1563,17 +1563,17 @@ const Ui = {
 };
 g.trigger_app_event_v1 = Ui;
 s.forBlock.trigger_app_event_v1 = function(t) {
-  const e = s.quote_, n = t, { eventKey: o } = Ie(n.event.id);
-  let i = "";
-  for (let c = 0; c < n.event.params.length; c++) {
-    const u = s.valueToCode(
+  const e = s.quote_, n = t;
+  let o = "";
+  for (let a = 0; a < n.event.params.length; a++) {
+    const c = s.valueToCode(
       n,
-      "PARAM" + c,
+      "PARAM" + a,
       r.NONE
     );
-    i += ", ", i += u;
+    o && (o += ", "), o += c;
   }
-  return `__triggerCustomEventV1__(${e(o)}${i});
+  return `__triggerEventV1__(${e(n.event.id)}, ${o});
 `;
 };
 T([
@@ -1755,7 +1755,7 @@ const Yi = {
     this.node.id = t.id, this.node.key = t.key, this.node.alias = t.alias;
     const e = this.getField("NODE");
     e.getOptions(!1), e.setValue(this.node.id);
-    const n = Qe(this.node.id)?.[0];
+    const n = qe(this.node.id)?.[0];
     if (!n)
       return;
     this.method.id = n.id, this.method.kind = n.kind, this.method.names = n.names, this.method.inputs = n.inputs, this.method.outputs = n.outputs;
@@ -1774,7 +1774,7 @@ const Yi = {
     }, 0);
   },
   genNodeOpts_: function() {
-    return Ce("callMethod");
+    return ve("callMethod");
   },
   genMethodOpts_: function() {
     return Si(this.node.id);
@@ -1798,14 +1798,14 @@ const Yi = {
     const n = this.node.key !== e.key;
     this.node.id = e.id, this.node.key = e.key, this.node.alias = e.alias;
     const o = this.getField("METHOD");
-    if (o.getOptions(!1), n || !Fe(this.method.id)) {
-      const i = Qe(this.node.id)?.[0];
+    if (o.getOptions(!1), n || !Ye(this.method.id)) {
+      const i = qe(this.node.id)?.[0];
       o.setValue(i?.id ?? "");
     }
     this.onMethodChange_(o.getValue());
   },
   onMethodChange_: function(t) {
-    const e = Fe(t);
+    const e = Ye(t);
     e ? (this.method.id = e.id, this.method.kind = e.kind, this.method.names = e.names, this.method.inputs = e.inputs, this.method.outputs = e.outputs) : (this.method.id = "", this.method.kind = "", this.method.names = [], this.method.inputs = [], this.method.outputs = []), this.updateShape_(), this.updateShadow_(), setTimeout(() => {
       this.ensureBlocks_();
     }, 0);
@@ -1866,7 +1866,7 @@ const Yi = {
       return;
     }
     t.alias !== this.node.alias && (this.node.alias = t.alias);
-    const e = Fe(this.method.id);
+    const e = Ye(this.method.id);
     if (!e) {
       this.setWarningText(f("WARN_METHOD_NOT_FOUND"));
       return;
@@ -2017,7 +2017,7 @@ const wi = {
     this.method.id = t.id, this.method.kind = t.kind, this.method.names = t.names;
     const e = this.getField("METHOD");
     e.getOptions(!1), e.setValue(this.method.id);
-    const n = ze(this.method.id)?.[0];
+    const n = Qe(this.method.id)?.[0];
     if (!n)
       return;
     this.output.key = n.key, this.output.name = n.name, this.output.type = n.type;
@@ -2059,14 +2059,14 @@ const wi = {
     const n = this.method.id !== e.id;
     this.method.id = e.id, this.method.kind = e.kind, this.method.names = e.names;
     const o = this.getField("OUTPUT");
-    if (o.getOptions(!1), n || !we(this.method.id, this.output.key)) {
-      const i = ze(this.method.id)?.[0];
+    if (o.getOptions(!1), n || !Fe(this.method.id, this.output.key)) {
+      const i = Qe(this.method.id)?.[0];
       o.setValue(i?.key ?? "");
     }
     this.onOutputChange_(o.getValue());
   },
   onOutputChange_: function(t) {
-    const e = we(this.method.id, t);
+    const e = Fe(this.method.id, t);
     e ? (this.output.key = e.key, this.output.name = e.name, this.output.type = e.type) : (this.output.key = "", this.output.name = "", this.output.type = "string");
   },
   updateShape_: function() {
@@ -2094,7 +2094,7 @@ const wi = {
       return;
     }
     t.names !== this.method.names && (this.method.names = t.names);
-    const e = we(this.method.id, this.output.key);
+    const e = Fe(this.method.id, this.output.key);
     if (!e) {
       this.setWarningText(f("WARN_OUTPUT_NOT_FOUND"));
       return;
@@ -2175,7 +2175,7 @@ const Ki = {
     this.app.id = t.id, this.app.name = t.name;
     const e = this.getField("APP");
     e.getOptions(!1), e.setValue(this.app.id);
-    const n = Je(this.app.id)?.[0];
+    const n = Xe(this.app.id)?.[0];
     if (!n)
       return;
     this.page.id = n.id, this.page.name = n.name;
@@ -2218,13 +2218,13 @@ const Ki = {
     const n = this.app.id !== e.id;
     this.app.id = e.id, this.app.name = e.name;
     const o = this.getField("PAGE");
-    if (o.getOptions(!1), n || !xe(this.app.id, this.page.id)) {
-      const a = Je(this.app.id)?.[0]?.id ?? "";
+    if (o.getOptions(!1), n || !Ve(this.app.id, this.page.id)) {
+      const a = Xe(this.app.id)?.[0]?.id ?? "";
       o.setValue(a), this.page.id === a && this.onPageChange_(a);
     }
   },
   onPageChange_: function(t) {
-    const e = xe(this.app.id, t);
+    const e = Ve(this.app.id, t);
     e ? (this.page.id = e.id, this.page.name = e.name) : (this.page.id = "", this.page.name = "");
   },
   checkWarning_: function() {
@@ -2234,7 +2234,7 @@ const Ki = {
       return;
     }
     t.name !== this.app.name && (this.app.name = t.name);
-    const e = xe(this.app.id, this.page.id);
+    const e = Ve(this.app.id, this.page.id);
     if (!e) {
       this.setWarningText(f("WARN_PAGE_NOT_FOUND"));
       return;
@@ -2356,7 +2356,7 @@ const $i = {
     }, 0);
   },
   genNodeOpts_: function() {
-    return Ce("getProperty");
+    return ve("getProperty");
   },
   genPropertyOpts_: function() {
     return eo(this.node.id, "read");
@@ -2461,7 +2461,7 @@ const Gi = {
     }, 0);
   },
   genNodeOpts_: function() {
-    return Ce("setProperty");
+    return ve("setProperty");
   },
   genPropertyOpts_: function() {
     return eo(this.node.id, "write");
@@ -3534,7 +3534,7 @@ function oo(t) {
     e.push([i, o]);
   }), k(e);
 }
-function Ze() {
+function ze() {
   return E.compute.activeFunc;
 }
 function Nn(t) {
@@ -3923,7 +3923,7 @@ const ns = {
   initData_: function() {
     if (this.func.id)
       return;
-    const { id: t, inputs: e } = Ze();
+    const { id: t, inputs: e } = ze();
     this.func.id = t, this.func.inputs = e;
   },
   saveExtraState: function() {
@@ -3960,7 +3960,7 @@ const ns = {
     Y(this, t);
   },
   checkWarning_: function() {
-    const { id: t, inputs: e } = Ze();
+    const { id: t, inputs: e } = ze();
     if (this.func.id !== t && (this.func.id = t), !M(e, this.func.inputs)) {
       this.setWarningText(f("WARN_FUNC_HAS_CHANGED"));
       return;
@@ -3992,7 +3992,7 @@ const os = {
   initData_: function() {
     if (this.output.id)
       return;
-    const t = Ze().outputs?.[0];
+    const t = ze().outputs?.[0];
     t && (this.output.id = t.id, this.output.name = t.name, this.output.type = t.type);
   },
   saveExtraState: function() {
@@ -4135,7 +4135,7 @@ function mt(t) {
   const { spaces: e } = E.data;
   return e.find((n) => n.id === t);
 }
-function ke() {
+function Ce() {
   const t = [];
   return et().forEach(({ id: n, name: o }) => {
     t.push([o, n]);
@@ -4150,7 +4150,7 @@ function J(t, e) {
   if (o)
     return o.tables.find((i) => i.id === e);
 }
-function Ne(t) {
+function ke(t) {
   const e = [];
   return $(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
@@ -4163,7 +4163,7 @@ function _e(t, e) {
   const i = o.tables.find((a) => a.id === e);
   return i ? i.columns : [];
 }
-function Ke(t, e, n) {
+function we(t, e, n) {
   const { spaces: o } = E.data, i = o.find((c) => c.id === t);
   if (!i)
     return;
@@ -4337,10 +4337,10 @@ const rs = {
     }, 0);
   },
   genSpaceOpts_: function() {
-    return ke();
+    return Ce();
   },
   genTableOpts_: function() {
-    return Ne(this.space.id);
+    return ke(this.space.id);
   },
   genColumnOpts_: function() {
     return is(this.space.id, this.table.id);
@@ -4374,13 +4374,13 @@ const rs = {
       return;
     }
     const n = e.id !== this.table.id;
-    if (this.table.id = e.id, this.table.name = e.name, n || !Ke(this.space.id, this.table.id, this.column.id)) {
+    if (this.table.id = e.id, this.table.name = e.name, n || !we(this.space.id, this.table.id, this.column.id)) {
       const o = _e(this.space.id, this.table.id)?.[0]?.id ?? "", i = this.getField("COLUMN");
       i.getOptions(!1), i.setValue(o, !1), this.onColumnChange_(o);
     }
   },
   onColumnChange_: function(t) {
-    const e = Ke(this.space.id, this.table.id, t);
+    const e = we(this.space.id, this.table.id, t);
     e ? (this.column.id = e.id, this.column.name = e.name, this.column.type = e.type, this.column.extend = e.extend) : (this.column.id = "", this.column.name = "", this.column.type = "", this.column.extend = ""), this.updateShape_(), this.updateBlocks_(!0), this.updateCheck_();
   },
   updateShape_: function() {
@@ -4399,7 +4399,7 @@ const rs = {
       n && n.dispose();
     else if (n)
       return;
-    const o = Xe(this.workspace, this.column.type);
+    const o = je(this.workspace, this.column.type);
     o && (e.setCheck(null), e.connect(o.outputConnection));
   },
   updateCheck_: function() {
@@ -4419,7 +4419,7 @@ const rs = {
       return;
     }
     e.name !== this.table.name && (this.table.name = e.name);
-    const n = Ke(
+    const n = we(
       this.space.id,
       this.table.id,
       this.column.id
@@ -4949,10 +4949,10 @@ const ys = {
     }, 0);
   },
   genSpaceOpts_: function() {
-    return ke();
+    return Ce();
   },
   genTableOpts_: function() {
-    return Ne(this.space.id);
+    return ke(this.space.id);
   },
   genColumnOpts_: function() {
     const t = [];
@@ -5161,10 +5161,10 @@ const vs = {
     this.space.id = t.space?.id ?? "", this.space.name = t.space?.name ?? "", this.table.id = t.table?.id ?? "", this.table.name = t.table?.name ?? "", this.checkWarning_();
   },
   genSpaceOpts_: function() {
-    return ke();
+    return Ce();
   },
   genTableOpts_: function() {
-    return Ne(this.space.id);
+    return ke(this.space.id);
   },
   onchange: function(t) {
     if (t.type === b.STATE_CHANGE)
@@ -5345,10 +5345,10 @@ const Ls = {
     }, 0);
   },
   genSpaceOpts_: function() {
-    return ke();
+    return Ce();
   },
   genTableOpts_: function() {
-    return Ne(this.space.id);
+    return ke(this.space.id);
   },
   genColumnOpts_: function() {
     const t = [];
@@ -5415,7 +5415,7 @@ const Ls = {
     }
     const o = this.getInput("ADD" + t).connection, i = o.targetBlock();
     i && i.dispose();
-    const a = Xe(this.workspace, n.type);
+    const a = je(this.workspace, n.type);
     a && (o.setCheck(null), o.connect(a.outputConnection)), this.updateCheck_();
   },
   decompose: function(t) {
@@ -5506,7 +5506,7 @@ const Ls = {
         if (!c)
           continue;
         n.setCheck(null);
-        const u = Xe(this.workspace, c.type);
+        const u = je(this.workspace, c.type);
         u && o.connect(u.outputConnection);
       }
   },
@@ -5800,7 +5800,7 @@ const Ln = C.xml, Us = {
 g.json_map_v1 = Us;
 const Vs = {
   init: function() {
-    this.appendDummyInput().appendField(new $e(0), "VALUE"), this.setOutput(!0, "JsonNumber"), this.setColour(230);
+    this.appendDummyInput().appendField(new He(0), "VALUE"), this.setOutput(!0, "JsonNumber"), this.setColour(230);
   }
 };
 g.json_number_v1 = Vs;
@@ -7898,7 +7898,7 @@ const Sn = C.xml, na = {
 g.procedure_def_container_v1 = na;
 const oa = {
   init: function() {
-    const t = new ht(Ge.DEFAULT_ARG);
+    const t = new ht($e.DEFAULT_ARG);
     t.setValidator(this.validator_), this.appendDummyInput().appendField("%{BKY_PROCEDURE_V1_DEF_ITEM_TITLE}").appendField(t, "NAME"), this.setPreviousStatement(!0), this.setNextStatement(!0), this.setStyle("procedure_blocks"), this.contextMenu = !1;
   },
   validator_: function(t) {
@@ -7923,9 +7923,9 @@ const ia = {
   init: function() {
     this.withReturn = !1, this.args = [];
     const t = new ht(
-      Ge.findLegalName("", this)
+      $e.findLegalName("", this)
     );
-    t.setValidator(Ge.rename), t.setSpellcheck(!1), this.appendDummyInput("DUMMY").appendField(t, "NAME"), this.appendStatementInput("HANDLE"), this.setMutator(
+    t.setValidator($e.rename), t.setSpellcheck(!1), this.appendDummyInput("DUMMY").appendField(t, "NAME"), this.appendStatementInput("HANDLE"), this.setMutator(
       new Tt.MutatorIcon(
         ["procedure_def_item_v1"],
         this
@@ -8220,7 +8220,7 @@ const _a = {
     };
   },
   loadExtraState: function(t) {
-    this.space = Ue(t.space), this.dir = Ue(t.dir), this.resource = Ue(t.resource);
+    this.space = Me(t.space), this.dir = Me(t.dir), this.resource = Me(t.resource);
   },
   genSpaceOpts_: function() {
     return la();
@@ -9015,7 +9015,7 @@ Qt.getText_ = function() {
     return wn(n, o);
   } else if (this.name === "EVENT") {
     const { kind: n, names: o } = e.event;
-    return console.log(e.event), Oe(n, o);
+    return console.log(e.event), Ie(n, o);
   } else if (this.name === "METHOD") {
     const { kind: n, names: o } = e.method;
     return on(n, o);
@@ -9295,7 +9295,7 @@ function La(t) {
       break;
   }
 }
-const tn = ["get_app_property_v1", "get_app_state_v1"];
+const Ze = ["get_app_property_v1", "get_app_state_v1"];
 function ut(t, e) {
   return t.find((o) => o === e) !== void 0 ? !1 : (t.push(e), !0);
 }
@@ -9303,7 +9303,7 @@ function Sa(t) {
   const e = [];
   function n(o) {
     for (const i of o.getChildren(!0))
-      tn.includes(i.type) && e.push(i), n(i);
+      Ze.includes(i.type) && e.push(i), n(i);
   }
   return n(t), e;
 }
@@ -9326,11 +9326,11 @@ function Ba(t) {
 function ba(t) {
   const e = [];
   for (const n of t.getChildren(!0))
-    if (tn.includes(n.type))
+    if (Ze.includes(n.type))
       e.push(n);
     else if (n.type === "object_get_v1") {
       const o = n.getInputTargetBlock("OBJECT");
-      o && tn.includes(o.type) && e.push(n);
+      o && Ze.includes(o.type) && e.push(n);
     }
   return e;
 }
@@ -9556,7 +9556,7 @@ const Ma = /* @__PURE__ */ ct({
   class: "text-caption text-grey"
 }, Ka = /* @__PURE__ */ ct({
   __name: "index",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ge({
     lock: { type: Boolean }
   }, {
     modelValue: { type: Boolean, required: !0 },
@@ -9576,7 +9576,7 @@ const Ma = /* @__PURE__ */ ct({
         let U = "";
         if (A.type.startsWith("on_app_event_v")) {
           const nt = A, Ct = tt[nt.node.key];
-          Ct && (U = n(Ct.name), nt.node.alias && (U += " / " + nt.node.alias), U += " - " + Oe(nt.event.kind, nt.event.names));
+          Ct && (U = n(Ct.name), nt.node.alias && (U += " / " + nt.node.alias), U += " - " + Ie(nt.event.kind, nt.event.names));
         } else A.type.startsWith("watch_effect_v") ? U = n("x-block-lib.watchEffect") : A.type.startsWith("app_bind_v") ? U = n("x-block-lib.bind") : A.type.startsWith("func_entry_v") ? U = n("x-block-lib.funcEntry") : A.type.startsWith("procedure_def_v") ? U = n("x-block-lib.procedure") + " - " + A.getFieldValue("NAME") : U = n("x-block-lib.temporaryBlock");
         const At = A.getCommentText() ?? "";
         p.push({
@@ -9710,7 +9710,7 @@ const Ma = /* @__PURE__ */ ct({
       };
     }), l = F(() => ({
       height: "60px"
-    })), { open: _ } = en(`blocklyNavigatorDlg${je()}`);
+    })), { open: _ } = tn(`blocklyNavigatorDlg${We()}`);
     ei(() => {
       _.value = !1;
     });
@@ -10023,7 +10023,7 @@ function dc() {
     y("compute_debug_trace_v1", [bt("OBJECT")])
   ), t;
 }
-const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
+const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Ne = {
   kind: "category",
   name: "%{BKY_CATEGORY_COLOR}",
   categorystyle: "color_category",
@@ -10097,7 +10097,7 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       }
     }
   ]
-}, Se = {
+}, Le = {
   kind: "category",
   name: "%{BKY_CATEGORY_LIST}",
   categorystyle: "list_category",
@@ -10212,7 +10212,7 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       type: "list_reverse_v1"
     }
   ]
-}, Be = {
+}, Se = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOGIC}",
   categorystyle: "logic_category",
@@ -10254,7 +10254,7 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       type: "logic_ternary_v1"
     }
   ]
-}, be = {
+}, Be = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOOP}",
   categorystyle: "loop_category",
@@ -10316,7 +10316,7 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       type: "flow_control_v1"
     }
   ]
-}, Pe = {
+}, be = {
   kind: "category",
   name: "%{BKY_CATEGORY_MATH}",
   categorystyle: "math_category",
@@ -10471,7 +10471,7 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       type: "math_on_list_v1"
     }
   ]
-}, Re = {
+}, Pe = {
   kind: "category",
   name: "%{BKY_CATEGORY_OBJECT}",
   categorystyle: "object_category",
@@ -10539,7 +10539,7 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       }
     }
   ]
-}, De = {
+}, Re = {
   kind: "category",
   name: "%{BKY_CATEGORY_TEXT}",
   categorystyle: "text_category",
@@ -10747,13 +10747,13 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       categorystyle: "misc_category",
       custom: he.name
     },
-    be,
     Be,
-    Pe,
-    De,
     Se,
+    be,
     Re,
     Le,
+    Pe,
+    Ne,
     fo,
     {
       kind: "category",
@@ -10807,13 +10807,13 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       categorystyle: "misc_category",
       custom: ge.name
     },
-    be,
     Be,
-    Pe,
-    De,
     Se,
+    be,
     Re,
     Le,
+    Pe,
+    Ne,
     {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
@@ -10854,13 +10854,13 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       categorystyle: "misc_category",
       custom: ge.name
     },
-    be,
     Be,
-    Pe,
-    De,
     Se,
+    be,
     Re,
     Le,
+    Pe,
+    Ne,
     {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
@@ -10926,13 +10926,13 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       categorystyle: "misc_category",
       custom: he.name
     },
-    be,
     Be,
-    Pe,
-    De,
     Se,
+    be,
     Re,
     Le,
+    Pe,
+    Ne,
     fo,
     {
       kind: "category",
@@ -10959,7 +10959,7 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
       custom: pe.name
     }
   ]
-}, He = {
+}, Ke = {
   grid: {
     length: 2,
     snap: !0,
@@ -10986,8 +10986,8 @@ const ge = { name: "COMPUTE_MISC_CATEGORY", callback: dc }, Le = {
   }
 };
 function gc(t, e, n, o) {
-  He.theme = o ? "dark" : "light", He.toolbox = Ac(e, n);
-  const i = Vo(t, He);
+  Ke.theme = o ? "dark" : "light", Ke.toolbox = Ac(e, n);
+  const i = Vo(t, Ke);
   return i.addChangeListener(xo.shadowBlockConversionChangeListener), Ic(i, e, n), Oc(i), i;
 }
 function Ac(t, e) {
@@ -11094,7 +11094,7 @@ function vc(t) {
 }
 const Cc = { class: "position-relative w-100 h-100" }, kc = /* @__PURE__ */ ct({
   __name: "index",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Ge({
     type: {},
     version: {},
     locale: {},
@@ -11105,9 +11105,9 @@ const Cc = { class: "position-relative w-100 h-100" }, kc = /* @__PURE__ */ ct({
     scale: { required: !0 },
     scaleModifiers: {}
   }),
-  emits: /* @__PURE__ */ We(["ready"], ["update:lock", "update:scale"]),
+  emits: /* @__PURE__ */ Ge(["ready"], ["update:lock", "update:scale"]),
   setup(t, { expose: e, emit: n }) {
-    const { backgroundColor2: o } = jt(), i = Kt(t, "lock"), a = Kt(t, "scale"), c = n, u = `blocklyEditor${je()}`, l = Lt(), _ = wt("parentContainer"), d = wt("clean"), h = wt("navigator"), p = {};
+    const { backgroundColor2: o } = jt(), i = Kt(t, "lock"), a = Kt(t, "scale"), c = n, u = `blocklyEditor${We()}`, l = Lt(), _ = wt("parentContainer"), d = wt("clean"), h = wt("navigator"), p = {};
     Da(p);
     const m = Lt(!0), A = Lt(!1), P = F(() => t.type === "json" ? "tree" : "list"), U = F(() => ({
       width: "100%",
@@ -11152,7 +11152,7 @@ const Cc = { class: "position-relative w-100 h-100" }, kc = /* @__PURE__ */ ct({
       top: 0,
       left: 0,
       zIndex: 3e3
-    })), { open: Ut } = en(`blocklyEditorFlyout${je()}`);
+    })), { open: Ut } = tn(`blocklyEditorFlyout${We()}`);
     gn(async () => {
       if (!l.value || !_.value) {
         console.assert(!1);
@@ -11160,8 +11160,8 @@ const Cc = { class: "position-relative w-100 h-100" }, kc = /* @__PURE__ */ ct({
       }
       Yo(_.value), await In(t.locale), p.workspace = gc(l.value, t.type, t.version, t.dark), p.workspace.addChangeListener(I.disableOrphans), p.workspace.addChangeListener(To);
       const N = document.querySelector(`#${u} .blocklyFlyout`);
-      new MutationObserver((Me) => {
-        Me.forEach((zt) => {
+      new MutationObserver((De) => {
+        De.forEach((zt) => {
           zt.type === "attributes" && zt.attributeName === "style" && (Ut.value = p.workspace.getFlyout().isVisible());
         });
       }).observe(N, { attributes: !0 }), Ut.value = p.workspace.getFlyout().isVisible(), pn(), dn(), await ni(), c("ready");
@@ -11235,7 +11235,7 @@ const Cc = { class: "position-relative w-100 h-100" }, kc = /* @__PURE__ */ ct({
       generateReactivity: Io,
       fireStateChange: Oo
     }), (N, It) => {
-      const Me = D("v-icon"), zt = D("x-loading");
+      const De = D("v-icon"), zt = D("x-loading");
       return S(), Z("div", Cc, [
         w("div", {
           id: u,
@@ -11253,7 +11253,7 @@ const Cc = { class: "position-relative w-100 h-100" }, kc = /* @__PURE__ */ ct({
           class: "d-flex flex-column justify-center align-center",
           style: W(nt.value)
         }, [
-          L(Me, {
+          L(De, {
             icon: "mdi-delete",
             size: "x-large"
           })
@@ -11336,7 +11336,7 @@ const Cc = { class: "position-relative w-100 h-100" }, kc = /* @__PURE__ */ ct({
       };
     }), u = (_) => {
       a.value = _.code;
-    }, { open: l } = en("sourceDlg", u);
+    }, { open: l } = tn("sourceDlg", u);
     return (_, d) => {
       const h = D("v-sheet"), p = D("v-btn"), m = D("v-spacer"), A = D("v-dialog");
       return S(), st(A, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.8.30",
+  "version": "0.8.31",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -38,7 +38,7 @@
     "vue-router": "^4.6.3",
     "vuetify": "^3.10.7",
     "x-essential-lib": "^0.9.2",
-    "x-runtime-lib": "^0.8.56",
+    "x-runtime-lib": "^0.8.58",
     "x-state-lib": "^0.3.23"
   },
   "devDependencies": {