x-block-lib 0.8.18 → 0.8.19

package/dist/index.js

@@ -6,13 +6,13 @@
   Website: https://highlightjs.org/
   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-a998c1ee]{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 A, r as hn, M as Bn, s as Io, a as Oo, X as bn, u as y, B as T, j as s, O as c, F as I, b as Ye, i as C, c as _t, d as vo, e as M, f as m, g as Co, h as K, k as ut, p as bt, l as z, m as fn, n as B, C as Pn, N as Z, o as yo, P as we, q as be, V as It, t as Rn, W as ko, v as No, w as Lo, S as So, x as Bo, y as bo, z as Ft, T as he, A as Dn, D as Po, G as Ro, H as Mn, I as Do, J as Mo, K as Uo, L as Vo, Q as xo, R as Fo, U as Yo, Y as wo } from "./vendor.txua272r.js";
+*/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 A, r as hn, M as Bn, s as Io, a as Oo, X as bn, u as y, B as T, j as s, O as c, F as I, b as xe, i as C, c as _t, d as vo, e as M, f as m, g as Co, h as K, k as ut, p as bt, l as z, m as fn, n as B, C as Pn, N as Z, o as yo, P as Fe, q as Se, V as It, t as Rn, W as ko, v as No, w as Lo, S as So, x as Bo, y as bo, z as xt, T as pe, A as Dn, D as Po, G as Ro, H as Mn, I as Do, J as Mo, K as Uo, L as Vo, Q as xo, R as Fo, U as Yo, Y as wo } from "./vendor.txua272r.js";
 import { globalState as E } from "x-state-lib";
