x-block-lib 0.8.70 → 0.8.71

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 pt, k as X, p as $t, l as ct, m as kn, n as V, C as $n, N as lt, 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.m705kiju.js";
+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 { 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 ft, 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 ht, computed as $, resolveComponent as Y, createBlock as ut, openBlock as U, unref as F, withCtx as _t, createVNode as M, mergeProps as dn, useModel as Wt, ref as Ut, resolveDirective as mi, withDirectives as Ti, createElementBlock as st, normalizeStyle as z, createElementVNode as j, createCommentVNode as mt, 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 { 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 { useDisplay as hn } from "vuetify";
 import { useI18n as te } from "vue-i18n";
 var R = /* @__PURE__ */ ((t) => (t.STATE_CHANGE = "state_change", t))(R || {});
@@ -129,7 +129,7 @@ function W(t, e) {
     v.enable();
   }
 }
-function At(t) {
+function gt(t) {
   const e = `<shadow type="text_v1"><field name="TEXT">${t}</field></shadow>`;
   return S.xml.textToDom(e);
 }
@@ -165,13 +165,13 @@ function bi(t) {
   const e = `<shadow type="color_picker_v1"><field name="COLOR">${t}</field></shadow>`;
   return S.xml.textToDom(e);
 }
-function dt(t) {
+function st(t) {
   let e = null;
-  return t === "string" ? e = At("") : 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 = Ci() : 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 = At(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.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;
 }
 function Ri() {
   const { activeObject: t, activePage: e } = A.app, n = [];
@@ -1107,7 +1107,7 @@ function ot(t) {
     e.push({ key: n, name: o, type: i });
   return e;
 }
-function rt(t) {
+function lt(t) {
   if (!t)
     return;
   const e = [];
@@ -1140,7 +1140,7 @@ function an(t) {
           kind: "refMethod",
           names: [h],
           inputs: ot(l),
-          outputs: rt(d)
+          outputs: lt(d)
         });
   }
   if (et(c.key) && a.comp) {
@@ -1152,7 +1152,7 @@ function an(t) {
           kind: "multipleRefMethod",
           names: [h],
           inputs: ot(l),
-          outputs: rt(d)
+          outputs: lt(d)
         });
   }
   if (L(c.key) && e.type === "comp" && n.meta.methods)
@@ -1162,7 +1162,7 @@ function an(t) {
         kind: "customMethod",
         names: [_],
         inputs: ot(h),
-        outputs: rt(l)
+        outputs: lt(l)
       });
   if (L(c.key) && e.type === "comp" && a.adaptSlot) {
     const r = pn(a.adaptSlot);
@@ -1208,7 +1208,7 @@ function an(t) {
                 kind: "adaptSlotCustomMethod",
                 names: [_.name, h.name, l.name],
                 inputs: ot(l.inputs),
-                outputs: rt(l.outputs)
+                outputs: lt(l.outputs)
               });
         }
       }
@@ -1250,7 +1250,7 @@ function je(t) {
             kind: i,
             names: [l.name],
             inputs: ot(l.inputs),
-            outputs: rt(l.outputs)
+            outputs: lt(l.outputs)
           };
       }
     }
@@ -1267,7 +1267,7 @@ function je(t) {
             kind: i,
             names: [l.name],
             inputs: ot(l.inputs),
-            outputs: rt(l.outputs)
+            outputs: lt(l.outputs)
           };
       }
     }
@@ -1296,7 +1296,7 @@ function je(t) {
             kind: i,
             names: [d.name, p.name],
             inputs: ot(p.inputs),
-            outputs: rt(p.outputs)
+            outputs: lt(p.outputs)
           };
       }
     }
@@ -1334,7 +1334,7 @@ function je(t) {
             kind: i,
             names: [p.name, f.name, T.name],
             inputs: ot(T.inputs),
-            outputs: rt(T.outputs)
+            outputs: lt(T.outputs)
           };
       }
     }
@@ -1361,11 +1361,11 @@ function Xt(t) {
         kind: "customMethod",
         names: [r],
         inputs: ot(_),
-        outputs: rt(h)
+        outputs: lt(h)
       });
   return o;
 }
-function It(t) {
+function At(t) {
   if (!t)
     return;
   const { activeObject: e, activeComp: n } = A.app, { kind: o, nodeId: i, methodKey: a } = Zt(t), c = e.nodes.find((_) => _.id === i);
@@ -1386,7 +1386,7 @@ function It(t) {
         kind: o,
         names: [_.name],
         inputs: ot(_.inputs),
-        outputs: rt(_.outputs)
+        outputs: lt(_.outputs)
       };
   }
 }
@@ -1398,11 +1398,11 @@ function lo(t) {
   return B(e);
 }
 function cn(t) {
-  const e = It(t);
+  const e = At(t);
   return e ? e.outputs : [];
 }
 function Xe(t, e) {
-  const n = It(t);
+  const n = At(t);
   if (n)
     return n.outputs?.find((o) => o.key === e);
 }
