@fluxscape/react-runtime 1.0.6 → 1.0.7

package/dist/index.es.js

@@ -997,8 +997,8 @@ NodeScope.prototype.sendEventFromThisScope = function(e, t, n, o, r) {
   } else if (n === "children") {
     var u = this.nodes;
     for (var d in u) {
-      var h = u[d].children;
-      h && h.forEach((g) => {
+      var p = u[d].children;
+      p && p.forEach((g) => {
         if (g.name && this.context.hasComponentModelWithName(g.name)) {
           var b = g.nodeScope.sendEventFromThisScope(
             e,
@@ -1015,9 +1015,9 @@ NodeScope.prototype.sendEventFromThisScope = function(e, t, n, o, r) {
     if (this.componentOwner.parent ? g = this.componentOwner.parent.nodeScope : g = this.componentOwner.parentNodeScope, !g) return;
     var u = g.nodes;
     for (var d in u) {
-      var h = u[d].children;
-      if (h) {
-        var f = h.filter(
+      var p = u[d].children;
+      if (p) {
+        var f = p.filter(
           (A) => A.name && this.context.hasComponentModelWithName(A.name) && A.nodeScope !== this
         );
         f.forEach((A) => {
@@ -1520,9 +1520,9 @@ NodeContext.prototype.showPopup = async function(e, t, n) {
   );
   if (l && l.length > 0)
     for (var u = 0; u < l.length; u++)
-      l[u]._setCloseCallback((d, h) => {
+      l[u]._setCloseCallback((d, p) => {
         this.scheduleNextFrame(() => {
-          o.hasNodeWithId(s.id) && (this.onClosePopup(s), o.deleteNode(s), n && n.onClosePopup && n.onClosePopup(d, h));
+          o.hasNodeWithId(s.id) && (this.onClosePopup(s), o.deleteNode(s), n && n.onClosePopup && n.onClosePopup(d, p));
         });
       });
   this.onShowPopup(s), requestAnimationFrame(() => {
@@ -1739,7 +1739,7 @@ EditorConnection.prototype.sendDynamicPorts = function(e, t, n) {
       var r = Array.isArray(n.detectRenamed) ? n.detectRenamed : [n.detectRenamed], s = [];
       r.forEach((a) => {
         var l = JSON.parse(dynamicPortsHash[e]), u = [].concat(t);
-        a.prefix && (l = l.filter((h) => h.name.startsWith(a.prefix)), u = u.filter((h) => h.name.startsWith(a.prefix))), a.plug && (l = l.filter((h) => h.plug === a.plug), u = u.filter((h) => h.plug === a.plug)), u = u.map((h) => h.name.substring((a.prefix || "").length)), l = l.map((h) => h.name.substring((a.prefix || "").length));
+        a.prefix && (l = l.filter((p) => p.name.startsWith(a.prefix)), u = u.filter((p) => p.name.startsWith(a.prefix))), a.plug && (l = l.filter((p) => p.plug === a.plug), u = u.filter((p) => p.plug === a.plug)), u = u.map((p) => p.name.substring((a.prefix || "").length)), l = l.map((p) => p.name.substring((a.prefix || "").length));
         var d = _detectRename(l, u);
         d && s.push({
           plug: a.plug,
@@ -2053,11 +2053,11 @@ function generateNodeLibrary(e) {
       searchTags: a.searchTags
     };
     t.nodetypes.push(l), a.version && (l.version = a.version), a.displayNodeName && (l.displayNodeName = a.displayNodeName), a.nodeDoubleClickAction && (l.nodeDoubleClickAction = a.nodeDoubleClickAction), a.shortDesc && (l.shortDesc = a.shortDesc), a.module && (l.module = a.module), a.deprecated && (l.deprecated = !0), a.haveComponentPorts && (l.haveComponentPorts = !0), a.category === "Visual" && (l.allowAsChild = !0, l.allowAsExportRoot = !0, l.color = "visual"), a.allowAsExportRoot !== void 0 && (l.allowAsExportRoot = a.allowAsExportRoot), a.allowChildren && (l.allowChildrenWithCategory = ["Visual"], l.color = "visual"), a.allowChildrenWithCategory && (l.allowChildrenWithCategory = a.allowChildrenWithCategory), a.singleton && (l.singleton = !0), a.allowAsChild && (l.allowAsChild = !0), a.docs && (l.docs = a.docs), a.shortDocs ? l.shortDocs = a.shortDocs : a.docs && a.docs.indexOf("https://docs.noodl.net") === 0 && (l.shortDocs = a.docs.replace("/#", "") + "-short.md"), l.category = a.category, a.panels && (l.panels = a.panels), a.usePortAsLabel && (l.usePortAsLabel = a.usePortAsLabel, l.portLabelTruncationMode = a.portLabelTruncationMode), a.color && (l.color = a.color), a.dynamicports && (l.dynamicports = formatDynamicPorts(a)), a.exportDynamicPorts && (l.exportDynamicPorts = a.exportDynamicPorts), a.visualStates && (l.visualStates = a.visualStates), a.useVariants && (l.useVariants = a.useVariants), a.connectionPanel && (l.connectionPanel = a.connectionPanel), l.ports = [];
-    var u = l.dynamicports || [], d = {}, h = {};
+    var u = l.dynamicports || [], d = {}, p = {};
     u.filter((g) => g.channelPort !== void 0).forEach((g) => {
-      h[g.channelPort.plug + "/" + g.channelPort.name] = !0;
+      p[g.channelPort.plug + "/" + g.channelPort.name] = !0;
     }), u.length && (l.dynamicports = u), Object.keys(a.inputs).forEach(function(g) {
-      if (!(d.hasOwnProperty("input/" + g) || h.hasOwnProperty("input/" + g))) {
+      if (!(d.hasOwnProperty("input/" + g) || p.hasOwnProperty("input/" + g))) {
         var b = a.inputs[g];
         b.exportToEditor !== !1 && l.ports.push(formatPort(g, b, "input"));
       }
@@ -2071,7 +2071,7 @@ function generateNodeLibrary(e) {
       b.group && (_.group = b.group), b.displayName && (_.displayName = b.displayName), b.editorName && (_.editorName = b.editorName), b.hasOwnProperty("index") && (_.index = b.index), l.ports.push(_);
     }
     Object.keys(a.outputs).forEach(function(g) {
-      if (!(d.hasOwnProperty("output/" + g) || h.hasOwnProperty("output/" + g))) {
+      if (!(d.hasOwnProperty("output/" + g) || p.hasOwnProperty("output/" + g))) {
         var b = a.outputs[g];
         f(g, b);
       }
@@ -2931,18 +2931,18 @@ function defineNode(e) {
   }), r = function(s, a, l) {
     const u = new o(s, a);
     return u._inputs = Object.create(n), Object.keys(e.inputs).forEach(function(d) {
-      var h = e.inputs[d];
-      h.valueChangedToTrue && (u._inputs[d] = {
+      var p = e.inputs[d];
+      p.valueChangedToTrue && (u._inputs[d] = {
         set: createSetter({
-          valueChangedToTrue: h.valueChangedToTrue
+          valueChangedToTrue: p.valueChangedToTrue
         })
       });
     }), Object.keys(e.outputs).forEach(function(d) {
-      var h = e.outputs[d];
-      h.type === "signal" ? u.registerOutput(d, {
+      var p = e.outputs[d];
+      p.type === "signal" ? u.registerOutput(d, {
         getter() {
         }
-      }) : u.registerOutput(d, h);
+      }) : u.registerOutput(d, p);
     }), e.numberedInputs && registerNumberedInputs(u, e.numberedInputs), u.nodeScope = l, initializeDefaultValues(u._inputValues, t.inputs), e.initialize.call(u), u;
   };
   return r.metadata = t, e.numberedInputs && registerSetupFunctionForNumberedInputs(
@@ -2957,16 +2957,16 @@ function registerSetupFunctionForNumberedInputs(e, t, n) {
     const a = r.editorConnection;
     if (!a || !a.isRunningLocally())
       return;
-    function l(d, h, f) {
+    function l(d, p, f) {
       const g = d.component.getConnectionsTo(d.id).map((A) => A.targetPort), b = Object.keys(d.parameters).concat(g).filter(
-        (A) => A.startsWith(h + " ")
+        (A) => A.startsWith(p + " ")
       ), _ = (b.length ? 1 + Math.max(
-        ...b.map((A) => Number(A.slice(h.length + 1)))
+        ...b.map((A) => Number(A.slice(p.length + 1)))
       ) : 0) + 1, T = [];
       for (let A = 0; A < _; A++) {
         const v = {
-          name: h + " " + A,
-          displayName: (f.displayPrefix || h) + " " + A,
+          name: p + " " + A,
+          displayName: (f.displayPrefix || p) + " " + A,
           type: f.type,
           plug: "input",
           group: f.group
@@ -2976,10 +2976,10 @@ function registerSetupFunctionForNumberedInputs(e, t, n) {
       return T;
     }
     function u(d) {
-      const h = o.map(
+      const p = o.map(
         (f) => l(d, f, n[f])
       ).flat();
-      a.sendDynamicPorts(d.id, h);
+      a.sendDynamicPorts(d.id, p);
     }
     s.on("nodeAdded." + t, (d) => {
       u(d), d.on("parameterUpdated", () => {
@@ -3008,9 +3008,9 @@ function difference$1(e, t) {
 }
 async function handleEvent(e, t, n) {
   function o(l, u) {
-    var d = {}, h = {};
+    var d = {}, p = {};
     u.forEach(function(v) {
-      v && v.plug === "outputs" && (v.plug = "output"), (v.plug === "input" || v.plug === "input/output") && (d[v.name] = v), (v.plug === "output" || v.plug === "input/output") && (h[v.name] = v);
+      v && v.plug === "outputs" && (v.plug = "output"), (v.plug === "input" || v.plug === "input/output") && (d[v.name] = v), (v.plug === "output" || v.plug === "input/output") && (p[v.name] = v);
     });
     var f = Object.keys(l.getInputPorts()), g = difference$1(
       f,
@@ -3025,24 +3025,24 @@ async function handleEvent(e, t, n) {
         v,
         l.parameters[v]
       );
-    }), l.updateOutputPortTypes(h);
+    }), l.updateOutputPortTypes(p);
     var _ = Object.keys(l.getOutputPorts()), T = difference$1(
       _,
-      Object.keys(h)
+      Object.keys(p)
     ), A = difference$1(
-      Object.keys(h),
+      Object.keys(p),
       _
     );
     T.forEach(
       l.removeOutputPortWithName.bind(l)
     ), A.forEach(function(v) {
-      l.addOutputPort(h[v]);
+      l.addOutputPort(p[v]);
     });
   }
-  function r(l, u, d, h) {
+  function r(l, u, d, p) {
     var f = l.getNodesWithIdRecursive(u.id);
     f.forEach(function(g) {
-      g.queueInput(d, h);
+      g.queueInput(d, p);
     });
   }
   var s;
@@ -3091,8 +3091,8 @@ async function handleEvent(e, t, n) {
           const d = new Set(
             Object.keys(l.parameters).concat(Object.keys(l.oldParameters))
           );
-          for (const h of d)
-            u.setParameter(h, l.parameters[h]);
+          for (const p of d)
+            u.setParameter(p, l.parameters[p]);
         }
         l.parameterName && u.setParameter(
           l.parameterName,
@@ -3906,8 +3906,8 @@ const RunTasksDefinition = {
             var l = this.status, u = this.getResponseHeader("content-type"), d = this.response;
             if (delete this._xhr, u) {
               u = u.toLowerCase();
-              const h = u.indexOf("json") !== -1 ? JSON.parse(d) : d;
-              o.doResponse(l, h, e), a = !0;
+              const p = u.indexOf("json") !== -1 ? JSON.parse(d) : d;
+              o.doResponse(l, p, e), a = !0;
             }
             a === !1 && o.doResponse(l, d, e);
           }
@@ -3999,26 +3999,26 @@ function _parseScriptForErrors(e, t, n, o, r, s) {
       o.id,
       "rest-parse-waring-" + n
     );
-  } catch (h) {
+  } catch (p) {
     r.editorConnection.sendWarning(
       o.component.name,
       o.id,
       "rest-parse-waring-" + n,
       {
-        message: "<strong>" + n + "</strong>: " + h.message,
+        message: "<strong>" + n + "</strong>: " + p.message,
         showGlobally: !0
       }
     );
   }
-  function a(h) {
-    return s.find((f) => f.name === h) !== void 0;
+  function a(p) {
+    return s.find((f) => f.name === p) !== void 0;
   }
   const l = e.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g, ""), u = l.match(/Inputs\.[A-Za-z0-9]+/g);
   if (u) {
-    const h = {};
+    const p = {};
     u.forEach((f) => {
-      h[f.substring(7)] = !0;
-    }), Object.keys(h).forEach((f) => {
+      p[f.substring(7)] = !0;
+    }), Object.keys(p).forEach((f) => {
       a("in-" + f) || s.push({
         name: "in-" + f,
         displayName: f,
@@ -4030,10 +4030,10 @@ function _parseScriptForErrors(e, t, n, o, r, s) {
   }
   const d = l.match(/Outputs\.[A-Za-z0-9]+/g);
   if (d) {
-    const h = {};
+    const p = {};
     d.forEach((f) => {
-      h[f.substring(8)] = !0;
-    }), Object.keys(h).forEach((f) => {
+      p[f.substring(8)] = !0;
+    }), Object.keys(p).forEach((f) => {
       a("out-" + f) || s.push({
         name: "out-" + f,
         displayName: f,
@@ -4063,10 +4063,10 @@ const RestNode$1 = {
         if (o.parameters.resource) {
           var l = o.parameters.resource.match(/\{[A-Za-z0-9_]*\}/g);
           for (var u in l) {
-            var d = l[u], h = d.replace("{", "").replace("}", "");
-            a("in-" + h) || s.push({
-              name: "in-" + h,
-              displayName: h,
+            var d = l[u], p = d.replace("{", "").replace("}", "");
+            a("in-" + p) || s.push({
+              name: "in-" + p,
+              displayName: p,
               type: "string",
               plug: "input",
               group: "Inputs"
@@ -4110,7 +4110,7 @@ var lodash_difference, hasRequiredLodash_difference;
 function requireLodash_difference() {
   if (hasRequiredLodash_difference) return lodash_difference;
   hasRequiredLodash_difference = 1;
-  var e = 200, t = "__lodash_hash_undefined__", n = 9007199254740991, o = "[object Arguments]", r = "[object Function]", s = "[object GeneratorFunction]", a = /[\\^$.*+?()[\]{}|]/g, l = /^\[object .+?Constructor\]$/, u = typeof commonjsGlobal$1 == "object" && commonjsGlobal$1 && commonjsGlobal$1.Object === Object && commonjsGlobal$1, d = typeof self == "object" && self && self.Object === Object && self, h = u || d || Function("return this")();
+  var e = 200, t = "__lodash_hash_undefined__", n = 9007199254740991, o = "[object Arguments]", r = "[object Function]", s = "[object GeneratorFunction]", a = /[\\^$.*+?()[\]{}|]/g, l = /^\[object .+?Constructor\]$/, u = typeof commonjsGlobal$1 == "object" && commonjsGlobal$1 && commonjsGlobal$1.Object === Object && commonjsGlobal$1, d = typeof self == "object" && self && self.Object === Object && self, p = u || d || Function("return this")();
   function f(C, x, V) {
     switch (V.length) {
       case 0:
@@ -4165,12 +4165,12 @@ function requireLodash_difference() {
       }
     return x;
   }
-  var N = Array.prototype, w = Function.prototype, E = Object.prototype, F = h["__core-js_shared__"], L = function() {
+  var N = Array.prototype, w = Function.prototype, E = Object.prototype, F = p["__core-js_shared__"], L = function() {
     var C = /[^.]+$/.exec(F && F.keys && F.keys.IE_PROTO || "");
     return C ? "Symbol(src)_1." + C : "";
   }(), B = w.toString, H = E.hasOwnProperty, J = E.toString, ie = RegExp(
     "^" + B.call(H).replace(a, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), pe = h.Symbol, xe = E.propertyIsEnumerable, Me = N.splice, ae = pe ? pe.isConcatSpreadable : void 0, Ie = Math.max, Te = Se(h, "Map"), Ne = Se(Object, "create");
+  ), pe = p.Symbol, xe = E.propertyIsEnumerable, Me = N.splice, ae = pe ? pe.isConcatSpreadable : void 0, Ie = Math.max, Te = Se(p, "Map"), Ne = Se(Object, "create");
   function me(C) {
     var x = -1, V = C ? C.length : 0;
     for (this.clear(); ++x < V; ) {
@@ -4271,7 +4271,7 @@ function requireLodash_difference() {
   Re.prototype.add = Re.prototype.push = We, Re.prototype.has = st;
   function K(C, x) {
     for (var V = C.length; V--; )
-      if (p(C[V][0], x))
+      if (h(C[V][0], x))
         return V;
     return -1;
   }
@@ -4350,7 +4350,7 @@ function requireLodash_difference() {
   var c = ye(function(C, x) {
     return M(C) ? et(C, tt(x, 1, M)) : [];
   });
-  function p(C, x) {
+  function h(C, x) {
     return C === x || C !== C && x !== x;
   }
   function y(C) {
@@ -5247,11 +5247,11 @@ Object.defineProperty(Array.prototype, "set", {
     if (e === this) return;
     e = e || [];
     function o(d) {
-      for (var h = {}, f = d.length, g = 0; g < f; g++) {
+      for (var p = {}, f = d.length, g = 0; g < f; g++) {
         var b = d[g];
-        h[b.getId()] = b;
+        p[b.getId()] = b;
       }
-      return h;
+      return p;
     }
     var r = [];
     for (t = e.length, n = 0; n < t; n++) {
@@ -5366,8 +5366,8 @@ function convertVisualFilter(e, t) {
       return convertVisualFilter(e.rules[0], t);
     {
       const u = {}, d = "$" + e.combinator;
-      return u[d] = [], e.rules.forEach((h) => {
-        var f = convertVisualFilter(h, t);
+      return u[d] = [], e.rules.forEach((p) => {
+        var f = convertVisualFilter(p, t);
         f !== void 0 && u[d].push(f);
       }), u;
     }
@@ -5786,10 +5786,10 @@ var DbCollectionNode$2 = {
         const d = this._internal.visualFilter !== void 0 ? convertVisualFilter(this._internal.visualFilter, {
           queryParameters: this._internal.queryParameters,
           collectionName: this._internal.name
-        }) : void 0, h = this._internal.visualSorting !== void 0 ? convertVisualSorting(this._internal.visualSorting) : void 0;
+        }) : void 0, p = this._internal.visualSorting !== void 0 ? convertVisualSorting(this._internal.visualSorting) : void 0;
         return {
           where: d,
-          sort: h
+          sort: p
         };
       } else if (e.storageFilterType === "json") {
         if (!this._internal.filterFunc)
@@ -5798,12 +5798,12 @@ var DbCollectionNode$2 = {
             t = t.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g, ""), this._internal.filterVariables = t.match(/\$[A-Za-z0-9]+/g) || [];
             var n = ["filter", "where", "sort", "Inputs"].concat(this._internal.filterVariables).concat([t]);
             this._internal.filterFunc = Function.apply(null, n);
-          } catch (h) {
-            this._internal.filterFunc = void 0, console.log("Error while parsing filter script: " + h);
+          } catch (p) {
+            this._internal.filterFunc = void 0, console.log("Error while parsing filter script: " + p);
           }
         if (!this._internal.filterFunc) return;
-        var o = {}, r = [], s = this, a = function(h) {
-          o = convertFilterOp(h, {
+        var o = {}, r = [], s = this, a = function(p) {
+          o = convertFilterOp(p, {
             collectionName: s._internal.name,
             error(f) {
               s.context.editorConnection.sendWarning(
@@ -5816,22 +5816,22 @@ var DbCollectionNode$2 = {
               );
             }
           });
-        }, l = function(h) {
-          r = h;
+        }, l = function(p) {
+          r = p;
         };
         const d = {};
-        for (let h in e)
-          h.startsWith("storageFilterValue-") && (d[h.substring(19)] = e[h]);
+        for (let p in e)
+          p.startsWith("storageFilterValue-") && (d[p.substring(19)] = e[p]);
         var u = [a, a, l, d];
-        this._internal.filterVariables.forEach((h) => {
+        this._internal.filterVariables.forEach((p) => {
           u.push(
-            e["storageFilterValue-" + h.substring(1)]
+            e["storageFilterValue-" + p.substring(1)]
           );
         });
         try {
           this._internal.filterFunc.apply(this, u);
-        } catch (h) {
-          console.log("Error while running filter script: " + h);
+        } catch (p) {
+          console.log("Error while running filter script: " + p);
         }
         return { where: o, sort: r };
       }
@@ -6025,10 +6025,10 @@ function updatePorts$6$1(e, t, n, o) {
     var d = t.storageJSONFilter;
     if (d) {
       d = d.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g, "");
-      var h = d.match(/\$[A-Za-z0-9]+/g);
-      if (h) {
+      var p = d.match(/\$[A-Za-z0-9]+/g);
+      if (p) {
         const f = {};
-        h.forEach((g) => {
+        p.forEach((g) => {
           f[g] = !0;
         }), Object.keys(f).forEach((g) => {
           r.push({
@@ -6331,9 +6331,9 @@ function updatePorts$5$1(e, t, n, o) {
     var u = s.find((g) => g.name === t.collectionName);
     if (u === void 0 && a && (u = a.find((g) => g.name === t.collectionName)), u && u.schema && u.schema.properties) {
       var d = u.schema.properties;
-      for (var h in d) {
-        var f = d[h];
-        if (!r.find((g) => g.name === h) && f.type !== "Relation") {
+      for (var p in d) {
+        var f = d[p];
+        if (!r.find((g) => g.name === p) && f.type !== "Relation") {
           const g = {
             String: "string",
             Boolean: "boolean",
@@ -6346,14 +6346,14 @@ function updatePorts$5$1(e, t, n, o) {
             },
             plug: "output",
             group: "Properties",
-            name: "prop-" + h,
-            displayName: h
+            name: "prop-" + p,
+            displayName: p
           }), r.push({
             type: "signal",
             plug: "output",
             group: "Changed Events",
-            displayName: h + " Changed",
-            name: "changed-" + h
+            displayName: p + " Changed",
+            name: "changed-" + p
           });
         }
       }
@@ -6461,7 +6461,7 @@ function addBaseInfo$1(e, t) {
       function a(l) {
         function u() {
           var d = [];
-          const h = s.getMetaData("dbCollections"), f = s.getMetaData("systemCollections"), g = [
+          const p = s.getMetaData("dbCollections"), f = s.getMetaData("systemCollections"), g = [
             { label: "User", value: "_User" },
             { label: "Role", value: "_Role" }
           ], b = l.parameters;
@@ -6472,13 +6472,13 @@ function addBaseInfo$1(e, t) {
             type: {
               name: "enum",
               enums: g.concat(
-                h !== void 0 ? h.map((I) => ({ value: I.name, label: I.name })) : []
+                p !== void 0 ? p.map((I) => ({ value: I.name, label: I.name })) : []
               ),
               allowEditOnly: !0
             },
             plug: "input"
-          }), o && b.collectionName && h) {
-            var _ = h.find(
+          }), o && b.collectionName && p) {
+            var _ = p.find(
               (I) => I.name === b.collectionName
             );
             if (_ === void 0 && f && (_ = f.find(
@@ -6494,14 +6494,14 @@ function addBaseInfo$1(e, t) {
               });
             }
           }
-          if (n && b.collectionName && h) {
+          if (n && b.collectionName && p) {
             const I = {
               String: "string",
               Boolean: "boolean",
               Number: "number",
               Date: "date"
             };
-            var _ = h.find(
+            var _ = p.find(
               (N) => N.name === b.collectionName
             );
             if (_ === void 0 && f && (_ = f.find(
@@ -7461,7 +7461,7 @@ function updatePorts$4$1(e, t, n, o) {
     }
     if (t.visualFilter !== void 0) {
       let l = function(d) {
-        d !== void 0 && (d.rules !== void 0 ? d.rules.forEach((h) => l(h)) : d.input !== void 0 && (u[d.input] = !0));
+        d !== void 0 && (d.rules !== void 0 ? d.rules.forEach((p) => l(p)) : d.input !== void 0 && (u[d.input] = !0));
       };
       const u = {};
       l(t.visualFilter), Object.keys(u).forEach((d) => {
@@ -9090,8 +9090,8 @@ function updatePorts$1$1(e, t, n, o) {
       for (var l in a)
         if (d.indexOf(l) === -1) {
           var u = a[l];
-          if (!r.find((h) => h.name === l) && u.type !== "Relation") {
-            const h = {
+          if (!r.find((p) => p.name === l) && u.type !== "Relation") {
+            const p = {
               String: "string",
               Boolean: "boolean",
               Number: "number",
@@ -9099,7 +9099,7 @@ function updatePorts$1$1(e, t, n, o) {
             };
             r.push({
               type: {
-                name: h[u.type] ? h[u.type] : "*"
+                name: p[u.type] ? p[u.type] : "*"
               },
               plug: "input",
               group: "Properties",
@@ -9344,8 +9344,8 @@ function updatePorts$b(e, t, n, o) {
       for (var l in a)
         if (d.indexOf(l) === -1) {
           var u = a[l];
-          if (!r.find((h) => h.name === l) && u.type !== "Relation") {
-            const h = {
+          if (!r.find((p) => p.name === l) && u.type !== "Relation") {
+            const p = {
               String: "string",
               Boolean: "boolean",
               Number: "number",
@@ -9353,7 +9353,7 @@ function updatePorts$b(e, t, n, o) {
             };
             r.push({
               type: {
-                name: h[u.type] ? h[u.type] : "*"
+                name: p[u.type] ? p[u.type] : "*"
               },
               plug: "output",
               group: "Properties",
@@ -10175,10 +10175,10 @@ function createRecordsAPI(e) {
           select: s ? s.select : void 0,
           count: s ? s.count : void 0,
           success: (u, d) => {
-            const h = u.map(
+            const p = u.map(
               (f) => n()._fromJSON(f, o)
             );
-            a(d !== void 0 ? { results: h, count: d } : h);
+            a(d !== void 0 ? { results: p, count: d } : p);
           },
           error: (u) => {
             l(Error(u || "Failed to query."));
@@ -10320,14 +10320,14 @@ function createRecordsAPI(e) {
           objectId: o,
           data: r || l.data,
           acl: s ? s.acl : void 0,
-          success: (h) => {
+          success: (p) => {
             n()._fromJSON(
-              Object.assign({ objectId: o }, h),
+              Object.assign({ objectId: o }, p),
               a
             ), u();
           },
-          error: (h) => {
-            d(Error(h || "Failed to save."));
+          error: (p) => {
+            d(Error(p || "Failed to save."));
           }
         });
       });
@@ -10380,11 +10380,11 @@ function createRecordsAPI(e) {
           key: o.key,
           targetObjectId: a,
           targetClass: l,
-          success: (h) => {
+          success: (p) => {
             u();
           },
-          error: (h) => {
-            d(Error(h || "Failed to add relation."));
+          error: (p) => {
+            d(Error(p || "Failed to add relation."));
           }
         });
       });
@@ -10400,11 +10400,11 @@ function createRecordsAPI(e) {
           key: o.key,
           targetObjectId: a,
           targetClass: l,
-          success: (h) => {
+          success: (p) => {
             u();
           },
-          error: (h) => {
-            d(Error(h || "Failed to add relation."));
+          error: (p) => {
+            d(Error(p || "Failed to add relation."));
           }
         });
       });
@@ -10793,12 +10793,12 @@ function requireEvents() {
   }, s.prototype.on = s.prototype.addListener, s.prototype.prependListener = function(w, E) {
     return d(this, w, E, !0);
   };
-  function h() {
+  function p() {
     if (!this.fired)
       return this.target.removeListener(this.type, this.wrapFn), this.fired = !0, arguments.length === 0 ? this.listener.call(this.target) : this.listener.apply(this.target, arguments);
   }
   function f(N, w, E) {
-    var F = { fired: !1, wrapFn: void 0, target: N, type: w, listener: E }, L = h.bind(F);
+    var F = { fired: !1, wrapFn: void 0, target: N, type: w, listener: E }, L = p.bind(F);
     return L.listener = E, F.wrapFn = L, L;
   }
   s.prototype.once = function(w, E) {
@@ -11579,85 +11579,85 @@ var webfontloader = { exports: {} }, hasRequiredWebfontloader;
 function requireWebfontloader() {
   return hasRequiredWebfontloader || (hasRequiredWebfontloader = 1, function(e) {
     (function() {
-      function t(c, p, y) {
+      function t(c, h, y) {
         return c.call.apply(c.bind, arguments);
       }
-      function n(c, p, y) {
+      function n(c, h, y) {
         if (!c) throw Error();
         if (2 < arguments.length) {
           var S = Array.prototype.slice.call(arguments, 2);
           return function() {
             var O = Array.prototype.slice.call(arguments);
-            return Array.prototype.unshift.apply(O, S), c.apply(p, O);
+            return Array.prototype.unshift.apply(O, S), c.apply(h, O);
           };
         }
         return function() {
-          return c.apply(p, arguments);
+          return c.apply(h, arguments);
         };
       }
-      function o(c, p, y) {
+      function o(c, h, y) {
         return o = Function.prototype.bind && Function.prototype.bind.toString().indexOf("native code") != -1 ? t : n, o.apply(null, arguments);
       }
       var r = Date.now || function() {
         return +/* @__PURE__ */ new Date();
       };
-      function s(c, p) {
-        this.a = c, this.o = p || c, this.c = this.o.document;
+      function s(c, h) {
+        this.a = c, this.o = h || c, this.c = this.o.document;
       }
       var a = !!window.FontFace;
-      function l(c, p, y, S) {
-        if (p = c.c.createElement(p), y) for (var O in y) y.hasOwnProperty(O) && (O == "style" ? p.style.cssText = y[O] : p.setAttribute(O, y[O]));
-        return S && p.appendChild(c.c.createTextNode(S)), p;
+      function l(c, h, y, S) {
+        if (h = c.c.createElement(h), y) for (var O in y) y.hasOwnProperty(O) && (O == "style" ? h.style.cssText = y[O] : h.setAttribute(O, y[O]));
+        return S && h.appendChild(c.c.createTextNode(S)), h;
       }
-      function u(c, p, y) {
-        c = c.c.getElementsByTagName(p)[0], c || (c = document.documentElement), c.insertBefore(y, c.lastChild);
+      function u(c, h, y) {
+        c = c.c.getElementsByTagName(h)[0], c || (c = document.documentElement), c.insertBefore(y, c.lastChild);
       }
       function d(c) {
         c.parentNode && c.parentNode.removeChild(c);
       }
-      function h(c, p, y) {
-        p = p || [], y = y || [];
-        for (var S = c.className.split(/\s+/), O = 0; O < p.length; O += 1) {
-          for (var M = !1, U = 0; U < S.length; U += 1) if (p[O] === S[U]) {
+      function p(c, h, y) {
+        h = h || [], y = y || [];
+        for (var S = c.className.split(/\s+/), O = 0; O < h.length; O += 1) {
+          for (var M = !1, U = 0; U < S.length; U += 1) if (h[O] === S[U]) {
             M = !0;
             break;
           }
-          M || S.push(p[O]);
+          M || S.push(h[O]);
         }
-        for (p = [], O = 0; O < S.length; O += 1) {
+        for (h = [], O = 0; O < S.length; O += 1) {
           for (M = !1, U = 0; U < y.length; U += 1) if (S[O] === y[U]) {
             M = !0;
             break;
           }
-          M || p.push(S[O]);
+          M || h.push(S[O]);
         }
-        c.className = p.join(" ").replace(/\s+/g, " ").replace(/^\s+|\s+$/, "");
+        c.className = h.join(" ").replace(/\s+/g, " ").replace(/^\s+|\s+$/, "");
       }
-      function f(c, p) {
-        for (var y = c.className.split(/\s+/), S = 0, O = y.length; S < O; S++) if (y[S] == p) return !0;
+      function f(c, h) {
+        for (var y = c.className.split(/\s+/), S = 0, O = y.length; S < O; S++) if (y[S] == h) return !0;
         return !1;
       }
       function g(c) {
         return c.o.location.hostname || c.a.location.hostname;
       }
-      function b(c, p, y) {
+      function b(c, h, y) {
         function S() {
           j && O && M && (j(U), j = null);
         }
-        p = l(c, "link", { rel: "stylesheet", href: p, media: "all" });
+        h = l(c, "link", { rel: "stylesheet", href: h, media: "all" });
         var O = !1, M = !0, U = null, j = y || null;
-        a ? (p.onload = function() {
+        a ? (h.onload = function() {
           O = !0, S();
-        }, p.onerror = function() {
+        }, h.onerror = function() {
           O = !0, U = Error("Stylesheet failed to load"), S();
         }) : setTimeout(function() {
           O = !0, S();
-        }, 0), u(c, "head", p);
+        }, 0), u(c, "head", h);
       }
-      function _(c, p, y, S) {
+      function _(c, h, y, S) {
         var O = c.c.getElementsByTagName("head")[0];
         if (O) {
-          var M = l(c, "script", { src: p }), U = !1;
+          var M = l(c, "script", { src: h }), U = !1;
           return M.onload = M.onreadystatechange = function() {
             U || this.readyState && this.readyState != "loaded" && this.readyState != "complete" || (U = !0, y && y(null), M.onload = M.onreadystatechange = null, M.parentNode.tagName == "HEAD" && O.removeChild(M));
           }, O.appendChild(M), setTimeout(function() {
@@ -11674,8 +11674,8 @@ function requireWebfontloader() {
           c.a--, I(c);
         };
       }
-      function v(c, p) {
-        c.c = p, I(c);
+      function v(c, h) {
+        c.c = h, I(c);
       }
       function I(c) {
         c.a == 0 && c.c && (c.c(), c.c = null);
@@ -11684,66 +11684,66 @@ function requireWebfontloader() {
         this.a = c || "-";
       }
       k.prototype.c = function(c) {
-        for (var p = [], y = 0; y < arguments.length; y++) p.push(arguments[y].replace(/[\W_]+/g, "").toLowerCase());
-        return p.join(this.a);
+        for (var h = [], y = 0; y < arguments.length; y++) h.push(arguments[y].replace(/[\W_]+/g, "").toLowerCase());
+        return h.join(this.a);
       };
-      function N(c, p) {
+      function N(c, h) {
         this.c = c, this.f = 4, this.a = "n";
-        var y = (p || "n4").match(/^([nio])([1-9])$/i);
+        var y = (h || "n4").match(/^([nio])([1-9])$/i);
         y && (this.a = y[1], this.f = parseInt(y[2], 10));
       }
       function w(c) {
         return L(c) + " " + (c.f + "00") + " 300px " + E(c.c);
       }
       function E(c) {
-        var p = [];
+        var h = [];
         c = c.split(/,\s*/);
         for (var y = 0; y < c.length; y++) {
           var S = c[y].replace(/['"]/g, "");
-          S.indexOf(" ") != -1 || /^\d/.test(S) ? p.push("'" + S + "'") : p.push(S);
+          S.indexOf(" ") != -1 || /^\d/.test(S) ? h.push("'" + S + "'") : h.push(S);
         }
-        return p.join(",");
+        return h.join(",");
       }
       function F(c) {
         return c.a + c.f;
       }
       function L(c) {
-        var p = "normal";
-        return c.a === "o" ? p = "oblique" : c.a === "i" && (p = "italic"), p;
+        var h = "normal";
+        return c.a === "o" ? h = "oblique" : c.a === "i" && (h = "italic"), h;
       }
       function B(c) {
-        var p = 4, y = "n", S = null;
-        return c && ((S = c.match(/(normal|oblique|italic)/i)) && S[1] && (y = S[1].substr(0, 1).toLowerCase()), (S = c.match(/([1-9]00|normal|bold)/i)) && S[1] && (/bold/i.test(S[1]) ? p = 7 : /[1-9]00/.test(S[1]) && (p = parseInt(S[1].substr(0, 1), 10)))), y + p;
+        var h = 4, y = "n", S = null;
+        return c && ((S = c.match(/(normal|oblique|italic)/i)) && S[1] && (y = S[1].substr(0, 1).toLowerCase()), (S = c.match(/([1-9]00|normal|bold)/i)) && S[1] && (/bold/i.test(S[1]) ? h = 7 : /[1-9]00/.test(S[1]) && (h = parseInt(S[1].substr(0, 1), 10)))), y + h;
       }
-      function H(c, p) {
-        this.c = c, this.f = c.o.document.documentElement, this.h = p, this.a = new k("-"), this.j = p.events !== !1, this.g = p.classes !== !1;
+      function H(c, h) {
+        this.c = c, this.f = c.o.document.documentElement, this.h = h, this.a = new k("-"), this.j = h.events !== !1, this.g = h.classes !== !1;
       }
       function J(c) {
-        c.g && h(c.f, [c.a.c("wf", "loading")]), pe(c, "loading");
+        c.g && p(c.f, [c.a.c("wf", "loading")]), pe(c, "loading");
       }
       function ie(c) {
         if (c.g) {
-          var p = f(c.f, c.a.c("wf", "active")), y = [], S = [c.a.c("wf", "loading")];
-          p || y.push(c.a.c("wf", "inactive")), h(c.f, y, S);
+          var h = f(c.f, c.a.c("wf", "active")), y = [], S = [c.a.c("wf", "loading")];
+          h || y.push(c.a.c("wf", "inactive")), p(c.f, y, S);
         }
         pe(c, "inactive");
       }
-      function pe(c, p, y) {
-        c.j && c.h[p] && (y ? c.h[p](y.c, F(y)) : c.h[p]());
+      function pe(c, h, y) {
+        c.j && c.h[h] && (y ? c.h[h](y.c, F(y)) : c.h[h]());
       }
       function xe() {
         this.c = {};
       }
-      function Me(c, p, y) {
+      function Me(c, h, y) {
         var S = [], O;
-        for (O in p) if (p.hasOwnProperty(O)) {
+        for (O in h) if (h.hasOwnProperty(O)) {
           var M = c.c[O];
-          M && S.push(M(p[O], y));
+          M && S.push(M(h[O], y));
         }
         return S;
       }
-      function ae(c, p) {
-        this.c = c, this.f = p, this.a = l(this.c, "span", { "aria-hidden": "true" }, this.f);
+      function ae(c, h) {
+        this.c = c, this.f = h, this.a = l(this.c, "span", { "aria-hidden": "true" }, this.f);
       }
       function Ie(c) {
         u(c.c, "body", c.a);
@@ -11751,13 +11751,13 @@ function requireWebfontloader() {
       function Te(c) {
         return "display:block;position:absolute;top:-9999px;left:-9999px;font-size:300px;width:auto;height:auto;line-height:normal;margin:0;padding:0;font-variant:normal;white-space:nowrap;font-family:" + E(c.c) + ";" + ("font-style:" + L(c) + ";font-weight:" + (c.f + "00") + ";");
       }
-      function Ne(c, p, y, S, O, M) {
-        this.g = c, this.j = p, this.a = S, this.c = y, this.f = O || 3e3, this.h = M || void 0;
+      function Ne(c, h, y, S, O, M) {
+        this.g = c, this.j = h, this.a = S, this.c = y, this.f = O || 3e3, this.h = M || void 0;
       }
       Ne.prototype.start = function() {
-        var c = this.c.o.document, p = this, y = r(), S = new Promise(function(U, j) {
+        var c = this.c.o.document, h = this, y = r(), S = new Promise(function(U, j) {
           function z() {
-            r() - y >= p.f ? j() : c.fonts.load(w(p.a), p.h).then(function(q) {
+            r() - y >= h.f ? j() : c.fonts.load(w(h.a), h.h).then(function(q) {
               1 <= q.length ? U() : setTimeout(z, 25);
             }, function() {
               j();
@@ -11765,16 +11765,16 @@ function requireWebfontloader() {
           }
           z();
         }), O = null, M = new Promise(function(U, j) {
-          O = setTimeout(j, p.f);
+          O = setTimeout(j, h.f);
         });
         Promise.race([M, S]).then(function() {
-          O && (clearTimeout(O), O = null), p.g(p.a);
+          O && (clearTimeout(O), O = null), h.g(h.a);
         }, function() {
-          p.j(p.a);
+          h.j(h.a);
         });
       };
-      function me(c, p, y, S, O, M, U) {
-        this.v = c, this.B = p, this.c = y, this.a = S, this.s = U || "BESbswy", this.f = {}, this.w = O || 3e3, this.u = M || null, this.m = this.j = this.h = this.g = null, this.g = new ae(this.c, this.s), this.h = new ae(this.c, this.s), this.j = new ae(this.c, this.s), this.m = new ae(this.c, this.s), c = new N(this.a.c + ",serif", F(this.a)), c = Te(c), this.g.a.style.cssText = c, c = new N(this.a.c + ",sans-serif", F(this.a)), c = Te(c), this.h.a.style.cssText = c, c = new N("serif", F(this.a)), c = Te(c), this.j.a.style.cssText = c, c = new N("sans-serif", F(this.a)), c = Te(c), this.m.a.style.cssText = c, Ie(this.g), Ie(this.h), Ie(this.j), Ie(this.m);
+      function me(c, h, y, S, O, M, U) {
+        this.v = c, this.B = h, this.c = y, this.a = S, this.s = U || "BESbswy", this.f = {}, this.w = O || 3e3, this.u = M || null, this.m = this.j = this.h = this.g = null, this.g = new ae(this.c, this.s), this.h = new ae(this.c, this.s), this.j = new ae(this.c, this.s), this.m = new ae(this.c, this.s), c = new N(this.a.c + ",serif", F(this.a)), c = Te(c), this.g.a.style.cssText = c, c = new N(this.a.c + ",sans-serif", F(this.a)), c = Te(c), this.h.a.style.cssText = c, c = new N("serif", F(this.a)), c = Te(c), this.j.a.style.cssText = c, c = new N("sans-serif", F(this.a)), c = Te(c), this.m.a.style.cssText = c, Ie(this.g), Ie(this.h), Ie(this.j), Ie(this.m);
       }
       var Ee = { D: "serif", C: "sans-serif" }, Ae = null;
       function qe() {
@@ -11787,41 +11787,41 @@ function requireWebfontloader() {
       me.prototype.start = function() {
         this.f.serif = this.j.a.offsetWidth, this.f["sans-serif"] = this.m.a.offsetWidth, this.A = r(), Y(this);
       };
-      function Fe(c, p, y) {
-        for (var S in Ee) if (Ee.hasOwnProperty(S) && p === c.f[Ee[S]] && y === c.f[Ee[S]]) return !0;
+      function Fe(c, h, y) {
+        for (var S in Ee) if (Ee.hasOwnProperty(S) && h === c.f[Ee[S]] && y === c.f[Ee[S]]) return !0;
         return !1;
       }
       function Y(c) {
-        var p = c.g.a.offsetWidth, y = c.h.a.offsetWidth, S;
-        (S = p === c.f.serif && y === c.f["sans-serif"]) || (S = qe() && Fe(c, p, y)), S ? r() - c.A >= c.w ? qe() && Fe(c, p, y) && (c.u === null || c.u.hasOwnProperty(c.a.c)) ? Ve(c, c.v) : Ve(c, c.B) : ve(c) : Ve(c, c.v);
+        var h = c.g.a.offsetWidth, y = c.h.a.offsetWidth, S;
+        (S = h === c.f.serif && y === c.f["sans-serif"]) || (S = qe() && Fe(c, h, y)), S ? r() - c.A >= c.w ? qe() && Fe(c, h, y) && (c.u === null || c.u.hasOwnProperty(c.a.c)) ? Ve(c, c.v) : Ve(c, c.B) : ve(c) : Ve(c, c.v);
       }
       function ve(c) {
         setTimeout(o(function() {
           Y(this);
         }, c), 50);
       }
-      function Ve(c, p) {
+      function Ve(c, h) {
         setTimeout(o(function() {
-          d(this.g.a), d(this.h.a), d(this.j.a), d(this.m.a), p(this.a);
+          d(this.g.a), d(this.h.a), d(this.j.a), d(this.m.a), h(this.a);
         }, c), 0);
       }
-      function re(c, p, y) {
-        this.c = c, this.a = p, this.f = 0, this.m = this.j = !1, this.s = y;
+      function re(c, h, y) {
+        this.c = c, this.a = h, this.f = 0, this.m = this.j = !1, this.s = y;
       }
       var Oe = null;
       re.prototype.g = function(c) {
-        var p = this.a;
-        p.g && h(p.f, [p.a.c("wf", c.c, F(c).toString(), "active")], [p.a.c("wf", c.c, F(c).toString(), "loading"), p.a.c("wf", c.c, F(c).toString(), "inactive")]), pe(p, "fontactive", c), this.m = !0, $e(this);
+        var h = this.a;
+        h.g && p(h.f, [h.a.c("wf", c.c, F(c).toString(), "active")], [h.a.c("wf", c.c, F(c).toString(), "loading"), h.a.c("wf", c.c, F(c).toString(), "inactive")]), pe(h, "fontactive", c), this.m = !0, $e(this);
       }, re.prototype.h = function(c) {
-        var p = this.a;
-        if (p.g) {
-          var y = f(p.f, p.a.c("wf", c.c, F(c).toString(), "active")), S = [], O = [p.a.c("wf", c.c, F(c).toString(), "loading")];
-          y || S.push(p.a.c("wf", c.c, F(c).toString(), "inactive")), h(p.f, S, O);
+        var h = this.a;
+        if (h.g) {
+          var y = f(h.f, h.a.c("wf", c.c, F(c).toString(), "active")), S = [], O = [h.a.c("wf", c.c, F(c).toString(), "loading")];
+          y || S.push(h.a.c("wf", c.c, F(c).toString(), "inactive")), p(h.f, S, O);
         }
-        pe(p, "fontinactive", c), $e(this);
+        pe(h, "fontinactive", c), $e(this);
       };
       function $e(c) {
-        --c.f == 0 && c.j && (c.m ? (c = c.a, c.g && h(c.f, [c.a.c("wf", "active")], [c.a.c("wf", "loading"), c.a.c("wf", "inactive")]), pe(c, "active")) : ie(c.a));
+        --c.f == 0 && c.j && (c.m ? (c = c.a, c.g && p(c.f, [c.a.c("wf", "active")], [c.a.c("wf", "loading"), c.a.c("wf", "inactive")]), pe(c, "active")) : ie(c.a));
       }
       function Le(c) {
         this.j = c, this.a = new xe(), this.h = 0, this.f = this.g = !0;
@@ -11829,39 +11829,39 @@ function requireWebfontloader() {
       Le.prototype.load = function(c) {
         this.c = new s(this.j, c.context || this.j), this.g = c.events !== !1, this.f = c.classes !== !1, Xe(this, new H(this.c, c), c);
       };
-      function fe(c, p, y, S, O) {
+      function fe(c, h, y, S, O) {
         var M = --c.h == 0;
         (c.f || c.g) && setTimeout(function() {
           var U = O || null, j = S || null || {};
-          if (y.length === 0 && M) ie(p.a);
+          if (y.length === 0 && M) ie(h.a);
           else {
-            p.f += y.length, M && (p.j = M);
+            h.f += y.length, M && (h.j = M);
             var z, q = [];
             for (z = 0; z < y.length; z++) {
-              var C = y[z], x = j[C.c], V = p.a, G = C;
-              if (V.g && h(V.f, [V.a.c("wf", G.c, F(G).toString(), "loading")]), pe(V, "fontloading", G), V = null, Oe === null) if (window.FontFace) {
+              var C = y[z], x = j[C.c], V = h.a, G = C;
+              if (V.g && p(V.f, [V.a.c("wf", G.c, F(G).toString(), "loading")]), pe(V, "fontloading", G), V = null, Oe === null) if (window.FontFace) {
                 var G = /Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent), ee = /OS X.*Version\/10\..*Safari/.exec(window.navigator.userAgent) && /Apple/.exec(window.navigator.vendor);
                 Oe = G ? 42 < parseInt(G[1], 10) : !ee;
               } else Oe = !1;
-              Oe ? V = new Ne(o(p.g, p), o(p.h, p), p.c, C, p.s, x) : V = new me(o(p.g, p), o(p.h, p), p.c, C, p.s, U, x), q.push(V);
+              Oe ? V = new Ne(o(h.g, h), o(h.h, h), h.c, C, h.s, x) : V = new me(o(h.g, h), o(h.h, h), h.c, C, h.s, U, x), q.push(V);
             }
             for (z = 0; z < q.length; z++) q[z].start();
           }
         }, 0);
       }
-      function Xe(c, p, y) {
+      function Xe(c, h, y) {
         var O = [], S = y.timeout;
-        J(p);
-        var O = Me(c.a, y, c.c), M = new re(c.c, p, S);
-        for (c.h = O.length, p = 0, y = O.length; p < y; p++) O[p].load(function(U, j, z) {
+        J(h);
+        var O = Me(c.a, y, c.c), M = new re(c.c, h, S);
+        for (c.h = O.length, h = 0, y = O.length; h < y; h++) O[h].load(function(U, j, z) {
           fe(c, M, U, j, z);
         });
       }
-      function Be(c, p) {
-        this.c = c, this.a = p;
+      function Be(c, h) {
+        this.c = c, this.a = h;
       }
       Be.prototype.load = function(c) {
-        function p() {
+        function h() {
           if (M["__mti_fntLst" + S]) {
             var U = M["__mti_fntLst" + S](), j = [], z;
             if (U) for (var q = 0; q < U.length; q++) {
@@ -11870,7 +11870,7 @@ function requireWebfontloader() {
             }
             c(j);
           } else setTimeout(function() {
-            p();
+            h();
           }, 50);
         }
         var y = this, S = y.a.projectId, O = y.a.version;
@@ -11879,30 +11879,30 @@ function requireWebfontloader() {
           _(this.c, (y.a.api || "https://fast.fonts.net/jsapi") + "/" + S + ".js" + (O ? "?v=" + O : ""), function(U) {
             U ? c([]) : (M["__MonotypeConfiguration__" + S] = function() {
               return y.a;
-            }, p());
+            }, h());
           }).id = "__MonotypeAPIScript__" + S;
         } else c([]);
       };
-      function De(c, p) {
-        this.c = c, this.a = p;
+      function De(c, h) {
+        this.c = c, this.a = h;
       }
       De.prototype.load = function(c) {
-        var p, y, S = this.a.urls || [], O = this.a.families || [], M = this.a.testStrings || {}, U = new T();
-        for (p = 0, y = S.length; p < y; p++) b(this.c, S[p], A(U));
+        var h, y, S = this.a.urls || [], O = this.a.families || [], M = this.a.testStrings || {}, U = new T();
+        for (h = 0, y = S.length; h < y; h++) b(this.c, S[h], A(U));
         var j = [];
-        for (p = 0, y = O.length; p < y; p++) if (S = O[p].split(":"), S[1]) for (var z = S[1].split(","), q = 0; q < z.length; q += 1) j.push(new N(S[0], z[q]));
+        for (h = 0, y = O.length; h < y; h++) if (S = O[h].split(":"), S[1]) for (var z = S[1].split(","), q = 0; q < z.length; q += 1) j.push(new N(S[0], z[q]));
         else j.push(new N(S[0]));
         v(U, function() {
           c(j, M);
         });
       };
-      function Ue(c, p) {
-        c ? this.c = c : this.c = je, this.a = [], this.f = [], this.g = p || "";
+      function Ue(c, h) {
+        c ? this.c = c : this.c = je, this.a = [], this.f = [], this.g = h || "";
       }
       var je = "https://fonts.googleapis.com/css";
-      function Re(c, p) {
-        for (var y = p.length, S = 0; S < y; S++) {
-          var O = p[S].split(":");
+      function Re(c, h) {
+        for (var y = h.length, S = 0; S < y; S++) {
+          var O = h[S].split(":");
           O.length == 3 && c.f.push(O.pop());
           var M = "";
           O.length == 2 && O[1] != "" && (M = ":"), c.a.push(O.join(M));
@@ -11911,15 +11911,15 @@ function requireWebfontloader() {
       function We(c) {
         if (c.a.length == 0) throw Error("No fonts to load!");
         if (c.c.indexOf("kit=") != -1) return c.c;
-        for (var p = c.a.length, y = [], S = 0; S < p; S++) y.push(c.a[S].replace(/ /g, "+"));
-        return p = c.c + "?family=" + y.join("%7C"), 0 < c.f.length && (p += "&subset=" + c.f.join(",")), 0 < c.g.length && (p += "&text=" + encodeURIComponent(c.g)), p;
+        for (var h = c.a.length, y = [], S = 0; S < h; S++) y.push(c.a[S].replace(/ /g, "+"));
+        return h = c.c + "?family=" + y.join("%7C"), 0 < c.f.length && (h += "&subset=" + c.f.join(",")), 0 < c.g.length && (h += "&text=" + encodeURIComponent(c.g)), h;
       }
       function st(c) {
         this.f = c, this.a = [], this.c = {};
       }
       var K = { latin: "BESbswy", "latin-ext": "çöüğş", cyrillic: "йяЖ", greek: "αβΣ", khmer: "កខគ", Hanuman: "កខគ" }, et = { thin: "1", extralight: "2", "extra-light": "2", ultralight: "2", "ultra-light": "2", light: "3", regular: "4", book: "4", medium: "5", "semi-bold": "6", semibold: "6", "demi-bold": "6", demibold: "6", bold: "7", "extra-bold": "8", extrabold: "8", "ultra-bold": "8", ultrabold: "8", black: "9", heavy: "9", l: "3", r: "4", b: "7" }, tt = { i: "i", italic: "i", n: "n", normal: "n" }, le = /^(thin|(?:(?:extra|ultra)-?)?light|regular|book|medium|(?:(?:semi|demi|extra|ultra)-?)?bold|black|heavy|l|r|b|[1-9]00)?(n|i|normal|italic)?$/;
       function ye(c) {
-        for (var p = c.f.length, y = 0; y < p; y++) {
+        for (var h = c.f.length, y = 0; y < h; y++) {
           var S = c.f[y].split(":"), O = S[0].replace(/\+/g, " "), M = ["n4"];
           if (2 <= S.length) {
             var U, j = S[1];
@@ -11941,24 +11941,24 @@ function requireWebfontloader() {
           for (c.c[O] || (S = K[O]) && (c.c[O] = S), S = 0; S < M.length; S += 1) c.a.push(new N(O, M[S]));
         }
       }
-      function ue(c, p) {
-        this.c = c, this.a = p;
+      function ue(c, h) {
+        this.c = c, this.a = h;
       }
       var Se = { Arimo: !0, Cousine: !0, Tinos: !0 };
       ue.prototype.load = function(c) {
-        var p = new T(), y = this.c, S = new Ue(this.a.api, this.a.text), O = this.a.families;
+        var h = new T(), y = this.c, S = new Ue(this.a.api, this.a.text), O = this.a.families;
         Re(S, O);
         var M = new st(O);
-        ye(M), b(y, We(S), A(p)), v(p, function() {
+        ye(M), b(y, We(S), A(h)), v(h, function() {
           c(M.a, M.c, Se);
         });
       };
-      function ge(c, p) {
-        this.c = c, this.a = p;
+      function ge(c, h) {
+        this.c = c, this.a = h;
       }
       ge.prototype.load = function(c) {
-        var p = this.a.id, y = this.c.o;
-        p ? _(this.c, (this.a.api || "https://use.typekit.net") + "/" + p + ".js", function(S) {
+        var h = this.a.id, y = this.c.o;
+        h ? _(this.c, (this.a.api || "https://use.typekit.net") + "/" + h + ".js", function(S) {
           if (S) c([]);
           else if (y.Typekit && y.Typekit.config && y.Typekit.config.fn) {
             S = y.Typekit.config.fn;
@@ -11971,32 +11971,32 @@ function requireWebfontloader() {
           }
         }, 2e3) : c([]);
       };
-      function ze(c, p) {
-        this.c = c, this.f = p, this.a = [];
+      function ze(c, h) {
+        this.c = c, this.f = h, this.a = [];
       }
       ze.prototype.load = function(c) {
-        var p = this.f.id, y = this.c.o, S = this;
-        p ? (y.__webfontfontdeckmodule__ || (y.__webfontfontdeckmodule__ = {}), y.__webfontfontdeckmodule__[p] = function(O, M) {
+        var h = this.f.id, y = this.c.o, S = this;
+        h ? (y.__webfontfontdeckmodule__ || (y.__webfontfontdeckmodule__ = {}), y.__webfontfontdeckmodule__[h] = function(O, M) {
           for (var U = 0, j = M.fonts.length; U < j; ++U) {
             var z = M.fonts[U];
             S.a.push(new N(z.name, B("font-weight:" + z.weight + ";font-style:" + z.style)));
           }
           c(S.a);
-        }, _(this.c, (this.f.api || "https://f.fontdeck.com/s/css/js/") + g(this.c) + "/" + p + ".js", function(O) {
+        }, _(this.c, (this.f.api || "https://f.fontdeck.com/s/css/js/") + g(this.c) + "/" + h + ".js", function(O) {
           O && c([]);
         })) : c([]);
       };
       var Z = new Le(window);
-      Z.a.c.custom = function(c, p) {
-        return new De(p, c);
-      }, Z.a.c.fontdeck = function(c, p) {
-        return new ze(p, c);
-      }, Z.a.c.monotype = function(c, p) {
-        return new Be(p, c);
-      }, Z.a.c.typekit = function(c, p) {
-        return new ge(p, c);
-      }, Z.a.c.google = function(c, p) {
-        return new ue(p, c);
+      Z.a.c.custom = function(c, h) {
+        return new De(h, c);
+      }, Z.a.c.fontdeck = function(c, h) {
+        return new ze(h, c);
+      }, Z.a.c.monotype = function(c, h) {
+        return new Be(h, c);
+      }, Z.a.c.typekit = function(c, h) {
+        return new ge(h, c);
+      }, Z.a.c.google = function(c, h) {
+        return new ue(h, c);
       };
       var Ce = { load: o(Z.load, Z) };
       e.exports ? e.exports = Ce : (window.WebFont = Ce, window.WebFontConfig && Z.load(window.WebFontConfig));
@@ -12659,12 +12659,12 @@ const NodeSharedPortDefinitions = {
     const n = t.defaults || {}, o = t.styleTag;
     n.borderRadius || (n.borderRadius = 0);
     function r(a, l, u, d) {
-      const h = (b) => `${b} ${l ? "(" + l + ")" : ""}`, f = { group: "corners", tab: u, label: l }, g = `border${l}Radius`;
+      const p = (b) => `${b} ${l ? "(" + l + ")" : ""}`, f = { group: "corners", tab: u, label: l }, g = `border${l}Radius`;
       addInputs$1(a, {
         [g]: {
           index: 240 + d,
           displayName: "Corner Radius",
-          editorName: h("Corner Radius"),
+          editorName: p("Corner Radius"),
           group: "Corner Radius",
           type: {
             name: "number",
@@ -12682,8 +12682,8 @@ const NodeSharedPortDefinitions = {
     }
     r(e, "", "corners-all", 0), r(e, "TopLeft", "corners-top-left", 1), r(e, "TopRight", "corners-top-right", 2), r(e, "BottomRight", "corners-bottom-right", 3), r(e, "BottomLeft", "corners-bottom-left", 4), e.methods._updateCornerRadii = function() {
       const a = this._internal.borderRadius;
-      function l(d, h) {
-        const f = `border${h}Radius`;
+      function l(d, p) {
+        const f = `border${p}Radius`;
         d[f] = a[f] || a.borderRadius;
       }
       const u = {};
@@ -12699,20 +12699,20 @@ const NodeSharedPortDefinitions = {
     const n = t.defaults || {}, o = t.styleTag;
     n.borderStyle === void 0 && (n.borderStyle = "none"), n.borderWidth === void 0 && (n.borderWidth = 2), n.borderColor === void 0 && (n.borderColor = "#000000");
     function r(a, l, u, d) {
-      const h = `border${l}Style`, f = `border${l}Width`, g = `border${l}Color`;
+      const p = `border${l}Style`, f = `border${l}Width`, g = `border${l}Color`;
       let b = n.borderStyle !== "none" ? "OR borderStyle NOT SET" : "";
-      l ? (n[h] && n[h] !== "none" && (b += `OR ${h} NOT SET`), addDynamicInputPorts(
+      l ? (n[p] && n[p] !== "none" && (b += `OR ${p} NOT SET`), addDynamicInputPorts(
         a,
-        `${h} = solid OR ${h} = dashed OR ${h} = dotted OR borderStyle = solid OR borderStyle = dashed OR borderStyle = dotted ${b}`,
+        `${p} = solid OR ${p} = dashed OR ${p} = dotted OR borderStyle = solid OR borderStyle = dashed OR borderStyle = dotted ${b}`,
         [`${f}`, `${g}`]
       )) : addDynamicInputPorts(
         a,
-        `${h} = solid OR ${h} = dashed OR ${h} = dotted ${b}`,
+        `${p} = solid OR ${p} = dashed OR ${p} = dotted ${b}`,
         [`${f}`, `${g}`]
       );
       const _ = { group: "border-styles", tab: u, label: l }, T = (v) => `${v} ${l ? "(" + l + ")" : ""}`, A = 202 + d * 4;
       addInputs$1(a, {
-        [h]: {
+        [p]: {
           index: A + 1,
           displayName: "Border Style",
           editorName: T("Border Style"),
@@ -12727,10 +12727,10 @@ const NodeSharedPortDefinitions = {
               { label: "Dashed", value: "dashed" }
             ]
           },
-          default: n[h],
+          default: n[p],
           tab: _,
           set(v) {
-            this._internal.borders[h] = v, this._updateBorders();
+            this._internal.borders[p] = v, this._updateBorders();
           }
         },
         [f]: {
@@ -12767,8 +12767,8 @@ const NodeSharedPortDefinitions = {
     }
     r(e, "", "borders-all", 0), r(e, "Left", "borders-left", 1), r(e, "Top", "borders-top", 2), r(e, "Right", "borders-right", 3), r(e, "Bottom", "borders-bottom", 4), e.methods._updateBorders = function() {
       const a = this._internal.borders;
-      function l(d, h) {
-        const f = `border${h}Width`, g = `border${h}Color`, b = `border${h}Style`;
+      function l(d, p) {
+        const f = `border${p}Width`, g = `border${p}Color`, b = `border${p}Style`;
         d[f] = a[f] || a.borderWidth, d[g] = a[g] || a.borderColor, d[b] = a[b] || a.borderStyle;
       }
       const u = {};
@@ -13110,8 +13110,8 @@ const NodeSharedPortDefinitions = {
         editorName: l("Font Family"),
         set(d) {
           if (d) {
-            let h = d;
-            h.split(".").length > 1 && (FontLoader.instance.loadFont(h), h = h.replace(/\.[^/.]+$/, ""), h = h.split("/").pop()), this.setStyle({ fontFamily: h }, o);
+            let p = d;
+            p.split(".").length > 1 && (FontLoader.instance.loadFont(p), p = p.replace(/\.[^/.]+$/, ""), p = p.split("/").pop()), this.setStyle({ fontFamily: p }, o);
           } else
             this.removeStyle(["fontFamily"], o);
           this.props[s] && this.forceUpdate();
@@ -13224,8 +13224,8 @@ const NodeSharedPortDefinitions = {
       }
     });
     const u = r + "fontFamily";
-    e.setup = function(d, h) {
-      h.on("nodeAdded." + e.name, function(f) {
+    e.setup = function(d, p) {
+      p.on("nodeAdded." + e.name, function(f) {
         f.parameters[u] && f.parameters[u].split(".").length > 1 && FontLoader.instance.loadFont(f.parameters[u]), f.on("parameterUpdated", function(g) {
           g.name === u && g.value && g.value.split(".").length > 1 && FontLoader.instance.loadFont(g.value);
         });
@@ -13366,7 +13366,7 @@ function requireBezierEasing() {
   function d(T) {
     return 3 * T;
   }
-  function h(T, A, v) {
+  function p(T, A, v) {
     return ((l(A, v) * T + u(A, v)) * T + d(A)) * T;
   }
   function f(T, A, v) {
@@ -13375,7 +13375,7 @@ function requireBezierEasing() {
   function g(T, A, v, I, k) {
     var N, w, E = 0;
     do
-      w = A + (v - A) / 2, N = h(w, I, k) - T, N > 0 ? v = w : A = w;
+      w = A + (v - A) / 2, N = p(w, I, k) - T, N > 0 ? v = w : A = w;
     while (Math.abs(N) > n && ++E < o);
     return w;
   }
@@ -13383,7 +13383,7 @@ function requireBezierEasing() {
     for (var k = 0; k < e; ++k) {
       var N = f(A, v, I);
       if (N === 0) return A;
-      var w = h(A, v, I) - T;
+      var w = p(A, v, I) - T;
       A -= w / N;
     }
     return A;
@@ -13404,7 +13404,7 @@ function requireBezierEasing() {
   return _.prototype = {
     get: function(T) {
       var A = this._p[0], v = this._p[1], I = this._p[2], k = this._p[3];
-      return this._precomputed || this._precompute(), A === v && I === k ? T : T === 0 ? 0 : T === 1 ? 1 : h(this._getTForX(T), v, k);
+      return this._precomputed || this._precompute(), A === v && I === k ? T : T === 0 ? 0 : T === 1 ? 1 : p(this._getTForX(T), v, k);
     },
     getPoints: function() {
       return this._p;
@@ -13422,7 +13422,7 @@ function requireBezierEasing() {
     },
     _calcSampleValues: function() {
       for (var T = this._p[0], A = this._p[2], v = 0; v < r; ++v)
-        this._mSampleValues[v] = h(v * s, T, A);
+        this._mSampleValues[v] = p(v * s, T, A);
     },
     /**
      * getTForX chose the fastest heuristic to determine the percentage value precisely from a given X projection.
@@ -13720,7 +13720,7 @@ function createNodeFromReactComponent(e) {
     outputProps: l,
     dynamicports: u,
     defaultCss: d = {},
-    methods: h
+    methods: p
   } = e, f = Object.assign({}, d), g = {};
   for (const v in s) {
     const I = s[v], k = I.hasOwnProperty("default") && I.applyDefault !== !1;
@@ -14209,8 +14209,8 @@ function createNodeFromReactComponent(e) {
       return this.outputPropValues[v];
     }), T.outputs[v] = I;
   }
-  for (const v in h)
-    T.methods[v] = h[v];
+  for (const v in p)
+    T.methods[v] = p[v];
   return {
     node: T,
     setup: e.setup
@@ -14476,44 +14476,67 @@ const Utils$1 = {
   controlEvents: controlEvents$1
 };
 function Button$2(e) {
-  let t = { ...e.style };
-  Layout.size(t, e), Layout.align(t, e), e.textStyle !== void 0 && (t = Object.assign({}, e.textStyle, t), t.color = e.noodlNode.context.styles.resolveColor(t.color));
-  function n() {
-    const s = {};
-    if (e.useLabel && (e.iconPlacement === "left" || e.iconPlacement === void 0 ? s.marginRight = e.iconSpacing : s.marginLeft = e.iconSpacing), e.iconSourceType === "image" && e.iconImageSource !== void 0) {
-      s.width = e.iconSize, s.height = e.iconSize;
-      let a = e.iconImageSource;
-      if (typeof a == "string" && a.startsWith("/")) {
-        const l = Noodl.Env.BaseUrl;
-        l && (a = l + a.substring(1));
-      }
-      return /* @__PURE__ */ React.createElement("img", { alt: "", src: a, style: s });
-    } else if (e.iconSourceType === "icon" && e.iconIconSource !== void 0)
-      return s.fontSize = e.iconSize, s.color = e.iconColor, e.iconIconSource.codeAsClass === !0 ? /* @__PURE__ */ React.createElement(
+  const t = { ...e.style };
+  Layout.size(t, e), Layout.align(t, e);
+  const n = e.textStyle !== void 0 ? {
+    ...t,
+    ...e.textStyle,
+    color: e.noodlNode.context.styles.resolveColor(
+      e.textStyle.color
+    )
+  } : t, o = React.useMemo(() => {
+    if (!e.useIcon) return null;
+    const l = {};
+    if (e.useLabel && (l[e.iconPlacement === "right" ? "marginLeft" : "marginRight"] = e.iconSpacing), e.iconSourceType === "image" && e.iconImageSource) {
+      const u = { width: e.iconSize, height: e.iconSize };
+      let d = e.iconImageSource;
+      if (typeof d == "string" && d.startsWith("/")) {
+        const p = Noodl.Env.BaseUrl;
+        p && (d = p + d.substring(1));
+      }
+      return /* @__PURE__ */ React.createElement("img", { alt: "", src: d, style: { ...l, ...u } });
+    }
+    if (e.iconSourceType === "icon" && e.iconIconSource) {
+      const u = { fontSize: e.iconSize, color: e.iconColor };
+      return e.iconIconSource.codeAsClass ? /* @__PURE__ */ React.createElement(
         "span",
         {
-          className: [
-            e.iconIconSource.class,
-            e.iconIconSource.code
-          ].join(" "),
-          style: s
+          className: `${e.iconIconSource.class} ${e.iconIconSource.code}`,
+          style: { ...l, ...u }
         }
-      ) : /* @__PURE__ */ React.createElement("span", { className: e.iconIconSource.class, style: s }, e.iconIconSource.code);
+      ) : /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: e.iconIconSource.class,
+          style: { ...l, ...u }
+        },
+        e.iconIconSource.code
+      );
+    }
     return null;
-  }
-  let o = "ndl-controls-button";
-  e.className && (o = o + " " + e.className);
-  let r = null;
-  return e.useLabel && e.useIcon ? r = /* @__PURE__ */ React.createElement(React.Fragment, null, e.iconPlacement === "left" ? n() : null, String(e.label), e.iconPlacement === "right" ? n() : null) : e.useLabel ? r = String(e.label) : e.useIcon && (r = n()), /* @__PURE__ */ React.createElement(
+  }, [
+    e.useIcon,
+    e.useLabel,
+    e.iconPlacement,
+    e.iconSpacing,
+    e.iconSourceType,
+    e.iconImageSource,
+    e.iconIconSource,
+    e.iconSize,
+    e.iconColor
+  ]), r = /* @__PURE__ */ React.createElement(React.Fragment, null, e.useLabel && e.iconPlacement === "left" && o, e.useLabel && e.label, e.useLabel && e.iconPlacement === "right" && o, !e.useLabel && e.useIcon && o), s = ["ndl-controls-button", e.className].filter(Boolean).join(" "), a = React.useCallback(() => {
+    e.onClick?.();
+  }, [e.onClick]);
+  return /* @__PURE__ */ React.createElement(
     "button",
     {
       ...e.attrs,
-      className: o,
+      className: s,
       disabled: !e.enabled,
       ...Utils$1.controlEvents(e),
       type: e.buttonType,
-      style: t,
-      onClick: e.onClick
+      style: n,
+      onClick: a
     },
     r,
     e.children
@@ -14934,8 +14957,8 @@ function Select(e) {
     alignItems: "center",
     ...e.styles.inputWrapper,
     cursor: e.enabled ? "" : "default"
-  }, h = s && s[String(s).length - 1] === "%";
-  e.useLabel ? h ? d.flexGrow = 1 : d.height = s : (Object.assign(d, a), d.height = s);
+  }, p = s && s[String(s).length - 1] === "%";
+  e.useLabel ? p ? d.flexGrow = 1 : d.height = s : (Object.assign(d, a), d.height = s);
   let f = [];
   e.items && (f = e.items.map((_) => /* @__PURE__ */ React__default.createElement(
     "option",
@@ -14990,7 +15013,7 @@ function Select(e) {
       display: "flex",
       flexDirection: "column"
     };
-    return h && (_.height = s), /* @__PURE__ */ React__default.createElement("div", { style: _ }, /* @__PURE__ */ React__default.createElement(
+    return p && (_.height = s), /* @__PURE__ */ React__default.createElement("div", { style: _ }, /* @__PURE__ */ React__default.createElement(
       "label",
       {
         htmlFor: e.id,
@@ -15563,8 +15586,8 @@ function setBorderStyle(e, t, n) {
   function o(r, s) {
     const a = `${t}Border${s}Width`, l = `${t}Border${s}Color`, u = `${t}Border${s}Style`, d = n[a] || n[`${t}BorderWidth`];
     d !== void 0 && (r[`border${s}Width`] = d);
-    const h = r[l] = n[l] || n[`${t}BorderColor`];
-    h !== void 0 && (r[`border${s}Color`] = h);
+    const p = r[l] = n[l] || n[`${t}BorderColor`];
+    p !== void 0 && (r[`border${s}Color`] = p);
     const f = n[u] || n[`${t}BorderStyle`];
     f !== void 0 && (r[`border${s}Style`] = f);
   }
@@ -15617,13 +15640,13 @@ function Slider(e) {
     display: "flex",
     alignItems: "center",
     ...r
-  }, d = (t - e.min) / (e.max - e.min), h = {
+  }, d = (t - e.min) / (e.max - e.min), p = {
     position: "absolute",
     width: "100%",
     height: e.trackHeight,
     background: `linear-gradient(to right, ${e.trackActiveColor} 0%, ${e.trackActiveColor} ${d * 100}%, ${e.trackColor} ${d * 100}%, ${e.trackColor} 100%)`
   };
-  setBorderStyle(h, "track", e), setBorderRadius(h, "track", e), setShadow(h, "track", e);
+  setBorderStyle(p, "track", e), setBorderRadius(p, "track", e), setShadow(p, "track", e);
   const f = {
     position: "absolute",
     left: "calc((100% - " + e.thumbWidth + ") * " + d + ")",
@@ -15631,7 +15654,7 @@ function Slider(e) {
     height: e.thumbHeight,
     backgroundColor: e.thumbColor
   };
-  return setBorderStyle(f, "thumb", e), setBorderRadius(f, "thumb", e), setShadow(f, "thumb", e), /* @__PURE__ */ React__default.createElement("div", { style: u }, /* @__PURE__ */ React__default.createElement("div", { style: h }), /* @__PURE__ */ React__default.createElement("div", { style: f }), /* @__PURE__ */ React__default.createElement(
+  return setBorderStyle(f, "thumb", e), setBorderRadius(f, "thumb", e), setShadow(f, "thumb", e), /* @__PURE__ */ React__default.createElement("div", { style: u }, /* @__PURE__ */ React__default.createElement("div", { style: p }), /* @__PURE__ */ React__default.createElement("div", { style: f }), /* @__PURE__ */ React__default.createElement(
     "input",
     {
       className: a,
@@ -15836,15 +15859,15 @@ function addBorderInputs(e, t) {
   n.borderStyle = "none", n.borderWidth = 0, n.borderColor = "#000000";
   const r = t.propPrefix[0].toUpperCase() + t.propPrefix.slice(1);
   function s(a, l, u, d) {
-    const h = t.propPrefix + `Border${l}Style`, f = t.propPrefix + `Border${l}Width`, g = t.propPrefix + `Border${l}Color`;
+    const p = t.propPrefix + `Border${l}Style`, f = t.propPrefix + `Border${l}Width`, g = t.propPrefix + `Border${l}Color`;
     let b = n.borderStyle !== "none" ? "OR borderStyle NOT SET" : "";
-    l ? (n[h] && n[h] !== "none" && (b += `OR ${h} NOT SET`), NodeSharedPortDefinitions.addDynamicInputPorts(
+    l ? (n[p] && n[p] !== "none" && (b += `OR ${p} NOT SET`), NodeSharedPortDefinitions.addDynamicInputPorts(
       a,
-      `${h} = solid OR ${h} = dashed OR ${h} = dotted OR borderStyle = solid OR borderStyle = dashed OR borderStyle = dotted ${b}`,
+      `${p} = solid OR ${p} = dashed OR ${p} = dotted OR borderStyle = solid OR borderStyle = dashed OR borderStyle = dotted ${b}`,
       [`${f}`, `${g}`]
     )) : NodeSharedPortDefinitions.addDynamicInputPorts(
       a,
-      `${h} = solid OR ${h} = dashed OR ${h} = dotted ${b}`,
+      `${p} = solid OR ${p} = dashed OR ${p} = dotted ${b}`,
       [`${f}`, `${g}`]
     );
     const _ = {
@@ -15853,7 +15876,7 @@ function addBorderInputs(e, t) {
       label: l
     }, T = (I) => `${r} ${I} ${l ? "(" + l + ")" : ""}`, A = 202 + d * 4, v = r + " Border Style";
     NodeSharedPortDefinitions.addInputProps(a, {
-      [h]: {
+      [p]: {
         index: A + 1,
         displayName: "Border Style",
         editorName: T("Border Style"),
@@ -15908,7 +15931,7 @@ function addBorderRadius(e, t) {
   n.borderRadius || (n.borderRadius = 0);
   const r = t.propPrefix[0].toUpperCase() + t.propPrefix.slice(1);
   function s(a, l, u, d) {
-    const h = (b) => `${r} ${b} ${l ? "(" + l + ")" : ""}`, f = {
+    const p = (b) => `${r} ${b} ${l ? "(" + l + ")" : ""}`, f = {
       group: t.propPrefix + "-corners",
       tab: u,
       label: l
@@ -15917,7 +15940,7 @@ function addBorderRadius(e, t) {
       [t.propPrefix + g]: {
         index: 240 + d,
         displayName: "Corner Radius",
-        editorName: h("Corner Radius"),
+        editorName: p("Corner Radius"),
         group: r + " Corner Radius",
         type: {
           name: "number",
@@ -16121,7 +16144,7 @@ let TextInput$2 = class extends React__default.Component {
     d.color = s.noodlNode.context.styles.resolveColor(
       d.color
     );
-    const h = {
+    const p = {
       ...s.attrs,
       id: s.id,
       value: this.state.value,
@@ -16140,18 +16163,18 @@ let TextInput$2 = class extends React__default.Component {
           this.ref.current = _;
         },
         type: this.props.type,
-        ...h,
+        ...p,
         onKeyDown: (_) => this.onKeyDown(_),
         onMouseDown: () => window.addEventListener("click", preventGlobalFocusChange$1, !0),
         "noodl-style-tag": "input"
       }
-    ) : (h.style.resize = "none", u = /* @__PURE__ */ React__default.createElement(
+    ) : (p.style.resize = "none", u = /* @__PURE__ */ React__default.createElement(
       "textarea",
       {
         ref: (_) => {
           this.ref.current = _;
         },
-        ...h,
+        ...p,
         onKeyDown: (_) => this.onKeyDown(_),
         "noodl-style-tag": "input"
       }
@@ -17020,10 +17043,10 @@ const PageStack = {
         var o = t.getNavigationRemainingPath();
       if (o === void 0) return;
       var r = this._getSearchParams();
-      function s(d, h) {
-        for (var f = {}, g = 0; g < h.length; g++) {
+      function s(d, p) {
+        for (var f = {}, g = 0; g < p.length; g++) {
           if (d[g] === void 0) return;
-          var b = h[g];
+          var b = p[g];
           if (b[0] === "{" && b[b.length - 1] === "}")
             f[b.substring(1, b.length - 1)] = decodeURIComponent(
               d[g]
@@ -17032,7 +17055,7 @@ const PageStack = {
         }
         return {
           params: f,
-          remainingPathParts: d.splice(h.length)
+          remainingPathParts: d.splice(p.length)
         };
       }
       for (var a of this._internal.pages) {
@@ -17544,6 +17567,7 @@ const RouterNode = {
   name: "Router",
   displayNodeName: "Page Router",
   category: "Visuals",
+  usePortAsLabel: "name",
   docs: "https://docs.noodl.net/nodes/navigation/page-router",
   useVariants: !1,
   connectionPanel: {
@@ -17807,13 +17831,13 @@ const RouterNode = {
       const n = this._getSearchParams();
       function o(l, u) {
         const d = {};
-        for (let h = 0; h < u.length; h++) {
-          const f = u[h];
+        for (let p = 0; p < u.length; p++) {
+          const f = u[p];
           if (f[0] === "{" && f[f.length - 1] === "}")
-            l[h] !== void 0 && (d[f.substring(1, f.length - 1)] = decodeURIComponent(
-              l[h]
+            l[p] !== void 0 && (d[f.substring(1, f.length - 1)] = decodeURIComponent(
+              l[p]
             ));
-          else if (l[h] === void 0 || f !== l[h]) return;
+          else if (l[p] === void 0 || f !== l[p]) return;
         }
         return {
           params: d,
@@ -17830,8 +17854,8 @@ const RouterNode = {
         let u = l.path;
         if (u === void 0) continue;
         u = _trimUrlPart(u), this._internal.urlPath !== void 0 && (u = _trimUrlPart(this._internal.urlPath) + "/" + u);
-        const d = u.split("/"), h = o(t, d), f = Math.abs(d.length - t.length);
-        h && a > f && (s = { match: h, pageInfo: l }, a = f);
+        const d = u.split("/"), p = o(t, d), f = Math.abs(d.length - t.length);
+        p && a > f && (s = { match: p, pageInfo: l }, a = f);
       }
       return s ? (this._internal.remainingNavigationPath = s.match.remainingPathParts, {
         page: s.pageInfo,
@@ -17998,7 +18022,7 @@ let Circle$1 = class extends React__default.Component {
       );
     }
     if (this.props.strokeEnabled) {
-      const { strokeColor: l, strokeWidth: u, strokeLineCap: d } = this.props, h = o - this.props.strokeWidth / 2, f = arc(o, o, h, r, s);
+      const { strokeColor: l, strokeWidth: u, strokeLineCap: d } = this.props, p = o - this.props.strokeWidth / 2, f = arc(o, o, p, r, s);
       n = /* @__PURE__ */ React__default.createElement(
         "path",
         {
@@ -18354,8 +18378,8 @@ component = '/MyComponent';`, ForEachDefinition = {
         } else
           this._mapInputs(r, e), r._forEachModelChangeListener = () => this._mapInputs(r, e), e.on("change", r._forEachModelChangeListener);
         r._internal.creatorCallbacks = {
-          onOutputChanged: (u, d, h) => {
-            (h === !1 || h === void 0) && d === !0 && n.itemOutputSignals[u] && this.itemOutputSignalTriggered(u, e, r);
+          onOutputChanged: (u, d, p) => {
+            (p === !1 || p === void 0) && d === !0 && n.itemOutputSignals[u] && this.itemOutputSignalTriggered(u, e, r);
           }
         };
         for (var a = r.nodeScope.getNodesWithType("For Each Actions"), l = 0; l < a.length; l++)
@@ -18537,8 +18561,8 @@ map({
           var l = [], u = t.components[a];
           if (u !== void 0) {
             for (var d in u.outputPorts) {
-              var h = u.outputPorts[d];
-              _typeName(h.type) === "signal" ? l.push({
+              var p = u.outputPorts[d];
+              _typeName(p.type) === "signal" ? l.push({
                 name: "itemOutputSignal-" + d,
                 displayName: d,
                 type: "signal",
@@ -18547,15 +18571,15 @@ map({
               }) : l.push({
                 name: "itemOutput-" + d,
                 displayName: d,
-                type: h.type,
+                type: p.type,
                 plug: "output",
                 group: "Item Outputs"
               });
             }
             var f = "";
             for (var g in u.inputPorts) {
-              var h = u.inputPorts[g];
-              _typeName(h.type) !== "signal" && (f += "	'" + g + "': '" + g + `',
+              var p = u.inputPorts[g];
+              _typeName(p.type) !== "signal" && (f += "	'" + g + "': '" + g + `',
 `);
             }
             l.push({
@@ -18611,12 +18635,12 @@ function _calcAutofold(e, t, n, o) {
     { expected: 0, min: 0, max: null }
   ), l = e;
   a.expected < a.min && l.pop();
-  const u = l.reduce((f, g) => f + g, 0), d = 100 / u, h = l.length;
+  const u = l.reduce((f, g) => f + g, 0), d = 100 / u, p = l.length;
   return {
     layout: l,
     totalFractions: u,
     fractionSize: d,
-    columnAmount: h
+    columnAmount: p
   };
 }
 function Columns$1(e) {
@@ -18651,11 +18675,11 @@ function Columns$1(e) {
     o,
     e.marginX
   );
-  let d = [], h = null;
+  let d = [], p = null;
   return Array.isArray(e.children) ? (d = e.children.filter(
     // @ts-expect-error
     (f) => f.type !== ForEachComponent
-  ), h = e.children.find(
+  ), p = e.children.find(
     // @ts-expect-error
     (f) => f.type === ForEachComponent
   )) : e.children.type !== ForEachComponent && (d = [e.children]), /* @__PURE__ */ React__default.createElement(
@@ -18678,7 +18702,7 @@ function Columns$1(e) {
         ...e.style
       }
     },
-    h && h,
+    p && p,
     d.map((f, g) => /* @__PURE__ */ React__default.createElement(
       "div",
       {
@@ -18890,8 +18914,8 @@ function requireReactDraggable_min() {
             /***/
             404: (
               /***/
-              function(u, d, h) {
-                h.r(d), h.d(d, {
+              function(u, d, p) {
+                p.r(d), p.d(d, {
                   DraggableCore: function() {
                     return (
                       /* reexport */
@@ -18905,28 +18929,28 @@ function requireReactDraggable_min() {
                     );
                   }
                 });
-                var f = h(359), g = h(697), b = /* @__PURE__ */ h.n(g), _ = h(318), T = /* @__PURE__ */ h.n(_);
+                var f = p(359), g = p(697), b = /* @__PURE__ */ p.n(g), _ = p(318), T = /* @__PURE__ */ p.n(_);
                 function A(c) {
-                  var p, y, S = "";
+                  var h, y, S = "";
                   if (typeof c == "string" || typeof c == "number")
                     S += c;
                   else if (typeof c == "object")
                     if (Array.isArray(c))
-                      for (p = 0; p < c.length; p++)
-                        c[p] && (y = A(c[p])) && (S && (S += " "), S += y);
+                      for (h = 0; h < c.length; h++)
+                        c[h] && (y = A(c[h])) && (S && (S += " "), S += y);
                     else
-                      for (p in c)
-                        c[p] && (S && (S += " "), S += p);
+                      for (h in c)
+                        c[h] && (S && (S += " "), S += h);
                   return S;
                 }
                 function v() {
-                  for (var c = 0, p, y, S = ""; c < arguments.length; )
-                    (p = arguments[c++]) && (y = A(p)) && (S && (S += " "), S += y);
+                  for (var c = 0, h, y, S = ""; c < arguments.length; )
+                    (h = arguments[c++]) && (y = A(h)) && (S && (S += " "), S += y);
                   return S;
                 }
-                function I(c, p) {
+                function I(c, h) {
                   for (let y = 0, S = c.length; y < S; y++)
-                    if (p.apply(p, [c[y], y, c])) return c[y];
+                    if (h.apply(h, [c[y], y, c])) return c[y];
                 }
                 function k(c) {
                   return typeof c == "function" || Object.prototype.toString.call(c) === "[object Function]";
@@ -18937,114 +18961,114 @@ function requireReactDraggable_min() {
                 function w(c) {
                   return parseInt(c, 10);
                 }
-                function E(c, p, y) {
-                  if (c[p])
-                    return new Error("Invalid prop ".concat(p, " passed to ").concat(y, " - do not set this, set it on the child."));
+                function E(c, h, y) {
+                  if (c[h])
+                    return new Error("Invalid prop ".concat(h, " passed to ").concat(y, " - do not set this, set it on the child."));
                 }
                 const F = ["Moz", "Webkit", "O", "ms"];
                 function L() {
                   var c;
-                  let p = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
+                  let h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
                   if (typeof window > "u") return "";
                   const y = (c = window.document) === null || c === void 0 || (c = c.documentElement) === null || c === void 0 ? void 0 : c.style;
-                  if (!y || p in y) return "";
+                  if (!y || h in y) return "";
                   for (let S = 0; S < F.length; S++)
-                    if (B(p, F[S]) in y) return F[S];
+                    if (B(h, F[S]) in y) return F[S];
                   return "";
                 }
-                function B(c, p) {
-                  return p ? "".concat(p).concat(H(c)) : c;
+                function B(c, h) {
+                  return h ? "".concat(h).concat(H(c)) : c;
                 }
                 function H(c) {
-                  let p = "", y = !0;
+                  let h = "", y = !0;
                   for (let S = 0; S < c.length; S++)
-                    y ? (p += c[S].toUpperCase(), y = !1) : c[S] === "-" ? y = !0 : p += c[S];
-                  return p;
+                    y ? (h += c[S].toUpperCase(), y = !1) : c[S] === "-" ? y = !0 : h += c[S];
+                  return h;
                 }
                 var J = L();
                 let ie = "";
-                function pe(c, p) {
+                function pe(c, h) {
                   return ie || (ie = I(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(y) {
                     return k(c[y]);
-                  })), k(c[ie]) ? c[ie](p) : !1;
+                  })), k(c[ie]) ? c[ie](h) : !1;
                 }
-                function xe(c, p, y) {
+                function xe(c, h, y) {
                   let S = c;
                   do {
-                    if (pe(S, p)) return !0;
+                    if (pe(S, h)) return !0;
                     if (S === y) return !1;
                     S = S.parentNode;
                   } while (S);
                   return !1;
                 }
-                function Me(c, p, y, S) {
+                function Me(c, h, y, S) {
                   if (!c) return;
                   const O = {
                     capture: !0,
                     ...S
                   };
-                  c.addEventListener ? c.addEventListener(p, y, O) : c.attachEvent ? c.attachEvent("on" + p, y) : c["on" + p] = y;
+                  c.addEventListener ? c.addEventListener(h, y, O) : c.attachEvent ? c.attachEvent("on" + h, y) : c["on" + h] = y;
                 }
-                function ae(c, p, y, S) {
+                function ae(c, h, y, S) {
                   if (!c) return;
                   const O = {
                     capture: !0,
                     ...S
                   };
-                  c.removeEventListener ? c.removeEventListener(p, y, O) : c.detachEvent ? c.detachEvent("on" + p, y) : c["on" + p] = null;
+                  c.removeEventListener ? c.removeEventListener(h, y, O) : c.detachEvent ? c.detachEvent("on" + h, y) : c["on" + h] = null;
                 }
                 function Ie(c) {
-                  let p = c.clientHeight;
+                  let h = c.clientHeight;
                   const y = c.ownerDocument.defaultView.getComputedStyle(c);
-                  return p += w(y.borderTopWidth), p += w(y.borderBottomWidth), p;
+                  return h += w(y.borderTopWidth), h += w(y.borderBottomWidth), h;
                 }
                 function Te(c) {
-                  let p = c.clientWidth;
+                  let h = c.clientWidth;
                   const y = c.ownerDocument.defaultView.getComputedStyle(c);
-                  return p += w(y.borderLeftWidth), p += w(y.borderRightWidth), p;
+                  return h += w(y.borderLeftWidth), h += w(y.borderRightWidth), h;
                 }
                 function Ne(c) {
-                  let p = c.clientHeight;
+                  let h = c.clientHeight;
                   const y = c.ownerDocument.defaultView.getComputedStyle(c);
-                  return p -= w(y.paddingTop), p -= w(y.paddingBottom), p;
+                  return h -= w(y.paddingTop), h -= w(y.paddingBottom), h;
                 }
                 function me(c) {
-                  let p = c.clientWidth;
+                  let h = c.clientWidth;
                   const y = c.ownerDocument.defaultView.getComputedStyle(c);
-                  return p -= w(y.paddingLeft), p -= w(y.paddingRight), p;
+                  return h -= w(y.paddingLeft), h -= w(y.paddingRight), h;
                 }
-                function Ee(c, p, y) {
-                  const O = p === p.ownerDocument.body ? {
+                function Ee(c, h, y) {
+                  const O = h === h.ownerDocument.body ? {
                     left: 0,
                     top: 0
-                  } : p.getBoundingClientRect(), M = (c.clientX + p.scrollLeft - O.left) / y, U = (c.clientY + p.scrollTop - O.top) / y;
+                  } : h.getBoundingClientRect(), M = (c.clientX + h.scrollLeft - O.left) / y, U = (c.clientY + h.scrollTop - O.top) / y;
                   return {
                     x: M,
                     y: U
                   };
                 }
-                function Ae(c, p) {
-                  const y = Fe(c, p, "px");
+                function Ae(c, h) {
+                  const y = Fe(c, h, "px");
                   return {
                     [B("transform", J)]: y
                   };
                 }
-                function qe(c, p) {
-                  return Fe(c, p, "");
+                function qe(c, h) {
+                  return Fe(c, h, "");
                 }
-                function Fe(c, p, y) {
+                function Fe(c, h, y) {
                   let {
                     x: S,
                     y: O
                   } = c, M = "translate(".concat(S).concat(y, ",").concat(O).concat(y, ")");
-                  if (p) {
-                    const U = "".concat(typeof p.x == "string" ? p.x : p.x + y), j = "".concat(typeof p.y == "string" ? p.y : p.y + y);
+                  if (h) {
+                    const U = "".concat(typeof h.x == "string" ? h.x : h.x + y), j = "".concat(typeof h.y == "string" ? h.y : h.y + y);
                     M = "translate(".concat(U, ", ").concat(j, ")") + M;
                   }
                   return M;
                 }
-                function Y(c, p) {
-                  return c.targetTouches && I(c.targetTouches, (y) => p === y.identifier) || c.changedTouches && I(c.changedTouches, (y) => p === y.identifier);
+                function Y(c, h) {
+                  return c.targetTouches && I(c.targetTouches, (y) => h === y.identifier) || c.changedTouches && I(c.changedTouches, (y) => h === y.identifier);
                 }
                 function ve(c) {
                   if (c.targetTouches && c.targetTouches[0]) return c.targetTouches[0].identifier;
@@ -19052,10 +19076,10 @@ function requireReactDraggable_min() {
                 }
                 function Ve(c) {
                   if (!c) return;
-                  let p = c.getElementById("react-draggable-style-el");
-                  p || (p = c.createElement("style"), p.type = "text/css", p.id = "react-draggable-style-el", p.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`, p.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, c.getElementsByTagName("head")[0].appendChild(p)), c.body && Oe(c.body, "react-draggable-transparent-selection");
+                  let h = c.getElementById("react-draggable-style-el");
+                  h || (h = c.createElement("style"), h.type = "text/css", h.id = "react-draggable-style-el", h.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`, h.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
+`, c.getElementsByTagName("head")[0].appendChild(h)), c.body && Oe(c.body, "react-draggable-transparent-selection");
                 }
                 function re(c) {
                   if (c)
@@ -19063,20 +19087,20 @@ function requireReactDraggable_min() {
                       if (c.body && $e(c.body, "react-draggable-transparent-selection"), c.selection)
                         c.selection.empty();
                       else {
-                        const p = (c.defaultView || window).getSelection();
-                        p && p.type !== "Caret" && p.removeAllRanges();
+                        const h = (c.defaultView || window).getSelection();
+                        h && h.type !== "Caret" && h.removeAllRanges();
                       }
                     } catch {
                     }
                 }
-                function Oe(c, p) {
-                  c.classList ? c.classList.add(p) : c.className.match(new RegExp("(?:^|\\s)".concat(p, "(?!\\S)"))) || (c.className += " ".concat(p));
+                function Oe(c, h) {
+                  c.classList ? c.classList.add(h) : c.className.match(new RegExp("(?:^|\\s)".concat(h, "(?!\\S)"))) || (c.className += " ".concat(h));
                 }
-                function $e(c, p) {
-                  c.classList ? c.classList.remove(p) : c.className = c.className.replace(new RegExp("(?:^|\\s)".concat(p, "(?!\\S)"), "g"), "");
+                function $e(c, h) {
+                  c.classList ? c.classList.remove(h) : c.className = c.className.replace(new RegExp("(?:^|\\s)".concat(h, "(?!\\S)"), "g"), "");
                 }
-                function Le(c, p, y) {
-                  if (!c.props.bounds) return [p, y];
+                function Le(c, h, y) {
+                  if (!c.props.bounds) return [h, y];
                   let {
                     bounds: S
                   } = c.props;
@@ -19097,10 +19121,10 @@ function requireReactDraggable_min() {
                       bottom: Ne(z) - Ie(O) - O.offsetTop + w(C.paddingBottom) - w(q.marginBottom)
                     };
                   }
-                  return N(S.right) && (p = Math.min(p, S.right)), N(S.bottom) && (y = Math.min(y, S.bottom)), N(S.left) && (p = Math.max(p, S.left)), N(S.top) && (y = Math.max(y, S.top)), [p, y];
+                  return N(S.right) && (h = Math.min(h, S.right)), N(S.bottom) && (y = Math.min(y, S.bottom)), N(S.left) && (h = Math.max(h, S.left)), N(S.top) && (y = Math.max(y, S.top)), [h, y];
                 }
-                function fe(c, p, y) {
-                  const S = Math.round(p / c[0]) * c[0], O = Math.round(y / c[1]) * c[1];
+                function fe(c, h, y) {
+                  const S = Math.round(h / c[0]) * c[0], O = Math.round(y / c[1]) * c[1];
                   return [S, O];
                 }
                 function Xe(c) {
@@ -19109,40 +19133,40 @@ function requireReactDraggable_min() {
                 function Be(c) {
                   return c.props.axis === "both" || c.props.axis === "y";
                 }
-                function De(c, p, y) {
-                  const S = typeof p == "number" ? Y(c, p) : null;
-                  if (typeof p == "number" && !S) return null;
+                function De(c, h, y) {
+                  const S = typeof h == "number" ? Y(c, h) : null;
+                  if (typeof h == "number" && !S) return null;
                   const O = We(y), M = y.props.offsetParent || O.offsetParent || O.ownerDocument.body;
                   return Ee(S || c, M, y.props.scale);
                 }
-                function Ue(c, p, y) {
+                function Ue(c, h, y) {
                   const S = !N(c.lastX), O = We(c);
                   return S ? {
                     node: O,
                     deltaX: 0,
                     deltaY: 0,
-                    lastX: p,
+                    lastX: h,
                     lastY: y,
-                    x: p,
+                    x: h,
                     y
                   } : {
                     node: O,
-                    deltaX: p - c.lastX,
+                    deltaX: h - c.lastX,
                     deltaY: y - c.lastY,
                     lastX: c.lastX,
                     lastY: c.lastY,
-                    x: p,
+                    x: h,
                     y
                   };
                 }
-                function je(c, p) {
+                function je(c, h) {
                   const y = c.props.scale;
                   return {
-                    node: p.node,
-                    x: c.state.x + p.deltaX / y,
-                    y: c.state.y + p.deltaY / y,
-                    deltaX: p.deltaX / y,
-                    deltaY: p.deltaY / y,
+                    node: h.node,
+                    x: c.state.x + h.deltaX / y,
+                    y: c.state.y + h.deltaY / y,
+                    deltaX: h.deltaX / y,
+                    deltaY: h.deltaY / y,
                     lastX: c.state.x,
                     lastY: c.state.y
                   };
@@ -19156,29 +19180,29 @@ function requireReactDraggable_min() {
                   };
                 }
                 function We(c) {
-                  const p = c.findDOMNode();
-                  if (!p)
+                  const h = c.findDOMNode();
+                  if (!h)
                     throw new Error("<DraggableCore>: Unmounted during event!");
-                  return p;
+                  return h;
                 }
                 function st() {
                 }
-                function K(c, p, y) {
-                  return p = et(p), p in c ? Object.defineProperty(c, p, { value: y, enumerable: !0, configurable: !0, writable: !0 }) : c[p] = y, c;
+                function K(c, h, y) {
+                  return h = et(h), h in c ? Object.defineProperty(c, h, { value: y, enumerable: !0, configurable: !0, writable: !0 }) : c[h] = y, c;
                 }
                 function et(c) {
-                  var p = tt(c, "string");
-                  return typeof p == "symbol" ? p : String(p);
+                  var h = tt(c, "string");
+                  return typeof h == "symbol" ? h : String(h);
                 }
-                function tt(c, p) {
+                function tt(c, h) {
                   if (typeof c != "object" || c === null) return c;
                   var y = c[Symbol.toPrimitive];
                   if (y !== void 0) {
-                    var S = y.call(c, p);
+                    var S = y.call(c, h);
                     if (typeof S != "object") return S;
                     throw new TypeError("@@toPrimitive must return a primitive value.");
                   }
-                  return (p === "string" ? String : Number)(c);
+                  return (h === "string" ? String : Number)(c);
                 }
                 const le = {
                   touch: {
@@ -19195,28 +19219,28 @@ function requireReactDraggable_min() {
                 let ye = le.mouse;
                 class ue extends f.Component {
                   constructor() {
-                    super(...arguments), K(this, "dragging", !1), K(this, "lastX", NaN), K(this, "lastY", NaN), K(this, "touchIdentifier", null), K(this, "mounted", !1), K(this, "handleDragStart", (p) => {
-                      if (this.props.onMouseDown(p), !this.props.allowAnyClick && typeof p.button == "number" && p.button !== 0) return !1;
+                    super(...arguments), K(this, "dragging", !1), K(this, "lastX", NaN), K(this, "lastY", NaN), K(this, "touchIdentifier", null), K(this, "mounted", !1), K(this, "handleDragStart", (h) => {
+                      if (this.props.onMouseDown(h), !this.props.allowAnyClick && typeof h.button == "number" && h.button !== 0) return !1;
                       const y = this.findDOMNode();
                       if (!y || !y.ownerDocument || !y.ownerDocument.body)
                         throw new Error("<DraggableCore> not mounted on DragStart!");
                       const {
                         ownerDocument: S
                       } = y;
-                      if (this.props.disabled || !(p.target instanceof S.defaultView.Node) || this.props.handle && !xe(p.target, this.props.handle, y) || this.props.cancel && xe(p.target, this.props.cancel, y))
+                      if (this.props.disabled || !(h.target instanceof S.defaultView.Node) || this.props.handle && !xe(h.target, this.props.handle, y) || this.props.cancel && xe(h.target, this.props.cancel, y))
                         return;
-                      p.type === "touchstart" && p.preventDefault();
-                      const O = ve(p);
+                      h.type === "touchstart" && h.preventDefault();
+                      const O = ve(h);
                       this.touchIdentifier = O;
-                      const M = De(p, O, this);
+                      const M = De(h, O, this);
                       if (M == null) return;
                       const {
                         x: U,
                         y: j
                       } = M, z = Ue(this, U, j);
-                      this.props.onStart, !(this.props.onStart(p, z) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && Ve(S), this.dragging = !0, this.lastX = U, this.lastY = j, Me(S, ye.move, this.handleDrag), Me(S, ye.stop, this.handleDragStop));
-                    }), K(this, "handleDrag", (p) => {
-                      const y = De(p, this.touchIdentifier, this);
+                      this.props.onStart, !(this.props.onStart(h, z) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && Ve(S), this.dragging = !0, this.lastX = U, this.lastY = j, Me(S, ye.move, this.handleDrag), Me(S, ye.stop, this.handleDragStop));
+                    }), K(this, "handleDrag", (h) => {
+                      const y = De(h, this.touchIdentifier, this);
                       if (y == null) return;
                       let {
                         x: S,
@@ -19228,7 +19252,7 @@ function requireReactDraggable_min() {
                         S = this.lastX + j, O = this.lastY + z;
                       }
                       const M = Ue(this, S, O);
-                      if (this.props.onDrag(p, M) === !1 || this.mounted === !1) {
+                      if (this.props.onDrag(h, M) === !1 || this.mounted === !1) {
                         try {
                           this.handleDragStop(new MouseEvent("mouseup"));
                         } catch {
@@ -19238,9 +19262,9 @@ function requireReactDraggable_min() {
                         return;
                       }
                       this.lastX = S, this.lastY = O;
-                    }), K(this, "handleDragStop", (p) => {
+                    }), K(this, "handleDragStop", (h) => {
                       if (!this.dragging) return;
-                      const y = De(p, this.touchIdentifier, this);
+                      const y = De(h, this.touchIdentifier, this);
                       if (y == null) return;
                       let {
                         x: S,
@@ -19251,26 +19275,26 @@ function requireReactDraggable_min() {
                         [z, q] = fe(this.props.grid, z, q), S = this.lastX + z, O = this.lastY + q;
                       }
                       const M = Ue(this, S, O);
-                      if (this.props.onStop(p, M) === !1 || this.mounted === !1) return !1;
+                      if (this.props.onStop(h, M) === !1 || this.mounted === !1) return !1;
                       const j = this.findDOMNode();
                       j && this.props.enableUserSelectHack && re(j.ownerDocument), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, j && (ae(j.ownerDocument, ye.move, this.handleDrag), ae(j.ownerDocument, ye.stop, this.handleDragStop));
-                    }), K(this, "onMouseDown", (p) => (ye = le.mouse, this.handleDragStart(p))), K(this, "onMouseUp", (p) => (ye = le.mouse, this.handleDragStop(p))), K(this, "onTouchStart", (p) => (ye = le.touch, this.handleDragStart(p))), K(this, "onTouchEnd", (p) => (ye = le.touch, this.handleDragStop(p)));
+                    }), K(this, "onMouseDown", (h) => (ye = le.mouse, this.handleDragStart(h))), K(this, "onMouseUp", (h) => (ye = le.mouse, this.handleDragStop(h))), K(this, "onTouchStart", (h) => (ye = le.touch, this.handleDragStart(h))), K(this, "onTouchEnd", (h) => (ye = le.touch, this.handleDragStop(h)));
                   }
                   componentDidMount() {
                     this.mounted = !0;
-                    const p = this.findDOMNode();
-                    p && Me(p, le.touch.start, this.onTouchStart, {
+                    const h = this.findDOMNode();
+                    h && Me(h, le.touch.start, this.onTouchStart, {
                       passive: !1
                     });
                   }
                   componentWillUnmount() {
                     this.mounted = !1;
-                    const p = this.findDOMNode();
-                    if (p) {
+                    const h = this.findDOMNode();
+                    if (h) {
                       const {
                         ownerDocument: y
-                      } = p;
-                      ae(y, le.mouse.move, this.handleDrag), ae(y, le.touch.move, this.handleDrag), ae(y, le.mouse.stop, this.handleDragStop), ae(y, le.touch.stop, this.handleDragStop), ae(p, le.touch.start, this.onTouchStart, {
+                      } = h;
+                      ae(y, le.mouse.move, this.handleDrag), ae(y, le.touch.move, this.handleDrag), ae(y, le.mouse.stop, this.handleDragStop), ae(y, le.touch.stop, this.handleDragStop), ae(h, le.touch.start, this.onTouchStart, {
                         passive: !1
                       }), this.props.enableUserSelectHack && re(y);
                     }
@@ -19278,8 +19302,8 @@ function requireReactDraggable_min() {
                   // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
                   // the underlying DOM node ourselves. See the README for more information.
                   findDOMNode() {
-                    var p, y;
-                    return (p = this.props) !== null && p !== void 0 && p.nodeRef ? (y = this.props) === null || y === void 0 || (y = y.nodeRef) === null || y === void 0 ? void 0 : y.current : T().findDOMNode(this);
+                    var h, y;
+                    return (h = this.props) !== null && h !== void 0 && h.nodeRef ? (y = this.props) === null || y === void 0 || (y = y.nodeRef) === null || y === void 0 ? void 0 : y.current : T().findDOMNode(this);
                   }
                   render() {
                     return /* @__PURE__ */ f.cloneElement(f.Children.only(this.props.children), {
@@ -19318,8 +19342,8 @@ function requireReactDraggable_min() {
                    * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
                    * instead of using the parent node.
                    */
-                  offsetParent: function(c, p) {
-                    if (c[p] && c[p].nodeType !== 1)
+                  offsetParent: function(c, h) {
+                    if (c[h] && c[h].nodeType !== 1)
                       throw new Error("Draggable's offsetParent must be a DOM Node.");
                   },
                   /**
@@ -19433,38 +19457,38 @@ function requireReactDraggable_min() {
                 });
                 function Se() {
                   return Se = Object.assign ? Object.assign.bind() : function(c) {
-                    for (var p = 1; p < arguments.length; p++) {
-                      var y = arguments[p];
+                    for (var h = 1; h < arguments.length; h++) {
+                      var y = arguments[h];
                       for (var S in y)
                         Object.prototype.hasOwnProperty.call(y, S) && (c[S] = y[S]);
                     }
                     return c;
                   }, Se.apply(this, arguments);
                 }
-                function ge(c, p, y) {
-                  return p = ze(p), p in c ? Object.defineProperty(c, p, { value: y, enumerable: !0, configurable: !0, writable: !0 }) : c[p] = y, c;
+                function ge(c, h, y) {
+                  return h = ze(h), h in c ? Object.defineProperty(c, h, { value: y, enumerable: !0, configurable: !0, writable: !0 }) : c[h] = y, c;
                 }
                 function ze(c) {
-                  var p = Z(c, "string");
-                  return typeof p == "symbol" ? p : String(p);
+                  var h = Z(c, "string");
+                  return typeof h == "symbol" ? h : String(h);
                 }
-                function Z(c, p) {
+                function Z(c, h) {
                   if (typeof c != "object" || c === null) return c;
                   var y = c[Symbol.toPrimitive];
                   if (y !== void 0) {
-                    var S = y.call(c, p);
+                    var S = y.call(c, h);
                     if (typeof S != "object") return S;
                     throw new TypeError("@@toPrimitive must return a primitive value.");
                   }
-                  return (p === "string" ? String : Number)(c);
+                  return (h === "string" ? String : Number)(c);
                 }
                 class Ce extends f.Component {
                   // React 16.3+
                   // Arity (props, state)
-                  static getDerivedStateFromProps(p, y) {
+                  static getDerivedStateFromProps(h, y) {
                     let {
                       position: S
-                    } = p, {
+                    } = h, {
                       prevPropsPosition: O
                     } = y;
                     return S && (!O || S.x !== O.x || S.y !== O.y) ? {
@@ -19475,8 +19499,8 @@ function requireReactDraggable_min() {
                       }
                     } : null;
                   }
-                  constructor(p) {
-                    super(p), ge(this, "onDragStart", (y, S) => {
+                  constructor(h) {
+                    super(h), ge(this, "onDragStart", (y, S) => {
                       if (this.props.onStart(y, je(this, S)) === !1) return !1;
                       this.setState({
                         dragging: !0,
@@ -19522,17 +19546,17 @@ function requireReactDraggable_min() {
                       // Whether or not we have been dragged before.
                       dragged: !1,
                       // Current transform x and y.
-                      x: p.position ? p.position.x : p.defaultPosition.x,
-                      y: p.position ? p.position.y : p.defaultPosition.y,
+                      x: h.position ? h.position.x : h.defaultPosition.x,
+                      y: h.position ? h.position.y : h.defaultPosition.y,
                       prevPropsPosition: {
-                        ...p.position
+                        ...h.position
                       },
                       // Used for compensating for out-of-bounds drags
                       slackX: 0,
                       slackY: 0,
                       // Can only determine if SVG after mounting
                       isElementSVG: !1
-                    }, p.position && !(p.onDrag || p.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+                    }, h.position && !(h.onDrag || h.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
                   }
                   componentDidMount() {
                     typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -19547,12 +19571,12 @@ function requireReactDraggable_min() {
                   // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
                   // the underlying DOM node ourselves. See the README for more information.
                   findDOMNode() {
-                    var p, y;
-                    return (p = (y = this.props) === null || y === void 0 || (y = y.nodeRef) === null || y === void 0 ? void 0 : y.current) !== null && p !== void 0 ? p : T().findDOMNode(this);
+                    var h, y;
+                    return (h = (y = this.props) === null || y === void 0 || (y = y.nodeRef) === null || y === void 0 ? void 0 : y.current) !== null && h !== void 0 ? h : T().findDOMNode(this);
                   }
                   render() {
                     const {
-                      axis: p,
+                      axis: h,
                       bounds: y,
                       children: S,
                       defaultPosition: O,
@@ -19715,19 +19739,19 @@ function requireReactDraggable_min() {
             /***/
             16: (
               /***/
-              function(u, d, h) {
+              function(u, d, p) {
                 const {
                   default: f,
                   DraggableCore: g
-                } = h(404);
+                } = p(404);
                 u.exports = f, u.exports.default = f, u.exports.DraggableCore = g;
               }
             ),
             /***/
             703: (
               /***/
-              function(u, d, h) {
-                var f = h(414);
+              function(u, d, p) {
+                var f = p(414);
                 function g() {
                 }
                 function b() {
@@ -19775,8 +19799,8 @@ function requireReactDraggable_min() {
             /***/
             697: (
               /***/
-              function(u, d, h) {
-                u.exports = h(703)();
+              function(u, d, p) {
+                u.exports = p(703)();
               }
             ),
             /***/
@@ -19807,7 +19831,7 @@ function requireReactDraggable_min() {
             var d = s[u];
             if (d !== void 0)
               return d.exports;
-            var h = s[u] = {
+            var p = s[u] = {
               /******/
               // no module.id needed
               /******/
@@ -19816,7 +19840,7 @@ function requireReactDraggable_min() {
               exports: {}
               /******/
             };
-            return r[u](h, h.exports, a), h.exports;
+            return r[u](p, p.exports, a), p.exports;
           }
           (function() {
             a.n = function(u) {
@@ -19835,8 +19859,8 @@ function requireReactDraggable_min() {
             };
           })(), function() {
             a.d = function(u, d) {
-              for (var h in d)
-                a.o(d, h) && !a.o(u, h) && Object.defineProperty(u, h, { enumerable: !0, get: d[h] });
+              for (var p in d)
+                a.o(d, p) && !a.o(u, p) && Object.defineProperty(u, p, { enumerable: !0, get: d[p] });
             };
           }(), function() {
             a.o = function(u, d) {
@@ -20384,11 +20408,11 @@ function click(e, t) {
   e.type === "mouseup" ? n = e : (e.type === "touchend" || e.type === "touchcancel") && (n = e.changedTouches[0]);
   var o = {};
   n && (o.screenX = n.screenX || 0, o.screenY = n.screenY || 0, o.clientX = n.clientX || 0, o.clientY = n.clientY || 0);
-  var r, s = !0, a = !0, l = e.ctrlKey, u = e.shiftKey, d = e.altKey, h = e.metaKey, f = {
+  var r, s = !0, a = !0, l = e.ctrlKey, u = e.shiftKey, d = e.altKey, p = e.metaKey, f = {
     ctrlKey: l,
     shiftKey: u,
     altKey: d,
-    metaKey: h
+    metaKey: p
   };
   if (typeof MouseEvent < "u")
     try {
@@ -20502,8 +20526,8 @@ var EventEmitter$1 = (
       var r = this.events[t];
       if (r)
         for (var s = r.length, a = __spreadArrays$1(r), l, u = 0; u < s; u++) {
-          var d = a[u], h = d[0], f = d[1];
-          if (h && (l = h.apply(f, n), l === !0))
+          var d = a[u], p = d[0], f = d[1];
+          if (p && (l = p.apply(f, n), l === !0))
             return l;
         }
     }, e.prototype.registerType = function(t) {
@@ -20609,12 +20633,12 @@ var EventEmitter$1 = (
       ]), this.handleDOMEvents();
     }
     return e.prototype.handleDOMEvents = function() {
-      var t = this.options, n = t.bindToWrapper, o = t.disableMouse, r = t.disableTouch, s = t.click, a = this.wrapper, l = n ? a : window, u = [], d = [], h = !r, f = !o;
+      var t = this.options, n = t.bindToWrapper, o = t.disableMouse, r = t.disableTouch, s = t.click, a = this.wrapper, l = n ? a : window, u = [], d = [], p = !r, f = !o;
       s && u.push({
         name: "click",
         handler: this.click.bind(this),
         capture: !0
-      }), h && (u.push({
+      }), p && (u.push({
         name: "touchstart",
         handler: this.start.bind(this)
       }), d.push({
@@ -20752,8 +20776,8 @@ var EventEmitter$1 = (
     }, e;
   }()
 ), isValidPostion = function(e, t, n, o) {
-  var r = function(d, h) {
-    var f = d - h, g = f > 0 ? -1 : f < 0 ? 1 : 0;
+  var r = function(d, p) {
+    var f = d - p, g = f > 0 ? -1 : f < 0 ? 1 : 0;
     return g;
   }, s = r(t.x, e.x), a = r(t.y, e.y), l = n.x - o.x, u = n.y - o.y;
   return s * l <= 0 && a * u <= 0;
@@ -20807,7 +20831,7 @@ var EventEmitter$1 = (
       }
       this.animate(n, o, r, s);
     }, t.prototype.animate = function(n, o, r, s) {
-      var a = this, l = getNow$1(), u = l + r, d = this.options.probeType === 3, h = function() {
+      var a = this, l = getNow$1(), u = l + r, d = this.options.probeType === 3, p = function() {
         var f = getNow$1();
         if (f >= u) {
           a.translate(o), d && a.hooks.trigger(a.hooks.eventTypes.move, o), a.hooks.trigger(a.hooks.eventTypes.end, o);
@@ -20818,9 +20842,9 @@ var EventEmitter$1 = (
         Object.keys(o).forEach(function(_) {
           var T = n[_], A = o[_];
           b[_] = (A - T) * g + T;
-        }), a.translate(b), d && a.hooks.trigger(a.hooks.eventTypes.move, b), a.pending && (a.timer = requestAnimationFrame$1(h)), a.pending || (a.callStopWhenPending ? a.callStopWhenPending = !1 : a.hooks.trigger(a.hooks.eventTypes.end, o));
+        }), a.translate(b), d && a.hooks.trigger(a.hooks.eventTypes.move, b), a.pending && (a.timer = requestAnimationFrame$1(p)), a.pending || (a.callStopWhenPending ? a.callStopWhenPending = !1 : a.hooks.trigger(a.hooks.eventTypes.end, o));
       };
-      this.setPending(!0), this.callStopWhenPending && this.setCallStop(!1), cancelAnimationFrame(this.timer), h();
+      this.setPending(!0), this.callStopWhenPending && this.setCallStop(!1), cancelAnimationFrame(this.timer), p();
     }, t.prototype.doStop = function() {
       var n = this.pending;
       if (this.setForceStopped(!1), this.setCallStop(!1), n) {
@@ -20886,8 +20910,8 @@ var Behavior = (
       return n;
     }, e.prototype.momentum = function(t, n, o, r, s, a, l) {
       l === void 0 && (l = this.options);
-      var u = t - n, d = Math.abs(u) / o, h = l.deceleration, f = l.swipeBounceTime, g = l.swipeTime, b = Math.min(g, d * 2 / h), _ = {
-        destination: t + d * d / h * (u < 0 ? -1 : 1),
+      var u = t - n, d = Math.abs(u) / o, p = l.deceleration, f = l.swipeBounceTime, g = l.swipeTime, b = Math.min(g, d * 2 / p), _ = {
+        destination: t + d * d / p * (u < 0 ? -1 : 1),
         duration: b,
         rate: 15
       };
@@ -21023,10 +21047,10 @@ var Behavior = (
           return !0;
         if (this.directionLockAction.checkMovingDirection(r, s, o))
           return this.actionsHandler.setInitiated(), !0;
-        var l = this.directionLockAction.adjustDelta(t, n), u = this.scrollBehaviorX.getCurrentPos(), d = this.scrollBehaviorX.move(l.deltaX), h = this.scrollBehaviorY.getCurrentPos(), f = this.scrollBehaviorY.move(l.deltaY);
+        var l = this.directionLockAction.adjustDelta(t, n), u = this.scrollBehaviorX.getCurrentPos(), d = this.scrollBehaviorX.move(l.deltaX), p = this.scrollBehaviorY.getCurrentPos(), f = this.scrollBehaviorY.move(l.deltaY);
         if (!this.hooks.trigger(this.hooks.eventTypes.detectMovingDirection)) {
           this.fingerMoved || (this.fingerMoved = !0);
-          var g = d !== u || f !== h;
+          var g = d !== u || f !== p;
           !this.contentMoved && !g && this.hooks.trigger(this.hooks.eventTypes.contentNotMoved), !this.contentMoved && g && (this.contentMoved = !0, this.hooks.trigger(this.hooks.eventTypes.scrollStart)), this.contentMoved && g && (this.animater.translate({
             x: d,
             y: f
@@ -21302,16 +21326,16 @@ var MIN_SCROLL_DISTANCE = 1, Scroller = (
         y: n
       }, s.end);
       if (this.hooks.trigger(this.hooks.eventTypes.scrollTo, d), !isSamePoint(u, d)) {
-        var h = Math.abs(d.x - u.x), f = Math.abs(d.y - u.y);
-        h < MIN_SCROLL_DISTANCE && f < MIN_SCROLL_DISTANCE && (o = 0, this.hooks.trigger(this.hooks.eventTypes.minDistanceScroll)), this.animater.move(u, d, o, a);
+        var p = Math.abs(d.x - u.x), f = Math.abs(d.y - u.y);
+        p < MIN_SCROLL_DISTANCE && f < MIN_SCROLL_DISTANCE && (o = 0, this.hooks.trigger(this.hooks.eventTypes.minDistanceScroll)), this.animater.move(u, d, o, a);
       }
     }, e.prototype.scrollToElement = function(t, n, o, r, s) {
-      var a = getElement(t), l = offset(a), u = function(h, f, g) {
-        return typeof h == "number" ? h : h ? Math.round(f / 2 - g / 2) : 0;
+      var a = getElement(t), l = offset(a), u = function(p, f, g) {
+        return typeof p == "number" ? p : p ? Math.round(f / 2 - g / 2) : 0;
       };
       o = u(o, a.offsetWidth, this.wrapper.offsetWidth), r = u(r, a.offsetHeight, this.wrapper.offsetHeight);
-      var d = function(h, f, g, b) {
-        return h -= f, h = b.adjustPosition(h - g), h;
+      var d = function(p, f, g, b) {
+        return p -= f, p = b.adjustPosition(p - g), p;
       };
       l.left = d(l.left, this.wrapperOffset.left, o, this.scrollBehaviorX), l.top = d(l.top, this.wrapperOffset.top, r, this.scrollBehaviorY), !this.hooks.trigger(this.hooks.eventTypes.scrollToElement, a, l) && this.scrollTo(l.left, l.top, n, s);
     }, e.prototype.resetPosition = function(t, n) {
@@ -21661,13 +21685,13 @@ var EventRegister$1 = (
         this.cleanCache();
         var l = this.scroll.scroller, u = l.scrollBehaviorX, d = l.scrollBehaviorY;
         u.setMovingDirection(-t.directionX), d.setMovingDirection(-t.directionY), u.setDirection(t.x), d.setDirection(t.y);
-        var h = u.performDampingAlgorithm(Math.round(t.x) + a.x, s), f = d.performDampingAlgorithm(Math.round(t.y) + a.x, s);
+        var p = u.performDampingAlgorithm(Math.round(t.x) + a.x, s), f = d.performDampingAlgorithm(Math.round(t.y) + a.x, s);
         if (!this.scroll.trigger(this.scroll.eventTypes.mousewheelMove, {
-          x: h,
+          x: p,
           y: f
         })) {
           var g = this.getEaseTime();
-          (h !== this.scroll.x || f !== this.scroll.y) && this.scroll.scrollTo(h, f, g);
+          (p !== this.scroll.x || f !== this.scroll.y) && this.scroll.scrollTo(p, f, g);
         }
         r && (this.wheelMoveTimer = window.setTimeout(function() {
           n.wheelMoveTimer = 0;
@@ -21894,8 +21918,8 @@ var style = {
       var r = this.events[t];
       if (r)
         for (var s = r.length, a = __spreadArrays(r), l, u = 0; u < s; u++) {
-          var d = a[u], h = d[0], f = d[1];
-          if (h && (l = h.apply(f, n), l === !0))
+          var d = a[u], p = d[0], f = d[1];
+          if (p && (l = p.apply(f, n), l === !0))
             return l;
         }
     }, e.prototype.registerType = function(t) {
@@ -22010,7 +22034,7 @@ var style = {
       }), this.registerHooks(a, a.eventTypes.mousewheelEnd, function() {
         t.fade();
       }))), r) {
-        var h = this.scroll.options, f = h.disableMouse, g = h.disableTouch;
+        var p = this.scroll.options, f = p.disableMouse, g = p.disableTouch;
         this.eventHandler = new EventHandler(this, {
           disableMouse: f,
           disableTouch: g
@@ -22089,10 +22113,10 @@ var style = {
       var n = this.caculatePosAndSize(t, this.scrollInfo), o = n.pos, r = n.size;
       this.refreshStyle(r, o), this.currentPos = o;
     }, e.prototype.caculatePosAndSize = function(t, n) {
-      var o = this.keysMap.pos, r = n.sizeRatio, s = n.baseSize, a = n.maxScrollPos, l = n.minScrollPos, u = this.options.minSize, d = Math.round(r * t[o]), h;
-      return d < l ? (h = Math.max(s + d * 3, u), d = l) : d > a ? (h = Math.max(s - (d - a) * 3, u), d = a + s - h) : h = s, {
+      var o = this.keysMap.pos, r = n.sizeRatio, s = n.baseSize, a = n.maxScrollPos, l = n.minScrollPos, u = this.options.minSize, d = Math.round(r * t[o]), p;
+      return d < l ? (p = Math.max(s + d * 3, u), d = l) : d > a ? (p = Math.max(s - (d - a) * 3, u), d = a + s - p) : p = s, {
         pos: d,
-        size: h
+        size: p
       };
     }, e.prototype.refreshStyle = function(t, n) {
       var o = this.keysMap, r = o.translateProperty, s = o.size, a = this.scroll.options.translateZ;
@@ -22116,8 +22140,8 @@ var style = {
       var n = this.currentPos, o = this.scrollInfo, r = o.maxScrollPos, s = o.minScrollPos, a = n === s && t <= 0 || n === r && t >= 0;
       return a;
     }, e.prototype.syncBScroll = function(t) {
-      var n = getNow(), o = this.scroll, r = o.x, s = o.y, a = o.options, l = o.scroller, u = o.maxScrollY, d = o.minScrollY, h = o.maxScrollX, f = o.minScrollX, g = a.probeType, b = a.momentumLimitTime, _ = { x: r, y: s };
-      this.direction === "vertical" ? _.y = between(t, u, d) : _.x = between(t, h, f), l.translater.translate(_), n - this.startTime > b && (this.startTime = n, g === 1 && l.hooks.trigger(l.hooks.eventTypes.scroll, _)), g > 1 && l.hooks.trigger(l.hooks.eventTypes.scroll, _);
+      var n = getNow(), o = this.scroll, r = o.x, s = o.y, a = o.options, l = o.scroller, u = o.maxScrollY, d = o.minScrollY, p = o.maxScrollX, f = o.minScrollX, g = a.probeType, b = a.momentumLimitTime, _ = { x: r, y: s };
+      this.direction === "vertical" ? _.y = between(t, u, d) : _.x = between(t, p, f), l.translater.translate(_), n - this.startTime > b && (this.startTime = n, g === 1 && l.hooks.trigger(l.hooks.eventTypes.scroll, _)), g > 1 && l.hooks.trigger(l.hooks.eventTypes.scroll, _);
     }, e.prototype.newPos = function(t, n, o) {
       var r = o.maxScrollPos, s = o.sizeRatio, a = o.minScrollPos, l = t + n;
       return l = between(l, a, r), Math.round(l / s);
@@ -22163,8 +22187,8 @@ var style = {
       ], a = this.options.customElements, l = 0; l < r.length; l++) {
         var u = r[l];
         if (n.options[u]) {
-          var d = a.shift(), h = s[l], f = !1, g = d || this.createScrollbarElement(h);
-          g !== d ? n.wrapper.appendChild(g) : f = !0, t = __assign(__assign({ wrapper: g, direction: h }, this.options), { isCustom: f }), o.push(new Indicator(n, t));
+          var d = a.shift(), p = s[l], f = !1, g = d || this.createScrollbarElement(p);
+          g !== d ? n.wrapper.appendChild(g) : f = !0, t = __assign(__assign({ wrapper: g, direction: p }, this.options), { isCustom: f }), o.push(new Indicator(n, t));
         }
       }
       this.indicators = o;
@@ -22266,8 +22290,8 @@ function calculateDepths(e, t) {
   return n;
 }
 function checkBeyondBoundary(e) {
-  var t = hasScroll(e), n = t.hasHorizontalScroll, o = t.hasVerticalScroll, r = e.scroller, s = r.scrollBehaviorX, a = r.scrollBehaviorY, l = e.x >= e.minScrollX && s.movingDirection === -1, u = e.x <= e.maxScrollX && s.movingDirection === 1, d = e.y >= e.minScrollY && a.movingDirection === -1, h = e.y <= e.maxScrollY && a.movingDirection === 1;
-  return o ? d || h : n ? l || u : !1;
+  var t = hasScroll(e), n = t.hasHorizontalScroll, o = t.hasVerticalScroll, r = e.scroller, s = r.scrollBehaviorX, a = r.scrollBehaviorY, l = e.x >= e.minScrollX && s.movingDirection === -1, u = e.x <= e.maxScrollX && s.movingDirection === 1, d = e.y >= e.minScrollY && a.movingDirection === -1, p = e.y <= e.maxScrollY && a.movingDirection === 1;
+  return o ? d || p : n ? l || u : !1;
 }
 function setupData(e) {
   var t = hasScroll(e), n = t.hasHorizontalScroll, o = t.hasVerticalScroll, r = e.scroller, s = r.actions, a = r.scrollBehaviorX, l = r.scrollBehaviorY;
@@ -22283,9 +22307,9 @@ function patchedMomentum(e, t, n, o, r, s, a) {
   a === void 0 && (a = this.options);
   var l = e - t, u = Math.abs(l) / n, d = a.deceleration;
   a.swipeBounceTime;
-  var h = a.swipeTime, f = {
+  var p = a.swipeTime, f = {
     destination: e + u / d * (l < 0 ? -1 : 1),
-    duration: h,
+    duration: p,
     rate: 15
   };
   return this.hooks.trigger(this.hooks.eventTypes.momentum, f, l), f.destination < o ? (f.destination = s ? Math.max(
@@ -22404,11 +22428,11 @@ var ease = {
         };
       }
     }, e.prototype.computePagePosInfo = function(t, n) {
-      var o = [], r = 0, s, a, l, u = 0, d, h = this.scroll.scroller.scrollBehaviorX.maxScrollPos, f = this.scroll.scroller.scrollBehaviorY.maxScrollPos;
+      var o = [], r = 0, s, a, l, u = 0, d, p = this.scroll.scroller.scrollBehaviorX.maxScrollPos, f = this.scroll.scroller.scrollBehaviorY.maxScrollPos;
       for (a = Math.round(t / 2), l = Math.round(n / 2); r > -this.scrollerWidth; ) {
         for (o[u] = [], d = 0, s = 0; s > -this.scrollerHeight; )
           o[u][d] = {
-            x: Math.max(r, h),
+            x: Math.max(r, p),
             y: Math.max(s, f),
             width: t,
             height: n,
@@ -22419,8 +22443,8 @@ var ease = {
       }
       return o;
     }, e.prototype.computePagePosInfoByEl = function(t) {
-      for (var n = [], o = 0, r = 0, s, a, l = 0, u = t.length, d = 0, h = -1, f, g = this.scroll.scroller.scrollBehaviorX.maxScrollPos, b = this.scroll.scroller.scrollBehaviorY.maxScrollPos; l < u; l++)
-        f = getRect(t[l]), (l === 0 || f.left <= getRect(t[l - 1]).left) && (d = 0, h++), n[d] || (n[d] = []), o = Math.max(-f.left, g), r = Math.max(-f.top, b), s = o - Math.round(f.width / 2), a = r - Math.round(f.height / 2), n[d][h] = {
+      for (var n = [], o = 0, r = 0, s, a, l = 0, u = t.length, d = 0, p = -1, f, g = this.scroll.scroller.scrollBehaviorX.maxScrollPos, b = this.scroll.scroller.scrollBehaviorY.maxScrollPos; l < u; l++)
+        f = getRect(t[l]), (l === 0 || f.left <= getRect(t[l - 1]).left) && (d = 0, p++), n[d] || (n[d] = []), o = Math.max(-f.left, g), r = Math.max(-f.top, b), s = o - Math.round(f.width / 2), a = r - Math.round(f.height / 2), n[d][p] = {
           x: o,
           y: r,
           width: f.width,
@@ -22602,12 +22626,12 @@ var ease = {
       var a = this.setSlideWidth(o), l = this.setSlideHeight(
         this.scroll.scroller.wrapper,
         o
-      ), u = a || l, d = this.scroll.hooks, h = this.scroll.scroller.hooks;
-      this.registorHooks(d, "refresh", this.initSlideState), this.registorHooks(d, "destroy", this.destroy), this.registorHooks(h, "momentum", this.modifyScrollMetaHandler), this.registorHooks(this.scroll, "scrollEnd", this.amendCurrentPage), this.registorHooks(h, "beforeStart", this.setTouchFlag), this.registorHooks(h, "scroll", this.scrollMoving), this.registorHooks(h, "resize", this.resize), this.scroll.eventTypes.mousewheelMove && this.scroll.eventTypes.mousewheelEnd && (this.registorHooks(this.scroll, "mousewheelMove", function() {
+      ), u = a || l, d = this.scroll.hooks, p = this.scroll.scroller.hooks;
+      this.registorHooks(d, "refresh", this.initSlideState), this.registorHooks(d, "destroy", this.destroy), this.registorHooks(p, "momentum", this.modifyScrollMetaHandler), this.registorHooks(this.scroll, "scrollEnd", this.amendCurrentPage), this.registorHooks(p, "beforeStart", this.setTouchFlag), this.registorHooks(p, "scroll", this.scrollMoving), this.registorHooks(p, "resize", this.resize), this.scroll.eventTypes.mousewheelMove && this.scroll.eventTypes.mousewheelEnd && (this.registorHooks(this.scroll, "mousewheelMove", function() {
         return !0;
       }), this.registorHooks(this.scroll, "mousewheelEnd", function(f) {
         (f.directionX === 1 || f.directionY === 1) && t.next(), (f.directionX === -1 || f.directionY === -1) && t.prev();
-      })), n.listenFlick !== !1 && this.registorHooks(h, "flick", this.flickHandler), !r && !u ? this.initSlideState() : this.scroll.refresh();
+      })), n.listenFlick !== !1 && this.registorHooks(p, "flick", this.flickHandler), !r && !u ? this.initSlideState() : this.scroll.refresh();
     }, e.prototype.resize = function() {
       var t = this, n = this.scroll.scroller.content, o = this.scroll.scroller.wrapper;
       return clearTimeout(this.resizeTimeout), this.resizeTimeout = window.setTimeout(function() {
@@ -22746,8 +22770,8 @@ var ease = {
       n === void 0 && (n = 0);
       var s = this.page.change2safePage(t, n);
       if (s) {
-        var a = r || this.slideOpt.easing || ease.bounce, l = s.x, u = s.y, d = l - this.scroll.scroller.scrollBehaviorX.currentPos, h = u - this.scroll.scroller.scrollBehaviorY.currentPos;
-        !d && !h || (o = o === void 0 ? this.getAnimateTime(d, h) : o, this.page.changeCurrentPage({
+        var a = r || this.slideOpt.easing || ease.bounce, l = s.x, u = s.y, d = l - this.scroll.scroller.scrollBehaviorX.currentPos, p = u - this.scroll.scroller.scrollBehaviorY.currentPos;
+        !d && !p || (o = o === void 0 ? this.getAnimateTime(d, p) : o, this.page.changeCurrentPage({
           x: l,
           y: u,
           pageX: s.pageX,
@@ -26661,15 +26685,15 @@ const EventSender$1 = {
           for (let _ of b)
             d[_] = !0;
         });
-        var h = [];
+        var p = [];
         for (var f in d)
-          h.push({
+          p.push({
             name: f,
             type: "*",
             plug: "output",
             displayName: f
           });
-        e.editorConnection.sendDynamicPorts(o.id, h, {
+        e.editorConnection.sendDynamicPorts(o.id, p, {
           detectRenamed: {
             plug: "output"
           }
@@ -27190,7 +27214,7 @@ const JavaScript = {
           });
         }), _parseAndSourceJavascript(o, e, function(u) {
           u.forEach((d) => {
-            s.find((h) => h.name === d.name && h.plug === d.plug) || s.push(d);
+            s.find((p) => p.name === d.name && p.plug === d.plug) || s.push(d);
           }), e.editorConnection.sendDynamicPorts(o.id, s);
         });
       }
@@ -27394,8 +27418,8 @@ const StatesNode = {
                 u
               );
             else if (this.valueTypes[a] === "color") {
-              let d = this.startValues[a], h = this.targetValues[a];
-              s[0] = Math.floor(EaseCurves.linear(d[0], h[0], u)), s[1] = Math.floor(EaseCurves.linear(d[1], h[1], u)), s[2] = Math.floor(EaseCurves.linear(d[2], h[2], u)), s[3] = Math.floor(EaseCurves.linear(d[3], h[3], u)), r[a] = rgbaToHex(s);
+              let d = this.startValues[a], p = this.targetValues[a];
+              s[0] = Math.floor(EaseCurves.linear(d[0], p[0], u)), s[1] = Math.floor(EaseCurves.linear(d[1], p[1], u)), s[2] = Math.floor(EaseCurves.linear(d[2], p[2], u)), s[3] = Math.floor(EaseCurves.linear(d[3], p[3], u)), r[a] = rgbaToHex(s);
             }
           }
           e.flagOutputDirty(a);
@@ -27579,11 +27603,11 @@ const StatesNode = {
           for (var s in t.values) {
             var a = t.values[s];
             t.startValues[a] = t.currentValues[a];
-            const h = t.stateParameterTypes["type-" + a];
-            if (h === "boolean") {
+            const p = t.stateParameterTypes["type-" + a];
+            if (p === "boolean") {
               var l = t.stateParameters["value-" + e + "-" + a];
               t.currentValues[a] = l === void 0 ? !1 : !!l, this.flagOutputDirty(a);
-            } else if (h === "string" || h === "textStyle")
+            } else if (p === "string" || p === "textStyle")
               t.currentValues[a] = t.stateParameters["value-" + e + "-" + a], this.flagOutputDirty(a);
             else {
               var u = t.stateParameters["transition-" + e + "-" + a];
@@ -27719,8 +27743,8 @@ function updatePorts$9(e, t, n) {
   previousStates[e] = o;
   var d = detectRename$1(previousValues[e], r);
   previousValues[e] = r;
-  let h;
-  u ? (h = {
+  let p;
+  u ? (p = {
     plug: "input",
     before: u.before,
     after: u.after,
@@ -27736,8 +27760,8 @@ function updatePorts$9(e, t, n) {
       "reached-{{*}}"
     ]
   }, r && r.forEach(function(f) {
-    h.patterns.push("value-{{*}}-" + f);
-  })) : d && (h = [
+    p.patterns.push("value-{{*}}-" + f);
+  })) : d && (p = [
     {
       plug: "output",
       before: d.before,
@@ -27758,7 +27782,7 @@ function updatePorts$9(e, t, n) {
         return "value-" + f + "-{{*}}";
       }) : void 0
     }
-  ]), n.sendDynamicPorts(e, s, { renamed: h });
+  ]), n.sendDynamicPorts(e, s, { renamed: p });
 }
 const States = {
   node: StatesNode,
@@ -28204,7 +28228,7 @@ const ParentComponentObject = {
   //we also need the connections to be setup so we can use isInputConnected
   //nodeScopeDidInitialize takes care of that
   nodeScopeDidInitialize() {
-    this._internal.modelId || this.context.scheduleAfterUpdate(() => {
+    this._internal && !this._internal.modelId && this.context.scheduleAfterUpdate(() => {
       this.updateComponentState();
     });
   },
@@ -28453,16 +28477,16 @@ function extendSetComponentObjectProperties(e) {
     if (u) {
       u = u ? u.split(",") : void 0;
       for (var d in u) {
-        var h = u[d];
+        var p = u[d];
         a.push({
           type: {
-            name: r["type-" + h] === void 0 ? "*" : r["type-" + h]
+            name: r["type-" + p] === void 0 ? "*" : r["type-" + p]
           },
           plug: "input",
           group: "Property Values",
-          displayName: h,
+          displayName: p,
           //  editorName:p,
-          name: "prop-" + h
+          name: "prop-" + p
         }), a.push({
           type: {
             name: "enum",
@@ -28471,9 +28495,9 @@ function extendSetComponentObjectProperties(e) {
           },
           plug: "input",
           group: "Property Types",
-          displayName: h,
+          displayName: p,
           default: "*",
-          name: "type-" + h
+          name: "type-" + p
         });
       }
     }
@@ -30299,10 +30323,10 @@ const NavigateBack$1 = {
         n && (o = n.map(function(d) {
           return d.replace("{", "").replace("}", "");
         })), o.forEach(function(d) {
-          var h = e.params[d];
+          var p = e.params[d];
           t = t.replace(
             "{" + d + "}",
-            h !== void 0 ? h : ""
+            p !== void 0 ? p : ""
           );
         });
         var r, s, a = Runtime.instance.getProjectSettings().navigationPathType;
@@ -30343,14 +30367,14 @@ const NavigateBack$1 = {
       function s() {
         var a = [];
         if (r.parameters.path !== void 0)
-          var l = r.parameters.path.match(/\{[A-Za-z0-9_]*\}/g) || [], u = l.map(function(h) {
-            return h.replace("{", "").replace("}", "");
-          }), a = u.filter(function(h, f, g) {
-            return g.indexOf(h) === f;
-          }).map(function(h) {
+          var l = r.parameters.path.match(/\{[A-Za-z0-9_]*\}/g) || [], u = l.map(function(p) {
+            return p.replace("{", "").replace("}", "");
+          }), a = u.filter(function(p, f, g) {
+            return g.indexOf(p) === f;
+          }).map(function(p) {
             return {
-              name: "p-" + h,
-              displayName: h,
+              name: "p-" + p,
+              displayName: p,
               group: "Parameter",
               type: "*",
               plug: "input"
@@ -30533,11 +30557,11 @@ function setup(e, t) {
         var u = o.parameters.transition || "Push";
         Transitions[u] && (l = l.concat(Transitions[u].ports(o.parameters)));
       }
-      const h = t.getNodesWithType("Page Stack").find(
+      const p = t.getNodesWithType("Page Stack").find(
         (f) => (f.parameters.name || "Main") === (o.parameters.stack || "Main")
       );
-      if (h !== void 0) {
-        const f = h.parameters.pages;
+      if (p !== void 0) {
+        const f = p.parameters.pages;
         if (f !== void 0 && f.length > 0) {
           l.push({
             plug: "input",
@@ -30553,7 +30577,7 @@ function setup(e, t) {
             name: "target",
             default: f[0].id
           });
-          const g = o.parameters.target || f[0].id, b = h.parameters["pageComp-" + g];
+          const g = o.parameters.target || f[0].id, b = p.parameters["pageComp-" + g];
           if (b !== void 0) {
             const _ = t.components[b];
             if (_ !== void 0) {
@@ -30598,9 +30622,9 @@ function setup(e, t) {
       if (u !== void 0) {
         var d = u.parameters.pages;
         if (!(d === void 0 || d.length === 0)) {
-          var h = u.parameters["pageComp-" + (o.parameters.target || d[0].id)];
-          if (h !== void 0) {
-            var f = t.components[h];
+          var p = u.parameters["pageComp-" + (o.parameters.target || d[0].id)];
+          if (p !== void 0) {
+            var f = t.components[p];
             if (f !== void 0) {
               f.on("inputPortAdded", r), f.on("inputPortRemoved", r);
               for (const g of f.getNodesWithType("PageStackNavigateBack"))
@@ -30739,11 +30763,11 @@ const Navigate$1 = {
           var u = t.components[l];
           if (u) {
             for (var d in u.inputPorts) {
-              var h = u.inputPorts[d];
+              var p = u.inputPorts[d];
               a.push({
                 name: "popupParam-" + d,
                 displayName: d,
-                type: h.type || "*",
+                type: p.type || "*",
                 plug: "input",
                 group: "Params"
               });
@@ -30892,8 +30916,8 @@ const Navigate$1 = {
         var d = o.parameters.closeActions;
         if (d) {
           d = d ? d.split(",") : void 0;
-          for (const h in d) {
-            const f = d[h];
+          for (const p in d) {
+            const f = d[p];
             s.push({
               type: "signal",
               plug: "input",
@@ -31377,8 +31401,8 @@ function updatePorts$5(e, t, n, o) {
       for (var l in a)
         if (d.indexOf(l) === -1) {
           var u = a[l];
-          if (!r.find((h) => h.name === l) && u.type !== "Relation") {
-            const h = {
+          if (!r.find((p) => p.name === l) && u.type !== "Relation") {
+            const p = {
               String: "string",
               Boolean: "boolean",
               Number: "number",
@@ -31386,7 +31410,7 @@ function updatePorts$5(e, t, n, o) {
             };
             r.push({
               type: {
-                name: h[u.type] ? h[u.type] : "*"
+                name: p[u.type] ? p[u.type] : "*"
               },
               plug: "input",
               group: "Properties",
@@ -33562,8 +33586,8 @@ lodash_isequal.exports;
 var hasRequiredLodash_isequal;
 function requireLodash_isequal() {
   return hasRequiredLodash_isequal || (hasRequiredLodash_isequal = 1, function(e, t) {
-    var n = 200, o = "__lodash_hash_undefined__", r = 1, s = 2, a = 9007199254740991, l = "[object Arguments]", u = "[object Array]", d = "[object AsyncFunction]", h = "[object Boolean]", f = "[object Date]", g = "[object Error]", b = "[object Function]", _ = "[object GeneratorFunction]", T = "[object Map]", A = "[object Number]", v = "[object Null]", I = "[object Object]", k = "[object Promise]", N = "[object Proxy]", w = "[object RegExp]", E = "[object Set]", F = "[object String]", L = "[object Symbol]", B = "[object Undefined]", H = "[object WeakMap]", J = "[object ArrayBuffer]", ie = "[object DataView]", pe = "[object Float32Array]", xe = "[object Float64Array]", Me = "[object Int8Array]", ae = "[object Int16Array]", Ie = "[object Int32Array]", Te = "[object Uint8Array]", Ne = "[object Uint8ClampedArray]", me = "[object Uint16Array]", Ee = "[object Uint32Array]", Ae = /[\\^$.*+?()[\]{}|]/g, qe = /^\[object .+?Constructor\]$/, Fe = /^(?:0|[1-9]\d*)$/, Y = {};
-    Y[pe] = Y[xe] = Y[Me] = Y[ae] = Y[Ie] = Y[Te] = Y[Ne] = Y[me] = Y[Ee] = !0, Y[l] = Y[u] = Y[J] = Y[h] = Y[ie] = Y[f] = Y[g] = Y[b] = Y[T] = Y[A] = Y[I] = Y[w] = Y[E] = Y[F] = Y[H] = !1;
+    var n = 200, o = "__lodash_hash_undefined__", r = 1, s = 2, a = 9007199254740991, l = "[object Arguments]", u = "[object Array]", d = "[object AsyncFunction]", p = "[object Boolean]", f = "[object Date]", g = "[object Error]", b = "[object Function]", _ = "[object GeneratorFunction]", T = "[object Map]", A = "[object Number]", v = "[object Null]", I = "[object Object]", k = "[object Promise]", N = "[object Proxy]", w = "[object RegExp]", E = "[object Set]", F = "[object String]", L = "[object Symbol]", B = "[object Undefined]", H = "[object WeakMap]", J = "[object ArrayBuffer]", ie = "[object DataView]", pe = "[object Float32Array]", xe = "[object Float64Array]", Me = "[object Int8Array]", ae = "[object Int16Array]", Ie = "[object Int32Array]", Te = "[object Uint8Array]", Ne = "[object Uint8ClampedArray]", me = "[object Uint16Array]", Ee = "[object Uint32Array]", Ae = /[\\^$.*+?()[\]{}|]/g, qe = /^\[object .+?Constructor\]$/, Fe = /^(?:0|[1-9]\d*)$/, Y = {};
+    Y[pe] = Y[xe] = Y[Me] = Y[ae] = Y[Ie] = Y[Te] = Y[Ne] = Y[me] = Y[Ee] = !0, Y[l] = Y[u] = Y[J] = Y[p] = Y[ie] = Y[f] = Y[g] = Y[b] = Y[T] = Y[A] = Y[I] = Y[w] = Y[E] = Y[F] = Y[H] = !1;
     var ve = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal, Ve = typeof self == "object" && self && self.Object === Object && self, re = ve || Ve || Function("return this")(), Oe = t && !t.nodeType && t, $e = Oe && !0 && e && !e.nodeType && e, Le = $e && $e.exports === Oe, fe = Le && ve.process, Xe = function() {
       try {
         return fe && fe.binding && fe.binding("util");
@@ -33624,7 +33648,7 @@ function requireLodash_isequal() {
     var ye = Array.prototype, ue = Function.prototype, Se = Object.prototype, ge = re["__core-js_shared__"], ze = ue.toString, Z = Se.hasOwnProperty, Ce = function() {
       var m = /[^.]+$/.exec(ge && ge.keys && ge.keys.IE_PROTO || "");
       return m ? "Symbol(src)_1." + m : "";
-    }(), c = Se.toString, p = RegExp(
+    }(), c = Se.toString, h = RegExp(
       "^" + ze.call(Z).replace(Ae, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), y = Le ? re.Buffer : void 0, S = re.Symbol, O = re.Uint8Array, M = Se.propertyIsEnumerable, U = ye.splice, j = S ? S.toStringTag : void 0, z = Object.getOwnPropertySymbols, q = y ? y.isBuffer : void 0, C = tt(Object.keys, Object), x = lt(re, "DataView"), V = lt(re, "Map"), G = lt(re, "Promise"), ee = lt(re, "Set"), oe = lt(re, "WeakMap"), de = lt(Object, "create"), ke = ot(x), Ye = ot(V), St = ot(G), Je = ot(ee), at = ot(oe), ut = S ? S.prototype : void 0, bt = ut ? ut.valueOf : void 0;
     function nt(m) {
@@ -33808,7 +33832,7 @@ function requireLodash_isequal() {
     function on(m) {
       if (!Tt(m) || hn(m))
         return !1;
-      var P = wt(m) ? p : qe;
+      var P = wt(m) ? h : qe;
       return P.test(ot(m));
     }
     function rn(m) {
@@ -33863,7 +33887,7 @@ function requireLodash_isequal() {
           m = m.buffer, P = P.buffer;
         case J:
           return !(m.byteLength != P.byteLength || !X(new O(m), new O(P)));
-        case h:
+        case p:
         case f:
         case A:
           return Ot(+m, +P);
@@ -34529,9 +34553,9 @@ function updatePorts$1(e, t, n, o) {
     },
     plug: "input"
   }), t.$ndlCollectionName && o) {
-    var h = o.find((_) => _.name === t.$ndlCollectionName);
-    if (h && h.schema && h.schema.properties) {
-      var f = h.schema.properties;
+    var p = o.find((_) => _.name === t.$ndlCollectionName);
+    if (p && p.schema && p.schema.properties) {
+      var f = p.schema.properties;
       for (var g in f) {
         var l = f[g];
         r.find((T) => T.name === g) || (l.type === "Relation" ? (r.push({
@@ -34689,8 +34713,8 @@ function _convertFilterOp(e, t) {
       var l = Model.get(g.pointsTo);
       if (CloudStore._collections[t.collectionName])
         var u = CloudStore._collections[t.collectionName].schema;
-      var d = u && u.properties && u.properties[r] ? u.properties[r].targetClass : void 0, h = u && u.properties && u.properties[r] ? u.properties[r].type : void 0;
-      h === "Relation" ? o[r] = {
+      var d = u && u.properties && u.properties[r] ? u.properties[r].targetClass : void 0, p = u && u.properties && u.properties[r] ? u.properties[r].type : void 0;
+      p === "Relation" ? o[r] = {
         __type: "Pointer",
         objectId: g.pointsTo,
         className: d
@@ -34927,14 +34951,14 @@ var DbCollectionNode = {
         const g = {};
         for (let b in e)
           b.startsWith("storageFilterValue-") && (g[b.substring(19)] = e[b]);
-        var h = [u, u, d, g];
+        var p = [u, u, d, g];
         this._internal.filterVariables.forEach((b) => {
-          h.push(
+          p.push(
             e["storageFilterValue-" + b.substring(1)]
           );
         });
         try {
-          this._internal.filterFunc.apply(this, h);
+          this._internal.filterFunc.apply(this, p);
         } catch (b) {
           console.log("Error while running filter script: " + b);
         }
@@ -35085,9 +35109,9 @@ function updatePorts(e, t, n, o) {
           editorName: d + " filter | Type",
           name: "storageFilterType-" + d
         });
-        var h = t["storageFilterType-" + d];
+        var p = t["storageFilterType-" + d];
         r.push({
-          type: { name: "enum", enums: u[h || "string"] },
+          type: { name: "enum", enums: u[p || "string"] },
           default: "eq",
           plug: "input",
           group: d + " filter",
@@ -35095,7 +35119,7 @@ function updatePorts(e, t, n, o) {
           editorName: d + " filter| Op",
           name: "storageFilterOp-" + d
         }), r.push({
-          type: h || "string",
+          type: p || "string",
           plug: "input",
           group: d + " filter",
           displayName: "Value",
@@ -35112,7 +35136,7 @@ function updatePorts(e, t, n, o) {
       displayName: "Sort"
     }), t.storageSort) {
       var s = t.storageSort.split(",");
-      s.forEach((h) => {
+      s.forEach((p) => {
         r.push({
           type: {
             name: "enum",
@@ -35123,10 +35147,10 @@ function updatePorts(e, t, n, o) {
           },
           default: "ascending",
           plug: "input",
-          group: h + " sort",
+          group: p + " sort",
           displayName: "Sort",
-          editorName: h + " sorting",
-          name: "storageSort-" + h
+          editorName: p + " sorting",
+          name: "storageSort-" + p
         });
       });
     }