@metadev/daga-react 5.0.1 → 5.0.3

package/index.mjs

@@ -1,7 +1,7 @@
-import { jsx as v, jsxs as M, Fragment as ao } from "react/jsx-runtime";
+import { jsx as v, jsxs as M, Fragment as lo } from "react/jsx-runtime";
 import * as A from "d3";
-import { debounceTime as lo, Subject as jt, merge as co, map as ho } from "rxjs";
-import { createContext as He, useState as G, useContext as Bt, useRef as at, useEffect as ft } from "react";
+import { debounceTime as co, Subject as jt, merge as ho, map as go } from "rxjs";
+import { createContext as _e, useState as G, useContext as Bt, useRef as at, useEffect as ft } from "react";
 var f = /* @__PURE__ */ ((s) => (s.Bottom = "bottom", s.Left = "left", s.Right = "right", s.Top = "top", s))(f || {}), Zt = /* @__PURE__ */ ((s) => (s.BottomLeft = "bottom-left", s.BottomRight = "bottom-right", s.TopLeft = "top-left", s.TopRight = "top-right", s))(Zt || {}), Mt = /* @__PURE__ */ ((s) => (s.Left = "left", s.Center = "center", s.Right = "right", s))(Mt || {}), qt = /* @__PURE__ */ ((s) => (s.Top = "top", s.Center = "center", s.Bottom = "bottom", s))(qt || {});
 const Lt = (s) => [Math.round(s[0]), Math.round(s[1])], mt = (s, t, e) => t < e ? t <= s && s <= e : e <= s && s <= t, Ae = (s, t, e) => (s - t[0]) / (t[1] - t[0]) * (e[1] - e[0]) + e[0], Jt = (s, t, e, a, l, r, i) => {
   const n = (() => {
@@ -32,7 +32,7 @@ const Lt = (s) => [Math.round(s[0]), Math.round(s[1])], mt = (s, t, e) => t < e
     }
   })();
   return [n, o];
