@metadev/daga-react 4.2.12 → 4.2.13

package/index.mjs

@@ -4727,7 +4727,7 @@ class ci extends ft {
 const hi = (s) => s * Math.PI / 180, ze = (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];
-}, Ve = navigator?.userAgent?.indexOf("AppleWebKit") >= 0, gi = 12, H = 6, fi = 25, ge = "diagram-connection-unfinished", Qt = class Qt {
+}, gi = (s) => /^((?!chrome|android).)*safari/i.test(s), Ve = gi(navigator.userAgent), fi = 12, H = 6, ui = 25, ge = "diagram-connection-unfinished", Qt = class Qt {
   /**
    * Constructs a canvas object.
    * @public
@@ -4750,7 +4750,7 @@ const hi = (s) => s * Math.PI / 180, ze = (s, t, e) => {
       e.canvas?.highlightSections !== !1
     ), this.contextMenu = new ri(this, e.canvas?.contextMenu), this.backgroundColor = e.canvas?.backgroundColor || "#FFFFFF", this.gridStyle = e.canvas?.grid?.style ?? Vt.style, this.gridSize = e.canvas?.grid?.enabled === !1 || e.canvas?.grid === void 0 ? 0 : Math.abs(e.canvas?.grid?.spacing || Vt.spacing), this.gridThickness = Math.abs(
       e.canvas?.grid?.thickness || Vt.thickness
-    ), this.gridColor = e.canvas?.grid?.color || Vt.color, this.snapToGrid = e.canvas?.grid?.enabled === !1 || e.canvas?.grid === void 0 ? !1 : e.canvas?.grid?.snap || Vt.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)
+    ), this.gridColor = e.canvas?.grid?.color || Vt.color, this.snapToGrid = e.canvas?.grid?.enabled === !1 || e.canvas?.grid === void 0 ? !1 : e.canvas?.grid?.snap || Vt.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, ui), this.collabEngine = new Xo(this), e.nodeTypes)
       for (const a of e.nodeTypes) {
         const l = new Ye({
           ...e.nodeTypeDefaults,
@@ -5589,7 +5589,7 @@ const hi = (s) => s * Math.PI / 180, ze = (s, t, e) => {
       )
     ).attr("stroke", "transparent").attr("pointer-events", "stroke").attr(
       "stroke-width",
-      (n) => `${(n.look.thickness || et.look.thickness) + gi}px`
+      (n) => `${(n.look.thickness || et.look.thickness) + fi}px`
     ).attr(
       "stroke-dasharray",
       (n) => pe(
@@ -6454,7 +6454,7 @@ class to {
     }
   }
 }
-class ui {
+class pi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6492,7 +6492,7 @@ const eo = (s, t, e, a) => {
       a
     );
 };
-class pi {
+class mi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6567,7 +6567,7 @@ class ne {
     return t;
   }
 }
-class mi {
+class vi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6620,7 +6620,7 @@ class mi {
     return t;
   }
 }
-class vi {
+class yi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6635,7 +6635,7 @@ class vi {
     return t;
   }
 }
-class yi {
+class bi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6702,7 +6702,7 @@ class yi {
     return t;
   }
 }
-class bi {
+class ki {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6780,7 +6780,7 @@ class Se {
     }
   }
 }
-class ki {
+class wi {
   constructor(t) {
     this.gapSize = t;
   }
@@ -6796,16 +6796,16 @@ class ki {
   }
 }
 const Re = {
-  adjacency: new ui(),
+  adjacency: new pi(),
   breadth: new ne(),
-  "breadth-adjacency": new pi(),
-  force: new mi(),
-  horizontal: new vi(),
-  priority: new yi(),
-  tree: new bi(),
-  vertical: new ki()
-}, wi = He({}), $t = He({});
-class Si {
+  "breadth-adjacency": new mi(),
+  force: new vi(),
+  horizontal: new yi(),
+  priority: new bi(),
+  tree: new ki(),
+  vertical: new wi()
+}, Si = He({}), $t = He({});
+class Ci {
   constructor(t, e) {
     this.onTitleChange = t, this.onValueSetChange = e;
   }
@@ -6869,7 +6869,7 @@ const Ce = ({
       children: /* @__PURE__ */ v("div", { className: f() })
     }
   ) });
