@marimo-team/islands 0.23.17-dev9 → 0.24.1-dev0

package/dist/{cytoscape.esm-Dr8XzXWK.js → cytoscape.esm-BPa26Dup.js}

@@ -1900,12 +1900,12 @@ var Heap = /* @__PURE__ */ getDefaultExportFromCjs(requireHeap()), dijkstraDefau
         Q.push(b(Z).edge);
         for (var $ = b(Z).pred; Q.indexOf($) === -1; ) Q.push($), Q.push(b($).edge), $ = b($).pred;
         Q = Q.slice(Q.indexOf($));
-        for (var Dh = Q[0].id(), Oh = 0, kh = 2; kh < Q.length; kh += 2) Q[kh].id() < Dh && (Dh = Q[kh].id(), Oh = kh);
-        Q = Q.slice(Oh).concat(Q.slice(0, Oh)), Q.push(Q[0]);
-        var Ah = Q.map(function(e2) {
+        for (var Nh = Q[0].id(), Ph = 0, Fh = 2; Fh < Q.length; Fh += 2) Q[Fh].id() < Nh && (Nh = Q[Fh].id(), Ph = Fh);
+        Q = Q.slice(Ph).concat(Q.slice(0, Ph)), Q.push(Q[0]);
+        var Ih = Q.map(function(e2) {
           return e2.id();
         }).join(",");
-        z.indexOf(Ah) === -1 && (_.push(c.spawn(Q)), z.push(Ah));
+        z.indexOf(Ih) === -1 && (_.push(c.spawn(Q)), z.push(Ih));
       }
     } else break;
   }
@@ -3089,7 +3089,7 @@ var defaults$b = defaults$g({
     var Q = J[a[n[Z].id()]];
     Q != null && Y[Q].push(n[Z]);
   }
-  for (var $ = Array(q.length), Dh = 0; Dh < q.length; Dh++) $[Dh] = t.collection(Y[q[Dh]]);
+  for (var $ = Array(q.length), Nh = 0; Nh < q.length; Nh++) $[Nh] = t.collection(Y[q[Nh]]);
   return $;
 }, affinityPropagation$1 = {
   affinityPropagation,
@@ -5438,7 +5438,42 @@ fn$4 = elesfn$c = {
     return this;
   }
 }, fn$4.modelPosition = fn$4.point = fn$4.position, fn$4.modelPositions = fn$4.points = fn$4.positions, fn$4.renderedPoint = fn$4.renderedPosition, fn$4.relativePoint = fn$4.relativePosition;