-}, _e = (s, t) => ((s[0] - t[0]) ** 2 + (s[1] - t[1]) ** 2) ** 0.5, go = (s, t) => (mt(
+}, Ge = (s, t) => ((s[0] - t[0]) ** 2 + (s[1] - t[1]) ** 2) ** 0.5, fo = (s, t) => (mt(
   s[0][0],
   t[0][0],
   t[1][0]
@@ -67,8 +67,8 @@ const Lt = (s) => [Math.round(s[0]), Math.round(s[1])], mt = (s, t, e) => t < e
 ));
 var S = /* @__PURE__ */ ((s) => (s.Blur = "blur", s.Change = "change", s.Click = "click", s.ContextMenu = "contextmenu", s.DoubleClick = "dblclick", s.Focus = "focus", s.FocusIn = "focusin", s.FocusOut = "focusout", s.Input = "input", s.KeyDown = "keydown", s.KeyUp = "keyup", s.MouseDown = "mousedown", s.MouseEnter = "mouseenter", s.MouseLeave = "mouseleave", s.MouseMove = "mousemove", s.MouseOut = "mouseout", s.MouseOver = "mouseover", s.MouseUp = "mouseup", s.TouchStart = "touchstart", s.TouchEnd = "touchend", s.Wheel = "wheel", s))(S || {}), q = /* @__PURE__ */ ((s) => (s.Alt = "Alt", s.AltGraph = "AltGraph", s.ArrowDown = "ArrowDown", s.ArrowLeft = "ArrowLeft", s.ArrowRight = "ArrowRight", s.ArrowUp = "ArrowUp", s.Backspace = "Backspace", s.Control = "Control", s.Delete = "Delete", s.End = "End", s.Enter = "Enter", s.Escape = "Escape", s.Home = "Home", s.OS = "OS", s.PageDown = "PageDown", s.PageUp = "PageUp", s.Shift = "Shift", s.Tab = "Tab", s))(q || {}), I = /* @__PURE__ */ ((s) => (s.Drag = "drag", s.Start = "start", s.End = "end", s))(I || {}), fe = /* @__PURE__ */ ((s) => (s.Zoom = "zoom", s.Start = "start", s.End = "end", s))(fe || {});
 const ue = (s) => s.replace(/([!"#$%&'()*+,\-./:;<=>?@[\\\]^`{|}])/g, "\\$1");
-var Ge = /* @__PURE__ */ ((s) => (s.Straight = "straight", s.Bezier = "bezier", s.Square = "square", s))(Ge || {}), be = /* @__PURE__ */ ((s) => (s.Solid = "solid", s.Dashed = "dashed", s.GappedDashes = "gapped-dashes", s.Dotted = "dotted", s))(be || {});
-const fo = 20, uo = (s, t, e, a, l) => {
+var Fe = /* @__PURE__ */ ((s) => (s.Straight = "straight", s.Bezier = "bezier", s.Square = "square", s))(Fe || {}), be = /* @__PURE__ */ ((s) => (s.Solid = "solid", s.Dashed = "dashed", s.GappedDashes = "gapped-dashes", s.Dotted = "dotted", s))(be || {});
+const uo = 20, po = (s, t, e, a, l) => {
   if (typeof s == "function")
     return s(
       t,
@@ -81,7 +81,7 @@ const fo = 20, uo = (s, t, e, a, l) => {
   if (t.length === 1)
     return `M ${t[0][0]} ${t[0][1]}`;
   {
-    l = l || fo;
+    l = l || uo;
     let r = "", i, n;
     switch (s) {
       case "straight":
@@ -291,57 +291,57 @@ const me = (s, t, e, a, l) => {
     return s(t, e, a, l);
   switch (s) {
     case "ellipse":
-      return Fe(t, e, a, l);
+      return Ue(t, e, a, l);
     case "empty":
-      return po();
+      return mo();
     case "folder":
-      return mo(t, e, a, l);
-    case "hexagon":
       return vo(t, e, a, l);
-    case "octagon":
+    case "hexagon":
       return yo(t, e, a, l);
+    case "octagon":
+      return bo(t, e, a, l);
     case "pill":
       return Kt(t, e, a, l);
     case "rectangle":
       return xe(t, e, a, l);
     case "rhombus":
-      return bo(t, e, a, l);
-    case "rounded-rectangle":
       return ko(t, e, a, l);
-    case "sticky-note":
+    case "rounded-rectangle":
       return wo(t, e, a, l);
+    case "sticky-note":
+      return So(t, e, a, l);
     default:
       return xe(t, e, a, l);
   }
-}, Fe = (s, t, e, a) => `M ${s + e / 2} ${t} A ${e / 2} ${a / 2} 0 0 0 ${s + e / 2} ${t + a} A ${e / 2} ${a / 2} 0 1 0 ${s + e / 2} ${t} Z`, po = () => "Z", mo = (s, t, e, a) => `M ${s} ${t} L ${s + e / 3} ${t} L ${s + e / 2} ${t + a / 6} L ${s + e} ${t + a / 6} L ${s + e} ${t + a} L ${s} ${t + a} Z`, vo = (s, t, e, a) => `M ${s + e / 4} ${t} L ${s + 3 * e / 4} ${t} L ${s + e} ${t + a / 2} L ${s + 3 * e / 4} ${t + a} L ${s + e / 4} ${t + a} L ${s} ${t + a / 2} Z`, yo = (s, t, e, a) => `M ${s + e / 4} ${t} L ${s + 3 * e / 4} ${t} L ${s + e} ${t + a / 4} L ${s + e} ${t + 3 * a / 4} L ${s + 3 * e / 4} ${t + a} L ${s + e / 4} ${t + a} L ${s} ${t + 3 * a / 4} L ${s} ${t + a / 4} L ${s + e / 4} ${t} Z`, Kt = (s, t, e, a) => a < e ? `M ${s + a / 2} ${t} L ${s + e - a / 2} ${t} A ${a / 2} ${a / 2} 0 0 1 ${s + e} ${t + a / 2} A ${a / 2} ${a / 2} 0 0 1 ${s + e - a / 2} ${t + a} L ${s + a / 2} ${t + a} A ${a / 2} ${a / 2} 0 0 1 ${s} ${t + a / 2} A ${a / 2} ${a / 2} 0 0 1 ${s + a / 2} ${t} Z` : a > e ? `M ${s} ${t + e / 2} L ${s} ${t + a - e / 2} A ${e / 2} ${e / 2} 0 0 0 ${s + e / 2} ${t + a} A ${e / 2} ${e / 2} 0 0 0 ${s + e} ${t + a - e / 2} L ${s + e} ${t + e / 2} A ${e / 2} ${e / 2} 0 0 0 ${s + e / 2} ${t} A ${e / 2} ${e / 2} 0 0 0 ${s} ${t + e / 2} Z` : Fe(s, t, e, a), xe = (s, t, e, a) => `M ${s} ${t} L ${s + e} ${t} L ${s + e} ${t + a} L ${s} ${t + a} Z`, bo = (s, t, e, a) => `M ${s + e / 2} ${t} L ${s + e} ${t + a / 2} L ${s + e / 2} ${t + a} L ${s} ${t + a / 2} Z`, ko = (s, t, e, a) => `M ${s + e / 4} ${t} L ${s + 3 * e / 4} ${t} A ${e / 4} ${a / 4} 0 0 1 ${s + e} ${t + a / 4} L ${s + e} ${t + 3 * a / 4} A ${e / 4} ${a / 4} 0 0 1 ${s + 3 * e / 4} ${t + a} L ${s + e / 4} ${t + a} A ${e / 4} ${a / 4} 0 0 1 ${s} ${t + 3 * a / 4} L ${s} ${t + a / 4} A ${e / 4} ${a / 4} 0 0 1 ${s + e / 4} ${t} Z`, wo = (s, t, e, a) => `M ${s} ${t} L ${s + 3 * e / 4} ${t} L ${s + 3 * e / 4} ${t + a / 4} L ${s + 3 * e / 4} ${t} L ${s + e} ${t + a / 4} L ${s + 3 * e / 4} ${t + a / 4} L ${s + e} ${t + a / 4} L ${s + e} ${t + a} L ${s} ${t + a} Z`;
+}, Ue = (s, t, e, a) => `M ${s + e / 2} ${t} A ${e / 2} ${a / 2} 0 0 0 ${s + e / 2} ${t + a} A ${e / 2} ${a / 2} 0 1 0 ${s + e / 2} ${t} Z`, mo = () => "Z", vo = (s, t, e, a) => `M ${s} ${t} L ${s + e / 3} ${t} L ${s + e / 2} ${t + a / 6} L ${s + e} ${t + a / 6} L ${s + e} ${t + a} L ${s} ${t + a} Z`, yo = (s, t, e, a) => `M ${s + e / 4} ${t} L ${s + 3 * e / 4} ${t} L ${s + e} ${t + a / 2} L ${s + 3 * e / 4} ${t + a} L ${s + e / 4} ${t + a} L ${s} ${t + a / 2} Z`, bo = (s, t, e, a) => `M ${s + e / 4} ${t} L ${s + 3 * e / 4} ${t} L ${s + e} ${t + a / 4} L ${s + e} ${t + 3 * a / 4} L ${s + 3 * e / 4} ${t + a} L ${s + e / 4} ${t + a} L ${s} ${t + 3 * a / 4} L ${s} ${t + a / 4} L ${s + e / 4} ${t} Z`, Kt = (s, t, e, a) => a < e ? `M ${s + a / 2} ${t} L ${s + e - a / 2} ${t} A ${a / 2} ${a / 2} 0 0 1 ${s + e} ${t + a / 2} A ${a / 2} ${a / 2} 0 0 1 ${s + e - a / 2} ${t + a} L ${s + a / 2} ${t + a} A ${a / 2} ${a / 2} 0 0 1 ${s} ${t + a / 2} A ${a / 2} ${a / 2} 0 0 1 ${s + a / 2} ${t} Z` : a > e ? `M ${s} ${t + e / 2} L ${s} ${t + a - e / 2} A ${e / 2} ${e / 2} 0 0 0 ${s + e / 2} ${t + a} A ${e / 2} ${e / 2} 0 0 0 ${s + e} ${t + a - e / 2} L ${s + e} ${t + e / 2} A ${e / 2} ${e / 2} 0 0 0 ${s + e / 2} ${t} A ${e / 2} ${e / 2} 0 0 0 ${s} ${t + e / 2} Z` : Ue(s, t, e, a), xe = (s, t, e, a) => `M ${s} ${t} L ${s + e} ${t} L ${s + e} ${t + a} L ${s} ${t + a} Z`, ko = (s, t, e, a) => `M ${s + e / 2} ${t} L ${s + e} ${t + a / 2} L ${s + e / 2} ${t + a} L ${s} ${t + a / 2} Z`, wo = (s, t, e, a) => `M ${s + e / 4} ${t} L ${s + 3 * e / 4} ${t} A ${e / 4} ${a / 4} 0 0 1 ${s + e} ${t + a / 4} L ${s + e} ${t + 3 * a / 4} A ${e / 4} ${a / 4} 0 0 1 ${s + 3 * e / 4} ${t + a} L ${s + e / 4} ${t + a} A ${e / 4} ${a / 4} 0 0 1 ${s} ${t + 3 * a / 4} L ${s} ${t + a / 4} A ${e / 4} ${a / 4} 0 0 1 ${s + e / 4} ${t} Z`, So = (s, t, e, a) => `M ${s} ${t} L ${s + 3 * e / 4} ${t} L ${s + 3 * e / 4} ${t + a / 4} L ${s + 3 * e / 4} ${t} L ${s + e} ${t + a / 4} L ${s + 3 * e / 4} ${t + a / 4} L ${s + e} ${t + a / 4} L ${s + e} ${t + a} L ${s} ${t + a} Z`;
 var x = /* @__PURE__ */ ((s) => (s.AllScroll = "all-scroll", s.Auto = "auto", s.Crosshair = "crosshair", s.EWResize = "ew-resize", s.Grab = "grab", s.Grabbing = "grabbing", s.Move = "move", s.NoDrop = "no-drop", s.NSResize = "ns-resize", s.NotAllowed = "not-allowed", s.ZoomIn = "zoom-in", s.ZoomOut = "zoom-out", s))(x || {});
-const So = (s) => Math.max(...s.split(`
-`).map((t) => t.length)), Co = (s) => s.match(/\n/g)?.length || 0, K = [];
+const Co = (s) => Math.max(...s.split(`
+`).map((t) => t.length)), $o = (s) => s.match(/\n/g)?.length || 0, K = [];
 for (let s = 0; s < 256; ++s)
   K.push((s + 256).toString(16).slice(1));
-function $o(s, t = 0) {
+function Io(s, t = 0) {
   return (K[s[t + 0]] + K[s[t + 1]] + K[s[t + 2]] + K[s[t + 3]] + "-" + K[s[t + 4]] + K[s[t + 5]] + "-" + K[s[t + 6]] + K[s[t + 7]] + "-" + K[s[t + 8]] + K[s[t + 9]] + "-" + K[s[t + 10]] + K[s[t + 11]] + K[s[t + 12]] + K[s[t + 13]] + K[s[t + 14]] + K[s[t + 15]]).toLowerCase();
 }
 let re;
-const Io = new Uint8Array(16);
-function Ao() {
+const Ao = new Uint8Array(16);
+function xo() {
   if (!re) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     re = crypto.getRandomValues.bind(crypto);
   }
-  return re(Io);
+  return re(Ao);
 }
-const xo = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Le = { randomUUID: xo };
-function Lo(s, t, e) {
+const Lo = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Le = { randomUUID: Lo };
+function Eo(s, t, e) {
   s = s || {};
-  const a = s.random ?? s.rng?.() ?? Ao();
+  const a = s.random ?? s.rng?.() ?? xo();
   if (a.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, $o(a);
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Io(a);
 }
 function Ee(s, t, e) {
-  return Le.randomUUID && !s ? Le.randomUUID() : Lo(s);
+  return Le.randomUUID && !s ? Le.randomUUID() : Eo(s);
 }
 const $t = (s) => {
   if (typeof s != "object")
@@ -554,7 +554,7 @@ class pt extends te {
         yield e;
   }
 }
-class Eo {
+class Mo {
   constructor(t, e, a, l, r, i, n) {
     this.name = t, this.label = e, this.type = a, this.defaultValue = l, this.basic = r, this.editable = i, this.rootAttribute = n, this.options = void 0, this.properties = void 0;
   }
@@ -579,11 +579,11 @@ class ee {
 function St(s, t) {
   return !t || s[0] > t[0] ? !0 : s[0] === t[0] ? s[1] >= t[1] : !1;
 }
-const Me = (s) => s == null || s === "" || s instanceof Array && s.length === 0 || s instanceof Object && Object.keys(s).length === 0, Ct = (s, t) => s === t || JSON.stringify(s) === JSON.stringify(t), Ue = (s, t, e) => {
+const Me = (s) => s == null || s === "" || s instanceof Array && s.length === 0 || s instanceof Object && Object.keys(s).length === 0, Ct = (s, t) => s === t || JSON.stringify(s) === JSON.stringify(t), De = (s, t, e) => {
   const a = {}, l = {};
   for (const r in e.propertySet.propertyMap)
     if (e.propertySet.propertyMap[r].type === N.Object) {
-      const i = Ue(
+      const i = De(
         s[r],
         t[r],
         e.getSubValueSet(r)
@@ -592,7 +592,7 @@ const Me = (s) => s == null || s === "" || s instanceof Array && s.length === 0
     } else
       Ct(s[r], t[r]) || (a[r] = s[r], l[r] = t[r]);
   return [a, l];
-}, Mo = (s) => s != null && s.constructor === Object;
+}, To = (s) => s != null && s.constructor === Object;
 class kt {
   constructor(t, e) {
     this.displayedProperties = [], this.hiddenProperties = [], this.values = {}, this.valueSets = {}, this.ownTimestamps = {}, this.propertySet = t, this.rootElement = e, this.resetValues();
@@ -848,7 +848,7 @@ const it = {
     lookType: "connection-look",
     color: "#000000",
     thickness: 1,
-    shape: Ge.Straight,
+    shape: Fe.Straight,
     style: be.Solid,
     selected: {
       color: "#AA00AA"
@@ -863,7 +863,7 @@ const it = {
   endTypes: [],
   properties: []
 };
-class De {
+class Be {
   constructor(t) {
     const e = {
       ...it,
@@ -1163,7 +1163,7 @@ class ct extends At {
     return this.start ? this.end ? Math.min(this.start.getPriority(), this.end.getPriority()) : this.start.getPriority() : this.end ? this.end.getPriority() : zt;
   }
 }
-class To extends pt {
+class No extends pt {
   /**
    * Instance a set of connections for the given model. This method is used internally.
    * @private
@@ -1182,7 +1182,7 @@ class To extends pt {
    */
   new(t, e, a, l) {
     let r;
-    if (t instanceof De)
+    if (t instanceof Be)
       r = t;
     else {
       const n = this.types.get(t);
@@ -1278,7 +1278,7 @@ class gt extends At {
     return this.rootElement?.getPriority() || zt;
   }
 }
-class No extends pt {
+class Po extends pt {
   /**
    * Instance a set of fields for the given model. This method is used internally.
    * @private
@@ -1316,7 +1316,7 @@ class No extends pt {
     e && (e.rootElement?.label !== void 0 && e.rootElement.label === e && (e.rootElement.label = void 0), super.remove(t), e.updateInView());
   }
 }
-const J = (s) => s?.margin === null || s?.margin === void 0 ? O.margin : typeof s.margin == "number" ? s.margin : s.margin.length === 0 ? O.margin : s.margin.length === 1 || s.margin.length === 2 ? s.margin[0] : (s.margin.length === 3, s.margin[2]), Y = (s) => s?.margin === null || s?.margin === void 0 ? O.margin : typeof s.margin == "number" ? s.margin : s.margin.length === 0 ? O.margin : s.margin.length === 1 ? s.margin[0] : s.margin.length === 2 || s.margin.length === 3 ? s.margin[1] : s.margin[3], st = (s) => s?.margin === null || s?.margin === void 0 ? O.margin : typeof s.margin == "number" ? s.margin : s.margin.length === 0 ? O.margin : s.margin.length === 1 ? s.margin[0] : (s.margin.length === 2 || s.margin.length === 3, s.margin[1]), U = (s) => s?.margin === null || s?.margin === void 0 ? O.margin : typeof s.margin == "number" ? s.margin : s.margin.length === 0 ? O.margin : (s.margin.length === 1 || s.margin.length === 2 || s.margin.length === 3, s.margin[0]), Ht = (s) => s?.padding === null || s?.padding === void 0 ? O.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? O.padding : s.padding.length === 1 || s.padding.length === 2 ? s.padding[0] : (s.padding.length === 3, s.padding[2]), _t = (s) => s?.padding === null || s?.padding === void 0 ? O.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? O.padding : s.padding.length === 1 ? s.padding[0] : s.padding.length === 2 || s.padding.length === 3 ? s.padding[1] : s.padding[3], Gt = (s) => s?.padding === null || s?.padding === void 0 ? O.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? O.padding : s.padding.length === 1 ? s.padding[0] : (s.padding.length === 2 || s.padding.length === 3, s.padding[1]), Ft = (s) => s?.padding === null || s?.padding === void 0 ? O.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? O.padding : (s.padding.length === 1 || s.padding.length === 2 || s.padding.length === 3, s.padding[0]), Te = 1, Ne = 1, Po = 1, zo = 1;
+const J = (s) => s?.margin === null || s?.margin === void 0 ? O.margin : typeof s.margin == "number" ? s.margin : s.margin.length === 0 ? O.margin : s.margin.length === 1 || s.margin.length === 2 ? s.margin[0] : (s.margin.length === 3, s.margin[2]), Y = (s) => s?.margin === null || s?.margin === void 0 ? O.margin : typeof s.margin == "number" ? s.margin : s.margin.length === 0 ? O.margin : s.margin.length === 1 ? s.margin[0] : s.margin.length === 2 || s.margin.length === 3 ? s.margin[1] : s.margin[3], st = (s) => s?.margin === null || s?.margin === void 0 ? O.margin : typeof s.margin == "number" ? s.margin : s.margin.length === 0 ? O.margin : s.margin.length === 1 ? s.margin[0] : (s.margin.length === 2 || s.margin.length === 3, s.margin[1]), U = (s) => s?.margin === null || s?.margin === void 0 ? O.margin : typeof s.margin == "number" ? s.margin : s.margin.length === 0 ? O.margin : (s.margin.length === 1 || s.margin.length === 2 || s.margin.length === 3, s.margin[0]), Ht = (s) => s?.padding === null || s?.padding === void 0 ? O.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? O.padding : s.padding.length === 1 || s.padding.length === 2 ? s.padding[0] : (s.padding.length === 3, s.padding[2]), _t = (s) => s?.padding === null || s?.padding === void 0 ? O.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? O.padding : s.padding.length === 1 ? s.padding[0] : s.padding.length === 2 || s.padding.length === 3 ? s.padding[1] : s.padding[3], Gt = (s) => s?.padding === null || s?.padding === void 0 ? O.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? O.padding : s.padding.length === 1 ? s.padding[0] : (s.padding.length === 2 || s.padding.length === 3, s.padding[1]), Ft = (s) => s?.padding === null || s?.padding === void 0 ? O.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? O.padding : (s.padding.length === 1 || s.padding.length === 2 || s.padding.length === 3, s.padding[0]), Te = 1, Ne = 1, zo = 1, Vo = 1;
 class Ro {
   constructor(t) {
     this.margin = t.margin || 0, this.defaultWidths = t.defaultWidths || null, this.defaultHeights = t.defaultHeights || null, this.minWidths = t.minWidths || null, this.minHeights = t.minHeights || null, this.sections = [];
@@ -1324,14 +1324,14 @@ class Ro {
       const a = [];
       this.sections.push(a);
       for (const l of e)
-        a.push(new Vo(l));
+        a.push(new Oo(l));
     }
   }
 }
-class Vo {
+class Oo {
   constructor(t) {
     this.label = t.label || null, this.ports = t.ports || [], this.priority = t.priority || zt, this.resizableX = t.resizableX, this.resizableY = t.resizableY;
-    const e = rt(t.look || Be);
+    const e = rt(t.look || Ye);
     this.defaultLook = e.defaultLook, this.selectedLook = e.selectedLook, this.highlightedLook = e.highlightedLook, this.selectedAndHighlightedLook = e.selectedAndHighlightedLook;
   }
 }
@@ -1415,10 +1415,10 @@ class B extends At {
     return this.node?.type?.sectionGrid?.sections?.[this.indexYInNode]?.[this.indexXInNode];
   }
   getMinWidth() {
-    return this.node?.type?.sectionGrid?.minWidths?.[this.indexXInNode] || Po;
+    return this.node?.type?.sectionGrid?.minWidths?.[this.indexXInNode] || zo;
   }
   getMinHeight() {
-    return this.node?.type?.sectionGrid?.minHeights?.[this.indexYInNode] || zo;
+    return this.node?.type?.sectionGrid?.minHeights?.[this.indexYInNode] || Vo;
   }
   getPriority() {
     return this.node?.type?.sectionGrid?.sections?.[this.indexYInNode]?.[this.indexXInNode]?.priority || zt;
@@ -1591,7 +1591,7 @@ class B extends At {
     this.model.canvas?.autoTightenConnections !== !1 && this.getConnections().forEach((n) => n.tighten()), this.updateInView();
   }
 }
-class Oo extends pt {
+class Ho extends pt {
   /**
    * Instance a set of sections for the given model. This method is used internally.
    * @private
@@ -1715,7 +1715,7 @@ class Oo extends pt {
     }
   }
 }
-const Be = {
+const Ye = {
   lookType: "shaped-look",
   shape: Pt.Rectangle,
   fillColor: "#FFFFFF",
@@ -1742,20 +1742,20 @@ const Be = {
   ports: [],
   decorators: [],
   sectionGrid: null,
-  look: Be,
+  look: Ye,
   isUnique: !1,
   canBeParentless: !0,
   childrenTypes: [],
   priority: zt,
   properties: []
 };
-class Ye {
+class Xe {
   constructor(t) {
     const e = {
       ...ut,
       ...t
     };
-    this.id = e.id, this.name = e.name, this.defaultWidth = e.defaultWidth, this.defaultHeight = e.defaultHeight, this.minWidth = e.minWidth, this.minHeight = e.minHeight, this.resizableX = e.resizableX, this.resizableY = e.resizableY, this.snapToGridOffset = e.snapToGridOffset, this.bottomPadding = _o(e), this.leftPadding = Go(e), this.rightPadding = Fo(e), this.topPadding = Uo(e), this.label = e.label, this.ports = e.ports, this.decorators = e.decorators, this.sectionGrid = e.sectionGrid ? new Ro(e.sectionGrid) : null;
+    this.id = e.id, this.name = e.name, this.defaultWidth = e.defaultWidth, this.defaultHeight = e.defaultHeight, this.minWidth = e.minWidth, this.minHeight = e.minHeight, this.resizableX = e.resizableX, this.resizableY = e.resizableY, this.snapToGridOffset = e.snapToGridOffset, this.bottomPadding = Go(e), this.leftPadding = Fo(e), this.rightPadding = Uo(e), this.topPadding = Do(e), this.label = e.label, this.ports = e.ports, this.decorators = e.decorators, this.sectionGrid = e.sectionGrid ? new Ro(e.sectionGrid) : null;
     const a = rt(e.look);
     this.defaultLook = a.defaultLook, this.selectedLook = a.selectedLook, this.highlightedLook = a.highlightedLook, this.selectedAndHighlightedLook = a.selectedAndHighlightedLook, this.isUnique = e.isUnique, this.canBeParentless = e.canBeParentless, this.childrenTypes = e.childrenTypes, this.priority = e.priority, this.propertySet = new ee(t?.properties || []);
   }
@@ -2314,7 +2314,7 @@ class z extends At {
     this.stretch(f.Bottom, e + a);
   }
 }
-class Ho extends pt {
+class _o extends pt {
   /**
    * Instance a set of nodes for the given model. This method is used internally.
    * @private
@@ -2332,7 +2332,7 @@ class Ho extends pt {
    */
   new(t, e, a) {
     let l;
-    if (t instanceof Ye)
+    if (t instanceof Xe)
       l = t;
     else {
       const i = this.types.get(t);
@@ -2493,12 +2493,12 @@ class Ho extends pt {
     return a;
   }
 }
-const Xe = (s) => {
+const je = (s) => {
   for (let t = 0; t < s.length; ++t)
     for (let e = 0; e < s.length; ++e)
       e !== t && s[e].isAncestorOf(s[t]) && (s.splice(e, 1), --e, t > e && --t);
   return s;
-}, _o = (s) => s?.padding === null || s?.padding === void 0 ? ut.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? ut.padding : s.padding.length === 1 || s.padding.length === 2 ? s.padding[0] : (s.padding.length === 3, s.padding[2]), Go = (s) => s?.padding === null || s?.padding === void 0 ? ut.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? ut.padding : s.padding.length === 1 ? s.padding[0] : s.padding.length === 2 || s.padding.length === 3 ? s.padding[1] : s.padding[3], Fo = (s) => s?.padding === null || s?.padding === void 0 ? ut.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? ut.padding : s.padding.length === 1 ? s.padding[0] : (s.padding.length === 2 || s.padding.length === 3, s.padding[1]), Uo = (s) => s?.padding === null || s?.padding === void 0 ? ut.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? ut.padding : (s.padding.length === 1 || s.padding.length === 2 || s.padding.length === 3, s.padding[0]), je = {
+}, Go = (s) => s?.padding === null || s?.padding === void 0 ? ut.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? ut.padding : s.padding.length === 1 || s.padding.length === 2 ? s.padding[0] : (s.padding.length === 3, s.padding[2]), Fo = (s) => s?.padding === null || s?.padding === void 0 ? ut.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? ut.padding : s.padding.length === 1 ? s.padding[0] : s.padding.length === 2 || s.padding.length === 3 ? s.padding[1] : s.padding[3], Uo = (s) => s?.padding === null || s?.padding === void 0 ? ut.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? ut.padding : s.padding.length === 1 ? s.padding[0] : (s.padding.length === 2 || s.padding.length === 3, s.padding[1]), Do = (s) => s?.padding === null || s?.padding === void 0 ? ut.padding : typeof s.padding == "number" ? s.padding : s.padding.length === 0 ? ut.padding : (s.padding.length === 1 || s.padding.length === 2 || s.padding.length === 3, s.padding[0]), We = {
   lookType: "shaped-look",
   shape: Pt.Ellipse,
   fillColor: "transparent",
@@ -2510,18 +2510,18 @@ const Xe = (s) => {
   highlighted: {
     fillColor: "rgba(0, 255, 255, 0.5)"
   }
-}, Wt = rt(je), We = {
+}, Wt = rt(We), Ze = {
   name: "",
   label: null,
   allowsOutgoing: !0,
   allowsIncoming: !0,
   width: 24,
-  look: je
+  look: We
 };
-class Do {
+class Bo {
   constructor(t) {
     const e = {
-      ...We,
+      ...Ze,
       ...t
     };
     this.id = e.id, this.name = e.name, this.label = e.label, this.allowsOutgoing = e.allowsOutgoing, this.allowsIncoming = e.allowsIncoming, this.width = e.width;
@@ -2629,7 +2629,7 @@ class wt extends At {
    * @private
    */
   get width() {
-    return this.type?.width || We.width;
+    return this.type?.width || Ze.width;
   }
   /**
    * Current height of this port. Same as the width.
@@ -2702,10 +2702,10 @@ class wt extends At {
     ]), this.updateInView();
   }
   distanceTo(t) {
-    return _e(this.coords, t);
+    return Ge(this.coords, t);
   }
 }
-class Bo extends pt {
+class Yo extends pt {
   /**
    * Instance a set of ports for the given model. This method is used internally.
    * @private
@@ -2742,7 +2742,7 @@ class Bo extends pt {
     }
   }
 }
-class Ze {
+class Ke {
   import(t, e) {
     t.clear(), e.id && (t.id = e.id), t.name = e.name, t.description = e.description, t.type = e.type, t.createdAt = new Date(e.createdAt), t.updatedAt = new Date(e.updatedAt);
     for (const a of e.nodes || [])
@@ -3313,7 +3313,7 @@ class se {
     this.canvas = t, this.nodes = e, this.connections = a;
   }
   do() {
-    const t = new Ze();
+    const t = new Ke();
     this.canvas.userSelection.clear();
     for (const e of this.nodes) {
       const a = t.importNode(this.canvas.model, e);
@@ -3342,7 +3342,7 @@ class se {
     );
   }
 }
-class Yo {
+class Xo {
   constructor(t) {
     this.isInRoom = !1, this.canvas = t, this.replicaId = Ee();
   }
@@ -3445,7 +3445,7 @@ class Yo {
     }
   }
 }
-class Xo {
+class jo {
   constructor(t, e) {
     this.canvas = t, this.maximum = e, this.history = [], this.index = 0;
   }
@@ -3498,7 +3498,7 @@ class Xo {
   }
 }
 var k = /* @__PURE__ */ ((s) => (s.AddConnection = "add-connection", s.AddNode = "add-node", s.AddSectionAction = "add-section", s.ApplyLayout = "apply-layout", s.Clipboard = "clipboard", s.ContextMenu = "context-menu", s.EditField = "edit-field", s.MoveNode = "move-node", s.Paste = "paste", s.Remove = "remove", s.StretchNode = "stretch-node", s.StretchSection = "stretch-section", s.UpdateValues = "update-values", s.Zoom = "zoom", s))(k || {});
-class jo {
+class Wo {
   constructor(t, e, a, l, r, i, n, o, d) {
     this.canvas = t, this.type = e, this.coords = a, this.parentId = l, this.ancestorId = r, this.fromAncestorGeometry = i, this.toAncestorGeometry = n, this.label = o, this.values = d, this.id = this.canvas.collabEngine.freshId();
   }
@@ -3656,7 +3656,7 @@ class W {
     return t !== void 0;
   }
 }
-class Wo {
+class Zo {
   constructor(t, e, a, l, r, i, n, o, d) {
     this.canvas = t, this.childId = e, this.fromParentId = a, this.toParentId = l, this.fromChildGeometry = r, this.toChildGeometry = i, this.ancestorId = n, this.fromAncestorGeometry = o, this.toAncestorGeometry = d;
   }
@@ -3785,7 +3785,7 @@ class Pe {
     return t !== void 0;
   }
 }
-class Zo {
+class Ko {
   constructor(t, e, a, l) {
     this.canvas = t, this.id = e, this.from = a, this.to = l;
   }
@@ -3825,7 +3825,7 @@ class Zo {
     return !e.rootElement.removed;
   }
 }
-class Ko {
+class qo {
   constructor(t, e, a, l, r, i) {
     this.canvas = t, this.nodeIds = e, this.sectionIds = a, this.portIds = l, this.connectionIds = r, this.fieldIds = i;
   }
@@ -3867,7 +3867,7 @@ class Ko {
     return this.do();
   }
 }
-class qo {
+class Jo {
   constructor(t, e, a, l) {
     this.canvas = t, this.nodes = e, this.connections = a, this.coords = l;
   }
@@ -3966,8 +3966,8 @@ class Yt {
     this.defaultPrevented = !0;
   }
 }
-var Ke = /* @__PURE__ */ ((s) => (s[s.Zoom = 0] = "Zoom", s[s.DoubleClick = 1] = "DoubleClick", s[s.SecondaryClick = 2] = "SecondaryClick", s[s.Selection = 3] = "Selection", s[s.Highlight = 4] = "Highlight", s))(Ke || {});
-class Jo extends Yt {
+var qe = /* @__PURE__ */ ((s) => (s[s.Zoom = 0] = "Zoom", s[s.DoubleClick = 1] = "DoubleClick", s[s.SecondaryClick = 2] = "SecondaryClick", s[s.Selection = 3] = "Selection", s[s.Highlight = 4] = "Highlight", s))(qe || {});
+class Qo extends Yt {
   /**
    * Create a diagram zoom event.
    *
@@ -4037,7 +4037,7 @@ class tt extends Yt {
     ), this.target = t;
   }
 }
-class qe extends At {
+class Je extends At {
   constructor(t, e, a, l, r, i, n, o, d = "floating", c = "floating") {
     if (t.objects.get(o) !== void 0)
       throw new Error(`DiagramDecorator with id "${o}" already exists`);
@@ -4066,7 +4066,7 @@ class qe extends At {
     return this.priority;
   }
 }
-class Qo extends pt {
+class ti extends pt {
   /**
    * Instance a set of decorators for the given model. This method is used internally.
    * @private
@@ -4086,7 +4086,7 @@ class Qo extends pt {
    * @returns The instanced decorator.
    */
   new(t, e, a, l, r, i, n, o = "floating", d = "floating") {
-    const c = new qe(
+    const c = new Je(
       this.model,
       t,
       e,
@@ -4105,7 +4105,7 @@ class Qo extends pt {
     e && ((e.rootElement instanceof z || e.rootElement instanceof B) && X(e.rootElement.decorators, e), super.remove(t), e.updateInView());
   }
 }
-class ti extends At {
+class ei extends At {
   constructor(t, e, a, l, r, i, n) {
     if (t.objects.get(n) !== void 0)
       throw new Error(`DiagramObject with id "${n}" already exists`);
@@ -4134,7 +4134,7 @@ class ti extends At {
     return this.priority;
   }
 }
-class ei extends pt {
+class oi extends pt {
   /**
    * Instance a set of objects for the given model. This method is used internally.
    * @private
@@ -4154,7 +4154,7 @@ class ei extends pt {
    * @returns The instanced object.
    */
   new(t, e, a, l, r, i) {
-    const n = new ti(
+    const n = new ei(
       this.model,
       t,
       e,
@@ -4170,9 +4170,9 @@ class ei extends pt {
     e && (super.remove(t), e.updateInView());
   }
 }
-class Je {
+class Qe {
   constructor(t, e, a, l, r, i = []) {
-    this.nodes = new Ho(this), this.sections = new Oo(this), this.ports = new Bo(this), this.connections = new To(this), this.fields = new No(this), this.objects = new ei(this), this.decorators = new Qo(this), this.canvas = t, this.id = e, this.name = a, this.description = l, this.type = r, this.createdAt = /* @__PURE__ */ new Date(), this.updatedAt = /* @__PURE__ */ new Date(), this.logicalClock = 0, this.valueSet = new kt(new ee(i), this);
+    this.nodes = new _o(this), this.sections = new Ho(this), this.ports = new Yo(this), this.connections = new No(this), this.fields = new Po(this), this.objects = new oi(this), this.decorators = new ti(this), this.canvas = t, this.id = e, this.name = a, this.description = l, this.type = r, this.createdAt = /* @__PURE__ */ new Date(), this.updatedAt = /* @__PURE__ */ new Date(), this.logicalClock = 0, this.valueSet = new kt(new ee(i), this);
   }
   /**
    * Deletes everything in this diagram.
@@ -4182,7 +4182,7 @@ class Je {
     this.canvas?.cancelAllUserActions(), this.id = void 0, this.name = "", this.description = void 0, this.createdAt = /* @__PURE__ */ new Date(), this.updatedAt = /* @__PURE__ */ new Date(), this.logicalClock = 0, this.nodes.clear(), this.sections.clear(), this.ports.clear(), this.connections.clear(), this.fields.clear(), this.objects.clear(), this.decorators.clear(), this.valueSet.resetValues(), this.canvas?.updateModelInView();
   }
 }
-const bt = (s) => !!s.button, de = (s, t, e, a, l, r, i, n) => uo(
+const bt = (s) => !!s.button, de = (s, t, e, a, l, r, i, n) => po(
   s,
   [t, e],
   a,
@@ -4197,7 +4197,7 @@ const bt = (s) => !!s.button, de = (s, t, e, a, l, r, i, n) => uo(
   s ? A.select("body").style("cursor", s) : A.select("body").style("cursor", x.Auto);
 }, ht = (s) => s instanceof z ? s : s instanceof B ? s.node || s : s.rootElement instanceof z || s.rootElement instanceof B || s.rootElement instanceof wt ? ht(s.rootElement) : s, ce = (s) => {
   s.filter(".shaped-look").append("path"), s.filter(".image-look").append("image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "top-left-image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "top-image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "top-right-image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "left-image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "center-image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "right-image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "bottom-left-image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "bottom-image").attr("preserveAspectRatio", "none"), s.filter(".stretchable-image-look").append("image").attr("class", "bottom-right-image").attr("preserveAspectRatio", "none");
-}, Vt = {
+}, Rt = {
   fillColor: "#FFFFFF",
   borderColor: "#000000",
   borderThickness: 1,
@@ -4214,18 +4214,18 @@ const bt = (s) => !!s.button, de = (s, t, e, a, l, r, i, n) => uo(
     )
   ).attr(
     "fill",
-    (t) => t.look.fillColor || Vt.fillColor
+    (t) => t.look.fillColor || Rt.fillColor
   ).attr(
     "stroke",
-    (t) => t.look.borderColor || Vt.borderColor
+    (t) => t.look.borderColor || Rt.borderColor
   ).attr(
     "stroke-width",
-    (t) => `${t.look.borderThickness || Vt.borderThickness}px`
+    (t) => `${t.look.borderThickness || Rt.borderThickness}px`
   ).attr(
     "stroke-dasharray",
     (t) => pe(
-      t.look.borderStyle || Vt.borderStyle,
-      t.type?.defaultLook?.borderThickness || t.look?.borderThickness || Vt.borderThickness
+      t.look.borderStyle || Rt.borderStyle,
+      t.type?.defaultLook?.borderThickness || t.look?.borderThickness || Rt.borderThickness
     )
   ), s.filter(".image-look").select("image").attr("x", 0).attr("y", 0).attr("width", (t) => t.width).attr("height", (t) => t.height).attr("href", (t) => t.look.backgroundImage), s.filter(".stretchable-image-look").select("image.top-left-image").attr("x", 0).attr("y", 0).attr("width", (t) => t.look.leftMargin).attr("height", (t) => t.look.topMargin).attr(
     "href",
@@ -4270,7 +4270,7 @@ const bt = (s) => !!s.button, de = (s, t, e, a, l, r, i, n) => uo(
   snap: !1,
   spacing: 10,
   thickness: 0.05
-}, oi = (s, t, e) => {
+}, ii = (s, t, e) => {
   const a = t.append("defs");
   if (s.gridSize > 0 && isFinite(s.gridSize)) {
     const l = a.append("pattern").attr("id", e).attr("x", -s.gridSize / 2).attr("y", -s.gridSize / 2).attr("width", s.gridSize).attr("height", s.gridSize).attr("patternUnits", "userSpaceOnUse");
@@ -4290,10 +4290,10 @@ const bt = (s) => !!s.button, de = (s, t, e, a, l, r, i, n) => uo(
     }
     t.select("rect").attr("fill", `url(#${e})`);
   }
-}, ve = 96, Z = 32, Et = ve + Z, ii = Math.PI / 4, si = 100, ze = {
+}, ve = 96, Z = 32, Et = ve + Z, si = Math.PI / 4, ni = 100, ze = {
   customButtons: []
 };
-class ni {
+class ri {
   /**
    * Constructs a context menu object.
    * @public
@@ -4351,7 +4351,7 @@ class ni {
       onPress: void 0
     });
     for (let i = 0; i < r.length; ++i) {
-      const n = r[i], o = n.onPress, d = (i + 0.5 - r.length / 2) * ii, c = l.append("xhtml:div").attr(
+      const n = r[i], o = n.onPress, d = (i + 0.5 - r.length / 2) * si, c = l.append("xhtml:div").attr(
         "class",
         `daga-context-menu-button ${n.onPress !== void 0 ? " daga-clickable" : ""}`
       ).attr("tabindex", 0).style("position", "absolute").style("box-sizing", "border-box").style("width", `${2 * Z}px`).style("height", `${2 * Z}px`).style("border-radius", `${Z}px`).style("pointer-events", "auto").on(S.Click, (h) => {
@@ -4359,7 +4359,7 @@ class ni {
       }).on(S.KeyDown, (h) => {
         o && h.key === q.Enter && (h.preventDefault(), o(this.canvas));
       });
-      n.imageClass !== void 0 ? c.append("xhtml:div").style("position", "absolute").style("left", `${0.75 * Z}px`).style("top", `${0.5 * Z}px`).style("width", `${0.5 * Z}px`).style("height", `${0.5 * Z}px`).style("background-size", "contain").style("background-repeat", "no-repeat").attr("class", n.imageClass) : n.image !== void 0 && c.append("xhtml:img").style("position", "absolute").style("left", `${0.75 * Z}px`).style("top", `${0.5 * Z}px`).style("width", `${0.5 * Z}px`).style("height", `${0.5 * Z}px`).attr("src", n.image), c.append("xhtml:span").style("position", "absolute").style("left", `${0.2 * Z}px`).style("top", `${1.1 * Z}px`).style("text-align", "center").style("width", `${1.6 * Z}px`).style("height", `${0.35 * Z}px`).style("margin", "0").style("font-size", `${0.35 * Z}px`).style("font-weight", "700").style("user-select", "none").text(n.name), c.transition().ease(A.easeLinear).duration(si).tween("progress", () => (h) => {
+      n.imageClass !== void 0 ? c.append("xhtml:div").style("position", "absolute").style("left", `${0.75 * Z}px`).style("top", `${0.5 * Z}px`).style("width", `${0.5 * Z}px`).style("height", `${0.5 * Z}px`).style("background-size", "contain").style("background-repeat", "no-repeat").attr("class", n.imageClass) : n.image !== void 0 && c.append("xhtml:img").style("position", "absolute").style("left", `${0.75 * Z}px`).style("top", `${0.5 * Z}px`).style("width", `${0.5 * Z}px`).style("height", `${0.5 * Z}px`).attr("src", n.image), c.append("xhtml:span").style("position", "absolute").style("left", `${0.2 * Z}px`).style("top", `${1.1 * Z}px`).style("text-align", "center").style("width", `${1.6 * Z}px`).style("height", `${0.35 * Z}px`).style("margin", "0").style("font-size", `${0.35 * Z}px`).style("font-weight", "700").style("user-select", "none").text(n.name), c.transition().ease(A.easeLinear).duration(ni).tween("progress", () => (h) => {
         const u = d * h;
         return c.style(
           "left",
@@ -4379,7 +4379,7 @@ class ni {
     this.contextMenuContainer?.remove(), this.contextMenuContainer = void 0;
   }
 }
-class ri extends pt {
+class ai extends pt {
   /**
    * Constructs a user highlight object.
    * @public
@@ -4401,7 +4401,7 @@ class ri extends pt {
    * @param element
    */
   focusOn(t) {
-    this.clear(), this.focus = t, (t instanceof gt || t instanceof qe) && t.rootElement ? this.focusOn(t.rootElement) : this.add(t);
+    this.clear(), this.focus = t, (t instanceof gt || t instanceof Je) && t.rootElement ? this.focusOn(t.rootElement) : this.add(t);
   }
   add(t) {
     if (super.add(t), t instanceof z) {
@@ -4433,13 +4433,13 @@ class ri extends pt {
     this.focus = void 0;
   }
 }
-const ai = 1;
-class Qe {
+const li = 1;
+class to {
   export(t, e = !1) {
     const a = {
       name: t.name,
       type: t.type,
-      typeVersion: ai,
+      typeVersion: li,
       createdAt: t.createdAt,
       updatedAt: t.updatedAt,
       nodes: [],
@@ -4577,17 +4577,17 @@ class Qe {
     } : {};
   }
 }
-const li = "Diagram properties";
-class di extends pt {
+const di = "Diagram properties";
+class ci extends pt {
   /**
    * Constructs a user selection object.
    * @public
    * @param canvas A canvas.
    */
   constructor(t, e) {
-    super(), this.canvas = t, this.canvas.propertyEditorChanges$.pipe(lo(2e3)).subscribe(() => {
+    super(), this.canvas = t, this.canvas.propertyEditorChanges$.pipe(co(2e3)).subscribe(() => {
       this.makeUpdateValuesAction();
-    }), this.diagramPropertiesText = e !== void 0 ? e : li;
+    }), this.diagramPropertiesText = e !== void 0 ? e : di;
   }
   add(t) {
     if (!this.contains(t.id) && (this.length === 0 ? this.propertyEditorSelection === void 0 && (t instanceof z || t instanceof ct) ? this.openInPropertyEditor(t) : this.propertyEditorSelection === void 0 && t instanceof B ? this.openInPropertyEditor(t.node) : this.openInPropertyEditor(void 0) : this.openInPropertyEditor(void 0), super.add(t), t.updateInView(), t instanceof z && t.sections))
@@ -4636,7 +4636,7 @@ class di extends pt {
       const t = [], e = [], a = [], l = [], r = [];
       for (const n of this.all())
         n instanceof z ? t.push(n.id) : n instanceof B ? e.push(n.id) : n instanceof wt ? a.push(n.id) : n instanceof ct ? l.push(n.id) : n instanceof gt && r.push(n.id);
-      const i = new Ko(
+      const i = new qo(
         this.canvas,
         t,
         e,
@@ -4652,7 +4652,7 @@ class di extends pt {
    * @public
    */
   copyToClipboard() {
-    const t = { type: "daga-user-selection", nodes: [], connections: [] }, e = new Qe();
+    const t = { type: "daga-user-selection", nodes: [], connections: [] }, e = new to();
     for (const a of this.all())
       a instanceof z && t.nodes.push(e.exportNode(a, !1)), a instanceof ct && t.connections.push(
         e.exportConnection(a, !1)
@@ -4676,7 +4676,7 @@ class di extends pt {
         const a = JSON.parse(e);
         if (a.type !== "daga-user-selection")
           return;
-        const l = new qo(
+        const l = new Jo(
           this.canvas,
           a.nodes,
           a.connections,
@@ -4707,17 +4707,17 @@ class di extends pt {
   makeUpdateValuesAction() {
     if (this.propertyEditorSelection === void 0 || this.propertyEditorValues === void 0)
       return;
-    const t = this.propertyEditorSelection instanceof Je ? void 0 : this.propertyEditorSelection.id;
+    const t = this.propertyEditorSelection instanceof Qe ? void 0 : this.propertyEditorSelection.id;
     if (Ct(
       this.propertyEditorValues,
       this.propertyEditorSelection?.valueSet.getValues()
     ))
       return;
-    const e = this.propertyEditorValues, a = $t(this.propertyEditorSelection?.valueSet.getValues()), [l, r] = Ue(
+    const e = this.propertyEditorValues, a = $t(this.propertyEditorSelection?.valueSet.getValues()), [l, r] = De(
       e,
       a,
       this.propertyEditorSelection?.valueSet
-    ), i = new Zo(
+    ), i = new Ko(
       this.canvas,
       t,
       l,
@@ -4726,10 +4726,10 @@ class di extends pt {
     i.do(), this.canvas.actionStack.add(i), this.propertyEditorValues = a;
   }
 }
-const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
-  const a = ci(e), l = Math.sin(a), r = Math.cos(a), i = (Math.abs(s * r) - Math.abs(t * l)) / (r * r - l * l), n = (Math.abs(s * l) - Math.abs(t * r)) / (l * l - r * r);
+const hi = (s) => s * Math.PI / 180, Ve = (s, t, e) => {
+  const a = hi(e), l = Math.sin(a), r = Math.cos(a), i = (Math.abs(s * r) - Math.abs(t * l)) / (r * r - l * l), n = (Math.abs(s * l) - Math.abs(t * r)) / (l * l - r * r);
   return [i, n];
-}, hi = 12, H = 6, gi = 25, ge = "diagram-connection-unfinished", Qt = class Qt {
+}, Re = navigator?.userAgent?.indexOf("AppleWebKit") >= 0, gi = 12, H = 6, fi = 25, ge = "diagram-connection-unfinished", Qt = class Qt {
   /**
    * Constructs a canvas object.
    * @public
@@ -4737,24 +4737,24 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
    * @param config The configuration object used to set the parameters of this canvas.
    */
   constructor(t, e) {
-    if (this.backgroundPatternId = `daga-background-pattern-id-${Qt.canvasCount++}`, this.zoomTransform = A.zoomIdentity, this.draggingFrom = [0, 0], this.dragging = !1, this.secondaryButton = !1, this.validatorChange$ = new jt(), this.diagramChange$ = new jt(), this.diagramEvent$ = new jt(), this.propertyEditorChanges$ = new jt(), this.parentComponent = t, this.model = new Je(
+    if (this.backgroundPatternId = `daga-background-pattern-id-${Qt.canvasCount++}`, this.zoomTransform = A.zoomIdentity, this.draggingFrom = [0, 0], this.dragging = !1, this.secondaryButton = !1, this.validatorChange$ = new jt(), this.diagramChange$ = new jt(), this.diagramEvent$ = new jt(), this.propertyEditorChanges$ = new jt(), this.parentComponent = t, this.model = new Qe(
       this,
       void 0,
       e.name || "unnamed",
       "",
       e.type || "",
       e.properties || []
-    ), this.userSelection = new di(
+    ), this.userSelection = new ci(
       this,
       e.components?.propertyEditor?.title
-    ), this.userHighlight = new ri(
+    ), this.userHighlight = new ai(
       this,
       e.canvas?.highlightSections !== !1
-    ), this.contextMenu = new ni(this, e.canvas?.contextMenu), this.backgroundColor = e.canvas?.backgroundColor || "#FFFFFF", this.gridStyle = e.canvas?.grid?.style ?? Ot.style, this.gridSize = e.canvas?.grid?.enabled === !1 || e.canvas?.grid === void 0 ? 0 : Math.abs(e.canvas?.grid?.spacing || Ot.spacing), this.gridThickness = Math.abs(
+    ), this.contextMenu = new ri(this, e.canvas?.contextMenu), this.backgroundColor = e.canvas?.backgroundColor || "#FFFFFF", this.gridStyle = e.canvas?.grid?.style ?? Ot.style, this.gridSize = e.canvas?.grid?.enabled === !1 || e.canvas?.grid === void 0 ? 0 : Math.abs(e.canvas?.grid?.spacing || Ot.spacing), this.gridThickness = Math.abs(
       e.canvas?.grid?.thickness || Ot.thickness
-    ), this.gridColor = e.canvas?.grid?.color || Ot.color, this.snapToGrid = e.canvas?.grid?.enabled === !1 || e.canvas?.grid === void 0 ? !1 : e.canvas?.grid?.snap || Ot.snap, this.zoomFactor = e.canvas?.zoomFactor || 2, this.panRate = e.canvas?.panRate || 100, this.inferConnectionType = e.connectionSettings?.inferConnectionType || !1, this.autoTightenConnections = e.connectionSettings?.autoTighten !== !1, this.allowConnectionLoops = e.connectionSettings?.allowLoops || !1, this.allowSharingPorts = e.connectionSettings?.sharePorts !== !1, this.allowSharingBothPorts = e.connectionSettings?.shareBothPorts || !1, this.portHighlightRadius = e.connectionSettings?.portHighlightRadius || 100, this.multipleSelectionOn = !1, this.priorityThresholds = e.canvas?.priorityThresholds || [], this.priorityThreshold = this.priorityThresholds ? this.priorityThresholds[0] : void 0, this.layoutFormat = e.layoutFormat, this.userActions = e.userActions || {}, this.validators = [], this.actionStack = new Xo(this, gi), this.collabEngine = new Yo(this), e.nodeTypes)
+    ), this.gridColor = e.canvas?.grid?.color || Ot.color, this.snapToGrid = e.canvas?.grid?.enabled === !1 || e.canvas?.grid === void 0 ? !1 : e.canvas?.grid?.snap || Ot.snap, this.zoomFactor = e.canvas?.zoomFactor || 2, this.panRate = e.canvas?.panRate || 100, this.inferConnectionType = e.connectionSettings?.inferConnectionType || !1, this.autoTightenConnections = e.connectionSettings?.autoTighten !== !1, this.allowConnectionLoops = e.connectionSettings?.allowLoops || !1, this.allowSharingPorts = e.connectionSettings?.sharePorts !== !1, this.allowSharingBothPorts = e.connectionSettings?.shareBothPorts || !1, this.portHighlightRadius = e.connectionSettings?.portHighlightRadius || 100, this.multipleSelectionOn = !1, this.priorityThresholds = e.canvas?.priorityThresholds || [], this.priorityThreshold = this.priorityThresholds ? this.priorityThresholds[0] : void 0, this.layoutFormat = e.layoutFormat, this.userActions = e.userActions || {}, this.validators = [], this.actionStack = new jo(this, fi), this.collabEngine = new Xo(this), e.nodeTypes)
       for (const a of e.nodeTypes) {
-        const l = new Ye({
+        const l = new Xe({
           ...e.nodeTypeDefaults,
           ...a
         });
@@ -4762,7 +4762,7 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
       }
     if (e.portTypes)
       for (const a of e.portTypes) {
-        const l = new Do({
+        const l = new Bo({
           ...e.portTypeDefaults,
           ...a
         });
@@ -4770,7 +4770,7 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
       }
     if (e.connectionTypes) {
       for (const a of e.connectionTypes) {
-        const l = new De({
+        const l = new Be({
           ...e.connectionTypeDefaults,
           ...a
         });
@@ -4871,8 +4871,8 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
         this.selectCanvasElements().attr("transform", r), A.select(`#${this.backgroundPatternId}`).attr(
           "patternTransform",
           r
-        ), this.contextMenu.close(), this.diagramEvent$.next(
-          new Jo(
+        ), Re && this.updateFieldsInView(), this.contextMenu.close(), this.diagramEvent$.next(
+          new Qo(
             [this.zoomTransform.x, this.zoomTransform.y],
             this.zoomTransform.k
           )
@@ -4903,7 +4903,7 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
       }).on(I.End, (l) => {
         this.finishMultipleSelection(l);
       })
-    ), oi(this, a, this.backgroundPatternId), a.append("g").attr("class", "daga-canvas-elements");
+    ), ii(this, a, this.backgroundPatternId), a.append("g").attr("class", "daga-canvas-elements");
   }
   getZoomLevel() {
     return this.zoomTransform.k;
@@ -5591,7 +5591,7 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
       )
     ).attr("stroke", "transparent").attr("pointer-events", "stroke").attr(
       "stroke-width",
-      (n) => `${(n.look.thickness || it.look.thickness) + hi}px`
+      (n) => `${(n.look.thickness || it.look.thickness) + gi}px`
     ).attr(
       "stroke-dasharray",
       (n) => pe(
@@ -5614,7 +5614,7 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
     const a = e.exit(), l = e.enter().append("foreignObject").attr("id", (i) => i.id).attr("class", "diagram-field");
     t && t.length > 0 && (e = e.filter((i) => t.includes(i.id)));
     const r = l.merge(e);
-    a.remove(), l.style("box-sizing", "border-box").on(S.MouseOver, (i, n) => {
+    if (a.remove(), l.style("box-sizing", "border-box").on(S.MouseOver, (i, n) => {
       this.dragging || (this.userHighlight.focusOn(n), this.diagramEvent$.next(new tt(n)));
     }).on(S.Click, (i, n) => {
       if (!i.ctrlKey && !i.shiftKey) {
@@ -5691,10 +5691,10 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
       (i) => i.verticalAlign === qt.Center ? "center" : i.verticalAlign === qt.Bottom ? "end" : "start"
     ).select("p").style(
       "max-width",
-      (i) => i.fit ? "default" : `${Re(i.width, i.height, i.orientation)[0]}px`
+      (i) => i.fit ? "default" : `${Ve(i.width, i.height, i.orientation)[0]}px`
     ).style(
       "max-height",
-      (i) => i.fit ? "default" : `${Re(i.width, i.height, i.orientation)[1]}px`
+      (i) => i.fit ? "default" : `${Ve(i.width, i.height, i.orientation)[1]}px`
     ).style("overflow", (i) => i.fit ? "default" : "clip").style("text-overflow", (i) => i.fit ? "default" : "ellipsis").style(
       "text-align",
       (i) => i.horizontalAlign === Mt.Center ? "center" : i.horizontalAlign === Mt.Right ? "end" : "start"
@@ -5706,18 +5706,25 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
       (i) => i.selected ? i.selectedColor || "#000000" : i.color || "#000000"
     ).html(
       (i) => i.text.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br/>")
-    );
+    ), Re) {
+      const i = this.zoomTransform.k;
+      r.attr("width", (n) => `${n.width * i}px`).attr("height", (n) => `${n.height * i}px`).select("div").style("position", "absolute").style(
+        "left",
+        (n) => `${n.coords[0] * i + this.zoomTransform.x}px`
+      ).style(
+        "top",
+        (n) => `${n.coords[1] * i + this.zoomTransform.y}px`
+      ).select("p").style("font-size", (n) => `${n.fontSize * i}px`);
+    }
   }
   updateObjectsInView(...t) {
-    let e = this.selectCanvasElements().selectAll(
-      "foreignObject.diagram-object"
-    ).data(
+    let e = this.selectCanvasElements().selectAll("g.diagram-object").data(
       this.model.objects.filter(
         (i) => this.priorityThreshold !== void 0 ? i.getPriority() >= this.priorityThreshold : !0
       ),
       (i) => i.id
     );
-    const a = e.exit(), l = e.enter().append("foreignObject").attr("id", (i) => i.id).attr("class", "diagram-object");
+    const a = e.exit(), l = e.enter().append("g").attr("id", (i) => i.id).attr("class", "diagram-object");
     t && t.length > 0 && (e = e.filter((i) => t.includes(i.id))), l.merge(e).attr("width", (i) => `${i.width}px`).attr("height", (i) => `${i.height}px`).attr("transform", (i) => `translate(${i.coords[0]},${i.coords[1]})`).html((i) => i.html), a.remove(), l.on(S.ContextMenu, (i, n) => {
       if (this.dragging) {
         i.preventDefault(), i.stopPropagation(), this.dragging = !1;
@@ -5739,15 +5746,13 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
     );
   }
   updateDecoratorsInView(...t) {
-    let e = this.selectCanvasElements().selectAll(
-      "foreignObject.diagram-decorator"
-    ).data(
+    let e = this.selectCanvasElements().selectAll("g.diagram-decorator").data(
       this.model.decorators.filter(
         (i) => this.priorityThreshold !== void 0 ? i.getPriority() >= this.priorityThreshold : !0
       ),
       (i) => i.id
     );
-    const a = e.exit(), l = e.enter().append("foreignObject").attr("id", (i) => i.id).attr("class", "diagram-decorator");
+    const a = e.exit(), l = e.enter().append("g").attr("id", (i) => i.id).attr("class", "diagram-decorator");
     t && t.length > 0 && (e = e.filter((i) => t.includes(i.id))), l.merge(e).attr("width", (i) => `${i.width}px`).attr("height", (i) => `${i.height}px`).attr("transform", (i) => `translate(${i.coords[0]},${i.coords[1]})`).html((i) => i.html), a.remove(), l.on(S.MouseOver, (i, n) => {
       this.dragging || (this.userHighlight.focusOn(n), this.diagramEvent$.next(new tt(n)));
     }).on(S.Click, (i, n) => {
@@ -6183,7 +6188,7 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
       }
     }).on(S.Input, () => {
       const C = h.property("value");
-      h.attr("cols", So(C) + 1), h.attr("rows", Co(C) + 1), h.style("width", ""), h.style("height", ""), u = h.property("scrollWidth") + 1, b = h.property("scrollHeight") + 1;
+      h.attr("cols", Co(C) + 1), h.attr("rows", $o(C) + 1), h.style("width", ""), h.style("height", ""), u = h.property("scrollWidth") + 1, b = h.property("scrollHeight") + 1;
       const g = Math.max(u, a), m = Math.max(b, l);
       c?.attr("width", `${g}px`), h.style("width", `${g}px`), c?.attr("height", `${m}px`), h.style("height", `${m}px`), o && o(C);
     }).on(S.Click, (C) => {
@@ -6275,11 +6280,11 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
         e.move(a);
         const r = this.model.nodes.getAtCoordinates(t.x, t.y).filter((o) => o.id !== e.id && !o.isDescendantOf(e)).filter(
           (o) => o.type.childrenTypes.includes(e.type.id)
-        ), i = Xe(
+        ), i = je(
           r
         ), n = i[i.length - 1];
         if (n !== e.parent && (e.type.canBeParentless || n !== void 0)) {
-          const o = n?.getLastAncestor(), d = this.currentAction.from, c = new Wo(
+          const o = n?.getLastAncestor(), d = this.currentAction.from, c = new Zo(
             this,
             e.id,
             e.parent?.id,
@@ -6325,7 +6330,7 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
     const e = this.getPointerLocationRelativeToCanvas(t);
     this.multipleSelectionContainer?.remove(), this.multipleSelectionContainer = void 0, this.userSelection.clear();
     for (const a of this.model.nodes)
-      go(
+      fo(
         [
           a.coords,
           [a.coords[0] + a.width, a.coords[1] + a.height]
@@ -6339,7 +6344,7 @@ const ci = (s) => s * Math.PI / 180, Re = (s, t, e) => {
 };
 Qt.canvasCount = 0;
 let ye = Qt;
-class to {
+class eo {
   constructor() {
     this.grid = [[void 0]], this.offsetX = 0, this.offsetY = 0;
   }
@@ -6451,16 +6456,16 @@ class to {
     }
   }
 }
-class fi {
+class ui {
   constructor(t) {
     this.gapSize = t;
   }
   apply(t) {
     if (t.nodes.length === 0)
       return t;
-    const e = new to(), a = t.nodes.filter((n) => !n.parent);
+    const e = new eo(), a = t.nodes.filter((n) => !n.parent);
     for (; a.length > 0; )
-      eo(
+      oo(
         a[0],
         e,
         [0, 0],
@@ -6478,25 +6483,25 @@ class fi {
     return t;
   }
 }
-const eo = (s, t, e, a) => {
+const oo = (s, t, e, a) => {
   const l = t.getClosestEmptyCoordinate(e);
   t.set(l, s), X(a, s);
   for (const r of s.getAdjacentNodes())
-    a.includes(r) && eo(
+    a.includes(r) && oo(
       r,
       t,
       l,
       a
     );
 };
-class ui {
+class pi {
   constructor(t) {
     this.gapSize = t;
   }
   apply(t) {
     if (t.nodes.length === 0)
       return t;
-    const e = new to(), a = t.nodes.filter((c) => !c.parent), l = {}, r = a[0];
+    const e = new eo(), a = t.nodes.filter((c) => !c.parent), l = {}, r = a[0];
     let i = [r];
     for (l[r.id] = [0, 0]; a.length > 0; ) {
       const c = [];
@@ -6564,7 +6569,7 @@ class ne {
     return t;
   }
 }
-class pi {
+class mi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6591,7 +6596,7 @@ class pi {
           ], g = [
             p.coords[0] + p.width / 2,
             p.coords[1] + p.height / 2
-          ], m = _e(
+          ], m = Ge(
             u.coords,
             p.coords
           ), y = [p.coords[0], p.coords[1]];
@@ -6617,7 +6622,7 @@ class pi {
     return t;
   }
 }
-class mi {
+class vi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6632,7 +6637,7 @@ class mi {
     return t;
   }
 }
-class vi {
+class yi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6699,7 +6704,7 @@ class vi {
     return t;
   }
 }
-class yi {
+class bi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6718,11 +6723,11 @@ class yi {
       const c = r[0];
       r.splice(0, 1);
       const h = new Se(void 0, c);
-      oo(h, r), i.push(h);
+      io(h, r), i.push(h);
     }
     const n = [];
     for (const c of i)
-      n.push([c]), io(c, n, n.length);
+      n.push([c]), so(c, n, n.length);
     const o = Math.max(...t.nodes.map((c) => c.height));
     let d = 0;
     for (let c = 0; c < n.length; ++c) {
@@ -6741,21 +6746,21 @@ class yi {
     return t;
   }
 }
-const oo = (s, t) => {
+const io = (s, t) => {
   for (const e of s.node.getAdjacentNodes().sort((a, l) => l.getPriority() - a.getPriority())) {
     const a = t.indexOf(e);
     if (a >= 0) {
       t.splice(a, 1);
       const l = s.addBranch(e);
-      oo(l, t);
+      io(l, t);
     }
   }
-}, io = (s, t, e) => {
+}, so = (s, t, e) => {
   if (s.branches.length > 0) {
     for (; e >= t.length; )
       t.push([]);
     for (const a of s.branches)
-      t[e].push(a), io(a, t, e + 1);
+      t[e].push(a), so(a, t, e + 1);
   }
 };
 class Se {
@@ -6777,7 +6782,7 @@ class Se {
     }
   }
 }
-class bi {
+class ki {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6792,17 +6797,17 @@ class bi {
     return t;
   }
 }
-const Ve = {
-  adjacency: new fi(),
+const Oe = {
+  adjacency: new ui(),
   breadth: new ne(),
-  "breadth-adjacency": new ui(),
-  force: new pi(),
-  horizontal: new mi(),
-  priority: new vi(),
-  tree: new yi(),
-  vertical: new bi()
-}, ki = He({}), It = He({});
-class wi {
+  "breadth-adjacency": new pi(),
+  force: new mi(),
+  horizontal: new vi(),
+  priority: new yi(),
+  tree: new bi(),
+  vertical: new ki()
+}, wi = _e({}), It = _e({});
+class Si {
   constructor(t, e) {
     this.onTitleChange = t, this.onValueSetChange = e;
   }
@@ -6866,10 +6871,10 @@ const Ce = ({
       children: /* @__PURE__ */ v("div", { className: u() })
     }
   ) });
-}, Si = () => {
+}, Ci = () => {
   const s = Bt(It), t = at(null), [e, a] = G([]);
-  co(s.validatorChange$, s.diagramChange$).pipe(
-    ho(() => l())
+  ho(s.validatorChange$, s.diagramChange$).pipe(
+    go(() => l())
   ).subscribe();
   const l = () => {
     a([]);
@@ -6923,7 +6928,7 @@ const Ce = ({
       n
     )) }) })
   ] }) });
-}, Ci = 200, Oe = (s) => (s || "").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""), so = ({
+}, $i = 200, He = (s) => (s || "").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""), no = ({
   disabled: s,
   options: t,
   value: e,
@@ -6952,25 +6957,25 @@ const Ce = ({
           F(), L.preventDefault();
           break;
         case q.Enter:
-          R(t[n || 0]), L.preventDefault();
+          V(t[n || 0]), L.preventDefault();
           break;
         default:
           P();
       }
   }, P = () => {
     if (!s) {
-      const L = Oe(r.trim());
+      const L = He(r.trim());
       c([]), u([]), p([]), g([]);
-      for (const V of t) {
-        const Q = Oe(V.label).indexOf(L);
+      for (const R of t) {
+        const Q = He(R.label).indexOf(L);
         if (Q >= 0) {
-          const et = V.label.substring(0, Q), xt = V.label.substring(
+          const et = R.label.substring(0, Q), xt = R.label.substring(
             Q,
             Q + L.length
-          ), Rt = V.label.substring(
+          ), Vt = R.label.substring(
             Q + L.length
           );
-          c((ot) => [...ot, V]), u((ot) => [
+          c((ot) => [...ot, R]), u((ot) => [
             ...ot,
             et
           ]), p((ot) => [
@@ -6978,7 +6983,7 @@ const Ce = ({
             xt
           ]), g((ot) => [
             ...ot,
-            Rt
+            Vt
           ]);
         }
       }
@@ -6988,23 +6993,23 @@ const Ce = ({
     y(!1);
   }, D = (L) => {
     if (!s) {
-      let V = L;
+      let R = L;
       if (L === void 0) {
         o(void 0);
         return;
       }
-      L < 0 && (V = 0), L >= t.length && (V = t.length - 1), o(V);
+      L < 0 && (R = 0), L >= t.length && (R = t.length - 1), o(R);
     }
   }, j = () => {
     setTimeout(() => {
       F();
-    }, Ci);
+    }, $i);
   }, E = (L) => {
-    const V = l.current?.querySelectorAll("li")[L];
-    V && V.scrollIntoView({ block: "center" });
+    const R = l.current?.querySelectorAll("li")[L];
+    R && R.scrollIntoView({ block: "center" });
   }, $ = () => {
     s || (i(""), y(!1), o(void 0));
-  }, R = (L) => {
+  }, V = (L) => {
     s || (i(L.label), y(!1), o(void 0), a(L.key));
   };
   return /* @__PURE__ */ M(
@@ -7029,25 +7034,25 @@ const Ce = ({
         ] }),
         /* @__PURE__ */ v("div", { className: "daga-autocomplete-options", children: /* @__PURE__ */ M("ul", { className: "daga-autocomplete-option-list", children: [
           d.length === 0 && /* @__PURE__ */ v("li", { className: "daga-autocomplete-option no-options", children: "(No options)" }),
-          d.map((L, V) => /* @__PURE__ */ M(
+          d.map((L, R) => /* @__PURE__ */ M(
             "li",
             {
-              className: `daga-autocomplete-option ${V === n ? "daga-focused" : ""}`,
-              onMouseMove: () => D(V),
-              onClick: () => R(L),
+              className: `daga-autocomplete-option ${R === n ? "daga-focused" : ""}`,
+              onMouseMove: () => D(R),
+              onClick: () => V(L),
               children: [
-                /* @__PURE__ */ v("span", { children: h[V] }),
-                /* @__PURE__ */ v("span", { className: "daga-match", children: b[V] }),
-                /* @__PURE__ */ v("span", { children: C[V] })
+                /* @__PURE__ */ v("span", { children: h[R] }),
+                /* @__PURE__ */ v("span", { className: "daga-match", children: b[R] }),
+                /* @__PURE__ */ v("span", { children: C[R] })
               ]
             },
-            V
+            R
           ))
         ] }) })
       ]
     }
   );
-}, $i = (s, t) => s.find((e) => e.key === t)?.label || `${t}`, Ii = ({
+}, Ii = (s, t) => s.find((e) => e.key === t)?.label || `${t}`, Ai = ({
   disabled: s,
   allowRepeats: t,
   options: e,
@@ -7068,7 +7073,7 @@ const Ce = ({
     }
   };
   ft(() => {
-    const g = a.length === 0, m = a.map((y) => $i(e, y));
+    const g = a.length === 0, m = a.map((y) => Ii(e, y));
     o(m), g && l(a), u();
   }, [a, e]);
   const b = (g) => {
@@ -7092,7 +7097,7 @@ const Ce = ({
     ] }, m)),
     !s && /* @__PURE__ */ M("div", { className: "daga-value-item-input", children: [
       /* @__PURE__ */ v("div", { className: "daga-input daga-relatively-positioned", children: /* @__PURE__ */ v(
-        so,
+        no,
         {
           disabled: s,
           options: t ? e || [] : d || [],
@@ -7103,7 +7108,7 @@ const Ce = ({
       /* @__PURE__ */ v("button", { className: "daga-property-button", onClick: p, children: /* @__PURE__ */ v("div", { className: "daga-icon daga-add-icon" }) })
     ] })
   ] });
-}, Ai = ({
+}, xi = ({
   disabled: s,
   allowRepeats: t,
   value: e,
@@ -7129,7 +7134,7 @@ const Ce = ({
   }, h = (u) => {
     u.key === "Enter" && d();
   };
-  return /* @__PURE__ */ M(ao, { children: [
+  return /* @__PURE__ */ M(lo, { children: [
     e.map((u, b) => /* @__PURE__ */ M("div", { className: "daga-value-item-element", children: [
       /* @__PURE__ */ v(
         "input",
@@ -7166,7 +7171,7 @@ const Ce = ({
       /* @__PURE__ */ v("button", { className: "daga-property-button", onClick: d, children: /* @__PURE__ */ v("div", { className: "daga-icon daga-add-icon" }) })
     ] })
   ] });
-}, xi = ({
+}, Li = ({
   disabled: s,
   value: t,
   onChange: e
@@ -7281,7 +7286,7 @@ const Ce = ({
       /* @__PURE__ */ v("button", { className: "daga-property-button", onClick: u, children: /* @__PURE__ */ v("div", { className: "daga-icon daga-add-icon" }) })
     ] })
   ] });
-}, no = ({
+}, ro = ({
   valueSet: s,
   onValueChange: t,
   depth: e
@@ -7421,7 +7426,7 @@ const Ce = ({
           )
         ] }),
         o.type === N.Option && /* @__PURE__ */ v("div", { className: "daga-relatively-positioned", children: /* @__PURE__ */ v(
-          so,
+          no,
           {
             disabled: o.editable === !1 || !l,
             options: o.options || [],
@@ -7430,7 +7435,7 @@ const Ce = ({
           }
         ) }),
         (o.type === N.OptionList || o.type === N.OptionSet) && /* @__PURE__ */ v(
-          Ii,
+          Ai,
           {
             disabled: o.editable === !1 || !l,
             allowRepeats: o.type === N.OptionList,
@@ -7440,7 +7445,7 @@ const Ce = ({
           }
         ),
         (o.type === N.TextList || o.type === N.TextSet) && /* @__PURE__ */ v(
-          Ai,
+          xi,
           {
             disabled: o.editable === !1 || !l,
             allowRepeats: o.type === N.TextList,
@@ -7449,7 +7454,7 @@ const Ce = ({
           }
         ),
         o.type === N.TextMap && /* @__PURE__ */ v(
-          xi,
+          Li,
           {
             disabled: o.editable === !1 || !l,
             value: s?.getValue(o.name),
@@ -7457,7 +7462,7 @@ const Ce = ({
           }
         ),
         o.type === N.Object && /* @__PURE__ */ v("div", { className: "daga-left-bar", children: /* @__PURE__ */ v(
-          no,
+          ro,
           {
             valueSet: s.getSubValueSet(o.name),
             onValueChange: t,
@@ -7468,7 +7473,7 @@ const Ce = ({
     },
     o.name
   )) });
-}, ro = ({ valueSet: s, depth: t }) => {
+}, ao = ({ valueSet: s, depth: t }) => {
   const e = Bt(It), a = at(null), l = (o) => "daga-property-name-" + o.replace(/\s/g, ""), r = () => {
     for (const o of s?.displayedProperties || []) {
       let d = 0, c = 0, h = 0;
@@ -7531,7 +7536,7 @@ const Ce = ({
     if (s === void 0)
       return;
     let d;
-    o instanceof Eo ? d = o : o instanceof Event ? d = s?.propertySet.getProperty(
+    o instanceof Mo ? d = o : o instanceof Event ? d = s?.propertySet.getProperty(
       o.target?.value || ""
     ) : d = s?.propertySet.getProperty(o || ""), d && s?.hideProperty(d), r();
   };
@@ -7561,9 +7566,9 @@ const Ce = ({
                     )
                   ] })
                 ] }),
-                o.type !== N.Object && /* @__PURE__ */ v("div", { className: "daga-property-value", children: Li(s?.getValue(o.name)) }),
+                o.type !== N.Object && /* @__PURE__ */ v("div", { className: "daga-property-value", children: Ei(s?.getValue(o.name)) }),
                 o.type === N.Object && /* @__PURE__ */ v(
-                  ro,
+                  ao,
                   {
                     valueSet: s?.getSubValueSet(o.name),
                     depth: t + 1
@@ -7583,7 +7588,7 @@ const Ce = ({
       o.name
     ))
   ] });
-}, Li = (s) => Array.isArray(s) ? s.join(", ") : Mo(s) ? Object.entries(s).map((t) => t.map((e) => JSON.stringify(e)).join(": ")).join(", ") : s instanceof Date ? s.toLocaleString() : s == null ? "" : "" + s, Ei = ({ location: s, direction: t, width: e, height: a, title: l, valueSet: r, onValueChange: i }) => {
+}, Ei = (s) => Array.isArray(s) ? s.join(", ") : To(s) ? Object.entries(s).map((t) => t.map((e) => JSON.stringify(e)).join(": ")).join(", ") : s instanceof Date ? s.toLocaleString() : s == null ? "" : "" + s, Mi = ({ location: s, direction: t, width: e, height: a, title: l, valueSet: r, onValueChange: i }) => {
   const n = at(null), [o, d] = G(!1), [c, h] = G(!1), u = () => A.select(n.current);
   return ft(() => {
     if (n.current)
@@ -7635,19 +7640,19 @@ const Ce = ({
             )
           ] }),
           !c && /* @__PURE__ */ v(
-            no,
+            ro,
             {
               valueSet: r,
               onValueChange: i,
               depth: 0
             }
           ),
-          c && /* @__PURE__ */ v(ro, { valueSet: r, depth: 0 })
+          c && /* @__PURE__ */ v(ao, { valueSet: r, depth: 0 })
         ] }) })
       ]
     }
   ) });
-}, Mi = 6, Ti = (s) => {
+}, Ti = 6, Ni = (s) => {
   const t = Bt(It), [e, a] = G(
     s.currentPalette || s.palettes[0]
   ), [l, r] = G(0), [i, n] = G(
@@ -7686,39 +7691,39 @@ const Ce = ({
       "class",
       `daga-template-container ${y !== void 0 ? y : ""}`
     ).style("width", `${j}px`).style("height", `${D}px`).call(
-      A.drag().on(I.Drag, (R) => {
+      A.drag().on(I.Drag, (V) => {
         if (t.canUserPerformAction(k.AddNode)) {
-          const L = t.getPointerLocationRelativeToScreen(R);
+          const L = t.getPointerLocationRelativeToScreen(V);
           if (L.length < 2 || isNaN(L[0]) || isNaN(L[1]))
             return;
           E.style("position", "fixed").style("left", `${L[0] - j / 2}px`).style("top", `${L[1] - D / 2}px`).style("z-index", 1);
         }
-      }).on(I.Start, (R) => {
+      }).on(I.Start, (V) => {
         if (t.canUserPerformAction(k.AddNode)) {
           w(x.Grabbing);
-          const L = t.getPointerLocationRelativeToScreen(R);
+          const L = t.getPointerLocationRelativeToScreen(V);
           if (L.length < 2 || isNaN(L[0]) || isNaN(L[1]))
             return;
           E.style("position", "fixed").style("left", `${L[0] - j / 2}px`).style("top", `${L[1] - D / 2}px`).style("z-index", 1), g.isUnique && t.model.nodes.find(
-            (V) => !V.removed && V.type.id === g.id
+            (R) => !R.removed && R.type.id === g.id
           ) !== void 0 && w(x.NotAllowed);
         }
-      }).on(I.End, (R) => {
+      }).on(I.End, (V) => {
         if (t.canUserPerformAction(k.AddNode)) {
           if (w(x.Auto), E.style("position", "relative").style("left", 0).style("top", 0).style("z-index", "auto"), g.isUnique && t.model.nodes.find(
             (Xt) => !Xt.removed && Xt.type.id === g.id
           ) !== void 0)
             return;
-          const L = t.getPointerLocationRelativeToScreen(R);
+          const L = t.getPointerLocationRelativeToScreen(V);
           if (L.length < 2 || isNaN(L[0]) || isNaN(L[1]))
             return;
-          const V = document.elementFromPoint(
+          const R = document.elementFromPoint(
             L[0],
             L[1]
           );
-          if (V && !t.selectCanvasView().node()?.contains(V))
+          if (R && !t.selectCanvasView().node()?.contains(R))
             return;
-          const dt = t.getPointerLocationRelativeToCanvas(R);
+          const dt = t.getPointerLocationRelativeToCanvas(V);
           if (dt.length < 2 || isNaN(dt[0]) || isNaN(dt[1]))
             return;
           let Q = [
@@ -7734,12 +7739,12 @@ const Ce = ({
             dt[1]
           ).filter(
             (Xt) => Xt.type.childrenTypes.includes(g.id)
-          ), Rt = Xe(
+          ), Vt = je(
             xt
-          ), ot = Rt[Rt.length - 1];
+          ), ot = Vt[Vt.length - 1];
           if (!g.canBeParentless && ot === void 0)
             return;
-          const $e = ot?.getLastAncestor(), Ie = new jo(
+          const $e = ot?.getLastAncestor(), Ie = new Wo(
             t,
             g,
             Q,
@@ -7793,21 +7798,21 @@ const Ce = ({
     }
     if (m.look === void 0) {
       if (g.decorators)
-        for (const R of g.decorators)
-          E.append("foreignObject").attr("width", `${R.width}px`).attr("height", `${R.height}px`).attr(
+        for (const V of g.decorators)
+          E.append("foreignObject").attr("width", `${V.width}px`).attr("height", `${V.height}px`).attr(
             "transform",
-            `translate(${R.coords[0]},${R.coords[1]})`
-          ).html(R.html);
+            `translate(${V.coords[0]},${V.coords[1]})`
+          ).html(V.html);
       if (m.label) {
-        const R = {
+        const V = {
           ...O,
           ...g.label,
           ...m.labelLook
         };
         E.append("text").attr(
           "transform",
-          `translate(${(Y(R) + g.defaultWidth) / 2},${(U(R) + g.defaultHeight) / 2})`
-        ).attr("x", 0).attr("y", 0).attr("font-size", `${R.fontSize}px`).attr("text-anchor", "middle").attr("font-family", R.fontFamily).attr("font-weight", 400).attr("fill", R.color).attr("stroke", "none").style("font-kerning", "none").style("user-select", "none").text(m.label);
+          `translate(${(Y(V) + g.defaultWidth) / 2},${(U(V) + g.defaultHeight) / 2})`
+        ).attr("x", 0).attr("y", 0).attr("font-size", `${V.fontSize}px`).attr("text-anchor", "middle").attr("font-family", V.fontFamily).attr("font-weight", 400).attr("fill", V.color).attr("stroke", "none").style("font-kerning", "none").style("user-select", "none").text(m.label);
       }
     }
   }, C = (g, m, y) => {
@@ -7828,7 +7833,7 @@ const Ce = ({
       )
     ).attr("fill", m.backgroundColor).attr("stroke", "black").attr("stroke-width", "1px"), m.icon !== "" && T.append("image").attr("x", 0).attr("y", 0).attr("width", m.width).attr("height", m.height).attr("href", m.icon), m.label !== "" && T.append("text").attr(
       "transform",
-      `translate(${m.width / 2},${m.height / 2 + Mi})`
+      `translate(${m.width / 2},${m.height / 2 + Ti})`
     ).attr("x", 0).attr("y", 0).attr("font-size", "20px").attr("text-anchor", "middle").attr("font-family", "'Wonder Unit Sans', sans-serif").attr("font-weight", 400).attr("fill", "#000000").attr("stroke", "none").style("font-kerning", "none").style("user-select", "none").text(m.label);
   };
   return ft(() => {
@@ -7878,7 +7883,7 @@ const Ce = ({
       ]
     }
   ) });
-}, Ni = ({
+}, Pi = ({
   location: s,
   direction: t,
   enableAction: e,
@@ -7930,7 +7935,7 @@ const Ce = ({
   }, F = () => {
     y.center();
   }, D = () => {
-    y.layoutFormat && y.layoutFormat in Ve && Ve[y.layoutFormat].apply(y.model);
+    y.layoutFormat && y.layoutFormat in Oe && Oe[y.layoutFormat].apply(y.model);
   }, j = () => {
     n = !n, A.select(
       g.current
@@ -7943,11 +7948,11 @@ const Ce = ({
     y.actionStack.undo();
   }, $ = () => {
     y.actionStack.redo();
-  }, R = () => {
+  }, V = () => {
     y.userSelection.copyToClipboard();
   }, L = () => {
     y.userSelection.cutToClipboard();
-  }, V = () => {
+  }, R = () => {
     y.userSelection.pasteFromClipboard();
   }, dt = () => {
     y.userSelection.removeFromModel();
@@ -7956,7 +7961,7 @@ const Ce = ({
       C.current
     ).classed("daga-on", !0).classed("daga-off", !1);
     const et = y.diagramEvent$.subscribe((xt) => {
-      xt.type === Ke.Selection && (A.select(
+      xt.type === qe.Selection && (A.select(
         C.current
       ).classed("daga-on", !1).classed("daga-off", !0), et.unsubscribe());
     });
@@ -7972,10 +7977,10 @@ const Ce = ({
           i && y.canUserPerformAction(k.Zoom) && /* @__PURE__ */ v("button", { className: "daga-center", onClick: F, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Fit diagram to screen" }) }),
           e && /* @__PURE__ */ v("button", { className: "daga-undo", onClick: E, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Undo" }) }),
           e && /* @__PURE__ */ v("button", { className: "daga-redo", onClick: $, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Redo" }) }),
-          r && /* @__PURE__ */ v("button", { className: "daga-copy", onClick: R, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Copy" }) }),
+          r && /* @__PURE__ */ v("button", { className: "daga-copy", onClick: V, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Copy" }) }),
           r && /* @__PURE__ */ v("button", { className: "daga-cut", onClick: L, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Cut" }) }),
           r && /* @__PURE__ */ v("button", { className: `daga-multiple-selection ${n ? "daga-on" : "daga-off"}`, onClick: Q, ref: C, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Multiple selection" }) }),
-          r && /* @__PURE__ */ v("button", { className: "daga-paste", onClick: V, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Paste" }) }),
+          r && /* @__PURE__ */ v("button", { className: "daga-paste", onClick: R, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Paste" }) }),
           r && /* @__PURE__ */ v("button", { className: "daga-delete", onClick: dt, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Delete" }) }),
           l && y.layoutFormat && /* @__PURE__ */ v("button", { className: "daga-layout", onClick: D, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Apply layout" }) }),
           a && /* @__PURE__ */ v("button", { className: `daga-filter ${n ? "daga-on" : "daga-off"}`, onClick: j, ref: g, children: /* @__PURE__ */ v("span", { className: "daga-tooltip", children: "Apply filter" }) })
@@ -7984,14 +7989,14 @@ const Ce = ({
       ]
     }
   ) });
-}, Vi = ({
+}, Oi = ({
   config: s,
   model: t,
   onCanvasCreated: e,
   onDiagramEvent: a,
   onModelChange: l
 }) => {
-  const r = new Ze(), i = new Qe(), n = at(null), o = at(void 0), d = at(!1), c = [], [h, u] = G(void 0), [b, p] = G(void 0), C = {
+  const r = new Ke(), i = new to(), n = at(null), o = at(void 0), d = at(!1), c = [], [h, u] = G(void 0), [b, p] = G(void 0), C = {
     zoomIn: () => {
     },
     zoomOut: () => {
@@ -8009,7 +8014,7 @@ const Ce = ({
   }, g = {
     refreshPalette: () => {
     }
-  }, m = new wi(
+  }, m = new Si(
     (j) => u(j),
     (j) => p(j)
   ), y = {
@@ -8042,18 +8047,18 @@ const Ce = ({
   const D = (j, E, $) => {
     if (b !== void 0 && E.editable !== !1 && !Ct(j.getValue(E.name), $)) {
       j.setValue(E.name, $);
-      const R = new kt(
+      const V = new kt(
         b.propertySet,
         void 0
       );
-      R.setValues(b.getValues()), R.rootElement = b.rootElement, m.valueSet = R, b.rootElement.valueSet = R, P.propertyEditorChanges$?.next();
+      V.setValues(b.getValues()), V.rootElement = b.rootElement, m.valueSet = V, b.rootElement.valueSet = V, P.propertyEditorChanges$?.next();
     }
   };
-  return /* @__PURE__ */ v("daga-diagram", { children: /* @__PURE__ */ v(ki.Provider, { value: s, children: /* @__PURE__ */ v(It.Provider, { value: P, children: /* @__PURE__ */ M("daga-diagram-editor", { children: [
+  return /* @__PURE__ */ v("daga-diagram", { children: /* @__PURE__ */ v(wi.Provider, { value: s, children: /* @__PURE__ */ v(It.Provider, { value: P, children: /* @__PURE__ */ M("daga-diagram-editor", { children: [
     /* @__PURE__ */ v("div", { className: "daga-append-to", ref: n }),
     /* @__PURE__ */ M(It.Provider, { value: P, children: [
       s.components?.buttons !== void 0 && s.components?.buttons?.enabled !== !1 && /* @__PURE__ */ v(
-        Ni,
+        Pi,
         {
           location: s.components?.buttons?.location || Zt.BottomRight,
           direction: s.components?.buttons?.direction || f.Top,
@@ -8065,7 +8070,7 @@ const Ce = ({
         }
       ),
       s.components?.palette !== void 0 && s.components?.palette?.enabled !== !1 && s.components?.palette?.sections && (s.components?.palette?.sections?.length || 0) > 0 && /* @__PURE__ */ v(
-        Ti,
+        Ni,
         {
           location: s.components?.palette?.location || Zt.TopLeft,
           direction: s.components?.palette?.direction || f.Bottom,
@@ -8075,7 +8080,7 @@ const Ce = ({
         }
       ),
       s.components?.propertyEditor !== void 0 && s.components?.propertyEditor?.enabled !== !1 && /* @__PURE__ */ v(
-        Ei,
+        Mi,
         {
           location: s.components?.propertyEditor?.location || Zt.TopRight,
           direction: s.components?.propertyEditor?.direction || f.Bottom,
@@ -8086,10 +8091,10 @@ const Ce = ({
           onValueChange: D
         }
       ),
-      s.components?.errors !== void 0 && s.components?.errors?.enabled !== !1 && /* @__PURE__ */ v(Si, {})
+      s.components?.errors !== void 0 && s.components?.errors?.enabled !== !1 && /* @__PURE__ */ v(Ci, {})
     ] })
   ] }) }) }) });
 };
 export {
-  Vi as DagaDiagram
+  Oi as DagaDiagram
 };