-import { globalObjects as Et, openConfirmDlg as Ko, openPromptDlg as $o, messageWarning as Un, useColor as Yt, useSystem as Vn, useViewStack as ze, eventBus as At } from "x-essential-lib";
-import { pkgs as qt, parsePixelStr as Ho, parsePercentStr as Go, getPropTag as Nt, unwrapEventId as Qt, elements as J, makeEventId as jt, toEventName as fe, unwrapMethodId as Dt, makeMethodId as Ke, toMethodName as Ze, unwrapPropertyId as tn, makePropertyId as Pe, toPropertyName as xn, isLocaleOfEventKind as Wo, isLocaleOfMethodKind as Fn, makeTriggerId as mt } from "x-runtime-lib";
-import { provide as jo, inject as Xo, defineComponent as nt, resolveComponent as D, createBlock as tt, openBlock as S, unref as R, withCtx as et, createVNode as L, mergeProps as en, useModel as Mt, ref as Ot, computed as Y, resolveDirective as Jo, withDirectives as qo, createElementBlock as X, normalizeStyle as G, createElementVNode as w, createCommentVNode as ot, toDisplayString as Ut, withModifiers as Pt, mergeModels as $e, Fragment as Yn, renderList as Qo, useId as He, onUnmounted as zo, useTemplateRef as Rt, withKeys as wn, isRef as Xt, onMounted as mn, nextTick as Zo, onBeforeUnmount as Tn, watch as St, renderSlot as ti } from "vue";
-import { useI18n as wt } from "vue-i18n";
+import { globalObjects as Et, openConfirmDlg as Ko, openPromptDlg as Ho, messageWarning as Un, useColor as Ft, useSystem as Vn, useViewStack as qe, eventBus as At } from "x-essential-lib";
+import { pkgs as Jt, parsePixelStr as $o, parsePercentStr as Go, getPropTag as Nt, unwrapEventId as Qe, elements as J, makeEventId as Wt, toEventName as de, unwrapMethodId as ze, makeMethodId as Ye, toMethodName as Ze, unwrapPropertyId as tn, makePropertyId as Be, toPropertyName as xn, isLocaleOfEventKind as Wo, isLocaleOfMethodKind as Fn, makeTriggerId as mt } from "x-runtime-lib";
+import { provide as jo, inject as Xo, defineComponent as nt, resolveComponent as D, createBlock as tt, openBlock as S, unref as R, withCtx as et, createVNode as L, mergeProps as en, useModel as Dt, ref as Ot, computed as Y, resolveDirective as Jo, withDirectives as qo, createElementBlock as X, normalizeStyle as G, createElementVNode as w, createCommentVNode as ot, toDisplayString as Mt, withModifiers as Pt, mergeModels as we, Fragment as Yn, renderList as Qo, useId as Ke, onUnmounted as zo, useTemplateRef as Rt, withKeys as wn, isRef as jt, onMounted as mn, nextTick as Zo, onBeforeUnmount as Tn, watch as St, renderSlot as ti } from "vue";
+import { useI18n as Yt } from "vue-i18n";
 import { useDisplay as ei } from "vuetify";
 var b = /* @__PURE__ */ ((t) => (t.STATE_CHANGE = "state_change", t))(b || {});
 class Kn extends A.Abstract {
@@ -23,28 +23,28 @@ hn.register(
   "state_change",
   Kn
 );
-const $n = (t, e, n) => {
+const Hn = (t, e, n) => {
   const o = t[e];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((i, a) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(a.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + e + (e.split("/").length !== n ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
 async function En(t) {
-  const e = await $n(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./msg-en.jq2w67rd.js"), "./msg/zhHans.ts": () => import("./msg-zhHans.hsanc2zi.js") }), `./msg/${t}.ts`, 3);
+  const e = await Hn(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./msg-en.jq2w67rd.js"), "./msg/zhHans.ts": () => import("./msg-zhHans.hsanc2zi.js") }), `./msg/${t}.ts`, 3);
   Io(e.default);
 }
 function p(t) {
   return Bn[t] ?? t;
 }
-const vt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTggMTBoLTR2LTRjMC0xLjEwNC0uODk2LTItMi0ycy0yIC44OTYtMiAybC4wNzEgNGgtNC4wNzFjLTEuMTA0IDAtMiAuODk2LTIgMnMuODk2IDIgMiAybDQuMDcxLS4wNzEtLjA3MSA0LjA3MWMwIDEuMTA0Ljg5NiAyIDIgMnMyLS44OTYgMi0ydi00LjA3MWw0IC4wNzFjMS4xMDQgMCAyLS44OTYgMi0ycy0uODk2LTItMi0yeiIgZmlsbD0id2hpdGUiIC8+PC9zdmc+Cg==", zt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTggMTFoLTEyYy0xLjEwNCAwLTIgLjg5Ni0yIDJzLjg5NiAyIDIgMmgxMmMxLjEwNCAwIDItLjg5NiAyLTJzLS44OTYtMi0yLTJ6IiBmaWxsPSJ3aGl0ZSIgLz48L3N2Zz4K";
-function me(t) {
+const vt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTggMTBoLTR2LTRjMC0xLjEwNC0uODk2LTItMi0ycy0yIC44OTYtMiAybC4wNzEgNGgtNC4wNzFjLTEuMTA0IDAtMiAuODk2LTIgMnMuODk2IDIgMiAybDQuMDcxLS4wNzEtLjA3MSA0LjA3MWMwIDEuMTA0Ljg5NiAyIDIgMnMyLS44OTYgMi0ydi00LjA3MWw0IC4wNzFjMS4xMDQgMCAyLS44OTYgMi0ycy0uODk2LTItMi0yeiIgZmlsbD0id2hpdGUiIC8+PC9zdmc+Cg==", qt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTggMTFoLTEyYy0xLjEwNCAwLTIgLjg5Ni0yIDJzLjg5NiAyIDIgMmgxMmMxLjEwNCAwIDItLjg5NiAyLTJzLS44OTYtMi0yLTJ6IiBmaWxsPSJ3aGl0ZSIgLz48L3N2Zz4K";
+function he(t) {
   const e = t.lastIndexOf("V");
   if (e <= 0 || e >= t.length - 1)
     return console.assert(!1, `invalid key=${t}`), "";
   const n = Oo(t.substring(0, e - 1)), o = "v" + t.substring(e + 1);
   return `${n}_${o}`;
 }
-function Zt(t) {
+function Qt(t) {
   const e = t.lastIndexOf("V");
   if (e <= 0 || e >= t.length - 1)
     return console.assert(!1, `invalid key=${t}`), "";
@@ -60,13 +60,13 @@ function ni(t) {
     e++, t = t.getParent();
   return e;
 }
-function Hn(t) {
+function $n(t) {
   return t.ui === "strInput" ? "string" : t.ui === "numInput" ? "number" : t.ui === "switch" ? "boolean" : "string";
 }
-function te(t, e) {
+function zt(t, e) {
   return !!(t.startsWith("basic.") || !e.ui || e.readonly);
 }
-function Re(t) {
+function be(t) {
   const e = `<block type="text_v1"><field name="TEXT">${t}</field></block>`;
   return y.xml.textToDom(e);
 }
@@ -77,15 +77,15 @@ function gn(t) {
 function oi(t) {
   return y.xml.textToDom('<block type="logic_boolean_v1"><field name="BOOL">FALSE</field></block>');
 }
-function Ge(t, e) {
+function He(t, e) {
   let n = null;
-  return e === "string" ? n = Re("") : e === "integer" || e === "decimal" ? n = gn(0) : e === "boolean" ? n = oi() : e === "enum" || e === "dateTime" ? n = Re("") : console.assert(!1), n ? bn.domToBlock(n, t) : null;
+  return e === "string" ? n = be("") : e === "integer" || e === "decimal" ? n = gn(0) : e === "boolean" ? n = oi() : e === "enum" || e === "dateTime" ? n = be("") : console.assert(!1), n ? bn.domToBlock(n, t) : null;
 }
 function pt(t) {
   return t === "string" ? "String" : t === "number" ? "Number" : t === "boolean" ? "Boolean" : t === "array" ? "Array" : t === "object" ? "Object" : (console.assert(!1), null);
 }
 function ii(t) {
-  return t.ui === "dummy" ? null : t.ui === "strInput" ? "String" : t.ui === "numInput" ? "Number" : t.ui === "switch" ? "Boolean" : t.ui === "select" ? Zt(t.items) : t.ui === "multiTypes" ? Zt(t.types) : t.ui === "compSelect" ? "Comp" : t.ui === "colorPicker" ? "Color" : (console.assert(!1), null);
+  return t.ui === "dummy" ? null : t.ui === "strInput" ? "String" : t.ui === "numInput" ? "Number" : t.ui === "switch" ? "Boolean" : t.ui === "select" ? Qt(t.items) : t.ui === "multiTypes" ? Qt(t.types) : t.ui === "compSelect" ? "Comp" : t.ui === "colorPicker" ? "Color" : (console.assert(!1), null);
 }
 function Gn(t) {
   return t === "string" ? "String" : t === "integer" || t === "decimal" ? "Number" : t === "boolean" ? "Boolean" : t === "enum" || t === "dateTime" ? "String" : (console.assert(!1), null);
@@ -126,11 +126,11 @@ function ct(t) {
   const e = `<shadow type="text_v1"><field name="TEXT">${t}</field></shadow>`;
   return y.xml.textToDom(e);
 }
-function ee(t) {
+function Zt(t) {
   const e = `<shadow type="math_number_v1"><field name="NUM">${t}</field></shadow>`;
   return y.xml.textToDom(e);
 }
-function ne(t) {
+function te(t) {
   const e = `<shadow type="logic_boolean_v1"><field name="BOOL">${t ? "TRUE" : "FALSE"}</field></shadow>`;
   return y.xml.textToDom(e);
 }
@@ -141,11 +141,11 @@ function ai() {
   return y.xml.textToDom('<shadow type="object_create_v1"></shadow>');
 }
 function ci(t) {
-  const e = `<shadow type="${me(t)}"></shadow>`;
+  const e = `<shadow type="${he(t)}"></shadow>`;
   return y.xml.textToDom(e);
 }
 function ui(t) {
-  const e = `<shadow type="${me(t)}"></shadow>`;
+  const e = `<shadow type="${he(t)}"></shadow>`;
   return y.xml.textToDom(e);
 }
 function li(t) {
@@ -157,11 +157,11 @@ function ri() {
 }
 function dt(t) {
   let e = null;
-  return t === "string" ? e = ct("") : t === "number" ? e = ee(0) : t === "boolean" ? e = ne(!1) : t === "array" ? e = si() : t === "object" ? e = ai() : console.assert(!1), e;
+  return t === "string" ? e = ct("") : t === "number" ? e = Zt(0) : t === "boolean" ? e = te(!1) : t === "array" ? e = si() : t === "object" ? e = ai() : console.assert(!1), e;
 }
 function _i(t) {
   let e = null;
-  return t.ui === "dummy" ? console.assert(!0) : t.ui === "strInput" ? e = ct(t.default) : t.ui === "numInput" ? e = ee(t.default) : t.ui === "switch" ? e = ne(t.default) : t.ui === "select" ? e = ci(t.items) : t.ui === "multiTypes" ? e = ui(t.types) : t.ui === "compSelect" ? e = ri() : t.ui === "colorPicker" ? e = li(t.default ?? "#ff0000") : console.assert(!1), e;
+  return t.ui === "dummy" ? console.assert(!0) : t.ui === "strInput" ? e = ct(t.default) : t.ui === "numInput" ? e = Zt(t.default) : t.ui === "switch" ? e = te(t.default) : t.ui === "select" ? e = ci(t.items) : t.ui === "multiTypes" ? e = ui(t.types) : t.ui === "compSelect" ? e = ri() : t.ui === "colorPicker" ? e = li(t.default ?? "#ff0000") : console.assert(!1), e;
 }
 function pi() {
   const { activeObject: t, activePage: e } = E.app, n = [];
@@ -252,7 +252,7 @@ s.forBlock.get_page_argument_v1 = function(t) {
   return [`__getPageArgumentV1__(${s.quote_(e.argument.key)})`, c.FUNCTION_CALL];
 };
 const fi = (t, e) => {
-  const n = me(t), o = Zt(t);
+  const n = he(t), o = Qt(t);
   T[n] = {
     init: function() {
       this.appendDummyInput().appendField(
@@ -271,13 +271,13 @@ const fi = (t, e) => {
     return [a(u), c.ATOMIC];
   };
 };
-for (const t in qt) {
-  const e = qt[t];
+for (const t in Jt) {
+  const e = Jt[t];
   for (const n in e.items)
     fi(n, e.items[n]);
 }
 const mi = (t, e) => {
-  const n = me(t), o = Zt(t);
+  const n = he(t), o = Qt(t);
   T[n] = {
     init: function() {
       this.value = e[0].default ?? "", this.appendDummyInput("DUMMY").appendField(
@@ -329,8 +329,8 @@ const mi = (t, e) => {
       i.removeField("VALUE", !0), i.removeField("SUFFIX", !0);
       let l, r;
       if (u.ui === "pixelInput") {
-        const _ = Ho(this.value) ?? 0;
-        l = new Ye(
+        const _ = $o(this.value) ?? 0;
+        l = new xe(
           _,
           u.min,
           u.max,
@@ -341,7 +341,7 @@ const mi = (t, e) => {
         ), r = "px";
       } else if (u.ui === "percentInput") {
         const _ = Go(this.value) ?? 0;
-        l = new Ye(
+        l = new xe(
           _,
           u.min,
           u.max,
@@ -366,8 +366,8 @@ const mi = (t, e) => {
     return [a(i.value), c.ATOMIC];
   };
 };
-for (const t in qt) {
-  const e = qt[t];
+for (const t in Jt) {
+  const e = Jt[t];
   for (const n in e.types)
     mi(n, e.types[n]);
 }
@@ -519,18 +519,18 @@ function Ii() {
     t.push([o, n]);
   }), k(t);
 }
-function We(t) {
+function $e(t) {
   const e = E.app.appList.find((n) => n.id === t);
   return e ? e.pages : [];
 }
-function De(t, e) {
+function Pe(t, e) {
   const n = E.app.appList.find((o) => o.id === t);
   if (n)
     return n.pages.find((o) => o.id === e);
 }
 function Oi(t) {
   const e = [];
-  return We(t).forEach(({ id: o, name: i }) => {
+  return $e(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
   }), k(e);
 }
@@ -554,13 +554,13 @@ function vi() {
     o === "" && (a = t.global.t("x-runtime-lib.notSet")), e.push([a, o]);
   }), k(e);
 }
-function Te(t) {
+function fe(t) {
   const e = [];
   for (const { id: n, name: o, type: i } of t)
     e.push({ key: n, name: o, type: i });
   return e;
 }
-function je(t) {
+function Ge(t) {
   const { props: e } = E.runtime, { activeObject: n, depends: o } = E.app, i = [], a = Nt(n.type, n.subtype);
   if (!a)
     return i;
@@ -572,17 +572,19 @@ function je(t) {
     return console.assert(!1, "invalid element", u.key), i;
   for (const { key: r, name: _, params: d } of l.events)
     i.push({
-      id: jt("elementEvent", t, r),
+      id: Wt("elementEvent", t, r),
+      kind: "elementEvent",
       names: [_],
       params: d
     });
   if (e[l.key] && e[l.key][a])
     for (const { keys: r, names: _, raw: d } of e[l.key][a]) {
-      if (te(r, d))
+      if (zt(r, d))
         continue;
-      const h = Hn(d);
+      const h = $n(d);
       i.push({
-        id: jt("elementPropertyChangeEvent", t, r),
+        id: Wt("elementPropertyChangeEvent", t, r),
+        kind: "elementPropertyChangeEvent",
         names: _,
         params: [
           { key: "newValue", name: "x-runtime-lib.newValue", type: h },
@@ -595,18 +597,19 @@ function je(t) {
     if (r)
       for (const { id: _, name: d, params: h } of r.meta.events)
         i.push({
-          id: jt("refEvent", t, _),
+          id: Wt("refEvent", t, _),
+          kind: "refEvent",
           names: [d],
-          params: Te(h)
+          params: fe(h)
         });
   }
   return l.key.startsWith("globality_v") && n.type, i;
 }
-function Me(t) {
+function Re(t) {
   const { props: e } = E.runtime, { activeObject: n, depends: o } = E.app, i = Nt(n.type, n.subtype);
   if (!i)
     return;
-  const { kind: a, nodeId: u, eventKey: l } = Qt(t), r = n.nodes.find((d) => d.id === u);
+  const { kind: a, nodeId: u, eventKey: l } = Qe(t), r = n.nodes.find((d) => d.id === u);
   if (!r)
     return;
   const _ = J[r.key];
@@ -619,6 +622,7 @@ function Me(t) {
     if (d)
       return {
         id: t,
+        kind: a,
         names: [d.name],
         params: d.params
       };
@@ -628,9 +632,10 @@ function Me(t) {
         (h) => h.keys === l
       );
       if (d) {
-        const h = Hn(d.raw);
+        const h = $n(d.raw);
         return {
           id: t,
+          kind: a,
           names: d.names,
           params: [
             { key: "newValue", name: "x-runtime-lib.newValue", type: h },
@@ -647,17 +652,18 @@ function Me(t) {
         if (h)
           return {
             id: t,
+            kind: a,
             names: [h.name],
-            params: Te(h.params)
+            params: fe(h.params)
           };
       }
     }
   } else a === "customEvent" && _.key.startsWith("globality_v") && n.type;
 }
 function Ci(t) {
-  const e = [], n = je(t);
-  for (const { id: o, names: i } of n)
-    e.push([fe(o, i), o]);
+  const e = [], n = Ge(t);
+  for (const { id: o, kind: i, names: a } of n)
+    e.push([de(i, a), o]);
   return k(e);
 }
 function Jn() {
@@ -665,14 +671,15 @@ function Jn() {
   if (t.type === "comp")
     for (const { id: o, name: i, params: a } of e.meta.events)
       n.push({
-        id: jt("customEvent", "globality", o),
+        id: Wt("customEvent", "globality", o),
+        kind: "customEvent",
         names: [i],
-        params: Te(a)
+        params: fe(a)
       });
   return n;
 }
 function vn(t) {
-  const { activeObject: e, activeComp: n } = E.app, { kind: o, nodeId: i, eventKey: a } = Qt(t);
+  const { activeObject: e, activeComp: n } = E.app, { kind: o, nodeId: i, eventKey: a } = Qe(t);
   if (o === "customEvent" && i === "globality" && e.type === "comp") {
     const u = n.meta.events.find(
       (l) => l.id === a
@@ -680,30 +687,31 @@ function vn(t) {
     if (u)
       return {
         id: t,
+        kind: o,
         names: [u.name],
-        params: Te(u.params)
+        params: fe(u.params)
       };
   }
 }
 function yi() {
   const t = [], e = Jn();
-  for (const { id: n, names: o } of e)
-    t.push([fe(n, o), n]);
+  for (const { id: n, kind: o, names: i } of e)
+    t.push([de(o, i), n]);
   return k(t);
 }
-function Ee(t) {
+function me(t) {
   const e = [];
   for (const { id: n, name: o, type: i } of t)
     e.push({ key: n, name: o, type: i });
   return e;
 }
-function ge(t) {
+function Te(t) {
   const e = [];
   for (const { id: n, name: o, type: i } of t)
     e.push({ key: n, name: o, type: i });
   return e;
 }
-function Xe(t) {
+function We(t) {
   const { activeObject: e, depends: n } = E.app, o = [], i = e.nodes.find((u) => u.id === t);
   if (!i)
     return o;
@@ -712,7 +720,8 @@ function Xe(t) {
     return console.assert(!1, "inavlid element", i.key), o;
   for (const { key: u, name: l, inputs: r, outputs: _ } of a.methods)
     o.push({
-      id: Ke("elementMethod", t, u),
+      id: Ye("elementMethod", t, u),
+      kind: "elementMethod",
       names: [l],
       inputs: r,
       outputs: _
@@ -722,16 +731,17 @@ function Xe(t) {
     if (u)
       for (const { id: l, name: r, inputs: _, outputs: d } of u.meta.methods)
         o.push({
-          id: Ke("refMethod", t, l),
+          id: Ye("refMethod", t, l),
+          kind: "refMethod",
           names: [r],
-          inputs: Ee(_),
-          outputs: ge(d)
+          inputs: me(_),
+          outputs: Te(d)
         });
   }
   return a.key.startsWith("globality_v") && e.type, o;
 }
-function Ue(t) {
-  const { activeObject: e, depends: n } = E.app, { kind: o, nodeId: i, methodKey: a } = Dt(t), u = e.nodes.find((r) => r.id === i);
+function De(t) {
+  const { activeObject: e, depends: n } = E.app, { kind: o, nodeId: i, methodKey: a } = ze(t), u = e.nodes.find((r) => r.id === i);
   if (!u)
     return;
   const l = J[u.key];
@@ -744,6 +754,7 @@ function Ue(t) {
     if (r)
       return {
         id: t,
+        kind: o,
         names: [r.name],
         inputs: r.inputs,
         outputs: r.outputs
@@ -758,18 +769,19 @@ function Ue(t) {
         if (_)
           return {
             id: t,
+            kind: o,
             names: [_.name],
-            inputs: Ee(_.inputs),
-            outputs: ge(_.outputs)
+            inputs: me(_.inputs),
+            outputs: Te(_.outputs)
           };
       }
     }
   } else o === "customMethod" && l.key.startsWith("globality_v") && e.type;
 }
 function ki(t) {
-  const e = [], n = Xe(t);
-  for (const { id: o, names: i } of n)
-    e.push([Ze(o, i), o]);
+  const e = [], n = We(t);
+  for (const { id: o, kind: i, names: a } of n)
+    e.push([Ze(i, a), o]);
   return k(e);
 }
 function on() {
@@ -777,15 +789,16 @@ function on() {
   if (t.type === "comp")
     for (const { id: o, name: i, inputs: a, outputs: u } of e.meta.methods)
       n.push({
-        id: Ke("customMethod", "globality", o),
+        id: Ye("customMethod", "globality", o),
+        kind: "customMethod",
         names: [i],
-        inputs: Ee(a),
-        outputs: ge(u)
+        inputs: me(a),
+        outputs: Te(u)
       });
   return n;
 }
 function kt(t) {
-  const { activeObject: e, activeComp: n } = E.app, { kind: o, nodeId: i, methodKey: a } = Dt(t);
+  const { activeObject: e, activeComp: n } = E.app, { kind: o, nodeId: i, methodKey: a } = ze(t);
   if (o === "customMethod" && i === "globality" && e.type === "comp") {
     const u = n.meta.methods.find(
       (l) => l.id === a
@@ -793,29 +806,30 @@ function kt(t) {
     if (u)
       return {
         id: t,
+        kind: o,
         names: [u.name],
-        inputs: Ee(u.inputs),
-        outputs: ge(u.outputs)
+        inputs: me(u.inputs),
+        outputs: Te(u.outputs)
       };
   }
 }
 function qn() {
   const t = [], e = on();
-  for (const { id: n, names: o } of e)
-    t.push([Ze(n, o), n]);
+  for (const { id: n, kind: o, names: i } of e)
+    t.push([Ze(o, i), n]);
   return k(t);
 }
-function Je(t) {
+function je(t) {
   const e = kt(t);
   return e ? e.outputs : [];
 }
-function Ve(t, e) {
+function Me(t, e) {
   const n = kt(t);
   if (n)
     return n.outputs.find((o) => o.key === e);
 }
 function Ni(t) {
-  const e = [], n = Je(t);
+  const e = [], n = je(t);
   for (const { name: o, key: i } of n)
     e.push([o, i]);
   return k(e);
@@ -829,7 +843,7 @@ function Qn(t, e, n) {
       return !1;
     if (t.key.startsWith("single_ref_v") && console.log("singleRef"), t.key.startsWith("multiple_ref_v") && console.log("multipleRef"), o[t.key] && o[t.key][e]) {
       for (const { keys: u, raw: l } of o[t.key][e])
-        if (!te(u, l))
+        if (!zt(u, l))
           return !1;
     }
     return t.key.startsWith("globality_v") && i.type, !0;
@@ -839,7 +853,7 @@ function Qn(t, e, n) {
     if (n === "getProp") {
       if (o[t.key] && o[t.key][e]) {
         for (const { keys: u, raw: l } of o[t.key][e])
-          if (!te(u, l))
+          if (!zt(u, l))
             return !1;
       }
       return t.key.startsWith("single_ref_v") && console.log("singleRef"), t.key.startsWith("multiple_ref_v") && console.log("multipleRef"), !(t.key.startsWith("globality_v") && i.type === "comp" && a.meta.properties.length > 0);
@@ -863,7 +877,7 @@ function W(t) {
   }
   return !1;
 }
-function Kt(t) {
+function wt(t) {
   const { activeObject: e } = E.app, n = [], o = Nt(e.type, e.subtype);
   if (!o)
     return n;
@@ -898,15 +912,15 @@ function lt(t) {
     alias: n.alias
   };
 }
-function Ae(t) {
-  const { i18n: e } = Et, n = [], o = Kt(t);
+function Ee(t) {
+  const { i18n: e } = Et, n = [], o = wt(t);
   for (const { id: i, name: a, alias: u } of o) {
     let l = e.global.t(a);
     u && (l += " / " + u), n.push([l, i]);
   }
   return k(n);
 }
-function Vt(t, e) {
+function Ut(t, e) {
   const { props: n } = E.runtime, { activeObject: o, activeComp: i, depends: a } = E.app, u = [], l = Nt(o.type, o.subtype);
   if (!l)
     return u;
@@ -918,8 +932,9 @@ function Vt(t, e) {
     return console.assert(!1, "invalid element", r.key), u;
   if (n[_.key] && n[_.key][l])
     for (const { keys: d, names: h, raw: f } of n[_.key][l])
-      e === "write" && te(d, f) || u.push({
-        id: Pe("elementProperty", t, d),
+      e === "write" && zt(d, f) || u.push({
+        id: Be("elementProperty", t, d),
+        kind: "elementProperty",
         names: h,
         meta: {
           element: !0,
@@ -931,7 +946,8 @@ function Vt(t, e) {
     if (d)
       for (const { id: h, name: f, type: v } of d.meta.properties)
         u.push({
-          id: Pe("refProperty", t, h),
+          id: Be("refProperty", t, h),
+          kind: "refProperty",
           names: [f],
           meta: {
             raw: { type: v }
@@ -941,7 +957,8 @@ function Vt(t, e) {
   if (_.key.startsWith("globality_v") && o.type === "comp")
     for (const { id: d, name: h, type: f } of i.meta.properties)
       u.push({
-        id: Pe("customProperty", t, d),
+        id: Be("customProperty", t, d),
+        kind: "customProperty",
         names: [h],
         meta: {
           raw: { type: f }
@@ -969,6 +986,7 @@ function Tt(t) {
       if (h)
         return {
           id: t,
+          kind: u,
           names: h.names,
           meta: {
             element: !0,
@@ -986,6 +1004,7 @@ function Tt(t) {
         if (f)
           return {
             id: t,
+            kind: u,
             names: [f.name],
             meta: {
               raw: { type: f.type }
@@ -1001,6 +1020,7 @@ function Tt(t) {
       if (h)
         return {
           id: t,
+          kind: u,
           names: [h.name],
           meta: {
             raw: { type: h.type }
@@ -1010,16 +1030,16 @@ function Tt(t) {
   } else u === "elementSlotProperty" ? console.log("elementSlotProperty not implemented") : u === "customSlotProperty" && console.log("customSlotProperty not implemented");
 }
 function zn(t, e) {
-  const n = [], o = Vt(t, e);
-  for (const { id: i, names: a } of o)
-    n.push([xn(i, a), i]);
+  const n = [], o = Ut(t, e);
+  for (const { id: i, kind: a, names: u } of o)
+    n.push([xn(a, u), i]);
   return k(n);
 }
 function sn() {
   const { activeObject: t, activePage: e, activeComp: n } = E.app;
   return t.type === "page" ? e.meta.states : t.type === "comp" ? n.meta.states : [];
 }
-function oe(t) {
+function ee(t) {
   const { activeObject: e, activePage: n, activeComp: o } = E.app;
   if (e.type === "page")
     return n.meta.states.find((i) => i.id === t);
@@ -1040,6 +1060,7 @@ const Li = {
       alias: ""
     }, this.event = {
       id: "",
+      kind: "elementEvent",
       names: [],
       params: []
     }, this.appendDummyInput().appendField("%{BKY_APP_V1_ON_APP_EVENT_TITLE}").appendField(new I(() => this.genNodeOpts_()), "NODE").appendField(
@@ -1050,16 +1071,16 @@ const Li = {
   initData_: function() {
     if (this.node.id)
       return;
-    const t = Kt("onEvent")?.[0];
+    const t = wt("onEvent")?.[0];
     if (!t)
       return;
     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 = je(this.node.id)?.[0];
+    const n = Ge(this.node.id)?.[0];
     if (!n)
       return;
-    this.event.id = n.id, this.event.names = n.names, this.event.params = n.params;
+    this.event.id = n.id, this.event.kind = n.kind, this.event.names = n.names, this.event.params = n.params;
     const o = this.getField("EVENT");
     o.getOptions(!1), o.setValue(this.event.id);
   },
@@ -1070,12 +1091,12 @@ const Li = {
     };
   },
   loadExtraState: function(t) {
-    this.node.id = t.node?.id ?? "", this.node.key = t.node?.key ?? "", this.node.alias = t.node?.alias ?? "", this.event.id = t.event?.id ?? "", this.event.names = t.event?.names ?? [], this.event.params = t.event?.params ?? [], this.updateShape_(), setTimeout(() => {
+    this.node.id = t.node?.id ?? "", this.node.key = t.node?.key ?? "", this.node.alias = t.node?.alias ?? "", this.event.id = t.event?.id ?? "", this.event.kind = t.event?.kind ?? "", this.event.names = t.event?.names ?? [], this.event.params = t.event?.params ?? [], this.updateShape_(), setTimeout(() => {
       this.ensureBlocks_(), this.checkWarning_();
     }, 0);
   },
   genNodeOpts_: function() {
-    return Ae("onEvent");
+    return Ee("onEvent");
   },
   genEventOpts_: function() {
     return Ci(this.node.id);
@@ -1099,15 +1120,15 @@ const Li = {
     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 || !Me(this.event.id)) {
-      const i = je(this.node.id)?.[0];
+    if (o.getOptions(!1), n || !Re(this.event.id)) {
+      const i = Ge(this.node.id)?.[0];
       o.setValue(i?.id ?? "");
     }
     this.onEventChange_(o.getValue());
   },
   onEventChange_: function(t) {
-    const e = Me(t);
-    e ? (this.event.id = e.id, this.event.names = e.names, this.event.params = e.params) : (this.event.id = "", this.event.names = [], this.event.params = []), this.updateShape_(), setTimeout(() => {
+    const e = Re(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 = "elementEvent", this.event.names = [], this.event.params = []), this.updateShape_(), setTimeout(() => {
       this.ensureBlocks_();
     }, 0);
   },
@@ -1118,7 +1139,7 @@ const Li = {
     }
     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 } = Qt(this.event.id);
+    const { kind: t } = Qe(this.event.id);
     if (t === "refEvent")
       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")) {
@@ -1129,10 +1150,10 @@ const Li = {
   ensureBlocks_: function() {
     if (this.isInsertionMarker())
       return;
-    const { kind: t } = Qt(this.event.id), e = Wo(t), n = [];
-    t === "refEvent" && n.push(["REF_KEY", "refKey", "x-runtime-lib.refKey", e]), this.event.params.forEach(({ key: o, name: i }, a) => {
-      n.push(["PARAM" + a, o, i, e]);
-    }), n.length > 0 && F(this, n);
+    const t = Wo(this.event.kind), e = [];
+    this.event.kind === "refEvent" && e.push(["REF_KEY", "refKey", "x-runtime-lib.refKey", t]), this.event.params.forEach(({ key: n, name: o }, i) => {
+      e.push(["PARAM" + i, n, o, t]);
+    }), e.length > 0 && F(this, e);
   },
   checkWarning_: function() {
     const t = lt(this.node.id);
@@ -1145,11 +1166,15 @@ const Li = {
       return;
     }
     t.alias !== this.node.alias && (this.node.alias = t.alias);
-    const e = Me(this.event.id);
+    const e = Re(this.event.id);
     if (!e) {
       this.setWarningText(p("WARN_EVENT_NOT_FOUND"));
       return;
     }
+    if (e.kind !== this.event.kind) {
+      this.setWarningText(p("WARN_EVENT_HAS_CHANGED"));
+      return;
+    }
     if (M(e.names, this.event.names) || (this.event.names = e.names), !M(e.params, this.event.params)) {
       this.setWarningText(p("WARN_EVENT_HAS_CHANGED"));
       return;
@@ -1173,6 +1198,7 @@ const Si = {
   init: function() {
     this.event = {
       id: "",
+      kind: "elementEvent",
       names: [],
       params: []
     }, this.appendDummyInput().appendField("%{BKY_APP_V1_TRIGGER_APP_EVENT_TITLE}").appendField(
@@ -1186,7 +1212,7 @@ const Si = {
     const t = Jn()?.[0];
     if (!t)
       return;
-    this.event.id = t.id, this.event.names = t.names, this.event.params = t.params;
+    this.event.id = t.id, this.event.kind = t.kind, this.event.names = t.names, this.event.params = t.params;
     const e = this.getField("EVENT");
     e.getOptions(!1), e.setValue(this.event.id);
   },
@@ -1196,7 +1222,7 @@ const Si = {
     };
   },
   loadExtraState: function(t) {
-    this.event.id = t.event?.id ?? "", this.event.names = t.event?.names ?? [], this.event.params = t.event?.params ?? [], this.updateShape_(), this.updateShadows_(), setTimeout(() => {
+    this.event.id = t.event?.id ?? "", this.event.kind = t.event?.kind ?? "elementEvent", this.event.names = t.event?.names ?? [], this.event.params = t.event?.params ?? [], this.updateShape_(), this.updateShadows_(), setTimeout(() => {
       this.checkWarning_();
     }, 0);
   },
@@ -1215,7 +1241,7 @@ const Si = {
   },
   onEventChange_: function(t) {
     const e = vn(t);
-    e ? (this.event.id = e.id, this.event.names = e.names, this.event.params = e.params) : (this.event.id = "", this.event.names = [], this.event.params = []);
+    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 = "elementEvent", this.event.names = [], this.event.params = []);
   },
   updateShape_: function() {
     for (let t = this.event.params.length; this.getInput("PARAM" + t); t++) {
@@ -1246,6 +1272,10 @@ const Si = {
       this.setWarningText(p("WARN_EVENT_NOT_FOUND"));
       return;
     }
+    if (t.kind !== this.event.kind) {
+      this.setWarningText(p("WARN_EVENT_HAS_CHANGED"));
+      return;
+    }
     if (M(t.names, this.event.names) || (this.event.names = t.names), !M(t.params, this.event.params)) {
       this.setWarningText(p("WARN_EVENT_HAS_CHANGED"));
       return;
@@ -1420,6 +1450,7 @@ const Pi = {
       alias: ""
     }, this.method = {
       id: "",
+      kind: "elementMethod",
       names: [],
       inputs: [],
       outputs: []
@@ -1431,16 +1462,16 @@ const Pi = {
   initData_: function() {
     if (this.node.id)
       return;
-    const t = Kt("callMethod")?.[0];
+    const t = wt("callMethod")?.[0];
     if (!t)
       return;
     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 = Xe(this.node.id)?.[0];
+    const n = We(this.node.id)?.[0];
     if (!n)
       return;
-    this.method.id = n.id, this.method.names = n.names, this.method.inputs = n.inputs, this.method.outputs = n.outputs;
+    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;
     const o = this.getField("METHOD");
     o.getOptions(!1), o.setValue(this.method.id);
   },
@@ -1451,12 +1482,12 @@ const Pi = {
     };
   },
   loadExtraState: function(t) {
-    this.node.id = t.node?.id ?? "", this.node.key = t.node?.key ?? "", this.node.alias = t.node?.alias ?? "", this.method.id = t.method?.id ?? "", this.method.names = t.method?.names ?? [], this.method.inputs = t.method?.inputs ?? [], this.method.outputs = t.method?.outputs ?? [], this.updateShape_(), this.updateShadow_(), setTimeout(() => {
+    this.node.id = t.node?.id ?? "", this.node.key = t.node?.key ?? "", this.node.alias = t.node?.alias ?? "", this.method.id = t.method?.id ?? "", this.method.kind = t.method?.kind ?? "elementMethod", this.method.names = t.method?.names ?? [], this.method.inputs = t.method?.inputs ?? [], this.method.outputs = t.method?.outputs ?? [], this.updateShape_(), this.updateShadow_(), setTimeout(() => {
       this.ensureBlocks_(), this.checkWarning_();
     }, 0);
   },
   genNodeOpts_: function() {
-    return Ae("callMethod");
+    return Ee("callMethod");
   },
   genMethodOpts_: function() {
     return ki(this.node.id);
@@ -1480,42 +1511,41 @@ const Pi = {
     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 || !Ue(this.method.id)) {
-      const i = Xe(this.node.id)?.[0];
+    if (o.getOptions(!1), n || !De(this.method.id)) {
+      const i = We(this.node.id)?.[0];
       o.setValue(i?.id ?? "");
     }
     this.onMethodChange_(o.getValue());
   },
   onMethodChange_: function(t) {
-    const e = Ue(t);
-    e ? (this.method.id = e.id, this.method.names = e.names, this.method.inputs = e.inputs, this.method.outputs = e.outputs) : (this.method.id = "", this.method.names = [], this.method.inputs = [], this.method.outputs = []), this.updateShape_(), this.updateShadow_(), setTimeout(() => {
+    const e = De(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 = "elementMethod", this.method.names = [], this.method.inputs = [], this.method.outputs = []), this.updateShape_(), this.updateShadow_(), setTimeout(() => {
       this.ensureBlocks_();
     }, 0);
   },
   updateShape_: function() {
     this.method.outputs.length > 0 ? this.getInput("HANDLE") || this.appendStatementInput("HANDLE").appendField("%{BKY_APP_DO}") : this.getInput("HANDLE") && this.removeInput("HANDLE");
-    for (let e = this.method.outputs.length; this.getInput("OUTPUT" + e); e++) {
-      const n = this.getInput("OUTPUT" + e)?.connection?.targetBlock();
-      n && n.dispose(), this.removeInput("OUTPUT" + e);
+    for (let t = this.method.outputs.length; this.getInput("OUTPUT" + t); t++) {
+      const e = this.getInput("OUTPUT" + t)?.connection?.targetBlock();
+      e && e.dispose(), this.removeInput("OUTPUT" + t);
     }
-    for (let e = 0; e < this.method.outputs.length; e++) {
-      if (this.getInput("OUTPUT" + e))
+    for (let t = 0; t < this.method.outputs.length; t++) {
+      if (this.getInput("OUTPUT" + t))
         continue;
-      const n = this.appendValueInput("OUTPUT" + e);
-      e === 0 && n.appendField("%{BKY_APP_RETURN}"), this.moveInputBefore("OUTPUT" + e, "HANDLE");
+      const e = this.appendValueInput("OUTPUT" + t);
+      t === 0 && e.appendField("%{BKY_APP_RETURN}"), this.moveInputBefore("OUTPUT" + t, "HANDLE");
     }
-    for (let e = this.method.inputs.length; this.getInput("INPUT" + e); e++)
-      this.removeInput("INPUT" + e);
-    for (let e = 0; e < this.method.inputs.length; e++) {
-      const n = this.method.inputs[e];
-      this.getInput("INPUT" + e) || (this.appendValueInput("INPUT" + e).setAlign(C.Align.RIGHT).appendField(Bn[n.name]), this.method.outputs.length > 0 && this.moveInputBefore("INPUT" + e, "OUTPUT0"));
+    for (let t = this.method.inputs.length; this.getInput("INPUT" + t); t++)
+      this.removeInput("INPUT" + t);
+    for (let t = 0; t < this.method.inputs.length; t++) {
+      const e = this.method.inputs[t];
+      this.getInput("INPUT" + t) || (this.appendValueInput("INPUT" + t).setAlign(C.Align.RIGHT).appendField(Bn[e.name]), this.method.outputs.length > 0 && this.moveInputBefore("INPUT" + t, "OUTPUT0"));
     }
-    const { kind: t } = Dt(this.method.id);
-    if (t === "refMethod")
+    if (this.method.kind === "refMethod")
       this.getInput("REF_KEY") || this.appendValueInput("REF_KEY"), this.method.inputs.length > 0 ? this.moveInputBefore("REF_KEY", "INPUT0") : this.method.outputs.length > 0 && this.moveInputBefore("REF_KEY", "OUTPUT0");
     else if (this.getInput("REF_KEY")) {
-      const e = this.getInput("REF_KEY").connection.targetBlock();
-      e && e.dispose(), this.removeInput("REF_KEY");
+      const t = this.getInput("REF_KEY").connection.targetBlock();
+      t && t.dispose(), this.removeInput("REF_KEY");
     }
   },
   updateShadow_: function() {
@@ -1531,7 +1561,7 @@ const Pi = {
   ensureBlocks_: function() {
     if (this.isInsertionMarker())
       return;
-    const { kind: t } = Dt(this.method.id), e = Fn(t), n = [];
+    const { kind: t } = ze(this.method.id), e = Fn(t), n = [];
     for (let o = 0; o < this.method.outputs.length; o++) {
       const { key: i, name: a } = this.method.outputs[o];
       n.push(["OUTPUT" + o, i, a, e]);
@@ -1549,11 +1579,15 @@ const Pi = {
       return;
     }
     t.alias !== this.node.alias && (this.node.alias = t.alias);
-    const e = Ue(this.method.id);
+    const e = De(this.method.id);
     if (!e) {
       this.setWarningText(p("WARN_METHOD_NOT_FOUND"));
       return;
     }
+    if (e.kind !== this.method.kind) {
+      this.setWarningText(p("WARN_METHOD_HAS_CHANGED"));
+      return;
+    }
     if (M(e.names, this.method.names) || (this.method.names = e.names), !M(e.inputs, this.method.inputs)) {
       this.setWarningText(p("WARN_METHOD_HAS_CHANGED"));
       return;
@@ -1582,6 +1616,7 @@ const Ri = {
   init: function() {
     this.method = {
       id: "",
+      kind: "elementMethod",
       names: [],
       inputs: []
     }, this.appendDummyInput().appendField("%{BKY_APP_V1_IMPL_APP_METHOD_TITLE}").appendField(
@@ -1593,7 +1628,7 @@ const Ri = {
     const t = on()?.[0];
     if (!t)
       return;
-    this.method.id = t.id, this.method.names = t.names, this.method.inputs = t.inputs;
+    this.method.id = t.id, this.method.kind = t.kind, this.method.names = t.names, this.method.inputs = t.inputs;
     const e = this.getField("METHOD");
     e.getOptions(!1), e.setValue(this.method.id);
   },
@@ -1603,7 +1638,7 @@ const Ri = {
     };
   },
   loadExtraState: function(t) {
-    this.method.id = t.method?.id ?? "", this.method.names = t.method?.names ?? [], this.method.inputs = t.method?.inputs ?? [], this.updateShape_(), setTimeout(() => {
+    this.method.id = t.method?.id ?? "", this.method.kind = t.method?.kind ?? "elementMethod", this.method.names = t.method?.names ?? [], this.method.inputs = t.method?.inputs ?? [], this.updateShape_(), setTimeout(() => {
       this.ensureBlocks_(), this.checkWarning_();
     }, 0);
   },
@@ -1622,7 +1657,7 @@ const Ri = {
   },
   onMethodChange_: function(t) {
     const e = kt(t);
-    e ? (this.method.id = e.id, this.method.names = e.names, this.method.inputs = e.inputs) : (this.method.id = "", this.method.names = [], this.method.inputs = []), this.updateShape_(), setTimeout(() => {
+    e ? (this.method.id = e.id, this.method.kind = e.kind, this.method.names = e.names, this.method.inputs = e.inputs) : (this.method.id = "", this.method.kind = "elementMethod", this.method.names = [], this.method.inputs = []), this.updateShape_(), setTimeout(() => {
       this.ensureBlocks_();
     }, 0);
   },
@@ -1637,12 +1672,12 @@ const Ri = {
   ensureBlocks_: function() {
     if (this.isInsertionMarker())
       return;
-    const { kind: t } = Dt(this.method.id), e = Fn(t), n = [];
-    for (let o = 0; o < this.method.inputs.length; o++) {
-      const { key: i, name: a } = this.method.inputs[o];
-      n.push(["INPUT" + o, i, a, e]);
+    const t = Fn(this.method.kind), e = [];
+    for (let n = 0; n < this.method.inputs.length; n++) {
+      const { key: o, name: i } = this.method.inputs[n];
+      e.push(["INPUT" + n, o, i, t]);
     }
-    F(this, n);
+    F(this, e);
   },
   checkWarning_: function() {
     const t = kt(this.method.id);
@@ -1650,6 +1685,10 @@ const Ri = {
       this.setWarningText(p("WARN_METHOD_NOT_FOUND"));
       return;
     }
+    if (t.kind !== this.method.kind) {
+      this.setWarningText(p("WARN_METHOD_HAS_CHANGED"));
+      return;
+    }
     if (M(t.names, this.method.names) || (this.method.names = t.names), !M(t.inputs, this.method.inputs)) {
       this.setWarningText(p("WARN_METHOD_HAS_CHANGED"));
       return;
@@ -1668,6 +1707,7 @@ const Di = {
   init: function() {
     this.method = {
       id: "",
+      kind: "elementMethod",
       names: []
     }, this.output = {
       key: "",
@@ -1687,10 +1727,10 @@ const Di = {
     const t = on()?.[0];
     if (!t)
       return;
-    this.method.id = t.id, this.method.names = t.names;
+    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 = Je(this.method.id)?.[0];
+    const n = je(this.method.id)?.[0];
     if (!n)
       return;
     this.output.key = n.key, this.output.name = n.name, this.output.type = n.type;
@@ -1703,7 +1743,7 @@ const Di = {
     };
   },
   loadExtraState: function(t) {
-    this.method.id = t.method?.key ?? "", this.method.names = t.method?.names ?? [], this.output.key = t.output?.key ?? "", this.output.name = t.output?.name ?? "", this.output.type = t.output?.type ?? "", this.updateShape_(), this.updateShadows_(), setTimeout(() => {
+    this.method.id = t.method?.key ?? "", this.method.kind = t.method?.kind ?? "elementMethod", this.method.names = t.method?.names ?? [], this.output.key = t.output?.key ?? "", this.output.name = t.output?.name ?? "", this.output.type = t.output?.type ?? "", this.updateShape_(), this.updateShadows_(), setTimeout(() => {
       this.checkWarning_();
     }, 0);
   },
@@ -1730,16 +1770,16 @@ const Di = {
       return;
     }
     const n = this.method.id !== e.id;
-    this.method.id = e.id, this.method.names = e.names;
+    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 || !Ve(this.method.id, this.output.key)) {
-      const i = Je(this.method.id)?.[0];
+    if (o.getOptions(!1), n || !Me(this.method.id, this.output.key)) {
+      const i = je(this.method.id)?.[0];
       o.setValue(i?.key ?? "");
     }
     this.onOutputChange_(o.getValue());
   },
   onOutputChange_: function(t) {
-    const e = Ve(this.method.id, t);
+    const e = Me(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() {
@@ -1762,8 +1802,12 @@ const Di = {
       this.setWarningText(p("WARN_METHOD_NOT_FOUND"));
       return;
     }
+    if (t.kind !== this.method.kind) {
+      this.setWarningText(p("WARN_METHOD_HAS_CHANGED"));
+      return;
+    }
     t.names !== this.method.names && (this.method.names = t.names);
-    const e = Ve(this.method.id, this.output.key);
+    const e = Me(this.method.id, this.output.key);
     if (!e) {
       this.setWarningText(p("WARN_OUTPUT_NOT_FOUND"));
       return;
@@ -1844,7 +1888,7 @@ const Mi = {
     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 = We(this.app.id)?.[0];
+    const n = $e(this.app.id)?.[0];
     if (!n)
       return;
     this.page.id = n.id, this.page.name = n.name;
@@ -1887,13 +1931,13 @@ const Mi = {
     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 || !De(this.app.id, this.page.id)) {
-      const a = We(this.app.id)?.[0]?.id ?? "";
+    if (o.getOptions(!1), n || !Pe(this.app.id, this.page.id)) {
+      const a = $e(this.app.id)?.[0]?.id ?? "";
       o.setValue(a), this.page.id === a && this.onPageChange_(a);
     }
   },
   onPageChange_: function(t) {
-    const e = De(this.app.id, t);
+    const e = Pe(this.app.id, t);
     e ? (this.page.id = e.id, this.page.name = e.name) : (this.page.id = "", this.page.name = "");
   },
   checkWarning_: function() {
@@ -1903,7 +1947,7 @@ const Mi = {
       return;
     }
     t.name !== this.app.name && (this.app.name = t.name);
-    const e = De(this.app.id, this.page.id);
+    const e = Pe(this.app.id, this.page.id);
     if (!e) {
       this.setWarningText(p("WARN_PAGE_NOT_FOUND"));
       return;
@@ -1990,22 +2034,23 @@ const Vi = {
       alias: ""
     }, this.prop = {
       id: "",
+      kind: "elementProperty",
       names: []
     }, this.appendDummyInput().appendField("%{BKY_APP_V1_GET_APP_PROP_TITLE}").appendField(new I(() => this.genNodeOpts_()), "NODE").appendField(new I(() => this.genPropOpts_()), "PROP"), this.setOutput(!0, null), this.setStyle("property_blocks"), this.setTooltip("%{BKY_APP_V1_GET_APP_PROP_TOOLTIP}"), this.setHelpUrl("%{BKY_APP_V1_GET_APP_PROP_HELPURL}"), this.initData_();
   },
   initData_: function() {
     if (this.node.id)
       return;
-    const t = Kt("getProp")?.[0];
+    const t = wt("getProp")?.[0];
     if (!t)
       return;
     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 = Vt(this.node.id, "read")?.[0];
+    const n = Ut(this.node.id, "read")?.[0];
     if (!n)
       return;
-    this.prop.id = n.id, this.prop.names = n.names;
+    this.prop.id = n.id, this.prop.kind = n.kind, this.prop.names = n.names;
     const o = this.getField("PROP");
     o.getOptions(!1), o.setValue(this.prop.id);
   },
@@ -2016,12 +2061,12 @@ const Vi = {
     };
   },
   loadExtraState: function(t) {
-    this.node.id = t.node?.id ?? "", this.node.key = t.node?.key ?? "", this.node.alias = t.node?.alias ?? "", this.prop.id = t.prop?.id ?? "", this.prop.names = t.prop?.names ?? [], setTimeout(() => {
+    this.node.id = t.node?.id ?? "", this.node.key = t.node?.key ?? "", this.node.alias = t.node?.alias ?? "", this.prop.id = t.prop?.id ?? "", this.prop.kind = t.prop?.kind ?? "elementProperty", this.prop.names = t.prop?.names ?? [], setTimeout(() => {
       this.checkWarning_();
     }, 0);
   },
   genNodeOpts_: function() {
-    return Ae("getProp");
+    return Ee("getProp");
   },
   genPropOpts_: function() {
     return zn(this.node.id, "read");
@@ -2046,14 +2091,14 @@ const Vi = {
     this.node.id = e.id, this.node.key = e.key, this.node.alias = e.alias;
     const o = this.getField("PROP");
     if (o.getOptions(!1), n || !Tt(this.prop.id)) {
-      const i = Vt(this.node.id, "read")?.[0];
+      const i = Ut(this.node.id, "read")?.[0];
       o.setValue(i?.id ?? "");
     }
     this.onPropChange_(o.getValue());
   },
   onPropChange_: function(t) {
     const e = Tt(t);
-    e ? (this.prop.id = e.id, this.prop.names = e.names) : (this.prop.id = "", this.prop.names = []);
+    e ? (this.prop.id = e.id, this.prop.kind = e.kind, this.prop.names = e.names) : (this.prop.id = "", this.prop.kind = "elementProperty", this.prop.names = []);
   },
   checkWarning_: function() {
     const t = lt(this.node.id);
@@ -2071,6 +2116,10 @@ const Vi = {
       this.setWarningText(p("WARN_PROP_NOT_FOUND"));
       return;
     }
+    if (e.kind !== this.prop.kind) {
+      this.setWarningText(p("WARN_PROP_HAS_CHANGED"));
+      return;
+    }
     M(e.names, this.prop.names) || (this.prop.names = e.names), this.setWarningText(null);
   }
 };
@@ -2087,22 +2136,23 @@ const xi = {
       alias: ""
     }, this.prop = {
       id: "",
+      kind: "elementProperty",
       names: []
     }, this.appendValueInput("VALUE").appendField("%{BKY_APP_V1_SET_APP_PROP_TITLE}").appendField(new I(() => this.genNodeOpts_()), "NODE").appendField(new I(() => this.genPropOpts_()), "PROP"), this.setPreviousStatement(!0, null), this.setNextStatement(!0, null), this.setStyle("property_blocks"), this.setTooltip("%{BKY_APP_V1_SET_APP_PROP_TOOLTIP}"), this.setHelpUrl("%{BKY_APP_V1_SET_APP_PROP_HELPURL}"), this.initData_(), this.isInFlyout && this.updateShadow_();
   },
   initData_: function() {
     if (this.node.id)
       return;
-    const t = Kt("setProp")?.[0];
+    const t = wt("setProp")?.[0];
     if (!t)
       return;
     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 = Vt(this.node.id, "write")?.[0];
+    const n = Ut(this.node.id, "write")?.[0];
     if (!n)
       return;
-    this.prop.id = n.id, this.prop.names = n.names;
+    this.prop.id = n.id, this.prop.kind = n.kind, this.prop.names = n.names;
     const o = this.getField("PROP");
     o.getOptions(!1), o.setValue(this.prop.id);
   },
@@ -2113,12 +2163,12 @@ const xi = {
     };
   },
   loadExtraState: function(t) {
-    this.node.id = t.node?.id ?? "", this.node.key = t.node?.key ?? "", this.node.alias = t.node?.alias ?? "", this.prop.id = t.prop?.id ?? "", this.prop.names = t.prop?.names ?? [], setTimeout(() => {
+    this.node.id = t.node?.id ?? "", this.node.key = t.node?.key ?? "", this.node.alias = t.node?.alias ?? "", this.prop.id = t.prop?.id ?? "", this.prop.kind = t.prop?.kind ?? "elementProperty", this.prop.names = t.prop?.names ?? [], setTimeout(() => {
       this.checkWarning_();
     }, 0);
   },
   genNodeOpts_: function() {
-    return Ae("setProp");
+    return Ee("setProp");
   },
   genPropOpts_: function() {
     return zn(this.node.id, "write");
@@ -2143,14 +2193,14 @@ const xi = {
     this.node.id = e.id, this.node.key = e.key, this.node.alias = e.alias;
     const o = this.getField("PROP");
     if (o.getOptions(!1), n || !Tt(this.prop.id)) {
-      const i = Vt(this.node.id, "write")?.[0];
+      const i = Ut(this.node.id, "write")?.[0];
       o.setValue(i?.id ?? "");
     }
     this.onPropChange_(o.getValue());
   },
   onPropChange_: function(t) {
     const e = Tt(t);
-    e ? (this.prop.id = e.id, this.prop.names = e.names) : (this.prop.id = "", this.prop.names = []), this.updateShadow_();
+    e ? (this.prop.id = e.id, this.prop.kind = e.kind, this.prop.names = e.names) : (this.prop.id = "", this.prop.kind = "elementProperty", this.prop.names = []), this.updateShadow_();
   },
   updateShadow_: function() {
     if (this.isInsertionMarker())
@@ -2184,6 +2234,10 @@ const xi = {
       this.setWarningText(p("WARN_PROP_NOT_FOUND"));
       return;
     }
+    if (e.kind !== this.prop.kind) {
+      this.setWarningText(p("WARN_PROP_HAS_CHANGED"));
+      return;
+    }
     M(e.names, this.prop.names) || (this.prop.names = e.names), this.setWarningText(null);
   }
 };
@@ -2236,11 +2290,11 @@ const Fi = {
     }
   },
   onStateChange_: function(t) {
-    const e = oe(t);
+    const e = ee(t);
     e ? (this.state.id = e.id, this.state.name = e.name, this.state.type = e.type) : (this.state.id = "", this.state.name = "", this.state.type = "string");
   },
   checkWarning_: function() {
-    const t = oe(this.state.id);
+    const t = ee(this.state.id);
     if (!t) {
       this.setWarningText(p("WARN_STATE_NOT_FOUND"));
       return;
@@ -2296,7 +2350,7 @@ const Yi = {
     }
   },
   onStateChange_: function(t) {
-    const e = oe(t);
+    const e = ee(t);
     e ? (this.state.id = e.id, this.state.name = e.name, this.state.type = e.type) : (this.state.id = "", this.state.name = "", this.state.type = "string"), this.updateShadow_();
   },
   updateShadow_: function() {
@@ -2309,7 +2363,7 @@ const Yi = {
     this.getInput("VALUE").setCheck(e).setShadowDom(n);
   },
   checkWarning_: function() {
-    const t = oe(this.state.id);
+    const t = ee(this.state.id);
     if (!t) {
       this.setWarningText(p("WARN_STATE_NOT_FOUND"));
       return;
@@ -3096,11 +3150,11 @@ const wi = y.xml, Ki = [
     inputs: ["SUCCESS", "MESSAGE", "DATA"]
   }
 ];
-function $i(t, e) {
+function Hi(t, e) {
   const n = Ki.find((o) => o.type === t);
   return n ? !!(n.prefixInputs?.some((o) => e.startsWith(o)) || n.inputs?.some((o) => o === e)) : !1;
 }
-const Hi = {
+const $i = {
   init: function() {
     this.key = "", this.name = "", this.locale = !1, this.appendDummyInput().appendField("", "LABEL"), this.setOutput(!0), this.setColour(220);
   },
@@ -3134,7 +3188,7 @@ const Hi = {
   },
   tryDuplicate_: function(t) {
     const e = this.workspace.getBlockById(t.oldParentId);
-    if (e && $i(e.type, t.oldInputName))
+    if (e && Hi(e.type, t.oldInputName))
       try {
         A.disable();
         const n = e.getInput(t.oldInputName)?.connection;
@@ -3159,7 +3213,7 @@ const Hi = {
       this.setFieldValue(this.name, "LABEL");
   }
 };
-T.parameter_v1 = Hi;
+T.parameter_v1 = $i;
 s.forBlock.parameter_v1 = function(t) {
   return [t.key, c.ATOMIC];
 };
@@ -3172,7 +3226,7 @@ s.forBlock.on_flow_state_event_v1 = function() {
   return `__onFlowStateEventV1__();
 `;
 };
-function xt(t) {
+function Vt(t) {
   const e = E.compute.spaces.find((n) => n.id === t);
   return e ? e.funcs : [];
 }
@@ -3183,11 +3237,11 @@ function Ct(t, e) {
 }
 function to(t) {
   const e = [];
-  return xt(t).forEach(({ id: o, name: i }) => {
+  return Vt(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
   }), k(e);
 }
-function qe() {
+function Xe() {
   return E.compute.activeFunc;
 }
 function Cn(t) {
@@ -3200,18 +3254,18 @@ function Wi() {
     t.push([o, n]);
   }), k(t);
 }
-function $t(t) {
+function Kt(t) {
   const e = [];
   return E.compute.spaces.forEach((n) => {
     t === "func" && n.funcs.length > 0 && e.push(n), t === "flow" && n.flows.length > 0 && e.push(n);
   }), e;
 }
-function ie(t) {
+function ne(t) {
   return E.compute.spaces.find((e) => e.id === t);
 }
 function eo(t) {
   const e = [];
-  return $t(t).forEach(({ id: o, name: i }) => {
+  return Kt(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
   }), k(e);
 }
@@ -3233,13 +3287,13 @@ const ji = {
   initData_: function() {
     if (this.space.id)
       return;
-    const t = $t("func")?.[0];
+    const t = Kt("func")?.[0];
     if (!t)
       return;
     this.space.id = t.id, this.space.name = t.name;
     const e = this.getField("SPACE");
     e.getOptions(!1), e.setValue(this.space.id);
-    const n = xt(this.space.id)?.[0];
+    const n = Vt(this.space.id)?.[0];
     if (!n)
       return;
     this.func.id = n.id, this.func.name = n.name, this.func.inputs = n.inputs, this.func.outputs = n.outputs;
@@ -3274,14 +3328,14 @@ const ji = {
     }
   },
   onSpaceChange_: function(t) {
-    const e = ie(t);
+    const e = ne(t);
     if (!e) {
       console.assert(!1);
       return;
     }
     let n = !1;
     if (e.id !== this.space.id && (n = !0), this.space.id = e.id, this.space.name = e.name, this.getField("FUNC").getOptions(!1), n || !Ct(this.space.id, this.func.id)) {
-      const i = xt(this.space.id)?.[0];
+      const i = Vt(this.space.id)?.[0];
       this.setFieldValue(i?.id ?? "", "FUNC");
     }
   },
@@ -3340,7 +3394,7 @@ const ji = {
     F(this, t);
   },
   checkWarning_: function() {
-    const t = ie(this.space.id);
+    const t = ne(this.space.id);
     if (!t) {
       this.setWarningText(p("WARN_SPACE_NOT_FOUND"));
       return;
@@ -3407,13 +3461,13 @@ const Xi = {
   initData_: function() {
     if (this.space.id)
       return;
-    const t = $t("func")?.[0];
+    const t = Kt("func")?.[0];
     if (!t)
       return;
     this.space.id = t.id, this.space.name = t.name;
     const e = this.getField("SPACE");
     e.getOptions(!1), e.setValue(this.space.id);
-    const n = xt(this.space.id)?.[0];
+    const n = Vt(this.space.id)?.[0];
     if (!n)
       return;
     this.func.id = n.id, this.func.name = n.name, this.func.inputs = n.inputs, this.func.outputs = n.outputs;
@@ -3448,14 +3502,14 @@ const Xi = {
     }
   },
   onSpaceChange_: function(t) {
-    const e = ie(t);
+    const e = ne(t);
     if (!e) {
       console.assert(!1);
       return;
     }
     let n = !1;
     if (e.id !== this.space.id && (n = !0), this.space.id = e.id, this.space.name = e.name, this.getField("FUNC").getOptions(!1), n || !Ct(this.space.id, this.func.id)) {
-      const i = xt(this.space.id)?.[0];
+      const i = Vt(this.space.id)?.[0];
       i ? this.setFieldValue(i.id, "FUNC") : this.setFieldValue("", "FUNC");
     }
   },
@@ -3514,7 +3568,7 @@ const Xi = {
     F(this, t);
   },
   checkWarning_: function() {
-    const t = ie(this.space.id);
+    const t = ne(this.space.id);
     if (!t) {
       this.setWarningText(p("WARN_SPACE_NOT_FOUND"));
       return;
@@ -3576,7 +3630,7 @@ const Ji = {
   initData_: function() {
     if (this.func.id)
       return;
-    const { id: t, inputs: e } = qe();
+    const { id: t, inputs: e } = Xe();
     this.func.id = t, this.func.inputs = e;
   },
   saveExtraState: function() {
@@ -3613,7 +3667,7 @@ const Ji = {
     F(this, t);
   },
   checkWarning_: function() {
-    const { id: t, inputs: e } = qe();
+    const { id: t, inputs: e } = Xe();
     if (this.func.id !== t && (this.func.id = t), !M(e, this.func.inputs)) {
       this.setWarningText(p("WARN_FUNC_HAS_CHANGED"));
       return;
@@ -3645,7 +3699,7 @@ const qi = {
   initData_: function() {
     if (this.output.id)
       return;
-    const t = qe().outputs?.[0];
+    const t = Xe().outputs?.[0];
     t && (this.output.id = t.id, this.output.name = t.name, this.output.type = t.type);
   },
   saveExtraState: function() {
@@ -3788,13 +3842,13 @@ function rt(t) {
   const { spaces: e } = E.data;
   return e.find((n) => n.id === t);
 }
-function Ie() {
+function ge() {
   const t = [];
   return q().forEach(({ id: n, name: o }) => {
     t.push([o, n]);
   }), k(t);
 }
-function $(t) {
+function H(t) {
   const { spaces: e } = E.data, n = e.find((o) => o.id === t);
   return n ? n.tables : [];
 }
@@ -3803,20 +3857,20 @@ function j(t, e) {
   if (o)
     return o.tables.find((i) => i.id === e);
 }
-function Oe(t) {
+function Ae(t) {
   const e = [];
-  return $(t).forEach(({ id: o, name: i }) => {
+  return H(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
   }), k(e);
 }
-function se(t, e) {
+function oe(t, e) {
   const { spaces: n } = E.data, o = n.find((a) => a.id === t);
   if (!o)
     return [];
   const i = o.tables.find((a) => a.id === e);
   return i ? i.columns : [];
 }
-function xe(t, e, n) {
+function Ue(t, e, n) {
   const { spaces: o } = E.data, i = o.find((u) => u.id === t);
   if (!i)
     return;
@@ -3826,7 +3880,7 @@ function xe(t, e, n) {
 }
 function Qi(t, e) {
   const n = [];
-  return se(t, e).forEach(({ id: i, name: a }) => {
+  return oe(t, e).forEach(({ id: i, name: a }) => {
     n.push([a, i]);
   }), k(n);
 }
@@ -3837,7 +3891,7 @@ function zi(t) {
   let n, o;
   const i = q()?.[0];
   if (i) {
-    const l = $(i.id)?.[0];
+    const l = H(i.id)?.[0];
     if (l) {
       n = {
         space: {
@@ -3970,11 +4024,11 @@ const es = {
     if (!t)
       return;
     this.space.id = t.id, this.space.name = t.name;
-    const e = $(this.space.id)?.[0];
+    const e = H(this.space.id)?.[0];
     if (!e)
       return;
     this.table.id = e.id, this.table.name = e.name;
-    const n = se(this.space.id, this.table.id)?.[0];
+    const n = oe(this.space.id, this.table.id)?.[0];
     n && (this.column.id = n.id, this.column.name = n.name, this.column.type = n.type, this.column.extend = n.extend);
   },
   saveExtraState: function() {
@@ -3990,10 +4044,10 @@ const es = {
     }, 0);
   },
   genSpaceOpts_: function() {
-    return Ie();
+    return ge();
   },
   genTableOpts_: function() {
-    return Oe(this.space.id);
+    return Ae(this.space.id);
   },
   genColumnOpts_: function() {
     return Qi(this.space.id, this.table.id);
@@ -4016,7 +4070,7 @@ const es = {
     }
     const n = e.id !== this.space.id;
     if (this.space.id = e.id, this.space.name = e.name, n || !j(this.space.id, this.table.id)) {
-      const o = $(this.space.id)?.[0]?.id ?? "", i = this.getField("TABLE");
+      const o = H(this.space.id)?.[0]?.id ?? "", i = this.getField("TABLE");
       i.getOptions(!1), i.setValue(o, !1), this.onTableChange_(o);
     }
   },
@@ -4027,13 +4081,13 @@ const es = {
       return;
     }
     const n = e.id !== this.table.id;
-    if (this.table.id = e.id, this.table.name = e.name, n || !xe(this.space.id, this.table.id, this.column.id)) {
-      const o = se(this.space.id, this.table.id)?.[0]?.id ?? "", i = this.getField("COLUMN");
+    if (this.table.id = e.id, this.table.name = e.name, n || !Ue(this.space.id, this.table.id, this.column.id)) {
+      const o = oe(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 = xe(this.space.id, this.table.id, t);
+    const e = Ue(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() {
@@ -4052,7 +4106,7 @@ const es = {
       n && n.dispose();
     else if (n)
       return;
-    const o = Ge(this.workspace, this.column.type);
+    const o = He(this.workspace, this.column.type);
     o && (e.setCheck(null), e.connect(o.outputConnection));
   },
   updateCheck_: function() {
@@ -4072,7 +4126,7 @@ const es = {
       return;
     }
     e.name !== this.table.name && (this.table.name = e.name);
-    const n = xe(
+    const n = Ue(
       this.space.id,
       this.table.id,
       this.column.id
@@ -4200,7 +4254,7 @@ function ss(t) {
   const e = t.getInput("TABLE").connection;
   if (e.targetBlock())
     return;
-  const n = q()?.[0], o = $(n?.id ?? "")?.[0], i = {
+  const n = q()?.[0], o = H(n?.id ?? "")?.[0], i = {
     type: "select_table_v1",
     extraState: {
       space: {
@@ -4219,7 +4273,7 @@ function as(t) {
   const e = t.getInput("CONDITION").connection;
   if (e.targetBlock())
     return;
-  const n = q()?.[0], o = $(n?.id ?? "")?.[0], i = se(n?.id, o?.id)?.[0], a = {
+  const n = q()?.[0], o = H(n?.id ?? "")?.[0], i = oe(n?.id, o?.id)?.[0], a = {
     type: "cond_atomic_v1",
     extraState: {
       space: {
@@ -4331,7 +4385,7 @@ function ls(t) {
   let n, o;
   const i = q()?.[0];
   if (i) {
-    const l = $(i.id)?.[0];
+    const l = H(i.id)?.[0];
     if (l) {
       n = {
         space: {
@@ -4582,7 +4636,7 @@ const ms = {
     this.space.id = t.id, this.space.name = t.name;
     const e = this.getField("SPACE");
     e.getOptions(!1), e.setValue(this.space.id, !1);
-    const n = $(this.space.id)?.[0];
+    const n = H(this.space.id)?.[0];
     if (!n)
       return;
     this.table.id = n.id, this.table.name = n.name, this.table.columns = n.columns;
@@ -4602,10 +4656,10 @@ const ms = {
     }, 0);
   },
   genSpaceOpts_: function() {
-    return Ie();
+    return ge();
   },
   genTableOpts_: function() {
-    return Oe(this.space.id);
+    return Ae(this.space.id);
   },
   genColumnOpts_: function() {
     const t = [];
@@ -4643,7 +4697,7 @@ const ms = {
     }
     const n = e.id !== this.space.id;
     if (this.space.id = e.id, this.space.name = e.name, n || !j(this.space.id, this.table.id)) {
-      const o = $(this.space.id)?.[0]?.id ?? "", i = this.getField("TABLE");
+      const o = H(this.space.id)?.[0]?.id ?? "", i = this.getField("TABLE");
       i.getOptions(!1), i.setValue(o, !1), this.onTableChange_(o);
     }
   },
@@ -4797,7 +4851,7 @@ const Ts = {
     this.space.id = t.id, this.space.name = t.name;
     const e = this.getField("SPACE");
     e.getOptions(!1), e.setValue(this.space.id);
-    const n = $(this.space.id)?.[0];
+    const n = H(this.space.id)?.[0];
     if (!n)
       return;
     this.table.id = n.id, this.table.name = n.name;
@@ -4814,10 +4868,10 @@ const Ts = {
     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 Ie();
+    return ge();
   },
   genTableOpts_: function() {
-    return Oe(this.space.id);
+    return Ae(this.space.id);
   },
   onchange: function(t) {
     if (t.type === b.STATE_CHANGE)
@@ -4837,7 +4891,7 @@ const Ts = {
     }
     let n = !1;
     if (e.id !== this.space.id && (n = !0), this.space.id = e.id, this.space.name = e.name, this.getField("TABLE").getOptions(!1), n || !j(this.space.id, this.table.id)) {
-      const i = $(this.space.id)?.[0];
+      const i = H(this.space.id)?.[0];
       i ? this.setFieldValue(i.id, "TABLE") : this.setFieldValue("", "TABLE");
     }
   },
@@ -4978,7 +5032,7 @@ const Is = {
     this.space.id = t.id, this.space.name = t.name;
     const e = this.getField("SPACE");
     e.getOptions(!1), e.setValue(this.space.id, !1);
-    const n = $(this.space.id)?.[0];
+    const n = H(this.space.id)?.[0];
     if (!n)
       return;
     this.table.id = n.id, this.table.name = n.name, this.table.columns = n.columns;
@@ -4998,10 +5052,10 @@ const Is = {
     }, 0);
   },
   genSpaceOpts_: function() {
-    return Ie();
+    return ge();
   },
   genTableOpts_: function() {
-    return Oe(this.space.id);
+    return Ae(this.space.id);
   },
   genColumnOpts_: function() {
     const t = [];
@@ -5039,7 +5093,7 @@ const Is = {
     }
     const n = e.id !== this.space.id;
     if (this.space.id = e.id, this.space.name = e.name, n || !j(this.space.id, this.table.id)) {
-      const o = $(this.space.id)?.[0]?.id ?? "", i = this.getField("TABLE");
+      const o = H(this.space.id)?.[0]?.id ?? "", i = this.getField("TABLE");
       i.getOptions(!1), i.setValue(o, !1), this.onTableChange_(o);
     }
   },
@@ -5068,7 +5122,7 @@ const Is = {
     }
     const o = this.getInput("ADD" + t).connection, i = o.targetBlock();
     i && i.dispose();
-    const a = Ge(this.workspace, n.type);
+    const a = He(this.workspace, n.type);
     a && (o.setCheck(null), o.connect(a.outputConnection)), this.updateCheck_();
   },
   decompose: function(t) {
@@ -5159,7 +5213,7 @@ const Is = {
         if (!u)
           continue;
         n.setCheck(null);
-        const l = Ge(this.workspace, u.type);
+        const l = He(this.workspace, u.type);
         l && o.connect(l.outputConnection);
       }
   },
@@ -5210,7 +5264,7 @@ function Os(t) {
   let n, o;
   const i = q()?.[0];
   if (i) {
-    const l = $(i.id)?.[0];
+    const l = H(i.id)?.[0];
     if (l) {
       n = {
         space: {
@@ -5336,7 +5390,7 @@ const ks = y.xml, Ns = {
           this.isInFlyout || this.addEntry_(n);
         })
       ), n.appendField(new fn(String(t))), n.appendField(
-        new z(zt, 20, 20, void 0, () => {
+        new z(qt, 20, 20, void 0, () => {
           this.isInFlyout || this.removeEntry_(n);
         })
       ), this.moveInputBefore(e, "ADD");
@@ -5355,7 +5409,7 @@ const ks = y.xml, Ns = {
         this.isInFlyout || this.addEntry_(n);
       })
     ), n.appendField(new fn(String(e))), n.appendField(
-      new z(zt, 20, 20, void 0, () => {
+      new z(qt, 20, 20, void 0, () => {
         this.isInFlyout || this.removeEntry_(n);
       })
     ), e === this.length ? this.moveInputBefore("ENTRY" + e, "ADD") : this.moveInputBefore("ENTRY" + e, "ENTRY" + (e + 1)), this.length++;
@@ -5419,7 +5473,7 @@ const yn = y.xml, Ss = {
           this.isInFlyout || this.addEntry_(i);
         })
       ), i.appendField(new ut(n), "KEY" + e), i.appendField(
-        new z(zt, 20, 20, void 0, () => {
+        new z(qt, 20, 20, void 0, () => {
           this.isInFlyout || this.removeEntry_(i);
         })
       ), this.moveInputBefore(o, "ADD");
@@ -5436,7 +5490,7 @@ const yn = y.xml, Ss = {
         this.isInFlyout || this.addEntry_(n);
       })
     ), n.appendField(new ut("key"), "KEY" + e), n.appendField(
-      new z(zt, 20, 20, void 0, () => {
+      new z(qt, 20, 20, void 0, () => {
         this.isInFlyout || this.removeEntry_(n);
       })
     ), e === this.length ? this.moveInputBefore("ENTRY" + e, "ADD") : this.moveInputBefore("ENTRY" + e, "ENTRY" + (e + 1)), this.length++;
@@ -5453,7 +5507,7 @@ const yn = y.xml, Ss = {
 T.json_map_v1 = Ss;
 const Bs = {
   init: function() {
-    this.appendDummyInput().appendField(new Ye(0), "VALUE"), this.setOutput(!0, "JsonNumber"), this.setColour(230);
+    this.appendDummyInput().appendField(new xe(0), "VALUE"), this.setOutput(!0, "JsonNumber"), this.setColour(230);
   }
 };
 T.json_number_v1 = Bs;
@@ -6249,7 +6303,7 @@ const Ks = /* @__PURE__ */ new Set([
   "for_each_v1",
   "for_v1",
   "while_until_v1"
-]), $s = {
+]), Hs = {
   getSurroundLoop: function() {
     let t = this;
     do {
@@ -6274,7 +6328,7 @@ const Ks = /* @__PURE__ */ new Set([
 };
 B.registerMixin(
   "flow_control_in_loop_check_v1",
-  $s
+  Hs
 );
 m([
   {
@@ -6576,7 +6630,7 @@ s.forBlock.while_until_v1 = function(t) {
 ${o}}
 `;
 };
-const Hs = {
+const $s = {
   // math_arithmetic
   ADD: "%{BKY_MATH_V1_ARITHMETIC_TOOLTIP_ADD}",
   SUBTRACT: "%{BKY_MATH_V1_ARITHMETIC_TOOLTIP_SUBTRACT}",
@@ -6610,7 +6664,7 @@ const Hs = {
 };
 B.register(
   "math_op_tooltip_v1",
-  B.buildTooltipForDropdown("OP", Hs)
+  B.buildTooltipForDropdown("OP", $s)
 );
 m([
   {
@@ -7551,7 +7605,7 @@ const kn = y.xml, Js = {
 T.procedure_def_container_v1 = Js;
 const qs = {
   init: function() {
-    const t = new ut(we.DEFAULT_ARG);
+    const t = new ut(Fe.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) {
@@ -7576,9 +7630,9 @@ const Qs = {
   init: function() {
     this.withReturn = !1, this.args = [];
     const t = new ut(
-      we.findLegalName("", this)
+      Fe.findLegalName("", this)
     );
-    t.setValidator(we.rename), t.setSpellcheck(!1), this.appendDummyInput("DUMMY").appendField(t, "NAME"), this.appendStatementInput("HANDLE"), this.setMutator(
+    t.setValidator(Fe.rename), t.setSpellcheck(!1), this.appendDummyInput("DUMMY").appendField(t, "NAME"), this.appendStatementInput("HANDLE"), this.setMutator(
       new _t.MutatorIcon(
         ["procedure_def_item_v1"],
         this
@@ -7873,7 +7927,7 @@ const ia = {
     };
   },
   loadExtraState: function(t) {
-    this.space = be(t.space), this.dir = be(t.dir), this.resource = be(t.resource);
+    this.space = Se(t.space), this.dir = Se(t.dir), this.resource = Se(t.resource);
   },
   genSpaceOpts_: function() {
     return oa();
@@ -7954,7 +8008,7 @@ s.forBlock.text_v1 = function(t) {
   return [s.quote_(t.getFieldValue("TEXT")), c.ATOMIC];
 };
 const aa = /^\s*'([^']|\\')*'\s*$/;
-function Jt(t) {
+function Xt(t) {
   return aa.test(t) ? [t, c.ATOMIC] : [`String(${t})`, c.FUNCTION_CALL];
 }
 B.register(
@@ -7990,7 +8044,7 @@ s.forBlock.text_append_v1 = function(t) {
     t.getFieldValue("VAR"),
     Z.NameType.VARIABLE
   ), n = s.valueToCode(t, "TEXT", c.NONE) || "''";
-  return `${e} += ${Jt(n)};
+  return `${e} += ${Xt(n)};
 `;
 };
 m([
@@ -8282,11 +8336,11 @@ s.forBlock.text_join_v1 = function(t) {
       return ["''", c.ATOMIC];
     case 1: {
       const n = s.valueToCode(e, "ADD0", c.NONE) || "''";
-      return Jt(n);
+      return Xt(n);
     }
     case 2: {
       const n = s.valueToCode(e, "ADD0", c.NONE) || "''", o = s.valueToCode(e, "ADD1", c.NONE) || "''";
-      return [Jt(n)[0] + " + " + Jt(o)[0], c.ADDITION];
+      return [Xt(n)[0] + " + " + Xt(o)[0], c.ADDITION];
     }
     default: {
       const n = new Array(e.itemCount_);
@@ -8487,13 +8541,13 @@ const ra = {
   updateShadow_: function() {
     if (this.isInsertionMarker())
       return;
-    const t = ee(1e3);
+    const t = Zt(1e3);
     this.getInput("INTERVAL")?.setShadowDom(t);
-    const e = ne(!1);
+    const e = te(!1);
     this.getInput("LOOP")?.setShadowDom(e);
-    const n = ee(1);
+    const n = Zt(1);
     this.getInput("COUNT")?.setShadowDom(n);
-    const o = ne(!1);
+    const o = te(!1);
     this.getInput("IMMEDIATE")?.setShadowDom(o);
   }
 };
@@ -8632,7 +8686,7 @@ Rn.setConfirm(async (t, e) => {
   e(!!n);
 });
 Rn.setPrompt(async (t, e, n) => {
-  const o = await $o({
+  const o = await Ho({
     title: "",
     value: e
   });
@@ -8664,13 +8718,13 @@ Ht.getText_ = function() {
       return `${o} / ${i}`;
     }
   } else if (this.name === "PROP") {
-    const { id: n, names: o } = e.prop;
+    const { kind: n, names: o } = e.prop;
     return xn(n, o);
   } else if (this.name === "EVENT") {
-    const { id: n, names: o } = e.event;
-    return fe(n, o);
+    const { kind: n, names: o } = e.event;
+    return console.log(e.event), de(n, o);
   } else if (this.name === "METHOD") {
-    const { id: n, names: o } = e.method;
+    const { kind: n, names: o } = e.method;
     return Ze(n, o);
   } else {
     if (this.name === "SPACE")
@@ -8734,7 +8788,7 @@ Ta.init({ contextMenu: !0, shortcut: !0 });
 const Ea = new ma();
 Ea.init();
 function an(t) {
-  const e = Ft();
+  const e = xt();
   if (!e)
     return;
   const n = e.getBlockById(t);
@@ -8747,13 +8801,13 @@ function an(t) {
   e.scroll(-a, -u);
 }
 function ao() {
-  const t = Ft();
+  const t = xt();
   if (!t)
     return;
   const e = t.getTopBlocks(!0)?.[0];
   e && an(e.id);
 }
-he.Classic.blockStyles = {
+pe.Classic.blockStyles = {
   color_blocks: {
     colourPrimary: "#a5745b",
     colourSecondary: "#ede3de",
@@ -8839,7 +8893,7 @@ he.Classic.blockStyles = {
     hat: ""
   }
 };
-he.Classic.categoryStyles = {
+pe.Classic.categoryStyles = {
   color_category: {
     colour: "#a5745b"
   },
@@ -8906,7 +8960,7 @@ he.Classic.categoryStyles = {
 };
 const ga = Dn.defineTheme("light", {
   name: "light",
-  base: he.Classic,
+  base: pe.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#ffffff",
     toolboxBackgroundColour: "#eeeeee",
@@ -8922,7 +8976,7 @@ const ga = Dn.defineTheme("light", {
   }
 }), Aa = Dn.defineTheme("dark", {
   name: "dark",
-  base: he.Classic,
+  base: pe.Classic,
   componentStyles: {
     workspaceBackgroundColour: "#1e1e1e",
     toolboxBackgroundColour: "#272727",
@@ -8938,7 +8992,7 @@ const ga = Dn.defineTheme("light", {
   }
 });
 function Ia(t) {
-  const e = Ft();
+  const e = xt();
   switch (t) {
     case "light":
       e.setTheme(ga);
@@ -8948,7 +9002,7 @@ function Ia(t) {
       break;
   }
 }
-const Qe = ["get_app_prop_v1", "get_app_state_v1"];
+const Je = ["get_app_prop_v1", "get_app_state_v1"];
 function it(t, e) {
   return t.find((o) => o === e) !== void 0 ? !1 : (t.push(e), !0);
 }
@@ -8956,7 +9010,7 @@ function Oa(t) {
   const e = [];
   function n(o) {
     for (const i of o.getChildren(!0))
-      Qe.includes(i.type) && e.push(i), n(i);
+      Je.includes(i.type) && e.push(i), n(i);
   }
   return n(t), e;
 }
@@ -8982,11 +9036,11 @@ function va(t) {
 function Ca(t) {
   const e = [];
   for (const n of t.getChildren(!0))
-    if (Qe.includes(n.type))
+    if (Je.includes(n.type))
       e.push(n);
     else if (n.type === "object_get_v1") {
       const o = n.getInputTargetBlock("OBJECT");
-      o && Qe.includes(o.type) && e.push(n);
+      o && Je.includes(o.type) && e.push(n);
     }
   return e;
 }
@@ -9092,7 +9146,7 @@ const La = /* @__PURE__ */ nt({
     lock: { type: Boolean }
   },
   setup(t, { expose: e }) {
-    const { t: n } = wt(), o = t, i = cn(), a = () => {
+    const { t: n } = Yt(), o = t, i = cn(), a = () => {
       if (!i.workspace) {
         console.assert(!1);
         return;
@@ -9130,7 +9184,7 @@ const La = /* @__PURE__ */ nt({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: e } = wt(), n = Mt(t, "modelValue");
+    const { t: e } = Yt(), n = Dt(t, "modelValue");
     return (o, i) => {
       const a = D("v-btn"), u = D("v-tooltip");
       return S(), tt(u, {
@@ -9162,7 +9216,7 @@ const La = /* @__PURE__ */ nt({
   },
   emits: ["x-click"],
   setup(t, { emit: e }) {
-    const { primaryColor: n, backgroundColor2: o, highlightColor: i } = Yt(), a = t, u = e, l = Ot(!1), r = Y(() => ({
+    const { primaryColor: n, backgroundColor2: o, highlightColor: i } = Ft(), a = t, u = e, l = Ot(!1), r = Y(() => ({
       position: "relative",
       background: l.value ? i.value : o.value,
       width: "100%",
@@ -9189,8 +9243,8 @@ const La = /* @__PURE__ */ nt({
         onMouseover: h[3] || (h[3] = (P) => l.value = !0)
       }, [
         w("div", Ba, [
-          w("span", ba, Ut(a.title), 1),
-          a.desc ? (S(), X("span", Pa, Ut(a.desc), 1)) : ot("", !0)
+          w("span", ba, Mt(a.title), 1),
+          a.desc ? (S(), X("span", Pa, Mt(a.desc), 1)) : ot("", !0)
         ]),
         L(f),
         L(v, {
@@ -9212,7 +9266,7 @@ const La = /* @__PURE__ */ nt({
   class: "text-caption text-grey"
 }, Ma = /* @__PURE__ */ nt({
   __name: "index",
-  props: /* @__PURE__ */ $e({
+  props: /* @__PURE__ */ we({
     lock: { type: Boolean }
   }, {
     modelValue: { type: Boolean, required: !0 },
@@ -9220,7 +9274,7 @@ const La = /* @__PURE__ */ nt({
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: e }) {
-    const { t: n } = wt(), o = Mt(t, "modelValue"), i = cn(), a = Ot([]);
+    const { t: n } = Yt(), o = Dt(t, "modelValue"), i = cn(), a = Ot([]);
     e({ update: () => {
       if (!i.workspace) {
         console.assert(!1);
@@ -9232,7 +9286,7 @@ const La = /* @__PURE__ */ nt({
         let U = "";
         if (g.type.startsWith("on_app_event_v")) {
           const Q = g, gt = J[Q.node.key];
-          gt && (U = n(gt.name), Q.node.alias && (U += " / " + Q.node.alias), U += " - " + fe(Q.event.names, Q.event.from));
+          gt && (U = n(gt.name), Q.node.alias && (U += " / " + Q.node.alias), U += " - " + de(Q.event.kind, Q.event.names));
         } else g.type.startsWith("watch_effect_v") ? U = n("x-block-lib.watchEffect") : g.type.startsWith("app_bind_v") ? U = n("x-block-lib.bind") : g.type.startsWith("func_entry_v") ? U = n("x-block-lib.funcEntry") : g.type.startsWith("procedure_def_v") ? U = n("x-block-lib.procedure") + " - " + g.getFieldValue("NAME") : U = n("x-block-lib.temporaryBlock");
         const ht = g.getCommentText() ?? "";
         f.push({
@@ -9309,14 +9363,14 @@ const La = /* @__PURE__ */ nt({
         }, null, 8, ["id", "desc", "select", "title"]))), 128))
       ]),
       _: 1
-    }, 8, ["modelValue"])) : (S(), X("span", Da, Ut(R(n)("x-block-lib.noOption")), 1));
+    }, 8, ["modelValue"])) : (S(), X("span", Da, Mt(R(n)("x-block-lib.noOption")), 1));
   }
 }), Ua = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [o, i] of e)
     n[o] = i;
   return n;
-}, Va = /* @__PURE__ */ Ua(Ma, [["__scopeId", "data-v-a998c1ee"]]), xa = /* @__PURE__ */ nt({
+}, Va = /* @__PURE__ */ Ua(Ma, [["__scopeId", "data-v-6cb62cd6"]]), xa = /* @__PURE__ */ nt({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -9324,7 +9378,7 @@ const La = /* @__PURE__ */ nt({
   },
   emits: ["update:modelValue"],
   setup(t, { expose: e }) {
-    const n = Mt(t, "modelValue"), o = cn();
+    const n = Dt(t, "modelValue"), o = cn();
     e({ update: () => {
       if (!o.workspace) {
         console.assert(!1);
@@ -9332,7 +9386,7 @@ const La = /* @__PURE__ */ nt({
       }
     } });
     const a = (u) => {
-      const l = Ft();
+      const l = xt();
       if (!l) {
         console.assert(!1);
         return;
@@ -9351,7 +9405,7 @@ const La = /* @__PURE__ */ nt({
     lock: { type: Boolean }
   },
   setup(t, { expose: e }) {
-    const { t: n } = wt(), o = ei(), { sysBarAvail: i } = Vn(), { backgroundColor1: a } = Yt(), u = Y(() => {
+    const { t: n } = Yt(), o = ei(), { sysBarAvail: i } = Vn(), { backgroundColor1: a } = Ft(), u = Y(() => {
       let v = "100%";
       return o.mdAndUp.value && (v = "400px"), {
         background: a.value,
@@ -9366,7 +9420,7 @@ const La = /* @__PURE__ */ nt({
       };
     }), r = Y(() => ({
       height: "60px"
-    })), { open: _ } = ze(`blocklyNavigatorDlg${He()}`);
+    })), { open: _ } = qe(`blocklyNavigatorDlg${Ke()}`);
     zo(() => {
       _.value = !1;
     });
@@ -9378,19 +9432,19 @@ const La = /* @__PURE__ */ nt({
       return S(), X(Yn, null, [
         L(Q, {
           modelValue: R(_),
-          "onUpdate:modelValue": g[5] || (g[5] = (H) => Xt(_) ? _.value = H : null),
+          "onUpdate:modelValue": g[5] || (g[5] = ($) => jt(_) ? _.value = $ : null),
           eager: "",
           fullscreen: "",
           "no-click-animation": "",
           persistent: "",
           transition: "scroll-x-reverse-transition",
-          onKeydown: g[6] || (g[6] = wn(Pt((H) => _.value = !1, ["stop", "prevent"]), ["esc"]))
+          onKeydown: g[6] || (g[6] = wn(Pt(($) => _.value = !1, ["stop", "prevent"]), ["esc"]))
         }, {
           default: et(() => [
             w("div", {
               class: "w-100 h-100 d-flex flex-row-reverse",
-              onClick: g[3] || (g[3] = Pt((H) => _.value = !1, ["self"])),
-              onContextmenu: g[4] || (g[4] = Pt((H) => _.value = !1, ["self", "prevent"]))
+              onClick: g[3] || (g[3] = Pt(($) => _.value = !1, ["self"])),
+              onContextmenu: g[4] || (g[4] = Pt(($) => _.value = !1, ["self", "prevent"]))
             }, [
               w("div", {
                 class: "elevation-2",
@@ -9411,9 +9465,9 @@ const La = /* @__PURE__ */ nt({
                       density: "comfortable",
                       icon: "mdi-close",
                       variant: "text",
-                      onClick: g[0] || (g[0] = (H) => _.value = !1)
+                      onClick: g[0] || (g[0] = ($) => _.value = !1)
                     }),
-                    w("span", Fa, Ut(R(n)("x-block-lib.navigator")), 1),
+                    w("span", Fa, Mt(R(n)("x-block-lib.navigator")), 1),
                     L(ht)
                   ]),
                   _: 1
@@ -9427,14 +9481,14 @@ const La = /* @__PURE__ */ nt({
                     ref_key: "blockList",
                     ref: d,
                     modelValue: R(_),
-                    "onUpdate:modelValue": g[1] || (g[1] = (H) => Xt(_) ? _.value = H : null),
+                    "onUpdate:modelValue": g[1] || (g[1] = ($) => jt(_) ? _.value = $ : null),
                     lock: t.lock
                   }, null, 8, ["modelValue", "lock"])) : t.type === "tree" ? (S(), tt(xa, {
                     key: 1,
                     ref_key: "blockTree",
                     ref: h,
                     modelValue: R(_),
-                    "onUpdate:modelValue": g[2] || (g[2] = (H) => Xt(_) ? _.value = H : null)
+                    "onUpdate:modelValue": g[2] || (g[2] = ($) => jt(_) ? _.value = $ : null)
                   }, null, 8, ["modelValue"])) : ot("", !0),
                   w("div", {
                     style: G(r.value)
@@ -9448,8 +9502,8 @@ const La = /* @__PURE__ */ nt({
         L(gt, {
           text: R(n)("x-block-lib.tip.hotkeyCtrlE")
         }, {
-          activator: et(({ props: H }) => [
-            L(U, en(H, {
+          activator: et(({ props: $ }) => [
+            L(U, en($, {
               density: "comfortable",
               icon: "mdi-navigation-variant",
               variant: "outlined",
@@ -9515,29 +9569,29 @@ function wa(t, e) {
 function Ka() {
   return E.app.activeObject.type === "comp" && E.app.activeComp.meta.events.length > 0;
 }
-function $a() {
+function Ha() {
   return E.app.activeObject.type === "comp" && E.app.activeComp.meta.states.length > 0;
 }
 function Sn() {
   return E.app.activeObject.type === "comp" && E.app.activeComp.meta.methods.length > 0;
 }
-function Ha() {
+function $a() {
   const t = [];
   return t.push(V(p("LABEL_EVENT"))), W("onEvent") && t.push(O("on_app_event_v1")), Ka() && t.push(O("trigger_app_event_v1")), t.push(
     O("app_bind_v1", [uo([{ key: "items", value: "2" }])])
-  ), t.push(O("watch_effect_v1")), (W("getProp") || W("setProp")) && t.push(V(p("LABEL_PROPERTY"))), W("getProp") && t.push(O("get_app_prop_v1")), W("setProp") && t.push(O("set_app_prop_v1")), $a() && (t.push(V(p("LABEL_STATE"))), t.push(O("get_app_state_v1")), t.push(O("set_app_state_v1"))), (W("callMethod") || Sn()) && t.push(V(p("LABEL_METHOD"))), W("callMethod") && t.push(O("call_app_method_v1")), Sn() && (t.push(O("impl_app_method_v1")), t.push(O("set_app_method_output_v1")), t.push(O("procedure_return_v1"))), t;
+  ), t.push(O("watch_effect_v1")), (W("getProp") || W("setProp")) && t.push(V(p("LABEL_PROPERTY"))), W("getProp") && t.push(O("get_app_prop_v1")), W("setProp") && t.push(O("set_app_prop_v1")), Ha() && (t.push(V(p("LABEL_STATE"))), t.push(O("get_app_state_v1")), t.push(O("set_app_state_v1"))), (W("callMethod") || Sn()) && t.push(V(p("LABEL_METHOD"))), W("callMethod") && t.push(O("call_app_method_v1")), Sn() && (t.push(O("impl_app_method_v1")), t.push(O("set_app_method_output_v1")), t.push(O("procedure_return_v1"))), t;
 }
-const lo = { name: "APP_COMP_CATEGORY", callback: Ha };
+const lo = { name: "APP_COMP_CATEGORY", callback: $a };
 function Ga() {
   const t = [];
   return t.push(V(p("LABEL_FUNC"))), t.push(V(p("LABEL_FLOW"))), t;
 }
-const ae = { name: "APP_COMPUTE_CATEGORY", callback: Ga };
+const ie = { name: "APP_COMPUTE_CATEGORY", callback: Ga };
 function Wa() {
   const t = [];
   return t.push(O("app_debug_trace_v1", [yt("OBJECT")])), t.push(O("popup_message_v1", [yt("TEXT")])), t.push(O("open_confirm_dlg_v1")), t.push(O("open_prompt_dlg_v1")), t;
 }
-const ce = { name: "APP_MESSAGE_CATEGORY", callback: Wa };
+const se = { name: "APP_MESSAGE_CATEGORY", callback: Wa };
 function ja() {
   for (const t of E.app.appList)
     if (t.pages.length > 0)
@@ -9548,7 +9602,7 @@ function Xa() {
   const t = [];
   return t.push(O("app_env_is_v1")), ja() && t.push(O("navigate_to_v1")), t;
 }
-const ue = { name: "APP_MISC_CATEGORY", callback: Xa };
+const ae = { name: "APP_MISC_CATEGORY", callback: Xa };
 function Ja() {
   return E.app.activeObject.type === "page" && E.app.activePage.meta.states.length > 0;
 }
@@ -9566,7 +9620,7 @@ function za() {
   const t = [];
   return t.push(V(p("LABEL_RESOURCE"))), t.push(O("upload_resource_v1")), t;
 }
-const le = { name: "APP_RESOURCE_CATEGORY", callback: za }, Bt = y.xml;
+const ce = { name: "APP_RESOURCE_CATEGORY", callback: za }, Bt = y.xml;
 function Za() {
   const t = [];
   {
@@ -9593,11 +9647,11 @@ function Za() {
 const st = {
   name: "PROCEDURE_CATEGORY",
   callback: Za
-}, Wt = y.xml;
+}, Gt = y.xml;
 function tc() {
-  const t = Ft(), e = [];
+  const t = xt(), e = [];
   {
-    const o = Wt.createElement("label");
+    const o = Gt.createElement("label");
     o.setAttribute("text", "%{BKY_LABEL_VARIABLE}"), e.push(o);
   }
   {
@@ -9616,16 +9670,16 @@ function tc() {
     return e;
   n.sort(It.compareByName);
   {
-    const o = Wt.createElement("label");
+    const o = Gt.createElement("label");
     o.setAttribute("text", p("LABEL_CREATED")), e.push(o);
   }
   return n.forEach((o) => {
     {
-      const i = Wt.createElement("block");
+      const i = Gt.createElement("block");
       i.setAttribute("type", "variable_get_v1"), i.appendChild(It.generateVariableFieldDom(o)), e.push(i);
     }
     {
-      const i = Wt.createElement("block");
+      const i = Gt.createElement("block");
       i.setAttribute("type", "variable_set_v1"), i.appendChild(It.generateVariableFieldDom(o)), e.push(i);
     }
   }), e;
@@ -9656,30 +9710,30 @@ function ec() {
   }
   return t;
 }
-const re = { name: "COMPUTE_DATA_CATEGORY", callback: ec };
+const ue = { name: "COMPUTE_DATA_CATEGORY", callback: ec };
 function nc() {
-  return $t("flow").length > 0;
+  return Kt("flow").length > 0;
 }
 function oc() {
   const t = [];
   return E.compute.activeObject.type === "flow" && t.push(O("on_flow_state_event_v1")), nc() && console.assert(!0), t;
 }
-const _e = { name: "COMPUTE_FLOW_CATEGORY", callback: oc };
+const le = { name: "COMPUTE_FLOW_CATEGORY", callback: oc };
 function ic() {
-  return $t("func").length > 0;
+  return Kt("func").length > 0;
 }
 function sc() {
   const t = [];
   return E.compute.activeObject.type === "func" && (t.push(O("func_entry_v1")), E.compute.activeFunc.outputs.length > 0 && t.push(O("set_func_output_v1")), t.push(O("procedure_return_v1"))), ic() && t.push(O("call_func_internal_v1")), t;
 }
-const pe = { name: "COMPUTE_FUNC_CATEGORY", callback: sc };
+const re = { name: "COMPUTE_FUNC_CATEGORY", callback: sc };
 function ac() {
   const t = [];
   return t.push(
     O("compute_debug_trace_v1", [yt("OBJECT")])
   ), t;
 }
-const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
+const _e = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, Ie = {
   kind: "category",
   name: "%{BKY_CATEGORY_COLOR}",
   categorystyle: "color_category",
@@ -9753,7 +9807,7 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       }
     }
   ]
-}, Ce = {
+}, Oe = {
   kind: "category",
   name: "%{BKY_CATEGORY_LIST}",
   categorystyle: "list_category",
@@ -9868,7 +9922,7 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       type: "list_reverse_v1"
     }
   ]
-}, ye = {
+}, ve = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOGIC}",
   categorystyle: "logic_category",
@@ -9910,7 +9964,7 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       type: "logic_ternary_v1"
     }
   ]
-}, ke = {
+}, Ce = {
   kind: "category",
   name: "%{BKY_CATEGORY_LOOP}",
   categorystyle: "loop_category",
@@ -9972,7 +10026,7 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       type: "flow_control_v1"
     }
   ]
-}, Ne = {
+}, ye = {
   kind: "category",
   name: "%{BKY_CATEGORY_MATH}",
   categorystyle: "math_category",
@@ -10127,7 +10181,7 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       type: "math_on_list_v1"
     }
   ]
-}, Le = {
+}, ke = {
   kind: "category",
   name: "%{BKY_CATEGORY_OBJECT}",
   categorystyle: "object_category",
@@ -10195,7 +10249,7 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       }
     }
   ]
-}, Se = {
+}, Ne = {
   kind: "category",
   name: "%{BKY_CATEGORY_TEXT}",
   categorystyle: "text_category",
@@ -10395,21 +10449,21 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       kind: "category",
       name: "%{BKY_CATEGORY_MESSAGE}",
       categorystyle: "misc_category",
-      custom: ce.name
+      custom: se.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_MISC}",
       categorystyle: "misc_category",
-      custom: ue.name
+      custom: ae.name
     },
-    ke,
-    ye,
-    Ne,
-    Se,
     Ce,
-    Le,
     ve,
+    ye,
+    Ne,
+    Oe,
+    ke,
+    Ie,
     _o,
     {
       kind: "category",
@@ -10427,13 +10481,13 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       kind: "category",
       name: "%{BKY_CATEGORY_RESOURCE}",
       categorystyle: "resource_category",
-      custom: le.name
+      custom: ce.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_COMPUTE}",
       categorystyle: "compute_category",
-      custom: ae.name
+      custom: ie.name
     }
   ]
 }, uc = {
@@ -10443,33 +10497,33 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       kind: "category",
       name: "%{BKY_CATEGORY_FUNC}",
       categorystyle: "func_category",
-      custom: pe.name
+      custom: re.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_FLOW}",
       categorystyle: "flow_category",
-      custom: _e.name
+      custom: le.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_DATA}",
       categorystyle: "data_category",
-      custom: re.name
+      custom: ue.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_MISC}",
       categorystyle: "misc_category",
-      custom: de.name
+      custom: _e.name
     },
-    ke,
-    ye,
-    Ne,
-    Se,
     Ce,
-    Le,
     ve,
+    ye,
+    Ne,
+    Oe,
+    ke,
+    Ie,
     {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
@@ -10490,33 +10544,33 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       kind: "category",
       name: "%{BKY_CATEGORY_FUNC}",
       categorystyle: "func_category",
-      custom: pe.name
+      custom: re.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_FLOW}",
       categorystyle: "flow_category",
-      custom: _e.name
+      custom: le.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_DATA}",
       categorystyle: "data_category",
-      custom: re.name
+      custom: ue.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_MISC}",
       categorystyle: "misc_category",
-      custom: de.name
+      custom: _e.name
     },
-    ke,
-    ye,
-    Ne,
-    Se,
     Ce,
-    Le,
     ve,
+    ye,
+    Ne,
+    Oe,
+    ke,
+    Ie,
     {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
@@ -10574,21 +10628,21 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       kind: "category",
       name: "%{BKY_CATEGORY_MESSAGE}",
       categorystyle: "misc_category",
-      custom: ce.name
+      custom: se.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_MISC}",
       categorystyle: "misc_category",
-      custom: ue.name
+      custom: ae.name
     },
-    ke,
-    ye,
-    Ne,
-    Se,
     Ce,
-    Le,
     ve,
+    ye,
+    Ne,
+    Oe,
+    ke,
+    Ie,
     _o,
     {
       kind: "category",
@@ -10606,16 +10660,16 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
       kind: "category",
       name: "%{BKY_CATEGORY_RESOURCE}",
       categorystyle: "resource_category",
-      custom: le.name
+      custom: ce.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_COMPUTE}",
       categorystyle: "compute_category",
-      custom: ae.name
+      custom: ie.name
     }
   ]
-}, Fe = {
+}, Ve = {
   grid: {
     length: 2,
     snap: !0,
@@ -10642,8 +10696,8 @@ const de = { name: "COMPUTE_MISC_CATEGORY", callback: ac }, ve = {
   }
 };
 function pc(t, e, n, o) {
-  Fe.theme = o ? "dark" : "light", Fe.toolbox = dc(e, n);
-  const i = Do(t, Fe);
+  Ve.theme = o ? "dark" : "light", Ve.toolbox = dc(e, n);
+  const i = Do(t, Ve);
   return i.addChangeListener(Mo.shadowBlockConversionChangeListener), hc(i, e, n), fc(i), i;
 }
 function dc(t, e) {
@@ -10654,7 +10708,7 @@ function hc(t, e, n) {
   function o({ name: i, callback: a }) {
     t.registerToolboxCategoryCallback(i, () => a(e));
   }
-  e === "page" ? n === "v1" && (o(ro), o(ce), o(ue), o(at), o(st), o(le), o(ae)) : e === "comp" ? n === "v1" && (o(lo), o(ce), o(ue), o(at), o(st), o(le), o(ae)) : e === "func" ? n === "v1" && (o(pe), o(_e), o(re), o(de), o(at), o(st)) : e === "flow" && n === "v1" && (o(pe), o(_e), o(re), o(de), o(at), o(st));
+  e === "page" ? n === "v1" && (o(ro), o(se), o(ae), o(at), o(st), o(ce), o(ie)) : e === "comp" ? n === "v1" && (o(lo), o(se), o(ae), o(at), o(st), o(ce), o(ie)) : e === "func" ? n === "v1" && (o(re), o(le), o(ue), o(_e), o(at), o(st)) : e === "flow" && n === "v1" && (o(re), o(le), o(ue), o(_e), o(at), o(st));
 }
 function fc(t) {
   const { router: e } = Et;
@@ -10750,7 +10804,7 @@ function Tc(t) {
 }
 const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
   __name: "index",
-  props: /* @__PURE__ */ $e({
+  props: /* @__PURE__ */ we({
     type: {},
     version: {},
     locale: {},
@@ -10761,9 +10815,9 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
     scale: { required: !0 },
     scaleModifiers: {}
   }),
-  emits: /* @__PURE__ */ $e(["ready"], ["update:lock", "update:scale"]),
+  emits: /* @__PURE__ */ we(["ready"], ["update:lock", "update:scale"]),
   setup(t, { expose: e, emit: n }) {
-    const { backgroundColor2: o } = Yt(), i = Mt(t, "lock"), a = Mt(t, "scale"), u = n, l = `blocklyEditor${He()}`, r = Ot(), _ = Rt("parentContainer"), d = Rt("clean"), h = Rt("navigator"), f = {};
+    const { backgroundColor2: o } = Ft(), i = Dt(t, "lock"), a = Dt(t, "scale"), u = n, l = `blocklyEditor${Ke()}`, r = Ot(), _ = Rt("parentContainer"), d = Rt("clean"), h = Rt("navigator"), f = {};
     Na(f);
     const v = Ot(!0), g = Ot(!1), P = Y(() => t.type === "json" ? "tree" : "list"), U = Y(() => ({
       width: "100%",
@@ -10787,7 +10841,7 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
       top: "0px",
       right: "0px",
       zIndex: 20
-    })), H = Y(() => ({
+    })), $ = Y(() => ({
       position: "absolute",
       background: t.dark ? "#0000007f" : "#ffffff7f",
       top: "0px",
@@ -10808,7 +10862,7 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
       top: 0,
       left: 0,
       zIndex: 3e3
-    })), { open: Lt } = ze(`blocklyEditorFlyout${He()}`);
+    })), { open: Lt } = qe(`blocklyEditorFlyout${Ke()}`);
     mn(async () => {
       if (!r.value || !_.value) {
         console.assert(!1);
@@ -10816,9 +10870,9 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
       }
       Uo(_.value), await En(t.locale), f.workspace = pc(r.value, t.type, t.version, t.dark), f.workspace.addChangeListener(A.disableOrphans), f.workspace.addChangeListener(ho);
       const N = document.querySelector(`#${l} .blocklyFlyout`);
-      new MutationObserver((Be) => {
-        Be.forEach((Gt) => {
-          Gt.type === "attributes" && Gt.attributeName === "style" && (Lt.value = f.workspace.getFlyout().isVisible());
+      new MutationObserver((Le) => {
+        Le.forEach(($t) => {
+          $t.type === "attributes" && $t.attributeName === "style" && (Lt.value = f.workspace.getFlyout().isVisible());
         });
       }).observe(N, { attributes: !0 }), Lt.value = f.workspace.getFlyout().isVisible(), ln(), rn(), await Zo(), u("ready");
     }), Tn(() => {
@@ -10891,7 +10945,7 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
       generateReactivity: Eo,
       fireStateChange: go
     }), (N, ft) => {
-      const Be = D("v-icon"), Gt = D("x-loading");
+      const Le = D("v-icon"), $t = D("x-loading");
       return S(), X("div", Ec, [
         w("div", {
           id: l,
@@ -10909,7 +10963,7 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
           class: "d-flex flex-column justify-center align-center",
           style: G(Q.value)
         }, [
-          L(Be, {
+          L(Le, {
             icon: "mdi-delete",
             size: "x-large"
           })
@@ -10941,14 +10995,14 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
         }, null, 4)) : ot("", !0),
         i.value ? (S(), X("div", {
           key: 3,
-          style: G(H.value)
+          style: G($.value)
         }, null, 4)) : ot("", !0),
         w("div", {
           ref_key: "parentContainer",
           ref: _,
           style: G(po.value)
         }, null, 4),
-        L(Gt, {
+        L($t, {
           open: v.value,
           "z-index": 99
         }, null, 8, ["open"])
@@ -10963,7 +11017,7 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
   setup(t) {
     const e = t;
     Fo.registerLanguage("javascript", Yo);
-    const n = wo.component, { backgroundColor2: o } = Yt();
+    const n = wo.component, { backgroundColor2: o } = Ft();
     return (i, a) => {
       const u = D("v-sheet");
       return S(), tt(u, {
@@ -10984,7 +11038,7 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
 }), Ic = { class: "text-subtitle-1" }, Oc = { class: "w-100 h-100 overflow-auto" }, vc = /* @__PURE__ */ nt({
   __name: "index",
   setup(t) {
-    const { t: e } = wt(), { sysBarAvail: n } = Vn(), { backgroundColor0: o, backgroundColor2: i } = Yt(), a = Ot(""), u = Y(() => {
+    const { t: e } = Yt(), { sysBarAvail: n } = Vn(), { backgroundColor0: o, backgroundColor2: i } = Ft(), a = Ot(""), u = Y(() => {
       let _ = 48;
       return n.value && (_ += 24), {
         position: "relative",
@@ -10992,12 +11046,12 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
       };
     }), l = (_) => {
       a.value = _.code;
-    }, { open: r } = ze("sourceDlg", l);
+    }, { open: r } = qe("sourceDlg", l);
     return (_, d) => {
       const h = D("v-sheet"), f = D("v-btn"), v = D("v-spacer"), g = D("v-dialog");
       return S(), tt(g, {
         modelValue: R(r),
-        "onUpdate:modelValue": d[1] || (d[1] = (P) => Xt(r) ? r.value = P : null),
+        "onUpdate:modelValue": d[1] || (d[1] = (P) => jt(r) ? r.value = P : null),
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
@@ -11028,7 +11082,7 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
                     variant: "text",
                     onClick: d[0] || (d[0] = (P) => r.value = !1)
                   }),
-                  w("span", Ic, Ut(R(e)("x-block-lib.dlg.source.title")), 1),
+                  w("span", Ic, Mt(R(e)("x-block-lib.dlg.source.title")), 1),
                   L(v)
                 ]),
                 _: 1
@@ -11052,7 +11106,7 @@ const Ec = { class: "position-relative w-100 h-100" }, gc = /* @__PURE__ */ nt({
   t.component("XBlockly", gc), t.component("XSourceDlg", vc);
 };
 async function Pc(t) {
-  return (await $n(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.h3b844ct.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.mk5971y3.js") }), `./locales/${t}/index.ts`, 4)).default;
+  return (await Hn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.h3b844ct.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.mk5971y3.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 const Rc = { install: Cc };
 export {