@@ -1613,7 +1613,7 @@ function Jt(t, e) {
   if (n[h.key] && n[h.key][r])
     for (const { keys: l, names: d, raw: p } of n[h.key][r])
       e === "write" && Be(l, p) || c.push({
-        id: ft("elementProperty", t, l),
+        id: ht("elementProperty", t, l),
         kind: "elementProperty",
         names: d,
         meta: {
@@ -1626,7 +1626,7 @@ function Jt(t, e) {
     if (l && l.meta.properties)
       for (const { id: d, name: p, type: f } of l.meta.properties)
         c.push({
-          id: ft("refProperty", t, d),
+          id: ht("refProperty", t, d),
           kind: "refProperty",
           names: [p],
           meta: {
@@ -1639,7 +1639,7 @@ function Jt(t, e) {
     if (l && l.meta.properties)
       for (const { id: d, name: p, type: f } of l.meta.properties)
         c.push({
-          id: ft("multipleRefProperty", t, d),
+          id: ht("multipleRefProperty", t, d),
           kind: "multipleRefProperty",
           names: [p],
           meta: {
@@ -1652,7 +1652,7 @@ function Jt(t, e) {
     if (l && l.properties)
       for (const { id: d, name: p, type: f } of l.properties)
         c.push({
-          id: ft("slotProperty", t, d),
+          id: ht("slotProperty", t, d),
           kind: "slotProperty",
           names: [p],
           meta: {
@@ -1665,7 +1665,7 @@ function Jt(t, e) {
     if (l && l.properties)
       for (const { id: d, name: p, type: f } of l.properties)
         c.push({
-          id: ft("multipleSlotProperty", t, d),
+          id: ht("multipleSlotProperty", t, d),
           kind: "multipleSlotProperty",
           names: [p],
           meta: {
@@ -1676,7 +1676,7 @@ function Jt(t, e) {
   if (L(h.key) && o.type === "comp" && i.meta.properties)
     for (const { id: l, name: d, type: p } of i.meta.properties)
       c.push({
-        id: ft("customProperty", t, l),
+        id: ht("customProperty", t, l),
         kind: "customProperty",
         names: [d],
         meta: {
@@ -1695,7 +1695,7 @@ function Jt(t, e) {
           if (p && p.properties)
             for (const f of p.properties)
               c.push({
-                id: ft(
+                id: ht(
                   "adaptSlotElementProperty",
                   t,
                   zn(
@@ -1720,7 +1720,7 @@ function Jt(t, e) {
           if (p && p.properties)
             for (const f of p.properties)
               c.push({
-                id: ft(
+                id: ht(
                   "adaptSlotCustomProperty",
                   t,
                   se(
@@ -2049,7 +2049,7 @@ const ns = {
         t = !0;
     }
     if (t)
-      this.getInput("INSTANCE") || this.appendValueInput("INSTANCE").setAlign(k.Align.RIGHT).appendField(m("BKY_APP_INSTANCE")), this.event.params && this.event.params.length > 0 ? this.moveInputBefore("INSTANCE", "PARAM0") : this.moveInputBefore("INSTANCE", "HANDLE");
+      this.getInput("INSTANCE") || this.appendValueInput("INSTANCE").setCheck("String"), this.event.params && this.event.params.length > 0 ? this.moveInputBefore("INSTANCE", "PARAM0") : this.moveInputBefore("INSTANCE", "HANDLE");
     else if (this.getInput("INSTANCE")) {
       const e = this.getInput("INSTANCE").connection.targetBlock();
       e && e.dispose(), this.removeInput("INSTANCE");
@@ -2059,20 +2059,12 @@ const ns = {
     if (this.isInsertionMarker())
       return;
     const t = [];
-    let e = !1;
-    switch (this.event.kind) {
-      case "multipleRefEvent":
-      case "multipleRefPropertyChangeEvent":
-      case "multipleSlotEvent":
-      case "multipleSlotPropertyChangeEvent":
-        e = !0;
-    }
-    e && t.push(["INSTANCE", "__instance__", "x-runtime-lib.instance", !0]);
-    const n = di(this.event.kind);
+    this.getInput("INSTANCE") && t.push(["INSTANCE", "__instance__", "x-runtime-lib.instance", !0]);
+    const e = di(this.event.kind);
     if (this.event.params)
-      for (let o = 0; o < this.event.params.length; o++) {
-        const { key: i, name: a } = this.event.params[o];
-        t.push(["PARAM" + o, `__param$${i}__`, a, n]);
+      for (let n = 0; n < this.event.params.length; n++) {
+        const { key: o, name: i } = this.event.params[n];
+        t.push(["PARAM" + n, `__param$${o}__`, i, e]);
       }
     t.length > 0 && W(this, t);
   },
@@ -2107,14 +2099,7 @@ I.on_app_event_v1 = ns;
 s.forBlock.on_app_event_v1 = function(t) {
   const e = s.quote_, n = t;
   let o = "";
-  switch (n.event.kind) {
-    case "multipleRefEvent":
-    case "multipleRefPropertyChangeEvent":
-    case "multipleSlotEvent":
-    case "multipleSlotPropertyChangeEvent":
-      o += "__instance__";
-  }
-  if (n.event.params)
+  if (n.getInput("INSTANCE") && (o += "__instance__"), n.event.params)
     for (const { key: c } of n.event.params)
       o && (o += ", "), o += `__param$${c}__`;
   const i = s.statementToCode(n, "HANDLE");
@@ -2223,32 +2208,24 @@ const os = {
         t = !0;
     }
     if (t)
-      this.getInput("INSTANCE") || this.appendValueInput("INSTANCE").setAlign(k.Align.RIGHT).appendField(m("BKY_APP_INSTANCE")), this.event.params && this.event.params.length > 0 && this.moveInputBefore("INSTANCE", "PARAM0");
+      this.getInput("INSTANCE") || this.appendValueInput("INSTANCE").setAlign(k.Align.RIGHT).appendField(m("BKY_APP_INSTANCE")).setCheck("String"), this.event.params && this.event.params.length > 0 && this.moveInputBefore("INSTANCE", "PARAM0");
     else if (this.getInput("INSTANCE")) {
       const e = this.getInput("INSTANCE").connection.targetBlock();
       e && e.dispose(), this.removeInput("INSTANCE");
     }
   },
   updateShadows_: function() {
-    if (this.isInsertionMarker())
-      return;
-    let t = !1;
-    switch (this.event.kind) {
-      case "multipleRefEvent":
-      case "multipleRefPropertyChangeEvent":
-      case "multipleSlotEvent":
-      case "multipleSlotPropertyChangeEvent":
-        t = !0;
-    }
-    if (t) {
-      const e = dt("string");
-      this.getInput("INSTANCE").setShadowDom(e);
+    if (!this.isInsertionMarker()) {
+      if (this.getInput("INSTANCE")) {
+        const t = st("string");
+        this.getInput("INSTANCE").setShadowDom(t);
+      }
+      if (this.event.params)
+        for (let t = 0; t < this.event.params.length; t++) {
+          const e = this.event.params[t], n = st(e.type);
+          this.getInput("PARAM" + t).connection.setShadowDom(n);
+        }
     }
-    if (this.event.params)
-      for (let e = 0; e < this.event.params.length; e++) {
-        const n = this.event.params[e], o = dt(n.type);
-        this.getInput("PARAM" + e)?.connection?.setShadowDom(o);
-      }
   },
   checkWarning_: function() {
     const t = J(this.node.id);
@@ -2281,13 +2258,7 @@ I.trigger_app_event_v1 = os;
 s.forBlock.trigger_app_event_v1 = function(t) {
   const e = s.quote_, n = t;
   let o = "''";
-  switch (n.event.kind) {
-    case "multipleRefEvent":
-    case "multipleRefPropertyChangeEvent":
-    case "multipleSlotEvent":
-    case "multipleSlotPropertyChangeEvent":
-      o = s.valueToCode(n, "INSTANCE", u.NONE) || "''";
-  }
+  n.getInput("INSTANCE") && (o = s.valueToCode(n, "INSTANCE", u.NONE) || "''");
   let i = "";
   if (n.event.params)
     for (let c = 0; c < n.event.params.length; c++) {
@@ -2364,9 +2335,9 @@ const is = {
   updateShadow_: function() {
     if (this.isInsertionMarker())
       return;
-    const t = At("title");
+    const t = gt("title");
     this.getInput("TITLE").connection.setShadowDom(t);
-    const e = At("text");
+    const e = gt("text");
     this.getInput("TEXT").connection.setShadowDom(e);
   },
   ensureBlocks_: function() {
@@ -2401,11 +2372,11 @@ const ss = {
   updateShadow_: function() {
     if (this.isInsertionMarker())
       return;
-    const t = At("title");
+    const t = gt("title");
     this.getInput("TITLE").connection.setShadowDom(t);
-    const e = At("label");
+    const e = gt("label");
     this.getInput("LABEL").connection.setShadowDom(e);
-    const n = At("");
+    const n = gt("");
     this.getInput("VALUE").connection.setShadowDom(n);
   },
   ensureBlocks_: function() {
@@ -2576,7 +2547,7 @@ const as = {
         t = !0;
     }
     if (t) {
-      const e = dt("string");
+      const e = st("string");
       this.getInput("INSTANCE").setShadowDom(e);
     }
     if (this.method.inputs)
@@ -2584,7 +2555,7 @@ const as = {
         const n = this.method.inputs[e];
         if (!n.type)
           continue;
-        const o = dt(n.type);
+        const o = st(n.type);
         this.getInput("INPUT" + e).setShadowDom(o);
       }
   },
@@ -2764,14 +2735,14 @@ const cs = {
     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 || !It(this.method.id)) {
+    if (o.getOptions(!1), n || !At(this.method.id)) {
       const i = Xt(this.node.id)?.[0];
       o.setValue(i?.id ?? "");
     }
     o.setValue(o.getValue());
   },
   onMethodChange_: function(t) {
-    const e = It(t);
+    const e = At(t);
     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 = "", this.method.names = [], this.method.inputs = []), this.updateShape_(), setTimeout(() => {
       this.ensureBlocks_();
     }, 0);
@@ -2807,7 +2778,7 @@ const cs = {
       return;
     }
     t.alias !== this.node.alias && (this.node.alias = t.alias);
-    const e = It(this.method.id);
+    const e = At(this.method.id);
     if (!e) {
       this.setWarningText(m("WARN_METHOD_NOT_FOUND"));
       return;
@@ -2922,14 +2893,14 @@ const rs = {
     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 || !It(this.method.id)) {
+    if (o.getOptions(!1), n || !At(this.method.id)) {
       const i = Xt(this.node.id)?.[0];
       o.setValue(i?.id ?? "");
     }
     o.setValue(o.getValue());
   },
   onMethodChange_: function(t) {
-    const e = It(t);
+    const e = At(t);
     if (!e) {
       console.assert(!1);
       return;
@@ -2958,7 +2929,7 @@ const rs = {
   updateShadows_: function() {
     if (this.isInsertionMarker())
       return;
-    const t = dt(this.output.type);
+    const t = st(this.output.type);
     this.getInput("VALUE").connection.setShadowDom(t);
   },
   checkWarning_: function() {
@@ -2972,7 +2943,7 @@ const rs = {
       return;
     }
     t.alias !== this.node.alias && (this.node.alias = t.alias);
-    const e = It(this.method.id);
+    const e = At(this.method.id);
     if (!e) {
       this.setWarningText(m("WARN_METHOD_NOT_FOUND"));
       return;
@@ -3268,7 +3239,7 @@ const ps = {
     }, this.appendDummyInput().appendField("%{BKY_APP_V1_GET_APP_PROPERTY_TITLE}").appendField(new O(() => this.genNodeOpts_()), "NODE").appendField(
       new O(() => this.genPropertyOpts_()),
       "PROPERTY"
-    ).appendField("%{BKY_APP_INSTANCE}", "INSTANCE0").appendField(new pt(), "INSTANCE1"), this.setOutput(!0, null), this.setStyle("property_blocks"), this.setTooltip("%{BKY_APP_V1_GET_APP_PROPERTY_TOOLTIP}"), this.setHelpUrl("%{BKY_APP_V1_GET_APP_PROPERTY_HELPURL}"), this.initData_(), this.updateShape_();
+    ), this.setOutput(!0, null), this.setInputsInline(!0), this.setStyle("property_blocks"), this.setTooltip("%{BKY_APP_V1_GET_APP_PROPERTY_TOOLTIP}"), this.setHelpUrl("%{BKY_APP_V1_GET_APP_PROPERTY_HELPURL}"), this.initData_(), this.updateShape_();
   },
   initData_: function() {
     if (this.node.id)
@@ -3330,7 +3301,7 @@ const ps = {
   },
   onPropChange_: function(t) {
     const e = bt(t);
-    e ? (this.property.id = e.id, this.property.kind = e.kind, this.property.names = e.names) : (this.property.id = "", this.property.kind = "", this.property.names = []), this.updateShape_();
+    e ? (this.property.id = e.id, this.property.kind = e.kind, this.property.names = e.names) : (this.property.id = "", this.property.kind = "", this.property.names = []), this.updateShape_(), this.updateShadow_();
   },
   updateShape_: function() {
     let t = !1;
@@ -3339,7 +3310,22 @@ const ps = {
       case "multipleSlotProperty":
         t = !0;
     }
-    this.getField("INSTANCE0")?.setVisible(t), this.getField("INSTANCE1")?.setVisible(t);
+    if (t)
+      this.getInput("INSTANCE") || this.appendValueInput("INSTANCE").setAlign(k.Align.RIGHT).appendField("%{BKY_APP_INSTANCE}").setCheck("String");
+    else if (this.getInput("INSTANCE")) {
+      const e = this.getInput("INSTANCE").connection.targetBlock();
+      e && e.dispose(), this.removeInput("INSTANCE");
+    }
+  },
+  updateShadow_: function() {
+    if (this.isInsertionMarker())
+      return;
+    const t = this.getInput("INSTANCE");
+    if (t) {
+      t.setShadowDom(null);
+      const e = t.connection?.targetBlock();
+      e && e.dispose(), t.setShadowDom(st("string"));
+    }
   },
   checkWarning_: function() {
     const t = J(this.node.id);
@@ -3367,13 +3353,8 @@ const ps = {
 I.get_app_property_v1 = ps;
 s.forBlock.get_app_property_v1 = function(t) {
   const e = s.quote_, n = t;
-  let o = "";
-  switch (n.property.kind) {
-    case "multipleRefProperty":
-    case "multipleSlotProperty":
-      o = n.getFieldValue("INSTANCE1");
-  }
-  return [`__getPropertyV1__(${e(n.property.id)}, ${e(o)})`, u.ATOMIC];
+  let o = "''";
+  return n.getInput("INSTANCE") && (o = s.valueToCode(n, "INSTANCE", u.NONE) || "''"), [`__getPropertyV1__(${e(n.property.id)}, ${o})`, u.ATOMIC];
 };
 const ds = {
   init: function() {
@@ -3388,7 +3369,7 @@ const ds = {
     }, this.appendValueInput("VALUE").appendField("%{BKY_APP_V1_SET_APP_PROPERTY_TITLE}").appendField(new O(() => this.genNodeOpts_()), "NODE").appendField(
       new O(() => this.genPropertyOpts_()),
       "PROPERTY"
-    ).appendField("%{BKY_APP_INSTANCE}", "INSTANCE0").appendField(new pt(), "INSTANCE1"), this.setPreviousStatement(!0, null), this.setNextStatement(!0, null), this.setStyle("property_blocks"), this.setTooltip("%{BKY_APP_V1_SET_APP_PROPERTY_TOOLTIP}"), this.setHelpUrl("%{BKY_APP_V1_SET_APP_PROPERTY_HELPURL}"), this.initData_(), this.updateShape_(), this.isInFlyout && this.updateShadow_();
+    ), this.setPreviousStatement(!0, null), this.setNextStatement(!0, null), this.setInputsInline(!0), this.setStyle("property_blocks"), this.setTooltip("%{BKY_APP_V1_SET_APP_PROPERTY_TOOLTIP}"), this.setHelpUrl("%{BKY_APP_V1_SET_APP_PROPERTY_HELPURL}"), this.initData_(), this.updateShape_(), this.isInFlyout && this.updateShadow_();
   },
   initData_: function() {
     if (this.node.id)
@@ -3459,7 +3440,12 @@ const ds = {
       case "multipleSlotProperty":
         t = !0;
     }
-    this.getField("INSTANCE0")?.setVisible(t), this.getField("INSTANCE1")?.setVisible(t);
+    if (t)
+      this.getInput("INSTANCE") || this.appendValueInput("INSTANCE").setAlign(k.Align.RIGHT).appendField("%{BKY_APP_INSTANCE}").setCheck("String");
+    else if (this.getInput("INSTANCE")) {
+      const e = this.getInput("INSTANCE").connection.targetBlock();
+      e && e.dispose(), this.removeInput("INSTANCE");
+    }
   },
   updateShadow_: function() {
     if (this.isInsertionMarker())
@@ -3467,14 +3453,17 @@ const ds = {
     const t = bt(this.property.id);
     if (!t)
       return;
-    this.getInput("VALUE").setShadowDom(null);
-    const e = this.getInput("VALUE").connection.targetBlock();
-    if (e && e.dispose(), t.meta.element) {
-      const n = vi(t.meta.raw), o = Pi(t.meta.raw);
-      this.getInput("VALUE").setCheck(n).setShadowDom(o);
-    } else {
-      const n = kt(t.meta.raw.type), o = dt(t.meta.raw.type);
-      this.getInput("VALUE").setCheck(n).setShadowDom(o);
+    const e = this.getInput("INSTANCE");
+    if (e) {
+      e.setShadowDom(null);
+      const o = e.connection?.targetBlock();
+      o && o.dispose(), e.setShadowDom(st("string"));
+    }
+    const n = this.getInput("VALUE");
+    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));
     }
   },
   checkWarning_: function() {
@@ -3503,14 +3492,14 @@ const ds = {
 I.set_app_property_v1 = ds;
 s.forBlock.set_app_property_v1 = function(t) {
   const e = s.quote_, n = t;
-  let o = "";
+  let o = "''";
   switch (n.property.kind) {
     case "multipleRefProperty":
     case "multipleSlotProperty":
-      o = n.getFieldValue("INSTANCE1");
+      o = s.valueToCode(n, "INSTANCE", u.NONE) || "''";
   }
   const i = s.valueToCode(n, "VALUE", u.NONE);
-  return `__setPropertyV1__(${e(n.property.id)}, ${i}, ${e(o)});
+  return `__setPropertyV1__(${e(n.property.id)}, ${i}, ${o});
 `;
 };
 const hs = {
@@ -3625,7 +3614,7 @@ const fs = {
     this.getInput("VALUE").setShadowDom(null);
     const t = this.getInput("VALUE").connection.targetBlock();
     t && t.dispose();
-    const e = kt(this.state.type), n = dt(this.state.type);
+    const e = kt(this.state.type), n = st(this.state.type);
     this.getInput("VALUE").setCheck(e).setShadowDom(n);
   },
   checkWarning_: function() {
@@ -4641,7 +4630,7 @@ const ys = {
   updateShadow_: function() {
     if (!this.isInsertionMarker())
       for (let t = 0; t < this.func.inputs.length; t++) {
-        const e = this.func.inputs[t], n = dt(e.type);
+        const e = this.func.inputs[t], n = st(e.type);
         this.getInput("INPUT" + t).setShadowDom(n);
       }
   },
@@ -4815,7 +4804,7 @@ const Os = {
   updateShadow_: function() {
     if (!this.isInsertionMarker())
       for (let t = 0; t < this.func.inputs.length; t++) {
-        const e = this.func.inputs[t], n = dt(e.type);
+        const e = this.func.inputs[t], n = st(e.type);
         this.getInput("INPUT" + t).setShadowDom(n);
       }
   },
@@ -5008,7 +4997,7 @@ const Cs = {
   updateShadows_: function() {
     if (this.isInsertionMarker())
       return;
-    const t = dt(this.output.type);
+    const t = st(this.output.type);
     this.getInput("VALUE").setShadowDom(t);
   },
   checkWarning_: function() {
@@ -5096,7 +5085,7 @@ g([
 s.forBlock.compute_env_is_v1 = function(t) {
   return [`__getEnvV1__() === ${s.quote_(t.getFieldValue("ENV"))}`, u.ATOMIC];
 };
-function at() {
+function ct() {
   const t = [];
   return A.data.spaces.forEach((e) => {
     e.tables.length > 0 && t.push(e);
@@ -5108,7 +5097,7 @@ function yt(t) {
 }
 function be() {
   const t = [];
-  return at().forEach(({ id: n, name: o }) => {
+  return ct().forEach(({ id: n, name: o }) => {
     t.push([o, n]);
   }), B(t);
 }
@@ -5153,7 +5142,7 @@ function Ns(t) {
   if (e.targetBlock())
     return;
   let n, o;
-  const i = at()?.[0];
+  const i = ct()?.[0];
   if (i) {
     const r = q(i.id)?.[0];
     if (r) {
@@ -5284,7 +5273,7 @@ const Bs = {
   initData_: function() {
     if (this.space.id)
       return;
-    const t = at()?.[0];
+    const t = ct()?.[0];
     if (!t)
       return;
     this.space.id = t.id, this.space.name = t.name;
@@ -5518,7 +5507,7 @@ function Ds(t) {
   const e = t.getInput("TABLE").connection;
   if (e.targetBlock())
     return;
-  const n = at()?.[0], o = q(n?.id ?? "")?.[0], i = {
+  const n = ct()?.[0], o = q(n?.id ?? "")?.[0], i = {
     type: "select_table_v1",
     extraState: {
       space: {
@@ -5537,7 +5526,7 @@ function Ms(t) {
   const e = t.getInput("CONDITION").connection;
   if (e.targetBlock())
     return;
-  const n = at()?.[0], o = q(n?.id ?? "")?.[0], i = Te(n?.id, o?.id)?.[0], a = {
+  const n = ct()?.[0], o = q(n?.id ?? "")?.[0], i = Te(n?.id, o?.id)?.[0], a = {
     type: "cond_atomic_v1",
     extraState: {
       space: {
@@ -5647,7 +5636,7 @@ function xs(t) {
   if (e.targetBlock())
     return;
   let n, o;
-  const i = at()?.[0];
+  const i = ct()?.[0];
   if (i) {
     const r = q(i.id)?.[0];
     if (r) {
@@ -5894,7 +5883,7 @@ const Gs = {
   initData_: function() {
     if (this.space.id)
       return;
-    const t = at()?.[0];
+    const t = ct()?.[0];
     if (!t)
       return;
     this.space.id = t.id, this.space.name = t.name;
@@ -6041,7 +6030,7 @@ const Gs = {
       for (let t = 0; t < this.table.columns.length; t++) {
         const e = this.table.columns[t], n = new O(
           () => this.genColumnOpts_()
-        ), o = new pt("");
+        ), o = new It("");
         this.appendDummyInput("ADD" + t).setAlign(k.Align.RIGHT).appendField(n, "COLUMN" + t).appendField("%{BKY_DATA_AS}").appendField(o, "ALIAS" + t), n.setValue(e.id, !1), o.setValue(e.name, !1);
       }
   },
@@ -6053,7 +6042,7 @@ const Gs = {
         continue;
       const e = new O(
         () => this.genColumnOpts_()
-      ), n = new pt("");
+      ), n = new It("");
       this.appendDummyInput("ADD" + t).setAlign(k.Align.RIGHT).appendField(e, "COLUMN" + t).appendField("%{BKY_DATA_AS}").appendField(n, "ALIAS" + t);
       const o = this.table.columns[0];
       e.setValue(o.id ?? "", !1), n.setValue(o.name ?? "", !1);
@@ -6109,7 +6098,7 @@ const Ws = {
   initData_: function() {
     if (this.space.id)
       return;
-    const t = at()?.[0];
+    const t = ct()?.[0];
     if (!t)
       return;
     this.space.id = t.id, this.space.name = t.name;
@@ -6290,7 +6279,7 @@ const qs = {
   initData_: function() {
     if (this.space.id)
       return;
-    const t = at()?.[0];
+    const t = ct()?.[0];
     if (!t)
       return;
     this.space.id = t.id, this.space.name = t.name;
@@ -6526,7 +6515,7 @@ function Qs(t) {
   if (e.targetBlock())
     return;
   let n, o;
-  const i = at()?.[0];
+  const i = ct()?.[0];
   if (i) {
     const r = q(i.id)?.[0];
     if (r) {
@@ -6631,7 +6620,7 @@ ${i}}
 const ea = S.xml, na = {
   init: function() {
     this.length = 0, this.appendDummyInput("OPEN_BRACKET").appendField(" [ "), this.appendDummyInput("ADD").setAlign(k.Align.CENTRE).appendField(
-      new ct(Vt, 20, 20, void 0, () => {
+      new rt(Vt, 20, 20, void 0, () => {
         this.isInFlyout || this.addEntry_();
       })
     ), this.appendDummyInput("CLOSE_BRACKET").appendField(" ] "), this.setInputsInline(!1), this.setOutput(!0, "JsonArray"), this.setColour(350), this.setTooltip(""), this.setHelpUrl("");
@@ -6650,11 +6639,11 @@ const ea = S.xml, na = {
     for (let t = 0; t < this.length; t++) {
       const e = "ENTRY" + t, n = this.appendValueInput(e);
       n.appendField(
-        new ct(Vt, 20, 20, void 0, () => {
+        new rt(Vt, 20, 20, void 0, () => {
           this.isInFlyout || this.addEntry_(n);
         })
       ), n.appendField(new kn(String(t))), n.appendField(
-        new ct(le, 20, 20, void 0, () => {
+        new rt(le, 20, 20, void 0, () => {
           this.isInFlyout || this.removeEntry_(n);
         })
       ), this.moveInputBefore(e, "ADD");
@@ -6669,11 +6658,11 @@ const ea = S.xml, na = {
     }
     const n = this.appendValueInput("ENTRY" + e);
     n.appendField(
-      new ct(Vt, 20, 20, void 0, () => {
+      new rt(Vt, 20, 20, void 0, () => {
         this.isInFlyout || this.addEntry_(n);
       })
     ), n.appendField(new kn(String(e))), n.appendField(
-      new ct(le, 20, 20, void 0, () => {
+      new rt(le, 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++;
@@ -6705,7 +6694,7 @@ I.json_boolean_v1 = oa;
 const Vn = S.xml, ia = {
   init: function() {
     this.length = 0, this.appendDummyInput("OPEN_BRACKET").appendField(" { "), this.appendDummyInput("ADD").setAlign(k.Align.CENTRE).appendField(
-      new ct(Vt, 20, 20, void 0, () => {
+      new rt(Vt, 20, 20, void 0, () => {
         this.isInFlyout || this.addEntry_();
       })
     ), this.appendDummyInput("CLOSE_BRACHET").appendField(" } "), this.setInputsInline(!1), this.setOutput(!0, "JsonMap"), this.setColour(120), this.setTooltip(""), this.setHelpUrl("");
@@ -6733,11 +6722,11 @@ const Vn = S.xml, ia = {
     for (let e = 0; e < t.length; e++) {
       const n = t[e], o = "ENTRY" + e, i = this.appendValueInput(o);
       i.appendField(
-        new ct(Vt, 20, 20, void 0, () => {
+        new rt(Vt, 20, 20, void 0, () => {
           this.isInFlyout || this.addEntry_(i);
         })
-      ), i.appendField(new pt(n), "KEY" + e), i.appendField(
-        new ct(le, 20, 20, void 0, () => {
+      ), i.appendField(new It(n), "KEY" + e), i.appendField(
+        new rt(le, 20, 20, void 0, () => {
           this.isInFlyout || this.removeEntry_(i);
         })
       ), this.moveInputBefore(o, "ADD");
@@ -6750,11 +6739,11 @@ const Vn = S.xml, ia = {
       this.getField("KEY" + o).name = "KEY" + (o + 1), this.getInput("ENTRY" + o).name = "ENTRY" + (o + 1);
     const n = this.appendValueInput("ENTRY" + e);
     n.appendField(
-      new ct(Vt, 20, 20, void 0, () => {
+      new rt(Vt, 20, 20, void 0, () => {
         this.isInFlyout || this.addEntry_(n);
       })
-    ), n.appendField(new pt("key"), "KEY" + e), n.appendField(
-      new ct(le, 20, 20, void 0, () => {
+    ), n.appendField(new It("key"), "KEY" + e), n.appendField(
+      new rt(le, 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++;
@@ -6783,7 +6772,7 @@ const aa = {
 I.json_root_v1 = aa;
 const ca = {
   init: function() {
-    this.appendDummyInput().appendField('"').appendField(new pt(""), "VALUE").appendField('"'), this.setOutput(!0, "JsonString"), this.setColour(160);
+    this.appendDummyInput().appendField('"').appendField(new It(""), "VALUE").appendField('"'), this.setOutput(!0, "JsonString"), this.setColour(160);
   }
 };
 I.json_string_v1 = ca;
@@ -7710,18 +7699,18 @@ ${c}}
     let r = "", _ = o;
     !o.match(/^\w+$/) && !S.string.isNumber(o) && (_ = s.nameDB_.getDistinctName(
       `${n}_from`,
-      lt.NameType.VARIABLE
+      ut.NameType.VARIABLE
     ), r += `var ${_} = ${o};
 `);
     let h = i;
     !i.match(/^\w+$/) && !S.string.isNumber(i) && (h = s.nameDB_.getDistinctName(
       `${n}_to`,
-      lt.NameType.VARIABLE
+      ut.NameType.VARIABLE
     ), r += `var ${h} = ${i};
 `);
     const l = s.nameDB_.getDistinctName(
       `${n}_by`,
-      lt.NameType.VARIABLE
+      ut.NameType.VARIABLE
     );
     return r += `var ${l} = `, S.string.isNumber(a) ? r += `${Math.abs(Number(a))};
 ` : r += `Math.abs(${a});
@@ -7780,12 +7769,12 @@ s.forBlock.for_each_v1 = function(t) {
   let a = "", c = o;
   o.match(/^\w+$/) || (c = s.nameDB_.getDistinctName(
     `${n}_list`,
-    lt.NameType.VARIABLE
+    ut.NameType.VARIABLE
   ), a += `var ${c} = ${o};
 `);
   const r = s.nameDB_.getDistinctName(
     `${n}_index`,
-    lt.NameType.VARIABLE
+    ut.NameType.VARIABLE
   );
   return a += `for (var ${r} in ${c}) {
 ${e}${n} = ${c}[${r}];
@@ -7827,12 +7816,12 @@ s.forBlock.repeat_v1 = function(t) {
   let o = "";
   const i = s.nameDB_.getDistinctName(
     "count",
-    lt.NameType.VARIABLE
+    ut.NameType.VARIABLE
   );
   let a = e;
   return !e.match(/^\w+$/) && !S.string.isNumber(e) && (a = s.nameDB_.getDistinctName(
     "repeat_end",
-    lt.NameType.VARIABLE
+    ut.NameType.VARIABLE
   ), o += `var ${a} = ${e};
 `), o += `for (var ${i} = 0; ${i} < ${a}; ${i}++) {
 ${n}}
@@ -8611,7 +8600,7 @@ const Oa = {
   },
   updateShape_: function() {
     for (let t = 0; t < this.itemCount_; t++)
-      this.getInput("ADD" + t) || this.appendValueInput("ADD" + t).setAlign(k.Align.RIGHT).appendField(new pt("key"), "KEY" + t);
+      this.getInput("ADD" + t) || this.appendValueInput("ADD" + t).setAlign(k.Align.RIGHT).appendField(new It("key"), "KEY" + t);
     for (let t = this.itemCount_; this.getInput("ADD" + t); t++)
       this.removeInput("ADD" + t);
   }
@@ -8866,7 +8855,7 @@ const xn = S.xml, va = {
 I.procedure_def_container_v1 = va;
 const Ca = {
   init: function() {
-    const t = new pt(Ze.DEFAULT_ARG);
+    const t = new It(Ze.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) {
@@ -8890,7 +8879,7 @@ I.procedure_def_item_v1 = Ca;
 const ka = {
   init: function() {
     this.withReturn = !1, this.args = [];
-    const t = new pt(
+    const t = new It(
       Ze.findLegalName("", this)
     );
     t.setValidator(Ze.rename), t.setSpellcheck(!1), this.appendDummyInput("DUMMY").appendField(t, "NAME"), this.appendStatementInput("HANDLE"), this.setMutator(
@@ -9224,7 +9213,7 @@ const Da = {
   updateShadow_: function() {
     if (this.isInsertionMarker())
       return;
-    const t = At("");
+    const t = gt("");
     this.getInput("NAME")?.setShadowDom(t);
   },
   ensureBlocks_: function() {
@@ -9303,7 +9292,7 @@ g([
 s.forBlock.text_append_v1 = function(t) {
   const e = s.nameDB_?.getName(
     t.getFieldValue("VAR"),
-    lt.NameType.VARIABLE
+    ut.NameType.VARIABLE
   ), n = s.valueToCode(t, "TEXT", u.NONE) || "''";
   return `${e} += ${ce(n)};
 `;
@@ -9905,7 +9894,7 @@ g([
 s.forBlock.variable_get_v1 = function(t) {
   return [s.nameDB_.getName(
     t.getFieldValue("VAR"),
-    lt.NameType.VARIABLE
+    ut.NameType.VARIABLE
   ), u.ATOMIC];
 };
 g([
@@ -9934,7 +9923,7 @@ g([
 s.forBlock.variable_set_v1 = function(t) {
   const e = s.nameDB_.getName(
     t.getFieldValue("VAR"),
-    lt.NameType.VARIABLE
+    ut.NameType.VARIABLE
   ), n = s.valueToCode(t, "VALUE", u.ASSIGNMENT) || "0";
   return `${e} = ${n};
 `;
@@ -10264,7 +10253,7 @@ function qa(t) {
   }
 }
 const un = ["get_app_property_v1", "get_app_state_v1"];
-function Tt(t, e) {
+function mt(t, e) {
   return t.find((o) => o === e) !== void 0 ? !1 : (t.push(e), !0);
 }
 function Qa(t) {
@@ -10280,7 +10269,7 @@ function za(t) {
   for (const n of t)
     if (n.type === "get_app_property_v1") {
       const o = n;
-      Tt(
+      mt(
         e,
         Bt({
           type: "elementProperty",
@@ -10288,7 +10277,7 @@ function za(t) {
           propertyKeys: o.property.key
         })
       );
-    } else n.type === "get_app_state_v1" ? Tt(e, Bt({ type: "state", stateId: n.state.id })) : console.assert(!1);
+    } else n.type === "get_app_state_v1" ? mt(e, Bt({ type: "state", stateId: n.state.id })) : console.assert(!1);
   return e;
 }
 function Za(t) {
@@ -10318,12 +10307,12 @@ function tc(t) {
       } : (i.property.kind === "elementSlotProperty" || i.property.kind === "customSlotProperty") && (a = {
         type: "customSlotProperty",
         propertyId: i.property.key
-      }), !a || !Tt(n, Bt(a)))
+      }), !a || !mt(n, Bt(a)))
         continue;
       e.push(a);
     } else if (o.type === "get_app_state_v1") {
       const a = { type: "state", stateId: o.state.id };
-      if (!Tt(n, Bt(a)))
+      if (!mt(n, Bt(a)))
         continue;
       e.push(a);
     } else if (o.type === "object_get_v1") {
@@ -10348,7 +10337,7 @@ function tc(t) {
           type: "customSlotProperty",
           propertyId: c.property.key,
           subKeys: a
-        }), !r || !Tt(n, Bt(r)))
+        }), !r || !mt(n, Bt(r)))
           continue;
         e.push(r);
       } else if (i.type === "get_app_state_v1") {
@@ -10357,7 +10346,7 @@ function tc(t) {
           stateId: i.state.id,
           subKeys: a
         };
-        if (!Tt(n, Bt(r)))
+        if (!mt(n, Bt(r)))
           continue;
         e.push(r);
       } else
@@ -10380,13 +10369,13 @@ function ec(t) {
     if (o.type === "watch_effect_v1") {
       const i = Qa(o), a = za(i);
       for (const c of a)
-        e.watchEffect[c] || (e.watchEffect[c] = []), Tt(e.watchEffect[c], o.id);
+        e.watchEffect[c] || (e.watchEffect[c] = []), mt(e.watchEffect[c], o.id);
     } else if (o.type === "app_bind_v1") {
       const i = Za(o), a = tc(i);
       e.bind.sets[o.id] = a;
       for (const c of a) {
         const r = Bt(c);
-        e.bind.triggers[r] || (e.bind.triggers[r] = []), Tt(e.bind.triggers[r], o.id);
+        e.bind.triggers[r] || (e.bind.triggers[r] = []), mt(e.bind.triggers[r], o.id);
       }
     }
   return e;
@@ -10398,7 +10387,7 @@ function nc(t) {
 function En() {
   return fi(yo);
 }
-const oc = /* @__PURE__ */ ht({
+const oc = /* @__PURE__ */ dt({
   __name: "index",
   props: {
     lock: { type: Boolean }
@@ -10419,11 +10408,11 @@ const oc = /* @__PURE__ */ ht({
     };
     return e({ cleanWorkspace: r }), (h, l) => {
       const d = Y("v-btn"), p = Y("v-tooltip");
-      return U(), ut(p, {
+      return U(), _t(p, {
         disabled: c.value,
         text: F(n)("x-block-lib.tip.hotkeyCtrlQ")
       }, {
-        activator: _t(({ props: f }) => [
+        activator: pt(({ props: f }) => [
           M(d, dn(f, {
             density: "comfortable",
             icon: "mdi-broom",
@@ -10435,7 +10424,7 @@ const oc = /* @__PURE__ */ ht({
       }, 8, ["disabled", "text"]);
     };
   }
-}), ic = /* @__PURE__ */ ht({
+}), ic = /* @__PURE__ */ dt({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -10446,11 +10435,11 @@ const oc = /* @__PURE__ */ ht({
     const { t: e } = te(), n = hn(), o = Wt(t, "modelValue"), i = $(() => n.smAndDown.value);
     return (a, c) => {
       const r = Y("v-btn"), _ = Y("v-tooltip");
-      return U(), ut(_, {
+      return U(), _t(_, {
         disabled: i.value,
         text: F(e)("x-block-lib.tip.hotkeyCtrlW")
       }, {
-        activator: _t(({ props: h }) => [
+        activator: pt(({ props: h }) => [
           M(r, dn(h, {
             density: "comfortable",
             icon: o.value ? "mdi-lock" : "mdi-lock-open",
@@ -10466,7 +10455,7 @@ const oc = /* @__PURE__ */ ht({
   key: 0,
   class: "text-caption text-grey text-truncate ml-6",
   style: { maxWidth: "340px" }
-}, rc = /* @__PURE__ */ ht({
+}, rc = /* @__PURE__ */ dt({
   __name: "item",
   props: {
     id: {},
@@ -10495,7 +10484,7 @@ const oc = /* @__PURE__ */ ht({
     }));
     return (l, d) => {
       const p = Y("v-spacer"), f = Y("v-icon"), T = mi("ripple");
-      return Ti((U(), st("div", {
+      return Ti((U(), at("div", {
         class: "d-flex align-center cursor-pointer",
         style: z(_.value),
         onClick: d[1] || (d[1] = (E) => c("x-click", a.id)),
@@ -10504,7 +10493,7 @@ const oc = /* @__PURE__ */ ht({
       }, [
         j("div", sc, [
           j("span", ac, jt(a.title), 1),
-          a.desc ? (U(), st("span", cc, jt(a.desc), 1)) : mt("", !0)
+          a.desc ? (U(), at("span", cc, jt(a.desc), 1)) : ft("", !0)
         ]),
         M(p),
         M(f, {
@@ -10524,7 +10513,7 @@ const oc = /* @__PURE__ */ ht({
 }), lc = {
   key: 1,
   class: "text-caption text-grey"
-}, uc = /* @__PURE__ */ ht({
+}, uc = /* @__PURE__ */ dt({
   __name: "index",
   props: /* @__PURE__ */ tn({
     lock: { type: Boolean }
@@ -10608,7 +10597,7 @@ const oc = /* @__PURE__ */ ht({
       const f = i.workspace.getBlockById(p);
       Wn.setSelected(f), Tn(p), o.value = !1;
     };
-    return (p, f) => a.value.length > 0 ? (U(), ut(F(Wo), {
+    return (p, f) => a.value.length > 0 ? (U(), _t(F(Wo), {
       key: 0,
       modelValue: a.value,
       "onUpdate:modelValue": f[0] || (f[0] = (T) => a.value = T),
@@ -10619,8 +10608,8 @@ const oc = /* @__PURE__ */ ht({
       onMove: h,
       onStart: _
     }, {
-      default: _t(() => [
-        (U(!0), st(eo, null, Ei(a.value, (T) => (U(), ut(rc, {
+      default: pt(() => [
+        (U(!0), at(eo, null, Ei(a.value, (T) => (U(), _t(rc, {
           id: T.id,
           key: T.id,
           desc: T.desc,
@@ -10630,14 +10619,14 @@ const oc = /* @__PURE__ */ ht({
         }, null, 8, ["id", "desc", "select", "title"]))), 128))
       ]),
       _: 1
-    }, 8, ["modelValue"])) : (U(), st("span", lc, jt(F(n)("x-block-lib.noOption")), 1));
+    }, 8, ["modelValue"])) : (U(), at("span", lc, jt(F(n)("x-block-lib.noOption")), 1));
   }
 }), _c = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [o, i] of e)
     n[o] = i;
   return n;
-}, pc = /* @__PURE__ */ _c(uc, [["__scopeId", "data-v-a77ed323"]]), dc = /* @__PURE__ */ ht({
+}, pc = /* @__PURE__ */ _c(uc, [["__scopeId", "data-v-a77ed323"]]), dc = /* @__PURE__ */ dt({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -10661,11 +10650,11 @@ const oc = /* @__PURE__ */ ht({
       const _ = r.getBlockById(c);
       Wn.setSelected(_), Tn(c), n.value = !1;
     };
-    return (c, r) => (U(), st("div", {
+    return (c, r) => (U(), at("div", {
       onClick: r[0] || (r[0] = (_) => a(""))
     }, "blockTree"));
   }
-}), hc = { class: "text-subtitle-1" }, fc = /* @__PURE__ */ ht({
+}), hc = { class: "text-subtitle-1" }, fc = /* @__PURE__ */ dt({
   __name: "index",
   props: {
     type: {},
@@ -10696,7 +10685,7 @@ const oc = /* @__PURE__ */ ht({
       t.type === "list" ? d.value?.update() : t.type === "tree" && p.value?.update();
     } }), (T, E) => {
       const y = Y("v-sheet"), N = Y("v-btn"), D = Y("v-spacer"), Rt = Y("v-dialog"), Fe = Y("v-tooltip");
-      return U(), st(eo, null, [
+      return U(), at(eo, null, [
         M(Rt, {
           modelValue: F(l),
           "onUpdate:modelValue": E[5] || (E[5] = (Q) => ae(l) ? l.value = Q : null),
@@ -10707,7 +10696,7 @@ const oc = /* @__PURE__ */ ht({
           transition: "scroll-x-reverse-transition",
           onKeydown: E[6] || (E[6] = no(Ht((Q) => l.value = !1, ["stop", "prevent"]), ["esc"]))
         }, {
-          default: _t(() => [
+          default: pt(() => [
             j("div", {
               class: "w-100 h-100 d-flex flex-row-reverse",
               onClick: E[3] || (E[3] = Ht((Q) => l.value = !1, ["self"])),
@@ -10717,17 +10706,17 @@ const oc = /* @__PURE__ */ ht({
                 class: "elevation-2",
                 style: z(r.value)
               }, [
-                F(i) ? (U(), ut(y, {
+                F(i) ? (U(), _t(y, {
                   key: 0,
                   color: "transparent",
                   height: 24
-                })) : mt("", !0),
+                })) : ft("", !0),
                 M(y, {
                   class: "d-flex align-center px-2",
                   color: "transparent",
                   height: 48
                 }, {
-                  default: _t(() => [
+                  default: pt(() => [
                     M(N, {
                       density: "comfortable",
                       icon: "mdi-close",
@@ -10743,20 +10732,20 @@ const oc = /* @__PURE__ */ ht({
                   class: "overflow-y-auto",
                   style: z(_.value)
                 }, [
-                  t.type === "list" ? (U(), ut(pc, {
+                  t.type === "list" ? (U(), _t(pc, {
                     key: 0,
                     ref_key: "blockList",
                     ref: d,
                     modelValue: F(l),
                     "onUpdate:modelValue": E[1] || (E[1] = (Q) => ae(l) ? l.value = Q : null),
                     lock: t.lock
-                  }, null, 8, ["modelValue", "lock"])) : t.type === "tree" ? (U(), ut(dc, {
+                  }, null, 8, ["modelValue", "lock"])) : t.type === "tree" ? (U(), _t(dc, {
                     key: 1,
                     ref_key: "blockTree",
                     ref: p,
                     modelValue: F(l),
                     "onUpdate:modelValue": E[2] || (E[2] = (Q) => ae(l) ? l.value = Q : null)
-                  }, null, 8, ["modelValue"])) : mt("", !0),
+                  }, null, 8, ["modelValue"])) : ft("", !0),
                   j("div", {
                     style: z(h.value)
                   }, null, 4)
@@ -10770,7 +10759,7 @@ const oc = /* @__PURE__ */ ht({
           disabled: c.value,
           text: F(n)("x-block-lib.tip.hotkeyCtrlE")
         }, {
-          activator: _t(({ props: Q }) => [
+          activator: pt(({ props: Q }) => [
             M(N, dn(Q, {
               density: "comfortable",
               icon: "mdi-navigation-variant",
@@ -10928,7 +10917,7 @@ function Lc() {
   }
   return t;
 }
-const Et = {
+const Tt = {
   name: "PROCEDURE_CATEGORY",
   callback: Lc
 }, ie = S.xml;
@@ -10968,13 +10957,13 @@ function Bc() {
     }
   }), e;
 }
-const gt = {
+const Et = {
   name: "VARIABLE_CATEGORY",
   callback: Bc
 };
 function bc() {
   const t = [];
-  if (at().length > 0)
+  if (ct().length > 0)
     t.push(H(m("LABEL_OPERATION"))), t.push(C("add_data_v1")), t.push(C("delete_data_v1")), t.push(C("update_data_v1")), t.push(C("query_data_v1")), t.push(C("transaction_v1")), t.push(
       C("interrupt_transaction_v1", [wt("VALUE")])
     ), t.push(H(m("LABEL_CONDITION"))), t.push(C("cond_logic_v1")), t.push(C("cond_atomic_v1", [wt("VALUE")])), t.push(H(m("LABEL_QUERY_EXTRA"))), t.push(
@@ -11753,13 +11742,13 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
       categorystyle: "variable_category",
-      custom: gt.name
+      custom: Et.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_PROCEDURE}",
       categorystyle: "procedure_category",
-      custom: Et.name
+      custom: Tt.name
     },
     {
       kind: "category",
@@ -11812,13 +11801,13 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
       categorystyle: "variable_category",
-      custom: gt.name
+      custom: Et.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_PROCEDURE}",
       categorystyle: "procedure_category",
-      custom: Et.name
+      custom: Tt.name
     }
   ]
 }, wc = {
@@ -11859,13 +11848,13 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
       categorystyle: "variable_category",
-      custom: gt.name
+      custom: Et.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_PROCEDURE}",
       categorystyle: "procedure_category",
-      custom: Et.name
+      custom: Tt.name
     }
   ]
 }, Fc = {
@@ -11932,13 +11921,13 @@ const Ce = { name: "COMPUTE_MISC_CATEGORY", callback: Uc }, Re = {
       kind: "category",
       name: "%{BKY_CATEGORY_VARIABLE}",
       categorystyle: "variable_category",
-      custom: gt.name
+      custom: Et.name
     },
     {
       kind: "category",
       name: "%{BKY_CATEGORY_PROCEDURE}",
       categorystyle: "procedure_category",
-      custom: Et.name
+      custom: Tt.name
     },
     {
       kind: "category",
@@ -11996,7 +11985,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(gt), o(Et), o(Ie), o(Ee)) : e === "comp" ? n === "v1" && (o(vo), o(ge), o(Ae), o(gt), o(Et), o(Ie), o(Ee)) : e === "func" ? n === "v1" && (o(ve), o(Oe), o(ye), o(Ce), o(gt), o(Et)) : e === "flow" && n === "v1" && (o(ve), o(Oe), o(ye), o(Ce), o(gt), o(Et));
+  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));
 }
 function Gc(t) {
   const { router: e } = vt;
@@ -12090,7 +12079,7 @@ function jc(t) {
     if (o.type === "json_root_v1")
       return e(o);
 }
-const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
+const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ dt({
   __name: "index",
   props: /* @__PURE__ */ tn({
     type: {},
@@ -12234,7 +12223,7 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
       fireStateChange: Po
     }), (b, St) => {
       const Ye = Y("v-icon"), oe = Y("x-loading");
-      return U(), st("div", Xc, [
+      return U(), at("div", Xc, [
         j("div", {
           id: r,
           ref_key: "blocklyDiv",
@@ -12246,7 +12235,7 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
         }, [
           Ii(b.$slots, "bottom")
         ], 4),
-        T.value ? (U(), st("div", {
+        T.value ? (U(), at("div", {
           key: 0,
           class: "d-flex flex-column justify-center align-center",
           style: z(D.value)
@@ -12255,8 +12244,8 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
             icon: "mdi-delete",
             size: "x-large"
           })
-        ], 4)) : mt("", !0),
-        f.value ? mt("", !0) : (U(), st("div", {
+        ], 4)) : ft("", !0),
+        f.value ? ft("", !0) : (U(), at("div", {
           key: 1,
           class: "d-flex align-end ga-3 pt-3 pr-3",
           style: z(Rt.value)
@@ -12277,14 +12266,14 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
             type: E.value
           }, null, 8, ["lock", "type"])
         ], 4)),
-        i.value ? (U(), st("div", {
+        i.value ? (U(), at("div", {
           key: 2,
           style: z(Q.value)
-        }, null, 4)) : mt("", !0),
-        i.value ? (U(), st("div", {
+        }, null, 4)) : ft("", !0),
+        i.value ? (U(), at("div", {
           key: 3,
           style: z(Fe.value)
-        }, null, 4)) : mt("", !0),
+        }, null, 4)) : ft("", !0),
         j("div", {
           ref_key: "parentContainer",
           ref: h,
@@ -12297,7 +12286,7 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
       ]);
     };
   }
-}), qc = /* @__PURE__ */ ht({
+}), qc = /* @__PURE__ */ dt({
   __name: "index",
   props: {
     code: {}
@@ -12308,12 +12297,12 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
     const n = ei.component, { backgroundColor2: o } = zt();
     return (i, a) => {
       const c = Y("v-sheet");
-      return U(), ut(c, {
+      return U(), _t(c, {
         color: F(o),
         height: "100%",
         width: "100%"
       }, {
-        default: _t(() => [
+        default: pt(() => [
           M(F(n), {
             code: e.code,
             language: "js"
@@ -12323,7 +12312,7 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
       }, 8, ["color"]);
     };
   }
-}), Qc = { class: "text-subtitle-1" }, zc = { class: "w-100 h-100 overflow-auto" }, Zc = /* @__PURE__ */ ht({
+}), Qc = { class: "text-subtitle-1" }, zc = { class: "w-100 h-100 overflow-auto" }, Zc = /* @__PURE__ */ dt({
   __name: "index",
   setup(t) {
     const { t: e } = te(), { sysBarAvail: n } = Xn(), { backgroundColor0: o, backgroundColor2: i } = zt(), a = Ut(""), c = $(() => {
@@ -12337,7 +12326,7 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
     }, { open: _ } = _n("sourceDlg", r);
     return (h, l) => {
       const d = Y("v-sheet"), p = Y("v-btn"), f = Y("v-spacer"), T = Y("v-dialog");
-      return U(), ut(T, {
+      return U(), _t(T, {
         modelValue: F(_),
         "onUpdate:modelValue": l[1] || (l[1] = (E) => ae(_) ? _.value = E : null),
         fullscreen: "",
@@ -12346,24 +12335,24 @@ const Xc = { class: "position-relative w-100 h-100" }, Jc = /* @__PURE__ */ ht({
         transition: "dialog-bottom-transition",
         onKeydown: l[2] || (l[2] = no(Ht((E) => _.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        default: _t(() => [
+        default: pt(() => [
           M(d, {
             color: F(o),
             height: "100%",
             width: "100%"
           }, {
-            default: _t(() => [
-              F(n) ? (U(), ut(d, {
+            default: pt(() => [
+              F(n) ? (U(), _t(d, {
                 key: 0,
                 color: F(i),
                 height: 24
-              }, null, 8, ["color"])) : mt("", !0),
+              }, null, 8, ["color"])) : ft("", !0),
               M(d, {
                 class: "d-flex align-center px-2",
                 color: F(i),
                 height: 48
               }, {
-                default: _t(() => [
+                default: pt(() => [
                   M(p, {
                     density: "comfortable",
                     icon: "mdi-close",