-}, Ci = () => {
+}, $i = () => {
   const s = Ut($t), t = rt(null), [e, a] = U([]);
   co(s.validatorChange$, s.diagramChange$).pipe(
     ho(() => l())
@@ -6926,7 +6926,7 @@ const Ce = ({
       n
     )) }) })
   ] }) });
-}, $i = 200, Oe = (s) => (s || "").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""), so = ({
+}, Ii = 200, Oe = (s) => (s || "").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""), so = ({
   disabled: s,
   options: t,
   value: e,
@@ -7000,7 +7000,7 @@ const Ce = ({
   }, tt = () => {
     setTimeout(() => {
       V();
-    }, $i);
+    }, Ii);
   }, E = (A) => {
     const _ = l.current?.querySelectorAll("li")[A];
     _ && _.scrollIntoView({ block: "center" });
@@ -7049,7 +7049,7 @@ const Ce = ({
       ]
     }
   );
-}, Ii = (s, t) => s.find((e) => e.key === t)?.label || `${t}`, Ai = ({
+}, Ai = (s, t) => s.find((e) => e.key === t)?.label || `${t}`, xi = ({
   disabled: s,
   allowRepeats: t,
   options: e,
@@ -7058,7 +7058,7 @@ const Ce = ({
 }) => {
   const [r, i] = U(), [n, o] = U([]), [d, c] = U([]);
   Ct(() => {
-    const u = a.length === 0, k = a.map((b) => Ii(e, b));
+    const u = a.length === 0, k = a.map((b) => Ai(e, b));
     o(k), u && l(a), p();
   }, [a, e]);
   const h = (u) => {
@@ -7105,7 +7105,7 @@ const Ce = ({
       /* @__PURE__ */ v("button", { className: "daga-property-button", onClick: y, children: /* @__PURE__ */ v("div", { className: "daga-icon daga-add-icon" }) })
     ] })
   ] });
-}, xi = ({
+}, Li = ({
   disabled: s,
   allowRepeats: t,
   value: e,
@@ -7168,7 +7168,7 @@ const Ce = ({
       /* @__PURE__ */ v("button", { className: "daga-property-button", onClick: d, children: /* @__PURE__ */ v("div", { className: "daga-icon daga-add-icon" }) })
     ] })
   ] });
-}, Li = ({
+}, Ei = ({
   disabled: s,
   value: t,
   onChange: e
@@ -7432,7 +7432,7 @@ const Ce = ({
           }
         ) }),
         (o.type === T.OptionList || o.type === T.OptionSet) && /* @__PURE__ */ v(
-          Ai,
+          xi,
           {
             disabled: o.editable === !1 || !l,
             allowRepeats: o.type === T.OptionList,
@@ -7442,7 +7442,7 @@ const Ce = ({
           }
         ),
         (o.type === T.TextList || o.type === T.TextSet) && /* @__PURE__ */ v(
-          xi,
+          Li,
           {
             disabled: o.editable === !1 || !l,
             allowRepeats: o.type === T.TextList,
@@ -7451,7 +7451,7 @@ const Ce = ({
           }
         ),
         o.type === T.TextMap && /* @__PURE__ */ v(
-          Li,
+          Ei,
           {
             disabled: o.editable === !1 || !l,
             value: s?.getValue(o.name),
@@ -7563,7 +7563,7 @@ const Ce = ({
                     )
                   ] })
                 ] }),
-                o.type !== T.Object && /* @__PURE__ */ v("div", { className: "daga-property-value", children: Ei(s?.getValue(o.name)) }),
+                o.type !== T.Object && /* @__PURE__ */ v("div", { className: "daga-property-value", children: Mi(s?.getValue(o.name)) }),
                 o.type === T.Object && /* @__PURE__ */ v(
                   ro,
                   {
@@ -7585,7 +7585,7 @@ const Ce = ({
       o.name
     ))
   ] });
-}, 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 }) => {
+}, Mi = (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, Ti = ({ location: s, direction: t, width: e, height: a, title: l, valueSet: r, onValueChange: i }) => {
   const n = rt(null), [o, d] = U(!1), [c, h] = U(!1), f = () => x.select(n.current);
   return Ct(() => {
     if (n.current)
@@ -7649,7 +7649,7 @@ const Ce = ({
       ]
     }
   ) });
-}, Ti = 6, Ni = (s) => {
+}, Ni = 6, Pi = (s) => {
   const t = Ut($t), [e, a] = U(
     s.currentPalette || s.palettes[0]
   ), [l, r] = U(0), [i, n] = U(
@@ -7830,7 +7830,7 @@ const Ce = ({
       )
     ).attr("fill", u.backgroundColor).attr("stroke", "black").attr("stroke-width", "1px"), u.icon !== "" && b.append("image").attr("x", 0).attr("y", 0).attr("width", u.width).attr("height", u.height).attr("href", u.icon), u.label !== "" && b.append("text").attr(
       "transform",
-      `translate(${u.width / 2},${u.height / 2 + Ti})`
+      `translate(${u.width / 2},${u.height / 2 + Ni})`
     ).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(u.label);
   };
   return Ct(() => {
@@ -7878,7 +7878,7 @@ const Ce = ({
       ]
     }
   ) });
