x-block-lib 0.8.71 → 0.8.72

package/dist/core/utils/common/block.d.ts

@@ -1,4 +1,5 @@
 import * as Blockly from 'blockly/core';
 import { ZProperty } from 'x-runtime-lib';
+export declare function blockOfListCreateV1(): Element;
 export declare function spawnPropertyBlockV1(workspace: Blockly.Workspace, property: ZProperty): Blockly.Block | null;
 export declare function spawnColumnBlockV1(workspace: Blockly.Workspace, type: string): Blockly.Block | null;

package/dist/index.js

@@ -1,9 +1,9 @@
 (function(){"use strict";try{if(typeof document<"u"){var l=document.createElement("style");l.id="x-block-lib",l.appendChild(document.createTextNode("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-a77ed323]{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(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { E as v, r as Cn, M as Do, s as Mo, a as Uo, X as Kn, u as S, B as I, j as s, O as u, F as O, b as ze, i as k, c as Ot, d as Vo, e as K, f as g, g as xo, h as X, k as It, p as $t, l as rt, m as kn, n as V, C as $n, N as ut, o as wo, P as Ze, q as Ke, V as Mt, t as Hn, W as Fo, v as Yo, w as Ko, S as $o, x as Ho, y as Go, z as Qt, T as ke, A as Gn, D as Wo, G as jo, H as Wn, I as Xo, J as Jo, K as qo, L as Qo, Q as zo, R as Zo, U as ti, Y as ei } from "./vendor.k8hjxofe.js";
+import { E as v, r as Cn, M as Mo, s as Uo, a as Vo, X as Kn, u as S, B as I, j as s, O as u, F as O, b as ze, i as k, c as Ot, d as xo, e as K, f as g, g as wo, h as X, k as It, p as $t, l as rt, m as kn, n as V, C as $n, N as ut, o as Fo, P as Ze, q as Ke, V as Mt, t as Hn, W as Yo, v as Ko, w as $o, S as Ho, x as Go, y as Wo, z as Qt, T as ke, A as Gn, D as jo, G as Xo, H as Wn, I as Jo, J as qo, K as Qo, L as zo, Q as Zo, R as ti, U as ei, Y as ni } from "./vendor.k8hjxofe.js";
 import { globalState as A } from "x-state-lib";
-import { globalObjects as vt, openConfirmDlg as ni, openPromptDlg as oi, messageWarning as jn, useColor as zt, useSystem as Xn, useViewStack as _n, eventBus as Dt } from "x-essential-lib";
-import { pkgs as re, parsePixelStr as ii, parsePercentStr as si, getPropertyTag as Ct, unwrapEventId as Jn, elements as P, unwrapEventKeyOfElementSlot as ai, unwrapPropertyKeyOfElementSlot as qn, unwrapEventKeyOfCustomSlot as ci, unwrapPropertyKeyOfCustomSlot as Qn, makeEventId as x, makeEventKeyOfCustomSlot as $e, makePropertyKeyOfCustomSlot as se, unwrapSlotId as pn, makeEventKeyOfElementSlot as ri, makePropertyKeyOfElementSlot as zn, toEventName as Ne, unwrapMethodId as Zt, unwrapMethodKeyOfCustomSlot as Nn, unwrapMethodKeyOfElementSlot as li, makeMethodId as Lt, makeMethodKeyOfElementSlot as ui, makeMethodKeyOfCustomSlot as _i, toMethodName as Se, unwrapPropertyId as pi, makePropertyId as ht, toPropertyName as Zn, isLocaleOfEventKind as di, isLocaleOfMethodKind as to, makeTriggerId as Bt } from "x-runtime-lib";
-import { provide as hi, inject as fi, defineComponent as dt, computed as $, resolveComponent as Y, createBlock as _t, openBlock as U, unref as F, withCtx as pt, createVNode as M, mergeProps as dn, useModel as Wt, ref as Ut, resolveDirective as mi, withDirectives as Ti, createElementBlock as at, normalizeStyle as z, createElementVNode as j, createCommentVNode as ft, toDisplayString as jt, withModifiers as Ht, mergeModels as tn, Fragment as eo, renderList as Ei, useId as en, onUnmounted as gi, useTemplateRef as Gt, withKeys as no, isRef as ae, onMounted as Sn, nextTick as Ai, onBeforeUnmount as Ln, watch as Yt, renderSlot as Ii } from "vue";
+import { globalObjects as vt, openConfirmDlg as oi, openPromptDlg as ii, messageWarning as jn, useColor as zt, useSystem as Xn, useViewStack as _n, eventBus as Dt } from "x-essential-lib";
+import { pkgs as re, parsePixelStr as si, parsePercentStr as ai, getPropertyTag as Ct, unwrapEventId as Jn, elements as P, unwrapEventKeyOfElementSlot as ci, unwrapPropertyKeyOfElementSlot as qn, unwrapEventKeyOfCustomSlot as ri, unwrapPropertyKeyOfCustomSlot as Qn, makeEventId as x, makeEventKeyOfCustomSlot as $e, makePropertyKeyOfCustomSlot as se, unwrapSlotId as pn, makeEventKeyOfElementSlot as li, makePropertyKeyOfElementSlot as zn, toEventName as Ne, unwrapMethodId as Zt, unwrapMethodKeyOfCustomSlot as Nn, unwrapMethodKeyOfElementSlot as ui, makeMethodId as Lt, makeMethodKeyOfElementSlot as _i, makeMethodKeyOfCustomSlot as pi, toMethodName as Se, unwrapPropertyId as di, makePropertyId as ht, toPropertyName as Zn, isLocaleOfEventKind as hi, isLocaleOfMethodKind as to, makeTriggerId as Bt } from "x-runtime-lib";
+import { provide as fi, inject as mi, defineComponent as dt, computed as $, resolveComponent as Y, createBlock as _t, openBlock as U, unref as F, withCtx as pt, createVNode as M, mergeProps as dn, useModel as Wt, ref as Ut, resolveDirective as Ti, withDirectives as Ei, createElementBlock as at, normalizeStyle as z, createElementVNode as j, createCommentVNode as ft, toDisplayString as jt, withModifiers as Ht, mergeModels as tn, Fragment as eo, renderList as gi, useId as en, onUnmounted as Ai, useTemplateRef as Gt, withKeys as no, isRef as ae, onMounted as Sn, nextTick as Ii, onBeforeUnmount as Ln, watch as Yt, renderSlot as yi } from "vue";
 import { useDisplay as hn } from "vuetify";
 import { useI18n as te } from "vue-i18n";
 var R = /* @__PURE__ */ ((t) => (t.STATE_CHANGE = "state_change", t))(R || {});
@@ -23,17 +23,17 @@ const io = (t, e, n) => {
 };
 async function Bn(t) {
   const e = await io(/* @__PURE__ */ Object.assign({ "./msg/en.ts": () => import("./msg-en.dmlvm3cp.js"), "./msg/zhHans.ts": () => import("./msg-zhHans.dvv4wraq.js") }), `./msg/${t}.ts`, 3);
-  Mo(e.default);
+  Uo(e.default);
 }
 function m(t) {
-  return Do[t] ?? t;
+  return Mo[t] ?? t;
 }
 const Vt = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTggMTBoLTR2LTRjMC0xLjEwNC0uODk2LTItMi0ycy0yIC44OTYtMiAybC4wNzEgNGgtNC4wNzFjLTEuMTA0IDAtMiAuODk2LTIgMnMuODk2IDIgMiAybDQuMDcxLS4wNzEtLjA3MSA0LjA3MWMwIDEuMTA0Ljg5NiAyIDIgMnMyLS44OTYgMi0ydi00LjA3MWw0IC4wNzFjMS4xMDQgMCAyLS44OTYgMi0ycy0uODk2LTItMi0yeiIgZmlsbD0id2hpdGUiIC8+PC9zdmc+Cg==", le = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBkPSJNMTggMTFoLTEyYy0xLjEwNCAwLTIgLjg5Ni0yIDJzLjg5NiAyIDIgMmgxMmMxLjEwNCAwIDItLjg5NiAyLTJzLS44OTYtMi0yLTJ6IiBmaWxsPSJ3aGl0ZSIgLz48L3N2Zz4K";
 function Le(t) {
   const e = t.lastIndexOf("V");
   if (e <= 0 || e >= t.length - 1)
     return console.assert(!1, `invalid key=${t}`), "";
-  const n = Uo(t.substring(0, e - 1)), o = "v" + t.substring(e + 1);
+  const n = Vo(t.substring(0, e - 1)), o = "v" + t.substring(e + 1);
   return `${n}_${o}`;
 }
 function ue(t) {
@@ -46,7 +46,7 @@ function ue(t) {
 function B(t) {
   return t.length <= 0 && t.push([m("NO_OPTION"), ""]), t;
 }
-function yi(t) {
+function Oi(t) {
   let e = 0;
   for (; t; )
     e++, t = t.getParent();
@@ -81,18 +81,18 @@ function bn(t) {
   const e = `<block type="math_number_v1"><field name="NUM">${t}</field></block>`;
   return S.xml.textToDom(e);
 }
-function Oi(t) {
+function vi(t) {
   return S.xml.textToDom('<block type="logic_boolean_v1"><field name="BOOL">FALSE</field></block>');
 }
 function nn(t, e) {
   let n = null;
-  return e === "string" ? n = He("") : e === "integer" || e === "decimal" ? n = bn(0) : e === "boolean" ? n = Oi() : e === "enum" || e === "dateTime" ? n = He("") : console.assert(!1), n ? Kn.domToBlock(n, t) : null;
+  return e === "string" ? n = He("") : e === "integer" || e === "decimal" ? n = bn(0) : e === "boolean" ? n = vi() : e === "enum" || e === "dateTime" ? n = He("") : console.assert(!1), n ? Kn.domToBlock(n, t) : null;
 }
 function kt(t) {
   return t === "string" ? "String" : t === "number" ? "Number" : t === "boolean" ? "Boolean" : t === "array" ? "Array" : t === "object" ? "Object" : (console.assert(!1), null);
 }
-function vi(t) {
-  return t.ui === "dummy" ? null : t.ui === "strInput" ? "String" : t.ui === "numInput" ? "Number" : t.ui === "switch" ? "Boolean" : t.ui === "select" ? ue(t.items) : t.ui === "multiTypes" ? ue(t.types) : t.ui === "selectComp" ? "Comp" : t.ui === "selectSlot" ? "Slot" : t.ui === "selectAdaptSlot" ? "AdaptSlot" : t.ui === "colorPicker" ? "Color" : (console.assert(!1), null);
+function Ci(t) {
+  return t.array ? "Array" : t.ui === "dummy" ? null : t.ui === "strInput" ? "String" : t.ui === "numInput" ? "Number" : t.ui === "switch" ? "Boolean" : t.ui === "select" ? ue(t.items) : t.ui === "multiTypes" ? ue(t.types) : t.ui === "selectComp" ? "Comp" : t.ui === "selectSlot" ? "Slot" : t.ui === "selectAdaptSlot" ? "AdaptSlot" : t.ui === "colorPicker" ? "Color" : (console.assert(!1), null);
 }
 function ao(t) {
   return t === "string" ? "String" : t === "integer" || t === "decimal" ? "Number" : t === "boolean" ? "Boolean" : t === "enum" || t === "dateTime" ? "String" : (console.assert(!1), null);
@@ -141,7 +141,7 @@ function he(t) {
   const e = `<shadow type="logic_boolean_v1"><field name="BOOL">${t ? "TRUE" : "FALSE"}</field></shadow>`;
   return S.xml.textToDom(e);
 }
-function Ci() {
+function co() {
   return S.xml.textToDom('<shadow type="list_create_v1"></shadow>');
 }
 function ki() {
@@ -167,11 +167,11 @@ function bi(t) {
 }
 function st(t) {
   let e = null;
-  return t === "string" ? e = gt("") : t === "number" ? e = de(0) : t === "boolean" ? e = he(!1) : t === "array" ? e = Ci() : t === "object" ? e = ki() : console.assert(!1), e;
+  return t === "string" ? e = gt("") : t === "number" ? e = de(0) : t === "boolean" ? e = he(!1) : t === "array" ? e = co() : t === "object" ? e = ki() : console.assert(!1), e;
 }
 function Pi(t) {
   let e = null;
-  return t.ui === "dummy" ? console.assert(!0) : t.ui === "strInput" ? e = gt(t.default) : t.ui === "numInput" ? e = de(t.default) : t.ui === "switch" ? e = he(t.default) : t.ui === "select" ? e = Ni(t.items) : t.ui === "multiTypes" ? e = Si(t.types) : t.ui === "selectComp" ? e = Li() : t.ui === "selectSlot" ? e = Bi() : t.ui === "colorPicker" ? e = bi(t.default ?? "#ff0000") : console.assert(!1), e;
+  return t.array ? e = co() : t.ui === "dummy" ? e = null : t.ui === "strInput" ? e = gt(t.default) : t.ui === "numInput" ? e = de(t.default) : t.ui === "switch" ? e = he(t.default) : t.ui === "select" ? e = Ni(t.items) : t.ui === "multiTypes" ? e = Si(t.types) : t.ui === "selectComp" ? e = Li() : t.ui === "selectSlot" ? e = Bi() : t.ui === "colorPicker" ? e = bi(t.default ?? "#ff0000") : console.assert(!1), e;
 }
 function Ri() {
   const { activeObject: t, activePage: e } = A.app, n = [];
@@ -339,7 +339,7 @@ const Vi = (t, e) => {
       i.removeField("VALUE", !0), i.removeField("SUFFIX", !0);
       let r, _;
       if (c.ui === "pixelInput") {
-        const h = ii(this.value) ?? 0;
+        const h = si(this.value) ?? 0;
         r = new ze(
           h,
           c.min,
@@ -350,7 +350,7 @@ const Vi = (t, e) => {
           }
         ), _ = "px";
       } else if (c.ui === "percentInput") {
-        const h = si(this.value) ?? 0;
+        const h = ai(this.value) ?? 0;
         r = new ze(
           h,
           c.min,
@@ -402,7 +402,7 @@ const Yi = {
         ["app_bind_item_v1"],
         this
       )
-    ), this.debounce_ = Vo(() => {
+    ), this.debounce_ = xo(() => {
       this.checkWarning_();
     }, 250), this.setStyle("event_blocks"), this.setTooltip("%{BKY_APP_V1_APP_BIND_TOOLTIP}"), this.setHelpUrl("%{BKY_APP_V1_APP_BIND_HELPURL}"), this.updateShape_();
   },
@@ -517,7 +517,7 @@ I.app_bind_v1 = Yi;
 s.forBlock.app_bind_v1 = function() {
   return "";
 };
-function co() {
+function ro() {
   const t = [], { appList: e } = A.app;
   for (const { id: n, name: o } of e)
     t.push({ id: n, name: o });
@@ -533,11 +533,11 @@ function Rn(t) {
 }
 function Ki() {
   const t = [];
-  return co().forEach(({ id: n, name: o }) => {
+  return ro().forEach(({ id: n, name: o }) => {
     t.push([o, n]);
   }), B(t);
 }
-function ro() {
+function lo() {
   const { activeApp: t } = A.app, e = [{ id: "", name: "" }];
   for (const { id: n, name: o } of t.comps)
     e.push({ id: n, name: o });
@@ -556,7 +556,7 @@ function Dn(t) {
 }
 function $i() {
   const { i18n: t } = vt, e = [];
-  return ro().forEach(({ id: o, name: i }) => {
+  return lo().forEach(({ id: o, name: i }) => {
     let a = i;
     o === "" && (a = t.global.t("x-runtime-lib.notSet")), e.push([a, o]);
   }), B(e);
@@ -736,7 +736,7 @@ function on(t) {
                 id: x(
                   "adaptSlotElementEvent",
                   t,
-                  ri(
+                  li(
                     l.mainKey,
                     l.slotKey,
                     f.key
@@ -948,7 +948,7 @@ function Ge(t) {
         elementKey: p,
         slotKey: f,
         eventKey: T
-      } = ai(h), E = P[p];
+      } = ci(h), E = P[p];
       if (E && E.slots) {
         const y = E.slots.find((N) => N.key === f);
         if (y && y.events) {
@@ -984,7 +984,7 @@ function Ge(t) {
     }
   } else if (r === "adaptSlotCustomEvent") {
     if (L(d.key) && n.type === "comp") {
-      const { compId: p, slotId: f, eventId: T } = ci(h), E = a[p];
+      const { compId: p, slotId: f, eventId: T } = ri(h), E = a[p];
       if (E && E.meta.slots) {
         const y = E.meta.slots.find((N) => N.id === f);
         if (y && y.events) {
@@ -1179,7 +1179,7 @@ function an(t) {
                 id: Lt(
                   "adaptSlotElementMethod",
                   t,
-                  ui(_.key, h.key, l.key)
+                  _i(_.key, h.key, l.key)
                 ),
                 kind: "adaptSlotElementMethod",
                 names: [_.name, h.name, l.name],
@@ -1199,7 +1199,7 @@ function an(t) {
                 id: Lt(
                   "adaptSlotCustomMethod",
                   t,
-                  _i(
+                  pi(
                     r.mainKey,
                     h.id,
                     l.id
@@ -1306,7 +1306,7 @@ function je(t) {
         elementKey: h,
         slotKey: l,
         methodKey: d
-      } = li(c), p = P[h];
+      } = ui(c), p = P[h];
       if (p && p.slots) {
         const f = p.slots.find((T) => T.key === l);
         if (f && f.methods) {
@@ -1390,7 +1390,7 @@ function At(t) {
       };
   }
 }
-function lo(t) {
+function uo(t) {
   const e = [], n = Xt(t);
   let o;
   for (const { id: i, kind: a, names: c } of n)
@@ -1514,7 +1514,7 @@ function Zi(t, e, n) {
   }
   return !(L(t.key) && i.type === "comp" && a.meta.properties && a.meta.properties.length > 0);
 }
-function uo(t, e, n, o) {
+function _o(t, e, n, o) {
   return t ? t === "onEvent" ? Xi(e, n, o) : t === "triggerEvent" ? Ji(e) : t === "callMethod" ? qi(e, o) : t === "implementMethod" ? Qi(e) : t === "getProperty" ? zi(e, n, o) : t === "setProperty" ? Zi(e, n, o) : !1 : !1;
 }
 function Z(t) {
@@ -1527,7 +1527,7 @@ function Z(t) {
       console.assert(!1, "invalid element", o.key);
       continue;
     }
-    if (!uo(t, i, n, o.comp))
+    if (!_o(t, i, n, o.comp))
       return !0;
   }
   return !1;
@@ -1542,7 +1542,7 @@ function Nt(t) {
       console.assert(!1, "invalid element", i.key);
       continue;
     }
-    uo(t, a, o, i.comp) || n.push({
+    _o(t, a, o, i.comp) || n.push({
       id: i.id,
       key: i.key,
       name: a.name,
@@ -1747,7 +1747,7 @@ function bt(t) {
   const { properties: e } = A.runtime, { activeObject: n, activeComp: o, depends: i } = A.app, a = Ct(n.type, n.subtype);
   if (!a)
     return;
-  const { kind: c, nodeId: r, propertyKey: _ } = pi(t), h = n.nodes.find((d) => d.id === r);
+  const { kind: c, nodeId: r, propertyKey: _ } = di(t), h = n.nodes.find((d) => d.id === r);
   if (!h)
     return;
   const l = P[h.key];
@@ -1900,14 +1900,14 @@ function bt(t) {
     }
   }
 }
-function _o(t, e) {
+function po(t, e) {
   const n = [], o = Jt(t, e);
   let i;
   for (const { id: a, kind: c, names: r } of o)
     c !== i && (i && n.push("separator"), i = c), n.push([Zn(c, r), a]);
   return B(n);
 }
-function po() {
+function ho() {
   const { activeObject: t, activeComp: e } = A.app, n = [{ id: "", name: "" }];
   if (t.type !== "comp" || !e.meta.slots)
     return n;
@@ -1929,7 +1929,7 @@ function Mn(t) {
     };
 }
 function es() {
-  const { i18n: t } = vt, e = [], n = po();
+  const { i18n: t } = vt, e = [], n = ho();
   for (const { id: o, name: i } of n) {
     let a = i;
     o === "" && (a = t.global.t("x-runtime-lib.notSet")), e.push([a, o]);
@@ -1947,7 +1947,7 @@ function fe(t) {
   if (e.type === "comp")
     return o.meta.states?.find((i) => i.id === t);
 }
-function ho() {
+function fo() {
   const t = [], e = mn();
   for (const { id: n, name: o } of e)
     t.push([o, n]);
@@ -2060,7 +2060,7 @@ const ns = {
       return;
     const t = [];
     this.getInput("INSTANCE") && t.push(["INSTANCE", "__instance__", "x-runtime-lib.instance", !0]);
-    const e = di(this.event.kind);
+    const e = hi(this.event.kind);
     if (this.event.params)
       for (let n = 0; n < this.event.params.length; n++) {
         const { key: o, name: i } = this.event.params[n];
@@ -2291,7 +2291,7 @@ g([
   }
 ]);
 s.forBlock.watch_effect_v1 = function(t) {
-  const e = xo(t.id), n = s.statementToCode(t, "HANDLE");
+  const e = wo(t.id), n = s.statementToCode(t, "HANDLE");
   return `function __watchEffect$${e}__() {
 ${n}};
 `;
@@ -2714,7 +2714,7 @@ const cs = {
     return Pt("implementMethod");
   },
   genMethodOpts_: function() {
-    return lo(this.node.id);
+    return uo(this.node.id);
   },
   onchange: function(t) {
     if (t.type === R.STATE_CHANGE)
@@ -2869,7 +2869,7 @@ const rs = {
     return Pt("implementMethod");
   },
   genMethodOpts_: function() {
-    return lo(this.node.id);
+    return uo(this.node.id);
   },
   genOutputOpts_: function() {
     return ji(this.method.id);
@@ -3031,7 +3031,7 @@ const ls = {
   initData_: function() {
     if (this.app.id)
       return;
-    const t = co()?.[0];
+    const t = ro()?.[0];
     if (!t)
       return;
     this.app.id = t.id, this.app.name = t.name;
@@ -3120,7 +3120,7 @@ const us = {
   initData_: function() {
     if (this.comp.id)
       return;
-    const t = ro()?.[0];
+    const t = lo()?.[0];
     if (!t)
       return;
     this.comp.id = t.id, this.comp.name = t.name;
@@ -3178,7 +3178,7 @@ const _s = {
   initData_: function() {
     if (this.slot.id)
       return;
-    const t = po()?.[0];
+    const t = ho()?.[0];
     if (!t)
       return;
     this.slot.id = t.id, this.slot.name = t.name;
@@ -3272,7 +3272,7 @@ const ps = {
     return Pt("getProperty");
   },
   genPropertyOpts_: function() {
-    return _o(this.node.id, "read");
+    return po(this.node.id, "read");
   },
   onchange: function(t) {
     if (t.type === R.STATE_CHANGE)
@@ -3402,7 +3402,7 @@ const ds = {
     return Pt("setProperty");
   },
   genPropertyOpts_: function() {
-    return _o(this.node.id, "write");
+    return po(this.node.id, "write");
   },
   onchange: function(t) {
     if (t.type === R.STATE_CHANGE)
@@ -3463,7 +3463,7 @@ const ds = {
     if (n) {
       n.setShadowDom(null);
       const o = n.connection?.targetBlock();
-      o && o.dispose(), t.meta.element ? n.setCheck(vi(t.meta.raw)).setShadowDom(Pi(t.meta.raw)) : n.setCheck(kt(t.meta.raw.type)).setShadowDom(st(t.meta.raw.type));
+      o && o.dispose(), t.meta.element ? n.setCheck(Ci(t.meta.raw)).setShadowDom(Pi(t.meta.raw)) : n.setCheck(kt(t.meta.raw.type)).setShadowDom(st(t.meta.raw.type));
     }
   },
   checkWarning_: function() {
@@ -3534,7 +3534,7 @@ const hs = {
     }, 0);
   },
   genStateOpts_: function() {
-    return ho();
+    return fo();
   },
   onchange: function(t) {
     if (t.type === R.STATE_CHANGE)
@@ -3596,7 +3596,7 @@ const fs = {
     this.state.id = t.state?.id ?? "", this.state.name = t.state?.name ?? "", this.state.type = t.state?.type ?? "string";
   },
   genStateOpts_: function() {
-    return ho();
+    return fo();
   },
   onchange: function(t) {
     if (t.type === v.BLOCK_CHANGE) {
@@ -4382,6 +4382,7 @@ const ms = S.xml, Ts = [
   },
   {
     type: "on_app_event_v1",
+    inputs: ["INSTANCE"],
     prefixInputs: ["PARAM"]
   },
   {
@@ -4486,7 +4487,7 @@ function xt(t, e) {
   if (n)
     return n.funcs.find((o) => o.id === e);
 }
-function fo(t) {
+function mo(t) {
   const e = [];
   return qt(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
@@ -4514,7 +4515,7 @@ function ee(t) {
 function me(t) {
   return A.compute.spaces.find((e) => e.id === t);
 }
-function mo(t) {
+function To(t) {
   const e = [];
   return ee(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
@@ -4563,10 +4564,10 @@ const ys = {
     }, 0);
   },
   genSpaceOpts_: function() {
-    return mo("func");
+    return To("func");
   },
   genFuncOpts_: function() {
-    return fo(this.space.id);
+    return mo(this.space.id);
   },
   onchange: function(t) {
     if (t.type === R.STATE_CHANGE)
@@ -4737,10 +4738,10 @@ const Os = {
     }, 0);
   },
   genSpaceOpts_: function() {
-    return mo("func");
+    return To("func");
   },
   genFuncOpts_: function() {
-    return fo(this.space.id);
+    return mo(this.space.id);
   },
   onchange: function(t) {
     if (t.type === R.STATE_CHANGE)
@@ -6200,7 +6201,7 @@ const js = {
 };
 I.transaction_v1 = js;
 s.forBlock.transaction_v1 = function(t) {
-  const e = s.INDENT, n = t, o = yi(n), i = s.statementToCode(n, "HANDLE"), a = s.statementToCode(n, "FINALLY");
+  const e = s.INDENT, n = t, o = Oi(n), i = s.statementToCode(n, "HANDLE"), a = s.statementToCode(n, "FINALLY");
   return `{
 ${e}var __error${o}__ = '';
 ${e}var __txExist${o}__ = typeof(__tx__) !== 'undefined';
@@ -8849,7 +8850,7 @@ s.forBlock.object_to_json_v1 = function(t) {
 };
 const xn = S.xml, va = {
   init: function() {
-    this.appendDummyInput().appendField("%{BKY_PROCEDURE_V1_DEF_CONTAINER_TITLE}").appendField(new wo(!1), "WITHRETURN"), this.appendStatementInput("STACK"), this.setStyle("procedure_blocks"), this.contextMenu = !1;
+    this.appendDummyInput().appendField("%{BKY_PROCEDURE_V1_DEF_CONTAINER_TITLE}").appendField(new Fo(!1), "WITHRETURN"), this.appendStatementInput("STACK"), this.setStyle("procedure_blocks"), this.contextMenu = !1;
   }
 };
 I.procedure_def_container_v1 = va;
@@ -9079,7 +9080,7 @@ ${n}
 }
 `;
 };
-function To(t) {
+function Eo(t) {
   const e = A.resource.spaces.find((i) => i.id === t);
   if (!e)
     return [];
@@ -9097,11 +9098,11 @@ function To(t) {
 }
 function Ba(t) {
   const e = [];
-  return To(t).forEach(({ id: o, name: i }) => {
+  return Eo(t).forEach(({ id: o, name: i }) => {
     e.push([i, o]);
   }), B(e);
 }
-function Eo(t, e) {
+function go(t, e) {
   const n = A.resource.spaces.find((i) => i.id === t);
   if (!n)
     return [];
@@ -9112,11 +9113,11 @@ function Eo(t, e) {
 }
 function ba(t, e) {
   const n = [];
-  return Eo(t, e).forEach(({ id: i, name: a }) => {
+  return go(t, e).forEach(({ id: i, name: a }) => {
     n.push([a, i]);
   }), B(n);
 }
-function go() {
+function Ao() {
   const t = [];
   return A.resource.spaces.forEach((e) => {
     e.resources.length > 0 && t.push(e);
@@ -9124,7 +9125,7 @@ function go() {
 }
 function Pa() {
   const t = [];
-  return go().forEach(({ id: n, name: o }) => {
+  return Ao().forEach(({ id: n, name: o }) => {
     t.push([o, n]);
   }), B(t);
 }
@@ -9150,19 +9151,19 @@ const Ra = {
   initData_: function() {
     if (this.space.id)
       return;
-    const t = go()?.[0];
+    const t = Ao()?.[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 = To(this.space.id)?.[0];
+    const n = Eo(this.space.id)?.[0];
     if (!n)
       return;
     this.dir.id = n.id, this.dir.name = n.name;
     const o = this.getField("DIR");
     o.getOptions(!1), o.setValue(this.dir.id);
-    const i = Eo(this.space.id, this.dir.id)?.[0];
+    const i = go(this.space.id, this.dir.id)?.[0];
     if (!i)
       return;
     this.resource.id = i.id, this.resource.name = i.name;
@@ -9929,14 +9930,14 @@ s.forBlock.variable_set_v1 = function(t) {
 `;
 };
 Hn.setConfirm(async (t, e) => {
-  const n = await ni({
+  const n = await oi({
     title: "",
     text: t
   });
   e(!!n);
 });
 Hn.setPrompt(async (t, e, n) => {
-  const o = await oi({
+  const o = await ii({
     title: "",
     value: e
   });
@@ -9995,7 +9996,7 @@ ne.getText_ = function() {
   return "<n/a>";
 };
 const wn = 60;
-Fo.prototype.cleanUp = function() {
+Yo.prototype.cleanUp = function() {
   this.setResizesEnabled(!1);
   const t = v.getGroup();
   t || v.setGroup(!0);
@@ -10018,22 +10019,22 @@ Fo.prototype.cleanUp = function() {
   }
   v.setGroup(t), this.setResizesEnabled(!0);
 };
-function Ao(t) {
+function Io(t) {
   const e = t.getParent();
-  return e && Ao(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
+  return e && Io(e) ? !0 : !e && !!(t.outputConnection || t.previousConnection);
 }
 class Ga {
   init() {
-    const e = Yo.registry.getItem("blockDisable");
+    const e = Ko.registry.getItem("blockDisable");
     e && (e.preconditionFn = function(n) {
       const o = n.block;
-      return o && !o.isInFlyout && o.workspace.options.disable && o.isEditable() ? o.getInheritedDisabled() || Ao(o) ? "disabled" : "enabled" : "hidden";
+      return o && !o.isInFlyout && o.workspace.options.disable && o.isEditable() ? o.getInheritedDisabled() || Io(o) ? "disabled" : "enabled" : "hidden";
     });
   }
 }
-Ko.registerFieldColour();
-$o.registry.unregister(Ho.names.ESCAPE);
-const Wa = new Go.CrossTabCopyPaste();
+$o.registerFieldColour();
+Ho.registry.unregister(Go.names.ESCAPE);
+const Wa = new Wo.CrossTabCopyPaste();
 Wa.init({ contextMenu: !0, shortcut: !0 });
 const ja = new Ga();
 ja.init();
@@ -10050,7 +10051,7 @@ function Tn(t) {
   const i = o.getRelativeToSurfaceXY(), a = i.x * e.scale, c = i.y * e.scale;
   e.scroll(-a, -c);
 }
-function Io() {
+function yo() {
   const t = Qt();
   if (!t)
     return;
@@ -10380,12 +10381,12 @@ function ec(t) {
     }
   return e;
 }
-const yo = /* @__PURE__ */ Symbol();
+const Oo = /* @__PURE__ */ Symbol();
 function nc(t) {
-  hi(yo, t);
+  fi(Oo, t);
 }
 function En() {
-  return fi(yo);
+  return mi(Oo);
 }
 const oc = /* @__PURE__ */ dt({
   __name: "index",
@@ -10483,8 +10484,8 @@ const oc = /* @__PURE__ */ dt({
       pointerEvents: "none"
     }));
     return (l, d) => {
-      const p = Y("v-spacer"), f = Y("v-icon"), T = mi("ripple");
-      return Ti((U(), at("div", {
+      const p = Y("v-spacer"), f = Y("v-icon"), T = Ti("ripple");
+      return Ei((U(), at("div", {
         class: "d-flex align-center cursor-pointer",
         style: z(_.value),
         onClick: d[1] || (d[1] = (E) => c("x-click", a.id)),
@@ -10531,7 +10532,7 @@ const oc = /* @__PURE__ */ dt({
       }
       const p = [];
       i.workspace.getTopBlocks(!0).forEach((T) => {
-        const E = T.id === jo()?.id;
+        const E = T.id === Xo()?.id;
         let y = "";
         if (T.type.startsWith("on_app_event_v")) {
           const D = T, Rt = P[D.node.key];
@@ -10588,7 +10589,7 @@ const oc = /* @__PURE__ */ dt({
         E
       ).getRelativeToSurfaceXY().y + 10);
       const N = T.getRelativeToSurfaceXY();
-      T.moveTo(new S.Coordinate(N.x, y)), i.workspace.cleanUp(), Io();
+      T.moveTo(new S.Coordinate(N.x, y)), i.workspace.cleanUp(), yo();
     }, d = async (p) => {
       if (!i.workspace) {
         console.assert(!1);
@@ -10597,7 +10598,7 @@ const oc = /* @__PURE__ */ dt({
       const f = i.workspace.getBlockById(p);
       Wn.setSelected(f), Tn(p), o.value = !1;
     };
-    return (p, f) => a.value.length > 0 ? (U(), _t(F(Wo), {
+    return (p, f) => a.value.length > 0 ? (U(), _t(F(jo), {
       key: 0,
       modelValue: a.value,
       "onUpdate:modelValue": f[0] || (f[0] = (T) => a.value = T),
@@ -10609,7 +10610,7 @@ const oc = /* @__PURE__ */ dt({
       onStart: _
     }, {
       default: pt(() => [
-        (U(!0), at(eo, null, Ei(a.value, (T) => (U(), _t(rc, {
+        (U(!0), at(eo, null, gi(a.value, (T) => (U(), _t(rc, {
           id: T.id,
           key: T.id,
           desc: T.desc,
@@ -10677,7 +10678,7 @@ const oc = /* @__PURE__ */ dt({
     }), h = $(() => ({
       height: "60px"
     })), { open: l } = _n(`blocklyNavigatorDlg${en()}`);
-    gi(() => {
+    Ai(() => {
       l.value = !1;
     });
     const d = Gt("blockList"), p = Gt("blockTree");
@@ -10784,7 +10785,7 @@ function C(t, e) {
       n.appendChild(o);
   return n;
 }
-function Oo(t) {
+function vo(t) {
   const e = G.createElement("mutation");
   for (const { key: n, value: o } of t)
     e.setAttribute(n, o);
@@ -10849,10 +10850,10 @@ function gc() {
 function Ac() {
   const t = [];
   return t.push(H(m("LABEL_EVENT"))), Z("onEvent") && t.push(C("on_app_event_v1")), Tc() && t.push(C("trigger_app_event_v1")), t.push(
-    C("app_bind_v1", [Oo([{ key: "items", value: "2" }])])
+    C("app_bind_v1", [vo([{ key: "items", value: "2" }])])
   ), t.push(C("watch_effect_v1")), (Z("getProperty") || Z("setProperty")) && t.push(H(m("LABEL_PROPERTY"))), Z("getProperty") && t.push(C("get_app_property_v1")), Z("setProperty") && t.push(C("set_app_property_v1")), Ec() && (t.push(H(m("LABEL_STATE"))), t.push(C("get_app_state_v1")), t.push(C("set_app_state_v1"))), (Z("callMethod") || Yn()) && t.push(H(m("LABEL_METHOD"))), Z("callMethod") && t.push(C("call_app_method_v1")), Yn() && (t.push(C("implement_app_method_v1")), gc() && t.push(C("set_app_method_output_v1")), t.push(C("procedure_return_v1"))), t;
 }
-const vo = { name: "APP_COMP_CATEGORY", callback: Ac };
+const Co = { name: "APP_COMP_CATEGORY", callback: Ac };
 function Ic() {
   const t = [];
   return t.push(H(m("LABEL_FUNC"))), t.push(H(m("LABEL_FLOW"))), t;
@@ -10885,10 +10886,10 @@ function kc() {
 function Nc() {
   const t = [];
   return t.push(H(m("LABEL_EVENT"))), Z("onEvent") && t.push(C("on_app_event_v1")), t.push(
-    C("app_bind_v1", [Oo([{ key: "items", value: "2" }])])
+    C("app_bind_v1", [vo([{ key: "items", value: "2" }])])
   ), t.push(C("watch_effect_v1")), (Z("getProperty") || Z("setProperty")) && t.push(H(m("LABEL_PROPERTY"))), Z("getProperty") && t.push(C("get_app_property_v1")), Z("setProperty") && t.push(C("set_app_property_v1")), Cc() && (t.push(H(m("LABEL_STATE"))), t.push(C("get_app_state_v1")), t.push(C("set_app_state_v1"))), Z("callMethod") && (t.push(H(m("LABEL_METHOD"))), t.push(C("call_app_method_v1"))), kc() && (t.push(H(m("LABEL_ARGUMENT"))), t.push(C("get_page_argument_v1"))), t;
 }
-const Co = { name: "APP_PAGE_CATEGORY", callback: Nc };
+const ko = { name: "APP_PAGE_CATEGORY", callback: Nc };
 function Sc() {
   const t = [];
   return t.push(H(m("LABEL_RESOURCE"))), t.push(C("upload_resource_v1")), t;
@@ -11685,7 +11686,7 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
       type: "text_reverse_v1"
     }
   ]
-}, ko = {
+}, No = {
   kind: "category",
   name: "%{BKY_CATEGORY_TIME}",
   categorystyle: "time_category",
@@ -11716,7 +11717,7 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
       kind: "category",
       name: "%{BKY_CATEGORY_COMP}",
       categorystyle: "misc_category",
-      custom: vo.name
+      custom: Co.name
     },
     {
       kind: "category",
@@ -11737,7 +11738,7 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
     De,
     xe,
     Re,
-    ko,
+    No,
     {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
@@ -11895,7 +11896,7 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
       kind: "category",
       name: "%{BKY_CATEGORY_PAGE}",
       categorystyle: "misc_category",
-      custom: Co.name
+      custom: ko.name
     },
     {
       kind: "category",
@@ -11916,7 +11917,7 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
     De,
     xe,
     Re,
-    ko,
+    No,
     {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
@@ -11970,10 +11971,10 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
 };
 function Kc(t, e, n, o) {
   Qe.theme = o ? "dark" : "light", Qe.toolbox = $c(e, n);
-  const i = Xo(t, Qe);
+  const i = Jo(t, Qe);
   return i.addChangeListener((a) => {
     setTimeout(() => {
-      Jo.shadowBlockConversionChangeListener(a);
+      qo.shadowBlockConversionChangeListener(a);
     }, 0);
   }), Hc(i, e, n), Gc(i), i;
 }
@@ -11985,7 +11986,7 @@ function Hc(t, e, n) {
   function o({ name: i, callback: a }) {
     t.registerToolboxCategoryCallback(i, () => a(e));
   }
-  e === "page" ? n === "v1" && (o(Co), o(ge), o(Ae), o(Et), o(Tt), o(Ie), o(Ee)) : e === "comp" ? n === "v1" && (o(vo), o(ge), o(Ae), o(Et), o(Tt), o(Ie), o(Ee)) : e === "func" ? n === "v1" && (o(ve), o(Oe), o(ye), o(Ce), o(Et), o(Tt)) : e === "flow" && n === "v1" && (o(ve), o(Oe), o(ye), o(Ce), o(Et), o(Tt));
+  e === "page" ? n === "v1" && (o(ko), o(ge), o(Ae), o(Et), o(Tt), o(Ie), o(Ee)) : e === "comp" ? n === "v1" && (o(Co), o(ge), o(Ae), o(Et), o(Tt), o(Ie), o(Ee)) : e === "func" ? n === "v1" && (o(ve), o(Oe), o(ye), o(Ce), o(Et), o(Tt)) : e === "flow" && n === "v1" && (o(ve), o(Oe), o(ye), o(Ce), o(Et), o(Tt));
 }
 function Gc(t) {
   const { router: e } = vt;
@@ -12145,21 +12146,21 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ dt({
         console.assert(!1);
         return;
       }
-      qo(h.value), await Bn(t.locale), p.workspace = Kc(_.value, t.type, t.version, t.dark), p.workspace.addChangeListener(v.disableOrphans), p.workspace.addChangeListener(No);
+      Qo(h.value), await Bn(t.locale), p.workspace = Kc(_.value, t.type, t.version, t.dark), p.workspace.addChangeListener(v.disableOrphans), p.workspace.addChangeListener(So);
       const b = document.querySelector(`#${r} .blocklyFlyout`);
       new MutationObserver((Ye) => {
         Ye.forEach((oe) => {
           oe.type === "attributes" && oe.attributeName === "style" && (Ft.value = p.workspace.getFlyout().isVisible());
         });
-      }).observe(b, { attributes: !0 }), Ft.value = p.workspace.getFlyout().isVisible(), An(), In(), await Ai(), c("ready");
+      }).observe(b, { attributes: !0 }), Ft.value = p.workspace.getFlyout().isVisible(), An(), In(), await Ii(), c("ready");
     }), Ln(() => {
       Ft.value = !1;
-    }), Qo(_, () => {
-      p.workspace && zo(p.workspace);
+    }), zo(_, () => {
+      p.workspace && Zo(p.workspace);
     });
-    async function No(b) {
+    async function So(b) {
       if (b.type === v.FINISHED_LOADING) {
-        Io(), setTimeout(() => {
+        yo(), setTimeout(() => {
           d.value?.update();
         }, 0), f.value = !1;
         return;
@@ -12174,18 +12175,18 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ dt({
         }, 0);
       }
     }
-    const So = (b) => {
+    const Lo = (b) => {
       f.value = !0, t.type === "json" ? Wc(b, p.workspace) : X.workspaces.load(b, p.workspace);
-    }, Lo = () => t.type === "json" ? jc(p.workspace) : X.workspaces.save(p.workspace), Bo = () => {
+    }, Bo = () => t.type === "json" ? jc(p.workspace) : X.workspaces.save(p.workspace), bo = () => {
       if (t.type === "json")
         console.assert(!1);
       else
         return s.workspaceToCode(p.workspace);
-    }, bo = () => ec(p.workspace), An = () => {
+    }, Po = () => ec(p.workspace), An = () => {
       p.workspace.setIsReadOnly(i.value), p.workspace.isReadOnly() && (Ft.value = !1);
     }, In = () => {
       p.workspace.setScale(a.value);
-    }, Po = () => {
+    }, Ro = () => {
       p.workspace.fireChangeListener(new oo());
     }, yn = () => {
       l.value?.cleanWorkspace();
@@ -12216,11 +12217,11 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ dt({
       In();
     }), e({
       loading: f,
-      load: So,
-      save: Lo,
-      generateCode: Bo,
-      generateReactivity: bo,
-      fireStateChange: Po
+      load: Lo,
+      save: Bo,
+      generateCode: bo,
+      generateReactivity: Po,
+      fireStateChange: Ro
     }), (b, St) => {
       const Ye = Y("v-icon"), oe = Y("x-loading");
       return U(), at("div", Xc, [
@@ -12233,7 +12234,7 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ dt({
         j("div", {
           style: z(N.value)
         }, [
-          Ii(b.$slots, "bottom")
+          yi(b.$slots, "bottom")
         ], 4),
         T.value ? (U(), at("div", {
           key: 0,
@@ -12257,7 +12258,7 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ dt({
           }, null, 8, ["lock"]),
           M(ic, {
             modelValue: i.value,
-            "onUpdate:modelValue": St[0] || (St[0] = (Ro) => i.value = Ro)
+            "onUpdate:modelValue": St[0] || (St[0] = (Do) => i.value = Do)
           }, null, 8, ["modelValue"]),
           M(fc, {
             ref_key: "navigator",
@@ -12293,8 +12294,8 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ dt({
   },
   setup(t) {
     const e = t;
-    Zo.registerLanguage("javascript", ti);
-    const n = ei.component, { backgroundColor2: o } = zt();
+    ti.registerLanguage("javascript", ei);
+    const n = ni.component, { backgroundColor2: o } = zt();
     return (i, a) => {
       const c = Y("v-sheet");
       return U(), _t(c, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.8.71",
+  "version": "0.8.72",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",