-var position = elesfn$c, fn$3 = elesfn$b = {}, elesfn$b;
+var position = elesfn$c, labelHalign = function(e) {
+  switch (e) {
+    case "left":
+    case "right-inside":
+      return "left";
+    case "right":
+    case "left-inside":
+      return "right";
+    default:
+      return "center";
+  }
+}, labelValign = function(e) {
+  switch (e) {
+    case "top":
+    case "bottom-inside":
+      return "top";
+    case "bottom":
+    case "top-inside":
+      return "bottom";
+    default:
+      return "center";
+  }
+}, labelJustification = function(e) {
+  switch (e) {
+    case "left":
+      return "right";
+    case "right":
+      return "left";
+    case "left-inside":
+      return "left";
+    case "right-inside":
+      return "right";
+    default:
+      return "center";
+  }
+}, fn$3 = elesfn$b = {}, elesfn$b;
 elesfn$b.renderedBoundingBox = function(e) {
   var t = this.boundingBox(e), n = this.cy(), r = n.zoom(), a = n.pan(), o = t.x1 * r + a.x, s = t.x2 * r + a.x, c = t.y1 * r + a.y, l = t.y2 * r + a.y;
   return {
@@ -5548,7 +5583,7 @@ var noninf = function(e) {
       var s = t.pstyle("text-halign"), c = t.pstyle("text-valign"), l = prefixedProperty(o, "labelWidth", n), u = prefixedProperty(o, "labelHeight", n), d = prefixedProperty(o, "labelX", n), f = prefixedProperty(o, "labelY", n), m = t.pstyle(r + "text-margin-x").pfValue, h = t.pstyle(r + "text-margin-y").pfValue, g = t.isEdge(), _ = t.pstyle(r + "text-rotation"), v = t.pstyle("text-outline-width").pfValue, b = t.pstyle("text-border-width").pfValue / 2, S = t.pstyle("text-background-padding").pfValue, C = 2, w = u, T = l, E = T / 2, D = w / 2, O, k, A, j;
       if (g) O = d - E, k = d + E, A = f - D, j = f + D;
       else {
-        switch (s.value) {
+        switch (labelHalign(s.value)) {
           case "left":
             O = d - T, k = d;
             break;
@@ -5559,7 +5594,7 @@ var noninf = function(e) {
             O = d, k = d + T;
             break;
         }
-        switch (c.value) {
+        switch (labelValign(c.value)) {
           case "top":
             A = f - w, j = f;
             break;
@@ -5579,7 +5614,7 @@ var noninf = function(e) {
       if (z || B) {
         var V = z ? prefixedProperty(a.rstyle, "labelAngle", n) : _.pfValue, H = Math.cos(V), U = Math.sin(V), W = (O + k) / 2, G = (A + j) / 2;
         if (!g) {
-          switch (s.value) {
+          switch (labelHalign(s.value)) {
             case "left":
               W = k;
               break;
@@ -5587,7 +5622,7 @@ var noninf = function(e) {
               W = O;
               break;
           }
-          switch (c.value) {
+          switch (labelValign(c.value)) {
             case "top":
               G = j;
               break;
@@ -5616,13 +5651,16 @@ var noninf = function(e) {
   }
 }, updateBoundsFromMiter = function(e, t, n, r, a, o) {
   if (!(n === 0 || r <= 0 || a === "inside")) {
-    var s = t.cy(), c = t.pstyle("shape").value, l = s.renderer().nodeShapes[c], u = t.position(), d = u.x, f = u.y, m = t.width(), h = t.height();
-    l.hasMiterBounds ? (a === "center" && (r /= 2), updateBoundsFromBox(e, l.miterBounds(d, f, m, h, r))) : o != null && o > 0 && expandBoundingBoxSides(e, [
-      o,
-      o,
-      o,
-      o
-    ]);
+    var s = t.cy().renderer(), c = s.nodeShapes[s.getNodeShape(t)];
+    if (c) {
+      var l = t.position(), u = l.x, d = l.y, f = t.width(), m = t.height();
+      c.hasMiterBounds ? (a === "center" && (r /= 2), updateBoundsFromBox(e, c.miterBounds(u, d, f, m, r))) : o != null && o > 0 && expandBoundingBoxSides(e, [
+        o,
+        o,
+        o,
+        o
+      ]);
+    }
   }
 }, updateBoundsFromMiterBorder = function(e, t) {
   if (!t.cy().headless()) {
@@ -7122,7 +7160,7 @@ elesfn$1.instanceString = function() {
     if (h.isEdge()) {
       for (var S = h, C = ["source", "target"], w = C.length, T = false, E = 0; E < w; E++) {
         var D = C[E], O = _[D];
-        number$1(O) && (O = _[D] = "" + _[D]), O == null || O === "" ? (error("Can not create edge `" + v + "` with unspecified " + D), T = true) : r.hasElementWithId(O) || (error("Can not create edge `" + v + "` with nonexistant " + D + " `" + O + "`"), T = true);
+        number$1(O) && (O = _[D] = "" + _[D]), O == null || O === "" ? (error("Can not create edge `" + v + "` with unspecified " + D), T = true) : r.hasElementWithId(O) || (error("Can not create edge `" + v + "` with nonexistent " + D + " `" + O + "`"), T = true);
       }
       if (T) {
         m();
@@ -8619,13 +8657,17 @@ var styfn$2 = {};
     zIndexCompare: { enums: ["auto", "manual"] },
     valign: { enums: [
       "top",
+      "top-inside",
       "center",
-      "bottom"
+      "bottom",
+      "bottom-inside"
     ] },
     halign: { enums: [
       "left",
+      "left-inside",
       "center",
-      "right"
+      "right",
+      "right-inside"
     ] },
     justification: { enums: [
       "left",
@@ -8633,6 +8675,7 @@ var styfn$2 = {};
       "right",
       "auto"
     ] },
+    textMetrics: { enums: ["font", "glyph"] },
     text: { string: true },
     data: {
       mapping: true,
@@ -8947,6 +8990,10 @@ var styfn$2 = {};
       name: "text-justification",
       type: u.justification
     },
+    {
+      name: "text-metrics",
+      type: u.textMetrics
+    },
     {
       name: "box-select-labels",
       type: u.bool,
@@ -9765,6 +9812,7 @@ var styfn$2 = {};
     "underlay-padding": 10,
     "underlay-shape": "round-rectangle",
     "underlay-corner-radius": "auto",
+    "text-metrics": "font",
     "transition-property": "none",
     "transition-duration": 0,
     "transition-delay": 0,
@@ -10885,10 +10933,10 @@ BreadthFirstLayout.prototype.run = function() {
     for (var e2 = 0; e2 < J; e2++) O(e2);
   })());
   for (var Q = 0, $ = 0; $ < J; $++) Q = Math.max(b[$].length, Q);
-  var Dh = {
+  var Nh = {
     x: l.x1 + l.w / 2,
     y: l.y1 + l.h / 2
-  }, Oh = r.reduce(function(t2, n2) {
+  }, Ph = r.reduce(function(t2, n2) {
     return (function(e2) {
       return {
         w: t2.w === -1 ? e2.w : (t2.w + e2.w) / 2,
@@ -10898,33 +10946,33 @@ BreadthFirstLayout.prototype.run = function() {
   }, {
     w: -1,
     h: -1
-  }), kh = Math.max(J === 1 ? 0 : c ? (l.h - e.padding * 2 - Oh.h) / (J - 1) : (l.h - e.padding * 2 - Oh.h) / (J + 1), z), Ah = b.reduce(function(e2, t2) {
+  }), Fh = Math.max(J === 1 ? 0 : c ? (l.h - e.padding * 2 - Ph.h) / (J - 1) : (l.h - e.padding * 2 - Ph.h) / (J + 1), z), Ih = b.reduce(function(e2, t2) {
     return Math.max(e2, t2.length);
-  }, 0), jh = function(t2) {
+  }, 0), Lh = function(t2) {
     var n2 = getInfo(t2), r2 = n2.depth, a2 = n2.index;
     if (e.circle) {
       var o2 = Math.min(l.w / 2 / J, l.h / 2 / J);
       o2 = Math.max(o2, z);
       var s2 = o2 * r2 + o2 - (J > 0 && b[0].length <= 3 ? o2 / 2 : 0), u2 = 2 * Math.PI / b[r2].length * a2;
       return r2 === 0 && b[0].length === 1 && (s2 = 1), {
-        x: Dh.x + s2 * Math.cos(u2),
-        y: Dh.y + s2 * Math.sin(u2)
+        x: Nh.x + s2 * Math.cos(u2),
+        y: Nh.y + s2 * Math.sin(u2)
       };
     } else {
-      var d2 = b[r2].length, f2 = Math.max(d2 === 1 ? 0 : c ? (l.w - e.padding * 2 - Oh.w) / ((e.grid ? Ah : d2) - 1) : (l.w - e.padding * 2 - Oh.w) / ((e.grid ? Ah : d2) + 1), z);
+      var d2 = b[r2].length, f2 = Math.max(d2 === 1 ? 0 : c ? (l.w - e.padding * 2 - Ph.w) / ((e.grid ? Ih : d2) - 1) : (l.w - e.padding * 2 - Ph.w) / ((e.grid ? Ih : d2) + 1), z);
       return {
-        x: Dh.x + (a2 + 1 - (d2 + 1) / 2) * f2,
-        y: Dh.y + (r2 + 1 - (J + 1) / 2) * kh
+        x: Nh.x + (a2 + 1 - (d2 + 1) / 2) * f2,
+        y: Nh.y + (r2 + 1 - (J + 1) / 2) * Fh
       };
     }
-  }, Mh = {
+  }, Rh = {
     downward: 0,
     leftward: 90,
     upward: 180,
     rightward: -90
   };
-  return Object.keys(Mh).indexOf(e.direction) === -1 && error(`Invalid direction '${e.direction}' specified for breadthfirst layout. Valid values are: ${Object.keys(Mh).join(", ")}`), n.nodes().layoutPositions(this, e, function(t2) {
-    return rotatePosAndSkewByBox(jh(t2), l, Mh[e.direction]);
+  return Object.keys(Rh).indexOf(e.direction) === -1 && error(`Invalid direction '${e.direction}' specified for breadthfirst layout. Valid values are: ${Object.keys(Rh).join(", ")}`), n.nodes().layoutPositions(this, e, function(t2) {
+    return rotatePosAndSkewByBox(Lh(t2), l, Rh[e.direction]);
   }), this;
 };
 var defaults$6 = {
@@ -11284,7 +11332,7 @@ var createLayoutInfo = function(e, t, n) {
     nodeRepulsion(s, l, e, t);
   }
 }, randomDistance = function(e) {
-  return -1 + 2 * e * Math.random();
+  return -e + 2 * e * Math.random();
 }, nodeRepulsion = function(e, t, n, r) {
   if (!(e.cmptId !== t.cmptId && !n.isCompound)) {
     var a = t.positionX - e.positionX, o = t.positionY - e.positionY, s = 1;
@@ -12452,17 +12500,17 @@ BRp$c.findMidptPtsEtc = function(e, t) {
       $
     ];
   } else {
-    var Dh = d.x1 + B + (_ ? f / 2 * R : 0);
+    var Nh = d.x1 + B + (_ ? f / 2 * R : 0);
     n.segpts = [
-      Dh,
+      Nh,
       d.y1,
-      Dh,
+      Nh,
       d.y2
     ];
   }
   if (n.isRound) {
-    var Oh = e.pstyle("taxi-radius").value, kh = e.pstyle("radius-type").value[0] === "arc-radius";
-    n.radii = Array(n.segpts.length / 2).fill(Oh), n.isArcRadius = Array(n.segpts.length / 2).fill(kh);
+    var Ph = e.pstyle("taxi-radius").value, Fh = e.pstyle("radius-type").value[0] === "arc-radius";
+    n.radii = Array(n.segpts.length / 2).fill(Ph), n.isArcRadius = Array(n.segpts.length / 2).fill(Fh);
   }
 }, BRp$c.tryToCorrectInvalidPoints = function(e, t) {
   var n = e._private.rscratch;
@@ -12689,8 +12737,8 @@ BRp$c.findMidptPtsEtc = function(e, t) {
             }
           };
         }
-        var Oh = B ? f2 : d2;
-        L.nodesOverlap = Oh.nodesOverlap, L.srcIntn = Oh.srcIntn, L.tgtIntn = Oh.tgtIntn, L.isRound = R.startsWith("round"), r && (g2.isParent() || g2.isChild() || _2.isParent() || _2.isChild()) && (g2.parents().anySame(_2) || _2.parents().anySame(g2) || g2.same(_2) && g2.isParent()) ? t.findCompoundLoopPoints(I, Oh, F, z) : g2 === _2 ? t.findLoopPoints(I, Oh, F, z) : R.endsWith("segments") ? t.findSegmentsPoints(I, Oh) : R.endsWith("taxi") ? t.findTaxiPoints(I, Oh) : R === "straight" || !z && d2.eles.length % 2 == 1 && F === Math.floor(d2.eles.length / 2) ? t.findStraightEdgePoints(I) : t.findBezierPoints(I, Oh, F, z, B), t.findEndpoints(I), t.tryToCorrectInvalidPoints(I, Oh), t.checkForInvalidEdgeWarning(I), t.storeAllpts(I), t.storeEdgeProjections(I), t.calculateArrowAngles(I), t.recalculateEdgeLabelProjections(I), t.calculateLabelAngles(I);
+        var Ph = B ? f2 : d2;
+        L.nodesOverlap = Ph.nodesOverlap, L.srcIntn = Ph.srcIntn, L.tgtIntn = Ph.tgtIntn, L.isRound = R.startsWith("round"), r && (g2.isParent() || g2.isChild() || _2.isParent() || _2.isChild()) && (g2.parents().anySame(_2) || _2.parents().anySame(g2) || g2.same(_2) && g2.isParent()) ? t.findCompoundLoopPoints(I, Ph, F, z) : g2 === _2 ? t.findLoopPoints(I, Ph, F, z) : R.endsWith("segments") ? t.findSegmentsPoints(I, Ph) : R.endsWith("taxi") ? t.findTaxiPoints(I, Ph) : R === "straight" || !z && d2.eles.length % 2 == 1 && F === Math.floor(d2.eles.length / 2) ? t.findStraightEdgePoints(I) : t.findBezierPoints(I, Ph, F, z, B), t.findEndpoints(I), t.tryToCorrectInvalidPoints(I, Ph), t.checkForInvalidEdgeWarning(I), t.storeAllpts(I), t.storeEdgeProjections(I), t.calculateArrowAngles(I), t.recalculateEdgeLabelProjections(I), t.calculateLabelAngles(I);
       }
     }, T = 0; T < s.length; T++) w();
     this.findHaystackPoints(c);
@@ -12752,10 +12800,10 @@ BRp$b.manualEndptToPx = function(e, t) {
   else if (F === "outside-to-line") a = v.tgtIntn;
   else if (F === "outside-to-node" || F === "outside-to-node-or-label" ? z = L : (F === "outside-to-line" || F === "outside-to-line-or-label") && (z = [c.x, c.y]), a = r.nodeShapes[this.getNodeShape(s)].intersectLine(l.x, l.y, s.outerWidth(), s.outerHeight(), z[0], z[1], 0, I, g), F === "outside-to-node-or-label" || F === "outside-to-line-or-label") {
     var G = s._private.rscratch, q = G.labelWidth, J = G.labelHeight, Y = G.labelX, X = G.labelY, Z = q / 2, Q = J / 2, $ = s.pstyle("text-valign").value;
-    $ === "top" ? X -= Q : $ === "bottom" && (X += Q);
-    var Oh = s.pstyle("text-halign").value;
-    Oh === "left" ? Y -= Z : Oh === "right" && (Y += Z);
-    var kh = polygonIntersectLine(z[0], z[1], [
+    $ = labelValign($), $ === "top" ? X -= Q : $ === "bottom" && (X += Q);
+    var Ph = s.pstyle("text-halign").value;
+    Ph = labelHalign(Ph), Ph === "left" ? Y -= Z : Ph === "right" && (Y += Z);
+    var Fh = polygonIntersectLine(z[0], z[1], [
       Y - Z,
       X - Q,
       Y + Z,
@@ -12765,43 +12813,43 @@ BRp$b.manualEndptToPx = function(e, t) {
       Y - Z,
       X + Q
     ], l.x, l.y);
-    if (kh.length > 0) {
-      var Ah = c, jh = sqdist(Ah, array2point(a)), Mh = sqdist(Ah, array2point(kh)), Nh = jh;
-      Mh < jh && (a = kh, Nh = Mh), kh.length > 2 && sqdist(Ah, {
-        x: kh[2],
-        y: kh[3]
-      }) < Nh && (a = [kh[2], kh[3]]);
+    if (Fh.length > 0) {
+      var Ih = c, Lh = sqdist(Ih, array2point(a)), Rh = sqdist(Ih, array2point(Fh)), zh = Lh;
+      Rh < Lh && (a = Fh, zh = Rh), Fh.length > 2 && sqdist(Ih, {
+        x: Fh[2],
+        y: Fh[3]
+      }) < zh && (a = [Fh[2], Fh[3]]);
     }
   }
-  var Ph = shortenIntersection(a, L, r.arrowShapes[u].spacing(e) + f), Fh = shortenIntersection(a, L, r.arrowShapes[u].gap(e) + f);
-  if (v.endX = Fh[0], v.endY = Fh[1], v.arrowEndX = Ph[0], v.arrowEndY = Ph[1], j === "inside-to-node") a = [c.x, c.y];
+  var Bh = shortenIntersection(a, L, r.arrowShapes[u].spacing(e) + f), Vh = shortenIntersection(a, L, r.arrowShapes[u].gap(e) + f);
+  if (v.endX = Vh[0], v.endY = Vh[1], v.arrowEndX = Bh[0], v.arrowEndY = Bh[1], j === "inside-to-node") a = [c.x, c.y];
   else if (A.units) a = this.manualEndptToPx(o, A);
   else if (j === "outside-to-line") a = v.srcIntn;
   else if (j === "outside-to-node" || j === "outside-to-node-or-label" ? B = R : (j === "outside-to-line" || j === "outside-to-line-or-label") && (B = [l.x, l.y]), a = r.nodeShapes[this.getNodeShape(o)].intersectLine(c.x, c.y, o.outerWidth(), o.outerHeight(), B[0], B[1], 0, M, h), j === "outside-to-node-or-label" || j === "outside-to-line-or-label") {
-    var Ih = o._private.rscratch, Lh = Ih.labelWidth, Rh = Ih.labelHeight, zh = Ih.labelX, Bh = Ih.labelY, Vh = Lh / 2, Hh = Rh / 2, Uh = o.pstyle("text-valign").value;
-    Uh === "top" ? Bh -= Hh : Uh === "bottom" && (Bh += Hh);
-    var Wh = o.pstyle("text-halign").value;
-    Wh === "left" ? zh -= Vh : Wh === "right" && (zh += Vh);
-    var Gh = polygonIntersectLine(B[0], B[1], [
-      zh - Vh,
-      Bh - Hh,
-      zh + Vh,
-      Bh - Hh,
-      zh + Vh,
-      Bh + Hh,
-      zh - Vh,
-      Bh + Hh
+    var Hh = o._private.rscratch, Uh = Hh.labelWidth, Wh = Hh.labelHeight, Gh = Hh.labelX, Kh = Hh.labelY, qh = Uh / 2, Jh = Wh / 2, Yh = o.pstyle("text-valign").value;
+    Yh = labelValign(Yh), Yh === "top" ? Kh -= Jh : Yh === "bottom" && (Kh += Jh);
+    var Xh = o.pstyle("text-halign").value;
+    Xh = labelHalign(Xh), Xh === "left" ? Gh -= qh : Xh === "right" && (Gh += qh);
+    var Zh = polygonIntersectLine(B[0], B[1], [
+      Gh - qh,
+      Kh - Jh,
+      Gh + qh,
+      Kh - Jh,
+      Gh + qh,
+      Kh + Jh,
+      Gh - qh,
+      Kh + Jh
     ], c.x, c.y);
-    if (Gh.length > 0) {
-      var Kh = l, qh = sqdist(Kh, array2point(a)), Jh = sqdist(Kh, array2point(Gh)), Yh = qh;
-      Jh < qh && (a = [Gh[0], Gh[1]], Yh = Jh), Gh.length > 2 && sqdist(Kh, {
-        x: Gh[2],
-        y: Gh[3]
-      }) < Yh && (a = [Gh[2], Gh[3]]);
+    if (Zh.length > 0) {
+      var Qh = l, $h = sqdist(Qh, array2point(a)), eg = sqdist(Qh, array2point(Zh)), tg = $h;
+      eg < $h && (a = [Zh[0], Zh[1]], tg = eg), Zh.length > 2 && sqdist(Qh, {
+        x: Zh[2],
+        y: Zh[3]
+      }) < tg && (a = [Zh[2], Zh[3]]);
     }
   }
-  var Xh = shortenIntersection(a, R, r.arrowShapes[d].spacing(e) + m), Zh = shortenIntersection(a, R, r.arrowShapes[d].gap(e) + m);
-  v.startX = Zh[0], v.startY = Zh[1], v.arrowStartX = Xh[0], v.arrowStartY = Xh[1], O && (!number$1(v.startX) || !number$1(v.startY) || !number$1(v.endX) || !number$1(v.endY) ? v.badLine = true : v.badLine = false);
+  var ng = shortenIntersection(a, R, r.arrowShapes[d].spacing(e) + m), rg = shortenIntersection(a, R, r.arrowShapes[d].gap(e) + m);
+  v.startX = rg[0], v.startY = rg[1], v.arrowStartX = ng[0], v.arrowStartY = ng[1], O && (!number$1(v.startX) || !number$1(v.startY) || !number$1(v.endX) || !number$1(v.endY) ? v.badLine = true : v.badLine = false);
 }, BRp$b.getSourceEndpoint = function(e) {
   var t = e[0]._private.rscratch;
   switch (this.recalculateRenderedStyle(e), t.edgeType) {
@@ -12875,9 +12923,15 @@ BRp$9.recalculateNodeLabelProjection = function(e) {
       case "left":
         n = l.x - o / 2 - c;
         break;
+      case "left-inside":
+        n = l.x - o / 2 + c;
+        break;
       case "right":
         n = l.x + o / 2 + c;
         break;
+      case "right-inside":
+        n = l.x + o / 2 - c;
+        break;
       default:
         n = l.x;
     }
@@ -12885,9 +12939,15 @@ BRp$9.recalculateNodeLabelProjection = function(e) {
       case "top":
         r = l.y - s / 2 - c;
         break;
+      case "top-inside":
+        r = l.y - s / 2 + c;
+        break;
       case "bottom":
         r = l.y + s / 2 + c;
         break;
+      case "bottom-inside":
+        r = l.y + s / 2 - c;
+        break;
       default:
         r = l.y;
     }
@@ -13015,8 +13075,8 @@ BRp$9.recalculateEdgeLabelProjections = function(e) {
   var n = e._private, r = this.getLabelText(e, t), a = hashString(r, e._private.labelDimsKey);
   if (getPrefixedProperty(n.rscratch, "prefixedLabelDimsKey", t) !== a) {
     setPrefixedProperty(n.rscratch, "prefixedLabelDimsKey", t, a);
-    var o = this.calculateLabelDimensions(e, r), s = e.pstyle("line-height").pfValue, c = e.pstyle("text-wrap").strValue, l = getPrefixedProperty(n.rscratch, "labelWrapCachedLines", t) || [], u = c === "wrap" ? Math.max(l.length, 1) : 1, d = o.height / u, f = d * s, m = o.width, h = o.height + (u - 1) * (s - 1) * d;
-    setPrefixedProperty(n.rstyle, "labelWidth", t, m), setPrefixedProperty(n.rscratch, "labelWidth", t, m), setPrefixedProperty(n.rstyle, "labelHeight", t, h), setPrefixedProperty(n.rscratch, "labelHeight", t, h), setPrefixedProperty(n.rscratch, "labelLineHeight", t, f);
+    var o = this.calculateLabelDimensions(e, r), s = e.pstyle("line-height").pfValue, c = e.pstyle("font-size").pfValue, l = e.pstyle("text-wrap").strValue, u = getPrefixedProperty(n.rscratch, "labelWrapCachedLines", t) || [], d = l === "wrap" ? Math.max(u.length, 1) : 1, f = c * s, m = o.width, h = o.height + (d - 1) * (s - 1) * c;
+    setPrefixedProperty(n.rstyle, "labelWidth", t, m), setPrefixedProperty(n.rscratch, "labelWidth", t, m), setPrefixedProperty(n.rstyle, "labelHeight", t, h), setPrefixedProperty(n.rscratch, "labelHeight", t, h), setPrefixedProperty(n.rscratch, "labelLineHeight", t, f), setPrefixedProperty(n.rscratch, "labelActualDescent", t, o.labelActualDescent);
   }
 }, BRp$9.getLabelText = function(e, t) {
   var n = e._private, r = t ? t + "-" : "", a = e.pstyle(r + "label").strValue, o = e.pstyle("text-transform").value, c = function(e2, r2) {
@@ -13057,31 +13117,24 @@ BRp$9.recalculateEdgeLabelProjections = function(e) {
   return a;
 }, BRp$9.getLabelJustification = function(e) {
   var t = e.pstyle("text-justification").strValue, n = e.pstyle("text-halign").strValue;
-  if (t === "auto") if (e.isNode()) switch (n) {
-    case "left":
-      return "right";
-    case "right":
-      return "left";
-    default:
-      return "center";
-  }
-  else return "center";
-  else return t;
+  return t === "auto" ? e.isNode() ? labelJustification(n) : "center" : t;
 }, BRp$9.calculateLabelDimensions = function(e, t) {
-  var n = this.cy.window().document, r = 0, a = e.pstyle("font-style").strValue, o = e.pstyle("font-size").pfValue, s = e.pstyle("font-family").strValue, c = e.pstyle("font-weight").strValue, l = this.labelCalcCanvas, u = this.labelCalcCanvasContext;
-  if (!l) {
-    l = this.labelCalcCanvas = n.createElement("canvas"), u = this.labelCalcCanvasContext = l.getContext("2d");
-    var d = l.style;
-    d.position = "absolute", d.left = "-9999px", d.top = "-9999px", d.zIndex = "-1", d.visibility = "hidden", d.pointerEvents = "none";
-  }
-  u.font = `${a} ${c} ${o}px ${s}`;
-  for (var f = 0, m = 0, h = t.split("\n"), g = 0; g < h.length; g++) {
-    var _ = h[g], v = u.measureText(_), b = Math.ceil(v.width), S = o;
-    f = Math.max(b, f), m += S;
-  }
-  return f += r, m += r, {
-    width: f,
-    height: m
+  var n = this.cy.window().document, r = 0, a = e.pstyle("font-style").strValue, o = e.pstyle("font-size").pfValue, s = e.pstyle("font-family").strValue, c = e.pstyle("font-weight").strValue, l = e.pstyle("text-metrics").strValue || "font", u = this.labelCalcCanvas, d = this.labelCalcCanvasContext;
+  if (!u) {
+    u = this.labelCalcCanvas = n.createElement("canvas"), d = this.labelCalcCanvasContext = u.getContext("2d");
+    var f = u.style;
+    f.position = "absolute", f.left = "-9999px", f.top = "-9999px", f.zIndex = "-1", f.visibility = "hidden", f.pointerEvents = "none";
+  }
+  d.font = `${a} ${c} ${o}px ${s}`;
+  for (var m = 0, h = 0, g = t.split("\n"), _ = g.length, v = 0, b = 0, S = 0; S < _; S++) {
+    var C = g[S], w = d.measureText(C), T = Math.ceil(w.width), E = o;
+    l === "glyph" && (S === 0 && (b = w.actualBoundingBoxAscent), S === _ - 1 && (v = w.actualBoundingBoxDescent)), m = Math.max(T, m), h += E;
+  }
+  return l === "glyph" && (h -= o - b - v), m += r, h += r, {
+    width: m,
+    height: h,
+    labelActualAscent: b,
+    labelActualDescent: v
   };
 }, BRp$9.calculateLabelAngle = function(e, t) {
   var n = e._private.rscratch, r = e.isEdge(), a = t ? t + "-" : "", o = e.pstyle(a + "text-rotation"), s = o.strValue;
@@ -13214,7 +13267,14 @@ BRp$4.getCachedImage = function(e, t, n) {
   var c = "data:";
   return e.substring(0, c.length).toLowerCase() !== c && (t = t === "null" ? null : t, s.crossOrigin = t), s.src = e, s;
 };
-var BRp$3 = {};
+var setGrabState = function(e, t) {
+  var n = e[0];
+  !n || n._private.grabbed === t || (n._private.grabbed = t, e.updateStyle(false));
+}, setGrabbed = function(e) {
+  setGrabState(e, true);
+}, setFreed = function(e) {
+  setGrabState(e, false);
+}, BRp$3 = {};
 BRp$3.registerBinding = function(e, t, n, r) {
   var a = Array.prototype.slice.apply(arguments, [1]);
   if (Array.isArray(e)) {
@@ -13293,51 +13353,47 @@ BRp$3.registerBinding = function(e, t, n, r) {
     else r2 = true;
     return r2;
   }, c = function(e2) {
-    e2[0]._private.grabbed = true;
-  }, l = function(e2) {
-    e2[0]._private.grabbed = false;
-  }, u = function(e2) {
     e2[0]._private.rscratch.inDragLayer = true;
-  }, d = function(e2) {
+  }, l = function(e2) {
     e2[0]._private.rscratch.inDragLayer = false;
-  }, f = function(e2) {
+  }, u = function(e2) {
     e2[0]._private.rscratch.isGrabTarget = true;
-  }, m = function(e2) {
+  }, d = function(e2) {
     e2[0]._private.rscratch.isGrabTarget = false;
-  }, h = function(e2, t2) {
+  }, f = function(e2, t2) {
     var n2 = t2.addToList;
-    !n2.has(e2) && e2.grabbable() && !e2.locked() && (n2.merge(e2), c(e2));
-  }, g = function(e2, t2) {
+    !n2.has(e2) && e2.grabbable() && !e2.locked() && (n2.merge(e2), setGrabbed(e2));
+  }, m = function(e2, t2) {
     if (e2.cy().hasCompoundNodes() && !(t2.inDragLayer == null && t2.addToList == null)) {
       var n2 = e2.descendants();
-      t2.inDragLayer && (n2.forEach(u), n2.connectedEdges().forEach(u)), t2.addToList && h(n2, t2);
+      t2.inDragLayer && (n2.forEach(c), n2.connectedEdges().forEach(c)), t2.addToList && f(n2, t2);
     }
-  }, _ = function(t2, n2) {
+  }, h = function(t2, n2) {
     n2 || (n2 = {});
     var r2 = t2.cy().hasCompoundNodes();
-    n2.inDragLayer && (t2.forEach(u), t2.neighborhood().stdFilter(function(e2) {
+    n2.inDragLayer && (t2.forEach(c), t2.neighborhood().stdFilter(function(e2) {
       return !r2 || e2.isEdge();
-    }).forEach(u)), n2.addToList && t2.forEach(function(e2) {
-      h(e2, n2);
-    }), g(t2, n2), S(t2, { inDragLayer: n2.inDragLayer }), e.updateCachedGrabbedEles();
-  }, v = _, b = function(t2) {
+    }).forEach(c)), n2.addToList && t2.forEach(function(e2) {
+      f(e2, n2);
+    }), m(t2, n2), v(t2, { inDragLayer: n2.inDragLayer }), e.updateCachedGrabbedEles();
+  }, g = h, _ = function(t2) {
     t2 && (e.getCachedZSortedEles().forEach(function(e2) {
-      l(e2), d(e2), m(e2);
+      setFreed(e2), l(e2), d(e2);
     }), e.updateCachedGrabbedEles());
-  }, S = function(e2, t2) {
+  }, v = function(e2, t2) {
     if (!(t2.inDragLayer == null && t2.addToList == null) && e2.cy().hasCompoundNodes()) {
       var n2 = e2.ancestors().orphans();
       if (!n2.same(e2)) {
         var r2 = n2.descendants().spawnSelf().merge(n2).unmerge(e2).unmerge(e2.descendants()), a2 = r2.connectedEdges();
-        t2.inDragLayer && (a2.forEach(u), r2.forEach(u)), t2.addToList && r2.forEach(function(e3) {
-          h(e3, t2);
+        t2.inDragLayer && (a2.forEach(c), r2.forEach(c)), t2.addToList && r2.forEach(function(e3) {
+          f(e3, t2);
         });
       }
     }
-  }, C = function() {
+  }, b = function() {
     document.activeElement != null && document.activeElement.blur != null && document.activeElement.blur();
-  }, w = typeof MutationObserver < "u", T = typeof ResizeObserver < "u";
-  w ? (e.removeObserver = new MutationObserver(function(t2) {
+  }, S = typeof MutationObserver < "u", C = typeof ResizeObserver < "u";
+  S ? (e.removeObserver = new MutationObserver(function(t2) {
     for (var n2 = 0; n2 < t2.length; n2++) {
       var r2 = t2[n2].removedNodes;
       if (r2) {
@@ -13350,23 +13406,23 @@ BRp$3.registerBinding = function(e, t, n, r) {
   }), e.container.parentNode && e.removeObserver.observe(e.container.parentNode, { childList: true })) : e.registerBinding(e.container, "DOMNodeRemoved", function(t2) {
     e.destroy();
   });
-  var E = debounce(function() {
+  var w = debounce(function() {
     e.cy.resize();
   }, 100);
-  w && (e.styleObserver = new MutationObserver(E), e.styleObserver.observe(e.container, { attributes: true })), e.registerBinding(t, "resize", E), T && (e.resizeObserver = new ResizeObserver(E), e.resizeObserver.observe(e.container));
-  var D = function(e2, t2) {
+  S && (e.styleObserver = new MutationObserver(w), e.styleObserver.observe(e.container, { attributes: true })), e.registerBinding(t, "resize", w), C && (e.resizeObserver = new ResizeObserver(w), e.resizeObserver.observe(e.container));
+  var T = function(e2, t2) {
     for (; e2 != null; ) t2(e2), e2 = e2.parentNode;
-  }, O = function() {
+  }, E = function() {
     e.invalidateContainerClientCoordsCache();
   };
-  D(e.container, function(t2) {
-    e.registerBinding(t2, "transitionend", O), e.registerBinding(t2, "animationend", O), e.registerBinding(t2, "scroll", O);
+  T(e.container, function(t2) {
+    e.registerBinding(t2, "transitionend", E), e.registerBinding(t2, "animationend", E), e.registerBinding(t2, "scroll", E);
   }), e.registerBinding(e.container, "contextmenu", function(e2) {
     e2.preventDefault();
   });
-  var k = function() {
+  var D = function() {
     return e.selection[4] !== 0;
-  }, A = function(t2) {
+  }, O = function(t2) {
     for (var n2 = e.findContainerClientCoords(), r2 = n2[0], a2 = n2[1], o2 = n2[2], s2 = n2[3], c2 = t2.touches ? t2.touches : [t2], l2 = false, u2 = 0; u2 < c2.length; u2++) {
       var d2 = c2[u2];
       if (r2 <= d2.clientX && d2.clientX <= r2 + o2 && a2 <= d2.clientY && d2.clientY <= a2 + s2) {
@@ -13385,11 +13441,11 @@ BRp$3.registerBinding = function(e, t, n, r) {
     return !!h2;
   };
   e.registerBinding(e.container, "mousedown", function(t2) {
-    if (A(t2) && !(e.hoverData.which === 1 && t2.which !== 1)) {
-      t2.preventDefault(), C(), e.hoverData.capture = true, e.hoverData.which = t2.which;
-      var n2 = e.cy, r2 = [t2.clientX, t2.clientY], o2 = e.projectIntoViewport(r2[0], r2[1]), s2 = e.selection, c2 = e.findNearestElements(o2[0], o2[1], true, false), l2 = c2[0], u2 = e.dragData.possibleDragElements;
+    if (O(t2) && !(e.hoverData.which === 1 && t2.which !== 1)) {
+      t2.preventDefault(), b(), e.hoverData.capture = true, e.hoverData.which = t2.which;
+      var n2 = e.cy, r2 = [t2.clientX, t2.clientY], o2 = e.projectIntoViewport(r2[0], r2[1]), s2 = e.selection, c2 = e.findNearestElements(o2[0], o2[1], true, false), l2 = c2[0], d2 = e.dragData.possibleDragElements;
       e.hoverData.mdownPos = o2, e.hoverData.mdownGPos = r2;
-      var d2 = function(e2) {
+      var f2 = function(e2) {
         return {
           originalEvent: t2,
           type: e2,
@@ -13402,13 +13458,13 @@ BRp$3.registerBinding = function(e, t, n, r) {
         e.hoverData.tapholdCancelled = false, clearTimeout(e.hoverData.tapholdTimeout), e.hoverData.tapholdTimeout = setTimeout(function() {
           if (!e.hoverData.tapholdCancelled) {
             var t3 = e.hoverData.down;
-            t3 ? t3.emit(d2("taphold")) : n2.emit(d2("taphold"));
+            t3 ? t3.emit(f2("taphold")) : n2.emit(f2("taphold"));
           }
         }, e.tapholdDuration);
       };
       if (t2.which == 3) {
         e.hoverData.cxtStarted = true;
-        var h2 = {
+        var _2 = {
           originalEvent: t2,
           type: "cxttapstart",
           position: {
@@ -13416,19 +13472,19 @@ BRp$3.registerBinding = function(e, t, n, r) {
             y: o2[1]
           }
         };
-        l2 ? (l2.activate(), l2.emit(h2), e.hoverData.down = l2) : n2.emit(h2), e.hoverData.downTime = (/* @__PURE__ */ new Date()).getTime(), e.hoverData.cxtDragged = false;
+        l2 ? (l2.activate(), l2.emit(_2), e.hoverData.down = l2) : n2.emit(_2), e.hoverData.downTime = (/* @__PURE__ */ new Date()).getTime(), e.hoverData.cxtDragged = false;
       } else if (t2.which == 1) {
         if (l2 && l2.activate(), l2 != null && e.nodeIsGrabbable(l2)) {
-          var g2 = function(e2) {
-            e2.emit(d2("grab"));
+          var v3 = function(e2) {
+            e2.emit(f2("grab"));
           };
-          if (f(l2), !l2.selected()) u2 = e.dragData.possibleDragElements = n2.collection(), v(l2, { addToList: u2 }), l2.emit(d2("grabon")).emit(d2("grab"));
+          if (u(l2), !l2.selected()) d2 = e.dragData.possibleDragElements = n2.collection(), g(l2, { addToList: d2 }), l2.emit(f2("grabon")).emit(f2("grab"));
           else {
-            u2 = e.dragData.possibleDragElements = n2.collection();
-            var b2 = n2.$(function(t3) {
+            d2 = e.dragData.possibleDragElements = n2.collection();
+            var S2 = n2.$(function(t3) {
               return t3.isNode() && t3.selected() && e.nodeIsGrabbable(t3);
             });
-            _(b2, { addToList: u2 }), l2.emit(d2("grabon")), b2.forEach(g2);
+            h(S2, { addToList: d2 }), l2.emit(f2("grabon")), S2.forEach(v3);
           }
           e.redrawHint("eles", true), e.redrawHint("drag", true);
         }
@@ -13447,23 +13503,23 @@ BRp$3.registerBinding = function(e, t, n, r) {
       s2[0] = s2[2] = o2[0], s2[1] = s2[3] = o2[1];
     }
   }, false);
-  var j = r(e.container);
-  e.registerBinding([t, j], "mousemove", function(t2) {
-    if (!(!e.hoverData.capture && !A(t2))) {
-      var n2 = false, r2 = e.cy, c2 = r2.zoom(), l2 = [t2.clientX, t2.clientY], u2 = e.projectIntoViewport(l2[0], l2[1]), d2 = e.hoverData.mdownPos, f2 = e.hoverData.mdownGPos, m2 = e.selection, h2 = null;
-      !e.hoverData.draggingEles && !e.hoverData.dragging && !e.hoverData.selecting && (h2 = e.findNearestElement(u2[0], u2[1], true, false));
-      var g2 = e.hoverData.last, v3 = e.hoverData.down, S2 = [u2[0] - m2[2], u2[1] - m2[3]], C2 = e.dragData.possibleDragElements, w2;
+  var k = r(e.container);
+  e.registerBinding([t, k], "mousemove", function(t2) {
+    if (!(!e.hoverData.capture && !O(t2))) {
+      var n2 = false, r2 = e.cy, c2 = r2.zoom(), l2 = [t2.clientX, t2.clientY], u2 = e.projectIntoViewport(l2[0], l2[1]), d2 = e.hoverData.mdownPos, f2 = e.hoverData.mdownGPos, m2 = e.selection, g2 = null;
+      !e.hoverData.draggingEles && !e.hoverData.dragging && !e.hoverData.selecting && (g2 = e.findNearestElement(u2[0], u2[1], true, false));
+      var v3 = e.hoverData.last, b2 = e.hoverData.down, S2 = [u2[0] - m2[2], u2[1] - m2[3]], C2 = e.dragData.possibleDragElements, w2;
       if (f2) {
-        var T2 = l2[0] - f2[0], E2 = T2 * T2, D2 = l2[1] - f2[1], O2 = E2 + D2 * D2;
-        e.hoverData.isOverThresholdDrag = w2 = O2 >= e.desktopTapThreshold2;
+        var T2 = l2[0] - f2[0], E2 = T2 * T2, D2 = l2[1] - f2[1], k2 = E2 + D2 * D2;
+        e.hoverData.isOverThresholdDrag = w2 = k2 >= e.desktopTapThreshold2;
       }
-      var k2 = o(t2);
+      var A2 = o(t2);
       w2 && (e.hoverData.tapholdCancelled = true);
       var j2 = function() {
         var t3 = e.hoverData.dragDelta = e.hoverData.dragDelta || [];
         t3.length === 0 ? (t3.push(S2[0]), t3.push(S2[1])) : (t3[0] += S2[0], t3[1] += S2[1]);
       };
-      n2 = true, a(h2, [
+      n2 = true, a(g2, [
         "mousemove",
         "vmousemove",
         "tapdrag"
@@ -13486,7 +13542,7 @@ BRp$3.registerBinding = function(e, t, n, r) {
       if (e.hoverData.which === 3) {
         if (w2) {
           var F2 = M2("cxtdrag");
-          v3 ? v3.emit(F2) : r2.emit(F2), e.hoverData.cxtDragged = true, (!e.hoverData.cxtOver || h2 !== e.hoverData.cxtOver) && (e.hoverData.cxtOver && e.hoverData.cxtOver.emit(M2("cxtdragout")), e.hoverData.cxtOver = h2, h2 && h2.emit(M2("cxtdragover")));
+          b2 ? b2.emit(F2) : r2.emit(F2), e.hoverData.cxtDragged = true, (!e.hoverData.cxtOver || g2 !== e.hoverData.cxtOver) && (e.hoverData.cxtOver && e.hoverData.cxtOver.emit(M2("cxtdragout")), e.hoverData.cxtOver = g2, g2 && g2.emit(M2("cxtdragover")));
         }
       } else if (e.hoverData.dragging) {
         if (n2 = true, r2.panningEnabled() && r2.userPanningEnabled()) {
@@ -13504,19 +13560,19 @@ BRp$3.registerBinding = function(e, t, n, r) {
           r2.panBy(I2), r2.emit(M2("dragpan")), e.hoverData.dragged = true;
         }
         u2 = e.projectIntoViewport(t2.clientX, t2.clientY);
-      } else if (m2[4] == 1 && (v3 == null || v3.pannable())) w2 && (!e.hoverData.dragging && r2.boxSelectionEnabled() && (k2 || !r2.panningEnabled() || !r2.userPanningEnabled()) ? N2() : !e.hoverData.selecting && r2.panningEnabled() && r2.userPanningEnabled() && s(v3, e.hoverData.downs) && (e.hoverData.dragging = true, e.hoverData.justStartedPan = true, m2[4] = 0, e.data.bgActivePosistion = array2point(d2), e.redrawHint("select", true), e.redraw()), v3 && v3.pannable() && v3.active() && v3.unactivate());
+      } else if (m2[4] == 1 && (b2 == null || b2.pannable())) w2 && (!e.hoverData.dragging && r2.boxSelectionEnabled() && (A2 || !r2.panningEnabled() || !r2.userPanningEnabled()) ? N2() : !e.hoverData.selecting && r2.panningEnabled() && r2.userPanningEnabled() && s(b2, e.hoverData.downs) && (e.hoverData.dragging = true, e.hoverData.justStartedPan = true, m2[4] = 0, e.data.bgActivePosistion = array2point(d2), e.redrawHint("select", true), e.redraw()), b2 && b2.pannable() && b2.active() && b2.unactivate());
       else {
-        if (v3 && v3.pannable() && v3.active() && v3.unactivate(), (!v3 || !v3.grabbed()) && h2 != g2 && (g2 && a(g2, ["mouseout", "tapdragout"], t2, {
+        if (b2 && b2.pannable() && b2.active() && b2.unactivate(), (!b2 || !b2.grabbed()) && g2 != v3 && (v3 && a(v3, ["mouseout", "tapdragout"], t2, {
           x: u2[0],
           y: u2[1]
-        }), h2 && a(h2, ["mouseover", "tapdragover"], t2, {
+        }), g2 && a(g2, ["mouseover", "tapdragover"], t2, {
           x: u2[0],
           y: u2[1]
-        }), e.hoverData.last = h2), v3) if (w2) {
-          if (r2.boxSelectionEnabled() && k2) v3 && v3.grabbed() && (b(C2), v3.emit(M2("freeon")), C2.emit(M2("free")), e.dragData.didDrag && (v3.emit(M2("dragfreeon")), C2.emit(M2("dragfree")))), N2();
-          else if (v3 && v3.grabbed() && e.nodeIsDraggable(v3)) {
+        }), e.hoverData.last = g2), b2) if (w2) {
+          if (r2.boxSelectionEnabled() && A2) b2 && b2.grabbed() && (_(C2), b2.emit(M2("freeon")), C2.emit(M2("free")), e.dragData.didDrag && (b2.emit(M2("dragfreeon")), C2.emit(M2("dragfree")))), N2();
+          else if (b2 && b2.grabbed() && e.nodeIsDraggable(b2)) {
             var R2 = !e.dragData.didDrag;
-            R2 && e.redrawHint("eles", true), e.dragData.didDrag = true, e.hoverData.draggingEles || _(C2, { inDragLayer: true });
+            R2 && e.redrawHint("eles", true), e.dragData.didDrag = true, e.hoverData.draggingEles || h(C2, { inDragLayer: true });
             var z2 = {
               x: 0,
               y: 0
@@ -13533,7 +13589,7 @@ BRp$3.registerBinding = function(e, t, n, r) {
       if (m2[2] = u2[0], m2[3] = u2[1], n2) return t2.stopPropagation && t2.stopPropagation(), t2.preventDefault && t2.preventDefault(), false;
     }
   }, false);
-  var M, N, F;
+  var A, j, M;
   e.registerBinding(t, "mouseup", function(t2) {
     if (!(e.hoverData.which === 1 && t2.which !== 1 && e.hoverData.capture) && e.hoverData.capture) {
       e.hoverData.capture = false;
@@ -13571,15 +13627,15 @@ BRp$3.registerBinding = function(e, t, n, r) {
         ], t2, {
           x: s2[0],
           y: s2[1]
-        }), N = false, t2.timeStamp - F <= r2.multiClickDebounceTime() ? (M && clearTimeout(M), N = true, F = null, a(d2, [
+        }), j = false, t2.timeStamp - M <= r2.multiClickDebounceTime() ? (A && clearTimeout(A), j = true, M = null, a(d2, [
           "dblclick",
           "dbltap",
           "vdblclick"
         ], t2, {
           x: s2[0],
           y: s2[1]
-        })) : (M = setTimeout(function() {
-          N || a(d2, [
+        })) : (A = setTimeout(function() {
+          j || a(d2, [
             "oneclick",
             "onetap",
             "voneclick"
@@ -13587,42 +13643,42 @@ BRp$3.registerBinding = function(e, t, n, r) {
             x: s2[0],
             y: s2[1]
           });
-        }, r2.multiClickDebounceTime()), F = t2.timeStamp)), d2 == null && !e.dragData.didDrag && !e.hoverData.selecting && !e.hoverData.dragged && !o(t2) && (r2.$(n).unselect(["tapunselect"]), u2.length > 0 && e.redrawHint("eles", true), e.dragData.possibleDragElements = u2 = r2.collection()), l2 == d2 && !e.dragData.didDrag && !e.hoverData.selecting && l2 != null && l2._private.selectable && (e.hoverData.dragging || (r2.selectionType() === "additive" || f2 ? l2.selected() ? l2.unselect(["tapunselect"]) : l2.select(["tapselect"]) : f2 || (r2.$(n).unmerge(l2).unselect(["tapunselect"]), l2.select(["tapselect"]))), e.redrawHint("eles", true)), e.hoverData.selecting) {
-          var _2 = r2.collection(e.getAllInBox(c2[0], c2[1], c2[2], c2[3]));
-          e.redrawHint("select", true), _2.length > 0 && e.redrawHint("eles", true), r2.emit(m2("boxend")), r2.selectionType() === "additive" || f2 || r2.$(n).unmerge(_2).unselect(), _2.emit(m2("box")).stdFilter(function(e2) {
+        }, r2.multiClickDebounceTime()), M = t2.timeStamp)), d2 == null && !e.dragData.didDrag && !e.hoverData.selecting && !e.hoverData.dragged && !o(t2) && (r2.$(n).unselect(["tapunselect"]), u2.length > 0 && e.redrawHint("eles", true), e.dragData.possibleDragElements = u2 = r2.collection()), l2 == d2 && !e.dragData.didDrag && !e.hoverData.selecting && l2 != null && l2._private.selectable && (e.hoverData.dragging || (r2.selectionType() === "additive" || f2 ? l2.selected() ? l2.unselect(["tapunselect"]) : l2.select(["tapselect"]) : f2 || (r2.$(n).unmerge(l2).unselect(["tapunselect"]), l2.select(["tapselect"]))), e.redrawHint("eles", true)), e.hoverData.selecting) {
+          var v3 = r2.collection(e.getAllInBox(c2[0], c2[1], c2[2], c2[3]));
+          e.redrawHint("select", true), v3.length > 0 && e.redrawHint("eles", true), r2.emit(m2("boxend")), r2.selectionType() === "additive" || f2 || r2.$(n).unmerge(v3).unselect(), v3.emit(m2("box")).stdFilter(function(e2) {
             return e2.selectable() && !e2.selected();
           }).select().emit(m2("boxselect")), e.redraw();
         }
         if (e.hoverData.dragging && (e.hoverData.dragging = false, e.redrawHint("select", true), e.redrawHint("eles", true), e.redraw()), !c2[4]) {
           e.redrawHint("drag", true), e.redrawHint("eles", true);
-          var v3 = d2 && d2.grabbed();
-          b(u2), v3 && (d2.emit(m2("freeon")), u2.emit(m2("free")), e.dragData.didDrag && (d2.emit(m2("dragfreeon")), u2.emit(m2("dragfree"))));
+          var b2 = d2 && d2.grabbed();
+          _(u2), b2 && (d2.emit(m2("freeon")), u2.emit(m2("free")), e.dragData.didDrag && (d2.emit(m2("dragfreeon")), u2.emit(m2("dragfree"))));
         }
       }
       c2[4] = 0, e.hoverData.down = null, e.hoverData.cxtStarted = false, e.hoverData.draggingEles = false, e.hoverData.selecting = false, e.hoverData.isOverThresholdDrag = false, e.dragData.didDrag = false, e.hoverData.dragged = false, e.hoverData.dragDelta = [], e.hoverData.mdownPos = null, e.hoverData.mdownGPos = null, e.hoverData.which = null;
     }
   }, false);
-  var I = [], L = 4, R, z = 1e5, B = function(e2, t2) {
+  var N = [], F = 4, I, L = 1e5, R = function(e2, t2) {
     for (var n2 = 0; n2 < e2.length; n2++) if (e2[n2] % t2 !== 0) return false;
     return true;
-  }, V = function(e2) {
+  }, z = function(e2) {
     for (var t2 = Math.abs(e2[0]), n2 = 1; n2 < e2.length; n2++) if (Math.abs(e2[n2]) !== t2) return false;
     return true;
-  }, H = function(t2) {
+  }, B = function(t2) {
     var n2 = false, r2 = t2.deltaY;
     if (r2 ?? (t2.wheelDeltaY == null ? t2.wheelDelta != null && (r2 = t2.wheelDelta / 4) : r2 = t2.wheelDeltaY / 4), r2 !== 0) {
-      if (R == null) if (I.length >= L) {
-        var a2 = I;
-        if (R = B(a2, 5), !R) {
+      if (I == null) if (N.length >= F) {
+        var a2 = N;
+        if (I = R(a2, 5), !I) {
           var o2 = Math.abs(a2[0]);
-          R = V(a2) && o2 > 5;
+          I = z(a2) && o2 > 5;
         }
-        if (R) for (var s2 = 0; s2 < a2.length; s2++) z = Math.min(Math.abs(a2[s2]), z);
-      } else I.push(r2), n2 = true;
-      else R && (z = Math.min(Math.abs(r2), z));
+        if (I) for (var s2 = 0; s2 < a2.length; s2++) L = Math.min(Math.abs(a2[s2]), L);
+      } else N.push(r2), n2 = true;
+      else I && (L = Math.min(Math.abs(r2), L));
       if (!e.scrollingPage) {
         var c2 = e.cy, l2 = c2.zoom(), u2 = c2.pan(), d2 = e.projectIntoViewport(t2.clientX, t2.clientY), f2 = [d2[0] * l2 + u2.x, d2[1] * l2 + u2.y];
-        if (e.hoverData.draggingEles || e.hoverData.dragging || e.hoverData.cxtStarted || k()) {
+        if (e.hoverData.draggingEles || e.hoverData.dragging || e.hoverData.cxtStarted || D()) {
           t2.preventDefault();
           return;
         }
@@ -13631,7 +13687,7 @@ BRp$3.registerBinding = function(e, t, n, r) {
             e.data.wheelZooming = false, e.redrawHint("eles", true), e.redraw();
           }, 150);
           var m2;
-          n2 && Math.abs(r2) > 5 && (r2 = signum(r2) * 5), m2 = r2 / -250, R && (m2 /= z, m2 *= 3), m2 *= e.wheelSensitivity, t2.deltaMode === 1 && (m2 *= 33);
+          n2 && Math.abs(r2) > 5 && (r2 = signum(r2) * 5), m2 = r2 / -250, I && (m2 /= L, m2 *= 3), m2 *= e.wheelSensitivity, t2.deltaMode === 1 && (m2 *= 33);
           var h2 = c2.zoom() * 10 ** m2;
           t2.type === "gesturechange" && (h2 = e.gestureStartZoom * t2.scale), c2.zoom({
             level: h2,
@@ -13651,14 +13707,14 @@ BRp$3.registerBinding = function(e, t, n, r) {
       }
     }
   };
-  e.registerBinding(e.container, "wheel", H, true), e.registerBinding(t, "scroll", function(t2) {
+  e.registerBinding(e.container, "wheel", B, true), e.registerBinding(t, "scroll", function(t2) {
     e.scrollingPage = true, clearTimeout(e.scrollingPageTimeout), e.scrollingPageTimeout = setTimeout(function() {
       e.scrollingPage = false;
     }, 250);
   }, true), e.registerBinding(e.container, "gesturestart", function(t2) {
     e.gestureStartZoom = e.cy.zoom(), e.hasTouchStarted || t2.preventDefault();
   }, true), e.registerBinding(e.container, "gesturechange", function(t2) {
-    e.hasTouchStarted || H(t2);
+    e.hasTouchStarted || B(t2);
   }, true), e.registerBinding(e.container, "mouseout", function(t2) {
     var n2 = e.projectIntoViewport(t2.clientX, t2.clientY);
     e.cy.emit({
@@ -13680,14 +13736,14 @@ BRp$3.registerBinding = function(e, t, n, r) {
       }
     });
   }, false);
-  var U, W, G, q, J, Y, X, Z, Q, $, Dh, Oh, kh, Ah = function(e2, t2, n2, r2) {
+  var V, H, U, W, G, q, J, Y, X, Z, Q, $, Nh, Ph = function(e2, t2, n2, r2) {
     return Math.sqrt((n2 - e2) * (n2 - e2) + (r2 - t2) * (r2 - t2));
-  }, jh = function(e2, t2, n2, r2) {
+  }, Fh = function(e2, t2, n2, r2) {
     return (n2 - e2) * (n2 - e2) + (r2 - t2) * (r2 - t2);
-  }, Mh;
-  e.registerBinding(e.container, "touchstart", Mh = function(t2) {
-    if (e.hasTouchStarted = true, A(t2)) {
-      C(), e.touchData.capture = true, e.data.bgActivePosistion = void 0;
+  }, Ih;
+  e.registerBinding(e.container, "touchstart", Ih = function(t2) {
+    if (e.hasTouchStarted = true, O(t2)) {
+      b(), e.touchData.capture = true, e.data.bgActivePosistion = void 0;
       var n2 = e.cy, r2 = e.touchData.now, o2 = e.touchData.earlier;
       if (t2.touches[0]) {
         var s2 = e.projectIntoViewport(t2.touches[0].clientX, t2.touches[0].clientY);
@@ -13712,15 +13768,15 @@ BRp$3.registerBinding = function(e, t, n, r) {
         };
       };
       if (t2.touches[1]) {
-        e.touchData.singleTouchMoved = true, b(e.dragData.touchDragEles);
+        e.touchData.singleTouchMoved = true, _(e.dragData.touchDragEles);
         var l2 = e.findContainerClientCoords();
-        Q = l2[0], $ = l2[1], Dh = l2[2], Oh = l2[3], U = t2.touches[0].clientX - Q, W = t2.touches[0].clientY - $, G = t2.touches[1].clientX - Q, q = t2.touches[1].clientY - $, kh = 0 <= U && U <= Dh && 0 <= G && G <= Dh && 0 <= W && W <= Oh && 0 <= q && q <= Oh;
-        var u2 = n2.pan(), d2 = n2.zoom();
-        J = Ah(U, W, G, q), Y = jh(U, W, G, q), X = [(U + G) / 2, (W + q) / 2], Z = [(X[0] - u2.x) / d2, (X[1] - u2.y) / d2];
-        var m2 = 200, h2 = m2 * m2;
-        if (Y < h2 && !t2.touches[2]) {
-          var g2 = e.findNearestElement(r2[0], r2[1], true, true), S2 = e.findNearestElement(r2[2], r2[3], true, true);
-          g2 && g2.isNode() ? (g2.activate().emit(c2("cxttapstart")), e.touchData.start = g2) : S2 && S2.isNode() ? (S2.activate().emit(c2("cxttapstart")), e.touchData.start = S2) : n2.emit(c2("cxttapstart")), e.touchData.start && (e.touchData.start._private.grabbed = false), e.touchData.cxt = true, e.touchData.cxtDragged = false, e.data.bgActivePosistion = void 0, e.redraw();
+        X = l2[0], Z = l2[1], Q = l2[2], $ = l2[3], V = t2.touches[0].clientX - X, H = t2.touches[0].clientY - Z, U = t2.touches[1].clientX - X, W = t2.touches[1].clientY - Z, Nh = 0 <= V && V <= Q && 0 <= U && U <= Q && 0 <= H && H <= $ && 0 <= W && W <= $;
+        var d2 = n2.pan(), f2 = n2.zoom();
+        G = Ph(V, H, U, W), q = Fh(V, H, U, W), J = [(V + U) / 2, (H + W) / 2], Y = [(J[0] - d2.x) / f2, (J[1] - d2.y) / f2];
+        var m2 = 200, v3 = m2 * m2;
+        if (q < v3 && !t2.touches[2]) {
+          var S2 = e.findNearestElement(r2[0], r2[1], true, true), C2 = e.findNearestElement(r2[2], r2[3], true, true);
+          S2 && S2.isNode() ? (S2.activate().emit(c2("cxttapstart")), e.touchData.start = S2) : C2 && C2.isNode() ? (C2.activate().emit(c2("cxttapstart")), e.touchData.start = C2) : n2.emit(c2("cxttapstart")), e.touchData.start && (e.touchData.start._private.grabbed = false), e.touchData.cxt = true, e.touchData.cxtDragged = false, e.data.bgActivePosistion = void 0, e.redraw();
           return;
         }
       }
@@ -13731,7 +13787,7 @@ BRp$3.registerBinding = function(e, t, n, r) {
           var E2 = e.dragData.touchDragEles = n2.collection(), D2 = null;
           e.redrawHint("eles", true), e.redrawHint("drag", true), T2.selected() ? (D2 = n2.$(function(t3) {
             return t3.selected() && e.nodeIsGrabbable(t3);
-          }), _(D2, { addToList: E2 })) : v(T2, { addToList: E2 }), f(T2), T2.emit(c2("grabon")), D2 ? D2.forEach(function(e2) {
+          }), h(D2, { addToList: E2 })) : g(T2, { addToList: E2 }), u(T2), T2.emit(c2("grabon")), D2 ? D2.forEach(function(e2) {
             e2.emit(c2("grab"));
           }) : T2.emit(c2("grab"));
         }
@@ -13753,23 +13809,23 @@ BRp$3.registerBinding = function(e, t, n, r) {
         }, e.tapholdDuration);
       }
       if (t2.touches.length >= 1) {
-        for (var O2 = e.touchData.startPosition = [
+        for (var k2 = e.touchData.startPosition = [
           null,
           null,
           null,
           null,
           null,
           null
-        ], k2 = 0; k2 < r2.length; k2++) O2[k2] = o2[k2] = r2[k2];
+        ], A2 = 0; A2 < r2.length; A2++) k2[A2] = o2[A2] = r2[A2];
         var j2 = t2.touches[0];
         e.touchData.startGPosition = [j2.clientX, j2.clientY];
       }
     }
   }, false);
-  var Nh;
-  e.registerBinding(t, "touchmove", Nh = function(t2) {
+  var Lh;
+  e.registerBinding(t, "touchmove", Lh = function(t2) {
     var n2 = e.touchData.capture;
-    if (!(!n2 && !A(t2))) {
+    if (!(!n2 && !O(t2))) {
       var r2 = e.selection, o2 = e.cy, c2 = e.touchData.now, l2 = e.touchData.earlier, u2 = o2.zoom();
       if (t2.touches[0]) {
         var d2 = e.projectIntoViewport(t2.touches[0].clientX, t2.touches[0].clientY);
@@ -13792,16 +13848,16 @@ BRp$3.registerBinding = function(e, t, n, r) {
             y: c2[1]
           }
         };
-      }, m2 = e.touchData.startGPosition, h2;
+      }, m2 = e.touchData.startGPosition, g2;
       if (n2 && t2.touches[0] && m2) {
-        for (var g2 = [], v3 = 0; v3 < c2.length; v3++) g2[v3] = c2[v3] - l2[v3];
+        for (var v3 = [], b2 = 0; b2 < c2.length; b2++) v3[b2] = c2[b2] - l2[b2];
         var S2 = t2.touches[0].clientX - m2[0], C2 = S2 * S2, w2 = t2.touches[0].clientY - m2[1];
-        h2 = C2 + w2 * w2 >= e.touchTapThreshold2;
+        g2 = C2 + w2 * w2 >= e.touchTapThreshold2;
       }
       if (n2 && e.touchData.cxt) {
         t2.preventDefault();
-        var T2 = t2.touches[0].clientX - Q, E2 = t2.touches[0].clientY - $, D2 = t2.touches[1].clientX - Q, O2 = t2.touches[1].clientY - $, k2 = jh(T2, E2, D2, O2), j2 = k2 / Y, M2 = 150, N2 = M2 * M2, F2 = 1.5;
-        if (j2 >= F2 * F2 || k2 >= N2) {
+        var T2 = t2.touches[0].clientX - X, E2 = t2.touches[0].clientY - Z, D2 = t2.touches[1].clientX - X, k2 = t2.touches[1].clientY - Z, A2 = Fh(T2, E2, D2, k2), j2 = A2 / q, M2 = 150, N2 = M2 * M2, F2 = 1.5;
+        if (j2 >= F2 * F2 || A2 >= N2) {
           e.touchData.cxt = false, e.data.bgActivePosistion = void 0, e.redrawHint("select", true);
           var I2 = f2("cxttapend");
           e.touchData.start ? (e.touchData.start.unactivate().emit(I2), e.touchData.start = null) : o2.emit(I2);
@@ -13823,21 +13879,21 @@ BRp$3.registerBinding = function(e, t, n, r) {
             B2.grabbed = false, B2.rscratch.inDragLayer = false;
           }
         }
-        var V2 = e.touchData.start, T2 = t2.touches[0].clientX - Q, E2 = t2.touches[0].clientY - $, D2 = t2.touches[1].clientX - Q, O2 = t2.touches[1].clientY - $, H2 = Ah(T2, E2, D2, O2), X2 = H2 / J;
-        if (kh) {
-          var Dh2 = T2 - U, Oh2 = E2 - W, Mh2 = D2 - G, Nh2 = O2 - q, Ph2 = (Dh2 + Mh2) / 2, Fh2 = (Oh2 + Nh2) / 2, Ih2 = o2.zoom(), Lh2 = Ih2 * X2, Rh2 = o2.pan(), zh2 = Z[0] * Ih2 + Rh2.x, Bh2 = Z[1] * Ih2 + Rh2.y, Vh2 = {
-            x: -Lh2 / Ih2 * (zh2 - Rh2.x - Ph2) + zh2,
-            y: -Lh2 / Ih2 * (Bh2 - Rh2.y - Fh2) + Bh2
+        var J2 = e.touchData.start, T2 = t2.touches[0].clientX - X, E2 = t2.touches[0].clientY - Z, D2 = t2.touches[1].clientX - X, k2 = t2.touches[1].clientY - Z, Q2 = Ph(T2, E2, D2, k2), $2 = Q2 / G;
+        if (Nh) {
+          var Ih2 = T2 - V, Lh2 = E2 - H, Rh2 = D2 - U, zh2 = k2 - W, Bh2 = (Ih2 + Rh2) / 2, Vh2 = (Lh2 + zh2) / 2, Hh2 = o2.zoom(), Uh2 = Hh2 * $2, Wh2 = o2.pan(), Gh2 = Y[0] * Hh2 + Wh2.x, Kh2 = Y[1] * Hh2 + Wh2.y, qh2 = {
+            x: -Uh2 / Hh2 * (Gh2 - Wh2.x - Bh2) + Gh2,
+            y: -Uh2 / Hh2 * (Kh2 - Wh2.y - Vh2) + Kh2
           };
-          if (V2 && V2.active()) {
+          if (J2 && J2.active()) {
             var R2 = e.dragData.touchDragEles;
-            b(R2), e.redrawHint("drag", true), e.redrawHint("eles", true), V2.unactivate().emit(f2("freeon")), R2.emit(f2("free")), e.dragData.didDrag && (V2.emit(f2("dragfreeon")), R2.emit(f2("dragfree")));
+            _(R2), e.redrawHint("drag", true), e.redrawHint("eles", true), J2.unactivate().emit(f2("freeon")), R2.emit(f2("free")), e.dragData.didDrag && (J2.emit(f2("dragfreeon")), R2.emit(f2("dragfree")));
           }
           o2.viewport({
-            zoom: Lh2,
-            pan: Vh2,
+            zoom: Uh2,
+            pan: qh2,
             cancelOnFailedZoom: true
-          }), o2.emit(f2("pinchzoom")), J = H2, U = T2, W = E2, G = D2, q = O2, e.pinching = true;
+          }), o2.emit(f2("pinchzoom")), G = Q2, V = T2, H = E2, U = D2, W = k2, e.pinching = true;
         }
         if (t2.touches[0]) {
           var d2 = e.projectIntoViewport(t2.touches[0].clientX, t2.touches[0].clientY);
@@ -13852,55 +13908,55 @@ BRp$3.registerBinding = function(e, t, n, r) {
           c2[4] = d2[0], c2[5] = d2[1];
         }
       } else if (t2.touches[0] && !e.touchData.didSelect) {
-        var Hh2 = e.touchData.start, Uh2 = e.touchData.last, L2;
-        if (!e.hoverData.draggingEles && !e.swipePanning && (L2 = e.findNearestElement(c2[0], c2[1], true, true)), n2 && Hh2 != null && t2.preventDefault(), n2 && Hh2 != null && e.nodeIsDraggable(Hh2)) if (h2) {
-          var R2 = e.dragData.touchDragEles, Wh2 = !e.dragData.didDrag;
-          Wh2 && _(R2, { inDragLayer: true }), e.dragData.didDrag = true;
-          var Gh2 = {
+        var Jh2 = e.touchData.start, Yh2 = e.touchData.last, L2;
+        if (!e.hoverData.draggingEles && !e.swipePanning && (L2 = e.findNearestElement(c2[0], c2[1], true, true)), n2 && Jh2 != null && t2.preventDefault(), n2 && Jh2 != null && e.nodeIsDraggable(Jh2)) if (g2) {
+          var R2 = e.dragData.touchDragEles, Xh2 = !e.dragData.didDrag;
+          Xh2 && h(R2, { inDragLayer: true }), e.dragData.didDrag = true;
+          var Zh = {
             x: 0,
             y: 0
           };
-          if (number$1(g2[0]) && number$1(g2[1]) && (Gh2.x += g2[0], Gh2.y += g2[1], Wh2)) {
+          if (number$1(v3[0]) && number$1(v3[1]) && (Zh.x += v3[0], Zh.y += v3[1], Xh2)) {
             e.redrawHint("eles", true);
-            var Kh2 = e.touchData.dragDelta;
-            Kh2 && number$1(Kh2[0]) && number$1(Kh2[1]) && (Gh2.x += Kh2[0], Gh2.y += Kh2[1]);
+            var Qh = e.touchData.dragDelta;
+            Qh && number$1(Qh[0]) && number$1(Qh[1]) && (Zh.x += Qh[0], Zh.y += Qh[1]);
           }
-          e.hoverData.draggingEles = true, R2.silentShift(Gh2).emit(f2("position")).emit(f2("drag")), e.redrawHint("drag", true), e.touchData.startPosition[0] == l2[0] && e.touchData.startPosition[1] == l2[1] && e.redrawHint("eles", true), e.redraw();
+          e.hoverData.draggingEles = true, R2.silentShift(Zh).emit(f2("position")).emit(f2("drag")), e.redrawHint("drag", true), e.touchData.startPosition[0] == l2[0] && e.touchData.startPosition[1] == l2[1] && e.redrawHint("eles", true), e.redraw();
         } else {
-          var Kh2 = e.touchData.dragDelta = e.touchData.dragDelta || [];
-          Kh2.length === 0 ? (Kh2.push(g2[0]), Kh2.push(g2[1])) : (Kh2[0] += g2[0], Kh2[1] += g2[1]);
+          var Qh = e.touchData.dragDelta = e.touchData.dragDelta || [];
+          Qh.length === 0 ? (Qh.push(v3[0]), Qh.push(v3[1])) : (Qh[0] += v3[0], Qh[1] += v3[1]);
         }
-        if (a(Hh2 || L2, [
+        if (a(Jh2 || L2, [
           "touchmove",
           "tapdrag",
           "vmousemove"
         ], t2, {
           x: c2[0],
           y: c2[1]
-        }), (!Hh2 || !Hh2.grabbed()) && L2 != Uh2 && (Uh2 && Uh2.emit(f2("tapdragout")), L2 && L2.emit(f2("tapdragover"))), e.touchData.last = L2, n2) for (var z2 = 0; z2 < c2.length; z2++) c2[z2] && e.touchData.startPosition[z2] && h2 && (e.touchData.singleTouchMoved = true);
-        if (n2 && (Hh2 == null || Hh2.pannable()) && o2.panningEnabled() && o2.userPanningEnabled()) {
-          s(Hh2, e.touchData.starts) && (t2.preventDefault(), e.data.bgActivePosistion || (e.data.bgActivePosistion = array2point(e.touchData.startPosition)), e.swipePanning ? (o2.panBy({
-            x: g2[0] * u2,
-            y: g2[1] * u2
-          }), o2.emit(f2("dragpan"))) : h2 && (e.swipePanning = true, o2.panBy({
+        }), (!Jh2 || !Jh2.grabbed()) && L2 != Yh2 && (Yh2 && Yh2.emit(f2("tapdragout")), L2 && L2.emit(f2("tapdragover"))), e.touchData.last = L2, n2) for (var z2 = 0; z2 < c2.length; z2++) c2[z2] && e.touchData.startPosition[z2] && g2 && (e.touchData.singleTouchMoved = true);
+        if (n2 && (Jh2 == null || Jh2.pannable()) && o2.panningEnabled() && o2.userPanningEnabled()) {
+          s(Jh2, e.touchData.starts) && (t2.preventDefault(), e.data.bgActivePosistion || (e.data.bgActivePosistion = array2point(e.touchData.startPosition)), e.swipePanning ? (o2.panBy({
+            x: v3[0] * u2,
+            y: v3[1] * u2
+          }), o2.emit(f2("dragpan"))) : g2 && (e.swipePanning = true, o2.panBy({
             x: S2 * u2,
             y: w2 * u2
-          }), o2.emit(f2("dragpan")), Hh2 && (Hh2.unactivate(), e.redrawHint("select", true), e.touchData.start = null)));
+          }), o2.emit(f2("dragpan")), Jh2 && (Jh2.unactivate(), e.redrawHint("select", true), e.touchData.start = null)));
           var d2 = e.projectIntoViewport(t2.touches[0].clientX, t2.touches[0].clientY);
           c2[0] = d2[0], c2[1] = d2[1];
         }
       }
-      for (var v3 = 0; v3 < c2.length; v3++) l2[v3] = c2[v3];
+      for (var b2 = 0; b2 < c2.length; b2++) l2[b2] = c2[b2];
       n2 && t2.touches.length > 0 && !e.hoverData.draggingEles && !e.swipePanning && e.data.bgActivePosistion != null && (e.data.bgActivePosistion = void 0, e.redrawHint("select", true), e.redraw());
     }
   }, false);
-  var Ph;
-  e.registerBinding(t, "touchcancel", Ph = function(t2) {
+  var Rh;
+  e.registerBinding(t, "touchcancel", Rh = function(t2) {
     var n2 = e.touchData.start;
     e.touchData.capture = false, n2 && n2.unactivate();
   });
-  var Fh, Ih, Lh, Rh;
-  if (e.registerBinding(t, "touchend", Fh = function(t2) {
+  var zh, Bh, Vh, Hh;
+  if (e.registerBinding(t, "touchend", zh = function(t2) {
     var r2 = e.touchData.start;
     if (e.touchData.capture) t2.touches.length === 0 && (e.touchData.capture = false), t2.preventDefault();
     else return;
@@ -13949,10 +14005,10 @@ BRp$3.registerBinding = function(e, t, n, r) {
     if (r2 == null ? void 0 : r2.unactivate(), t2.touches[2]) e.data.bgActivePosistion = void 0, e.redrawHint("select", true);
     else if (!t2.touches[1] && !t2.touches[0] && !t2.touches[0]) {
       e.data.bgActivePosistion = void 0, e.redrawHint("select", true);
-      var _2 = e.dragData.touchDragEles;
+      var v3 = e.dragData.touchDragEles;
       if (r2 != null) {
-        var v3 = r2._private.grabbed;
-        b(_2), e.redrawHint("drag", true), e.redrawHint("eles", true), v3 && (r2.emit(f2("freeon")), _2.emit(f2("free")), e.dragData.didDrag && (r2.emit(f2("dragfreeon")), _2.emit(f2("dragfree")))), a(r2, [
+        var b2 = r2._private.grabbed;
+        _(v3), e.redrawHint("drag", true), e.redrawHint("eles", true), b2 && (r2.emit(f2("freeon")), v3.emit(f2("free")), e.dragData.didDrag && (r2.emit(f2("dragfreeon")), v3.emit(f2("dragfree")))), a(r2, [
           "touchend",
           "tapend",
           "vmouseup",
@@ -13974,15 +14030,15 @@ BRp$3.registerBinding = function(e, t, n, r) {
       e.touchData.singleTouchMoved || (r2 || s2.$(":selected").unselect(["tapunselect"]), a(r2, ["tap", "vclick"], t2, {
         x: l2[0],
         y: l2[1]
-      }), Ih = false, t2.timeStamp - Rh <= s2.multiClickDebounceTime() ? (Lh && clearTimeout(Lh), Ih = true, Rh = null, a(r2, ["dbltap", "vdblclick"], t2, {
+      }), Bh = false, t2.timeStamp - Hh <= s2.multiClickDebounceTime() ? (Vh && clearTimeout(Vh), Bh = true, Hh = null, a(r2, ["dbltap", "vdblclick"], t2, {
         x: l2[0],
         y: l2[1]
-      })) : (Lh = setTimeout(function() {
-        Ih || a(r2, ["onetap", "voneclick"], t2, {
+      })) : (Vh = setTimeout(function() {
+        Bh || a(r2, ["onetap", "voneclick"], t2, {
           x: l2[0],
           y: l2[1]
         });
-      }, s2.multiClickDebounceTime()), Rh = t2.timeStamp)), r2 != null && !e.dragData.didDrag && r2._private.selectable && T2 < e.touchTapThreshold2 && !e.pinching && (s2.selectionType() === "single" ? (s2.$(n).unmerge(r2).unselect(["tapunselect"]), r2.select(["tapselect"])) : r2.selected() ? r2.unselect(["tapunselect"]) : r2.select(["tapselect"]), e.redrawHint("eles", true)), e.touchData.singleTouchMoved = true;
+      }, s2.multiClickDebounceTime()), Hh = t2.timeStamp)), r2 != null && !e.dragData.didDrag && r2._private.selectable && T2 < e.touchTapThreshold2 && !e.pinching && (s2.selectionType() === "single" ? (s2.$(n).unmerge(r2).unselect(["tapunselect"]), r2.select(["tapselect"])) : r2.selected() ? r2.unselect(["tapunselect"]) : r2.select(["tapselect"]), e.redrawHint("eles", true)), e.touchData.singleTouchMoved = true;
     }
     for (var E2 = 0; E2 < l2.length; E2++) u2[E2] = l2[E2];
     e.dragData.didDrag = false, t2.touches.length === 0 && (e.touchData.dragDelta = [], e.touchData.startPosition = [
@@ -13994,7 +14050,7 @@ BRp$3.registerBinding = function(e, t, n, r) {
       null
     ], e.touchData.startGPosition = null, e.touchData.didSelect = false), t2.touches.length < 2 && (t2.touches.length === 1 && (e.touchData.startGPosition = [t2.touches[0].clientX, t2.touches[0].clientY]), e.pinching = false, e.redrawHint("eles", true), e.redraw());
   }, false), typeof TouchEvent > "u") {
-    var zh = [], Bh = function(e2) {
+    var Uh = [], Wh = function(e2) {
       return {
         clientX: e2.clientX,
         clientY: e2.clientY,
@@ -14008,38 +14064,38 @@ BRp$3.registerBinding = function(e, t, n, r) {
         screenY: e2.screenY,
         target: e2.target
       };
-    }, Vh = function(e2) {
+    }, Gh = function(e2) {
       return {
         event: e2,
-        touch: Bh(e2)
+        touch: Wh(e2)
       };
-    }, Hh = function(e2) {
-      zh.push(Vh(e2));
-    }, Uh = function(e2) {
-      for (var t2 = 0; t2 < zh.length; t2++) if (zh[t2].event.pointerId === e2.pointerId) {
-        zh.splice(t2, 1);
+    }, Kh = function(e2) {
+      Uh.push(Gh(e2));
+    }, qh = function(e2) {
+      for (var t2 = 0; t2 < Uh.length; t2++) if (Uh[t2].event.pointerId === e2.pointerId) {
+        Uh.splice(t2, 1);
         return;
       }
-    }, Wh = function(e2) {
-      var t2 = zh.filter(function(t3) {
+    }, Jh = function(e2) {
+      var t2 = Uh.filter(function(t3) {
         return t3.event.pointerId === e2.pointerId;
       })[0];
-      t2.event = e2, t2.touch = Bh(e2);
-    }, Gh = function(e2) {
-      e2.touches = zh.map(function(e3) {
+      t2.event = e2, t2.touch = Wh(e2);
+    }, Yh = function(e2) {
+      e2.touches = Uh.map(function(e3) {
         return e3.touch;
       });
-    }, Kh = function(e2) {
+    }, Xh = function(e2) {
       return e2.pointerType === "mouse" || e2.pointerType === 4;
     };
     e.registerBinding(e.container, "pointerdown", function(e2) {
-      Kh(e2) || (e2.preventDefault(), Hh(e2), Gh(e2), Mh(e2));
+      Xh(e2) || (e2.preventDefault(), Kh(e2), Yh(e2), Ih(e2));
     }), e.registerBinding(e.container, "pointerup", function(e2) {
-      Kh(e2) || (Uh(e2), Gh(e2), Fh(e2));
+      Xh(e2) || (qh(e2), Yh(e2), zh(e2));
     }), e.registerBinding(e.container, "pointercancel", function(e2) {
-      Kh(e2) || (Uh(e2), Gh(e2), Ph(e2));
+      Xh(e2) || (qh(e2), Yh(e2), Rh(e2));
     }), e.registerBinding(e.container, "pointermove", function(e2) {
-      Kh(e2) || (e2.preventDefault(), Wh(e2), Gh(e2), Nh(e2));
+      Xh(e2) || (e2.preventDefault(), Jh(e2), Yh(e2), Lh(e2));
     });
   }
 };
@@ -15407,14 +15463,15 @@ CRp$7.eleTextBiggerThanMin = function(e, t) {
   if (t.isNode()) {
     var c = t.pstyle("label");
     if (!c || !c.value) return;
-    e.textAlign = s.getLabelJustification(t), e.textBaseline = "bottom";
+    var l = s.getLabelJustification(t), u = t.pstyle("text-metrics").strValue === "glyph";
+    e.textAlign = l, e.textBaseline = u ? "alphabetic" : "bottom";
   } else {
-    var l = t.element()._private.rscratch.badLine, u = t.pstyle("label"), d = t.pstyle("source-label"), f = t.pstyle("target-label");
-    if (l || (!u || !u.value) && (!d || !d.value) && (!f || !f.value)) return;
+    var d = t.element()._private.rscratch.badLine, f = t.pstyle("label"), m = t.pstyle("source-label"), h = t.pstyle("target-label");
+    if (d || (!f || !f.value) && (!m || !m.value) && (!h || !h.value)) return;
     e.textAlign = "center", e.textBaseline = "bottom";
   }
-  var m = !n, h;
-  n && (h = n, e.translate(-h.x1, -h.y1)), a == null ? (s.drawText(e, t, null, m, o), t.isEdge() && (s.drawText(e, t, "source", m, o), s.drawText(e, t, "target", m, o))) : s.drawText(e, t, a, m, o), n && e.translate(h.x1, h.y1);
+  var g = !n, _;
+  n && (_ = n, e.translate(-_.x1, -_.y1)), a == null ? (s.drawText(e, t, null, g, o), t.isEdge() && (s.drawText(e, t, "source", g, o), s.drawText(e, t, "target", g, o))) : s.drawText(e, t, a, g, o), n && e.translate(_.x1, _.y1);
 }, CRp$7.getFontCache = function(e) {
   var t;
   this.fontCaches = this.fontCaches || [];
@@ -15446,10 +15503,12 @@ CRp$7.getTextAngle = function(e, t) {
     var c = getPrefixedProperty(o, "labelX", n), l = getPrefixedProperty(o, "labelY", n), u, d, f = this.getLabelText(t, n);
     if (f != null && f !== "" && !isNaN(c) && !isNaN(l)) {
       this.setupTextStyle(e, t, a);
-      var m = n ? n + "-" : "", h = getPrefixedProperty(o, "labelWidth", n), g = getPrefixedProperty(o, "labelHeight", n), _ = t.pstyle(m + "text-margin-x").pfValue, v = t.pstyle(m + "text-margin-y").pfValue, b = t.isEdge(), S = t.pstyle("text-halign").value, C = t.pstyle("text-valign").value;
-      b && (S = "center", C = "center"), c += _, l += v;
-      var w = r ? this.getTextAngle(t, n) : 0;
-      switch (w !== 0 && (u = c, d = l, e.translate(u, d), e.rotate(w), c = 0, l = 0), C) {
+      var m = n ? n + "-" : "", h = getPrefixedProperty(o, "labelWidth", n), g = getPrefixedProperty(o, "labelHeight", n), _ = getPrefixedProperty(o, "labelActualDescent", n), v = t.pstyle(m + "text-margin-x").pfValue, b = t.pstyle(m + "text-margin-y").pfValue, S = t.isEdge(), C = t.pstyle("text-halign").value, w = t.pstyle("text-valign").value;
+      S && (C = "center", w = "center"), c += v, l += b;
+      var T = r ? this.getTextAngle(t, n) : 0;
+      T !== 0 && (u = c, d = l, e.translate(u, d), e.rotate(T), c = 0, l = 0);
+      var E = labelHalign(C), D = labelValign(w);
+      switch (D) {
         case "top":
           break;
         case "center":
@@ -15459,19 +15518,19 @@ CRp$7.getTextAngle = function(e, t) {
           l += g;
           break;
       }
-      var T = t.pstyle("text-background-opacity").value, E = t.pstyle("text-border-opacity").value, D = t.pstyle("text-border-width").pfValue, O = t.pstyle("text-background-padding").pfValue, k = t.pstyle("text-background-shape").strValue, A = k === "round-rectangle" || k === "roundrectangle", j = k === "circle", M = 2;
-      if (T > 0 || D > 0 && E > 0) {
-        var N = e.fillStyle, P = e.strokeStyle, F = e.lineWidth, I = t.pstyle("text-background-color").value, L = t.pstyle("text-border-color").value, R = t.pstyle("text-border-style").value, z = T > 0, B = D > 0 && E > 0, V = c - O;
-        switch (S) {
+      var O = t.pstyle("text-background-opacity").value, k = t.pstyle("text-border-opacity").value, A = t.pstyle("text-border-width").pfValue, j = t.pstyle("text-background-padding").pfValue, M = t.pstyle("text-background-shape").strValue, N = M === "round-rectangle" || M === "roundrectangle", P = M === "circle", F = 2;
+      if (O > 0 || A > 0 && k > 0) {
+        var I = e.fillStyle, L = e.strokeStyle, R = e.lineWidth, z = t.pstyle("text-background-color").value, B = t.pstyle("text-border-color").value, V = t.pstyle("text-border-style").value, H = O > 0, U = A > 0 && k > 0, W = c - j;
+        switch (E) {
           case "left":
-            V -= h;
+            W -= h;
             break;
           case "center":
-            V -= h / 2;
+            W -= h / 2;
             break;
         }
-        var H = l - g - O, U = h + 2 * O, W = g + 2 * O;
-        if (z && (e.fillStyle = `rgba(${I[0]},${I[1]},${I[2]},${T * s})`), B && (e.strokeStyle = `rgba(${L[0]},${L[1]},${L[2]},${E * s})`, e.lineWidth = D, e.setLineDash)) switch (R) {
+        var G = l - g - j, q = h + 2 * j, J = g + 2 * j;
+        if (H && (e.fillStyle = `rgba(${z[0]},${z[1]},${z[2]},${O * s})`), U && (e.strokeStyle = `rgba(${B[0]},${B[1]},${B[2]},${k * s})`, e.lineWidth = A, e.setLineDash)) switch (V) {
           case "dotted":
             e.setLineDash([1, 1]);
             break;
@@ -15479,34 +15538,34 @@ CRp$7.getTextAngle = function(e, t) {
             e.setLineDash([4, 2]);
             break;
           case "double":
-            e.lineWidth = D / 4, e.setLineDash([]);
+            e.lineWidth = A / 4, e.setLineDash([]);
             break;
           case "solid":
           default:
             e.setLineDash([]);
             break;
         }
-        if (A ? (e.beginPath(), roundRect(e, V, H, U, W, M)) : j ? (e.beginPath(), circle(e, V, H, U, W)) : (e.beginPath(), e.rect(V, H, U, W)), z && e.fill(), B && e.stroke(), B && R === "double") {
-          var G = D / 2;
-          e.beginPath(), A ? roundRect(e, V + G, H + G, U - 2 * G, W - 2 * G, M) : e.rect(V + G, H + G, U - 2 * G, W - 2 * G), e.stroke();
+        if (N ? (e.beginPath(), roundRect(e, W, G, q, J, F)) : P ? (e.beginPath(), circle(e, W, G, q, J)) : (e.beginPath(), e.rect(W, G, q, J)), H && e.fill(), U && e.stroke(), U && V === "double") {
+          var Y = A / 2;
+          e.beginPath(), N ? roundRect(e, W + Y, G + Y, q - 2 * Y, J - 2 * Y, F) : e.rect(W + Y, G + Y, q - 2 * Y, J - 2 * Y), e.stroke();
         }
-        e.fillStyle = N, e.strokeStyle = P, e.lineWidth = F, e.setLineDash && e.setLineDash([]);
+        e.fillStyle = I, e.strokeStyle = L, e.lineWidth = R, e.setLineDash && e.setLineDash([]);
       }
-      var q = 2 * t.pstyle("text-outline-width").pfValue;
-      if (q > 0 && (e.lineWidth = q), t.pstyle("text-wrap").value === "wrap") {
-        var J = getPrefixedProperty(o, "labelWrapCachedLines", n), Y = getPrefixedProperty(o, "labelLineHeight", n), X = h / 2, Z = this.getLabelJustification(t);
-        switch (Z === "auto" || (S === "left" ? Z === "left" ? c += -h : Z === "center" && (c += -X) : S === "center" ? Z === "left" ? c += -X : Z === "right" && (c += X) : S === "right" && (Z === "center" ? c += X : Z === "right" && (c += h))), C) {
+      var X = 2 * t.pstyle("text-outline-width").pfValue;
+      if (X > 0 && (e.lineWidth = X), l -= _, t.pstyle("text-wrap").value === "wrap") {
+        var Z = getPrefixedProperty(o, "labelWrapCachedLines", n), Q = getPrefixedProperty(o, "labelLineHeight", n), $ = h / 2, Nh = this.getLabelJustification(t);
+        switch (Nh === "auto" || (E === "left" ? Nh === "left" ? c += -h : Nh === "center" && (c += -$) : E === "center" ? Nh === "left" ? c += -$ : Nh === "right" && (c += $) : E === "right" && (Nh === "center" ? c += $ : Nh === "right" && (c += h))), D) {
           case "top":
-            l -= (J.length - 1) * Y;
+            l -= (Z.length - 1) * Q;
             break;
           case "center":
           case "bottom":
-            l -= (J.length - 1) * Y;
+            l -= (Z.length - 1) * Q;
             break;
         }
-        for (var Q = 0; Q < J.length; Q++) q > 0 && e.strokeText(J[Q], c, l), e.fillText(J[Q], c, l), l += Y;
-      } else q > 0 && e.strokeText(f, c, l), e.fillText(f, c, l);
-      w !== 0 && (e.rotate(-w), e.translate(-u, -d));
+        for (var Ph = 0; Ph < Z.length; Ph++) X > 0 && e.strokeText(Z[Ph], c, l), e.fillText(Z[Ph], c, l), l += Q;
+      } else X > 0 && e.strokeText(f, c, l), e.fillText(f, c, l);
+      T !== 0 && (e.rotate(-T), e.translate(-u, -d));
     }
   }
 };
@@ -15547,10 +15606,10 @@ CRp$6.drawNode = function(e, t, n) {
     }, Q = t.pstyle("shape").strValue, $ = t.pstyle("shape-polygon-points").pfValue;
     if (h) {
       e.translate(f.x, f.y);
-      var Dh = Z(c, l, Q, $);
-      g = Dh.path, _ = Dh.cacheHit;
+      var Nh = Z(c, l, Q, $);
+      g = Nh.path, _ = Nh.cacheHit;
     }
-    var Oh = function() {
+    var Ph = function() {
       if (!_) {
         var n2 = f;
         h && (n2 = {
@@ -15559,7 +15618,7 @@ CRp$6.drawNode = function(e, t, n) {
         }), s.nodeShapes[s.getNodeShape(t)].draw(g || e, n2.x, n2.y, c, l, q, d);
       }
       h ? e.fill(g) : e.fill();
-    }, kh = function() {
+    }, Fh = function() {
       for (var n2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : m, r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true, a2 = u.backgrounding, o2 = 0, c2 = 0; c2 < w.length; c2++) {
         var l2 = t.cy().style().getIndexedStyle(t, "background-image-containment", "value", c2);
         if (r2 && l2 === "over" || !r2 && l2 === "inside") {
@@ -15569,16 +15628,16 @@ CRp$6.drawNode = function(e, t, n) {
         C[c2] && w[c2].complete && !w[c2].error && (o2++, s.drawInscribedImage(e, w[c2], t, c2, n2));
       }
       u.backgrounding = o2 !== T, a2 !== u.backgrounding && t.updateStyle(false);
-    }, Ah = function() {
+    }, Ih = function() {
       var n2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false, r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : m;
       s.hasPie(t) && (s.drawPie(e, t, r2), n2 && (h || s.nodeShapes[s.getNodeShape(t)].draw(e, f.x, f.y, c, l, q, d)));
-    }, jh = function() {
+    }, Lh = function() {
       var n2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false, r2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : m;
       s.hasStripe(t) && (e.save(), h ? e.clip(d.pathCache) : (s.nodeShapes[s.getNodeShape(t)].draw(e, f.x, f.y, c, l, q, d), e.clip()), s.drawStripe(e, t, r2), e.restore(), n2 && (h || s.nodeShapes[s.getNodeShape(t)].draw(e, f.x, f.y, c, l, q, d)));
-    }, Mh = function() {
+    }, Rh = function() {
       var t2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : m, n2 = (k > 0 ? k : -k) * t2, r2 = k > 0 ? 0 : 255;
       k !== 0 && (s.colorFillStyle(e, r2, r2, r2, n2), h ? e.fill(g) : e.fill());
-    }, Nh = function() {
+    }, zh = function() {
       if (A > 0) {
         if (e.lineWidth = A, e.lineCap = I, e.lineJoin = F, e.setLineDash) switch (N) {
           case "dotted":
@@ -15607,7 +15666,7 @@ CRp$6.drawNode = function(e, t, n) {
         }
         e.setLineDash && e.setLineDash([]);
       }
-    }, Ph = function() {
+    }, Bh = function() {
       if (V > 0) {
         if (e.lineWidth = V, e.lineCap = "butt", e.setLineDash) switch (U) {
           case "dotted":
@@ -15673,18 +15732,18 @@ CRp$6.drawNode = function(e, t, n) {
         }
         e.setLineDash && e.setLineDash([]);
       }
-    }, Fh = function() {
+    }, Vh = function() {
       a && s.drawNodeOverlay(e, t, f, c, l);
-    }, Ih = function() {
+    }, Hh = function() {
       a && s.drawNodeUnderlay(e, t, f, c, l);
-    }, Lh = function() {
+    }, Uh = function() {
       s.drawElementText(e, t, null, r);
     };
     if (t.pstyle("ghost").value === "yes") {
-      var Rh = t.pstyle("ghost-offset-x").pfValue, zh = t.pstyle("ghost-offset-y").pfValue, Bh = t.pstyle("ghost-opacity").value, Vh = Bh * m;
-      e.translate(Rh, zh), X(), Ph(), J(Bh * j), Oh(), kh(Vh, true), Y(Bh * B), Nh(), Ah(k !== 0 || A !== 0), jh(k !== 0 || A !== 0), kh(Vh, false), Mh(Vh), e.translate(-Rh, -zh);
+      var Wh = t.pstyle("ghost-offset-x").pfValue, Gh = t.pstyle("ghost-offset-y").pfValue, Kh = t.pstyle("ghost-opacity").value, qh = Kh * m;
+      e.translate(Wh, Gh), X(), Bh(), J(Kh * j), Ph(), Fh(qh, true), Y(Kh * B), zh(), Ih(k !== 0 || A !== 0), Lh(k !== 0 || A !== 0), Fh(qh, false), Rh(qh), e.translate(-Wh, -Gh);
     }
-    h && e.translate(-f.x, -f.y), Ih(), h && e.translate(f.x, f.y), X(), Ph(), J(), Oh(), kh(m, true), Y(), Nh(), Ah(k !== 0 || A !== 0), jh(k !== 0 || A !== 0), kh(m, false), Mh(), h && e.translate(-f.x, -f.y), Lh(), Fh(), n && e.translate(b.x1, b.y1);
+    h && e.translate(-f.x, -f.y), Hh(), h && e.translate(f.x, f.y), X(), Bh(), J(), Ph(), Fh(m, true), Y(), zh(), Ih(k !== 0 || A !== 0), Lh(k !== 0 || A !== 0), Fh(m, false), Rh(), h && e.translate(-f.x, -f.y), Uh(), Vh(), n && e.translate(b.x1, b.y1);
   }
 };
 var drawNodeOverlayUnderlay = function(e) {
@@ -15992,8 +16051,8 @@ function modelToRenderedPosition(e, t, n, r, a) {
   var o = r * n + t.x, s = a * n + t.y;
   return s = Math.round(e.canvasHeight - s), [o, s];
 }
-function isSimpleShape(e) {
-  return e.pstyle("background-fill").value !== "solid" || e.pstyle("background-image").strValue !== "none" ? false : e.pstyle("border-width").value === 0 || e.pstyle("border-opacity").value === 0 ? true : e.pstyle("border-style").value === "solid";
+function isSimpleShape(e, t) {
+  return t.picking ? true : e.pstyle("background-fill").value !== "solid" || e.pstyle("background-image").strValue !== "none" ? false : e.pstyle("border-width").value === 0 || e.pstyle("border-opacity").value === 0 ? true : e.pstyle("border-style").value === "solid";
 }
 function arrayEqual(e, t) {
   if (e.length !== t.length) return false;
@@ -17139,7 +17198,7 @@ var AtlasManager = /* @__PURE__ */ (function() {
         var r = this.simpleShapeOptions.get(n);
         if (this._isVisible(e2, r)) {
           var a = r.shapeProps, o = this._getVertTypeForShape(e2, a.shape);
-          if (o === void 0 || r.isSimple && !r.isSimple(e2)) {
+          if (o === void 0 || r.isSimple && !r.isSimple(e2, this.renderTarget)) {
             this.drawTexture(e2, t, n);
             return;
           }
@@ -17149,20 +17208,20 @@ var AtlasManager = /* @__PURE__ */ (function() {
             u[0] = l, u[1] = l, u[2] = l, u[3] = l, o === BOTTOM_ROUND_RECTANGLE && (u[0] = 0, u[2] = 0);
           }
           indexToVec4(t, this.indexBuffer.getView(s));
-          var d = e2.pstyle(a.color).value, f = e2.pstyle(a.opacity).value;
-          toWebGLColor(d, f, this.colorBuffer.getView(s));
-          var m = this.lineWidthBuffer.getView(s);
-          if (m[0] = 0, m[1] = 0, a.border) {
-            var h = e2.pstyle("border-width").value;
-            if (h > 0) {
-              var g = e2.pstyle("border-color").value, _ = e2.pstyle("border-opacity").value;
-              toWebGLColor(g, _, this.borderColorBuffer.getView(s));
+          var d = this.renderTarget.picking ? 1 : n === "node-body" ? e2.effectiveOpacity() : 1, f = this.renderTarget.picking ? 1 : e2.pstyle(a.opacity).value * d, m = e2.pstyle(a.color).value;
+          toWebGLColor(m, f, this.colorBuffer.getView(s));
+          var h = this.lineWidthBuffer.getView(s);
+          if (h[0] = 0, h[1] = 0, a.border) {
+            var g = e2.pstyle("border-width").value;
+            if (g > 0) {
+              var _ = e2.pstyle("border-color").value;
+              toWebGLColor(_, d * e2.pstyle("border-opacity").value, this.borderColorBuffer.getView(s));
               var v = e2.pstyle("border-position").value;
-              if (v === "inside") m[0] = 0, m[1] = -h;
-              else if (v === "outside") m[0] = h, m[1] = 0;
+              if (v === "inside") h[0] = 0, h[1] = -g;
+              else if (v === "outside") h[0] = g, h[1] = 0;
               else {
-                var b = h / 2;
-                m[0] = b, m[1] = -b;
+                var b = g / 2;
+                h[0] = b, h[1] = -b;
               }
             }
           }
@@ -17839,7 +17898,7 @@ function CanvasRenderer(e) {
   }, V = function(e2) {
     var t2 = O(e2), n2 = h(O(e2));
     if (e2.isNode()) {
-      switch (e2.pstyle("text-halign").value) {
+      switch (labelHalign(e2.pstyle("text-halign").value)) {
         case "left":
           n2.x = -t2.w - (t2.leftPad || 0);
           break;
@@ -17847,7 +17906,7 @@ function CanvasRenderer(e) {
           n2.x = -(t2.rightPad || 0);
           break;
       }
-      switch (e2.pstyle("text-valign").value) {
+      switch (labelValign(e2.pstyle("text-valign").value)) {
         case "top":
           n2.y = -t2.h - (t2.topPad || 0);
           break;
@@ -18171,7 +18230,7 @@ sheetfn.instanceString = function() {
   }
   return e;
 };
-var version = "3.33.1", cytoscape = function(e) {
+var version = "3.34.0", cytoscape = function(e) {
   if (e === void 0 && (e = {}), plainObject(e)) return new Core(e);
   if (string(e)) return extension.apply(extension, arguments);
 };