-}, Pi = ({
+}, zi = ({
   location: s,
   direction: t,
   enableAction: e,
@@ -7984,7 +7984,7 @@ const Ce = ({
       ]
     }
   ) });
-}, Oi = ({
+}, Hi = ({
   config: s,
   model: t,
   onCanvasCreated: e,
@@ -8009,7 +8009,7 @@ const Ce = ({
   }, u = {
     refreshPalette: () => {
     }
-  }, k = new Si(
+  }, k = new Ci(
     (E) => f(E),
     (E) => m(E)
   ), b = {
@@ -8045,11 +8045,11 @@ const Ce = ({
       A.setValues(y.getValues()), A.rootElement = y.rootElement, k.valueSet = A, y.rootElement.valueSet = A, V.propertyEditorChanges$?.next();
     }
   };
-  return /* @__PURE__ */ v("daga-diagram", { children: /* @__PURE__ */ v(wi.Provider, { value: s, children: /* @__PURE__ */ v($t.Provider, { value: V, children: /* @__PURE__ */ M("daga-diagram-editor", { children: [
+  return /* @__PURE__ */ v("daga-diagram", { children: /* @__PURE__ */ v(Si.Provider, { value: s, children: /* @__PURE__ */ v($t.Provider, { value: V, children: /* @__PURE__ */ M("daga-diagram-editor", { children: [
     /* @__PURE__ */ v("div", { className: "daga-append-to", ref: n }),
     /* @__PURE__ */ M($t.Provider, { value: V, children: [
       s.components?.buttons !== void 0 && s.components?.buttons?.enabled !== !1 && /* @__PURE__ */ v(
-        Pi,
+        zi,
         {
           location: s.components?.buttons?.location || Zt.BottomRight,
           direction: s.components?.buttons?.direction || g.Top,
@@ -8061,7 +8061,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(
-        Ni,
+        Pi,
         {
           location: s.components?.palette?.location || Zt.TopLeft,
           direction: s.components?.palette?.direction || g.Bottom,
@@ -8071,7 +8071,7 @@ const Ce = ({
         }
       ),
       s.components?.propertyEditor !== void 0 && s.components?.propertyEditor?.enabled !== !1 && /* @__PURE__ */ v(
-        Mi,
+        Ti,
         {
           location: s.components?.propertyEditor?.location || Zt.TopRight,
           direction: s.components?.propertyEditor?.direction || g.Bottom,
@@ -8082,10 +8082,10 @@ const Ce = ({
           onValueChange: tt
         }
       ),
-      s.components?.errors !== void 0 && s.components?.errors?.enabled !== !1 && /* @__PURE__ */ v(Ci, {})
+      s.components?.errors !== void 0 && s.components?.errors?.enabled !== !1 && /* @__PURE__ */ v($i, {})
     ] })
   ] }) }) }) });
 };
 export {
-  Oi as DagaDiagram
+  Hi as DagaDiagram
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metadev/daga-react",
-  "version": "4.2.12",
+  "version": "4.2.13",
   "main": "./index.js",
   "module": "./index.mjs",
   "style": "./style.css",
@@ -20,7 +20,7 @@
   "peerDependencies": {
     "react": "*",
     "react-dom": "*",
-    "@metadev/daga": "^4.2.12",
+    "@metadev/daga": "^4.2.13",
     "d3": "^7.9.0",
     "rxjs": "~7.8.1"
   },